/* -----------------------------------*/
/* -------->>> CSS  RESET <<<---------*/
/* -----------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
.clear {border: 0; margin: 0; padding: 0; clear: both;}

/* -----------------------------------*/
/* ------->>> GLOBAL STYLES <<<-------*/
/* -----------------------------------*/

html { }

body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #333;
	text-align: center; }
	
a { color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
	color: #006699;
	font-size:13pt;
	font-weight:bold;
	text-transform:capitalize; }
	
h6 {
	font-size:11pt;
	font-weight:bold;
	width:90%;
	display: inline;
	color: #006699 }

#header_container {
	width: 900px;
	height: 111px;
	background: #fff;
	margin: 0 auto;
	text-align: left; }
	
	#logo {
		width: 282px;
		display: block;
		height: 59px;
		float: left; }

	#search_area {
		width: 263px;
		background: url('search_area_bg.png') no-repeat 0 85px;
		text-align: center;
		float: right;
		margin-right: 16px; }
		
		#searchbox {
			width: 250px;
			height: 20px;
			margin: 4px auto 0 auto;
			padding: 0;
			background: #fff; }
			
			#search_input {
				padding: 2px 0 0 3px;
				height: 18px;
				border: 0;
				width: 175px;
				font-weight: bold;
				font-size: 11px;
				color: #999;
				float: left; }
			
			#search_submit {
				float: right;
				text-align: left;
				width: 70px;
				height: 20px;
				background: #fff url('search_submit.png') no-repeat top right;
				border: 0;
				font-weight: bold;
				font-size: 13px;
				color: #268ccd;
				cursor: pointer; }
						
			#cs_links { 
				font-size: 12px;
				margin:10px 0 20px; }
				
			#cs_questions { 
				font-size: 12px;
				line-height:13pt;
				width: 110%;
				margin: 10px 0 0 -15px; }
		
#nav_container {
	width: 900px;
	margin: 0 auto 10px auto; }
	
	#nav {
		width: 900px;
		height: 27px;
		border-top: 4px solid #808080;
		background: url('nav_bg.png') repeat-x; }
		
		#nav ul { 
			text-align:left;
			margin: 3px 0 0 10px; }
		
		#nav ul li {
			display: inline;
			margin-right: 5px;
			color: #fff;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", sans-serif; }
			
		#nav ul li a { color: #fff; margin-right: 5px; text-decoration: none; font-weight: normal; }
		#nav ul li a:hover { text-decoration: underline; }
		
		#nav ul li.cart { margin-left: 85px; }
		
		#nav ul li#last { padding: 0; }
		
#content_container {
	margin:0 auto 10px;
	overflow:hidden;
	text-align:left;
	width:900px; }
	
	#sidebar {
		width: 182px;
		float: left;
		text-align: left; }
		
		#sidebar h3 {
			display: inline;
			font-size: 10.5pt; }
			
		#sidebar ul { 
			border-color:#C9C9C9;
			border-style:solid;
			border-width:1px 0;
			margin:0 0 14px;
			padding:5px 0; }
		
		#sidebar ul li { 
			font-size: 11pt;
			color: #006699;
			margin-bottom: 5px; }
		
		#sidebar ul li a { color: #006699; text-decoration: none; }
		#sidebar ul li a:hover { text-decoration: underline; }
		
	#content_area {
		float: right;
		width: 700px; }
		
		#promo-area { width:700px; height: 300px; overflow: hidden; }
		#promo-area #slides { height: 300px; width: 700px; }
		
		.float_hp_box {
			height: 80px;
			margin: 4px 0 10px 0;
			padding: 4px 0px;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
			text-align: center; }
			
			#hp_box_01.float_hp_box {
				float: left;
				width: 233px;}
				
			#hp_box_02.float_hp_box {
				float: right;
				width: 467px;}
				
				#hp_box_02.float_hp_box h1 {
					font-size:11pt;
					font-weight:bold;
					width:90%;
					display: inline; }
			
		h2 {
			clear: both;
			font-size: 14px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", sans-serif;
			text-align: left;
			border-top: 1px solid #E0E0E0;
			border-bottom: 1px solid #E0E0E0;
			padding: 6px 0 6px 6px;
			margin-bottom: 8px;
			color: #006699;
			}
			
		.cat_description { width: 100%; min-height: 82px !important; overflow: hidden; padding-bottom: 4px; border-bottom: 2px solid #E0E0E0; }
			
		.cat_description img { margin: 0 8px 4px 0; float: left; }
		
		.cat_description p { text-align: right; }

		.cat_list_products {
			width: 340px;
			height: 170px;
			margin-right: 5px;
			margin-bottom: 30px;
			float: left; }
			
			p.prod_price { font-weight: bold; margin: 3px 0; color: #420605; }
			
			.cat_list_products a { color: #006699; text-decoration: none; }
			.cat_list_products a:hover { text-decoration: underline; }
						
			.cat_list_products img.product_image { margin: 0 3px 0 0; float: left; }
			
			div.prod_text { float: right; width: 235px; }
			p.upsell {
				background: #7c6d5a; 
				color: #fff; 
				font-weight: bold; }
				p.upsell span { display: block; padding: 6px 10px; }
				
		#children {
			background: #f1f1f1; 
			margin-bottom: 16px; }
			
			#children p.title {
				background: #7c6d5a; 
				color: #fff; 
				font-weight: bold; }
				
			#children p.title span { display: block; padding: 6px 10px; }
			
			#children ul { margin: 6px 0 6px 20px; }
			#children li { display: inline; float: left; }
			#children li a { display: block; width: 140px; }
			#children li span { font-size: 10px; }
			
		#price-group { clear: both; margin: 8px 0 16px 0; }
			input.money { width: 30px; border: 1px solid gray; margin-left: 2px; padding: 2px; }
			input.search-image { margin-top: 8px; }

		#try_these {
			clear: right;
			border-top: 1px solid #E0E0E0;
			border-bottom: 1px solid #E0E0E0;
			color: #666633;
			padding: 6px 0 6px 6px;
			font-size: 14px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", sans-serif; }
			
		.related_products {
			width: 170px;
			height: 146px;
			margin-right: 5px;
			text-align: center;
			float: left; }
		
		#results { 
			float: left; 
			width: 90%; 
			font-size:1.6em; }
		
		#more_results {
			clear: both;
			width: 684px;
			background: #efefef;
			padding: 8px;
			font-weight: bold;
			margin-bottom: 10px;
			text-decoration: none; }
			
			#more_results span {
				font-size:10pt;
				margin:0 5px;
				position:relative;
				top:-1px;
			}
			
			#more_results a { 
				color:#777777;
				font-size:10pt;
				position:relative;
				text-decoration:none;
				top:-1px; }
				
			#more_results a:hover { text-decoration: none; }
			
			#jumpback { float: right; }
		
		#collections {
			width: 430px;
			float: left; }
			
			#collections li { height: 94px; margin-bottom: 8px; clear: both; }
			#collections li img { float: left; margin-right: 6px; }
			#collections li p { padding-top: 16px; }
			#collections li a { color: #666; }
			#collections li a:hover { text-decoration: underline; }
			
		#sparklepro_area { 
			width: 245px;
			float: right; }
			
			#sparklepro_area img { margin-bottom: 8px; }
			#sparklepro_area p { margin: 0 0 8px 0; }
			#sparklepro_area p#sp_title { font-weight: bold; }
			
		#registry_container { width: 100%; }
		
			#registry_container img { float: left; }
			#registry_container div#registry {
				float: right;
				width: 250px;
				background: #EBE7E4;
				padding: 14px;
				color: #000; }	
			#registry_container div#registry p {
				font-size: 13px;
				margin-bottom: 10px; }
			
		#about_us { }
		
			#about_us img { margin: 0 8px 8px 0; }
			#about_us p { margin-bottom: 16px; }
			
		#registration { }
		
			#registration p { margin-bottom: 16px; }
			#registration p.form { margin: 0 0 10px 100px; }
			#registration p.submit { text-align: center; }
			#registration p.form input {
				font-weight: bold;
				font-size: 11px;
				color: #999;
				padding: 2px;
				border: 1px solid #999; }
			
			#registration label {
				width: 160px;
				float: left;
				text-align: right;
				margin-right: 0.5em;
				display: block;
				font-weight: bold; }

			#registration input select { margin-left: 1em; }
			
			#registration input#confirmation {
				background: #268ccd;
				border: 0;
				font-size: 20px;
				font-weight: bold;
				font-family: Georgia, "Times New Roman", sans-serif;
				color: #fff;
				padding: 5px;
				cursor: pointer;
				text-align: center; }
		
		#adv_search { }
		
			p.search_title { font-size: 14px; padding: 10px 0 6px 0; }
			p.search_query { margin-bottom: 4px; }
		
			#adv_search select, #adv_search input {
				font-weight: bold;
				font-size: 11px;
				color: #999;
				padding: 2px;
				border: 1px solid #999; }
			
			#adv_search label {
				width: 120px;
				float: left;
				text-align: right;
				margin-right: 0.5em;
				display: block;
				font-weight: bold; }
				
		#stemware_101 p { margin: 2px 0 10px 0; }
				
		#stemware_links {
			float: right; 
			margin: 5px 5px 5px 10px; 
			padding: 5px; 
			border: 1px solid #272727;
			width: 300px; }
			
				#stemware_links ul { margin-left: 18px; }
				#stemware_links ul li { font-size: 11px; padding-bottom: 2px; }
				
		h4 {
			font-family: Georgia, "Times New Roman", sans-serif;
			font-size: 16px;
			font-weight: bold;
			font-style: italic;
			color: #B08F62;
			text-decoration: none;
			padding: 5px 0px; }
			
		#product_detail { width: 700px; }
		#product_detail p { margin: 10px 0; }
		#product_detail div.info_description { width: 400px; display: block; }
		#product_detail p.add_info { border-bottom: 1px solid #cdcdcd; margin: 0; padding: 4px 0; width: 300px; }
		#product_detail p#add_info_sku { margin-top: 10px; }
		#product_detail p.add_info:hover { background: #f0f0f0; }
		#product_detail p.add_info label { display: block; float: left; font-weight: bold; width: 110px; }
		
		#product_detail div.info_description {
			margin-top:10px;
		}
		
		#product_detail div.info_description ul,
		#product_detail div.info_description ol {
			margin:8px 0;
		}
		
		#product_detail div.info_description ul li {
			list-style-type:disc;
			margin-left:30px;
			padding-left:10px;
		}
		
		#product_detail div.info_description ol li {
			list-style-type:decimal;
			margin-left:30px;
			padding-left:10px;
		}
		
		#addtocart input {
			margin: 5px 0;
		}
		
		#purchase_area {
			text-align: center;
			float: right; 
			width: 180px;
			border: 2px solid #cdcdcd; 
			padding: 6px 8px; 
			margin-bottom: 10px;
			background: url('purchase_area_bg.jpg') bottom left repeat-x; }
			
			#purchase_area p.cartadd input { width: 20px; }
			#purchase_area p.cartadd label { display: block; float: left; font-weight: bold; color: #191919; width: 55px; }
			#purchase_area p.prod_price { font-size: 16px; font-weight: bold; }
				p.prod_price span { font-size: 11px; }
			#purchase_area p.gift { display: block; background: url('envelope.png') center left no-repeat; text-indent: 22px; }
			#purchase_area p.stolzle_logo { 
				display: block; 
				width: 120px; 
				height: 72px; 
				margin-left: 30px;
				text-indent: -9999px; 
				background: url('stolzle_logo_sm.jpg') no-repeat; }
			#purchase_area ul { margin: 0 0 0 26px; }
			#purchase_area ul li { list-style: disc; }
			
		#cart td { padding: 5px; }

		#site_seals { margin-top: 20px; clear: both; }
		#site_seals td { padding: 0 10px; }
		
		#checkout_anon {
			float: left;
			width: 200px;
			height: 280px;
			border-right: 1px solid #ccc;
			margin: 0 10px 20px 0; }
			
			#checkout_anon p { margin: 8px 5px 10px 5px; font-size: 12px; }
			#checkout_anon p strong { font-weight: bold; }
			
			#checkout_anon p.title { 
				font-family: Georgia, "Times New Roman", sans-serif;
				font-size: 16px;
				font-weight: bold;
				color: #B08F62;
				padding: 5px 0px; }
		
		#checkout_new {
			float: left;
			width: 350px;
			height: 280px;
			border-right: 1px solid #ccc;
			margin-bottom: 20px; }
			
			#checkout_new p { margin: 8px 5px 10px 5px; font-size: 12px; }
			
			#checkout_new p.title { 
				font-family: Georgia, "Times New Roman", sans-serif;
				font-size: 16px;
				font-weight: bold;
				color: #B08F62;
				padding: 5px 0px; }
				
		#checkout_return {
			float: left;
			width: 320px;
			margin-left: 10px; }
			
			#checkout_return p { margin: 5px 0; font-size: 12px; }
			
			#checkout_return p.title { 
				font-family: Georgia, "Times New Roman", sans-serif;
				font-size: 16px;
				font-weight: bold;
				color: #B08F62;
				padding: 5px 0px; }
				
			#checkout_return p.returning { margin: 5px 0 5px 20px; }
				p.returning label { display: block; width: 90px; float: left; font-weight: bold;  }
				p.returning span { font-size: 10px; }
				
		#somm-list { margin: 20px 0; padding: 0; text-align: center; }
		#somm-list a {
			font-family: monospace;
			border: 1px solid #006699;
			padding: 4px 8px;
			margin-right: 8px; }
		#somm-list a:hover {
			border: 1px solid #000;
			background: #268ccd;
			color: #fff;
			text-decoration: none; }
			
		#somm-cats { margin-left: 20px; }
		#somm-cats li { margin-bottom: 4px; }
				
		.explain { margin-bottom: 10px; }
		
		p.checkout { margin: 8px 0; }
		p.checkout label { display: block; width: 120px; float: left; font-weight: bold; }
		
		#billing_method td { padding: 6px; }
		
		.invoice { width: 700px; }
			.invoice td { padding: 6px; }
			
		p.return_policy { margin: 8px 0; }
		ul#returns { margin: 0 0 0 40px; }
		ul#returns li { list-style: disc; }
		
		.buttons {
			background: #fff;
			font-weight: bold;
			font-size: 11px;
			color: #999;
			padding: 2px;
			border: 1px solid #999; }
			
		#varietals { margin: 0 0 10px 20px; }
		#varietals a { display: block; width: 320px; float: left; font-size: 11px; padding: 2px 0; }
		
#footer_container {
	clear: both;
	width: 100%;
	background: #efefef; }
	
	#footer {
		width: 900px;
		margin: 15px auto 0;
		padding-top: 10px;
		text-align: center;
		clear: both; }
	
	#footer a { color: #777; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
		
	.product_areas {
		width: 180px;
		float: left;
		margin-right: 60px; }
	
	.product_areas_last {
		width: 180px;
		height: 180px;
		float: left;
		margin: 0; }
	
		.product_areas h4, .product_areas_last h4 {
			font-size: 14px;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", sans-serif;
			text-align: center;
			border-top: 1px solid #E0E0E0;
			border-bottom: 1px solid #E0E0E0;
			padding: 4px 0;
			margin-bottom: 8px;
			color: #268ccd;
			width: 100%; }
	
	div.footerProd {
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 10px; }
	
	#copyright {
		clear: both;
		width: 100%;
		text-align: center; }
		
		#footer_logo a { 
			color:#777777;
			display:block;
			font-size:14px;
			font-weight:bold;
			margin-bottom:8px; }
		
		#all_links li { color: #777; display: inline; font-size: 10px; font-weight: bold; }
		#all_links li a { margin: 0 5px; }
		
		#copyright p { font-size: 10px; margin: 8px 0 0; font-weight: bold; color: #777; }
	
/* -----------------------------------*/
/* ------>>> GLOBAL CLASSES <<<-------*/
/* -----------------------------------*/
		
.centered { text-align: center; }		
.clearBoth { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { width:700px; overflow:hidden; }

/* -----------------------------------*/
/* --------->>> UI TABS <<<-----------*/
/* -----------------------------------*/

.ui-tabs-hide { display: none; }
	
.ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs-nav li { display: inline; }

.ui-tabs-nav li a { 
	display: block;
	float: left;
	background: url('homepage_tabs.png') top left no-repeat;
	width: 135px;
	height: 23px;
	color: #fff;
	padding: 7px 0 0 0;
	margin-right: 6px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	outline: 0; }
.ui-tabs-nav li a.last { margin-right: 0; }
.ui-tabs-nav li a:hover { background-position: 0 -30px; }
.ui-tabs-nav li.ui-tabs-selected a { background-position: 0 -60px; }

.ui-tabs-nav li h2 {
	clear: none;
	font-size: inherit;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-align: inherit;
	border: none;
	padding: 0;
	margin: 0;
	color: #fff; }

.ui-tabs-panel {
	clear: both;
	margin: 0;
	padding: 0;
	#margin-top: -6px;
	min-height: 340px !important;
	border-top: 2px solid #bbb;
	background: url('homepage_content_bg.png') repeat-x; }
	
.ui-tabs-panel p { 
	margin: 6px 6px 10px 6px; 
	color: #333;
	line-height: 160%; }
	
.imageFly {
	float: right;
	margin: 6px;
	border: 2px solid #7a6c58; }
	
.ui-tabs-panel a { color: #006699; text-decoration: none; }
.ui-tabs-panel a:hover { text-decoration: underline; }
	
.ui-tabs-panel ul { margin: 4px 0 0 36px; }
.ui-tabs-panel ul li { list-style: disc; margin-bottom: 4px; color: #333; }
.ui-tabs-panel ul li a { color: #006699; text-decoration: none; }
.ui-tabs-panel ul li a:hover { text-decoration: underline; }

.featured_prods {
	float: right;
	width: 160px;
	margin: 10px;
	text-align: center;
	background: #fff;
	border: solid #ccc;
	border-width: 1px 1px 0px}
	
	.featured_prods p {
		display: block;
		width: 160px;
		padding: 4px 0;
		margin: 0 0 4px 0;
		color: #006699;
		font-weight: bold;
		text-align: center;
		font-family: Georgia, "Times New Roman", sans-serif; }
		
		
div.comparison-checkbox {
	margin-top: 2px;
	font-size: 12px;
	color: #888;
}

div.comparison-checkbox input {
	vertical-align: middle;
}

/* Comparison Shopping */
#compare-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
}

#compare-table thead th {
	color: #999;
	font-size: 11px;
	text-align: center;
}

#compare-table tbody td {
	vertical-align: middle;
	padding: .3em 1em;
	border-top: 1px solid #ccc;
}

#compare-table tbody td img {
	display: block;
}

#compare-table tbody td.sku {
	white-space: nowrap;
}

#compare-table tbody td.our {
	color: green;
	font-size: 1.3em;
	font-weight: bold;
}

#compare-table tbody td.retail {
	color: red;
	text-decoration: line-through;
}

#compare-table td.photo {
	text-align: center;
}

#compare-table td.photo img {
	display: inline;
}

#compare-table td table {
	margin-top: .2em;
	width: 100%;
	border-top: 1px dotted #ccc;
}

#compare-table td table th {
	padding: .1em .3em .1em .1em;
}

#compare-table td table th,
#compare-table td table td {
	text-align: left;
	padding: .15em .1em;
	border-width: 0;
}

#compare-table tr.even {
	/* background-color: #eee; */
}

div#categories ul {
	list-style: none;
}

li.level-1 {
}

li.level-2 {
	margin-left: 1em;
}

li.level-3 {
	margin-left: 2em;
}

li.current a {
	color: #688cea;
	font-weight: bold;
}

li.level-1.first {
	margin-top: 0;
}

div.product h2, div.product h3 {
	font-size: 100%;
	border-width: 0;
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
	margin: 0 0 .1em 0;
	padding: 0;
	font-weight: normal;
}

ul.pricing {
	list-style: none;
}

#featured-products {
	margin:1em 0;
	overflow:hidden;
	width:100%;
	clear: both;
}

	#featured-products div.product {
		float:left;
		margin-left:-8px;
		position:relative;
		text-align:center;
		width:162px;
		z-index:-1;
	}
	
		#featured-products img.windowframes {
			clear:right;
			float:left;
			margin-right:-165px;
			padding:0 8px;
			width:168px;
		}
	
	#featured-products div.product div.thumb {
		height: 100px;
		overflow: hidden;
	}
	
	#featured-products div.product div.information p {
		height: 4em;
	}

ul#vendorlogos {
	width: 100%;
}
	
	ul#vendorlogos li {
		display: block;
		float:left;
		margin:5px 0;
		width: 33%;
		text-align:center;
	}

.actn_button_color.actn_button, .button_color.button {		
	background: url(button_gradient.png) repeat-x scroll center -3px;
	border:3px solid #DF7A0C;
	color:#fff;
	font-size: 10pt;
	font-weight: bold;
	cursor:pointer;
}

