/* Default Styles
**********************************************************************/

* {margin: 0; padding: 0;}

html, body { height: 100%; }

html { overflow-y: scroll; }

body {
	background: url(../images/bg_content.gif) left top;
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: center;
}

p { line-height: 130%; color: #4f4537; margin-bottom: 20px; }
li { color: #4f4537; }

img { border: 0; }

a {
	color: #9d8659;
	outline: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear { clear: both; }

.clear-footer { clear: both; height: 86px; }

.success {
	background: url(../images/bg_success_form.png) left top repeat-x transparent;
	min-height: 25px;
	line-height: 25px;
	padding-left: 39px;
	position: relative;
}
	.success h3 {
	  	background: url(../images/success_header_ico.png) left top no-repeat;
		padding-left: 24px;
		font-size: 10px;
		height: 25px;
		line-height: 25px;
		font-weight: bold;
		color: #d34702;
	}

.error{
	background: url(../images/bg_error_form.png) left top repeat-x transparent;
	/*min-height: 25px;
	line-height: 25px;*/
	margin-top: 20px;
}

	.error h3{
		margin-left: 39px;
		background: url(../images/error_header_ico.png) left top no-repeat;
		padding-left: 24px;
		font-size: 10px;
		height: 25px;
		line-height: 25px;
		font-weight: normal;
		color: white;
	}

/* Layout
************************************************************************/

#wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
	background: url(../images/bg_top.gif) left top repeat-x;
}

	#inner-wrapper {
		width: 1000px;
		background: url(../images/bg_top.gif) left top repeat-x;
		min-height: 550px;
		position: relative;
		margin: 0 auto;
		padding-top: 113px;
	}
	
	#index #inner-wrapper {
		padding-top: 86px;
	}

	
	/* Logo
	*******************************************************/
	#logo {
		position: relative;
		margin-left: 30px;
	}
	
	
	/* Main Menu
	*******************************************************/
	#main-menu {
		list-style-type: none;
		position: absolute;
		top: 40px;
		left: 47px;
	}
	
	#main-menu li {
		float: left;
		margin-right: 14px; /* 7px @ origin */
	}
	
	#main-menu li a {
		display: block;
		height: 21px; /* 35px - 14px */
		line-height: 35px;
		padding: 14px 13px 0 13px;
	}
	
	#main-menu li a:hover {
		background: url(../images/bg_main_menu.gif) left top repeat-x;
	}
	
	#main-menu li .active {
		background: url(../images/bg_main_menu.gif) left top repeat-x;
	}
	
	
	/* Secondary Menu
	**********************************************************/
	#secondary-menu {
		position: absolute;
		top: 0;
		left: 90px;
		height: 38px;
		/*background: cyan;*/
	}
	
	#secondary-menu a {
		float: left;
		margin: 15px 30px 0 0;
	}
		
		#added-to-cart-popup {
			position: absolute;
			top: 0;
			left: 40px;
			background: #b23026;
			text-align: center;
			height: 38px;
			color: #FFFFFF;
			width: 900px;
			line-height: 38px;
			font-size: 17px;
			display: none;
		}
		
		/* Login Form
		****************************************************/
		#login, #logout {
			float: left;
			margin-right: 30px;
			width: 250px;
			height: 38px;
			position: relative;
			/*background: cyan;*/
		}
	
			
			#login ul {
				list-style-type: none;
				position: absolute;
				/*margin: -20px 0 0 5px;*/
				bottom: 3px;
				left: -25px;
			}
			
			#login ul li {
				float: left;
				margin-left: 25px;
				margin-right: 10px;
			}
			
			#login ul li a { margin: 0; } /* reseting global link margins */
			
			#login ul li a:link, #login ul li a:visited {
				font-size: 9px;
				text-decoration: none;
			}
			
			#login ul li a:hover {
				text-decoration: underline;
			}
			
			#logout p {
				float: left;
				color: #b42e24;
				margin-top: 12px;
				margin-left: -50px;
				width: 200px;
				position: relative;
				text-align: right;
			}
			#logout span {
				font-size: 9px;
			}
	
	#secondary-menu #cart-items {
		float: left;
		margin: 14px 0 0 -20px;
		color: #614816;
	}
	
	/* Content
	****************************************************/
	
	#content {
		width: 975px; /* 1000px - (38px + 25px) */
		padding: 30px 0 24px 25px;
		text-align: left;
		position: relative;
	}
	
		/* Products
		***********************************************/
		
		
			/* Products - Filters
			*******************************************/
			/*
#product-filters {
				list-style-type: none;
			}
			
			#product-filters li {
				float: left;
				margin-right: 8px;
				position: relative;
				text-align: left;
				width: 175px;
				height: 19px;
				line-height: 19px;
				color: #50320e;
				text-indent: 17px;
				font-size: 9px;
				background: url(../images/select_arrow.png) right top no-repeat white;
				
			}
			
			#product-filters li:hover {
				background: url(../images/select_arrow.png) right -19px no-repeat white;
				cursor: pointer;
			}
			
			#product-filters .filter-on { visibility: visible; }
			#product-filters .filter-off { visibility: hidden; }
			
			#product-filters li:hover ul {
			}
			
				#product-filters li ul {
					list-style-type: none;
					position: absolute;
					top: auto;
					left: auto;
				}
				
				#product-filters li ul li {
					background: url(../images/bg_filters.png) left top transparent;
					float: none;
				}
				
				#product-filters li ul li:hover {
					background: url(../images/bg_filters.png) left top transparent;
				}
				
				#product-filters li ul li a:link, #product-filters li ul li a:visited {
					display: block;
					width: 175px;
					height: 19px;
					line-height: 19px;
					color: #50320e;
					text-indent: 17px;
					font-size: 9px;
					text-decoration: none;
					background: none;
				}
				
				#product-filters li ul li a:hover {
					background: url(../images/bg_list_hover.png) left top transparent;
				}
*/
			#product-filters {
				list-style-type: none;
				position: relative;
				height: 20px;
				margin-bottom: 10px;
			}
			
			#product-filters li {
				float: left;
				margin-right: 8px;
				position: relative;
				width: 175px;
				height: 19px;
				line-height: 19px;
				color: #3a3b40;
				text-indent: 7px;
				font-size: 9px;
				background: url(../images/select_arrow.png) left top no-repeat white;
				
			}
			
			#product-filters li:hover {
				background: url(../images/select_arrow.png) left -19px no-repeat white;
				cursor: pointer;
			}
			
			#product-filters .reset-filters {
				background: none;
				position: absolute;
				top: -20px;
				right: -75px;
			}
			
			#product-filters .reset-filters:hover {
				background: none;
			}
			
			#product-filters .filter-on { visibility: visible; }
			#product-filters .filter-off { visibility: hidden; }
			
			#product-filters .reset-filters a:hover {
				color: white;
				text-decoration: underline;
			}
			
				#product-filters li ul {
					/*display: none;*/
					width: 175px;
					list-style-type: none;
					position: absolute;
					top: auto;
					left: auto;
				}
				
				/* IE7 Hack */
				*:first-child+html #product-filters li ul {
					top: 19px;
					left: 0;
				}
				
				#product-filters li:hover ul {
					display: block;
				}
				
				#product-filters li ul li {
					background: url(../images/bg_filters.png) left top transparent;
					float: none;
					width: 175px;
				}
				
				#product-filters li ul li:hover {
					background: url(../images/bg_filters.png) left top transparent;
				}
				
				#product-filters li ul li a:link, #product-filters li ul li a:visited {
					display: block;
					width: 175px;
					height: 19px;
					line-height: 19px;
					color: #3a3b40;
					text-indent: 7px;
					font-size: 9px;
					text-decoration: none;
					background: none;
				}
				
				#product-filters li ul li a:hover {
					background: url(../images/bg_list_hover.png) left top transparent;
				}
				
				#product-filters li ul .selected a:link, #product-filters li ul .selected a:visited {
					background: url(../images/bg_list_hover.png) left top transparent;
				}
				
				
				/*** Products - Filters - Materials ***/
				
				#product-filters #material-filter {
					width: 175px;
				}
				
				#product-filters #material-filter ul {
					width: 175px;
					height: 151px;
				}
				
				
				
				#product-filters #material-filter ul li {
					width: 175px;
				}
				
				#product-filters #material-filter ul li a:link, #product-filters #material-filter ul li a:visited {
					width: 175px;
				}
				
				
				/*** Products - Filters - Finishes ***/
				
				#product-filters #finish-filter {
					width: 215px;
					background: url(../images/select_arrow_finish.png) left top no-repeat white;
				}
				
				#product-filters #finish-filter:hover {
					background: url(../images/select_arrow_finish.png) left -19px no-repeat white;
				}
				
				#product-filters #finish-filter ul {
					width: 215px;
					height: 200px;
				}
				
				#product-filters #finish-filter ul li {
					width: 215px;
					
				}
				
				#product-filters #finish-filter ul li:hover {
					width: 215px;
				}
				
				#product-filters #finish-filter ul li a:link, #product-filters #finish-filter ul li a:visited {
					width: 215px;
				}
			
			/* Products - Breadcrumb
			*******************************************/
			#breadcrumb {
				list-style-type: none;
				float: right;
				margin: 10px 60px 20px 0;
			}
			
			#breadcrumb li {
				font-size: 9px;
				color: #b42e24;
				float: left;
				margin-right: 8px;
			}
			
			#breadcrumb li a {
				color: #b42e24;
			}
			
			/* Products - Listing
			*******************************************/
			.product-block {
				/*width: 975px;*/
				clear: both;
					background: blue;
			}
			
				.product-block div {
					width: 185px;
					float: left;
						/*background: cyan;*/
					margin: 0 58px 16px 0;
					text-align: center;
				}
				
				#product-block .last {
					margin: 0;
				}
				
				.price-login:link, .price-login:visited {
					font-size: 9px;
					color: #a60101;
					text-decoration: none;
				}
				
				.price-login:hover {
					text-decoration: underline;
				}
				
				.product-block div h2 {
					color: #50320e;
					font-size: 11px;
					text-align: center;
					margin: 0 0 9px 0;
						/*padding: 6px 24px 4px 29px;*/
				}
				
				.product-block div:hover {
					background: url(../images/bg_product_roll.png) left bottom repeat-x transparent;
				}
				
				.product-block .loggedin:hover {
					background: none;
				}
				
				/* Products - Listing - Logged In
				*******************************************/
				/*
.logged-in {
					width: 138px;
					padding: 0 0 0 47px;
					margin: 0 0 8px 0;
				}
				
					.price {
						float: left;
						width: 66px;
						height: 17px;
						line-height: 17px;
						background: url(../images/bg_price.gif) left bottom repeat-x transparent;
						text-align: center;
						color: #FFFFFF;
						margin-left: 1px;
					}
*/
				
			.loggedin {
					width: 138px;
					padding: 0 0 0 47px;
					margin: 0 0 8px 0;
				}
				
					.price {
						position: relative;
						margin-left: 68px;
						width: 100px;
						height: 17px;
						line-height: 17px;
						background: url(../images/bg_price.gif) left bottom repeat-x transparent;
						text-align: center;
						color: #FFFFFF;
						margin-bottom: 5px;
					}
					
					*:first-child+html .price {
						margin-right: 48px;
					}
				
				/* Products - Listing - Page Navigation
				************************************************/
				#page-listing {
					list-style-type: none;
					margin: 10px 0 10px 0;
				}
				
					#page-listing li {
						float: left;
						margin-right: 4px;
						color: #b42e24;
					}
					
					#page-listing a {
						display: block;
						padding: 2px 4px;
						font-size: 9px;
						color: #b42e24;
						border: 1px solid transparent;
					}
					
					#page-listing a:hover {
						background: white;
						border: 1px solid #b9ac9b;
						text-decoration: none;
					}
					
					#page-listing #previous-page {
						margin-right: 7px;
					}
					
					#page-listing #next-page {
						margin-left: 7px;
					}
					
					#page-listing #previous-page:hover, #page-listing #next-page:hover  {
						background: none;
						border: none;
						text-decoration: underline;
					}
					
					#page-listing .page-active {
						color: white;
						border: 1px solid #b9ac9b;
						background: #b42e24;
					}
					
					#page-listing .page-active:hover {
						background: #9d0401;
					}
					
					
			
			
			/* Products - Details
			*************************************************/
			
			#product-picture {
				float: left;
				width: 410px;
				text-align: center;
				margin-top: 41px; /* 57px - 16px (margin-bottom from above filters) */
				margin-bottom: 10px;
			}
			
				#product-picture img {
					margin-bottom: 7px;
				}
			
			#product-details {
				float: right;
				width: 310px;
				/*margin-top: 59px; */ /* 75px - 16px (margin-bottom from above filters) */
				margin-bottom: 10px;
				
			}
			
				#product-details h2 {
					font-size: 30px;
					font-weight: normal;
					width: 308px;
					height: 41px;
					line-height: 41px;
					text-indent: 13px;
					background: url(../images/bg_prod_name_title.gif) left top repeat-x transparent;
					margin-left: 1px;
				}
				
				#product-details table {
					width: 312px;
					margin: 4px 0 3px 0; /* - 1px (cell spacing) */
				}
				
				#product-details table td {
					width: 50%;
					background: url(../images/bg_table_cell.png) left top transparent;
					font-size: 11px;
					color: #7d6b53;
					padding-left: 12px;
					height: 20px;
				}
				
				#product-details table td + td {
					color: #b42e24;
				}
				
				#product-details ul {
					list-style-type: none;
					margin: 0 0 20px 1px;
					float: right;
				}
				
				#product-details ul li {
					margin-bottom: 2px;
				}
				
				#product-details ul li a:link, #product-details ul li a:visited {
					display: block;
					width: 154px;
					height: 18px;
					line-height: 18px;
					background: url(../images/bg_prod_details_link.gif) left top transparent;
					font-size: 11px;
					font-weight: bold;
					text-indent: 7px;
					text-decoration: none;
					color: white;
				}
				
				#logged-detail {
					position: relative;
				}
				
				#logged-detail p {
					float: left;
					width: 107px;
					color: #a80101;
					font-weight: bold;
					font-size: 18px;
				}
				
				#logged-detail #qtytxt {
					position: absolute;
					top: 23px;
					left: 122px;
					color: black;
					font-size: 9px;
					font-weight: normal;
					
				}
				
				#product-details #back-link a:link, #product-details #back-link a:visited {
					float: right;
					margin-top: 50px;
					display: block;
					width: 55px;
					height: 19px;
					line-height: 19px;
					background: url(../images/bg_back_btn.jpg) left top transparent;
					font-size: 11px;
					text-decoration: none;
					font-weight: bold;
					color: white;
					text-align: center;
				}
		
		
		/* Account
		***********************************************/
		#account h2 {
			position: relative;
		}
		
		#account h2 span {
			position: absolute;
			right: 2px;
			bottom: 1px;
			font-size: 50%;
			font-size: 0.7em;
			font-weight: normal;
			color: #838281;
		}
		
		#account-options-logged {
			list-style-type: none;
			margin-left: 10px;
		}
		
		#account-options-logged li {
			margin-bottom: 10px;
		}
		
		/* Static Content
		***********************************************/
		#content-static {
			padding: 0 50px;
			text-align: left;
		}
			#content-static p {
				line-height: 150%;
			}
			
			#content-static a:link, #content-static a:visited {
				color: #880603;
				text-decoration: underline;
			}
			#content-static a:hover {
				text-decoration: none;
			}
			
			#content-static .visible-link:link, #content-static .visible-link:visited {
				color: #FFFFFF;
				background: #880603;
				border: 1px #880603 solid;
				text-decoration: none;
				padding: 3px 10px;
			}
			#content-static .visible-link:hover {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				text-decoration: none;
			}
			.h-line { /* horizontal line */
				clear: both;
				margin: 3px 0;
				border-top: 1px #880603 dotted;
				height: 1px;
			}
			
			#content-static h2, #title-page h2 {
				text-align: center;
				color: #ce281b; 
				margin-bottom: 40px;
				font-weight: normal;
				background: url(../images/bg-h2.png) repeat 0 0;
				height: 38px;
				line-height: 37px;
				font-size: 24px;
			}
			
			/* FAQ
			***********************************************/
			#faq #content-static dt {
				color: #4f4537;
				font-weight: bold;
				padding-left: 20px;
				background: url(../images/faq/ico_q.gif) no-repeat 0 0;
				height: 18px;
				line-height: 17px;
			}
			#faq #content-static dd {
				color: #4f4537; 
				margin-bottom: 20px;
				padding-left: 20px;
				background: url(../images/faq/ico_a.gif) no-repeat 1px 0;
				line-height: 15px;
			}
			#faq #content-static ol {
				margin: 6px 0 0 50px;
			}
			
			#faq #content-static dd ul {
				margin: 10px 0 25px 0;
			}
			
			/* News Listing
			***********************************************/
			#content-static .news_listing_image {
				float: left;
				margin-right: 10px;
			}
			
			#content-static #news_listing_block {
				min-height: 70px;
				_height: 70px;
				display: block;
			}
			
			/* CONTACT
			***********************************************/
			.content-contact {
				font-size: 14px;
			}
			
			#contact p {
				margin-bottom: 10px;
			}
			
			/* KEYWORD SEARCH
			***********************************************/
			.no_search_results {
				position: relative;
				margin-top: 30px;
			}
			
			/* LOGIN NEEDED
			***********************************************/
			#login-needed-img {
				float: left;
				width: 430px;
			}
			#login-needed-content {
				float: right;
				width: 400px;
			}
			#login-needed-content-form {
				float: left;
				width: 400px;
			}
			
			#login-needed-content p span {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				padding: 3px 10px;
				width: 150px;
				float: left;
				margin: -18px 0 0 150px;
			}
			
			#login-needed-content-form p span {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				padding: 3px 10px;
				width: 150px;
				float: left;
				margin: -18px 0 0 150px;
			}
			

/* Footer
********************************************************************/
#footer-retail {
	width: 100%;
	height: 86px;
	background: url(../images/bg_footer.jpg) left top repeat-x;
	margin-top: -86px;
	text-align: center;
	position: relative;
}

	#footer-wrapper {
		width: 1000px;
		height: 86px;
		background: url(../images/bg_footer.jpg) left top repeat-x transparent;
		margin: 0 auto;
	}

	#copy {
		list-style-type: none;
		margin-left: 300px;
		position: absolute;
		padding-top: 20px;
		font-size: 9px;
		color: #553815;
	}
	
	/*IE7*/
	*:first-child+html #copy {
		margin-left: -200px;
	}
	
	#copy li {
		float: left;
		margin-right: 12px;
		text-align: left;
	}
	
	#copy li:first-child {
		text-align: right;
	}
	
	#copy li img {
		margin-top: -8px;
	}
	
	
	#footer-submenu {
		width: 587px;
		list-style-type: none;
		position: absolute;
		top: 66px;
		left: 480px;
	}
	
	#footer-submenu li {
		float: left;
		margin-right: 30px;
	}

	.collection_name {
		text-align: right;
		height: 12px;
		display: block;
		margin-bottom: 10px;
		font-size: 11px;
		width: 310px;
		float: right;
		margin-top: 59px;/* 75px - 16px (margin-bottom from above filters) */
	}
