/** 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:16px; background:#fff; color:#222; 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 { padding:8px; }
ul li {}
a img, :link img, :visited img {border:none;}

h1, h2, h3, h4, h5, h6 {font-family:"Century Gothic", Arial, san-serif; font-weight:normal; color:#000066;}
h6 { font-size:14px; }
h5 { font-size:15px; }
h4 { font-size:16px; }
h3 { font-size:17px; }
h2 { font-size:21px; }
h1 { font-size:32px; }

p {margin:20px 10px; line-height:22px; color:#222;}
b {}

/*Global Styles*/
.contentBox {padding:15px 15px 15px 15px !important;border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
	.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:#666; font-size:11px; }

/* Main Layout*/
#mainContainer {width:980px; margin:auto; text-align:center;}
#mainContainerInner {width:980px; 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 {position:relative; height:102px;}
			#logo {position:absolute; top:32px; left:0px;}
			.phone {text-align: right; font-size: large; padding: 12px 10px 0px 0px; color: #777;}

	#cart {float:right; text-align:right; padding:0; margin:45px 24px 0 0;}
		#cart span {color: #999;}
	#search {float:right;text-align:right; width:auto; margin:45px 16px 0 0;}
		#search form {padding:0; margin:0; display:block;}
			#searchInput {float:left;width:auto;}
				.inputSearch {border:1px solid #ccc; font-size:11px; color:#333; vertical-align:middle; padding:3px;}
			#searchButton {float:left; width:auto;}	
				.btnSearch {*margin-top:1px; font-size:10px; margin-left: 6px;}
		
	#navBar {height:31px; text-align: left; width: 100%;}
	#navBarInner {margin: 0px auto; position: relative;}
		.navBarDivs {}
			.navBarLink {}
			.navBarLink:link, .navBarLink:visited {}
			.navBarLink:hover {}
			
			#navBar a:link, #navBar a:visited {color:#666; font-size:14px; text-decoration: underline;}
			#navBar a:hover, #navBar a:active {color:#565656; text-decoration: none;}
			#navBar span {color:#360; font-size:14px;}
			#navBar span.askArtistLink {position: absolute; top: 0px; right: 16px;}
				#navBar span.askArtistLink a {display: inline; padding: 3px 9px; margin-left: 9px; font-size: 12px; text-decoration: none; width: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
				#navBar span.askArtistLink a:link, #navBar span.askArtistLink a:visited {background-color: #360; color: #FFF;}
				#navBar span.askArtistLink a:hover, #navBar span.askArtistLink a:active {background-color: #469701; color: #FFF;}
			
			.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:210px;}
		.leftHeader {height:48px;}
			#columnOne h2 {display:block; font-size:18px; padding:10px 0 0 0;}
			.leftHeader span {display:block; font-size:12px !important; color: #CCC;}
			.leftHeader:hover span {color: #336600;}

		
		.catLink {position:relative; width:100%;}		
			.catLink a {display:block;padding:4px 4px 4px 0; }			
			.catLink a:link, .catLink a:visited {color:#8f8f8f; text-decoration: underline;}
			.catLink a:hover, .catLink a:focus {color:#336600; font-weight: bold; text-decoration: none; background-color: #f7f7f7;}
			
			.subLinks {position:absolute; left:170px; top:0px; width:640px; background-color: #F7F7F7; z-index: 9;}
			.subLinksInner {margin-left:0px; border: 1px solid #F7F7F7;}
				.subLinks a {float:left; width:115px; padding:6px; text-align: center; font-size: 13px;}			
				.subLinks a:link, .subLinks a:visited {color:#6f6f6f;}
				.subLinks a:hover, .subLinks a:active {color:#336600; background-color:#FFF;}	
				
			#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:760px; }
	#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:10px;}
		
	/*Storefront Template*/
	#slideShow {width:560px; height:560px; float:left; margin:0px 0px; border: 1px solid #336600; position:relative;}
	#slideShowInner {position:relative; }
	#imgSlide {position:absolute; top:0; left:0; z-index:1; }
	#imgSlide_under { position:absolute; top:0; left:0; z-index:2; }
	#slideShow .corner-promo { position:absolute; top:-4px; left:-4px; z-index:3; }
	
	#sfMain {width:560px; float:left; margin:0px 0px; border: 1px solid #336600;}
	#sfMainImage {width: 560px; height: 560px;}
		#sfMain p {float:left;}
		#sfPromos {float:left; width:100%; width:150px; margin:0px; float: right;}
			.sfPromoBox {width:150px; height:175px; margin-bottom:15px; background:#eee; border: 1px solid #336600; position: relative;}
			.sfPromoBox a {color: #336600;}
			.sfPromoBox span {display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 3px 0px; text-align: center; background: url('transparent_white.png') repeat;}
			.sfPromoBox img {width:150px;}
			
		#featuredCategories {float:left; width:100%;}
		#featuredCategoriesInner {}
			#featuredCategories h2 {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 {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; overflow:hidden; height:95px; text-align:center; margin:auto; margin-bottom:8px;}
					.sfProdImage img {margin:auto;}				
				.sfProdTitle {height:60px;margin-top:3px; }	
					.sfProdInner a {padding:0 8px;}
					.sfProdInner a:link, .sfProdInner a:visited {font-size:12px; }
					.sfProdInner a:hover {}
				.sfProdPrice {color:#aaa; font-size:11px; height:60px;}
					.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; float:left; width:100%; padding:0; margin:auto; margin-top:0;}
	#mainFooterInner {padding:32px 0px; margin:0px auto; width:980px; position: relative; font-size: 14px; overflow: hidden;}
		#mainFooter a:link, #mainFooter a:visited {color:#8F8F8F;}
		#mainFooter a:hover {color:#343434;}
		#mainFooter span {position:absolute; display: block; width: auto;}
		#mainFooter span.navigate {left: 0px;}
		#mainFooter span.copyright {right: 0px;}
		#mainFooter p.seal {text-align: right; margin-top: 48px;}
	
											

	/* 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:300px;float:left; text-align:left; overflow:hidden;}
				#liHeaderDesc {width:340px; float:left; 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 { width:33.3%;float:left; *height:1%; text-align:center;}	
		.liProdFour { width:25%;float:left; *height:1%; text-align:center;}
		.liProdFive { width:20%;float:left; *height:1%; text-align:center;}
		
			.liProdInner {width:90%; margin: 10px 0 0 10px; padding:0px; border: 1px solid #CCC;}
				.liProdInfo {}
				.liProdImage {margin:auto; overflow:hidden; background-color:#ededed; margin-top:3px; margin-bottom:8px; width:210px; height: 210px;} 
				.liProdTitle {padding:0px 8px; height:50px; font-size: 14px;}	
				.liProdBrief {padding:0px 8px; font-size:10px;}	
				.liProdDesc {text-align:left; padding:1px; height:50px; }
				.liProdStock {font-size:10px; }
				
				.liProdInner a {}
				.liProdInner a:link, .liProdInner a:visited {line-height:normal;text-decoration:underline;}
				.liProdInner a:hover {text-decoration:none;}
			
			.liProdPrice {color:#565656; font-size:18px; font-weight:bold; text-align:center;}
				.liProdPrice span {color:#aaa; font-size:12px;}
				.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;}
		
	.searchResults {text-align:center; background-color:#FFF; overflow:hidden; width:100%; margin:14px 0; color:#999; clear: both;}
		.searchResultsInner {width:99%; position: relative;}
			.pageLinks {width:auto; height: 32px; }
				.searchResults a {padding:2px 6px; display: inline-block;}
				.searchResults a:link, .searchResults a:visited {color:#888; border:1px solid #EEE; background-color:#FFF;}
				.searchResults a:hover, .searchResults a:active {color:#FFF; background-color:#999;}
				.searchResultsCurrent {display: inline-block; width: auto; padding:2px 6px; color: #000; background-color:#EEE; border:1px solid #EEE; }
				.goNext {position: absolute; right: 0px; top: 0px;}
				.goPrev {position: absolute; left: 0px; top: 0px;}

	/* 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 {}
			.dtMultiImage {width:84px; float:left;background-color:#eee; border:1px solid #ccc; overflow:hidden; margin:4px 2px 4px 0;}
				.dtMultiImage img {display:block; border:none; width:100%; cursor: pointer;}	
		#dtProdImage {float:left; text-align:center; width:auto; overflow:hidden;}
			#dtProdPhoto {position: relative; border:1px solid #ccc; }
				#prodImage {display:block;}
			
		/* Image overlay */
			#imageOverlay{padding:20px; border:5px solid #e1e1e1; margin-bottom:15px; text-align:center;}
				#imageOverlayClose{ text-align:right;}
				#imageOverlay img{margin:auto;}
		

		#btnZoom{width:auto; padding:3px 15px; border:3px solid #444; position:absolute; bottom:0; left:0;}
		#btnZoom:link, #btnZoom:visited{color:white; background-color:#444}
		#btnZoom:hover{background-color:white; color:#444;}
	
	
		#dtProdContent {width:100%;float:left;}
		.dtProdContentInner {}
			.dtHeader {width:100%;float:left;}
			.dtHeaderInner {}
				.breadcrumb {font-size: 14px;}
					.breadcrumb a {text-decoration: underline;}
					.breadcrumb img {margin-right: 4px;}
				.dtProdTitle {} 
					.dtProdTitle h1, .dtProdTitle h2, .dtProdTitle h3, .dtProdTitle h4, .dtProdTitle h5, .dtProdTitle h6 {margin: 0px 0px 12px 0px;}
				.dtViewLarger {font-size:12px; font-weight:bold;}
				.dtProdInfo {float:right; width:330px; text-align:center;}
				.dtProdInfoInner {text-align:left; width:98%; margin: auto;}
					.dtProdPrice { margin: 16px 0; }
						.dtProdPrice span {display: block; width:45%;}
						.dtProdPrice span.price {font-size:18px; line-height: 1.5; float: left;}
						.dtProdPrice span.savings {font-size:13px; font-style: italic; color:#999; clear: left; float: left;}
						.dtRetailPercent {color:#F00; font-size:13px;}
					.dtProdSku {width:45%; float:right; text-align:right; font-size:13px !important; color: #999;}
					.dtProdBrand {width:50%; float:left; margin-bottom: 8px;}
					.dtProdBrief {font-size:12px !important;} 
					.dtProdDesc {font-size:14px; line-height: 1.5;}				
					.dtProdPromo {font-size:14px; font-style: italic; color:#999;}				
					.dtProdStock {font-size:12px !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:48px; padding:10px; background-color:#f7f7f7; font-size:12px;}
			.rightInfo img {vertical-align:middle; margin:0 4px 0 0;}
		.inputFormatter input { border:2px solid #ccc; padding:3px 0 0 3px;}
		.inputFormatter span {font-size: 12px; color: #CCC;}
		.radio, .checkbox, .button, .textArea { height:auto !important; border:none !important;}
	
		#checkoutContainer table tr td {font-size:14px; vertical-align:middle; padding:4px;}
		
		.th1 {background-color:#f7f7f7;}
		.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 **/