#topBar {
  position: absolute;
  top: 0px;
	left:0px;
  width: 100%;
  z-index: 1;
  text-align: center;
	
}

#topBarPopup {
  width: 995px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  background-color: #7ea607;

  text-align: center;
}

#topBarBanners {
  width: 982px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;

}
#topBarBanners img {
  margin:0;
  cursor:pointer;
}

#topBarBanners a {
  display: block;
  float: left;
  width: 231px;
  height: 108px;
  margin:0;
  margin-right:12px;
}
#topBarContent{
  height:100px;
	background-color:#7ea607;
}

#topBarLogin{
	float:left;
	width:950px;
	
}
.topLoginBox{ width:320px; float: left; padding-left:20px; padding-top:10px; margin-top:10px; border-right:1px solid #fff;}
.topRegBox{ width:350px; float: left; padding-top:10px; margin-top:10px; color:#fff; text-align:left;  border-right:1px solid #fff;}
.topRycoBox{ width:200px; float: left; padding-top:10px; padding-left:20px; margin-top:10px; color:#fff; }

.topButton1{width:119px; height:60px; border:0px; cursor:pointer; background-image:url('../img/toplogin.gif'); background-repeat:no-repeat;}
.topButton2{width:120px; height:60px; border:0px;  float:left;background-image:url('../img/topregister.gif'); background-repeat:no-repeat;}
.topLoginInput{border:1px solid #afafaf; color:#333; font-size:12px; margin-bottom:5px;}

#topBarControls {
  width: 995px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-image:url(../img/top_pop.gif);
}

#topBarButton {
  display: block;
  position: absolute;
  float: left;
  margin-left: 15px;
	color: #fff;
	text-decoration:none;
	font-size:9px;
}

#topBarButton img {
  float: left;
}




/*business first by rycoweb 2009*/

body{margin:0px; background-image:url('../img/main_bck.jpg'); background-repeat:repeat-x; background-color:#191919; font-family:arial; font-size:12px;margin-top:40px;}
body{behavior: url(csshover.htc );}
#wrapper{width:1007px;   margin-left:auto; margin-right:auto;}
#siteWrapper{width:1007px; float:left; background-color:#fff;}

#head{width:997px; height:132px; float:left; line-height:132px; text-align:right; background-image:url('../img/head_bck.jpg'); padding-right:10px;}
#menu{width:987px; height:27px; margin-left:10px; padding-top:8px; float:left; text-align:right; background-image:url('../img/top_menu_bck.jpg'); padding-right:10px;}

.menuItem{float:right; padding-left:3px;}
.menuItemLeft{width:4px; height:27px; float:left; background-image:url('../img/menuitem_left.jpg');}
.menuItemRight{width:5px; height:27px; float:left; background-image:url('../img/menuitem_right.jpg');}
.menuItemMain{height:22px; float:left; background-image:url('../img/menuitem_main.jpg'); color:#fff; padding:5px 2px 0px 2px;}

#main{width:997px; float:left; padding-left:10px;}
#leftSide{width:155px; float:left; background-color:#fff;}

/*left menu*/
#leftMenuCont{width:155px; float:left; background-color:#191919; padding-top:7px;}
.leftMenu1{width:143px; height:35px; padding-top:10px; padding-left:12px; float:left; margin-top:1px; background-image:url('../img/left_menu_1.jpg');}
.leftMenu2{width:143px; height:35px; padding-top:10px; padding-left:12px; float:left; margin-top:1px; background-image:url('../img/left_menu_2.jpg');}
.leftMenuMagazineTitle{width:155px; height:20px; margin-top:5px; margin-bottom:5px; float:left; background-image:url('../img/left_menu_latest.jpg'); background-position:center; background-repeat:no-repeat;}
.leftMenuMagazine{width:155px; float:left; margin-bottom:5px; text-align:center; }
.leftMenu3{width:138px; height:20px; padding-top:10px; padding-left:17px; float:left; margin-top:1px; background-image:url('../img/left_menu_3.jpg');}
.leftMenu4{width:138px; height:20px; padding-top:10px; padding-left:17px; float:left; margin-top:1px; background-image:url('../img/left_menu_4.jpg');}
.leftMenu5{width:138px; height:20px; padding-top:10px; padding-left:17px; float:left; margin-top:1px; background-image:url('../img/left_menu_5.jpg');}
.leftMenu6{width:138px; height:20px; padding-top:10px; padding-left:17px; float:left; margin-top:1px; background-image:url('../img/left_menu_6.jpg');}
.leftMenu7{width:138px; height:20px; padding-top:10px; padding-left:17px; float:left; margin-top:1px; background-image:url('../img/left_menu_7.jpg');}
.leftMenu8{width:155px; height:46px; float:left; margin-top:1px; background-image:url('../img/left_menu_8.jpg');}

.leftMenuLink{font-size:11px; color:#fff; text-decoration:none;}
.leftMenuLink:hover{ text-decoration:underline;}

/*leftbanner*/
.leftBanner{width:155px; float:left; text-align:center; margin-top:10px;}


#content{width:842px; float:left;}
#contentColTitle{width:842px; float:left; height:77px; background-image:url('../img/home_title.jpg'); background-repeat:no-repeat; background-color:#191919; background-position:right;}

.contentColLeft{width:486px; float:left; padding:10px;}
/*full size content*/
.contentContainer{width:496px; float:left;}
.contentContainerTitle{width:485px; height:22px; padding-left:10px; padding-top:8px; font-size:14px; font-weight:bold; color:#363636;  background-image:url('../img/subheader_bck.jpg'); float:left;}
.contentItem{width:495px; height:84px; float:left; border-bottom:1px solid #cccccc; cursor:pointer;}
.contentItemPic{width:95px; padding:7px 0px 7px 0px; float:left;}
.contentItemDescr{width:390px; color:#353535; padding:7px 0px 0px 0px; float:left; line-height:14px;}
.contentItemDate{color:#949494; line-height:18px;}

.contentColRight{width:316px; float:left; padding-top:10px; padding-left:10px; padding-right:10px;}
.videoContainer{width:316px; float:left;}


/*home boxes*/
.smallBox{float: left; width:243px; margin-top:10px;}
.left{margin-right:10px;}
.smallBoxHeader{float: left; width:233px; height:22px; padding-left:10px; padding-top:8px; font-size:14px; font-weight:bold; color:#363636;  background-image:url('../img/subheader_bck.jpg');}
.smallContentItem{width:243px; height:96px; float:left; cursor:pointer; border-bottom:1px solid #cccccc; overflow:hidden;}
.smallContentItem1{width:278px; padding-left:5px; padding-right:5px; cursor:pointer; height:96px; float:left; border-bottom:1px solid #cccccc; overflow:hidden;}
.smallContentItemDescr{width:135px; float:left; padding-top:5px;}

#rightBannerContainer{float:left; margin-top:10px;}

#foot{width:1005px; height:83px; float:left; margin:10px 1px 10px 1px; background-image:url('../img/foot_bck.jpg'); color:#6b6b6b;}
.footLeft1{width:210px; height:50px; float:left; padding:10px 0px 0px 20px; line-height:20px;}
.footLeft2{width:130px; height:50px; float:left; padding:10px 0px 0px 20px; line-height:20px;}
.footRight{width:490px; height:50px; float:right; text-align:right; padding:10px 10px 0px 20px; line-height:20px;}

.footerLink { color:#6b6b6b; text-decoration:underline; }
.footerLink:hover {text-decoration:none;}

#createdby{width:1005px; height:23px; float:left; margin:10px 1px 10px 1px;}

#searchByAlpha{width:496px; float:left; margin-top:10px; margin-bottom:10px; text-align:center;}
#searchByAlpha a{color:#000; text-decoration:none; margin-left:5px;}
#searchByAlpha a:hover{color:#fff; background-color:#000;}

/*DIRECTORY PAGE*/
#directoryDescrTopLeft{width:250px; float:left; margin-right:20px;}
#directoryDescrTopLeft ul{ padding: 0px; width:200px;  margin:0px; list-style-type:none; }
#directoryDescrTopLeft .fieldName{ padding: 0px; margin:0px; list-style-type:none; font-weight:bold; height:20px; width: 40px; float:left;}
#directoryDescrTopLeft .fieldValue{ padding: 0px; margin:0px; list-style-type:none;  width: 160px; height:20px; float:left;}

#directoryDescrTopRight{width:180px; float:left;padding-top:10px;}
#directoryDescrDescription{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}
#directoryDescrProducts{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}
#directoryDescrBottomInfo{width:470px; height:22px; padding:3px; background: url('../img/descrpagefoot.jpg') no-repeat; float:left; margin-top:20px;}
a.contentFooterLink{font-size:11px; color:#00A9E5;}
a.contentFooterLink:hover{font-size:11px; color:#000;}
#directoryDescrBottomInfo .leftSide{width:200px; padding-left:30px; float:left;}
#directoryDescrBottomInfo .rightSide{width:200px; float:left;}
#directoryDescrBottomInfo img{margin-right:10px;}

#directoryDescrTopRight ul{ padding: 0px; width:100px;  margin:0px; margin-left: 20px; margin-top:10px; list-style-type:none; }
#directoryDescrTopRight li{ margin-top:0px; width:150px; }
#directoryDescrTopRight img{margin-right:10px;}

#sendEnquiry{width:240px; margin:0px; border:1px solid #ddd; float:left; display:none;}
#sendEnquiry ul{padding:0px; margin:0px; list-style-type:none;}
#sendEnquiry form {padding:0px; margin:0px;}
#sendEnquiryHead{width:240px; height:20px; background-color:#ddd;}
#sendEnquiryHead .leftSide{width:210px; padding:3px; float:left;}
#sendEnquiryHead .rightSide{width:10px; padding:3px; float:left;}
#sendEnquiryBody {padding:10px; width:200px;}

#sendIncorrentDetails{width:240px; margin:0px; border:1px solid #ddd; float:left; display:none;}
#sendIncorrentDetails ul{padding:0px; margin:0px; list-style-type:none;}
#sendIncorrentDetails form {padding:0px; margin:0px;}
#sendIncorrentDetailsHead{width:240px; height:20px; background-color:#ddd;}
#sendIncorrentDetailsHead .leftSide{width:210px; padding:3px; float:left;}
#sendIncorrentDetailsHead .rightSide{width:10px; padding:3px; float:left;}
#sendIncorrentDetailsBody {padding:10px; width:200px;}

/*online survey*/
#surveyBox{width: 288px; float:left; color: #221E1F; margin-top:0px;}

#surveyBox form{width: 288px;}
#surveyBoxHead { float:left;width: 279px; height:18px; padding-left:10px; padding-top:5px; background-color: #80848A; color: #fff; font-weight:bold;}
#surveyBoxFoot{width: 278px; float:left; height:20px; padding-left:10px; padding-top:3px; }
#surveyBox .surveyBoxContent{ float:left; padding-left:5px; padding-right:5px; line-height: 16px;}
.surveyBoxFoot{width: 283px; height:9px; padding-left:5px; padding-top:3px; }
.surveyBoxContent ul { margin:0px; padding:0px; list-style-type:none; width:270px; margin-top:10px; background-color:#fe9900;}
.surveyBoxContent li { border-bottom: 1px solid #aaa; background-color:#EDF4FA;width:260px; float:left; display:inline; margin-left:10px;padding-left:10px;padding-bottom:10px;}
.surveyButtonCont{width: 200px; }
.yesButton{cursor:pointer; float:left;border: 0px; padding:3px;margin-right:10px; width: 30px; height: 15px; font-family:arial; font-size:11px; background-color:#000; color:#fff; text-decoration:none;}
.noButton{cursor:pointer; float:left;border: 0px; padding:3px; width: 30px; height: 15px; font-family:arial; font-size:11px; background-color:#000; color:#fff; text-decoration:none;}
.yesButtonActive{cursor:pointer; float:left;border: 0px; padding:3px;margin-right:10px; width: 30px; height: 15px; font-family:arial; font-size:11px; background-color:#8BA55E; color:#fff; text-decoration:none;}
.noButtonActive{cursor:pointer; float:left;border: 0px; padding:3px; width: 30px; height: 15px; font-family:arial; font-size:11px; background-color:#FF2E2E; color:#fff; text-decoration:none;}
.yesRow{ float:left;height: 15px; font-size:11px; background-color:#8BA55E; color:#fff;}
.noRow{ float:left;height: 15px; font-size:11px; background-color:#FF2E2E; color:#fff;}
.naRow{ float:left;height: 15px; font-size:11px; background-color:#000; color:#fff;}
/*DEAFULT RIGH SIDE BOX*/
.rightColFirstBox{float: right; width:182px; text-align:left; background-color:#EDF4FA; color: #000; margin-top:0px;}
.rightColBox{float: right; width:182px; text-align:left; background-color:#EDF4FA; color: #000; margin-top:10px;}
.rightColHeader{width:177px; text-align:left; height:18px; padding-left:5px; padding-top:5px; background-color: #80848A; color: #fff; font-weight:bold;}
.rightColContent{width:172px; padding:5px; float:left;}
.rightColContent a{font-size: 11px; color:#000; line-height:20px; font-weight:bold; text-decoration:none;}
.rightColContent a:hover{font-size: 11px; color:#000; font-weight:bold; text-decoration:underline;}
.rightColFooter{float:left; width:157px;  padding-left:10px; padding-right:10px; padding-bottom:10px;}
.rightColFooter a{font-size: 11px; color:#58CAE9; font-weight:bold; text-decoration:underline;}
.rightColFooter a:hover{font-size: 11px; color:#58CAE9; font-weight:bold; text-decoration:none;}

.leftColBoxFirst{float: left;  width: 288px; color: #221E1F; }
.leftColBox{ float: left; width: 288px; color: #221E1F; margin-top:15px;}
.leftColBoxHead {width: 283px; height:18px; padding-left:5px; padding-top:5px; background-color: #80848A; color: #fff; font-weight:bold;}
.leftColBox .frontNewsItem{ float: left; width:482px; padding-left:10px; padding-right:10px; margin-top:10px; font-size:11px; cursor:pointer;}
.leftColBox .frontNewsItem:hover { background-color: #eeeeee;}
.leftColBoxFirst .frontNewsItem{float: left;  width:482px; padding-left:10px; padding-right:10px; margin-top:10px; font-size:11px; cursor:pointer;}
.leftColBoxFirst .frontNewsItem:hover { background-color: #eeeeee;}
.leftColBoxFoot{ float: left; width: 278px; height:20px; padding-left:10px; padding-top:3px; }
.leftColBoxFoot a {margin-right:15px; text-decoration:underline; color: #3D63AB;}
.leftColBoxFoot a:hover {text-decoration:none;}

.whatsOnList{color:#000;}
#centerContainer{position:relative; z-index:0; width:290px; margin-left:0px; float:left;}
#rightContainer{width:185px; float:right; text-align:right;}

/*RECRUIT*/

#recruitHeaderLeft{width:250px; float:left; margin-right:20px;}
#recruitHeaderLeft ul{ padding: 0px; width:200px;  margin:0px; list-style-type:none; }

#recruitHeaderLeft .fieldName{ padding: 0px; margin:0px; list-style-type:none; font-weight:bold; height:20px; width: 100px;}
#recruitHeaderLeft .fieldValue{ padding: 0px; margin:0px; list-style-type:none;  width: 160px; height:20px;}

#recruitHeaderRight{width:180px; float:left;padding-top:10px;}
#recruitHeaderRight .highLight{ border:1px solid #00A9E5; background-color:#eee; float:left; padding:3px 10px 3px 10px;}
#recruitHeaderRight ul{ padding: 0px; width:100px;  margin:0px; margin-left: 20px; margin-top:10px; list-style-type:none;}
#recruitHeaderRight li{ margin-top:0px; width:120px;}
#recruitHeaderRight img{margin-right:10px;}

#directoryDescrDescription{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}

#sendCV{width:400px; float:left; margin-top:10px; margin-left:20px; border:1px solid #aaa; display:none;}
#sendCVBody{width:380px; float:left; padding-left:20px;padding-bottom:10px;}
#sendCVBody form {padding:0px; margin:0px; width:370px;}
#sendCV .fieldName{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none; font-weight:bold; height:20px; width: 100px; float:left;}
#sendCV .fieldValue{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; height:20px; float:left;}
#sendCV .fieldValueArea{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; float:left;}
#sendCVHead{width:400px; float:left; height:20px; background-color:#ddd;}
#sendCV .leftSide{width:370px; padding:3px; float:left;}
#sendCV .rightSide{width:10px; padding:3px; float:left;}

#sendContact{width:400px; float:left; margin-top:10px; margin-left:20px; border:1px solid #aaa; display:block;}

#sendEnq{width:400px; float:left; margin-top:10px; margin-left:20px; border:1px solid #aaa; display:none;}
#sendEnqBody form {padding:0px; margin:0px; width:370px;}
#sendEnqBody{width:380px; float:left; padding-left:20px;padding-bottom:10px;}
#sendEnq .fieldName{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none; font-weight:bold; height:20px; width: 100px; float:left;}
#sendEnq .fieldValue{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; height:20px; float:left;}
#sendEnq .fieldValueArea{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; float:left;}
#sendEnqHead{width:400px; float:left; height:20px; background-color:#ddd;}
#sendEnq .leftSide{width:370px; padding:3px; float:left;}
#sendEnq .rightSide{width:10px; padding:3px; float:left;}

#sendRefer{width:400px; float:left; margin-top:10px; margin-left:20px; border:1px solid #aaa; display:none;}
#sendReferBody{width:380px; float:left; padding-left:20px;padding-bottom:10px;}
#sendReferBody form{padding:0px; margin:0px; width:370px;}
#sendRefer .fieldName{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none; font-weight:bold; height:20px; width: 100px; float:left;}
#sendRefer .fieldValue{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; height:20px; float:left;}
#sendRefer .fieldValueArea{ padding: 0px; margin: 10px 0px 0px 0px; list-style-type:none;  width: 260px; float:left;}
#sendReferHead{width:400px; float:left; height:20px; background-color:#ddd;}
#sendRefer .leftSide{width:370px; padding:3px; float:left;}
#sendRefer .rightSide{width:10px; padding:3px; float:left;}

#recruitDescr{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}
#recruitDescr li{ list-style-image:url('../img/list_circle.jpg'); margin-bottom:10px;}
#recruitTask{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}
#recruitTask li{ list-style-image:url('../img/list_circle.jpg'); margin-bottom:10px;}
#recruitReq{width:470px; float:left; margin-top:10px; border-top:1px dotted #aaa;}
#recruitReq li{ list-style-image:url('../img/list_circle.jpg'); margin-bottom:10px;}



#recruitFoot{width:470px; height:22px; padding:3px; background: url('../img/descrpagefoot.jpg') no-repeat; float:left; margin-top:20px;}
a.contentFooterLink{font-size:11px; color:#00A9E5;}
a.contentFooterLink:hover{font-size:11px; color:#000;}
#recruitFoot .leftSide{width:230px; padding-left:30px; float:left;}
#recruitFoot .rightSide{width:180px; float:left; text-align:right;}
#recruitFoot img{margin-right:10px;}


.centerColFirstBox{float: left;  width: 482px; color: #221E1F; }
.centerColBoxHead{ float: left;  width: 482px; color: #221E1F;  margin-top:10px;}

.centerColHeader{float:left; width: 477px; height:18px; padding-left:5px; padding-top:5px; background-color: #80848A; color: #fff; font-weight:bold;}
.centerColContent{width: 470px;padding: 5px 5px 5px 0px; float:left;}
.centerColContent a{font-size: 11px; color:#000; line-height:18px; padding: 5px; font-weight:bold; text-decoration:none;}
.centerColContent a:hover{font-size: 11px; color:#000; font-weight:bold; background-color: #80848A; text-decoration:underline;}

.centerColTopLeft{width:220px; padding:5px; float:left;}
.centerColTopRight{width:220px; padding:5px; float:left;}

a.footLink{
    font-family:Arial;
    font-size:11px;
    text-decoration:none;
    color:#CCCCCC;
}

a.footLink:hover{
    font-family:Arial;
    font-size:11px;
    text-decoration:underline;
    color:#FFFFFF;
}
