/* 
	Macforbes Winery:	
	10/09/2009
	Patrick Carne (Inlight Media)
*/


/* CONTAINERS -----------------------------------------------------*/

html {
	overflow-y: scroll;
}

body {	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 62.5%;
	text-align: center;
	color: #4D4D4D;
}

body {
	background: #4D4D4D ;
}

.bounding {	
	width: 960px;
	margin: 0 auto;		
	text-align: left;	
}

div#page-wrapper {
	background: #FFF url(../img/background-header-small.jpg) top repeat-x;
}

div#page-wrapper.thick {
	background: #FFF url(../img/background-header.jpg) top repeat-x;
}

/* Removes dotted border */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

/* SITE TYPOGRAPHY ------------------------------------------------*/

p {
	font-size: 1.1em;
	line-height: 2em;
	color: #4D4D4D;
	padding-bottom: 1em;
}

a {
	font-size: 1.1em;
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

a.read-more {
	background: url(../img/background-read-more.png) left no-repeat;
	padding-left: 16px;
}

a.back {
	float: left;
	width: 940px;
	margin-left: 20px;
	background: url(../img/background-back.png) left no-repeat;
	padding-left: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
}

ol li, ul li{
	line-height: 2em;
}

ol li {
	list-style: decimal;
	margin-left: 20px;
}

h1 {
	font-size: 1.6em;
	color: #999629;
	padding-bottom: 1em;
	font-weight: normal;
}

h1 a {
	font-size: 16px;
	color: #999629;
	padding-bottom: 1em;
	font-weight: normal;
}

h1 span {
	color: #333;
}

h2 {
	font-size: 1.6em;
	color: #999629;
	padding-bottom: 1em;
	font-weight: normal;
}

h2 span {
	color: #333;
}

h3 {
	font-size: 1.4em;
	color: #999629;
	padding-top: 1em;
	padding-bottom: 0.5em;
	font-weight: normal;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	resize: none;
}

/* HEADER ---------------------------------------------------------*/

div#header {
	float: left;
	width: 960px;
	height: 168px;
}

div#header div#header-top {
	float: left;
	width: 960px;
	height: 130px;
}

div#header div#header-top div#logo {
	float: left;
}

div#header div#header-top div#alt-menu {
	float: right;
}

div#header div#header-top div#alt-menu ul {
	margin-top: 16px;
}

div#header div#header-top div#alt-menu ul li{
	float: left;
	padding-left: 30px;
}

div#header div#header-top div#alt-menu ul li a {
	font-size: 1.1em;
	color: #B2B2B2;
	text-decoration: none;
}

div#header div#header-top div#alt-menu ul li a:hover {
	color: #FFF;
}

div#header div#header-top div#alt-menu ul li.purchase a {
	color: #FFF;
}

div#header div#header-top div#alt-menu ul li.active a {
	color: #B6B63E;
}
	
/* MENU -----------------------------------------------------------*/

div#header div#main-menu {
	float: left;
	width: 960px;
	height: 38px;
	background: #FFF;
}

div#header div#main-menu ul {

}

div#header div#main-menu ul li {
	float: left;
	height: 38px;
	background: url(../img/main-menu-separator.jpg) right no-repeat;
}

div#header div#main-menu ul li.last {
	background: none;
}

div#header div#main-menu ul li a {
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	color: #333;
	font-size: 1.3em;
	padding: 0 20px;
	text-decoration: none;
}

div#header div#main-menu ul li a:hover {
	color: #666;
}

div#header div#main-menu ul li.active a {
	color: #999629;
}

/* Tabs Menu */

div.menu-tabs {
	float: left;
	width: 920px;
	height: 50px;
	padding: 0 20px;
	margin-bottom: 10px;
}

div.menu-tabs ul {
	float: left;
	width: 960px;
	height: 50px;
}

div.menu-tabs ul li {
	float: left;
	height: 50px;
	padding-right: 10px;
}

div.menu-tabs ul li a {
	float: left;
	height: 50px;
	background: url(../img/background-tab-left.png) left 0 no-repeat;
	text-decoration: none;
	color: #4D4D4D;
}

div.menu-tabs ul li a:hover {
	background-position: left -50px;
	color: #333;
	cursor: pointer;
}

div.menu-tabs ul li.active a {
	background-position: left -100px;
	color: #B6B63E;
}

div.menu-tabs ul li a span {
	float: left;
	height: 38px;
	line-height: 40px;
	vertical-align: middle;
	padding: 12px 20px 0 20px;
	font-size: 1.2em;
	background: url(../img/background-tab-right.png) right 0 no-repeat;
}

div.menu-tabs ul li a:hover span {
	background-position: right -50px;
	cursor: pointer;
}

div.menu-tabs ul li.active a span {
	background-position: right -100px;
}

/* MAIN -----------------------------------------------------------*/

div#main {
	float: left;
}

div#main div.two-thirds {
	float: left;
	width: 600px;
	padding: 20px;
}

div#main div.one-third {
	float: left;
	width: 300px;
	padding: 20px 0 20px 20px;
}

div#main div.three-thirds {
	float: left;
	width: 920px;
	padding: 20px;
}

div#main div.three-thirds div.one-third.left {
	padding: 20px 0 20px 0px;
}

div#main div.three-thirds div.one-third.right {
	float: left;
	width: 280px;
	padding: 20px 0 20px 20px;
}

div#main div.one-third.divider {
	background: url(../img/page-divider.png) left no-repeat;
}

div#main div.one-third.divider.modules {
	margin: 20px 0;
}

div#main div.two-thirds div.one-third {
	float: left;
	width: 280px;
	padding: 20px 0;
}

div#main div.two-thirds div.one-third.right {
	float: left;
	width: 280px;
	padding: 20px 0 20px 20px;
}

div#main div.one-half {
	float: left;
	width: 440px;
	padding: 20px;
}

div#main div#page-header {
	float: left;
	width: 950px;
	height: 110px;
	padding: 0 5px;
	background: #fff;
	margin-bottom: 40px;
}

div#page-wrapper.thick div#main div#page-header {
	margin-bottom: 30px;
}



div#page-wrapper.thick div#main div#page-header {
	margin-bottom: 7px;
}

div#main div#page-header div.page-title {
	position: relative;
	width: 950px;
	height: 110px;
}

div#main div#page-header div.page-title div.title {
	position: absolute;
	left: 635px;
	top: 25px;
	width: 285px;
	height: 60px;
	background: url(../img/background-quote.png) no-repeat;
	padding: 0 15px;
	text-align: right;
}

div#main div#page-header div.page-title div.title p {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 2em;
	color: #E6E6E6;
	line-height: 60px;
	vertical-align: middle;
}

/* HOME PAGE ------------------------------------------------------*/

div#main div#home-hero {
	float: left;
	width: 950px;
	height: 300px;
	padding: 0 5px;
	background: #fff;
	position: relative;
}

div#main div#home-hero div.hero-slide {
	position: absolute;
	top: 0;
	left: 10;
	width: 950px;
	height: 300px;
}

div#main div#home-hero div.hero-slide div.quote {
	position: absolute;
	left: 635px;
	top: 0px;
	width: 285px;
	height: 200px;
	background: url(../img/background-quote.png) no-repeat;
	padding: 50px 15px;
	text-align: right;
}

div#main div#home-hero div.hero-slide div.quote p {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	color: #FFF;
	line-height: 1.5em;
}

div#main div#home-hero div.hero-slide div.quote p.signed {
	font-style: normal;
	padding-top: 1em;
}

div#main div.one-third p.latest-blog.title {
	padding-bottom: 0.5em;
}


div#main div.one-third p.latest-blog.title a {
	color: #726C67;
	font-size: 1.2em;
	padding-bottom: 0;
	text-decoration: none;
}

div#main div.one-third p.latest-blog.title a:hover {
	text-decoration: underline;
}

div#main div.one-third p.latest-blog.snippet {
	color: #808080;
}

div#main div.one-third span.latest-blog.comments {
	float: left;
}

div#main div.one-third span.latest-blog.comments a {
	float: left;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	color: #4D4D4D;
	padding-left: 44px;
	margin-right: 10px;
	background: url(../img/icon-speech.jpg) left no-repeat;
	text-decoration: none;
}

div#main div.one-third span.latest-blog.comments a:hover {
	text-decoration: underline;
	color: #333;
}

div#main div.one-third p.latest-blog.category {
	float: left;
	height: 34px;

	line-height: 34px;
	vertical-align: middle;
	color: #808080;
	padding-left: 10px;
	padding-bottom: 15px;
	background: url(../img/latest-blog-separator.jpg) left top no-repeat;
}

div#main div.one-third p.latest-blog.category a {
	font-size: 1em;
	text-decoration: none;
	color: #4D4D4D;
	margin: 0;
	line-height: 1em;
}

div#main p.author {
	color: #666;
}

div#main div.one-third p.latest-blog.category a:hover {
 text-decoration: underline;
 color: #333;
}

div#main div.one-third h2#latest-newsletter {
	padding-top: 1em;
}

form.search-form input.text {
	float: left;
	font-size: 1em;
	border: 1px solid #CCC;
	background: #F7F4E8;
	color: #808080;
	padding: 10px;
	width: 165px;
}

#final-submit-button,
form.search-form input.submit {
	float: left; 
	width: 84px;
	height: 34px;
	background: url(../img/btn-register.jpg) 0 0;
	border: none;
	color: #FFF;
	padding-left: 15px;
	cursor: pointer;
	margin-left: 5px;
}

form.search-form input.submit:hover {
	background-position: 0 -34px;
	color: #FCEE21;
}	

div#main div#postmeta {
	margin-bottom: 20px;
}

/* SUBSCRIPTION ----------------------------------------------------------*/

form#subscribe-form input.text {
	float: left;
	font-size: 1em;
	border: 1px solid #CCC;
	background: #F7F4E8;
	color: #808080;
	padding: 10px;
	width: 200px;
	margin-bottom: 5px;
}

form#subscribe-form input.submit {
	float: left; 
	width: 84px;
	height: 34px;
	background: #E85B30 url(../img/btn-register.jpg) 0 0 no-repeat;
	border: none;
	color: #FFF;
	padding-left: 15px;
	cursor: pointer;
}

form#subscribe-form input.submit:hover {
	background-position: 0 -34px;
	color: #FCEE21;
}

#subscribe-form-output {
	width: 220px;
	background-color: #b8df86;
	text-align: center;
}

#subscribe-form-output p {
	margin: 0;
	padding: 10px 0;
}

/* WINES ----------------------------------------------------------*/

div#main div.two-thirds div.wine {
	float: left;
	width: 600px;
	margin: 30px 0;
}

div#main div.two-thirds div.wine img {
	float: left;
	width: 120px;
	height: 230px;
}

div#main div.two-thirds div.wine div.wine-details {
	float: left;
	width: 480px;
}

div#main div.two-thirds div.wine div.wine-details ul {
	width: 480px;
	margin-top: 2em;
}

div#main div.two-thirds div.wine div.wine-details ul li {
	float: left;
	margin-right: 20px;
}

/* TEAM -----------------------------------------------------------*/

div#main div.team-member {
	float: left;
	width: 960px;

	margin-top: 30px;
}

/* NEWS & EVENTS --------------------------------------------------*/

div#main div.two-thirds div.news-listing-item, 
div#main div.two-thirds div.events-listing-item {
	width: 600px;
	height: 120px;
	margin-top: 30px;
}

div#main div.two-thirds div.news-listing-item img, 
div#main div.two-thirds div.events-listing-item img {
	float: left;
	width: 120px;
	height: 90px;
}

div#main div.two-thirds div.news-listing-item div.news-details, 
div#main div.two-thirds div.events-listing-item div.event-details {
	float: left;
	width: 460px;
	padding-left: 20px;
}

div#main div.two-thirds div.news-listing-item div.news-details h2, 
div#main div.two-thirds div.events-listing-item div.event-details h2 {
	padding-bottom: 0.5em;
}

div#main div.two-thirds p.news-date, div#main div.two-thirds p.event-date{
	font-weight: bold;
	padding: 0;
}

div#main div.two-thirds p.photo-introduction {
	padding: 20px 0 20px 0;
	font-weight: bold;
}

div#main div.two-thirds div.event-images img {
	padding-top: 20px;
}

div#main div.two-thirds div.event-images img.thin {
	float: left;
	padding-right: 40px;
}

/* DISTRIBUTORS --------------------------------------------*/

div#main div.one-third.distributor p span {
	width: 15px;
}

/* CONTACT--------------------------------------------------*/

div#main div.one-third p span {
	float: left;
	width: 70px;
	color: #E75B31;
}

div#main div.one-third a.map {
	float: left;
	margin-top: 10px;
}

div#main div#thankyoumessage {
	margin-top: 20px;
}

form.thecontactform {
	float: left;
	width: 600px;	
}

div#main div#contactform div#input-left {
	float: left; 
	width: 300px;
}

div#main div#contactform div#input-right {
	float: left; 
	width: 280px;
}

div#main div#contactform label {
	float: left;
	width: 100%;
	margin: 10px 0;
}

div#main div#contactform input.text {
	position: relative;
	float: left;
	min-height: 1%;
	width: 240px;
	font-size: 1.2em;
	border: 1px solid #CCC;
	background: #F7F4E8;
	color: #808080;
	padding: 10px;
	overflow:visible;
}

div#main div#contactform textarea {
	float: left;
	font-size: 1.2em;
	border: 1px solid #CCC;
	background: #F7F4E8;
	color: #808080;
	padding: 10px;
	width: 240px;
	height: 150px;
	overflow: auto;
}

div#main div#contactform input.submit {
	float: right; 
	width: 84px;
	height: 34px;
	background: url(../img/btn-register.jpg) 0 0;
	border: none;
	color: #FFF;
	padding-left: 15px;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 40px;
}

div#main div#contactform input.submit:hover {
	background-position: 0 -34px;
	color: #FCEE21;
}	

label.error {
	color: #FF3333;
}

/* FOOTER ---------------------------------------------------------*/

div#footer-wrapper {
	height: 170px;
	padding-top: 40px;
	background: url(../img/background-footer.jpg) repeat-x;
}

div#footer ul {
	float: left;
	height: 20px;
}

div#footer ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 1.1em;
	padding: 0 20px;
	background: url(../img/footer-menu-separator.png) right no-repeat;
	color: #4D4D4D;
}

div#footer ul li.last {
	background: none;
}

div#footer ul li a {
	color: #666;
	text-decoration: none;
}

div#footer ul li a:hover {
	color: #999;
}

/* BLOG -----------------------------------------------------------*/

#blog-side-panel h2 {
	margin-top: 30px;
}

span.arrow-link,
#blog-side-panel ul li a {
	background: url(../img/background-read-more.png) left no-repeat;
	padding-left: 16px;
}

span.arrow-link {
	margin-left: 10px;
}

#blog-side-panel ul li {
	height: 16px;
	margin-bottom: 10px;
}


/* Comments */
ol#commentlist {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#commentlist li {
    border:1px dotted #CCCCCC;
    margin-top:20px;
    min-height:120px;
    padding:10px 5px 20px 10px;
}
#commentlist .comment-author {
	margin:0; 
	padding:0;
	width:80px; 
	height:auto;
	float:left; 
	text-align:left;
}
#commentlist .comment-author img {
	margin:0 0 7px 0; padding:0;
}	
#commentlist .comment-text,
#commentlist .commenttext-admin {
	margin:0; 
	padding:0 0 0 10px;
	width:480px; 
	height:auto;
	float:right;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #dddfc7;
}
#commentlist .comment-text p,
#commentlist .commenttext-admin p {
	margin:0 0 10px 0; padding:0;
}
#commentlist .author {
    font-weight: bold;
    font-size: 85%;
    line-height: 1.2em;
}
#commentlist .date {
    font-size: 75%;
    line-height: 1.2em;
}
#commentlist .awaitingmoderation {
    background-color: #FFFFD1;
    padding: 10px;
    margin-bottom: 1em;
}

/* Comments Form */
#commentsform {
    width: 600px;
    height: 350px;
    position: relative;
}
#commentsform input, #commentsform textarea{
    background-color: #eee;
    border: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 10px;   
    border: 1px solid #ccc;
}
#commentsform label{   
    height: 20px;
    display: block;
}
#commentsform #s1 {
    width: 200px;
    height: 60px;
    top: 10px;
    left: 0px;
    position: absolute;
}
#commentsform #s1 label {

}
#commentsform #s1 input {
    width: 180px; 
}
#commentsform #s2 {
    width: 200px;
    height: 60px;
    top: 80px;
    left: 0px;
    position: absolute;
}
#commentsform #s2 label {

}
#commentsform #s2 input {
    width: 180px; 
}
#commentsform #s3 {
    width: 200px;
    height: 60px;
    top: 150px;
    left: 0px;
    position: absolute;
}
#commentsform #s3 label {

}
#commentsform #s3 input {
    width: 180px;
}
#commentsform #s4 {
    width: 390px;
    height: 200px;
    top: 10px;
    left: 210px;
    position: absolute;
}
#commentsform #s4 label {
    height: 19px;
}
#commentsform #s4 textarea {
    width: 370px;
    height: 156px;
    overflow: auto;
}
#commentsform #s5 {
    width: 200px;
    height: 40px;
    line-height: 40px;
    top: 215px;
    left: 0px;
    position: absolute;
}
#commentsform #sbutt {
    width: 390px;
    height: 40px;
    top: 215px;
    left: 212px;
    position: absolute;
}
#commentsform #sbutt label {

}
#commentsform #sbutt input {
    background:transparent url(../img/btn-register.jpg) 0 0;
    height: 34px;
    width: 84px;
    float: right;
    border: none;
    color: white;
		padding-left:15px;
		font-size: 1.2em;
}
#commentsform #sbutt input:hover {
    background-position: 0 -34px;
	  cursor: pointer;
		color: #F2C5BB;
}

/* PURCHASE --------------------------------------------------------*/

div.three-thirds table.purchase {
	width: 920px;
}

div.three-thirds table.purchase tr th {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background: #666;
	color: #FFF;
	text-align: right;
	padding-right: 10px;
}

div.three-thirds table.purchase tr th.wines {
	text-align: left;
	padding-left: 10px;
}

div.three-thirds table.purchase tr td {
	background: #F2F2F2;
}

div.three-thirds table.purchase tr.alt td {
	background: #E6E6E6;
}

div.three-thirds table.purchase tr.table-divider td {
	background: #666666;
	height:5px;
}

div.three-thirds table.purchase tr td.bottle-price,  
div.three-thirds table.purchase tr td.case-price,
div.three-thirds table.purchase tr td.quantity,
div.three-thirds table.purchase tr td.total {
	padding: 15px 10px;
	text-align: right;
	vertical-align: top;
}

div.three-thirds table.purchase tr td.quantity input {
	border:1px solid #CCCCCC;
	padding: 2px;
	text-align:right;
	width: 25px;
}

div.three-thirds table.purchase tr td.image {
	width: 65px;
	padding: 10px;
}

div.three-thirds table.purchase tr td.description {
	padding: 10px;
	vertical-align: top;
}

div.three-thirds table.purchase tr td.description {
	
}

div.three-thirds table.purchase tr td.description span {
	color: #E75B31;
	font-size: 1.2em;
}

div.three-thirds table.purchase tr td.description p {
	font-size: 1.1em;
}

div.three-thirds table.purchase tr input {
	width: 30px;
	color: #333;
}

div.three-thirds table.purchase tr.cost td {
	padding: 10px;
	text-align: right;
	font-weight: bold;
	background: #666;
	color: #FFF;
}

div.three-thirds table.purchase tr.delivery td {
	padding: 10px;
	text-align: right;
}

div.three-thirds table.purchase tr.delivery td.delivery-title {
	text-align: left;
	font-weight: bold;
}

/* PURCHASE WINE FORM ---------------------------------------------*/
select#delivery_region.combo {
	border: 1px solid #CCC;
	padding: 5px;
}

#delivery-details-section {
	position: relative;
}

#delivery-details-section .same-as-billing {
	position: absolute; 
	left: 185px; 
	top: 16px;
	width: 120px;
}

#delivery-details-section .same-as-billing label {
	margin: 6px 0 0 0;
}

#billing-details-section div.input-pair,
#delivery-details-section div.input-pair {
	width: 240px;
	clear: both;
}


#billing-details-section label,
#delivery-details-section label {
	float: left;
	margin: 10px 0;
}

#billing-details-section input.text,
#delivery-details-section input.text,
#billing-details-section textarea.textarea,
#delivery-details-section textarea.textarea,
#billing-details-section select.combo,
#delivery-details-section select.combo {
	float: left;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	border: 1px solid #CCC;
	background: #F7F4E8;
	color: #808080;
	padding: 10px;
	width: 100%;
}

#billing-details-section select.combo,
#delivery-details-section select.combo {
	width: 262px;
}

form .invalid {
	border: 1px solid #E75B31 !important;
}

.total-price-column {
	width: 160px;
	float: left;
}

.total-price-column p {
	width: 100%;
	height: 15px;
}

#final-submit-button {
	width: 90px;
	float: right;
	margin: 5px 0 0 0;
}

#final-submit-button:hover {
	background-position: 0 -34px;
	color: #FCEE21;
}

#form-error-message-box {
	width: 260px;
	background-color: #ffcfc1;
	color: #E75B31;
	padding: 20px;
	margin-bottom: 20px;
}

#form-error-message-box p {
	text-align: center;
	padding-bottom: 0;
}

#javascript-disabled {
	background-color: #E75B31;
	color: white;
	height: 2.5em;
	float: left;
	font-size: 1.4em;
	line-height: 2.5em;
	text-align: center;
	width: 100%;
}


/* UTILITY CLASSES ------------------------------------------------*/

.hidden
{
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
}