/** BEGIN CUSTOM SKIN **/

/*
-- -- -- -- -- -- --
STYLE SCHEME:"master template"
colors: 
main(dark) - 
hover(complementary) - 
bodyBg color - 
columnBg(light) - 
headers - 
font color - 
link color - #565656
highlight - #343434
price color- 
primary font - Arial, Helvetica, sans-serif
-- -- -- -- -- -- --
*/

/* Reset */
html {/*overflow-y:scroll;*/}
* {margin:0;padding:0;}

/* Basic HTML style */
a:link, a:visited {color:#565656; text-decoration:none;}
a:hover {color:#343434; text-decoration:none;}

html {margin:0; padding:0;}
body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; background:#191919; color:#444; padding:0; margin:0;}
blockquote {}
caption {font-weight:bold; background:#c1c1c1; border-bottom:0; color:#444;}
form {}
dd {}
dl {}
dt {}
ol {}
ul {}
hr {color:#ccc; background:#ccc; border-style:none;}
table tr td {  }
ul li {list-style:none; padding:4px 4px 4px 18px; margin:0; font-size:11px; color:#555;}
a img, :link img, :visited img {border:none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#333;}
h6 { font-size:14px; }
h5 { font-size:15px; }
h4 { font-size:16px; }
h3 { font-size:17px; }
h2 { font-size:18px; }
h1 { font-size:20px; }

p {margin:20px 10px;font-size:13px; line-height:22px;color:#777;}
b {color:#444;}

/*Global Styles*/
.contentBox {padding:15px 15px 15px 15px !important;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
	.contentBox p {margin-top:5px !important; font-size:12px !important; color:#555;}

.clear, .clearerB {clear:both; line-height:0px; height:0px; font-size:0px;}
.clearL, .clearer {clear:left; line-height:0px; height:0px; font-size:0px;}
.clearR, .clearerR {clear:right; line-height:0px; height:0px; font-size:0px;}

.hr{border-top:1px dotted #ccc; margin: 16px 0px;}

/* Form Elements */
label {font-size:12px; margin-top:5px !important;}
.optionFormat {text-align:right; border:2px solid #ccc; font-size:14px;}
.inputFormat {border:2px solid #ccc; padding:3px 0 0 3px; height:16px; font-size:14px;}

.btnSearch, .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; }

/* Main Layout*/
#mainContainer {width:988px; margin:auto; text-align:center;}
#mainContainerInner {width:974px; margin:auto; text-align:left;}

	#header {padding:0; margin:0 auto; *margin-top:14px;}
	#headCap {margin:16px auto 0;}
	#footCap {margin:auto;}
	#headCap, #footCap {width:988px;}
		#head {background-repeat:repeat-y; position:relative; height:125px;}
			#logo {position:absolute; top:28px; left:10px;}
			.phone {text-align: right; font-size: large; padding: 8px 10px 0px 0px; color: #777;}

	#cart {float:right; text-align:right; padding:0; margin:0 12px 10px 0;}
		#cart img {vertical-align:middle; margin:2px 3px 0px 14px;}
		
		#search {float:right; text-align:right; width:auto; padding-right:10px; margin-top:10px;}
			#search form {padding:0; margin:0; display:block;}
				#searchInput {float:left;width:auto;}
					.inputSearch {border:1px solid #ccc; border-right:0; font-size:11px; color:#333; vertical-align:middle; padding:3px;}
				#searchButton {float:left;width:auto;}			
					.btnSearch {*margin-top:1px; height:22px; width:44px; font-size:10px;}
			
	
	#mainContentWrapper {}
	#mainContentWrapperInner {*height:1%;}	
	
	/* Column One */ 
	#columnOne_hidden {display:none;}
	#columnOne {float:left; width:215px; margin-top: 10px; }
		.leftHeader {height:35px; xmargin-top:1px;}
			#columnOne h6 {display:block; font-size:16px; color:#f7f7f7; padding-left:10px; line-height:35px;}
		
		.leftSection{background-color:#333;}
		.columnOne_bottomCap{display:block;}
		
		.catLink {position:relative; width:100%; z-index:2;}		
			.catLink a {display:block; padding:4px 4px 4px 20px; background-color:#333; border-top:1px solid #444; border-bottom:1px solid #222}			
			.catLink a:link, .catLink a:visited {color:#fff; }
			.catLink a:hover, .catLink a:focus {color:#eee; background-color:#222;}
			
			.subLinks {position:absolute; left:208px; top:-1px; width:250px; }
			.subLinksInner {border:2px solid #222; border-left:0; margin-left:7px;}
				.subLinks a {display:block; padding:4px 6px; }			
				.subLinks a:link, .subLinks a:visited {}
				.subLinks a:hover {background-image:none !important;}	
				
			
	
	/*Main Content*/
	#mainContent {float:right; text-align:center; width:755px; }
	#mainContentInner {text-align:left;}
	.pageType_default {width:96%; margin:auto; margin-top:25px; margin-bottom:10px;}
	.pageType_noPadding {}
	.pageType_homePage{width:96%; margin:auto; margin-top:10px; margin-bottom:10px;}
	.pageType_checkout {width:96%; margin:auto;margin-top:25px; margin-bottom:10px;}
		
	/*Storefront Template*/
	#sfMain { width:100%;float:left;}
		#sfMain p {float:left;}
		#sfPromos {float:left;width:100%; height:110px; margin:12px 2px;}
			.sfPromoBox { float:left; width:236px; height:98px; margin:2px; background:#eee;}
			
		#featuredProducts{overflow:hidden; width:100%; text-align:center;}
		#featuredProductsInner{}
			#featuredProducts h2{color:#fff; padding:8px; text-align:left;}			
			
			.sfProdInner{border:1px solid #e6e6e6; border-top:0; border-left:0; background-color:white; text-align:center; height:255px; font-size:10px;}
			#firstFeaturedProd{border-left:1px solid #e6e6e6;}
				.sfProdImage {width:115px; overflow:hidden; height:95px; text-align:center; margin:auto; padding-top:10px;}
					.sfProdImage img {margin:auto;}				
				.sfProdTitle {height:60px; margin-top:10px; }	
					.sfProdInner a {padding:0 8px;}
					.sfProdInner a:link, .sfProdInner a:visited {font-size:11px; }
					.sfProdInner a:hover {}
				.sfProdPrice {color:#aaa; font-size:11px; height:45px;}
					.sfProdPrice span {color:#600; font-size:18px; font-weight:bold;}
						.sfProdButtons span a {}
						.sfProdButtons span a:link, .sfProdButtons a:visited {color:#999 !important;}
						.sfProdButtons span a:hover {color:#444 !important;}	
		
		#featuredCategories{overflow:hidden; width:100%;}
		#featuredCategoriesInner {}
			#featuredCategories h2 {color:#fff; padding:8px; margin-top:10px;}						
		
		#sfWelcomeText{width:100%; overflow:hidden;}
		
/* Footer Template*/	
#footer {background-color:#f1f1f1; width:100%; overflow:hidden; border-top:3px solid #333;}		
	.footerColumn {width:auto; float:right; margin:20px 0; border-left:2px solid white;padding: 0 25px;}
		.footerColumn a {display:block; padding: 3px; text-decoration: underline;}	
			.footerColumn a:hover {color:#cc3300; text-decoration: none;}	
		.footerColumn h6 {margin-bottom:5px; font-weight:bold;}		

	#footerLeft {width:auto; float:left; margin:20px 0 0 20px;}		
		#newsletter {width:430px; margin:auto; text-align:center; background-color:#E5E5E5; /*background-image: url(mailiconlarge.gif); background-repeat: no-repeat; background-position: top left;*/}
		#newsletterInner { width:95%; margin:auto; text-align:left; }
		#newsletter input {color: gray; font-size: small;}
		#newsletter h5 {color: #B6000F;}
			#join {padding: 0px;}
			#creditCards {float:left;width:220px;padding: 6px 0px 8px 3px;margin:18px 0 0 0;padding:5px; background-color:#e3e3e3; border:1px solid #ccc; color:#444;}
			#creditCards img {margin:auto; margin-top:5px;}
			#securitySeal {float:left;width:220px;margin:20px 2px 0px 5px;}
													
#mainFooter {color:#8F8F8F; background:none; text-align:center; font-size:11px; float:left; width:100%; padding:0; margin:auto; margin-top:0;}
#mainFooterInner {padding:20px 0px; margin:0px auto; width:90%;}
	#mainFooter a:link, #mainFooter a:visited {color:#8F8F8F;}
	#mainFooter a:hover {color:#343434;}

											

/* Product List Template */
.liSubCat {width:auto; float:left; padding:5px 10px 5px 0px;}

	#liHeader { float:left;width:100%;*height:1%;border:1px solid #c4b5a1;margin:12px 0; }
		#liHeaderImage {width:auto;float:left;text-align:left; overflow:hidden; }
		#liHeaderDesc {width:45%; float:left; margin:15px 25px; font-size:14px; line-height:24px;}
		#liHeaderDescFull {width:100%; float:left; margin:15px 25px; font-size:14px; line-height:24px;}

.liListing {float:left; width:100%;}
	.liProdOne { width:100%;float:left; *height:1%; text-align:center;}
	.liProdTwo { width:50%;float:left; *height:1%; text-align:center;}
	.liProdThree { width:33.3%;float:left; *height:1%; text-align:center;}	
	.liProdFour { width:25%;float:left; *height:1%; text-align:center;}
	.liProdFive { width:20%;*width:19.9%;float:left; *height:1%; text-align:center;}
	
		.liProdInner { width:90%; margin:auto 10px; padding:10px 0px;}
			.liProdInfo {}
			.liProdImage {width:100px; height:100px;margin:auto; overflow:hidden;margin-top:3px; margin-bottom:8px;} 
			.liProdTitle { padding:0px; height:50px; }	
			.liProdBrief {font-size:10px; }	
			.liProdDesc {text-align:left; padding:1px; height:50px; }
			.liProdStock {font-size:10px; }
		
		.liProdPrice {color:#600; font-size:18px; font-weight:bold; text-align:center; margin:8px auto;}
			.liProdPrice span {color:#aaa; font-size:11px; }
		
		.liProdInner a {}
				.liProdInner a:link, .liProdInner a:visited { }
				.liProdInner a:hover {}
			
		.liProdButtons {text-align:center;width:100%;float:left;}
			.liProdButtons img {margin-bottom:4px}
			.liProdButtons span a {}
			.liProdButtons span a:link, .liProdButtons a:visited {color:#999 !important;}
			.liProdButtons span a:hover {color:#444 !important;}			
	
.searchResults {text-align:right; background-color:#faf7f3; float:left; width:100%;margin:14px 0; font-size:13px; color:#713A01;}
.searchResultsInner {width:98%; padding:4px 0px;}
	.searchResults a {padding:2px 4px;font-size:12px;}
	.searchResults a:link, .searchResults a:visited {color:#713A01;border:1px solid #c4b5a1;background-color:white;}
	.searchResults a:hover {color:white; background-color:#c4b5a1;}

/* 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;}
		
		/* Image overlay */
			#imageOverlay{padding:20px; border:5px solid #e1e1e1; margin-bottom:15px; text-align:center;}
				#imageOverlayClose{ text-align:right;}
				#imageOverlay img{margin:auto;}
	
	#dtProdContent {width:100%;float:left;}
	.dtProdContentInner {}
		.dtHeader {width:100%;float:left;}
		.dtHeaderInner {}
			.dtProdTitle {} 
				.dtProdTitle h1, .dtProdTitle h2, .dtProdTitle h3, .dtProdTitle h4, .dtProdTitle h5, .dtProdTitle h6 {}
			#dtProdImage {float:left; text-align:center; width:355px; overflow:hidden; }
			.dtViewLarger {font-size:10px; font-weight:bold;}
		.dtBreadcrumb {font-size: 14px; margin-bottom: 5px; height: 35px;}
			.dtProdInfo {float:right; width:360px;text-align:center;}
			.dtProdInfoInner {text-align:left;width:90%;}
				.dtProdPrice {color:#565656; font-size:14px; margin-bottom: 16px; }
					.dtRetailPercent {color:#F00; font-size:14px;}
				.dtProdSku {width:45%; float:right; text-align:right; margin-bottom: 8px;}
				.dtProdBrand {width:50%;float:left; margin-bottom: 8px;}
				.dtProdBrief {font-size:11px !important;} 
							
				.dtProdPromo {font-size:14px; font-style: italic; color:#565656;}				
				.dtProdStock {font-size:11px !important;}		
			
			#dtProdDescTitle{background-color:#DFDCD1; font-size:20px; line-height:35px; height:35px; padding-left:10px;}
			.dtProdDesc {}	
			
			.dtRelated {width:100%; float:left; clear:both;}
				.dtRelated h6 {padding-bottom:8px; font-size: 16px; font-style: italic;}
				.dtRelated a:hover {text-decoration: none;}
				.dtRelated img {text-decoration: none; border: none; margin-bottom: 8px;}

		
		/* Add to Cart */
		.dtCartAdd {margin: 15px 0px; background-color: #EFECE0; border: 1px solid #E6E6E6;}
			.dtCartLabel {clear:both;padding:5px;}
			.dtCartQty {padding:5px;}
			.dtCartQty label {}
			.dtCartRadio {float:left; width:100px;padding:5px;}
			.dtCartPulldown {float:left;padding:5px;}	
			.dtProdBuy {clear:both;padding:5px;} 

/*Advanced Search*/
.advancedSearchTable{}
	.advancedSearchTable tr td{padding:8px;}

/* Checkout Templates - All*/	
	.pageType_checkout{}
		.pageType_checkout td{padding:4px; font-size:13px;}
		.pageType_checkout input, .pageType_checkout select{font-size:14px;}
		
		.inputFormat input{ border:2px solid #CCC; padding:3px 0 0 3px;}
		.radio, .checkbox, .button, .textArea { height:auto !important; border:none !important;}	
		
		
		
		/* Generic classes */			
		.half{width:49%; text-align:center;}
		.quarterWidth{width:25%; text-align:center;}
		.threeQuarterWidth{width:75%; text-align:center;}
		.oneQuarterWidth {width:24%;}
		.right{float:right; text-align:center;}
		.left{float:left; text-align:center;}		
		.inner{width:95%; margin:auto; text-align:left;}		
		.smallFont, .smallFont td {font-size:11px;}
			
		.checkoutTitle{margin-top:15px;}
		
		.checkoutColumn{float:left;}
			.checkoutSection{width:94%; margin:auto; margin-top:15px; border:1px solid #ddd; padding:20px 5px; -moz-border-radius: 6px; border-radius: 6px; background-color: #F1F1F1; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top,  #fff,  #eee); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); font-size:13px; line-height:1.5;}
			.checkoutSectionInner{width:95%; margin:auto; text-align:left;}
				.checkoutColumn label{display:block; cursor:pointer;}
		
		.th1 {background-color:#eee;}
		.th2 {background-color:#f7f7f7;}
	
		.why {border:1px solid #666666; background-color:#EFEFEF;padding:6px;}
			.why img {margin:5px 10px;}
	
			
		.checkoutButtons{text-align:center; border-top:1px solid #ddd; margin-top:30px; }
			#btnContinueCheckout {position:relative; top:-15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 2px solid #FFF; background-color:#2492E6; color:white; padding:8px 16px; font-weight:bold; cursor:pointer; font-weight:bold; -webit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box;}
			#btnContinueCheckout:link, #btnContinueCheckout:visited {top:-8px;}
			#btnContinueCheckout:hover {background-color:#27A1FF;}
			
	/*cart template*/
	#cartOptions a img {margin:0 3px;}
		
			
	/*Multi - Checkout options*/
	#checkoutOptions{overflow:hidden; width:100%; text-align:center; margin:20px 0 0 0;}
	#checkoutOptionsInner{}
		
		#logininfo { text-align:center; width:100%;}	
		#logininfoInner { text-align:left; margin:auto; width:90%;}
			#loginInfo input {width:100px !important;}
	
	/*billing options template*/
	.checkoutLeft{width:58%; float:left;}
	.rightInfo {width:38%; float:right; background-color:#FFF; font-size:11px;}
		.rightInfo img {vertical-align:middle; margin:0 4px 0 0;}
		select#idBillToCountry , select#idShipToCountry {width:260px;}
		
	/*invoice template*/
	.invoiceCustomerColumn {width:25%; float:left;}
	.invoiceOrderColumn {width:74%; float:right;}
		.invoiceTotalDue {-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; background-color:#ddd; color:#a00; padding:6px 14px; font-weight:bold; font-weight:bold;}
	
	/*cart template*/
	.cartRelated {float:right; border-top:1px solid #F1F1F1; border-left:1px solid #F1F1F1;  background-color: #F6F6F6; padding: 0px;}
	
	/*Order confirm button styles*/
	form[name="invoiceconfirm"] {text-align:right; border-bottom:1px solid #ccc; margin:0 24px 30px 24px;}
		form[name="invoiceconfirm"] hr {display:none;}
		
		/*Special instructions*/
		form[name="invoiceconfirm"] textarea {border:1px solid #ccc; width:650px; margin:4px 0; /*display:none;*/ /*using invoice special instructions for bonus products*/}
			/*Special instructions title*/
			form[name="invoiceconfirm"] b{/*display:none; using invoice special instructions for bonus products*/}
			/*Special instructions characters remaining*/
			form[name="invoiceconfirm"] div{/*display:none; using invoice special instructions for bonus products*/}
		form[name="invoicecancel"] {/*display:none;*/}
		form[name="invoiceconfirm"] table {float:right; margin:50px 0 0;}
		form[name="invoiceconfirm"] input { -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; border:2px solid #FFF !important; background-color:#2492E6; color:white; padding:8px 16px; font-weight:bold; cursor:pointer; font-weight:bold; position:relative; top:-24px; -webit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box;}
		
	
	/*Order confirmation template*/
	#orderConfirmationNumber{padding:6px; background-color:#ddd; font-size:19px; width:auto; font-weight:bold;}
	
			
/** END CUSTOM SKIN **/