/**************************************************************
	Basic styles
**************************************************************/
	* 							{ margin: 0; padding: 0; }
	img 						{ border: 0; }
	
	.margin-top			{ margin-top: 25px; }
	.margin-bottom	{ margin-bottom: 25px; }
	.padding-both		{ padding: 25px 0 5px; }
	.no-padding 		{ padding: 0; margin: 0; }
	.no-border			{ border: 0; }
	.no-display 		{ display: none; }
	.center					{ margin: 0 auto; }
	.left 					{ float: left; }
	.right 					{ float: right; }
	.clear 					{ clear: both; }
	.block 					{ display: block; }
	.bold 					{ font-weight: bold; }
	.middle					{ vertical-align: middle; }
	.text-left 			{ text-align: left; }
	.text-right 		{ text-align: right; }
	.text-center		{ text-align: center; }
	
	a 							{ color: #7e0000; text-decoration: none; outline: none; }
	a:hover 				{ text-decoration: underline; cursor: pointer; }
	:focus					{ -moz-outline-style: none; }
	
	p								{ text-align: left; }
	
	h1 							{ font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #f2f2ee; line-height: 33px; }
	h2 							{ font: bold 18px Tahoma, Arial, Helvetica, sans-serif; }
	h3 							{ font: bold 15px Tahoma, Arial, Helvetica, sans-serif; } 
	
	ul, ol					{ padding: 10px 0 10px 35px; line-height: 180%; }
	ul li, 
	ol li						{ padding: 3px 0; }
	sup 						{ line-height: 5px; font-size: 11px; }
	
	/* Pagination */
	p.pagination { text-align: center; padding: 10px 15px; margin-bottom: 5px; font-size: 12px; }
	p.pagination span { line-height: 20px; font-weight: bold; } 

	p.pagination a { color: #f1f1ee; padding: 0 5px; }
	p.pagination a:hover { text-decoration: none; }
	p.pagination strong { color: #d23723; padding: 0 5px; }
	
	p.pagination a.left { padding: 5px 30px 5px 25px; border-right: 1px solid #595650; background: url(../images/layout/misc/pagination-left.gif) left 5px no-repeat; }
	p.pagination a.right { padding: 5px 25px 5px 30px; border-left: 1px solid #595650; background: url(../images/layout/misc/pagination-right.gif) right 5px no-repeat; }
	
	body {
		background: #fff url(../images/layout/body-bg.gif) left 125px repeat-x;
		font: 11px Tahoma, Arial, Helvetica, sans-serif; 
		color: #555;
	}
	
	#bg {
		position: absolute; 
			top: 0;
			right: 0;
			z-index: 0;
		width: 50%; 
		height: 210px;
		border-top: 52px solid #414140;
		background-color: #fff;
	}
	
/**************************************************************
	Layers
**************************************************************/
#container { width: 766px; margin: auto; position: relative; z-index: 1; }
	
	/*** Top ***/		
		
		/* Logo */
		#logo, #logo a { float: left; width: 185px; height: 102px; background: #fff url(../images/layout/logo.gif) center center no-repeat; border: 2px solid #ea311d; border-top: 0; border-left: 0; text-indent: -99999px; }
		#logo { border: 0; }
		
		#slogan { float: right; width: 579px; height: 104px; background: url(../images/layout/top-part1.jpg) center center no-repeat; }
		#slogan strong { display: block; width: 319x; height: 27px; margin: 76px 0 0 256px; background: url(../images/layout/slogan-part1.gif) no-repeat; text-indent: -99999px; }
		
		#slogan2 { clear: both; height: 61px; background: url(../images/layout/top-part2.jpg) no-repeat; }
		#slogan2 strong { display: block; width: 139px; height: 24px; margin: 0 0 0 611px; background: url(../images/layout/slogan-part2.gif) left 10px no-repeat; text-indent: -99999px; }
		
		#flash { width: 766px; height: 173px; }
		
		/* Overlaps */
		#overlaps { clear: both; height: 33px; padding: 0 30px 0 0; background: url(../images/layout/top-part3.jpg) center center no-repeat; }
		#overlaps li { float: right; height: 33px; line-height: 29px; list-style: none; padding: 0 0 0 2px; } 
		#overlaps li a { float: left; width: auto; height: 31px; border: 1px solid #fff; color: #474a47; font-weight: bold; border-bottom-color: #4e4b42; padding: 0 15px; background: #fff url(../images/layout/overlaps-a-bg.gif) repeat-x; } 
		#overlaps li.current a { border-bottom-color: #fff; }
		
		/* Messages */
		#messages { padding-left: 200px; min-height: 33px; _height: 33px; background: url(../images/layout/messages-bg.jpg) no-repeat; }
			
			#messages p { padding-left: 35px; line-height: 33px; background-position: left center; background-repeat: no-repeat; }
			#messages p.info { background-image: url(../images/layout/misc/message-info.gif); }
		
		/* Main */
		#main { overflow: hidden; height: 100%; background: #37342c url(../images/layout/main-bg.gif) left top no-repeat; }
			
			/* Menu */
			#menu { width: 179px; position: absolute; padding: 0; margin: -66px 0 0 8px; }
			#menu dt { float: right; width: 157px; padding: 9px 10px; font-weight: bold; font-size: 12px; background-color: #fcfcfc; }
			#menu dd { }
				
				#menu dd a { float: right; width: 157px; padding: 10px 10px 11px; font-size: 12px; color: #b31500; background: #fcfcfc url(../images/layout/misc/menu-arrow.gif) right center no-repeat; border-top: 1px solid #dfd5d5; } 
				#menu dd a.current { font-weight: bold; }
				#menu dd a:hover { width: 149px; padding-left: 20px; font-weight: bold; text-decoration: none; background-color: #edece7; }
				 
			/* Content */
			#content { float: right; width: 563px; min-height: 300px; margin-right: 10px; _margin-right: 5px; }
			
			#content h1 { padding-left: 15px; }
			
			#content div.text { padding: 10px; margin: 15px 3px 5px 5px; background-color: #fff; overflow: hidden; height: 100%; line-height: 150%; }
			
			/* Products */
			#content div.text h1 { color: #37342c; padding: 0; }
			#content div.text h1 a.print { float: right; padding: 0 30px 0 18px; margin-left: 15px; font-size: 11px; color: #545454; border-left: 1px solid #e7e6e1; background: url(../images/layout/misc/print.gif) right center no-repeat; }
			
				/* Thumbs */
				div.thumbs { float: left; width: 130px; padding: 3px; border: 1px solid #e7e6e1; }
				div.thumbs a u { display: block; width: 21px; height: 18px; position: absolute; margin-top: -18px; background: url(../images/layout/misc/lupe.gif) } 
					
					div.thumbs a.big { display: block; margin-bottom: 3px; }
					div.thumbs a.big img { display: block; }
					div.thumbs a.big u { margin-left: 109px; }
					
					div.thumbs a.small { float: left; width: 41px; height: 40px; margin-right: 2px; font-size: 0; }
					div.thumbs a.small u { margin-left: 20px; }
					div.thumbs a.small.last { margin: 0; }
					div.thumbs a.small img { display: block; }
					
				/* Description */
				p.desc { float: right; width: 360px; font-size: 12px; line-height: 150%; padding: 12px 15px; border-top: 1px solid #e7e6e1; border-bottom: 1px solid #e7e6e1; }
				
				/* Sizes */
				dl.sizes { float: right; min-height: 52px; margin-top: 5px; width: 229px; border: 1px solid #e7e6e1; background: url(../images/layout/misc/sizes-bg.jpg) left bottom no-repeat; }
				dl.sizes dt { float: left; width: 90px; padding: 0px 0 0 13px; font-weight: bold; font-size: 12px; }
				dl.sizes dd { float: right; width: 110px; padding: 7px 5px 2px; border-bottom: 1px solid #e7e6e1; line-height: normal; }
				dl.sizes dd.last { border: 0; padding-bottom: 1px; }
				
				/* Colors */
				a.colors { float: right; width: 62px; height: 47px; padding: 5px 80px 0 10px; line-height: normal; font-size: 12px; margin-top: 5px; margin-left: 5px; font-weight: bold; color: #464031; border: 1px solid #e7e6e1; background: url(../images/layout/misc/color-bg.jpg) right bottom no-repeat; }
				
		/* Footer */
		#footer { padding: 17px 30px 17px 60px; overflow: hidden; height: 100%; }
		#footer strong { color: #e14a01; }
		#footer a { font-weight: bold; color: #5a5d59; }
		
		
		
		