/* = Reset
--------------------------------------------------------------------------------------------------------------------------------------*/
* {outline:none;/*removes outline in FF 3+*/}

/* = Global
--------------------------------------------------------------------------------------------------------------------------------------*/
body {background: url(../images/body-repeat.jpg) repeat top left; color: #444454; margin: 0; font-size: 11px; font-family: arial;}

/* = Links
--------------------------------------------------------------------------------------------------------------------------------------*/
/* a:link, a:visited {color: #444454;text-decoration: none;}  */
/* a:hover {color: #444454;text-decoration: underline;} */
/* a:active {color: #444454;text-decoration: none;} */

a:link, a:visited {color: #0080ff;text-decoration: none;}
a:hover {color: blue;text-decoration: underline;}
a:active {color: #0080ff;text-decoration: none;}


a.morelink:link, a.morelink:visited {color: #584a37;text-decoration: none;}
a.morelink:hover {color: #584a37;text-decoration: underline;}
a.morelink:active {color: #584a37;text-decoration: none;}

a.footer:link, a.footer:visited {color: #fff;text-decoration: none;}
a.footer:hover {color: #fff;text-decoration: underline;}
a.footer:active {color: #fff;text-decoration: none;}

a.prod_detail:link, a.prod_detail:visited {color: #444454;text-decoration: none;}
a.prod_detail:hover {color: #444454;text-decoration: underline;}
a.prod_detail:active {color: #444454;text-decoration: underline;}

a.prod_detail_2:link, a.prod_detail_2:visited {color: #444454;text-decoration: none;}
a.prod_detail_2:hover {color: #444454;text-decoration: underline;}
a.prod_detail_2:active {color: #444454;text-decoration: underline;}

a.prod_detail_write_review, a.prod_detail_write_review:link, a.prod_detail_write_review:visited {color: #989898;text-decoration: none;}
a.prod_detail_write_review:hover {color: #989898;text-decoration: underline;}
a.prod_detail_write_review:active {color: #989898;text-decoration: underline;}

a.prod_detail_add_cart_txt:link, a.prod_detail_add_cart_txt:visited {color: #ff0000;text-decoration: none;}
a.prod_detail_add_cart_txt:hover {color: #ff0000;text-decoration: underline;}
a.prod_detail_add_cart_txt:active {color: #ff0000;text-decoration: underline;}

/* = Headings
--------------------------------------------------------------------------------------------------------------------------------------*/
p {margin: 10px; line-height: 20px; overflow:hidden;}

/* = Header Specific Classes = */
h1, h2, h3, h4, h5, h6 {margin: 10px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
	
img {border: 0;}

.clearfix {clear: both; display: block;}
	
/* = Initial Structures
--------------------------------------------------------------------------------------------------------------------------------------*/
#container {background: #fff; overflow: hidden;}
	#header {background: url(../images/header-repeat.jpg) repeat-x top left;}
		#header .int {background: url(../images/header-norepeat.jpg) no-repeat top left; height: 138px;}
			#header #header-area {width: 984px; margin: 0 auto; position: relative;}
	#content {background: url(../images/body-repeat.jpg) repeat top center;}
		#content .int {background: url(../images/body-norepeat.jpg) no-repeat top center;}
			#content #content-area {margin: 0 auto; background: url(../images/content-int-repeat.jpg) repeat-y top center; width: 1058px;}
				#content-area .interior {width: 990px; margin: 0 auto; overflow: hidden;}
	#footer {background: url(../images/footer-repeat.jpg) repeat-x top left; }
		#footer .int {background: url(../images/footer-norepeat.jpg) repeat-x top left; height: 300px; margin: 0 auto;}
			#footer #footer-area {width: 984px; margin: 0 auto; overflow: hidden; height: 265px; position: relative;}

/* = Header
--------------------------------------------------------------------------------------------------------------------------------------*/
#header h1 {position: absolute; top: -10px; left: 0; width: 375px; height: 150px; margin: 0;}
#header h2 {position: absolute; top: 5px; right: 20px; width: 215px; height: 80px; margin: 0;}
#header h3 {position: absolute; top: 30px; left: 400px; width: 250px; height: 40px; margin: 0;}
#header ul#hd-nav {position: absolute; bottom: -137px; right: 0px; width: 530px; height: 30px; margin: 0;}
#header ul#hd-nav li {float: left; display: block; margin: 0 0 0 15px;}
#header ul#hd-nav li a {color: #fff;}

.container ul {margin: 10px 0 10px 25px; padding: 0; float: left; list-style: none; width: 175px;}

/* = Container
--------------------------------------------------------------------------------------------------------------------------------------*/
	.search form {}
	.search fieldset {border: 0; padding: 5px 10px; margin: 0;}
	.search input {border: 0; font-size: 12px;}
	.search .input {background: #fff; width: 209px; padding: 2px;}
	.search .go {background: url(../images/search-button.jpg) no-repeat top left; text-indent: -9999px; width: 22px; height: 22px; padding: 2px; cursor: hand; cursor: pointer;}

	#content-area .interior #main {float: left; width: 734px; margin-bottom: 10px;}
	#content-area .interior #cart-box {float: left; width: 985px; margin-bottom: 10px;}
		#main #featured {float: left; width:730px; height: 293px; overflow: hidden;}
		#main #sub-featured {float: left; width:730px; overflow: visible;}
		/*--Featured Controls --*/
		#featured ul, #featured li{margin:0;padding:0;list-style:none;}
		#featured li{width:730px;height:293px;overflow:hidden;}
		ol#controls{position:absolute;top:190px;left:50%;margin:260px 0 0 -225px;list-style:none;}
		ol#controls li{float:left;display:block;text-indent:-9999px;}
		ol#controls li a:link, ol#controls li a:visited{display:block;width:17px;height:17px;background:transparent url(../images/bg-featured-buttons.png) no-repeat top left;}
		ol#controls li.current a:link, ol#controls ul li.current a:visited{background:transparent url(../images/bg-featured-buttons.png) no-repeat bottom left;}	
		/*--Featured Controls --*/
		#main #col3 {float: left; width:730px; margin-top: 10px;}
			.tab-container {width: 244px; float: left;}
				.tabs{border:1px solid #e1e1e1;background:#f1f0f0;padding:5px;}
					.tabs ul.tabs-nav{list-style:none;margin:0;padding:0;background:url(../images/bg-tabs-bottom.png) repeat-x bottom left;overflow:auto;width:100%;}
						.tabs ul.tabs-nav li{float:left;background:url(../images/bg-tabs-left.png) no-repeat left top;}
							.tabs ul.tabs-nav li.current{background:url(../images/bg-tabs-left_on.png) no-repeat left top;}
						#content-area .tabs ul.tabs-nav a:link, #content-area .tabs ul.tabs-nav  a:visited{float:left;display:block;background:url(../images/bg-tabs-right.png) no-repeat right top;padding: 6px 14px 0 8px;height:21px;font-weight:bold;color:#898989;font-size:12px;}
						#content-area .tabs ul.tabs-nav a:hover, #content-area .tabs ul.tabs-nav  a:active{text-decoration:none;}
							#content-area .tabs ul.tabs-nav li.current a:link, #content-area .tabs ul.tabs-nav li.current a:visited{background:url(../images/bg-tabs-right_on.png) no-repeat right top;color:#ed1c24;padding-bottom:1px;}
							#content-area .tabs ul.tabs-nav li.current a:hover, #content-area .tabs ul.tabs-nav li.current a:active{}
					.tabs p{margin:0;}
					
					.tabs .tab-content{/*display:none;*/clear:both;border:1px solid #c2c2c2;border-width:0px 1px 1px 1px;background:#fff;}
						.tabs .tab-content .inner{padding:8px 12px 0px 12px;}
						.tabs .tab-content .footer{height:12px;padding:5px 12px 8px 12px;border-top:1px solid #fff;background: #fff url(../images/bg-tabs-footer.png) repeat-x top left;}
							#content-area .tabs .tab-content .footer a:link, #content-area .tabs .tab-content .footer a:visited{color:#000;text-decoration:underline;font-weight:bold;font-size:9px;font-family:Verdana, Arial, sans-serif;background:url(../images/bg-links-arrow.gif) no-repeat center right;padding: 0 15px 2px 0;}
			#col3 #grid {float: left; background: url(../images/small-grid.jpg) top left no-repeat; width: 481px; margin: 0 0 0 4px; height: 215px;}
				#grid ul {width: 481px; list-style: none; margin: 0; padding: 0;}
				#grid li {float: left; height: 95px; width: 230px; margin: 5px;}
					#grid li .thumb {float: left; height: 95px; width: 115px;}
					#grid li .detail {float: left; position: relative; width: 115px;}
						#grid li .detail h5 {margin: 1px; font-size: 16px; color: #ed1c24;}
						#grid li .detail p {margin: 1px; font-size: 12px;}
						a.buy {background: url(../images/buy-now.jpg) no-repeat top left; border: 0; width: 85px; height: 25px; display: block; text-indent: -9999px;}
			#col3 #largegrid {float: left; width: 730px; margin: 0 0 0 4px; /*height: 215px;*/}
				#largegrid ul {width: 730px; list-style: none; margin: 0; padding: 0;}
				#largegrid li {float: left; height: 150px; width: 241px; border-bottom:1px dotted #C0C0C0; border-right:1px dotted #C0C0C0;}
				#largegrid .end {border-right: 0;}
					#largegrid li .thumb {float: left; height: 95px; width: 115px; position: relative;}
					#largegrid li .detail {float: left; position: relative; width: 115px;}
						#largegrid li .detail h5 {margin: 1px; font-size: 14px; color: #ed1c24;}
						#largegrid li .detail h6 {margin: 1px; font-size: 12px;}
						#largegrid li .detail h6.reduced {text-decoration: line-through; color: #000; font-size: 12px;}
						#largegrid li .detail p {margin: 1px; font-size: 14px;}
	#content-area .interior #sidebar {float: left; width: 245px;  margin: 0 0 15px 5px;}
		#main #sidebar {margin-left: 5px;}
			#sidebar .ad {height: 141px; margin: 0; width: 244px;}
				#sidebar #col1 {float: left; width: 244px; margin-top: 10px; margin-left: 2px;}

/* = Navigation
--------------------------------------------------------------------------------------------------------------------------------------*/

	#nav {padding: 0; margin: 0 auto; list-style:none; width: 1000px; height: 39px;}
	#nav li {float:left;}
	#nav li a, #nav li.cap, #nav li.search  {background-image:url(../images/nav.jpg);text-indent:-5000px;display:block;height:39px;}
	#nav li.search {text-indent: 0;}
	
	#nav li.cap {width:19px; background-position:0 0;}
	#nav li.category a {width:162px; background-position:-19px 0px;}
		#nav li.category a:hover {background-position:-19px 0px;}
	#nav li.brand a {width:147px; background-position:-181px 0px;}
		#nav li.brand a:hover {background-position:-181px 0px;}
	#nav li.trade a {width:145px; background-position:-328px 0px;}
		#nav li.trade a:hover {background-position:-328px 0px;}
	#nav li.deal a {width:153px; background-position:-473px 0;}
		#nav li.deal a:hover {background-position:-473px 0;}
	#nav li.new a {width:112px; background-position:-626px 0;}
		#nav li.new a:hover {background-position:-626px 0;}	
	#nav li.search {width:262px; background-position:-738px 0;}
	
	#subnav {padding: 0; margin: 0 auto; width: 1000px; height: 15px; background: #293445; font-size: 10px; list-style:none; }
		#subnav li {float: right; margin: 1px 15px;}
		#subnav li a {color: #fff;}
		#subnav li.cart {width:145px;}
		#subnav li.cart span {margin: 0 0 0 25px; color: #fff799; font-weight: bold;}
		
		.shopby{position:absolute;left:50%;margin:0 0 0 -481px;background:#fff url(../images/bg-shopby-grad.gif) repeat-x bottom left;width:600px; z-index: 1000; display: none;}
		.shopby .container{position:relative;}
		.shopby a.close:link, .shopby a.close:visited, .shopby .linkout a:link, .shopby .linkout a:visited{margin: 12px 15px;color:#000;text-decoration:underline;font-weight:bold;font-size:9px;font-family:Verdana, Arial, sans-serif;background:url(../images/bg-links-close.gif) no-repeat center right;padding: 0 15px 2px 0;}
		.shopby a.close:link, .shopby a.close:visited{position:absolute;top:0;right:0}
		.shopby h4{padding:0 0 0 20px;color:#ed1c24;font-size:13px;font-weight:bold;height:35px;line-height:35px;margin:0;background: url(../images/bg-shopby-heading.gif) repeat-x top left;}
		.shopby .linkout{background:#ddd;width:100%;overflow:auto;}
		.shopby .linkout a:link, .shopby .linkout a:visited{float:right;background:url(../images/bg-links-arrow.gif) no-repeat center right;margin:6px 15px;padding: 0 15px 2px 0;font-size:10px;}		
	
/* = Middle
--------------------------------------------------------------------------------------------------------------------------------------*/
.espots {margin:20px 0 0 0; width:230px;}
/* espots_NEW is being used for the re-work of the Prod Detail page */
.espots_NEW {margin: 27px 0 0 0; width: 245px;}
.inner h4 {margin: 0 !important;}
.inner .thumb {width: 75px; vertical-align: middle;}
.inner .detail {width: 340px; vertical-align: middle;}
.inner .stock {width: 70px; vertical-align: middle;}
.inner .price {width: 80px; vertical-align: middle; color:#CC0000;}
.inner .addcart {width: 120px; vertical-align: middle;}
.attribute {margin: 1px 0; vertical-align: middle; width: 50%;}

#accessories td {vertical-align: middle; margin: 0px 0px 5px 0px;}

#accessories td h5 {margin:5px 0; color: #ED1C24; font-size: 11px;}
#accessories td h6 {margin:5px 0; color: #444454; font-size: 11px;}
/* = Form
--------------------------------------------------------------------------------------------------------------------------------------*/
	
/* = Extra
--------------------------------------------------------------------------------------------------------------------------------------*/
#store-opts {width: 725px; overflow: hidden;}
.inner {overflow: hidden;}
#store-opts #spec {float: left; width: 350px; overflow: hidden;}
	#spec .phone {background: url(../images/ico-phone.jpg) no-repeat top left; text-indent: 20px;}
	#spec .email {background: url(../images/ico-email.jpg) no-repeat top left; text-indent: 20px;}
#store-opts #asc {float: left; width: 335px; overflow: hidden;}
	#asc .phone {background: url(../images/ico-phone.jpg) no-repeat top left; text-indent: 20px;}
	#asc .email {background: url(../images/ico-email.jpg) no-repeat top left; text-indent: 20px;}
#store-opts #service {float: left; width: 350px; overflow: hidden;}
	#service .phone {background: url(../images/ico-phone.jpg) no-repeat top left; text-indent: 20px;}
	#service .email {background: url(../images/ico-email.jpg) no-repeat top left; text-indent: 8px;}
#store-opts #location {float: left; width: 335px; overflow: hidden; clear: right;}
	#location .phone {background: url(../images/ico-phone.jpg) no-repeat top left; text-indent: 20px;}
	#location .email {background: url(../images/ico-email.jpg) no-repeat top left; text-indent: 8px;}	
	
#quickbuy {}
	#quickbuy .model {width: 130px; padding: 0 3px 0 0;}
	#quickbuy .catalog {width: 58px; padding: 0 3px 0 0;}
	#quickbuy .qty {width: 58px; padding: 0 3px 0 0;}
	#quickbuy th {text-align: left;}
	#quickbuy .input {border:1px solid #E3E3EB;width: 125px;}
	#quickbuy .input_qty {border:1px solid #E3E3EB;width: 53px;}
	
.quickbuy {background: url(../images/lb-quickbuy.jpg) no-repeat top left; display: block; width: 111px; height: 22px;text-indent: -9999px; margin: 5px auto;}
.addmore {text-align: center;}

#email_friend_form {}
#email_friend_form form {}
#email_friend_form fieldset {border: 0; margin: 0; border: 0;}
#email_friend_form p {margin: 0;}	
#email_friend_form label {float: left; width: 100%; margin: 5px 0; background: #fff;}
#email_friend_form .input {float: left; width: 98%; border: 1px #e3e3eb solid; margin: 5px 0;}
#email_friend_form .textarea {float: left; width: 98%; height: 200px; border: 1px #e3e3eb solid; margin: 0 0 10px 0;}
#email_friend_form .checkbox {width: 10px; border: 0;}
#email_friend_form #email_send {position:absolute; bottom:0; right:103px; display:block; width: 93px; height: 31px; text-indent: -9999px; background: url(../images/btn_send.jpg) no-repeat top left; font-size: 0; border: 0;}

#email_friend_form #email_col1 {float: left; width: 50%; margin: 10px 0;}

#email_friend_form #email_col2 {float: left; width: 49%; margin: 10px 0;}
/* = Footer
--------------------------------------------------------------------------------------------------------------------------------------*/
#footer #col5 {float: left; width: 750px; color: #fff; height: 190px; overflow: hidden;}
	#col5 .col {float: left; width: 125px;}
		.col h5 {color: #fff; font-size: 11px; font-weight: bold; margin: 25px 0 5px;}
		.col h6 {color: #fff; font-size: 11px; margin: 5px 0 15px;}
		.col ul {padding: 0; margin: 10px 10px 10px 0; list-style: none;}
		.col li {margin: 5px 0; font-size: 10px;}
#footer #email {float: left; width: 229px;}
	#email h6 {color: #fff; font-size: 12px; margin: 25px 0 5px;}
	#email form {border: 0; padding: 0; margin: 0; width: 209px;}
	#email fieldset {border: 0; padding: 0; margin: 0; width: 209px;}
	#email label {float: left; width: 140px; font-size: 11px;}
	#email .email {background: #fff; width: 195px; padding: 2px; font-size: 11px;}
	#email .signup {background: url(../images/email-signup.png) no-repeat top left; border: 0; text-indent: -9999px; width: 66px; height: 19px; cursor: hand; cursor: pointer;}

#footer #logos {clear: both; padding: 15px 0;}
#footer #logos p {float: left;}
#footer #logos p.visa, 
#footer #logos p.mc, 
#footer #logos p.discover, 
#footer #logos p.amex, 
#footer #logos p.veri {
	float: right;	
}


/*	
#footer #logos a {top: 20px;}
	.evergreen {position: absolute; left: 0;}
	.stafda {position: absolute; left: 85px;}
	.nahb {position: absolute; left: 160px;}
	.gsa {position: absolute; left: 200px;}
	
	.visa {position: absolute; right: 285px;}
	.mc {position: absolute; right: 230px;}
	.discover {position: absolute; right: 175px;}
	.amex {position: absolute; right: 125px;}
	.veri {position: absolute; right: 10px;} */
	
.genericESpot {

	margin-left: -5px;
	
}

.prod_detail_acc_header_bar {

	display: block;
	width: 230px;
	height:15px;
	background-color: #ED1B24;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	
}

.prod_detail_hr {

	color: #e1e1e1;
	background-color: #e1e1e1;
	border: 0;
	height: 1px;
	width: 230px;
		
}

.prod_detail_see_all_spacing {

	padding-left: 12px;
	
}

.prod_detail_rating_blocks {

	display: block;
	float: left;
	margin-right: 15px;
		
}

.prod_detail_rating_top_spacing {

	margin-top: 6px;
		
}

.prod_detail_rating_txt {

	font-weight: bold;
	
}

.prod_detail_share {

	margin-left: 6px;
	margin-bottom: 15px;
	
}

.prod_detail_acc_txt {

	padding-top: 2px;
		
}

.clear_floats {

		clear: both;
	
}