/* CSS Document ------------------------------------ */
 
 /* Static layouts ---------------------------------- */
#mainContainer{width:912px; 
text-align:left; 
margin:0 auto; 
margin-top:0px;
margin-bottom:10px;
}
	#mainContainerInner{ margin:0px; padding:0px 10px}
		#header{
	padding:0px 10px;
	margin:0 auto;
*margin-right:0px; }
			#header .wrapper{padding:0px 10px; margin:0px;}
			#logo{float:left;padding:0; margin:0 auto; margin-top:35px; *margin-left:10px; }
			#logoIE {}
			#banner{padding:0; margin:0; float:right; width:430px; overflow:hidden;}
		#navBar{
	width:882px;

*width:750px; 		clear:both;
	margin:0px auto;

*margin:0px 0px;		padding:0px;

*margin-left:16px; 		text-align:left;
}
		#navBarInner{padding:0px;margin:0px; } 
		#navBarLine {margin-left:5px; *margin-left:15px;}
		
		#mainContentWrapperInner{margin:0; padding:0px 0px;  }
		#mainContentWrapper { *width:912px; *margin-left:1px;}
			#mainContent{
	float:left;
	width:640px;

*width:539px; 		margin-left:3px;

*margin-left:1px; /* margin-bottom:-2000px; padding-bottom:2000px; */}
			#mainContent .wrapper{padding:15px 0px; margin:0px;}
				#sfMain {
	width:630px;

*width:530px; 		height:216px;
}
					#sfMainImg {float:left; width:345px; height:314px;}
					#sfMainRight {float:left;width:184px; height:314px;background:#666 url('sfMainRight.jpg') no-repeat;}
			#columnOne{float:left; width:222px; *width:234px; /* margin-bottom:-2000px; padding-bottom:2000px; */ }
				#columnOne .wrapper{ margin:0px; padding:15px 20px; *margin-left:10px; }
				#search {padding:0px; margin:0px;}
				#search .wrapper {margin:0px 10px 10px 10px; padding:0px; }
				#categories {padding-bottom:15px; margin:0px;}
				#cart {padding-bottom:15px; margin:0px;}

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

#bottom { clear:both; width:912px;margin:0 auto; }
#bottom .wrapper {margin:0;padding:10px;}
	#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}

 /** 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%}