/* Microsite stylesheet */

* {
	margin: 0px;
	padding: 0px;
}
body {
	min-width: 1000px;
	font-family: arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#E5E5E5;
}
h1{
	font-family: arial, "Times New Roman", Times, serif;
}
#wrap{
	background-color: #f9f9f9;
	margin: auto;
	width: 1000px;
}

#pnf{
	background-color: #FAE2AB;
	padding: 5px 7px;
	width: 686px;
	border: solid 1px #EAD78C;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	color: #AB9A36;
}
/* Header styles ***************/
#header{
	padding: 0;
	background-color: white;
}
#header table{
	padding-left: 10px;	
}
div.hdr_tag{
	position: relative;
	float: right;
	text-align: left;
	font-size: 11px;
}
div.hdr_tag a{
	padding: 5px 15px;
	display: block;
	text-decoration: none;
	color: #666;
	background-color: white;
}
div.hdr_tag a:hover{
	background-color: #eee;
	color: #8295C8;
}
div.hdr_tag div.nolink_tag{
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	color: #999;	
}

.top_chat{ /* floated div that contains live chat and trade pricing */
	float: left;
	padding: 3px 6px 6px 6px;
	border-right: dotted 1px #ccc;
	height: 100px;
	width: 200px;
	font-size: 11px;
	text-align: left;
}
.top_chat h3{
	margin: 0 0 4px 0;
	font-size: 14px;
	color: #06C;	
}
.top_chat p{
	padding-left: 4px;
	margin: 0;
}

/* Navigation ******************/
#nav{
	background-image: url(/grfx/nav_grad.png);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFF;
	clear:both;
}
#nav ul{
	display: block;
	margin: 0;
}
#nav ul li{
	display: inline-block;
	padding: 10px;
	margin: 0;
	
}
#nav ul li:hover{
	background-color: #666;	
	background-image: url(/grfx/nav_grad.png);
	background-repeat: repeat-x;
}
#nav ul li#slctdNav{
	background-color: #666;	
	background-image: url(/grfx/nav_grad.png);
	background-repeat: repeat-x;	
}
#nav a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover{
	text-decoration: none!important;
}

#nav div#srchFrm{
	float: right;
	padding: 3px;
	height: 20px;
	background-color: white;
	color: #777;
	font-weight: normal;
}
#nav input{
	border: none;
	padding:2px;
	font-size: 12px;
	position: relative;
	top: -1px;
}
#nav a:hover{
	text-decoration: underline;
	color: #FFF;
}

#brdcrmbs{
	background-color: #666;
	padding: 2px 5px 3px 5px;
	color: white;
	font-size: 11px;
}
#brdcrmbs a{
	color: #C6D5EC;
	text-decoration: none;
}
#brdcrmbs a:hover{
	text-decoration: underline;
}
/* Main Content styles *********/
#main{
	float: left;
	padding: 0 5px 10px 0;
	width: 710px;
}
#main #hdln{
	border-bottom: solid 1px #666;
	border-right: solid 1px #777;
	padding: 4px 0 0 0;
	background-color: white;
}

#main #hdln h1{
	padding-left: 10px;	
	padding-right: 10px;
	padding-bottom: 5px;
}
#main #hdln h1 img{
	margin: 0 4px 4px 4px;	
}
#main #hdln #results{
	padding: 3px 3px 3px 10px;
	color: white;
	background-color: #666;
	font-size: 11px;
}
#main #hdln #results a{
	color: #C6D5EC;
	text-decoration: none;
}

#main #gallery{
	padding: 0 0 0 8px;	
}

#main #bresults{
	padding: 3px 3px 3px 10px;
	color: #666;
	background-color: white;
	border-right: solid 1px #555;
	border-bottom: solid 1px #555;
	border-top: solid 1px #ddd;
	font-size: 14px;
	clear: both;
}
#main #bresults a{
	color: #6C95BD;
	text-decoration: none;
	font-weight: bold;
}

#main a{
	color: #00F;
	text-decoration: none;
}
#main a:hover{
	text-decoration: underline;
}

#main img{
	padding-bottom:10px;
}
#main h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
#main h2{
	padding-bottom: 10px;
}
#main h3{
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	padding-right: 25px;
	padding-left: 25px;
}
#main p{
	padding-bottom: 10px;
}

#sidebar{
	float: right;
	padding: 10px 5px 0 0;
}

#msgBx{
	width: 268px;
	line-height: 15px;
	margin-bottom: 5px;
	font-size: 10px;
	background-color: white;
}
#msgBx p{
	padding: 5px;
	line-height: 18px;
}
#msgBx ul{
	padding: 5px;
}
#msgBx li{
	list-style-type: none;
	padding-top: 7px;
}
#msgBx h2{
	padding: 5px;
	font-size: 12px;
	color: #FFF;
}
#msgBx strong{
	color: #F00;
}

#pricing{
	background-color: #ddd;
	color: #555;
	font-size:12px; 
	font-weight:normal;
	padding: 6px;
	width: 230px;
	border: solid 1px #bbb!important;
}

#pricing h2{
	border-bottom: solid 1px #bbb; 
	font-size: 18px; 
	font-weight: normal;
	padding-bottom: 3px;
	margin-bottom: 8px;
}
/* Footer styles ***************/
#footer{
	clear:both;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #555;
	background-color: white;
}

#footer a{
	color: #888;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}
#footer h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#footer p{
	line-height: 18px;
	padding-top: 10px;
}

.emailAvail{
	font-size: 22px; 
	color: #666; 
	background-color: transparent; 
	border: none; 
	cursor: pointer;
}
.emailAvail:hover{
	background-color: #eee;	
}

#ft_gry{
	padding: 2px 3px 0 5px; 
	margin-top: 3px; 
	background-color: #777;	
	color: #ddd;
	font-size: 10px;
}
#ft_gry a{
	font-size: 10px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

/* Gallery styles **************/
.viewGrid #category{
	background-color: #FFF;
	float: left;
	width: 210px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 4px;
	text-align: center;
	vertical-align: bottom;
	font-size: 11px;
	color: #555;
}
.viewList #category{
	background-color: #FFF;	
	padding: 4px 0 4px 4px;
	margin-bottom: 3px;
	font-size: 11px;
	color: #555;
}

.viewGrid #category .img{ height: 200px; }
.viewGrid #category img.disp{
	width: auto;
	height: auto;
	
}
.viewList #category img.disp{
	margin-right: 5px;	
	width: 100px;
	height: auto;
	float: left;
}

.viewGrid #category .catClr{
	display: none;	
}
.viewGrid #category p{
	border-top: solid 1px #ddd; 
	padding: 4px 0 4px 5px;
	text-align: left;	
}
.viewGrid #category .catHt{
	height: 80px;
}
.viewGrid #category .catPrice{
	font-size: 14px;
	color: red;
	font-weight: bold;
}
.viewGrid #category .priceDetail{ display: none; }

.viewGrid #category .catAdd{
	height: 24px;
	background-color: #ccc;
	color: white!important;
	font-weight: bold; 
	font-size: 14px;
}
.viewGrid #category .catAdd div{
	text-align: center;
	padding: 3px 0 0 0;
}

.viewList #category .catClr{
	clear: both;	
}
.viewList #category .listLeft{
	float: left;
	width: 414px;
	padding-right: 6px;
}
.viewList #category .listRight{
	float: left;
	width: 165px;
	padding-right: 5px;
}
.viewList #category .catPrice{
	font-size: 14px;
	color: red;
	font-weight: bold;
	border-bottom: dotted 1px #ccc;
	margin: 0;
	padding: 0 0 3px 0;
}
.viewList #category .catAdd{
	text-align: left;
	padding: 3px 0 0 0;
}
.viewList #category .priceDetail{
	padding-top: 3px;	
}
.viewList #category .catAdd div{
	font-weight: bold; 
	font-size: 14px;
	color: #aaa;
	text-align:center;
}
#category .catAdd form{
	margin: 0;
	padding: 0;
}
.viewGrid #category .catAdd .addToCart, .viewGrid #category .catAdd .addToCart2{
	margin: 0;
	width: 100%;
}
.viewList #category .catAdd .addToCart, .viewList #category .catAdd .addToCart2{
	margin: 0;
	width: 100%;
	font-size: 12px!important;
}

/* ViewCart styles *************/
.addToCart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	color: white;
	background-color: #900;
	border: none;
	cursor: pointer;
	margin: 5px 0;
}
.addToCart2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	color: white;
	background-color: #4B8248;
	border: none;
	cursor: pointer;
	margin: 5px 0;
}
.addToCart:hover{ background-color: #BB4A4A; }
.addToCart2:hover{ background-color: #71A868; }

.qty{ border: solid 1px #999; font-size: 12px; padding: 2px; }

.couponSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #666;
	color: #000;
	background-image: url(grfx/addToCartBg.png);
	background-repeat: repeat-x;
	cursor: pointer;
}
th{
	font-weight: bold;
	color: #000;
	background-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

#cart_cntnr h1{
	font-size: 18px;
	font-weight: normal;
	margin: 7px 0;
}
#empty_cart{
	font-size: 16px;
	font-weight: bold;
	color: #824D4D;
	width: 600px;
	padding: 10px;
}

.cart_table{
	width: 100%;
	font-size: 11px;
}
.cart_table .cartThumb, .cart_table2 .cartThumb{
	width: 50px;
}
.cart_table th{
	background-color: #555;
	font-size: 14px;
	padding: 5px;
	color: white;
	background-image: url(/grfx/mycart_th.png);
	background-position: top;
	background-repeat:repeat-x;
}
.cart_table tr.tr_cart_gray, .cart_table2 tr.tr_cart_gray{
	background-color: #eee;
	background-image: url(/grfx/searchbox_bg1.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.cart_table tr.tr_cart_gray td, .cart_table2 tr.tr_cart_gray td{
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.cart_table tr.white_last td, .cart_table2 tr.white_last td{
	border-bottom: solid 1px #ddd;
}

.cart_table tr td, .cart_table2 tr td{
	padding: 3px;	
}

.cart_table tr td a, .cart_table2 tr td a{
	color: #5E7AA6!important;
	font-weight: bold;
	text-decoration: none!important;	
}
.cart_table tr td a:hover, .cart_table2 tr td a:hover{
	color: #B4BECF!important;	
}

.cart_table .chngQty{
	padding: 1px 4px;	
	*padding: 1px 4px 0 4px!important;
	background-color: #DB802D;
	background-image: url(/grfx/button_gradient.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid 1px #D36929;
	color: white!important;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.cart_price table tr td{
	border-bottom: dotted 1px #ccc;
}

#checkoutButton{ /* style for the checkout button */
	width: 150px!important;	
	background-image: url(/grfx/checkout_btn.png);
	background-position: top;
	background-repeat: repeat-x;
	padding: 3px!important;
	font-size: 14px!important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #98C18C;
	color: white!important;
	text-align: center!important;
	border: solid 1px #759B5E;
	cursor: pointer;
}
#checkoutButton:hover{
	background-color: #C7DBB9;
	border-color: #97C198;
}

.no_result{
	font-size: 16px;
	font-weight: bold;
}

/* Thankyou styles *****************/
#thankyou_cntnr{
	padding: 5px;
	background-color: #ddd;
}
.thankyou_info{
	padding: 0 10px 5px 10px;
	width: 32%;
	border: solid 1px #bbb;
	background-color: white;
	margin: 0 5px 5px 0;
	float: left;
	line-height: 16px;
}
.thankyou_info td hr{
	border: none;
	height: 1px;
	background-color: #666;
	color: #666;
	margin: 5px 0;
}
.thankyou_info th{
	background-color: white;
	font-size: 12px;
	color: #555;
	text-align: left;
}
.thankyou_info td table td{
	padding-right: 5px;
}
.strong{ font-weight: bold!important; }

.cart_table2{
	width: 100%;
	font-size: 11px;
	padding: 4px;
	border: solid 1px #bbb;
	background-color: white;
}
.cart_table2 th{
	background-color: white;
	font-size: 12px;
	color: #555;
	text-align: left;
	border-bottom: solid 1px #ccc;
}

/* coupons */
.cart_table tr.tr_cpn_disc, .cart_table2 tr.tr_cpn_disc{
	background-color: #F9FACF;
}
.cart_table tr.tr_cpn_disc td, .cart_table2 tr.tr_cpn_disc td{
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}
.cart_table tr.tr_cpn_disc td span.cpn_dtl, .cart_table2 tr.tr_cpn_disc td span.cpn_dtl{
	font-size: 11px;
	color: #C1BC7D;
}
.cart_table tr.tr_cpn_disc td span.cpn_disc, .cart_table2 tr.tr_cpn_disc td span.cpn_disc{
	color: red;
	border-bottom: solid 1px red;
}
.cart_table tr.tr_cpn_disc td span.cpn_newval, .cart_table2 tr.tr_cpn_disc td span.cpn_newval{
	color: green;
}

#coupon_cart{
	background-color: #ddd;
	padding: 6px;
	margin-right: 10px;
}
#coupon_cart h2{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
	color: #777;
}
#coupon_cart input.coupon_txt{
	border: solid 1px #ccc;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#coupon_cart input.coupon_btn{
	border: none;
	color: white;
	background-color: #666;
	font-size: 11px;
	padding: 2px 6px;
	cursor: pointer;
}

.cart_error{
	border: solid 1px #CD8787;
	background-color: #F3E6E4;
	padding: 5px;
	margin-bottom: 4px;
}
.cart_error p{
	color: #900;
	padding: 0;
	margin: 0;
}
.cart_error span{
	color: #333;
}

/* Checkout styles *****************/

.checkout_secure{
	float: left;
	padding-right: 20px;
}

.clr{ clear:both; }

/* Quick Shopper *******************/
#main_browser{
	width: 100%;
}
#main_browser input, #main_browser select{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #999;
	padding: 1px;
	margin: 4px 2px;
}
#main_browser select{
	width: 150px;	
}
#main_browser #filters{
	padding: 0 10px 10px 10px;	
	color: #444;
	font-size: 11px;
}
#main_browser #results{
	background-color: #eee;
	border-top: solid 1px #dedede;
	padding: 7px 10px;
	color: #555;
	font-weight: bold;
}
#quickshopper_popup{
	z-index: 99999;
	display: none;
	position: absolute;
	padding: 4px;
	background-color: #444;
	color: white;
	font-size: 10px;
	width: 140px;
	text-align:center;
	margin-left: -55px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}