/** BEGIN CUSTOM SKIN **/

/*
-- -- -- -- -- -- --
STYLE SCHEME:"master template"
colors: 
main(dark) - #BABABA
hover(complementary) - #008AFF, #579207
bodyBg color - #fff
columnBg(light) - #fff
headers - #565656
font color - #444
link color - #8F8F8F
highlight - #343434
price color- #cc0000
primary font - Arial, Helvetica, sans-serif
-- -- -- -- -- -- --
*/

/* Reset */
html {overflow-y:scroll;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0; padding:0; margin:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


/*General styles*/
html{margin:0; padding:0px 0px;}
body{ text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:white; padding:0; margin:0; position:relative;}

p{margin:10px 10px 20px 10px;font-size:13px; color:#ccc;}
b, strong{color:#fff; font-weight:bold;}

a:link, a:visited{color:#fff; font-weight:bold; text-decoration:none;}
a:hover{color:#fff; text-decoration:underline;}

table tr td{ font-size:13px; padding:5px; color:#ddd;}

ul li{padding:4px 4px 4px 18px; margin:0; font-size:11px;list-style:none; }
ol li{padding:4px 4px 4px 9px; margin:0 0 0 12px; font-size:11px; }
a img, :link img, :visited img{border:none;}
hr{color:#ccc; background:#ccc; border-style:none;}
dt{font-weight:bold}
blockquote{}
caption{font-weight:bold; background:#c1c1c1; border-bottom:0; color:white;}

.contentBox, .checkoutFormatter{padding:15px 15px 15px 15px;border-top:1px dotted #999; border-bottom:1px dotted #999;}
	.contentBox p, .checkoutFormatter p{margin-top:5px; font-size:12px; color:#ddd;}


/* Custom font definitions */
h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:white; }
#mainContainer h6 { font-size:14px; }
#mainContainer h5 { font-size:15px; }
#mainContainer h4 { font-size:16px; }
#mainContainer h3 { font-size:17px; }
#mainContainer h2 { font-size:18px; }
#mainContainer h1 { font-size:20px; }

/* Form Elements */

button{vertical-align:middle;}
.optionFormat{text-align:right}
.inputFormat{border:1px solid #7a7a7a; font-size:11px; color:#333;}

.btnSearch{ color:#666; font-size:11px;  cursor:pointer}
.btnSubmit{ color:#666; font-size:11px;  cursor:pointer}
.bullet{list-style:square; list-style-type:square}

.btnCheckout{border:1px solid #666; background-color:#fff;  font-size:11px; }

/* Fixes */
.clearer{clear:left; line-height:0px; height:0px; font-size:0px;}
.clearerB{clear:both; line-height:0px; height:0px; font-size:0px;}
.clearerR{clear:right; line-height:0px; height:0px; font-size:0px;}

/*General*/
.hr{width:100%; height:20px;}

/* Main Layout*/
#main{width:940px; margin:auto; text-align:center;margin-top:10px;}
	#mainContainer{width:940px; text-align:left; margin:auto; }
	#header{padding:0; margin:0 auto; height:102px; overflow:hidden;}
		#logo{width:334px; height:82px; float:left; margin:10px 0 0 6px;}
		#cart{float:right; text-align:right; padding:0; margin-top:60px;width:190px; height:40px;padding:5px 20px 0 0; color:#ccc; line-height:18px; font-size:11px;}
			#cart a{margin-left:10px;}
			#cart a:link, #cart a:visited {color:#fff; font-weight:bold;}
			#cart img{vertical-align:middle; }
		#search {float:right;text-align:right; width:190px; height:40px;margin-top:60px; padding:9px 12px 0 0;}
			#search form{padding:0; margin:0; display:block; width:auto; float:right; height:26px; overflow:hidden;}
			#mainSearchInput{width:120px; float:right; height:24px; vertical-align:middle; font-size:13px; color:#999; padding:3px 0 0 6px;}
			#mainSearchButton{width:22px; float:right; vertical-align:middle;}
			
		#navBar{height:36px;}
		#navBarInner{height:28px;}
			.navBarDivs{float:left; margin-top:0px; position:relative;height:25px; }
				.navBarLink{display:block; padding:0px 15px 0px 15px; line-height:25px; }
				.navBarLink:link, .navBarLink:visited{color:#fff; }
				.navBarLink:hover{color:white; background-color:#c50419;}			
			
		
			.inputSearch{border:1px solid #ccc; border-right:0; font-size:11px; color:#333; height:23px; vertical-align:middle; padding:3px;}
			.btnSearch{*margin-top:1px;}

	/* Left Column */ 
	#columnOne{float:left; width:230px; text-align:center; line-height:normal;}
	#columnOneInner{width:212px; text-align:left; margin:auto; margin-top:10px; margin-bottom:10px;}
		#columnOneHeader{height:32px; overflow:hidden;}
		#columnOne h6 {height:32px;display:block; overflow:hidden;font-size:14px; font-weight:bold; color:white;  padding:7px 0 0 10px;}
		
		.catLinkDiv{position:relative; width:100%; z-index:9999;}		
			.catLink{display:block;padding:5px 4px 5px 20px; border-bottom:1px dotted #666; }			
			.catLink:link, .catLink:visited{color:#bbb; background-color:#4b4b4b;}
			.catLink:hover{color:white; background-color:#484848; text-decoration:none }		
			
			.subLinks{position:absolute;left:205px; top:-1;width:250px; }
			.subLinksInner{border:1px solid #333; border-left:0;margin-left:7px;}
				.subLinks a{display:block;padding:5px 4px 5px 20px;  }			
				.subLinks a:link, .subLinks a:visited{color:#bbb; }
				.subLinks a:hover{color:white; background-color:#484848; text-decoration:none; }	
			
		#oemSelect{text-align:center;background-color:#4b4b4b; border:1px solid #626262; overflow:hidden;padding:10px 0;}
		#oemSelectInner{width:90%; margin:auto; }			
				
		.email{ font-size:11px; text-align:center; background-color:#4b4b4b;}
		.emailInner{width:90%; text-align:left; margin:auto;padding:14px 0;}
			.email form{margin-top:5px;}
			#txtEmail{vertical-align:middle; width:110px; height:24px; line-height:18px;padding-left:2px; color:#666; font-size:12px;}
			#btnEmail{ vertical-align:middle;}
	
		#creditCards{text-align:center;background-color:#4b4b4b; border:1px solid #626262; margin-top:20px; overflow:hidden;padding:10px 0;}
		#creditCardsInner{width:90%; margin:auto; }			
			#creditCardsText{text-align:left;}
			#cards{width:auto; margin:auto;}
			#creditCards img{margin:8px 3px;}

	#mainContentWrapper{line-height:18px }
	#mainContentWrapper_noBG {}
	#mainContentWrapperInner {*height:1%;}	
		#mainContent {float:right;width:710px; text-align:center;line-height: 22px; }
		.mainContentInner{ text-align:left; margin:auto; width:690px;margin-top:10px; margin-bottom:10px; }
			#mainContent p{line-height:22px;}
			
	/*Homepage Template*/
		#sfHeader {background-color:#434343;padding:2px;margin:0px 0px 10px 0px;}
		#sfHeader h6.welcome {font-size:15px;color:#D6D6D6;padding:3px 5px;font-weight:normal;}
	#sfMain {width:460px; float:left;}
		#sfBrands {width:460px;margin:10px 0px 0px 0px; text-align:center;}
		#sfBrandsInner {background:#4b4b4b;margin-top:1px;*height:1%;border:1px solid #626262; }
		.sfBrandsThree {float:left;width:33%; text-align:center;}
			.sfBrandsThreeInner {width:123px; height:41px;background:#666;margin:10px auto; border:1px solid #333; overflow:hidden;}
			.sfBrandTextLink{display:block; padding-top:3px;}
	#sfRight {width:230px; float:left; text-align:center;}
		#sfRightInner {width:210px;margin:auto; text-align:left;}
			#sfText {padding:0px 5px;height:254px;}
				
				#sfText p {font-size:11px; color:#efefef;margin:0px 0px 5px 0px;line-height:16px;}
			#sfFeatured {}
				#sfFeatured h6 {width:221px;height:25px;color:#fff;font-weight:bold;diaply:block;padding:6px 4px 0px 8px;margin:0px;}
				.sfProd {width:220px;*width:221px;border-top:1px dotted #626262;margin:0px 0px;text-align:center;}
				.sfProdInner {width:95%;margin:8px auto 8px auto; text-align:left;}
					.sfProdImage {background-color:#fff;margin:auto;text-align:center;float:left;width:100px;height:100px;overflow:hidden;}
					.sfProdInfo {width:45%;float:right;}
						.sfProdInfo a {line-height:13px;}
						.sfProdPrice {color:#fff;font-size:13px;text-align:center;background-color:#aa000B;background-repeat:repeat-x;background-position:top;padding:2px;margin:5px 0px;width:70px;}
						.sfProdMore {margin:10px 0px ;}
							.sfProdMore a{background-color:#666;padding:5px;margin:3px 0px; }
							.sfProdMore a:hover {background-color:#999;}
														
	#footer{color:#8F8F8F; background:none; text-align:center; font-size:11px; width:940px; padding:0; margin:auto; margin-top:0;}
	#footerInner {margin:8px;}
		#footerLinks{float:right; width:75%; text-align:right;}
		#footer a:link, #footer a:visited{color:#8F8F8F;}
		#footer a:hover{color:#343434;}
	

/* Product List Template */
.headerText {margin:0px; padding:0px;}
.liSubCat{width:23%; float:left;padding-left:12px;}

.liProdThree { width:33%;float:left; *height:1%;text-align:center;}	
.liProdInner  {border-top:1px dotted #676767; background-image:url('<ss:value source="$storeVersion.images['gradient.jpg']" />'); background-position:top; background-repeat:repeat-x;  padding:10px 5px; width:90%; margin:15px auto; }
.liProdInfo {}
	#liHeader{ *height:1%;border:0px solid #eee;margin:12px 0}
		#liHeaderImage{width:300px;float:left;text-align:left; overflow:hidden;}
		#liHeaderDesc{width:370px; float:left;margin:10px;}
				
	.liProdImage {width:150px; height:150px;margin:auto;overflow:hidden;display: table;*display:block;text-align:center;} 
	.liProdImageInner {display: table-cell;	vertical-align: middle;	*display: inline;*height:0;	*zoom: 1;he\ight: auto; margin:auto;}
			.open {/* display:inline-block; */ vertical-align: middle; height:100%;}
	.liProdTitle {font-weight:normal;text-align:center; padding:0px; height:30px; line-height:14px; }	
	.liProdBrief {font-size:10px; }	
	.liProdDesc {text-align:left; padding:1px; height:50px; }
	.liProdStock {font-weight:normal; line-height:inherit; font-size:10px; }
	
	.liProdPrice {color:#fff;font-size:13px;text-align:center;background-color:#aa000B;background-repeat:repeat-x;background-position:top;padding:0px;margin:5px auto;font-weight:normal;width:150px;}
		.liProdPrice span{font-size:10px;}
		.liProdPrice span.retail {text-decoration:line-through;}
	.liProdButtons {margin:10px auto; }
		.liProdButtons a{background-color:#666;padding:0px;margin:3px auto;display:block;width:150px; }
		.liProdButtons a:hover {background-color:#999;}
		
	
.searchResults {text-align:right; background-color:#404040; width:100%;margin:14px 0; font-size:13px; color:#999;}
.searchResultsInner{ padding:6px 3px; }
	.searchResults a{ padding:2px 4px;font-size:12px; }
	.searchResults a:link, .searchResults a:visited {border:1px solid #888;color:white; background-color:#888;  }
	.searchResults a:hover {color:#888; background-color:white; }

/* Detail Template */
		#dtZoom{position:relative; float:left;}
	#dtZoomInner{width:90px; position:absolute; top:-28px; *top:-25px; left:0px;background-color:white; border:1px solid #ccc; }
		#dtZoom img{vertical-align:middle; margin:0px 5px 0px 0px; }
		#dtZoom a{display:block;padding:4px;}
	#dtMulti{}
		.dtThumb{width:84px; float:left;background-color:#eee; overflow:hidden; border:1px solid #ccc; margin:4px 2px 4px 0;}
	
	#dtProdContent {}
	.dtProdContentInner {}
			.dtProdTitle { } 
				.dtProdTitle h1, .dtProdTitle h2, .dtProdTitle h3, .dtProdTitle h4, .dtProdTitle h5, .dtProdTitle h6 {color:#fff;}
			#dtProdImage {float:left; text-align:center; width:355px;  }
			.dtViewLarger {font-size:10px; font-weight:bold;}
			.dtProdInfo {float:right; width:319px;}
			.dtProdInfoInner {margin:0px 8px;}
				.dtProdPrice {color:#fff; font-size:16px; font-weight:normal; line-height:18px; background-color:#aa000B; padding:4px; margin:4px 0px;}
					.dtProdPrice span {font-size:11px;}
					.dtProdPrice span.retail { text-decoration:line-through;}
				.dtProdSku {width:45%; float:left; text-align:left;}
				.dtProdBrand {font-size:12px; font-weight:normal; width:50%;float:right;text-align:right;}
				.dtProdBrief {font-size:11px; font-weight:normal; } 
				.dtProdDesc {font-size:11px; font-weight:normal; }				
				.dtProdStock {font-size:10px;}		
				.dtProdBuy {} 
			.dtRelated {width:33%; *width:32%; float:left; border-top:1px dotted #676767; background-image:url('gradient.jpg'); background-position:top; background-repeat:repeat-x;  padding:10px 5px; margin:15px 5px;}
				.dtRelatedImage { text-align:center;margin:0px 0px 5px 0px;  }
				.dtRelatedTitle { text-align:center; line-height:14px;}
        	
	  /* Add to Cart */
    .dtCartLabel {clear:both;padding:5px;}
    .dtCartQtyLabel {width:60px;float:left;padding:4px;}
    .dtCartQtyField {width:50px;float:left;padding:4px;}
    .dtCartRadio {float:left; width:100px;padding:5px;}
    .dtCartPulldown {float:left;padding:5px;}
    .dtProdBuy {width:125px;float:left;}

/* Checkout Template*/
#checkoutContainer { }
#checkoutContainerInner { } 
	.progress {text-align:center; padding: 15px;  }
	.rightInfo{width:30%; float:right; margin-top:50px; padding:10px; background-color:#333; font-size:11px;}
		.rightInfo img{vertical-align:middle; margin:0 4px 0 0;}
	.inputFormatter input{height:24px; border:2px solid #888;padding:3px 3px 0 3px;}
	.radio, .checkbox, .button, .textArea{ height:auto !important; border:none !important;}

	#checkoutContainer table tr td{ vertical-align:middle;}
	
	.th1{background-color:#373737;}
	.th2{background-color:#474747;}


.why {border:1px solid #666666; background-color:#EFEFEF;padding:6px;}
	.why img{margin:0 5px;}

#logininfo{ text-align:center; width:100%;}	
#logininfoInner{ text-align:left; margin:auto; width:90%;}
	.checkoutOptions { border:1px solid #666666; background-color:#EFEFEF; margin-top:10px;padding:10px;}
		






/** END CUSTOM SKIN **/
