/* generic styles */
body { background: #fff9ec url('/images/background.png'); font: 14px "Times New Roman", Times, serif; line-height: 1.4; }
#siteStructure { width: 996px; margin: 0 auto 60px auto; padding: 24px 24px 2px 24px; background: #fff9ec; margin-top: 30px; box-shadow: 4px 3px 5px #e5d5b1; }
#siteShell { width: 996px; background: #fff9ec url('/images/dotted_bg.png') left top repeat-y; }
#padding { height: 45px; }
.clear { clear: both; }
#preloader { display: none; }
/*input.whiteButton { display: inline-block; padding: 4px 22px; background: #fff; text-decoration: none; font: bold 14px "Times New Roman", Times, serif; 
	border-right: 1px solid #ebddc0; border-bottom: 1px solid #ebddc0; border-top: 1px solid #fff; border-left: 1px solid #fff; }*/
span.warning { position: absolute; width: 28px; height: 28px; background: url('/images/warning.png') left top no-repeat; text-indent: -9999px; margin: -1px 0 0 3px; }

/* typography */
p, li { color: #383633; margin-bottom: 24px; font-size: 14px; }
a { color: #383633; }
h2 { font-size: 46px; font-weight: normal; margin-bottom: 18px; color: #383633; }
h3 { font-size: 24px; font-weight: normal; margin-bottom: 20px; line-height: 1.3; color: #383633; }
h4 { font-size: 18px; font-weight: normal; margin-bottom: 20px; line-height: 1.3; color: #383633; }
a.btn { font-weight: bold; text-decoration: none; padding: 3px 15px; background: #ddcaa3; }

/* header styles */
#header { padding-top: 20px; background: #fff9ec; }
#header h1 { text-indent: -9999px; font-size: 1px; }
#header #headerBanner { height: 217px; background: url('/images/header.png') left top no-repeat; }

/* map area */
#hoverMap .mapHotspot { position: absolute; cursor: pointer; /*background: rgba(128, 0, 0, 0.5);*/ }
#hoverMap #hoverDixonsCreek { width: 146px; height: 37px; margin-top: 79px; margin-left: 277px; }
#hoverMap #hoverTarrawarra { width: 146px; height: 37px; margin-top: 139px; margin-left: 277px; }
#hoverMap #hoverYellingbo { width: 127px; height: 34px; margin-top: 211px; margin-left: 407px; }
#hoverMap #hoverGembrook { width: 129px; height: 40px; margin-top: 246px; margin-left: 396px; }
#hoverMap #hoverWesburn { width: 103px; height: 33px; margin-top: 172px; margin-left: 511px; }

/* navigation styles */
#nav { position: absolute; }
#nav ul { width: 160px; background: url('/images/nav_bg.png') right top repeat-y; padding: 14px 0; }
#nav ul li { line-height: 1.4; padding-left: 40px; margin-bottom: 6px; }
#nav ul li.selected { background: url('/images/menu_bullet.png') left center no-repeat; }
#nav ul li a { text-decoration: none; font-size: 22px; color: #2b2a27; }
#nav ul li.selected a { color: #df9015; }
#nav ul li a:hover { color: #df9015; }

/* content area */
.contentBox { width: 797px; padding-left: 200px; min-height: 500px; 
	background: transparent url('/images/little_guy.png') left 352px no-repeat; }
.noLittleGuy { background: transparent !important; min-height: 0 !important; }
#contentShell .left { float: left; width: 360px; margin-right: 40px; }
#contentShell .right { float: left; width: 360px; }
#contentShell div.image { text-align: center; }
#contentShell div.image p.caption { text-align: left; font-size: 11px; }
#contentShell .content { margin-bottom: 60px; }
#contentShell blockquote p { margin-bottom: 0; font-size: 18px; font-style: italic; line-height: 1.2; }
#contentShell .blockquoteCaption { font-size: 11px; }

/* top section */
#topLayout img#map { display: block; margin-top: 30px; }

/* wines section */
#winesLayout .wineRow { margin-top: 40px; }
#winesLayout .wineRow .leftBottle { float: left; width: 360px; margin-right: 40px; }
#winesLayout .wineRow .rightBottle { float: left; width: 360px; }
#winesLayout .wineRow .bottleImage { width: 170px; float: left; margin-right: 20px; }
#winesLayout .wineRow .bottleContent { width: 170px; float: left; }

/* news section */
#newsLayout .right h3 { margin-bottom: 12px; }
#newsLayout .content .left .image img { max-width: 350px; }
#newsLayout .content .left .image { margin-bottom: 16px; text-align: left; }

/* twitter feed */ 
#twitterFeedList { min-height: 386px; }
#twitterFeedList.loading { background: url('/images/ajax-loader.gif') center center no-repeat; }
#twitterFeedList li { padding: 23px 0 22px 0; background: url('/images/twitter_bg.png') top left no-repeat; }
#twitterFeedList li p { font-size: 14px; line-height: 1.4; color: #383633; margin-bottom: 0; }
#twitterFeedList li p.twitterInfo { font-size: 18px; font-weight: bold; }
#twitterFeedList li p.twitterInfo em { font-weight: normal; font-style: italic; }
#twitterFeedList li.twitterLinks { padding-top: 21px; }
#twitterFeedList li p.timestamp { color: #383633; font-size: 11px; }
#twitterFeedList li p a { color: #383633; text-decoration: underline; }

/* join newsletter */
#joinLayout p.follow { margin-bottom: 16px; font-weight: bold; }
#joinLayout ul.follow li { display: inline-block; margin-right: 16px; }
#joinLayout form div.input { margin-bottom: 6px; }
#joinLayout form label { display: inline-block; width: 100px; margin-right: 10px; }
#joinLayout form input.text { display: inline-block; width: 238px; padding: 4px; border: none; 
	background: url('/images/input_bg.png') top left no-repeat; }
#joinLayout form input { font: 14px "Times New Roman", Times, serif; line-height: 1; }
#joinLayout form div.submit { margin-top: 14px; }
#joinLayout form div.submit .left { float: left; width: 170px; margin-right: 20px; }
#joinLayout form div.submit .left p { margin-bottom: 0; font-size: 11px; }
#joinLayout form div.submit .left p.requiredFields { font-style: italic; }
#joinLayout form div.submit .right { float: left; width: 170px; text-align: right; }
#joinLayout form div.submit .right input.submit { margin-top: 6px; border: 1px solid #ebddc0; background: #ddcaa3; 
	font-weight: bold; font-size: 14px; padding: 3px 22px; cursor: pointer; }
#joinLayout form label.error { width: 238px; margin-left: 115px; margin-top: 3px; color: #c00; }
#joinLayout form label.company {display: none;}
#joinLayout form #company {display: none;}

/* contact section */
#contactLayout .contentBox { min-height: 580px; }

/* footer section */
#footer { background: url('/images/footer_bg.gif') left top no-repeat; height: 79px; }
#footer #footerLinks { float: right; clear: both; padding-top: 70px; margin-right: 40px; }
#footer #footerLinks li { display: inline-block; font-size: 11px; border-left: 1px solid #383633; 
	padding-left: 10px; margin-right: 10px; }
#footer #footerLinks li.first { border-left: none; }
#credits { width: 996px; margin: 10px auto 0 auto; text-indent: -10px; }
#credits p { font-size: 11px; }

/* order form */
#orderLayout p.breadCrumbs { font-size: 12px; }
#orderLayout p.breadCrumbs span.selected { color: #df9015; font-weight: bold; }
#orderLayout .blurb .left { width: 360px; float: left; margin-right: 40px; }
#orderLayout .blurb .right { width: 360px; float: left; }
#orderLayout .blurb .right p { text-align: center; margin-bottom: 0; font-size: 12px; color: #cec9bf; }
#orderLayout div.cartWarning { position: absolute; margin-top: 80px; margin-left: -37px; }
#orderLayout div.cartWarning span.warning { position: relative; display: block; }
#orderLayout div.freightWarning { position: absolute; margin-top: -110px; margin-left: -37px; }
#orderLayout #cart { width: 760px; background: url('/images/cart_rule.png') left top no-repeat; }
#orderLayout #cart tr.header { background: url('/images/cart_rule.png') left bottom no-repeat; }
#orderLayout #cart th { text-align: left; padding: 19px 0 15px 0; font-size: 18px; font-weight: bold; }
#orderLayout #cart th.wine { width: 310px; }
#orderLayout #cart th.bottlePrice, #orderLayout #cart th.quantity { width: 190px; }
#orderLayout #cart th.price { width: 70px; }
#orderLayout #cart tr.info td { padding: 13px 0 22px 0; font-style: italic; }
#orderLayout #cart tr.info td.minimumOrder { font-weight: bold; }
#orderLayout #cart td { padding-bottom: 12px; }
#orderLayout #cart td input.text { width: 30px; border: none; padding: 4px; background: url('/images/input_bg.png') top left no-repeat; 
	font: 14px "Times New Roman", Times, serif; }
#orderLayout #cart td span.soldOut { font-weight: bold; color: #df9015; }
#orderLayout #cart tr.subtotal { background: url('/images/cart_rule.png') left top no-repeat; }
#orderLayout #cart tr.subtotal td { padding-top: 22px; padding-bottom: 5px; }
#orderLayout #cart tr.subtotal td.quantity { padding-left: 5px; }
#orderLayout #cart tr.gst td { padding-bottom: 13px; }
#orderLayout #cart tr.total { background: url('/images/cart_rule.png') left top no-repeat; }
#orderLayout #cart tr.total td { padding: 20px 0 15px 0; font-weight: bold; font-size: 18px; }
#orderLayout #cart tr.bottomRule { background: url('/images/cart_rule.png') left top no-repeat; }
#orderLayout #cart tr.bottomRule td { font-size: 1px; height: 6px; }
#orderLayout #updateCart div.submitRow { text-align: right; padding-right: 36px; }
#orderLayout #updateCart input.submit { margin-right: 6px; border: 1px solid #ebddc0; background: #ddcaa3; 
	font: bold 14px "Times New Roman", Times, serif; padding: 3px 22px; cursor: pointer; }
#orderLayout p.description { margin-bottom: 40px; }
#orderLayout p.description span.required { display: inline-block; width: 97px; font-size: 12px; margin-right: 5px; }
#orderLayout p.description span.deliveryAvailable { font-size: 12px; }
#orderLayout div.input, #orderLayout div.textarea, #orderLayout div.checkbox { margin-bottom: 5px; }
#orderLayout div.input label { width: 97px; margin-right: 5px; display: inline-block; }
#orderLayout div.input input.text { display: inline-block; width: 239px; border: none; padding: 4px; line-height: 1; vertical-align: top;
	background: url('/images/input_bg.png') top left no-repeat; font: 14px "Times New Roman", Times, serif;  }
#orderLayout div.input select { font: 14px "Times New Roman", Times, serif; }
#orderLayout div.input span.byLine { font-size: 12px; }
#orderLayout div.textarea label { width: 100%; }
#orderLayout div.input textarea { display: block; width: 349px; height: 110px; border: none; padding: 4px; font: 14px "Times New Roman", Times, serif;
	background: url('/images/input_bg.png') left top no-repeat;  }
#orderLayout div.radio { margin-bottom: 16px; }
#orderLayout div.checkbox { width: auto; display: inline-block; }
#orderLayout div.checkbox label { width: auto; padding-right: 20px; }
#orderLayout div.shippingDetails { display: none; }
#orderLayout div.paymentDetails { margin-top: 32px; margin-bottom: 92px; }
#orderLayout div.radio div.checkbox { vertical-align: top; }
#orderLayout div.paymentDetails p.paymentTotal { font-size: 18px; }
#orderLayout div.paymentDetails div.radio div.checkbox label { width: auto !important; padding-right: 0; }
#orderLayout div.paymentDetails div.radio div.checkbox { margin-right: 20px; }
#orderLayout div.creditCardDetails p.required { font-size: 12px; }
#orderLayout div.creditCardDetails label { width: 145px; }
#orderLayout div.creditCardDetails input.text { width: 198px; }
#orderLayout div.creditCardDetails select { width: 206px; }
#orderLayout div.creditCardDetails select.inline { width: 101px; }
#orderLayout div.creditCardDetails .right p { font-size: 13px; }
#orderLayout div.creditCardDetails div.submitRow { text-align: right; }
#orderLayout div.creditCardDetails div.submitRow input.submit { margin-right: 16px; border: 1px solid #ebddc0; background: #ddcaa3; 
	font: bold 14px "Times New Roman", Times, serif; padding: 3px 22px; cursor: pointer; }
#orderLayout div.eftDetails { width: 360px; display: none; }
#orderLayout div.eftDetails p { font-size: 13px; margin-bottom: 22px; }
#orderLayout div.eftDetails div.submitRow { text-align: right; }
#orderLayout div.eftDetails div.submitRow input.submit { margin-right: 16px; border: 1px solid #ebddc0; background: #ddcaa3; 
	font: bold 14px "Times New Roman", Times, serif; padding: 3px 22px; cursor: pointer; }
#orderLayout div.input label.error { display: block; color: #c00; width: auto; margin-left: 106px; margin-top: 2px; }
#orderLayout div.checkbox label.error { color: #c00; display: block; float: right; clear: both; }
#orderLayout div.creditCardDetails label.error { margin-left: 155px; }
#orderLayout div.creditCardDetails div.left label.error { float: left; clear: both; }
#orderLayout .whiteButton { display: inline-block; background: #fff !important; border-right: 1px solid #ebddc0 !important; border-bottom: 1px solid #ebddc0 !important; 
	border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; padding: 3px 22px; cursor: pointer; text-decoration: none; font-weight: bold; }

/* confirmation screen */
#orderLayout.confirm .confirmationDetails { margin-top: 30px; margin-bottom: 10px; }
#orderLayout.confirm .confirmationDetails h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#orderLayout.confirm .confirmationDetails h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; }
#orderLayout.confirm .confirmationDetails p { margin-bottom: 0; }
#orderLayout.confirm .confirmationDetails .left { width: 320px; margin-right: 10px; }

/* general layout */
#generalLayout h1 { font-size: 38px; font-weight: normal; margin-bottom: 20px; }
#generalLayout h2 { font-size: 14px; font-weight: bold; margin-bottom: 6px; line-height: 1.6; }
#generalLayout p { line-height: 1.6; }
#generalLayout li { line-height: 1.6; margin-bottom: 6px; list-style: inside disc; }
#generalLayout ol, #generalLayout ul { margin-bottom: 20px; }