/*
* Agency: New Release
* URL: http://www.newrelease.co.za
*
* Author: Luke Hardiman
* Creation Date: 01 March 2011
*/

.50-percent-black {
	background:url('/images/ui/pix_000_50.png') left top repeat;
	background:rgba(0, 0, 0, 0.5);
}
.50-percent-spot-mute {
	background:url('/images/ui/pix_b6976b_50.png') left top repeat;
	background:rgba(182, 151, 107, 0.75);
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
}			

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul,
ul.picture-list { list-style: none; }



/* Import --- Twitter Bootstrap */

// Core variables and mixins 
@import "variables.less"; // Modified for custom colors, font-sizes, etc
@import "mixins.less";

// Components: Buttons
@import 'buttons.less';

/* End Twitter Bootstrap Imports */

/* ---------------------------- */

div.social {
    
    overflow:hidden;
    margin:1em 0;
    
    ul.hj_social_bookmarks {
        
        .float-left;
        overflow:hidden;
        list-style:none;
        margin:0 0.25em 0 0;
        padding:0 0 0 0;
        
        li {
            .float-left;
            list-style:none;        
            margin:0 0.25em;
        }
    }
}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr, div.hr {
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 2px solid #eaeaea; 
	margin: 1em 0; 
	padding: 0;
}
 
input, select {vertical-align: middle;}

select {
	padding: 0.2em;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {.mute;}

h1 small,h2 small,h3 small, h4 small {
	display:block;
	font-size:@baseFontSize;
	margin:0.5em 0;
}
h4 small {
	margin:0;
	font-style:italic;
}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

input[type="submit"] {
    
    .btn;
    .btn-primary;
/*    border:none;
    background:@red;
    color:@sand;
    padding:0.5em 0.75em; */
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
  
/* scale images in IE7 more attractively */
 .ie7 img {-ms-interpolation-mode: bicubic;} 

/* This IE Filter stuff breaks the less parser */ 

/* prevent BG image flicker upon hover */
/* .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* End HTML5 Reset */

/* Remove Dotted Borders in Firefox */

a:active,a:visited { outline: none; }
a:focus,a:visited { -moz-outline-style: none; }
:-moz-any-link:focus { outline: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {

    font-size: @baseFontSize;
    line-height:@baseLineHeight;  
    color: #393930;
    background:url('/images/ui/spline_body.gif') left top repeat-x;
    font-family:"minion-pro-caption-1","minion-pro-caption-2",serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2.section { 
	font-size:2.5em;
	/*font-style:italic;*/
	text-indent:0.5em;
	padding-top:0.5em;
	margin-bottom:0.55em;
	border-top:2px solid;
	border-top-color: #eaeaea; 	
}
h3 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: 0.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color:@text;display:block; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color:#a5120d; text-decoration:none; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #a5120d; text-decoration: underline; }
a           { color: #a5120d; text-decoration: none; }
a.more { 
	color: #a5120d;
	font-size:@baseFontSize; 
	font-weight:bold;
	padding-left:0.5em;
	margin-left:1em; 
	background:url('/images/ui/pointer_more.gif') left 0.5em no-repeat;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 
 */ 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row.  
 */
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
	background: #e5ecf9; 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.first  	    { margin-left:0; padding-left:0; }
.last           { margin-right:0; padding-right:0; }
.top            { margin-top:0; padding-top:0; }
.bottom     	{ margin-bottom:0; padding-bottom:0; }

.relative 		{ position:relative; }

.block 				{ display:block; }
 
.float-left 	{ float:left; }
.float-right 	{ float:right; }

.clear-left 	{ clear:left; }
.clear-right 	{ clear:right; }

.clear-both     { clear:both; }

.off-left 		{ text-indent: -9999em; }

.inline-block { display:inline-block; }
.hide 				{	display:none; }
.red 					{ color:#900; }
.green 				{ color:#8ca31f; &:hover { color: #8ca31f; } }
.port					{ color:#842035; &:hover { color:#842035; } }
.disabled 		{ visibility:hidden; }

.indent 			{ .block;text-indent:-9999em; }

.mute 				{ /*color:fadeout(@text, 40%)*/ color:@mute;}

ul.vcard, ul.vcard li { list-style:none;padding-left:0; }
ul.vcard li {
	margin:0 0 1.5em;
}

.banner {
	background:#eaeaea url('/images/ui/bg_footer.jpg') left -10px repeat-x;	
	padding:0.5em 1em 0.5em;
	margin:0 0 1.5em 20px;
}
.price,
.nowrap,
.tel 					{ white-space:nowrap; }

.price {
	
	> span[itemprop] {
	   
	   /*background:url('/images/ui/base_price.png') left top no-repeat;*/
	   background:url('/images/ui/icon_bottle.png') left 2px no-repeat;
		color:@milk-chocolate;
		font-size:20px;
		/*padding:3px 10px;*/
		padding:0 0 0 12px;
		line-height:1;
		margin:0 0 0 0.5em;
		width:60px;
		.inline-block;
	}
}

.award {
	font-weight:bold;
	color:@spot;
}

ul.picture-list,
ul.fields,
dl.fields,
ul.comments {

	border-top:2px solid #eaeaea;
	list-style:none;
	margin:0 0 1.5em; 
	padding:0 0 0 0;
	
	li,
	dd {
		
		.mute;	
		margin:1em 0;
		padding:0;
		
		span.author {
			display:inline-block;
			text-indent:18px;
		}
		
		blockquote {
			
			background:#ededeb;
			.round_corners(18px);
			padding:2em;
			margin:0;		
		}
	}
}

ul.fields,
dl.fields {

	li,
	dd {
		
		padding:0 0 0 0;
		margin:1em 0;
		
		label {
			display:block;
		}
		label.block {
			width:auto;
			display:block;
		}
		input[type=checkbox] {
			float:left;
			margin:0.25em 0.5em 0 0;
		}
		input[type=text] {
			width:265px;
            background:white;
            border:1px solid #d7cac2;
            padding:0.5em 6px;
            font-size:@baseFontSize*1.2;
            .shadow_inset_input;     
			.mute;
		}
		input[type=submit] {		
			width:280px;
			font-size:@baseFontSize*1.2;
			font-family:"minion-pro-caption-1","minion-pro-caption-2",serif;
		}
		textarea {
			.mute;
			width:560px;
			border:2px solid @mute;
			padding:0.5em;			
			background:#ededeb;
			min-height:240px;
		}
	
	}
}

ul.awards {
	
	list-style-type:none;
	list-style-image:url('/images/icon/icon_bullet_heart_995749_10x10.png'); 
	
	li {
		list-style-image:url('/images/icon/icon_bullet_heart_995749_10x10.png'); 
	}
}

.overflow-hidden { overflow:hidden; }

.primary_wrapper {
	width:@width-base;
	position:relative;	
	margin:@margin;

	list-style:none;
	> li {
		list-style:none;
	}
			
}

/* Breadcrumb */

#breadcrumb,
nav.anchor {
	
	margin:0 0 1.5em;
	padding:0 0 1em;
	
	h5 {
		float:left;
	}
	
	ul {
		
		list-style:none;
		float:left;
		
		li {
			
			list-style:none;
			float:left;
			
			.separator {
				text-indent: -9999em;
				background: url('/images/ui/separator.png') left top no-repeat;
				display: inline-block;
				width: 5px;
				height: 9px;
				margin: 0 10px;
				line-height: 0.9;
			}
		}
	}
}

#breadcrumb {
	margin-bottom:1em;
	padding:1.5em 0 0 1em;
	border-top: 3px double @mute;
	border-bottom: 3px double @mute;
	height:38px;
}
	
	
#t_blog {

	.single {

		#breadcrumb {
		
			margin:0 1em 1em 0;
		}	

		#content { 
		
			.columns_2 {
			
				> p,
				> div.hr,
				> h3,
				> h2,
				> h4,
				> ul,
				> ul li {
				
					max-width:580px;
				}
				
				> img[align=center] {
					margin:0 auto;
					.block;
					clear:both;
				}
				
			}
		}
	}		
}

#t_club,
#t_cart {
    
    .columns_2 {
    
        .secondary_column {
            
            padding-top:1.125em;   
        }
    }        
    
    .fieldset_heading {
        
        padding-top:1.25em;
        font-size:16px;
        .float-left;
        width:180px;    
    }
    
    .grand_total_label {
        
        color:@chocolate;
    }
    
    .fields .float-left {
    
        .float-left;
        width:205px;
    }
    
    h2 small {
        display:inline;
        margin-left:0.5em;
    }
    
    .fields {
        
        padding:0.5em 0;
        margin-top:1.75em;
        position:relative;
        
        dt {
            
            margin:0 0 0 0;
            padding:0 0 0 0;
            position:absolute;
            top:13px;
            left:25px;            
            font-size:18px;
            font-weight:normal;
            .outer_glow_text_heading;
            
            &.product_title {
                
                width:auto;
                .inline-block;
                border-bottom:2px solid @sand-mute;
                
                a {
                    
                    color:@chocolate;
                    text-decoration:none;
                }
            }
        }
                
        li,
        dd {
            
            margin:1em 0 0 0;
            
            input[type=text] {
            
                width:190px;
            }
            select {
                
                width:205px;
            }
            
            p {
                
                margin: 0 0 0 0;
            }
            
            span.total {

                .inline-block;
                color:@chocolate;
                font-size:18px;
                color:@chocolate;
            }
            
            label > select {
                
                width:100px;
                display:inline-block;
                margin:0 0 0.33em 1em;
            }
        }
        
        li.product_thumb,
        dd.product_thumb {
            
            position:absolute;
        }
        
        li.float-left,
        dd.float-left  {
        
            padding-left:25px;
    
            input[type="submit"] {
                
                width:175px;
            }
        }
        
        li.pad-left,
        dd.pad-left {
            padding-left:205px;
        }
        
        li.pad-top,
        dd.pad-top {
            padding-top:1em;
        }
        
        li.span2,
        dd.span2 {
            width:460px;
        }
        
        input[type=text].span2 {
            width:420px;
        }
        
        select.span2 {
            width:435px;
        }
        
        li.submit,
        dd.submit {
            
            padding-top:1.5em;
            
            input[type=submit] {
                
                width:204px;
            }
        }
        
        li.span2,
        dd.span2 {
            
            input[type=submit] {
                
                width:230px;
            }
        }
    }
    
    .secondary_column {
        
        .bulleted {

            list-style-type:none;
            padding-left:0;

            li {
        
                list-style-type:none;          
                background:url('/images/ui/icon_tick.png') left 0.125em no-repeat;      
                margin:1.5em 0;
                padding-left:2em;
            }
        }
    }
}

.actions {
    
    margin:0 0 1.5em 0;
    padding:1.5em 0;
    text-align:center;
    border-top:2px solid @sand-lighter;
    
    .btn {
        
        .block;
        width:25%;
        margin:0 auto;
    }
}

#t_cart {
    
    .columns_2 {
    
        .primary_column {
            
            padding-top:0;
            
             h1,h2 {
                
                margin-top:1em;
            }
        }    
        
        .secondary_column {
            
            padding-top:5em;
        }    
    }
    
    .fieldset_heading {
        
        font-size:19px;
        padding-top:1em;
        color:@chocolate;
    }
    
    dl.fields,
    ul.fields {
        
        margin:0 0 0 0;
        padding:0 0 1.5em !important;
        font-size:16px;
        background:transparent;   
        .gradient_bg_mute_large;        
        .shadow_inset_fieldset;
        border-top:2px solid @sand-mute;  
        border-bottom:1px solid #fff;   
        
        li,
        dd {
            
            label.quantity {
                
                margin:0 0 0.25em;
            }
            
            label.delete {
                
                line-height:1.33;
                font-size:13px;
            }
            
            .total {
                
                line-height:1;
            }
        }
    }
}

nav.anchor {
	
	ul {
		padding-left:0.5em;
		margin:0 0 1.5em;
		list-style:none;	

		li {
			a {
				margin:0 0.5em 0 0;
				padding:0 0.5em 0 0;
				border-right: 1px solid @mute;
			}
		}
		
		li:last-child a {
			border-right:none;
		}

	}
}
#wines_anchor {
	position:absolute;
	right:0;
	top:67%;
	
	a {
		.mute;
		text-decoration:underline;
		&:hover {
			text-decoration:none;
		}
	}
	
}

/* End Breadcrumb */

/* Icons */

.icon {
	padding:0.9em 0 1em 60px;
	margin:0 0 1em;
	color:@text;
	color:#8d806f;
	letter-spacing:normal;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px dotted #eaeaea;
}

.icon_listing {
	background:url('/images/icon/icon_listing.png') 0.25em 75% no-repeat;
	padding-left:24px;
}
.icon_analysis {
	background:url('/images/icon/icon_analysis.png') 1.67em -1px no-repeat;
	padding-left:70px;
}
.icon_food {
	background:url('/images/icon/icon_food.png')  1.67em top no-repeat;
}
.icon_moment {
	background:url('/images/icon/icon_moment.png')  1.67em top no-repeat;
}
.icon_award {
	background:url('/images/icon/icon_award.png')  1.67em top no-repeat;
}
.icon_buy_wine {
	background:url('/images/icon/icon_buy_wine.png')  1.4em top no-repeat;
}
h2.section.icon_award {
	background:url('/images/icon/icon_award.png')  left 80% no-repeat;
	padding-left:0.5em;
}
h2.icon_contributor {
	background:url('/images/icon/icon_contributor_24x24.png') 8px 80% no-repeat;
	padding-left:0.67em;
}
h2.icon_comment_list, 
h2.icon_comment_write {
	font-size:1.75em;
	padding-left:39px;
	padding-top:3px;
	margin:1em 0 0.5em 0;
	width:541px;
	background:url('/images/icon/icon_comment_list.png')  0 95% no-repeat;		
	white-space:nowrap;
}
h2.icon_comment_write {
	background:url('/images/icon/icon_comment_write.png') 7px 95% no-repeat;	
}
.icon_cultivar {
	background:url('/images/icon/icon_cultivar.png')  1.67em top no-repeat;
}
.icon_style {
	background:url('/images/icon/icon_style.png')  1.67em 1px no-repeat;
}
.icon_notes {
	background:url('/images/icon/icon_note.png')  1.67em top no-repeat;
}

.indented_block {

	padding:0 0 1em 36px;
	margin:0 0 1em;
	
	ul { 

		margin-right:0;
		padding-left:1.25em;
	}
}

/* End Icons */

body > .primary_wrapper {
	width:100%;
	background:white;
}

.round_corners(@radius: 3px) {
	border-radius:@radius;
	-webkit-border-radius:@radius;
	-moz-border-radius:@radius;
}

.min_shadow {
	box-shadow:0 0 4px 3px #d8d7d2;
	-webkit-box-shadow:0 0 4px 3px #d8d7d2;
	-moz-box-shadow:0 0 4px 3px #d8d7d2;
}
.min_shadow_inset {
	box-shadow:inset 0 0 4px 3px #d8d7d2;
	-webkit-box-shadow:inset 0 0 4px 3px #d8d7d2;
	-moz-box-shadow:inset 0 0 4px 3px #d8d7d2;
}
.shadow_inset_input {
	box-shadow:inset 0 0 1px 1px #fff,inset 0 7px 8px -2px #eee;
	-webkit-box-shadow: inset 0 0 1px 1px #fff,inset 0 7px 8px -2px #eee;
	-moz-box-shadow:inset 0 0 1px 1px #fff,inset 0 7px 8px -2px #eee;
}
.shadow_inset_fieldset {
	box-shadow:inset 0 0 1px 1px #fff,inset 0 7px 8px -2px @sand-lighter;
	-webkit-box-shadow: inset 0 0 1px 1px #fff,inset 0 7px 8px -2px @sand-lighter;
	-moz-box-shadow:inset 0 0 1px 1px #fff,inset 0 7px 8px -2px @sand-lighter;
}
.no_shadow {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.min_shadow_text {
	text-shadow:0 1px 2px #000;
	-moz-text-shadow:0 1px 2px #000;
}
.outer_glow {
	box-shadow:0 0 2px 0 #fff; 		
	-moz-box-shadow:0 0 2px 0 #fff; 		
	-webkit-box-shadow:0 0 2px 0 #fff; 		
}
.outer_glow_text {
	text-shadow:0 1px 2px #f8f7cf; 		
	-moz-text-shadow:0 1px 2px #f8f7cf; 		
}
.outer_glow_text_heading {
    font-weight:400;
	text-shadow:0 2px 0 #fff; 		
	-moz-text-shadow:0 2px 0 #fff; 		
}
.dark_bg {
	background: rgb(66, 56, 52); /* The Fallback */
	background: rgba(66, 56, 52, 0.67);
}
.light_bg {
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.4);
}
.gradient_bg {
   /* fallback/image non-cover color */
   background-color: @spot; 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(@dark-spot, @spot);
   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@spot), to(@dark-spot));
   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(@dark-spot, @spot); 
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(@dark-spot, @spot);
}
.gradient_bg_mute {
   background-color: #bcb0a0; 
   background-image: -moz-linear-gradient(#ddd6cd, #bfb1a0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfb1a0), to(#ddd6cd));
   background-image: -webkit-linear-gradient(#ddd6cd, #bfb1a0); 
   background-image: -o-linear-gradient(#ddd6cd, #bfb1a0);
}
.gradient_bg_mute_large {
   background-color: @sand-lightest; 
   background-image: -moz-linear-gradient(@sand-lightest, #fff);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@sand-lightest), to(#fff));
   background-image: -webkit-linear-gradient(@sand-lightest, #fff); 
   background-image: -o-linear-gradient(@sand-lightest, #fff);
}

section > .wrapper {
	.primary_wrapper;	
}

#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	min-height:400px;
}
#t_promotions #wrapper {
	min-height:0;
}
#t_home #wrapper {
	min-height:600px;
}

/* Wines Single Template */

#t_wines_single #wrapper {

	#logo_feature {
	
		position:absolute;
		left:-7px;
		top:96px;
	}
	
	#content {

		/* make room for pack shot */
		padding-left:260px;
		width:700px;	
		min-height:910px;
		
		.columns_2 {
			.primary_column {
				width:400px;
				padding-right:10px;
			}
		}
	}	
}

div.columns_2 {
	.primary_column {
		width:665px;
		padding:1em 25px 1em 0;
		img[align=left] {
			.float-left;
			margin:0.25em 25px 1em 0;
		}
		img[align=right] {
			.float-right;
			margin:0.25em 0 1em 25px;
		}		
	}
	.secondary_column {
		width:270px;
		padding:1em 0 1em 0;		
	}
}

#t_wines_landing #content_wrapper div.columns_2 {
	.primary_column {
		width:615px;	
	}
	.secondary_column {
		width:295px;	
	}
}

#masthead {
	
	margin: 0 0 2.5em;
	
	#logo_seal {
		position:absolute;
		right:0;
		top:0;
		z-index:999;
	}
	
	#logo {
		position:absolute;
		left:0;
		top:0;
		
		h2, 
		h2 a {
			.block;
			margin:0 0 0 0;
			padding: 0 0 0 0;
			width:216px;
			height:72px;		
			background:url('/images/logo.jpg'); 
		}		
		h2 a {
			text-indent:-999em;
			border:1px solid #d9d9d7;
			border-top:none;
			border-right-color:#cdcdc9;			
		}
	}
}

#t_home #masthead {
	position:absolute;
	top:0;
	margin: 0 0 0 0;
}

/* Primary Nav */

#primary-nav {

	margin:0 0 0 210px;
	width:750px;
	position:relative;
	z-index:999;
	
	li {
		
		div.wrapper { display:none; }
		
		> a {
		
			margin:0 0 0 0;
			padding:24px 10px;
			line-height:16px;		
		}
	}
	
	li,
	li a {
	
		float:left;
		list-style:none;
		color:@text;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:@baseFontSize/1.2;	
	}

	/* Sub Nav */
	
	li.active {
		
		background:url('/images/ui/pointer_primary-nav.gif') bottom center no-repeat;		
	
		div.wrapper {
			position:absolute;
			top:84px;
			text-transform:none;
			font-size:13px;
			letter-spacing:normal;
			width:680px;
			left:15px;
			
			p {
				text-align:center;
				position:relative;	
			}
			
			a.more {
				position:absolute;
				text-transform:none;
				letter-spacing:normal;
				font-size:@baseFontSize;
				color: #a5120d;
				width:auto;
				bottom:-2.5em;
				right:0;	
				
				&:hover {
					text-decoration:underline;		
				}
			}
		}
	}

	/* End Sub Nav */
	
	li a:hover,
	li.active > a {
	
		color:#a5120d;	
	}
}

#t_home #primary-nav {
	margin:0 0 0 235px;
	width:725px;
}

#pack_shots {
	
	width:233px;
	height:600px;
	background:white url('/images/ui/spline_body.gif') left top repeat-x;
	padding:0 0 0 0;
	list-style:none;
	position:absolute;
	left:10px;
	/* must be above carousel and primary nav */
	z-index:2;
	
	li {

		width:233px;
		height:600px;	
		list-style:none;
		position:absolute;
		left:0;
		overflow:hidden;
		display:block;
		
		a {
			width:233px;
			height:600px;			
			display:block;
			overflow:hidden;
			position:absolute;
		}
		
		img {
		
			position:absolute;
			left:0;
			top:0;
			width:233px;
		}
	}
}

#t_home li.active div.wrapper { display:block; }

div.header  {

	padding:1.5em 0 0 0;

	span.category {
		float:left;
		margin:0 10px 0 0;
	}										
}						

/* Home Carousel */

#t_home {
	
	#masthead {
		
		min-height:600px;
		width:960px;
				
		#carousel {	
	
			height:600px;
			width:960px;
			position:absolute;
			top:0;
			left:0;
	
			#carousel_root {
				height:600px;
				width:710px;		
				position:absolute;
				left:240px;
				z-index:2;
				overflow:hidden;
					
				#carousel_slides {
		
					position:absolute;
					height:600px;
					width:9999em;
					margin:0 0 0 0;
					padding:0 0 0 0;			
					
					li {
		
						list-style:none;
						margin:210px 0 0 0;
						padding:0 20px 0 20px;
						background:#ededeb;
						width:690px;
						float:left;	
						position:relative;					
						height:330px;					
		
						.intro {
		
							width:360px;
							padding:0 20px 0 0;
							color:#777;
							p {
								display:inline;margin:0;
							}
							a.more {
								margin-left:1em;
							}
						}
						
						img.carousel_wine {
							position:absolute;
							left:0;
							top:0;
						}								
		
						div.video {
		
							position:absolute;
							top:210px;
							width:340px;						
							background:#dfdfdc;
							padding:0.75em 330px 0 0;
							margin:0 10px 0 0;
		
							span.category {
								position:absolute;
								top:0;
								left:0;
							}
												
							h4,
							h4 a,
							p {
		
								text-align:right;
								padding-left:40px;
								margin:0 0 1em;
								/* have the margin push the wrapper down */
								display:inline-block;						
							}					
							
							h4, h4 a {
								margin-bottom:0;
							}
							
							h4 {
								display:block;
							}
		
							div.video_thumb {
		
								position:absolute;
								right:0;
								bottom:0;
								
								img {
									.block;
								}
		
								img.video_play {
									position:absolute;
									top:33%;
									left:33%;
									zoom:1;
									opacity:0.5;
								}						
							}					
						}				
					}
				}
			}
			
			span.carousel_control {
	
				position:absolute;
				right:10px;
				top:210px;
				width:82px;
				z-index:3;
				
				a {
				
					float:left;
					text-indent:-9999em;
					background:#d1d1ce;
					height:40px;
					width:40px;
					margin:0 0 0 1px;
					opacity:0.67;
					
					&:hover {
						opacity:1;				
					}
				}			
				
				#carousel_left {
					background:#d1d1ce url('/images/ui/pointer_sprite_next-previous.png') left 13px no-repeat;
				}			
				#carousel_right {
					background:#d1d1ce url('/images/ui/pointer_sprite_next-previous.png') right 13px no-repeat;
				}					
			}
		}
		/* End Carousel */
	}
}

#t_about #carousel,
#t_blog #carousel,
#t_wines_landing #carousel,
#t_promotions #carousel,
#t_promotions_single #carousel {
	
	position:relative;
	margin:0 auto 1.5em;

	#carousel_root {
		position:absolute;
		z-index:2;
		overflow:hidden;
		
		#carousel_slides {
			margin:0 0 0 0;
			padding:0 0 0 0;
			width:9999em;
			position:absolute;
		
			li,
			li img {
				display:block;
			}
		
			li {
				margin:0 0 1px;
				position:relative;
				float:left;
				overflow:hidden;
		
				span.carousel_image-title {
					.50-percent-black;				
					display:block;
					line-height:1;
					overflow:hidden;
					padding: 15px 20px 3px 20px;
					color:#fff;
					position:absolute;
					bottom:0;
					a {
						color:#ddd;
						text-decoration:underline;
						&:hover {
							text-decoration:none;
						}
					}
				}	
			}
		}
	}

	#carousel_left,
	#carousel_right {
		width:24px;
		height:24px;
		display:block;
		position:absolute;
		z-index:3;
		top:255px;
		right:5px;
		.50-percent-black;
		cursor:pointer;
		_cursor:hand;
		
		img {
			display:block;
			margin:7px auto 0;
		}
	}
	#carousel_right {
		right:34px;
	}
	
	#carousel_controller {
		ul {
			position:absolute;
			top:255px;
			right:63px;
			padding:0 0 0 0;
			margin:0 0 0 0;
			z-index:2;
			list-style:none;
			
			li {
				margin:0;
			}
			
			li,
			li a {
				float:left;
				color:#fff;
				list-style:none;
			}
			
			li a {
				padding:3px 9px 3px 9px;			
				margin:0 0 0 5px;
				.50-percent-black;
				text-decoration:none;
			}
		}
	}			
}

.map {
	margin:0 0 1.5em;
}

#t_about #carousel,
#t_promotions_single #carousel {

	width:@width-base;
	height:400px;
	
	#carousel_root {
		height:400px;
		width:960px;
		background:#000;		
		
		#carousel_slides {

			list-style:none;		

			li {
				list-style:none;
				border:5px solid #222;			
				width:950px;				
				height:390px;	
				
				span.carousel_image-title {
					width:920px;
					height:22px;				
				}
			}
		}
	}
}

#t_promotions_single #carousel #carousel_root #carousel_slides li { 
	border:0px solid #222; 
	width:960px;
	height:400px;	
}

#t_wines_landing #breadcrumb,
#t_blog #breadcrumb,
#t_promotions #breadcrumb {
	margin:0 0 0 295px;
}
#t_wines_single #breadcrumb {
	margin-left:230px;
	padding-left:30px;
}

#t_blog #carousel,
#t_wines_landing #carousel,
#t_promotions #carousel {

	border-top:1px solid white;
	border-bottom:1px solid white;	
	width:665px;
	height:347px;
  padding: 0 0 0 0;	
  margin:-2.5em 0 0 0;
	
	#carousel_root {
		height:347px;
		width:665px;
		
		#carousel_slides {
		
			li {
			
				width:665px;				
				height:347px;	

				div.details {
					padding-top:2.33em;
				}		
				
				span.carousel_image-title {
					width:625px;
					height:22px;		
				}
			}
		}
	}
	#carousel_left,
	#carousel_right,
	#carousel_controller ul {
	
		top:305px;
		
		li a {
			.50-percent-spot-mute;
			.round_corners;
		}
		
	}
	
	#carousel_left,
	#carousel_right {
	
		background:@spot-mute;		
		.round_corners;
	}
}

#t_blog .single,
#t_promotions .single {
	
	div.secondary_column {
		width:280px;
	}
	
	h1 {
		margin:0 0 0.5em;
		small {
			margin:0.5em 0 1.5em 0;
		}
	}
	
	#carousel {
	
		margin:0.5em 0 1.5em 2em;
		border: 3px solid #222;
		background: #232323;		
		width:620px;
		
		#carousel_root {
		
			width:620px;
			
			#carousel_slides {
				
				li {
					width:620px;
					
					span.carousel_image-title {
						width:580px;
					}
				}
			}
		}
	}
}

#t_about div.secondary_column div.callout {

	padding-left:15px;
	
	h4 {
		margin:0 0 1em;
	}
}

#t_wines_landing #carousel #carousel_root #carousel_slides li { 
	
	background:white; 
	border:none;
	width:665px;				
	height:350px;		
	
	span.carousel_image-title {
		.disabled;
	}
	
	div.details {
		width:390px;
	}	
}


#content_wrapper {

	background:#ededeb url('/images/ui/texture_base.gif') left top repeat-x;
	.min_shadow_inset;
	
	div.callout {
		padding:2em 25px;
		margin:0 0 1.5em;
		background:white;
	}
	
	div.primary_column {
		background:white;
    margin: 0 0 2.5em;
    width:640px;
    padding:2em 25px;
	}
	
	div.secondary_column {
	  padding: 0 0 2.5em 0;

		div.callout {
			padding:2em 25px 0 0;
			
			.indented_block {
			
				padding:1em 0 0 2em;
				margin:0 0 0 0;
				
				ul { 
					margin-right:0;
					padding-left:1.5em;		
				}
			}				
		}	  
	}
}

#t_promotions #content_wrapper div.primary_column {
	width:910px;
}

#content {
	margin:0 auto;
	width:960px;
}

#wrapper #content {
	width:auto;
	margin:0 0 0 0;
}

#t_wines_landing #content_wrapper,
#t_blog #content_wrapper,
#t_promotions #content_wrapper {
	
	padding-top:2em;
	
	#content {
		background:white;
		.min_shadow;
		
		.header {
			margin:0 0 0 0;
			padding:0 0 0 0;
			.relative;
		}
		
		div.post {
		
			margin:1em 0;
			padding-top:2em;
			border-top:2px solid;
			border-top-color: #eaeaea; 
			min-height:255px;
			
			h3 {
				font-size:@baseFontSize*1.5;
				margin:0 0 1em;
			}
			
			div.thumb img {
				margin:2em 0 0 1em;
			}
			
			div.details {
				padding:2em 25px 0 150px;
			}			
		}		
	}
}

#t_wines_landing .price,
#t_wines_single .price {
    
    link {
        
        .hide;
    }
    
    >input[type="submit"],
    >a {
        .block;
        width:120px;
    }
    
    span[itemprop] .unit {

	  color:@chocolate;
	  font-size:13px;                    
    }
    
	p {
    
        .round_corners;
        .block;
        width:100px;
        background:#f9f6f5;
        padding:2px 10px 0;
        margin:2px 0 6px 0;
        
        select {
            width:auto;
            .inline-block;
            margin:0.125em 0 0.5em 0.5em;
            color:@chocolate;
        }
    
    	label {
            .inline-block;
            color:@milk-chocolate;                            
            margin:0.33em 0 0 0;                    	    
    	}	
	}                    
}

#t_wines_single .price {
    
    padding:0.5em 0 0 75px;
    margin:0 0 0.75em;
}

p.promo {
    
    text-align:center;
    .mute;
    font-style:italic;
    margin:0 0 2.5em;
}


#t_wines_landing #content_wrapper {
    
    #content {
        
        .primary_column {
            
            .post {
                
                .price {
    
                    border-left:2px solid #eee;
                    width:130px;
                    .float-right;
                    margin:48px 0 0 0;
                    padding:0 0 20px 25px;                
                }
                
                .details {  
    				padding:1em 25px 0 150px;                
                    width:280px;
                }
            }
        }
    }
}

#t_blog #content_wrapper,
#t_promotions #content_wrapper {
	
	padding-top:2em;
	
	#content {
	
		background:white;
		
		div.primary_column {
		
			div.post {
			
				min-height:175px;
				margin:0 0 0 0;
				
				
				div.thumb {
					
					padding: 0 0 0 0;	
					left:0;
				
					img {
						margin:2em 0 0 0;
					}
				}
				
				div.details {
					padding:0 0 0 245px;
				}
			}			
		}
	}
}

.secondary_column {
	.profile {
	
		border-top: 2px solid #eaeaea;
		padding:1em 0 0 2em;
		margin:0 0 0 0;
	
		img.float-right {
			margin:0 0 0.75em 1em;
			border:3px double @mute;
		}
		img.float-left {
			margin:0.25em 1em 0.5em 0;
			border:3px double @mute;
		}				
	}
}

/* Category Labels */

.category {
	background:@red-mute;
	padding:3px 10px;
	text-transform:uppercase;
	color:#fff;
	display:inline-block;
	font-size:10px;
	.round_corners;
}
.featured-wine span.category {
	padding:3px 10px 3px 21px;
	background:@red-mute url('/images/ui/icon_mini_wine.png') 7px 6px no-repeat;
}
.blog span.category {
	padding:3px 10px 3px 24px;
	background:@red-mute url('/images/ui/icon_mini_blog.png') 6px 5px no-repeat;
}
.video span.category {
	padding:3px 10px 3px 24px;
	background:@red-mute url('/images/ui/icon_mini_video.png') 7px 6px no-repeat;
}
.event span.category {
	padding:3px 10px 3px 24px;
	background:@red-mute url('/images/ui/icon_mini_event.png') 7px 5px no-repeat;
}

/* End Category Labels */

p.intro,
div.intro {

	font-size:1.33em;
	color:#53534f;
	margin:0 0 1em; 

	a.more {
		margin-left:0;
	}
	
	p {
		margin:0 0 1em; 
	}
	
	p.more {
		font-size:@baseFontSize;
	}
}

#wrapper > .columns_2 > .secondary_column.float-left {
	padding-left:12px;
	width:258px;
}
#t_blog .single > .columns_2 > .secondary_column.float-left {
	width:300px;
}

div.embed { .hide; }

/* Post Blocks */ 

div.post {

	margin:1.5em 0;
	background:#fff;
	position:relative;

	div.thumb {
		padding:0.25em 25px 1.5em;
		position:absolute;
		top:0;
		left:0;
	}
	
	span.category {
		position:absolute;
		left:-8px;
		top:0;
	}	
	
	a.more {
		display:inline-block;
		margin:0 0 1em;
	}	
	p > a.more {
		margin:0 0 0 0;
	}
	
	span.meta {
		display:block;
		font-style:italic;
		margin:-0.5em 0 1em;
	}	
	
	div.details {
		padding:2em 25px 1em 245px;
	}
}

#t_home div.post {
	float:left;
	
	div.thumb {
		
		position:static;
		margin:0.25em 1em 1em 0;
		padding: 0 0 0 0;
		
		img {
			.block;
			margin:0 0 0 0;
			padding:0 0 0 0;
			border:3px double @mute;
		}
	}
	
	a.more {
		float:right;	
	}
	
}

#t_home #content div.post {
	margin:1.5em 10px;
	width:270px;
	min-height:255px;	
	padding:30px 15px 0 15px;	
	
	div.details {
		padding:2em 25px 1em 150px;
	}
	
}
 
div.post {
	
	span.post-meta {
		
		.block;
		margin:0.5em 0;
		font-size:@baseFontSize;
		.mute;
		
		span.date,
		span.author {
		
		}
	}
}

/* End Post Blocks */

/* Footer */

footer {

	background:#3f0101 url('/images/ui/base_footer.jpg') left top repeat-x;
	.min_shadow;
	color:@reverse-spot;

	a {
		color:@reverse-spot;
	
		&:hover {
			color:#f6eeee;
			text-decoration:none;
		}
	}

	div.content {
	
		margin:0 auto;
		width:960px;
		padding:1em 0;
		color:@reverse-spot;
        position:relative;
        
        #drinkaware {
        
            position:absolute;
            bottom:0.5em;
            right:0.5em;
        }	   		
	}
	
	ul {

		margin:0;
		padding:0;
			
		li {

			list-style:none;
			float:left;
			margin:1.75em 0 0 0;		 
		}
		
		li.logo { margin:1em 0 0 0;	}
		li.copyright { color:@reverse-spot; }
	}
	
	p.legal {
	
		clear:both;
		text-align:center;
		position:relative;
		bottom:0.25em;
		font-size:@baseFontSize/1.1;
		
		a {
			margin:0 0.5em;
		}
	}

	#footer_social-media {

		float:right;
		margin:1.5em 0 0 0;
		
		dt {
		
			font-weight:normal;
			margin-top:1em;	
		}
		
		dt,dd {
		
			float:left;	
		}
		
		dd ul {
			
			padding:0;
			margin:0 10px 0 0;		
			
			li {
			
				margin:0 0 0 10px;			
				
				a {
	
					float:left;
					margin:0.25em 0 0 0;
					color:@reverse-spot;				
				}
			}
		}
	}
}

/* End Footer */


/* Age Verification Modal */

#age_verification {

	/* overlay is hidden before loading */
	display:none;

	width:400px;
	border: 3px double @mute;
	text-align:center;

	.min_shadow;	
	
	em {
	}

	> div {
		padding:2em;
		background-color:#fff;
	}

	h2 {

	}  

	p {
	}	
}

/* End Age Verification Modal */


/*
-----------------------------------------------------
Robust float clearing
http://www.positioniseverything.net/easyclearing.html
-----------------------------------------------------
*/

.clearfix:after {
content: ".";
display: block; 
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */