/* set defaults */
body {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #4F443E;
	margin: 0;
	padding: 4px 0;
	text-align: center;
	background: #907C70 url(none) center top no-repeat;
}

* { 
	font-size: 1em; 
	line-height: 1.3em;
}
div, form{
	margin:0;
	padding:0;
}

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h1 {
	font-family: Garamond, Georgia, "Times New Roman", serif;
	font-size: 1.6em;
	color: #996600;
	text-transform: uppercase;
	text-align:center;
	margin: 0 0 .5em 0;
}
h2, h3, h4, h5, h6{
	font-size: 1.2em;
	margin: 0 0 .1em 0;
}	
h2 {
	color: #934E16;
	font-size: 1.3em;
}
h6 {
	font-size: 1.1em;
}
p{
	font-size: 1.1em;
	color: #625446;
}

ul, ol, dl, li, dt, dd {
	list-style: none outside;
	padding:0;
}
li, dt, dd {
	margin:0;
	font-size: 1.1em;
}

a {
	color: #993300;
	text-decoration: none;
}
a:link {
	color: #993300;
	text-decoration: none;
}
a:hover {
	color: #695B4E;
	text-decoration: underline;
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
q {
	color: #996600;
}
a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #FEF5DF;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #0000FF;
	text-decoration: underline;
}

/* boxes */
#wrapper{
	width:770px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #934E16;
	border-top: 0px none #934E16;
	background: #FEF5DF url(../images/bgs/wrapper-bg.jpg) left bottom no-repeat;
}
#header{
	position:relative;
	width: 770px;
	height:180px;
	padding: 30px 0 0 0;
	margin:0;
	background: #FEF5DF url(../images/bgs/header-bg.gif) left top no-repeat;
}
#content {
	margin-left:25px;
	margin-bottom:1px;
	padding: 0 0 200px 0 ;
}

#footer{
	width:770px;
	margin: 0px auto 10px auto;
	text-align: right;
}
#userpanel{
}



/* header stuff */
#header h1{
	position:absolute;
	left: 240px;
}


/* menu stuff */
* html #menu li /* ie fix to allow two column list */
{
	position: relative;
}
#menu ul{
	width: 716px;
	padding:10px 0 30px 0;
	margin-left:30px;
	background: url(../images/bgs/menu-bg.gif) left bottom no-repeat;
}
#menu li {
	position:relative;
	width: 220px;
	height: 17px;
	font-weight: bold;
	color: #907C70;
}
#menu li a{
	text-decoration:none;
}
li.homeNav,
li.wineryNav,
li.vineyardNav,
li.treehouseNav,
li.peopleNav,
li.vtoursNav{
	text-align:right;
}
li.winesNav,
li.orderNav,
li.contactNav,
li.newsNav,
li.resourcesNav,
li.suitesNav{
	margin-left:486px;
}
#menu li.winesNav {
	margin-top: -102px;
}






/* universal content styles */
#content .column{
	float:left;
	display:inline;
	width:235px;
	margin-right:5px;
	padding-bottom:10px;
	background: url(../images/bgs/column-bg.gif) center bottom no-repeat;
}
#content .column p{
	padding:0 10px;
	text-align:justify;
}
#content .column ul,
#content .column ol,
#content .column dl,
#content .column h2,
#content .column h3,
#content .column h4{
	padding:0 10px;
}
#content .column .tornedge {
	padding-top:25px;
	background: url(../images/bgs/column-bg.gif) center top no-repeat;
}
#content .column .inlinepic {
	margin-bottom:10px;
}
.column .attachment{
	position:relative;margin-top:-.9em;
}
#content .feature{ /* for special columns etc */
	float:left;
	display:inline;
	margin-right:25px;
	padding:0 60px;
}
#content .feature .column {
	width:295px;
}


/* agents page styles */
.agents h1 {
	text-align:left;
}
.agents .winebox {
	visibility:hidden;
}
.agents #content .international{
	float:left;
	display:inline;
	width:470px;
	margin-left:10px;
	background: url() center bottom no-repeat;
}
.agents #content .international .item{
	float:left;
	display:inline;
	width:225px;
	margin-right:5px;
	padding-bottom:10px;
	background: url(../images/bgs/column-bg.gif) center bottom no-repeat;
}

/* vtour styles */
.tour {
	width:400px;
	margin:0 auto 10px 160px;
	border: 1px solid #934E16;
}
.tour applet{
}




/* wines styles */
#content .column p.names { /* little class to make the images in the salitage intro sit nice */
	text-align:center;
}
#content .names img{ /* little class to make the images in the salitage intro sit nice */
	vertical-align:middle;
}
.subnav {

	border-top: 1px solid #D1C2A7;
	border-bottom: 1px solid #D1C2A7;
	padding:1px 0;
	text-align: center;
	background-color: #FFFBF0;

}
.wines .column h2{
	margin:1em 0 0 0;
}
.wines .column ul{
	margin-bottom:0;
}


/* individual tasting notes styles */
.winelabel {
	position:relative;
	text-transform: none;
	text-align:center;
	width:600px;
	margin-bottom:15px;
	font-family: "Times New Roman", Times, Garamond, Georgia, serif;
	font-size:1.8em;
	z-index:50;
}

.winelabel .year, .winelabel .alc-vol, .winelabel .volume{
	position:absolute;
	color:#B8B1A9;
	margin:0;
	bottom:63px;
}
.winelabel .year{
	width:600px;
	letter-spacing:3px;
	font-size:1.2em;
	left:0;	
}
.winelabel .alc-vol{
	bottom:3px;		
	letter-spacing:-2px;
	left:105px;
}
.winelabel .volume {
	text-align:right;
	bottom:3px;
	right: 105px;
}


/* label years & alc/vol */
/* salitage label styles */

.salitage .winelabel .year{
	color:#AC6C00;
}
.salitage .sauvignon-blanc .year, .salitage .unwooded-chardonnay .year{
	bottom:85px;
}
.salitage .sauvignon-blanc .alc-vol, .salitage .sauvignon-blanc .volume,
.salitage .unwooded-chardonnay .alc-vol, .salitage .unwooded-chardonnay .volume{
	bottom:7px;
}
.salitage .pemberton .year{
	bottom:125px;
}
.salitage .pemberton .alc-vol, .salitage .pemberton .volume{
	bottom:32px;
	padding: 0 60px;
}


/* treehouse label styles */
.treehouse .winelabel .year{
	font-size:1.1em;
	color:#847C67;
	bottom:145px;
}
.treehouse .winelabel .alc-vol, .treehouse .winelabel .volume{
	padding: 0 60px;
}

.t-chardverd h1 .year, .t-chard h1 .year, .t-savblanc h1 .year {
	top:321px;
}
.t-chardverd h1 .alc-vol, .t-chard h1 .alc-vol, .t-savblanc h1 .alc-vol{
	top:459px;
	width:235px;
}



/* order form styles - lots of them */
.order #content .feature{ /* for special columns etc */
	float:none;
	display:block;
}
.order form, .order .orderConfirm {
	background-color: #FFFBF0;
}
.order  p, .order ul, .order dl{
	padding:1px 12px;
}
.order .formdescription, .order .orderConfirm h2{
	font: small-caps bold 1.3em verdana, geneva, arial, helvetica, sans-serif;
	text-transform: capitalize;
	color: #934E16;
	background-color: #D1C2A7;
	border: 1px dotted #996600;
	border-right: 0px none #996600;
	border-left: 0px none #996600;
	margin:1em 0 .3em 0;
	clear:both;
	padding:1px 12px;
}
.order .row,.order table{
	position:relative;
	width: 574px;
	padding:2px 12px;
	clear:both;
}
.order .row{
	border-bottom: 1px dotted #E9E6D3;
}
.order label, .order dl.order dt, .order dl.order dd {
	padding-top:3px;
	line-height:15px;
}
.order label, .order dl.order dt {
	width: 100px;
	float:left;
	clear: left;
	display:inline;
	font-weight:bold;
}
.order dl.order dd{
	margin-left:105px;
} 
.order .winelist{
	padding:1px 12px;
}
.order .winelist label {
	width: 400px;
	float:left;
	display:inline;
	font-weight:normal;
}
.order .winelist label a,
.order .winelist label .winename{
	width: 290px;
	float:left;
	display:block;
}
.order .productQuantity{
	margin-left: 60px;
}
.order .total {
	position:absolute;
	padding-top:3px;
	width:70px;
	text-align:right;
	color: #934E16;
}
.order .grandTotal {
	position:relative;
	text-align:right;
	left:460px;
	width:116px;
	font-size: 1.3em;
	padding: 3px 12px 0px 12px;
}
.order .grandTotal strong{
	float:left;
}
.order .productGrandTotal {
	width:100px;
}
.order fieldset {
	margin:0; 
	padding:0 0 1px 100px;
	border:0px ;
}
.order legend {
	padding:0px;
	font-weight:bold;
	margin-left:-100px !important;
	margin-left:-107px;
	margin-bottom:-19px;
	color: #4F443E;
	text-indent:0;
}
.order fieldset label{
	float:none;
	font-weight:normal;
}
.order fieldset input{
	vertical-align:middle;
}
.order .creditExpiry input, .order .creditType label{
	margin-right:15px;
}
.order .creditCVC label{
	float:none;
	padding-right:5px;
}
.order .smallprint{
	font-size:1em;
	clear:both;
	font-style:italic;
}
.order #submitbutton, .order .confirm {
	margin:0 0 5px 510px;
}
#submitbutton, .confirm {
	text-transform: uppercase;
	font-weight:bold;
	color:#934E16;
	width: 80px;
	padding:2px;
}
.inputError {
	color:#ff1100;
	float:right;
}
.siteseal{
	margin:-5px 12px 5px 12px; 
	float:left;
}

/* extra styles for printable order form */
body.print,
.print #wrapper,
.print .feature form,
.print #content .feature {
	background:#fff;
	margin:0;
	padding:0;
}
.print #header, .print #footer {
	display:none;
}
.print #wrapper{
	width: 18cm;}
.print #content {
	padding: 15px 0;
	margin:0 .5cm;
}
.print #content form {
	width: 17cm;
}

.print #credit_Orders_Sign{
	border:0px;
	border-bottom:1px dotted #999999;
	height:20px;
}
.print input.productQuantity{
	width: 40px;
	margin-left:145px;
}
.print #SubTotal,.print #Freight, .print #GrandTotal{
	margin-left:415px;
	width: 70px;
}
.print .grandTotal{
	font-size: 1em;
	left:440px;
	width:136px;
}
.print .GST{
	text-transform:lowercase;
	font-weight:normal; 
}
.print #content h1{
	margin:1px 0;
}
.print #content p{
	margin-bottom:5px;
}
.print .row{
	width: 16.3cm;
	padding:1px 12px;
}

/* news bits */
.news .formdescription{
	font-weight:bold;
	color: #934E16;}
.news label{
	padding:1px 12px;
	width:45px;
	float:left;}
.news input{
	width: 140px;
	margin-bottom:1px;}
.news #submitbutton{
	margin-left:12px;}

.news dt{
	font-weight:bold;
}
.news .mainnews h2, .news .mainnews h3{
	text-align:center;
}
.news .mainnews h2{
	border-top: 1px dotted #996600;
	border-bottom: 1px dotted #996600;
	margin:1em 0 .3em 0;
}
.news .mainnews h3{
	font-size:1.1em;
}
.news .mainnews {
	padding-bottom:10px
}


/* additional styles */
.winebox{
	position:relative;
	margin:0 0 0 -16px;
	padding-top:20px;
	width:760px;
	left:0;
	clear:both;
	text-align:center;
}
.winebox ul{
	position:absolute;
	left:0;
	top:50px;
	text-align:left;
}
.winebox ul li {
	float:left;
}
.winebox ul li .inlinepic {
	margin:0 3px 8px 0;
	vertical-align:text-bottom;
}
.winebox ul li.salitage-chardonnay {
	float:none;
}
.winebox ul li.salitage-sauvignon-blanc {
	clear:left;
}
.winebox li.salitage-pemberton{
	margin-top:-7px;
}
.winebox li.treehouse-chardonnay-verdelho,
.winebox li.treehouse-chardonnay,
.winebox li.treehouse-sauvignon-blanc,
.winebox li.treehouse-cabernet-merlot,
.winebox li.treehouse-shiraz,
.winebox li.treehouse-pinot-noir{
	margin-top:-17px;
}
.winebox .salitage-rose{
	display:none;
}



/* footer stuff */
#footer p, #footer ul{
}
#footer .credit{
}



/* userpanel stuff */
.greeting {
	margin:0;
}
#userpanel li {
	display:inline;
}



/* lets make the printeout a bit neater */
@media print {

	#wrapper, #header, #footer {
		width:auto;
		margin:0;
		padding:0;
		border:0px;
	}
	#menu, .skiplink, .winebox{
		display:none;	
	}
	#content {
		margin-left:0px;
		margin-bottom:1px;
		padding: 0;
		float:none;
	}
	#content .column {
		width:100%;
		margin:0;
		padding:0;
		float:none;clear:both;
	}
	#content .column .inlinepic{
		float:left;
		margin-right:20px;
	}
	#content .feature{
		margin-right:0px;
		padding:0px;
	}
	.order #header{
		display:none;
	}
	.print #content {
		padding: 0;
		margin:0;
	}
	.notes #content{
		width:660px;
	}
	.notes .winelabel{
		margin-left:30px;
	}
	.notes .subnav, .notes #header, .notes #footer{
		display:none;	
	}
}





/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash #topMenu li{
	}
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png) !important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
		z-index:100;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}

