/* CSS Document */

/* CSS Document */

/* SITE STYLES */

body {
	font-family:arial, tahoma, verdana;
	font-size:12px;
	line-height:17px;
	color: #000;
	background:#FFF url('../graphics/body_bg.gif') repeat-x top;
	margin:0; padding:0 }

a:active, a:focus { outline:none }
.clear { clear:both; height:1px; font-size:1px }

#content {
	width:888px;
	margin:0 auto }
	
#header {
	width:888px;
	height:146px;
	position:relative;
	background:url('../graphics/header_bg.jpg') no-repeat }
	
	#header .logo a {
		display:block;
		background: url('../graphics/logo.gif') no-repeat;
		margin:0; padding:0;
		width:270px;
		height:88px;
		position:absolute;
		left:30px;
		top:30px;
		text-indent:-2000px }
		
	#header .search-form {
		margin:0; padding:0 }
		
	#header #search-box {
		background: url('../graphics/search_box.jpg') no-repeat;
		margin:0; padding:0;
		width:251px;
		height:85px;
		position:absolute;
		right:30px;
		top:30px }
		
		#search-box .textbox {
			background:url('../graphics/search_textbox.gif') no-repeat;
			border:none;
			font-weight:bold;
			padding: 7px 0 0 8px;
			display:block; position:absolute; top:38px; left:15px;
			width:167px;
			height:23px;
			color:#666 }
			
		#search-box .button {
			background:url('../graphics/search_button.gif') no-repeat;
			border:none;
			width:41px;
			height:30px;
			cursor:pointer;
			cursor:hand;
			display:block; position:absolute; top:38px; right:15px }
			
#navigation {
	width:828px;
	padding:0 30px }
	
	#navigation ul {
		list-style:none;
		display:block;
		height:49px;
		margin:0;
		padding:0 }
		
		#navigation ul li {
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			display:block;
			float:left;
			border-right:1px solid #fffbe7;
			border-left:1px solid #ebc107;
			margin-top:1px;
			padding:12px 20px 11px 20px }
			
			#navigation ul li a { color:#584F3B; text-decoration:none }
			#navigation ul li a:hover { color:#000; text-decoration:underline }
			
			#navigation ul li.first {
				border-left:none !important;
				padding-left:0 !important }
			
			#navigation ul li.last {
				border-right:none !important;
				padding-right:0 !important }
			
#main-content {
	clear:both;
	margin:30px 0 0 0;
	padding:0 30px;
	width:828px }
	
	#main-content #left {
		width:224px;
		margin:0 30px 0 0;
		float:left }
		
		#left .grey-box {
			color:#fff;
			line-height:25px;
			font-size:14px;
			font-weight:bold;
			display:block;
			margin-bottom:20px;
			width:224px;
			background:#676155 url('../graphics/left_box_grey_top.jpg') no-repeat }
			
			#left .grey-box a {
				color:#FFF;
				text-decoration:none }
			
			#left .grey-box a:hover {
				color:#EDE6D8;
				text-decoration:underline }
			
			#left .grey-box span {
				display:block;
				background:url('../graphics/left_box_grey_bottom.gif') bottom no-repeat;
				width:184px;
				padding:20px }
				
			#left .grey-box form { margin:0; padding:0 }
			#left .grey-box .dropdown { margin:0; width:138px; border:1px solid #FFF; background:#EEE; }
			#left .grey-box .submit { margin:0; width:40px; position:relative; top:1px; height:22px; border:1px solid #4F493E; background:#FFEA89; font-weight:bold; color:#4F493E }
				
		#left .members {
			position:relative;
			line-height:17px !important;
			font-size:12px !important }
			
			#left .members a { color:#ffdf4e !important; text-decoration:underline !important }
			#left .members a:hover { color:#FFF !important; text-decoration:none !important }
			
		#left .members .textbox {
			background:url('../graphics/login_textbox.gif') no-repeat;
			border:none;
			font-weight:bold;
			padding: 5px 0 0 7px;
			display:block;
			margin:3px 0 10px 0;
			width:177px;
			height:20px;
			color:#666 }
			
		#left .members .button-area {
			font-size:11px;
			padding:5px 0 0 0;
			margin:0;
			height:27px;
			display:block }
			
		#left .members .button {
			margin:0;
			background:url('../graphics/login_button.gif') no-repeat;
			border:none;
			width:79px;
			height:32px;
			cursor:pointer;
			cursor:hand;
			display:block }
					
		#left .blue-box {
			display:block;
			margin-bottom:20px;
			width:224px;
			background:#0264b6 url('../graphics/left_box_blue_top.gif') no-repeat }
			
			#left .blue-box span {
				display:block;
				background:url('../graphics/left_box_blue_bottom.gif') bottom no-repeat;
				width:204px;
				padding:10px }
				
			#left .dark-blue-box {
				color:#FFF;
				padding:10px;
				display:block;
				width:184px;
				background:#034c88 url('../graphics/left_box_drk_blue_top.gif') no-repeat }				
		
			#left .dark-blue-box a {
				color:#ffdf4e;
				text-decoration:underline;
				font-weight:bold }
				
			#left .dark-blue-box a:hover {
				color:#fff;
				text-decoration:none }
				
			#left .blue-box-total {
				font-size:16px;
				letter-spacing:-1px;
				font-weight:bold;
				position:relative;
				color:#666155;
				padding:9px 0 0 10px;
				display:block;
				width:194px;
				height:26px;
				background:url('../graphics/left_box_blue_total.gif') no-repeat }
				
				#left .blue-box-total strong {
					position:absolute;
					top:9px;
					right:10px;
					color:#719315 }
		
	#main-content #mid {
		width:410px;
		margin:0 30px 0 0;
		float:left }
		
		#main-content #mid-large {
			width:574px;
			margin:0;
			float:left }
			
		#main-content #mid-full {
			width:828px;
			margin:0 }
		
		#mid-full p, #mid-large p, #mid p {
			line-height:20px;
			text-align:justify }
		
			table a, #mid-full a, #mid-large a, #mid a {
				color:#0264b6;
				text-decoration:underline }
				
			table a:hover, #mid-full a:hover, #mid-large a:hover, #mid a:hover {
				color:#034C88;
				text-decoration:none }
		
		#mid ul { margin:0 0 0 20px; padding:0; text-align:left; text-indent:0 }
	 	
	#main-content #right {
		text-align:center;
		width:134px;
		margin:0;
		float:left }
		
		#right p {
			line-height:20px;
			text-align:center } #right p span { font-weight:bold; color:#689c0e }
		
			#right p a {
				font-weight:bold;
				color:#0264b6;
				text-decoration:underline }
				
			#right p a:hover {
				color:#034C88;
				text-decoration:none }
				
.product-image-desc {
	padding:20px;
	border:1px solid #ABA083;
	background:#E3DCCA }
	
	.product-image-desc img {				
		border:2px solid #000 }

#mid-large table { width:100% }		

table { font-size:12px !important }
.cart-larger { font-size:14px }

.cart-header { font-size:14px; color:#FFF; background:#584F3B }
.cart-header td { padding:10px }

.cart-main td { padding:10px; border-bottom:1px solid #FFF }
.cart-main { background:#F3EFE5 }
.cart-main.row-change { background:#EDE6D8 }

.cart-table { border:1px solid #584F3B }

.cart-thumb { border:1px solid #FFF }

.title-categories {
	display:block;
	width:150px;
	height:23px;
	margin:0 0 10px 0;
	background:url('../graphics/title_categories.gif') no-repeat;
	text-indent:-2000px }
	
.title-your-cart {
	display:block;
	margin:10px;
	width:138px;
	height:23px;
	background:url('../graphics/title_your_cart.gif') no-repeat;
	text-indent:-2000px }
	
.title-members {
	display:block;
	width:121px;
	height:23px;
	margin:0 0 10px 0;
	background:url('../graphics/title_members.gif') no-repeat;
	text-indent:-2000px }
	
.title-title {
	display:block;
	width:363px;
	height:25px;
	margin:0 0 20px 0;
	background:url('../graphics/title_title.gif') no-repeat;
	text-indent:-2000px }

.title-cart {
	display:block;
	width:340px;
	height:25px;
	margin:0 0 20px 0;
	background:url('../graphics/title_cart.gif') no-repeat;
	text-indent:-2000px }
	
.title-new-products {
	display:block;
	width:134px;
	height:17px;
	margin:2px 0 20px 0;
	background:url('../graphics/title_new_products.gif') top center no-repeat;
	text-indent:-3000px }
	
#footer {
	line-height:25px;
	text-align:center;
	padding:78px 0 0 0;
	color:#e2ddcf;
	background:url('../graphics/footer_bg.gif') bottom repeat-x;
	height:71px }
	
#accufind {
	text-align:center;
	padding:10px;
	background:#26241e;
	font-size:12px;
	color:#e2ddcf }
	
	#footer a, #accufind a { color:#ffdf4e; font-weight:bold; text-decoration:none }
	#foooter a:hover, #accufind a:hover { color:#fff; font-weight:bold; text-decoration:underline }