/*Main Markup Style*/
body{
	background: #f7f7f7;
	color: #444;
	text-align: center;
}


/*General Structure*/
#mainDiv{
	width: 940px;
	margin: 0px auto;
	padding: 0px 10px;
	text-align: left;
}
h1.title{
	color: #666;
	margin-bottom: 0.3em;
}
.subtitle, .subtitle a, h3 a{
	color: #d77308;
	margin-bottom: 0em;
}
#content img{
	border: 2px solid #dfdfdf;
}
.alignleft{
	float: left;
}
.aligncenter{
	text-align: center;
}
.alignright{
	float: left;
}
img.alignleft{
	margin: 0px 10px 5px 0px; 
}
img.alignright{
	margin: 0px 0px 5px 10px; 
}
ul.nostyle{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
}
.dropdownLong{
	width: 310px !important;
}
.roundCorner{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.inputError{
	border: 1px solid #b27f7f !important;
}
.inputIcon{
	margin-left: 5px;
	padding: 7px 10px 7px 50px; 
}
.errorIcon{	
	background: url(../../images/info-stripe.png) no-repeat -52px -45px;
	color: #600;
}
.okIcon{	
	background: url(../../images/info-stripe.png) no-repeat -52px -84px;
	color: #7fb27f;
}

/*Header*/
#header{
	padding: 20px 0px;
}
#logoDiv{
	float: left;
}
#logo{
	width: 450px;
	height: 90px;
	display: block;
	background: url(../../images/logo.png) no-repeat;
}
.headAct{
	float: right;
}
a.headActBtn{
	display: block;
	width: 125px;
	height: 35px;
}
.headDivider{
	float:right;
	width: 20px;
	height: 75px;
	margin: 0px 5px;
	background: url(../../images/info-stripe.png) no-repeat 0px 0px;
}
a#headLoginBtn{
	margin: 5px 0px 0px 35px;
	background: url(../../images/buttons.png) no-repeat 0px 0px;
}
a#headRegBtn{
	margin: 5px 0px 0px 35px;
	background: url(../../images/buttons.png) no-repeat -200px 0px;
}
a#headLoginBtn:hover{
	background: url(../../images/buttons.png) no-repeat 0px -35px;
}
a#headRegBtn:hover{
	background: url(../../images/buttons.png) no-repeat -200px -35px;
}

/*Rotating Banner*/
#homeBanner{
	height: 345px;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	position: relative;
	background: url(../../images/bannerBg.png) no-repeat;
}
#bannerContent{
	width: 932px;
	height: 278px;
	position: relative;
	overflow: hidden;
	background: #fff;
}
#bannerFrame{
	position: absolute;
	top: 0px;
	left: 0px;
}
.banners{
	float: left;
}
.bannerBt{
	width: 250px;
	height: 60px;
	position: absolute;
	top: 283px;
	cursor: pointer;
}
#bannerBt1{
	width: 235px;
	left: 0px;
	cursor: pointer;
}
.bannerBt1Active{
	background: url(../../images/stripe-long.png) 0px -124px;
}
#bannerBt2{	
	left: 230px;
}
.bannerBt2Active{
	background: url(../../images/stripe-long.png) -240px -124px;
}
#bannerBt3{	
	left: 464px;
}
.bannerBt3Active{
	background: url(../../images/stripe-long.png) -492px -124px;
}
#bannerBt4{
	width: 235px;	
	left: 702px;	
}
.bannerBt4Active{
	background: url(../../images/stripe-long.png) -754px -124px;
}

/*Top Nav*/
#topNav{
	height: 36px;
	overflow: hidden;
	margin-top: 25px;
	float: right;
}
#topNav ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
}
#topNav ul li{
	float: left;
	width: auto;
}
.topLinks span{
	height: 37px;
	display: block;
}
#topLink1 span{ width: 132px; background: url(../../images/stripe-long.png) no-repeat 0px 0px;}
#topLink1:hover span{ background: url(../../images/stripe-long.png) no-repeat 0px -37px;}
.topLink1Active span{ background: url(../../images/stripe-long.png) no-repeat 0px -74px !important;}

#topLink2 span{ width: 152px; background: url(../../images/stripe-long.png) no-repeat -132px 0px;}
#topLink2:hover span{ background: url(../../images/stripe-long.png) no-repeat -132px -37px;}
.topLink2Active span{ background: url(../../images/stripe-long.png) no-repeat -132px -74px !important;}

#topLink3 span{ width: 228px; background: url(../../images/stripe-long.png) no-repeat -284px 0px;}
#topLink3:hover span{ background: url(../../images/stripe-long.png) no-repeat -284px -37px;}
.topLink3Active span{ background: url(../../images/stripe-long.png) no-repeat -284px -74px !important;}

#topLink4 span{ width: 144px; background: url(../../images/stripe-long.png) no-repeat -512px 0px;}
#topLink4:hover span{ background: url(../../images/stripe-long.png) no-repeat -512px -37px;}
.topLink4Active span{ background: url(../../images/stripe-long.png) no-repeat -512px -74px !important;}

#topLink5 span{ width: 160px; background: url(../../images/stripe-long.png) no-repeat -656px 0px;}
#topLink5:hover span{ background: url(../../images/stripe-long.png) no-repeat -656px -37px;}
.topLink5Active span{ background: url(../../images/stripe-long.png) no-repeat -656px -74px !important;}

#topLink6 span{ width: 124px; background: url(../../images/stripe-long.png) no-repeat -816px 0px;}
#topLink6:hover span{ background: url(../../images/stripe-long.png) no-repeat -816px -37px;}
.topLink6Active span{ background: url(../../images/stripe-long.png) no-repeat -816px -74px !important;}

/*Content*/
.contentBorder{
	height: 6px;
}
#contentTopLine{
	background: url(../../images/stripe-long.png) no-repeat 0px -200px;
}
#contentBottomLine{
	background: url(../../images/stripe-long.png) no-repeat 0px -205px;
}
#content{
	padding: 15px 0px;
	min-height: 400px;
	background: url(../../images/contentBg.png) repeat;
}
#homeLeftContent{
	width: 665px;
	padding-left: 20px;
	margin-right: 15px;
	float: left;
}
#homeRightContent{
	width: 230px;
	float: left;
	padding-left: 6px;
	background: url(../../images/rightContentBg.png) repeat-y;
}
.sideGrad{
	padding-left: 10px;
	padding-right: 15px;
	background: url(../../images/sidesBg.png) repeat-x;
}
.pageSideGrad{
	padding: 0px;
	min-height: 350px;
}
#pagesLeftContent{
	width: 200px;
	padding: 15px 10px 15px 15px;
	min-height: 350px;
	float: left;
	background: url(../../images/leftContentBg.png) right top repeat-y;
}
#pagesRightContent{
	width: 665px;
	float: left;
	padding: 15px 10px 10px 20px;	
}
.pageBanner{
	padding-left: 10px;
	margin: -10px 0px 0px 0px;
}
.pageBanner img{
	border: 0px !important;
}

.subMenu{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
}
.subMenu li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
	border-top: 1px solid #ddd;
}
.subMenu li.last{
	border-bottom: 1px solid #ddd;
}
.subMenu li a{
	display: block;
	padding: 7px 5px;
	font-size: 14px;
	text-decoration: none;
	background: url(../../images/info-stripe.png) no-repeat 170px -167px;
}

.subMenu li a:hover{
	background: #eee url(../../images/info-stripe.png) no-repeat 170px -198px;
}

/*Testimonials*/
.testimonials{
	text-align: center;
}
.testimonials img{
	border: 0px !important;
}
.testimonials p{
	text-align: justify;
}
.testimonials .cite{
	font-weight: bold;
	font-style: italic;
	color: #039;
}

/*Footer*/
#footerDiv{
	margin: 30px 0px 20px 0px;
	background: #eaeaea;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;	
}
#footer{
	width: 940px;
	margin: 0px auto;
	padding: 10px;
	text-align: center;
}
.footerSec{
	padding: 5px;
	float: left;
	height: 150px;
}
.footerDivider{
	padding-right: 15px;
	background: url(../../images/footerDivider.png) no-repeat right center;
}
.footerTitle{
	color: #666;
	margin-bottom: 0.5em;
}
#footerSec1{
	width: 230px;
}
#footerSec2{
	width: 350px;
}
#footerSec3{
	width: 300px;
	padding-right: 0px;
	padding-left: 15px;
}
#footerSec1 ul{
	margin: 0px;
	list-style: none;
	list-style-image: none;
}
#footerSec1 ul li{
	padding: 5px;
	border-bottom: 1px dashed #c2c2c2;
}
#footerSec1 ul li:hover{
	background: #f1f1f1;
}
#footerSec1 ul li a{	
	text-decoration: none;
	color: #333;
}

/*Partners*/
#footerSec2 img{
	float: left;
	margin: 5px;
	border: 1px solid #aaa;
}

/*Social Links*/
#socialList li{
	float: left;
	padding: 0px 5px 10px 8px;
}
.socialIcons{
	width: 135px;
	height: 45px;
	display: block;
}
#facebook{
	background: url(../../images/socialIcons.png) no-repeat 0px 0px;
}
#youtube{
	background: url(../../images/socialIcons.png) no-repeat -140px 0px;
}
#twitter{
	background: url(../../images/socialIcons.png) no-repeat 0px -50px;
}
#linkedin{
	background: url(../../images/socialIcons.png) no-repeat -140px -50px;
}

/*Registration Forms */

.required, .emailRequired{
	background-color: #fff !important;
}

.registrationPage{
	padding: 5px 25px 100px 25px; 
}
.stepsDiv{
	background: #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.regStep{
	height: 58px;
	padding: 0px 35px 0px 10px;
	float: left;
	background: url(../../images/regStepBg.png) no-repeat right center;
}
.regStep .stepNum{
	font-size: 18px;
	color: #666;
	display: block;
}
.regStep .stepInfo{
	display: block;
	font-size: 14px;
	color: #333;
}
.firstStep{
	margin-left: 0px !important;
	padding-left: 10px;
}
.currentStep{
	background: #ff9326 url(../../images/regCurrentStepBg.png) no-repeat right center;
	color: #fff; 
}
.currentStepB{
	background: url(../../images/regCurrentBBg.png) no-repeat right center;
}
.currentStep span{
	color: #fff !important;
}

.regFormSec{
	margin: 20px 0px 10px 0px;
	padding-bottom: 5px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	  
}
.regFormSecTitle{
	padding: 10px 10px 0px 10px;
	border-bottom: 1px solid #ccc;
}
.regFormSecTitle h2{
	margin-bottom: 0px !important;
	font-size: 18px; 
	color: #2d3d9e;
}
.regFormSecContent{
	padding: 10px;
	background: #fff;
}
.regFormSecContent img{
	border: 0px !important;
}
.regFormFooter{
	padding: 10px;
	background: #fff;
}
.regForm ul li{
	clear: both;
	float: none;
}
.regForm ul li label{
	display: block;
	width: 200px;
	float: left;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
}
#buyerRegS2 .regForm ul li label{
	width: 250px !important;
}
.regForm .formBt{
	padding: 5px 10px;
	margin-right: 10px;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1.5px;
	font-weight: bold;
}
.regForm .submitBt{	
	background: #254488 url(../../images/info-stripe.png) repeat-x -60px 0px;
	border: 2px solid #aeb4df;
	color: #fff;	
}
.regForm .submitBt:hover{	
	padding:5px 8px 5px 12px;
}
.regForm .passiveBt{	
	background: #ccc;
	border: 2px solid #b5b5b5;
	color: #666;
	text-decoration: none;	
}
.regForm .passiveBt:hover{	
	padding: 5px 12px 5px 8px;	
}
.monthDropdown, .dayDropdown, .yearDropdown{
	width: 100px !important;
}
.dayDropdown{
	width: 50px !important;
}
.certEven{
	background: #cdddf1;
}

/*Categories*/
.catList{
	width: 300px;
	height: 250px;
	padding: 5px;
	margin: 0.4em 0em;
	float: left;
	background: #fff;
	border: 1px solid #bbb;
	overflow-x:hidden;
	overflow-y:auto;
}
.parentCat{
	margin: 3px 0px;
	padding: 3px;
	background:#f6f8fd;
	display: block;
}
.subCat{
	padding: 3px 3px 3px 15px;
}
div.selected{
	color: #ccc;
}
#selectedCats{
	width: 225px;
	padding: 5px;
	margin-left: 15px;
	border: 1px dashed #bbb;
}
#selectedCats .selectedItem{
	margin: 3px 0px;
	padding: 2px 5px 2px 15px;
	background: url(../../images/tick.png) 0px center no-repeat;	
}