/* Simply Wines CSS */
/* 		
		Copyright James Eunson 2008-2009
   		All Rights Reserved
   		http://www.jameseunson.com
*/

body {
	background: #0f2303 url(/img/layout/bg.jpg) no-repeat center top;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
#main {
	width: 970px;
	margin: 28px auto 0;
	position: relative;
}
a {
	color: #ba2426;
	text-decoration: none;
	border-bottom: 1px dotted #ba2426;
}
button {
	cursor: pointer;
	border: 1px solid #b0b0b0;
	background: #c4c4c4 url(/img/buttons/bg.gif) repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
}
button.down {
	background: #c4c4c4 url(/img/buttons/bg_down.gif) repeat-x;
}

#header {
	width: 100%;
}

/* @header Styles */
#nav {
	height: 32px;
	width: 100%;
	background: url(/img/layout/top_nav.gif) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 12px;
}
#nav li {
	float: left;
	background: url(/img/layout/top_nav_divider.gif) no-repeat right;
	border-bottom: 0 none;
}
#nav li a {
	display: block;
	float: left;
	padding: 9px 20px;
	text-decoration: none;
	color: #000000;
	text-shadow: 0 1px 1px #FFFFFF;
	border-bottom: 0 none;
}
#nav li a:hover {
	background: #ba2426;
	color: #ffffff;
	text-shadow: none;
}
#nav li.selected a {
	background: #ba2426;
	color: #ffffff;
	text-shadow: none;
}
input[type="text"], input[type="password"] {
	border: 1px solid #ccc;
	padding: 5px;
	background: #ffffff url(/img/layout/inputbg.png) 0 1px repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#nav #nav_search {
	padding: 3px 5px;
	float: right;
}
#nav #nav_search input[type="text"] {
	padding: 5px;
	width: 285px;
}
input.inactive {
	color: #666666;
}
input.active {
	color: #000000;
}

.titlebar {
	height: 24px;
	width: 100%;
	background: url(/img/layout/titlebar.gif) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
}
.titlebar span {
	margin: 4px 0 0 20px;
	float: left;
	display: block;
}
.titlebar span.browse {
	background: url(/img/layout/find.png) no-repeat;
	padding: 0 0 0 20px;
}
.titlebar span.main {
	background: url(/img/layout/drink.png) no-repeat;
	padding: 0 0 0 20px;
}
#content .titlebar {
	float: left;
}
#header #sw_banner {
	height: 135px;
	width: 100%;
	background: #ffffff url(/img/layout/header_bg.jpg) no-repeat right;
}
#header #sw_banner h1 a {
	text-indent: -9999px;
	background: url(/img/layout/logo.png) no-repeat;
	width: 229px;
	height: 122px;
	margin: 7px 0 0 7px;
	float: left;
	display: block;
	border-bottom: 0 none;
}
#header #sw_banner h2 {
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	position: absolute;
	right: 20px;
	text-align: right;
	text-shadow: 1px 1px 2px black;
	top: 135px;
	width: 500px;
	z-index: 10;
}
#header #sw_banner #h2_shadow {
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	position: absolute;
	right: 19px;
	text-align: right;
	top: 136px;
	width: 500px;
	z-index: 8;
}

/* @index styles */
#content {
	width: 100%;
	overflow: hidden;
	background: #ffffff url(/img/layout/content_bg.gif) repeat-y; /* Faux columns, of sorts */
}
#content .column.right {
	width: 315px;
	background: #ececec;
	position: relative;
	bottom: 0;
	right: 0;
	float: right;
	padding-bottom: 16px;
}
#content .column.left {
	width: 655px;
	background: #ffffff;
	position: relative;
	float: left;
}
#content .column.left h3 {
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 20px;
}
#content .featured {
	background: #bccfd8 url(/img/layout/featured_bg.jpg) repeat-x;
	height: 306px; /* 256px */
	float: left;
}
#content .featured .featured_content {
	width: 303px; /* 290px */
	height: 276px; /* 226px */
	margin: 16px 0 0 16px;
	float: left;
	background: #ffffff;
	position: relative;
}
#content .column.left #featured_intro {
	width: 615px;
	float: left;
	height: 200px;
	background: #ffffff url(/img/layout/featured_main.jpg) top right no-repeat;
	padding: 10px 20px 20px;
}
#featured_intro .desc span.title {
	font-size: 24px;
}
#featured_intro .desc .price_dozen {
	position: static;
	height: 80px;
	bottom: 0;
	width: auto;
}
#featured_intro .description {
	width: 190px;
}
#featured_intro button .wrapper {
	padding: 2px 0;
}

#content .featured.last .featured_content {
	margin: 16px 16px 0;
	width: 304px;	
}


/* Featured - product display */
.featured_content .recommended {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.featured_content .image {
	width: 115px;
	height: 100%;
	float: left;
	position: relative;
}
.featured_content .image img {
	position: absolute;
	top: 14%;
	left: 20%;
}
.featured_content .desc {
	width: 165px;
	height: 100%;
	margin-right: 10px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
.featured_content .description {
	font-size: 12px;
	padding: 10px 10px 10px 0;
	float: left;
}

.desc span, .desc button, .desc div {

}
.desc .title_line {
	margin-top: 10px;
}
.desc span.brand {
	font-size: 24px;	
	display: block;
}
.desc span.title {
	font-size: 14px;
	font-style: italic;	
}
.desc span.desc_line {
	font-size: 12px;
	line-height: 10px;
	float: left;
}

.desc .price_unit, .desc .price_dozen {
	width: 80px;
	height: 60px;
	bottom: 40px;
	position: absolute;
}
.desc .price_unit {
	right: 5px;
}
.desc .price_dozen {
	left: 0;
}

.desc span.price_text {
	font-size: 12px;
	font-style: italic;
	display: block;
	line-height: 14px;
}
.desc span.price {
	top: 28px;
	font-size: 18px;
}
.desc span.price.highlight {
	color: #ba2426;
}
.desc button {
	position: absolute;
	bottom: 12px;
	padding: 0;
}
.desc button .wrapper {
	position: relative;
	margin: 0;
	padding: 2px 5px;
}
.desc button.info {
	left: 0;
}
.desc button.add {
	left: 60px;
}
button span {
	vertical-align: 3px;
	padding: 2px;
	font-size: 10px;
	text-shadow: 0 1px 1px #FFFFFF;
	position: relative;
}

/* sidebar styles */
#content .column.right #bit {
	width: 259px;
	margin: 16px auto 0;
	background: #ffffff;
	padding: 12px;
	font-size: 13px;
	overflow: hidden;
}
#content .column.right #bit.newsletter {
	
}
#bit button {
	padding: 2px 4px;
}
#bit h2 {
	font-size: 14px;
	padding: 0 0 0 24px;
}
#bit.newsletter h2 {
	background: url(/img/layout/email.png) no-repeat;
}
#bit.cart h2 {
	background: url(/img/layout/cart.png) no-repeat;
}
#bit.account h2 {
	background: url(/img/layout/user_silhouette.png) no-repeat;
}
#bit.browse h2 {
	background: url(/img/layout/find.png) no-repeat;
}


#bit.newsletter span {
	font-size: 12px;
	color: #404040;
	float: left;
	display: block;
	margin: 5px 0 30px;
	line-height: 14px;
}
#bit.newsletter input {
	width: 96%;
}
.error {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: #FBE3E4 url('/img/layout/cross_circle.png') no-repeat 12px 16px;
	color:#8a1f11;
	border: 2px solid #FBC2C4;
	float: left;
	padding: 15px 15px 15px 40px;
	width: 201px;
	margin-bottom: 10px;
}
.success {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: #E6EFC2 url('/img/layout/tick_circle.png') no-repeat 12px 16px;
	color:#264409;
	border: 2px solid #C6D880;
	float: left;
	padding: 15px 15px 15px 40px;
	width: 201px;
	margin-bottom: 10px;
}

#bit.cart {
	overflow: hidden;
}
#bit.cart span.no_items {
	font-size: 13px;
	color: #868686;
	float: left;
	margin: 10px 0 0 24px;
}
#bit.cart span.total {
	float: right;
	clear: both;
	font-size: 13px;
	color: #868686;
	margin-top: 10px;	
}
#bit.cart span.checkout {
	float: right;
	clear: both;
	font-size: 13px;
	color: #868686;
	margin-top: 10px;
	background: url(/img/buttons/arrow_000_medium.png) no-repeat right;
	padding: 0 24px 0 0;
}
#bit.cart span.remove a {
	color: #868686;
	border-bottom: 1px dotted #868686;
}

#bit.cart span.total em {
	color: #000000;
}
#bit.cart ul {
	margin: 10px 0 0 24px;
	float: left;
	line-height: 18px;
}
#bit.cart li {
	margin-bottom: 5px;
}

#bit.account input {
	width: 66%;
	margin-top: 10px;
}
#bit.account button {
	position: relative;
	top: 3px;
}
#bit.account span.username {
	font-size: 13px;
	color: #868686;
	margin: 10px 0 0 24px;
	float: left;	
}
#bit.account li a {
	clear: both;
	float: left;
	margin: 0 0 0 24px;	
	line-height: 18px;
}

#bit.browse {
	overflow: hidden;
}
#bit.browse ul {
	display: block;
	float: left;
	width: 40%;
	font-size: 13px;
	margin-top: 14px;
	line-height: 18px;
	white-space: nowrap;
}
#bit.browse ul.right_cats {
	float: right;
}

/* @category browser */
#cat_browser {

}


#cat_browser ul#cat_list {
	display: block;
	background: #ffffff;
	margin-left: 16px;
	float: left;
}
ul#cat_list li {
	float: left;
	list-style: none;
}
ul#cat_list li a {
	float: left;
	display: block;
	padding: 8px 20px;
	color: #000000;
	font-size: 14px;
	border-bottom: 0 none;
}
ul#cat_list li.selected a{
	background: #ba2426;
	color: #ffffff;
}
ul#cat_list li.over a {
	background: #ba7071;
	color: #ffffff;
}
#browser_wrapper {
	background: #bccfd8 url(/img/layout/cat_browser_bg.jpg) repeat-x;
	width: 100%;
	float: left;
	height: 400px;
}
#browse #browser_wrapper {
	height: 800px;
}
#browser_wrapper .browser {
	width: 599px;
	padding: 0 12px 0;
	background: #ffffff;
	margin-top: 16px;
	height: 368px;
	position: absolute;
	left: 16px;
}

#browser_wrapper .browser {
	padding: 12px 12px 0;
	height: 356px;
}
#browse #browser_wrapper .browser {
	height: 756px;
}
#browser_wrapper h2 {
	font-size: 24px;
	font-style: italic;
	margin-top: 8px;
	float: left;
}
#browser_wrapper ul {
	float: left;
	height: 310px;
}
#browser_wrapper li {
	line-height: 24px;
	float: left;
	width: 150px;
	margin-right: 48px;
}
#browser_wrapper ul li ul li {
	margin-left: 30px;
}
#browser_wrapper span.subtitle {
	color: #868686;
	width: 150px;
	float: left;
}
#browser_wrapper span.more {
	float: right;
}
#browser_wrapper #search ul {
	height: auto;
	width: 300px;
}
#browser_wrapper #search li {
	width: auto;
}
#browser_wrapper #search .info_row {
	width: 400px;
}

#browser_wrapper #topsellers.browser .row .prices {
	left: 415px;
}

/* login page styles */
#login.column.left {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
}
#login .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#login button {
	padding: 2px 4px;
	position: relative;
	top: 3px;
}
#login .form_wrapper {
	width: 260px;
	margin: 20px auto;
}
#login .form_wrapper li a {
	font-size: 14px;
}
#login ul {
	margin-top: 6px;
}
#login .form_wrapper li {
	line-height: 18px;
}
#login input {
	width: 170px;
}

/* about page styles */
#about.column.left {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
}
#about .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
	padding-bottom: 16px;
}
#about p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 18px;
	padding: 0 20px;
}
#about ul {
	margin: 10px 0 0 20px;
}
#about em {
	font-weight: bold;
}
#about li {
	line-height: 24px;
}

/* search interface styles */
#search.column.left {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
}
#search .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#search strong {
	font-weight: bold;
}
#search .form_wrapper {
	width: 260px;
	margin: 20px auto;
}
#search input {
	width: 260px;
}
#search span.results_text {
	padding-bottom: 20px;
	padding-left: 20px;
	float: left;	
}
#search span.nav_text {
	padding-right: 20px;
	padding-bottom: 20px;
	float: right;
}

/* Search row styles */
#search .row {
	float: left;
	width: 100%;
	position: relative;
	min-height: 130px;
	height: auto !important;	
}
#search .row a {
	color: #000000;
	border-bottom: 1px dotted #000000;
}
#search .row.off {
	background: #edf2fb;
}
#search .row .image {
	width: 50px;
	height: 50px;
	margin: 5px 15px 5px 5px;
	float: left;
	background: #ffffff;
	position: relative;
}
#search .row .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -20px;
}

#search .info_row {
	width: 430px;
	float: left;
	padding: 5px;
}

#search .info_row ul {
	width: 340px;
	float: left;
}
#search .info_row .description {
	width: 340px;
	float: left;
	margin: 10px 10px 10px 0;
	font-size: 13px;
}
#search .info_row .prices {
	position: absolute;
	left: 435px;
	width: 80px;
	height: 100px;
	top: 10px;
}


#search .info_row span {
	color: #868686;
}

#search .info_row span.name {
	color: #000000;
	font-size: 18px;
	display: block;
	width: 340px;
}

#search .row li {
	float: left;
	margin-right: 15px;
	line-height: 24px;
}
#search .row .buttons {
	width: 100px;
	float: right;
	text-align: right;
	margin: 8px 8px 0 0;
}
#search .row button {
	width: auto;
}
/* Search row style - Price display, adapted version of featured wine box price display */
#search .row .price_unit, #search .row .price_dozen {
	width: 80px;
	height: 60px;
	float: right;
}
#search .row span.price_text {
	font-size: 12px;
	font-style: italic;
	display: block;
	line-height: 14px;
}
#search .row span.price {
	font-size: 18px;
	color: #ba2426;
}
#search .row .price_unit span.price {
	color: #000000;
}

/* Browse->browse styles */
#browse .content_wrapper {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
	float: left;
}
#browse .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#browse .content.distributor {
	width: 583px;
	padding: 20px;
}
#browse .image {
	width: 185px;
	float: left;
	height: 250px;
	position: relative;
}
#browse .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -84px;
}
#browse .content.distributor .image {
	height: auto;
	float: left;
	margin-right: 20px;
	width: auto;
	position: static;
}
#browse .content.distributor .image img {
	position: static;
	margin: 0;
}
#browse .title_line {
	margin-top: 10px;
}
#browse span.brand {
	font-size: 26px;	
	display: block;
}
#browse span.title {
	font-size: 14px;
	font-style: italic;
	width: 400px;
	float: left;
}
#browse .content.distributor span.title {
	width: 580px;
}
#browse .price_unit, #browse .price_dozen {
	width: 80px;
	height: 60px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
#browse span.price_text {
	font-size: 12px;
	font-style: italic;
	display: block;
	line-height: 14px;
}
#browse span.price {
	font-size: 18px;
	color: #ba2426;
}
#browse .cats {
	width: 180px;
	float: left;
	margin-bottom: 10px;
}
#browse .cats h4 {
	font-style: italic;
}
#browse .description {
	float: left;
	width: 400px;
	margin-top: 15px;
}

#browse .content.distributor .title_line, #browse .content.related .title_line {
	margin-top: 0;
	float: left;
}
#browse .content.distributor .title_line span.brand, #browse .content.related .title_line span.brand {
	font-size: 14px;
	font-style: italic;
}
#browse .content.distributor .title_line span.title, #browse .content.related .title_line span.title {
	font-style: normal;
	font-size: 26px;
}


#browse .content.related .title_line {
	padding: 20px;
}
#browse .content.related #search .price_unit, #browse .content.related #search .price_dozen {
	margin-top: 0;
}
#browse .distrib_text {
	margin-top: 30px;
	line-height: 18px;
}
#browse .distrib_text.bottle_ver {
	margin-top: 50px;
}
#browse span.more {
	float: right;
	margin-top: 10px;
}
#browse div.info {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#browse .info ul {
	float: left;
}
#browse .info li {
	overflow: hidden;
	margin-bottom: 3px;
}
#browse .info li span.label {
	clear: both;
	font-style: italic;
	float: left;
}
#browse .info li span.data {
	float: left;
	clear: both;
	max-width: 150px;
}
#browse .info li span.data a {
	float: left;
}
#browse .info li span.data.dark {
	color: #868686;
}
#browse .add_button {
	clear: right;
	float: right;
	padding: 10px;
}
span.unavailable {
	color: #868686;	
}
#search span.unavailable {
	font-size: 12px;
	float: left;
	padding: 2px;
}

/* checkout */
#checkout.column.left {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
}
#checkout .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#checkout #search {
	margin-top: 20px;
}
#checkout .error {
	margin: 20px;
	width: 520px;
}
#checkout .total {
	float: right;
	font-size: 18px;
	color: #ba2426;
	clear: both;
	padding: 10px;
}
#checkout .total span {
	color: #868686;
	font-style:italic;	
}
#checkout .purchase_button {
	float: right;
	padding: 10px;
	clear: both;
}

/* purchase form */
#purchase.column.left {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
}
#purchase .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#purchase .instructions {
	margin: 10px 20px;
}
#purchase textarea {
	width: 563px;
	padding: 10px;
	margin: 10px 20px;
} 
#purchase strong {
	font-weight: bold;
}

/* top bar pages */
#page.column.left {	
}
#page .content_wrapper {
	background: #bed0da url(/img/layout/featured_bg.jpg) repeat-x scroll 0 0;
	float: left;
}
#page .content {
	background: #ffffff;
	margin: 16px;
	width: 623px;
	float: left;
}
#page .title_line {
	padding: 10px;
	float: left;
}
#page span.brand {
	font-size: 14px;
	font-style: italic;
	display: block;
}
#page span.title {
	font-size: 26px;
	width: 400px;
	float: left;
}

/* misc */
p.error_message {
	padding: 10px; 
	float: left;
}
span.error_back {
	float: right; 
	clear: both; 
	padding: 10px;
}

/* @footer styles */
#footer {
	float: left;
	width: 100%;
	background: #17120f;
	color: #7d7a78;
}
#footer span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	display: block;
	padding: 10px;
}
#footer span.left {
	float: left;
}
#footer span.right {
	float: right;
}
#footer span.right a {
	border-bottom: 1px dotted #7d7a78;
	color: #7d7a78;
}