/* ::: Landing ::: */
#landing_icons{
	margin:0 auto; width:900px; padding:100px 0 0 0;
}

#landing_icons div.inner_div{
	float:left; width:300px; height:142px; padding:250px 0 0 0;
	background-position:center center; background-repeat:no-repeat;
}

#landing_icons div.retail{
	background-image:url(../../_img/icons/retail.png);background-position:12% 50%;
}
#landing_icons div.arch{
	background-image:url(../../_img/icons/architectural.png)
}
#landing_icons div.homeb{
	background-image:url(../../_img/icons/home_builder.png)
}

#landing_icons div p{
	margin:0 auto; width:160px; position:relative;
}
#landing_icons div p a{
	position:relative;
}

#landing_icons #cs{
	position:absolute; left:110px; top:-200px;
}

/**/

/* ::: Home ::: */
#home_banner{
	margin:0 0 10px 0; height:256px; position:relative; z-index:1;
	background-position:top left; background-repeat:no-repeat;
}

#home_banner.retail{background-image:url(../../_img/banners/search_retail.jpg) }
#home_banner.arch{background-image:url(../../_img/banners/search_arch.jpg) }


#inner_banner{
	height:256px; width:548px; position:absolute; left:0; top:0; z-index:100
}

#inner_banner a{
	background:url(../../_img/banners/banner_overlay.png) no-repeat top left;
	display:block; height:34px; width:478px; padding:222px 0 0 70px; position:relative;
	cursor:pointer;
}

#inner_banner h3{font-size:20px; color:#fff;}
#inner_banner h3 a{color:#fff;}
#inner_banner h3 a:hover{text-decoration:underline}



#banner_search{
	padding:0 0 0 62px;	
}

#banner_search input, #banner_search select{
	float:left; margin:0 5px 0 0;
}

#banner_search select{
	height:24px;
}

#search_home{
	width:155px; height:21px;  padding:6px 0 0 24px;
	border:0; background:url(../../_img/bg/search_bg.gif) no-repeat top left;
}

#banner_search .formbutton{
	width:80px; height:27px; margin:0 0 5px 0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat
}

#banner_search .grey_blue{background-image:url(../../_img/buttons/grey_blue_form_80.gif);}


#banner_search .formbutton:hover, #banner_search .grey_blue_on{
	color:#fff; background-position:top right;
}


#home_clearance{
	position:relative; z-index:9998; height:114px; background:url(../../_img/banners/clearance.jpg) no-repeat top left;
}

#home_clearance a{
	display:block; height:114px;
}

#clearance_star{
	position:absolute; z-index:9999; left:-19px; top:-16px;
	width:110px; height:113px; background:url(../../_img/graphics/clearance_star.png) no-repeat top left;
}

/* ::: Home END ::: */

/* :::: Help ::: */
.contact_div{
	
}

.contact_div h3{
	font-size:20px;
}

.contact_div dl{
	float:left; padding:0 0 10px 0; width:635px;
}

.contact_div dl dt{
	float:left; width:200px; margin:0 10px 0 0; font-weight:bold;
}

.contact_div dl dd{
	float:right; width:425px;
}

.contact_div address{
	font-style:normal; margin:0 0 10px 0;
}
.contact_div address span{
	display:block;
}

.contact_div h4{
	font-size:16px;
}


/* Terms */
.terms_div{
	
}

.terms_div h3{
	font-size:20px;
}

.terms_div ul{
	margin:0 0 15px 0;
}
.terms_div ul li{
	margin:0 0 3px 0;
}

/* */

/* ::: Help END ::: */


/* :::: Stripe background / padding class ::: */
.outer_stripe{
	width:640px; padding:3px; margin:0 0 10px 0;
	border:1px solid #cfcfcf; background:#efefef
}
* html .outer_stripe{width:648px; w\idth:640px;} /* SBMH */


.inner_stripe{
	width:630px; padding:5px 5px 15px 5px; background:url(../../_img/bg/stripe.gif)
}
* html .inner_stripe{width:640px; w\idth:630px;} /* SBMH */

/* :::: Stripe bg END ::: */


/* ::: Form style class (inside divs above, with space for tooltips) ::: */
.formstyle{
	padding:0 0 20px 0;
}

.formstyle .divrow{
	width:500px; clear:both; padding:10px 0 0 0; position:relative;
}
.formstyle .divrow label{
	float:left; width:150px; text-align:right; margin:0 10px 0 0; padding:5px 0 0 0; font-weight:bold;
}
.formstyle .divrow span{
	float:right; width:340px;
}
* html .formstyle .divrow span{float:none;}

.formstyle .divrow sup{
	font-weight:bold; font-size:14px;
}

.formstyle .divrow input.txtfld{
	width:200px; height:19px; padding:3px 0 0 2px; background:#fff;
	border:1px solid #626262; border-right-color:#b9b9b9; border-bottom-color:#b9b9b9;
}

.formstyle .divrow .errorfield, .formstyle .divrow #errorfield{
	background:#cc3333; color:#fff; 
}


.formstyle .divrow .titlefld{
	height:22px; width:auto; 
	border:1px solid #626262; border-right-color:#b9b9b9; border-bottom-color:#b9b9b9;
}

.formstyle .divrow .titlefld option{
	padding:3px 0 0 2px;
}

.formstyle .divrow input.chkbox{
	width:auto;
}


.formhelp{
	position:absolute; left:385px;  width:220px;
	background:url(../../_img/icons/arrow_help.gif) no-repeat 0 0; padding:0 0 0 9px
} 
 
.formhelp_inner{
	padding:3px 3px 3px 6px; border:1px solid #7896DF; border-left:0; background:#CFDCFF; color:#1C3A83;
} 
 
.formstyle .formbutton{
	width:188px; height:27px; margin:0 0 5px 0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat
}

.formstyle .grey_blue{background-image:url(../../_img/buttons/grey_blue_form.gif);}
.formstyle .blue_sky{color:#fff;background-image:url(../../_img/buttons/blue_sky_form.gif);}
.formstyle .blue_grey{color:#fff;background-image:url(../../_img/buttons/blue_grey_form.gif);}
.formstyle .grey_blue_signup{background-image:url(../../_img/buttons/grey_blue_signup.gif);}


.formstyle  .formbutton:hover, .formstyle  .grey_blue_on{
	color:#fff; background-position:top right;
}

.formstyle .blue_grey:hover{
	color:#000;
}
 

/* overide form styles on button */
.formstyle .divrow span span{
	float:none; width:auto;
}
/**/

/* ::: Form style class END ::: */

/* ::: My Account ::: */
.billingclass{
	left:190px; width:350px;
} 


#requireddiv{
	background:#FCEA9E; font-style:italic; padding:2px 3px;
}

#errorfields{
	padding:3px; background:#ffd3d3; border:1px solid #cc6060; 
}

#existingmember{
	padding:8px; background:#c6f3c2; border:1px solid #66b460;  color:#197412; font-weight:bold;
}


#regtabs{
	float:left; margin:0 0 2px 0; padding:0 0 0 0; float:left; width:100%; border-bottom:1px solid #6684de;
	position:relative;
} 
 
#regtabs ul{
	float:left; width:100%;
} 

#regtabs ul li{
	float:left; margin:0 2px 0 0; border:1px solid #ababab; border-bottom:1px solid #D7D7D7; position:relative; top:1px;
	background:url(../../_img/bg/regtabs.gif) repeat-x top #D6D6D6; font-size:120%
} 

#regtabs ul li a{
	display:block; padding:3px 10px; text-align:center; color:#555; font-family:sans-serif;
} 

#regtabs ul li a:hover{
	color:#000; 
}

 
#regtabs ul li.current{
	border:1px solid #6684de; border-bottom:1px solid #d2dcf9; 
	background:url(../../_img/bg/regtabs-a.gif) repeat-x top #E4EAFB; 
}

#regtabs ul li.current a{
	color:#1c3f95; font-weight:bold;
}
#regtabs ul li.current a:hover, #regtabs ul li.nonactive a:hover{
	cursor:default;
}

#regtabs ul li.nonactive a:hover{
	color:#555;
}


#regtabs ul li#regconfirm{
	border-bottom:1px solid #fff; background:#fff;
}
#regtabs ul li#regconfirm a{
	color:#ccc;
}

#regtabs ul li#regconfirm a:hover{
	color:#555;
}

#regtabs ul li.current#regconfirm{
	border-bottom:1px solid #d2dcf9; background:url(../../_img/bg/regtabs-a.gif) repeat-x top #E4EAFB; 
}
#regtabs ul li.current#regconfirm a{
	color:#1c3f95; cursor:default;
}
 

/* ::: My Account END ::: */
 


/* ::: old shop styles ::: */
.my_account_background{background:#F8F8F5;}

#description_texta{
 font-family: verdana;  
 font-size: 11px;
 line-height: 13px;
 color : #000000;
}

div.myaccount{
	background:/*url(../../img/bg/greybg.png)*/ #F8F8F5; padding:5px; border:1px solid #DCDBDB;
}

.myacc_button_r{float:left; display:block; margin:0 0 5px 0; padding:0 4px 0 0; background:url(../../img/bg/button_r_yellow.gif) no-repeat top right}
.myacc_button_l{
	display:block; padding:6px 5px 8px 5px; border:0; cursor:pointer; color:#47AA42; font-weight:bold;
	background:url(../../img/bg/button_l_yellow.gif) no-repeat top left; font-family:sans-serif; 
}

.myacc_button_r_grey{background:url(../../img/bg/button_r.gif) no-repeat top right}
.myacc_button_l_grey{
	color:#555;  background:url(../../img/bg/button_l.gif) no-repeat top left; text-transform:lowercase;
}


div.myaccount input.input{
	 margin:0 0 5px 0; padding:3px; height:20px; font-size:100%; font-family:Verdana;
	 border:1px solid #bfbfbf;
}

div.myaccount input.input_readonly{
	background:#efefef; color:#999;
}


/* Login */
#logindiv{
	clear:both;width:387px; margin:0 auto 20px auto;
}

#logindiv dl{
	width:387px; padding:0 0 40px 0; background:url(../../_img/login/login_bot.gif) no-repeat bottom left;
}

#logindiv dt{
	background:url(../../_img/login/login_top.gif) no-repeat top left;
	padding:10px 10px 10px 25px;
}

#logindiv dt span{
	display:block; height:42px;
	font-size:290%; font-weight:bold; letter-spacing:-1px;
}

#passwordbody #logindiv dt span{
	background:url(../../_img/login/forgotpassword_title.gif) no-repeat top left; 
}


#logindiv dd{
	padding:0 30px; margin:0 0 10px 0;
}

#logindiv dd#lerror_dd span{
	display:block; padding:5px; 
}

#logindiv dd.er_warning span{
	border:1px solid #c00; background:#FBE3E4; color:#cc0000;
}
#logindiv dd.er_notice span{
	border:1px solid #FFD324; background:#FFF6BF; color:#514721;
}
#logindiv dd.er_success span{
	border:1px solid #bfe820; background:#f1facf; color:#264409;
}


#logindiv dd#login_dd{
	padding-top:15px; margin:0 0 20px 0;
}

#logindiv dd#login_dd div{
	margin:0 0 15px 0;
}

#logindiv dd#login_dd label{
	display:block; background-repeat:no-repeat; background-position:top left;
	font-size:190%; font-weight:bold; letter-spacing:-1px;
}


#logindiv dd#login_dd input.login_input{
	height:24px; width:314px; padding:4px; font-size:18px;
	background:#fafafa; border:1px solid #666666; border-right-color:#a5acb2; border-bottom-color:#a5acb2;
}
#logindiv dd#login_dd .er_notice input{
	border:1px solid #c59d01; border-right-color:#FFD324; border-bottom-color:#FFD324;
	background:#FFF6BF; color:#514721;
}


#logindiv dd#login_dd input.login_button{
	width:322px; height:42px; padding:0; margin:0;
}


#logindiv dd#lregister_dd span{
	display:block; width:322px; height:42px; background:url(../../_img/login/register.gif) no-repeat top left;
}
#logindiv dd#lregister_dd span a{
	display:block; height:42px; 
}


/* custom styles for button */

	.button_322 a.text_button{width:322px; }
	
	.button_322 a.blue_grey {background-image:url(../../_img/buttons/blue_grey_322_bot.gif)} 
	.button_322 a.black_grey {background-image:url(../../_img/buttons/black_grey_322_bot.gif)} 

	.button_322 a.text_button span{width:312px; height:28px;font-size:22px;}
	
	.button_322 a.blue_grey span{color:#193476; background-image:url(../../_img/buttons/blue_grey_322.gif);}
	.button_322 a.black_grey span{color:#fff; background-image:url(../../_img/buttons/black_grey_322.gif);}

	.button_322 a.text_button:hover span, a.text_button span.span_hover{color:#1C3A83;}
	


/**/



/* form button */
.formbutton_login{
	width:322px; height:42px; margin:0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat; font-size:22px;
}

.blue_grey_login{color:#fff; background:url(../../_img/buttons/blue_grey_322_form.gif);}


.formbutton_login:hover, .grey_blue_on{
	color:#fff; background-position:top right;
}

.blue_grey_login:hover{
	color:#1A367A;
}

/**/


/* SEO Copy - homepage retail */
#retail_copy{
	background:#F3F1F2;
}
#retail_copy_inner{
	width:930px; margin:0 auto; padding:0 0 30px 0;
}

#retail_copy_inner h1{
	font-size:16px;
}


/**/

