/* CSS Document ------------------------------------ */
 
 /* Static layouts ---------------------------------- */
#mainContainer{width:760px; text-align:left; margin:0 auto; margin-top:0px;margin-bottom:0px;}
	#mainContainerInner{ margin:0px; padding:0px}
		#header{ padding:0; margin:0 auto;  }
			#header .wrapper{padding:0px; margin:0px;}
			#logo{float:left;padding:0; margin:20px 0px 0px 40px}
			#logoIE {float:left;padding:0; margin:20px 0px 0px 40px}
			#banner{padding:0; margin:0; float:right; width:430px;}
		#navBar{ width:696px;clear:both;padding:0px; margin-bottom:0px; margin-top:10px; margin-left:32px; }
		#navBarInner{padding:8px 10px 10px 10px; *padding:8px 10px 0px 10px;}
		
		#mainContentWrapperInner{overflow:hidden; margin:0; padding:0; }
		#mainContentWrapper { *width:698px; margin-left:31px; margin-right:31px; }
			#mainContent{float:left; width:549px; *width:550px; margin-bottom:-2000px; padding-bottom:2000px; }
			#mainContent .wrapper{padding:0px; margin:14px}
					#mainFeatureProducts{ clear:both }
					#mainFeatureSub{ }
					#bodyFooter{padding:0px; margin:0px}
					#bodyFooterInner{padding:8px; margin:0px}
			#columnOne{float:left; width:148px; *width:146px; margin-bottom:-2000px; padding-bottom:2000px; }
				#columnOne .wrapper{ margin:0px; padding:0px; }
				#search {padding:0px; margin:0px;}
				#search .wrapper {margin:0px 10px 10px 10px; padding:0px; *padding-bottom:15px;}
				#categories {padding-bottom:15px; margin:0px;}
				#cart {padding-bottom:15px; margin:0px;}

#footer{ width:700px; padding:0; margin:0 auto; text-align:center; }
#footer .wrapper{margin:10px; padding:0px;}

#bottom { clear:both; width:700px;margin:0 auto; }
#bottom .wrapper {margin:0;padding:0px;}
	#bottom a:link { }
	#bottom a:hover { }
	#bottom a:visited { }
  
/** BEGIN CUSTOM SKIN **/
 /*
  -- -- -- -- -- -- --
  Base CSS
  -- -- -- -- -- -- --
  
  This file simply removes default styling on most HTML elements in 
  order to reduce the need to later override them.
  
  */
  
 .hidden{display:none}

 a img, :link img, :visited img{border:none}
 
  /* Category Template ----------------- */
	
	.sfProdInner  { margin:2px; padding:6px; }
	.sfProdImage {  }
	.sfProdTitle {  }
	.sfProdImage {  } 
	.sfProdDesc {  } 
	.sfProdStock {  }
	
	.liHeader {}
	.liHeaderImage { float:left; width:200px; }
	.liHeaderDesc { float:left; width:58%; *width:55% ; padding:0px 8px;}
	
	.liProdInner  { margin:0px; padding:0px; }
	.liProdInfo {  }
		.liProdImage {  } 
		.liProdTitle { padding:1px;}	
		.liProdPrice { padding:1px; }
		.liProdBrief { padding:1px; }	
		.liProdDesc { padding:1px; }
		.liProdStock { padding:1px;}
		.liProdButtons { margin:0 auto; }
	
.liProdOne { width:100%; float:left;  }
	.liProdOne .liProdInner  { margin:2px; padding:0px; }
	.liProdOne .liProdInfo { float:left; width:367px; *width:368px; }
	.liProdOne .liProdInfoInner {  padding:10px 10px; }
	.liProdOne .liProdImage { float:left; width:150px; } 
		.liProdOne .liProdTitle { padding:0px 1px 4px 1px;}	
		.liProdOne .liProdPrice { padding:4px 1px; }
		.liProdOne .liProdBrief { padding:4px 1px; }	
		.liProdOne .liProdDesc { padding:4px 1px; }
		.liProdOne .liProdStock { padding:4px 1px;}
		.liProdOne .liProdButtons { margin:0 auto; }
			

.liProdTwo { width:50%; *width:49%;  float:left; }
	.liProdTwo ul, .liProdTwo li {margin:0px; padding: 2px 4px; }	

.liProdThree { width:33.3%; *width:32.97%;  float:left; }
	.liProdThree ul, .liProdThree li {margin:0px; padding:0px;}
		
.liProdFour { width:25%; *width:25%; float:left; }		
	.liProdFour ul, .liProdFour li {margin:0px; padding:0px;}		

.liProdFive { width:20%; *width:19%; float:left; }
	.liProdFive ul, .liProdFive li {margin:0px; padding:0px;}
	.liProdFive .liProdInner  { margin:1px; padding:0px; }
	
#searchResults { width:auto; text-align:right;  }
#searchResults .wrapper { margin:6px; padding:0px;  }


/* Detail Template */
#dtContainer {}
	#dtHeader {}
		.dtHeaderInner {}
	
	#dtProdContent {}
	.dtProdContentInner {}
			.dtProdTitle { } 
				.dtProdTitle h2 { padding:0px 2px 2px 2px; }
			.dtProdImage { float:left; text-align:center; width:100%; }
			.dtViewLarger { font-size:10px; font-weight:bold; }
			.dtProdInfo { float:left; width:100%; *width:auto; padding:0px; }
			.dtProdInfoInner { margin:0px 8px; padding:0px; }
				.dtProdPrice { padding:2px;  }
				.dtProdSku { padding:6px; }
				.dtProdBrand { padding:0px 2px 2px 2px; }
				.dtProdBrief { padding:2px;  } 
				.dtProdDesc {  padding:2px; } 
				.dtProdQty { padding:2px; }
				.dtProdStock { padding:1px; }		
				.dtProdBuy { background:#fff; padding:2px; } 
			.dtProdOptions { float:left; width:100%; }
			.dtAttRow { padding-top:3px;}
		


 /** END CUSTOM SKIN **/
 /*
  -- -- -- -- -- -- --
  Browser Fixes
  -- -- -- -- -- -- --
  
  This file uses CSS filtering methods to fix various
  layout bugs.
  Each of the following three imported files is a 
  separate, browser-specific CSS file that keeps all 
  hacks out of the main style sheet.
  
  Over time, as supporting these browsers no longer
  remains a priority, cleaning up the hacks is as
  easy as deleting the @import statement below, or
  simply no longer linking this file from the HTML.
  
  */
 /* 
    fix ie6 "peekaboo bug"using the "holly hack". 
    Note, this style only gets applied to ie6
  */
 * html .wrapper{height:0.1%}