body { background-color: black; margin: 0; padding: 0; }

body, table { font: 12px/1.3 Helvetica, Arial, sans-serif; color: white; }

a { color: white; text-decoration: none; outline: none; }
	a:hover { text-decoration: underline; }

input.text,
input.password,
select { background-color: black; border: 1px solid #404040; color: white; }

input.text,
input.password { padding: 2px; }

img { border: 0 }

h2 { font-size: 120%; font-weight: normal; line-height: 1; text-transform: uppercase; margin: 20px 0 0em 0; padding: 0.6em 0; border-top: 1px solid #6C4B2D; border-bottom: 1px solid #6C4B2D; text-shadow: black 1px 1px 1px; }
h3 { font-size: 110%; font-weight: normal; line-height: 1; text-transform: uppercase; text-shadow: black 1px 1px 1px; }

h2 a, h3 a { font-size: 80%; }

th { text-align: left; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

fieldset { border: 0; padding: 0; margin: 0 0 2em 0; }

form { margin: 1.3em 0; }	
	form .item { margin-bottom: 0.4em; }	
		form .item label { float: left; display: block; width: 150px; padding-top: 0.25em;}	
		form .item input {  }
		form .buttons { margin-top: 1em; }
	
.fieldWithErrors { display: inline; }
input.default { color: #404040; }

.flash { margin: 1em 0; }
	.flash ul { margin: 0.7em 0 0.7em 3em; padding: 0; }
	.flash li { margin: 0; padding: 0; }
	.flash h3 { font-size: 100%; color: white; padding: 0.6em 0; border-top: 1px solid #6C4B2D; border-bottom: 1px solid #6C4B2D; }

.error { }
	.error h3 { border-color: #902228; }

table.list { margin: 15px 0; }
	table.list th,	
	table.list td { padding: 10px 16px 10px 0; border-bottom: 1px solid #4C4C4C; }
	table.list .numeric { text-align: right; }
	table.list tr.even td { background-color: #0E0E0E; }

#container { width: 750px; margin: 0 auto; }

#header { margin: 25px 0 0 0; position: relative; height: 135px; }
	#logo { display: block; position: absolute; top: 0px; }
	#nav-and-help { position: absolute; top: 60px; right: 0px; }
		#nav { height: 28px; float: right; margin: 0; padding: 0; }
			#nav li { float: left; margin: 0; padding: 0; height: 28px; display: block; list-style: none; text-indent: -5000px; overflow: hidden; }
			#nav a { display: block; height: 28px; }
			#nav .my-account { width: 87px; background-image: url(../images/btn-my-account.gif); }
			#nav .my-cart { width: 63px; background-image: url(../images/btn-my-cart.gif); }
			#nav .my-orders { width: 74px; background-image: url(../images/btn-my-orders.gif); }
		#help { clear: both; text-align: right; padding-top: 5px; font-size: 85%; text-transform: uppercase; color: #6A6A6A; text-shadow: black 1px 1px 1px; }
			#help .telephone-number { color: white; font-size: 180%; margin-left: 3px; }

#content { margin: 0 0 20px 0; min-height: 250px; }

#product-categories { margin: 0; padding: 0; }
	#product-categories li { width: 121px; margin: 0 1px 0 0; padding: 0; float: left; background: url(../images/bg-tab.gif); list-style: none; display: block; text-transform: uppercase; font-weight: bold; line-height: 1; font-size: 90%; height: 32px; border-bottom-color: black; border-bottom-width: 2px; border-bottom-style: solid; }
		#product-categories a { font-weight: normal; display: block; height: 26px; width: 115px; outline: none; padding: 3px; }
/*	#product-categories a { text-shadow: black 1px 1px 2px; }*/
		#product-categories a:hover { text-decoration: none; }

#product-list { overflow: hidden; margin: 0; border-bottom: 1px solid black; position: relative; min-height: 157px; }
	#product-list .prev { position: absolute; left: 0; bottom: 7px; }
	#product-list .next { position: absolute; right: 0; bottom: 7px; }
	#product-list .inner { width: 5000px; position: absolute; top: 0; left: 0; padding-top: 10px; }
		#product-list .inner a { float: left; display: block; padding: 0; margin-right: 20px; line-height: 1; position: relative; width: 95px;  }
		#product-list .inner .title { height: 30px; overflow: hidden; opacity: 0.3; filter: alpha(opacity=30); display: block; font-size: 10px; text-transform: uppercase; font-weight: normal; line-height: 1; }
		#product-list .inner img { opacity: 0.3; filter: alpha(opacity=30); min-height: 86px; }
		#product-list .inner a:hover { text-decoration: none; }
		#product-list .inner a.selected img { opacity: 1; filter: alpha(opacity=100); }
		#product-list .inner a.selected .title { opacity: 1; filter: alpha(opacity=100); color: #ffffff !important; }
	
#product-detail { margin: 10px 0; border-bottom: 1px solid #565656; font-size: 90%; min-height: 239px; position: relative; }
	#product-image { position: absolute; bottom: 0; left: 30px; min-height: 191px; }
	#product-description { margin-left: 450px; }
	#product-detail h3 { margin: 0 0 0.5em 0; color: white; font-weight: bold; font-size: 120%; text-transform: uppercase; }

	#product-detail dt { float: left; display: block; width: 150px; }

#product-cost { text-transform: uppercase; font-size: 90%; }
	#product-cost .item { margin-right: 3em; }
	#product-cost .cost { font-size: 150%; margin-left: 0.5em; }

#shopping-cart { margin: 0 0 20px 0; padding: 0; }
	#shopping-cart li { margin: 0; padding: 10px 0 0 16px; border-bottom: 1px solid #4C4C4C; display: block; list-style: none; height: 118px; position: relative; background-repeat: no-repeat; background-position: 20px 30px; }
	#shopping-cart li .total { position: absolute; right: 20px; bottom: 10px; text-transform: uppercase; text-shadow: black 1px 1px 1px; text-align: right; }
		#shopping-cart li span.net { font-weight: bold; }
	#shopping-cart li.even { background-color: #0E0E0E; }
	#shopping-cart h3 { margin: 0; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	#shopping-cart .quantity { font-size: 90%; text-shadow: black 1px 1px 1px; text-transform: uppercase; position: absolute; left: 90px; top: 60px; }
	#shopping-cart .remove { position: absolute; font-size: 90%; color: #565656; left: 170px; top: 78px; text-transform: uppercase; line-height: 1; }
		#shopping-cart .remove:hover { text-decoration: none; }
		#shopping-cart .remove img { vertical-align: middle; }
	
#cart-summary { text-align: right; }	
	
#breadcrumbs { background: url(../images/crumbs-repeat.gif) repeat-x left center; line-height: 1; height: 20px; }
	#breadcrumbs .inner { background: url(../images/crumbs-left.gif) no-repeat left; }
	#breadcrumbs ul { height: 20px; background: url(../images/crumbs-right.gif) no-repeat right; margin: 0; padding: 0; }
		#breadcrumbs li { font-size: 10px; line-height: 1; margin: 0 6px 0 0; padding: 5px 0 5px 20px; list-style: none; display: block; float: left; background: url(../images/crumbs-arrow.gif) no-repeat left; text-transform: uppercase; }
		#breadcrumbs li.first { background: none; padding-left: 12px; }
		#breadcrumbs a { color: #565656; }
			#breadcrumbs a:hover { text-decoration: none; color: #8c8d91; }
	
#footer { font-size: 90%; text-shadow: black 1px 1px 1px; margin: 20px 0 0 0; }
	#footer .left { float: left; }
	#footer .right { float: right; }
	
#shipping-method-form ul { margin: 1em 0; padding: 0; }
	#shipping-method-form li { list-style: none; display: block; margin: 0 0 0.3em 0; padding: 0; }
		#shipping-method-form li .description { margin-right: 10px; }
	
#checkout-summary { padding: 0 16px; }
	#checkout-summary .address { float: left; margin-right: 50px; }
	#checkout-summary form { float: right; }

#cart-totals { float: right; margin: 10px 0 10px 0; padding-right: 16px; }
	#cart-totals th,
	#cart-totals td { padding: 0.1em 0 0.1em 0; }
	#cart-totals th { font-weight: normal; padding-right: 10px;}
	#cart-totals td { text-align: right; }
	#cart-totals td.net { font-weight: bold; }	
	
/* Category Specific Styles */

body.premium-gin {}
	#product-categories .premium-gin { border-top-color: #bac89c; }
	body.premium-gin #product-categories .premium-gin { border-color: #bac89c; }
	body.premium-gin #product-list { border-color: #bac89c; }
	body.premium-gin #product-list .title { border-bottom-color: #bac89c; color: #bac89c; }
	body.premium-gin #product-cost { color: #bac89c; }

body.premium-bottled-beers {}	
	#product-categories .premium-bottled-beers { border-top-color: #bb916b; }
	body.premium-bottled-beers #product-categories .premium-bottled-beers { border-color: #bb916b; }
	body.premium-bottled-beers #product-list { border-color: #bb916b; }
	body.premium-bottled-beers #product-list .title { color: #bb916b; }
	body.premium-bottled-beers #product-cost { color: #bb916b; }
	
body.vodka-liqueurs {}
	#product-categories .vodka-liqueurs { border-top-color: #f29a88; }
	body.vodka-liqueurs #product-categories .vodka-liqueurs { border-color: #f29a88; }
	body.vodka-liqueurs #product-list { border-color: #f29a88; }
	body.vodka-liqueurs #product-list .title { color: #f29a88 }
	body.vodka-liqueurs #product-cost { color: #f29a88; }
	
body.cocktail-mixers {}
	#product-categories .cocktail-mixers { border-top-color: #b61e2d; }
	body.cocktail-mixers #product-categories .cocktail-mixers { border-color: #b61e2d; }
	body.cocktail-mixers #product-list { border-color: #b61e2d; }
	body.cocktail-mixers #product-list .title { color: #b61e2d; }
	body.cocktail-mixers #product-cost { color: #b61e2d; }
	
body.other-products {}
	#product-categories .other-products { border-top-color: #754c28; }
	body.other-products #product-categories .other-products { border-color: #754c28; }
	body.other-products #product-list { border-color: #754c28; }
	body.other-products #product-list .title { color: #754c28; }
	body.other-products #product-cost { color: #754c28; }