/** BEGIN CUSTOM SKIN **/

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

/* Basic HTML style */
a:link, a:visited {color:#0C3CCE; text-decoration:underline;}
a:hover {color:#05268a; text-decoration:underline;}

html {margin:0; padding:0;}
body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; background:#fff; 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:#565656;}
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;}
.inputFormat {border:2px solid #ccc;padding:3px 0 0 3px; height: 16px;}

.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:102px;}
			#logo {position:absolute; top:0px; left:10px;}
			.phone {text-align: right; font-size: large; padding: 12px 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;}
			#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;}
			
					
	#navBar {height:31px; text-align: center; width: 100%;}
	#navBarInner {width: 100%; margin: 0px auto;}
		.navBarDivs {float:right; margin-top:1px; position:relative;}
			.navBarLink {display:block; padding: 6px 30px 7px 31px; border-left:1px solid #e3e3e3;}
			.navBarLink:link, .navBarLink:visited {color:#fff; font-size:14px; }
			.navBarLink:hover {text-decoration:underline;}			
			
			.navBarSubs {position:absolute; top:28px; right:0; width:200px; font-size:12px;}
			.navBarSubsInner {border:2px solid #ddd; border-top:0;}
				.navBarSubLink {display:block; padding:2px 10px; }
				.navBarSubLink a {display:block}
				.navBarSubLink:link, .navBarSubLink:visited {color:#8f8f8f; background-color:#fff; }
				.navBarSubLink:hover {color:#555; background-color:#ddd; }
		

	#mainContentWrapper {}
	#mainContentWrapperInner {*height:1%;}	
	
	/* Column One */ 
	#columnOne_hidden {display:none;}
	#columnOne {float:left; width:215px;}
		.leftHeader {height:45px;}
			#columnOne h6 {display:block; font-size:20px; color:#fff; padding:10px 0 0 10px;}
		
		.catLink {position:relative; width:100%;}		
			.catLink a {display:block;padding:4px 4px 4px 20px; }			
			.catLink a:link, .catLink a:visited {color:#8f8f8f; }
			.catLink a:hover, .catLink a:focus {color:#0C3CCE; background-color:#ddd; }
			
			.subLinks {position:absolute;left:209px;top:-1px;width:250px; }
			.subLinksInner {border:2px solid #ddd; border-left:0;margin-left:7px;}
				.subLinks a {display:block;padding:4px 6px; }			
				.subLinks a:link, .subLinks a:visited {color:#8f8f8f; }
				.subLinks a:hover {color:#0C3CCE; background-color:#ddd; background-image:none !important;}	
				
			#creditCards {margin:18px 0 0 0;padding:5px;background-color:#e3e3e3; border:1px solid #ccc; color:#444;}
			#creditCards img {margin:auto; margin-top:5px;}
	
	/*Main Content*/
	#mainContent {float:right; text-align:center; width:755px; }
	#mainContentInner {text-align:left;}
	.pageType_default {width:95%;margin:auto;margin-top:10px; margin-bottom:10px;}
	.pageType_noPadding {}
	.pageType_checkout {width:720px;margin:auto;margin-top:10px; margin-bottom:0px;}
		
	/*Storefront Template*/
	#sfMain { width:100%;float:left;  margin:15px 15px 0px 0px; }
		#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;}
			
		#featuredCategories {float:left;width:100%;}
		#featuredCategoriesInner {}
			#featuredCategories h2 {color:#fff;padding:8px; }		
			.sfCats {width:33%; float:left; text-align:center; height: 220px;}
			.sfCatsInner {width:90%; margin:auto; text-align: left;}
				.sfCatImage {width:100%; overflow:hidden;height:95px; margin-bottom:10px; border:1px solid #eee; margin-top:8px;}
					.sfCatImage img {float:right;}				
				.sfCatTitle {font-size:14px; margin-top:3px; }	
					.sfCat {padding-left:4px;}
					.sfCat:link, .sfCat:visited {line-height:normal;}
						.sfSubCat {display:block; padding-left:25px; margin:4px 0;}
						.sfSubCat:link, .sfSubCat:visited {color:#aaa; line-height:normal;}
						.sfSubCat:hover {}
					.sfViewAll {margin:10px 0 18px 25px; display:block;}
					.sfViewAll:link, .sfViewAll:visited { }
					.sfViewAll:hover { }
					
		#featuredProducts {float:left;width:100%; text-align:center; *height:1%; padding:8px 0 16px 0;}
		#featuredProductsInner {text-align:left;}
			#featuredProducts h2 {color:#fff;padding:8px;}			
			.sfProdInner {margin:0px; padding:5px 0px ;border:1px solid #e6e6e6; border-top:0; border-left:0;background-color:white; text-align:center;}
			#firstFeaturedProd {border-left:1px solid #e6e6e6;}
				.sfProdImage {width:115px; height:95px; overflow:hidden; margin:auto;overflow:hidden;display: table;_display:block;text-align:center;}
				.sfProdImageInner {display: table-cell;	vertical-align: middle;	_display: inline;_height:0;	_zoom: 1;he\ight: auto; margin:auto;}
					.sfProdImage img {margin:auto;}				
				.sfProdTitle {padding:8px; text-align:center; font-size:15px; }	
					.sfProdInner a {}
					.sfProdInner a:link, .sfProdInner a:visited {line-height:normal;text-decoration:underline;}
					.sfProdInner a:hover {text-decoration:none;}
				.sfProdPrice {color:#aaa; font-size:11px;}
					.sfProdPrice span {color:black; 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;}	

	/* Footer */															
	#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:#0C3CCE;}
		#footerCreditCards {text-align:center;margin-top:15px;}												

	/* Product List Template */
	.headerText {margin:0px; padding:0px;}
	.liSubCat {width:23%; float:left;padding-left:12px;}
	.liBreadcrumb {font-size: 14px; margin-bottom: 5px; height: 35px;}
			#liHeader {float:left; width:100%; *height:1%; border:2px solid #eee; margin:12px 0; }
				#liHeaderImage {width:100%; text-align:left; overflow:hidden;}
				#liHeaderDesc {width:100%; margin:10px; font-size: 14px; line-height: 1.5;}
	
	.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, .liProdThree-last { width:33.3%;float:left; *height:1%;}	
			.liProdThree {background-image: url('prodSeparator.gif'); background-position:center right; background-repeat: no-repeat;}		
		.liProdFour { width:25%;float:left; *height:1%; text-align:center;}
		.liProdFive { width:20%;float:left; *height:1%; text-align:center;}
		
			.liProdInner { width:90%; margin:auto 10px; padding:10px 0px;}
				.liProdInfo {}
				.liProdImage {width:150px; height:150px; overflow:hidden; 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 {padding:8px; text-align:center; font-size: 15px; }	
				.liSubTitle {font-weight:bold; font-size: 15px; text-align:center; padding:8px; }
				.liProdBrief {padding:8px; font-size:10px; text-align:left;}	
			
			.liProdPrice {color:#363636; font-size:18px; font-weight:bold; text-align:center;}
				.liProdPrice span {color:#aaa; font-size:11px; }
				.retail {text-decoration:line-through;}
				
			.compare {margin:4px 0px;}
				.compare input {vertical-align:middle;}
				
			.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;}
			
			.liProdInner a {}
			.liProdInner a:link, .liProdInner a:visited {line-height:normal;text-decoration:underline;}
			.liProdInner a:hover {text-decoration:none;}
			
		
	.searchResults {text-align:right; background-color:#f2f2f2; float:left; width:100%;margin:14px 0; font-size:13px; color:#999;}
	.searchResultsInner {width:98%; padding:4px 0px;}
		.searchResults a {padding:2px 4px;font-size:12px;}
		.searchResults a:link, .searchResults a:visited {color:#888;border:1px solid #888;background-color:white;}
		.searchResults a:hover {color:white; background-color:#888;}

	/* Detail Template */
		#dtZoom {position:relative;}
		#dtZoomInner {width:90px; position:absolute; margin:10px; top:-0; right: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:500px; overflow:hidden; }
				.dtViewLarger {font-size:10px; font-weight:bold;}
			.dtBreadcrumb {font-size: 14px; margin-bottom: 5px; height: 35px;}
				.dtProdInfo {float:right; width:210px;text-align:center;}
				.dtProdInfoInner {text-align:left;width:90%;margin:auto;}
					.dtProdPrice {color:#565656; font-size:18px; 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;} 
					.dtProdDesc {font-size:12px;}				
					.dtProdPromo {font-size:14px; font-style: italic; color:#565656;}				
					.dtProdStock {font-size:11px !important;}		
				.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: #f3f3f3; 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;} 

	/* Checkout Template */
	#checkoutContainer { }
	#checkoutContainerInner { } 
		#upsellProds {width:100%; text-align:center;}
		#upsellProdsInner {width:auto; margin:auto;}
			.upsellText { text-align:left;}
			.upsellProd {width:20%; float:left;}
			.upsellProdInner {width:85%; margin:auto; text-align:left; border:3px solid #e1e1e1; padding:5px; height: 220px; overflow:hidden;}
				.upsellProdImage {text-align:center;}
		
		.progress {text-align:center; /*background-color: #F6F6F6;*/}
		.rightInfo {width:30%; float:right; margin-top:50px; padding:10px; background-color:#434343; font-size:11px;}
			.rightInfo img {vertical-align:middle; margin:0 4px 0 0;}
		.inputFormatter input { border:2px solid #ccc; padding:3px 0 0 3px;}
		.radio, .checkbox, .button, .textArea { height:auto !important; border:none !important;}
	
		#checkoutContainer table tr td {font-size:12px; vertical-align:middle; padding:4px;}
		
		.th1 {background-color:#ddd;}
		.th2 {background-color:#eee;}
	
		.why {border:1px solid #666666; background-color:#EFEFEF;padding:6px;}
			.why img {margin:5px 10px;}
	
		#logininfo { text-align:center; width:100%;}	
		#logininfoInner { text-align:left; margin:auto; width:90%;}
			

/** END CUSTOM SKIN **/
