/* *************************** 
  Site - Secondary Styles
  edit Wayne Psaila 13 Feb 2009 11:59
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles (contains Primary Nav)
  $4 - Content Styles
  $5 - Sidebar Styles (includes Sub Nav)
  $6 - Footer Styles
  $7 - Protip Tool Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/

* {
	margin: 0;
	padding: 0;
}
a {
	color:#f68c1e;
	text-decoration:none;
}
a:hover {
	color:#f68c1e;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body { /* main background for all secondary pages */
	text-align:center;
    font-size:75%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #3f1c16 url(/custom/files/media/gdsubpagemainbg.jpg) top center no-repeat;
}
body#homepage { /* main background for Homepage */
	background:#3f1c16 url(/custom/files/media/gdhomepagemainbg.jpg) top center no-repeat;
}
#container {
	width: 970px;
	margin:0 auto;
	text-align:left;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	height:176px;
	position:relative;
}

#header h1 {
	float: left;
	margin: 45px 0 0 16px;
	padding: 0;
}

/* Goundrey Logo */

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 174px;
	height: 129px;
	background: url(/custom/files/media/gdgoundreylogo.gif) 0 0 no-repeat;
}

#header h1 span {
	display: none;
}

/* Utility Nav */

#topnav {
	float:right;
	font: 1.083em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.083em;
}
#topnav li {
	float:left;
	margin:4px 20px;
}
#topnav li a {
	color:#ba9617;
}

#topnav li a:hover {
	color:#decb9f;
	text-decoration: none;
}

/* Primary Nav */

#mainnav {
	width:670px;
	position:absolute;
	left:271px;
	top:94px;
	text-align:center;
	font: 1.5em "Times New Roman", Times, serif;
}
#mainnav li {
	display:inline;
	margin:0 12px;
}
#mainnav li a {
	color:#f68c1e;
}
#mainnav li a:hover {
	color:#fff;
	text-decoration:none;
}
#mainnav li.selected a {
	color:#decb9f;
}

/* *************************** 
   $4 Content Styles
   ***************************/
#content {
}

/* Flash Panel */

#page_top {
	width:970px;
	height:116px;
	margin-top:25px;
}

#page_top h1 { /* this hides the H1 Main Section title */
	display: none;
}

#page_top #sectionFlash {
	margin: 0;
	padding: 0;
}

/* Main Content */

#maincontent {
	width:970px;
	overflow:hidden;
	min-height:300px;
}

#column_middle {
	width:492px;
	float:left;
	padding:35px 25px 35px 25px;
	width/**/:/**/ 442px;
	font-size: 1.1em;
	color: #decb9f;
	background: url(/custom/files/media/gdcontentrightbg.gif) top right no-repeat;
}

#column_middle h1 {
	width:437px;
	height:49px;
	margin-bottom:10px;
	color:#decb9f;
	font-size: 2.1em;
	font-weight:normal;
	background:url(/custom/files/media/gdh1underline.jpg) left bottom no-repeat;
	
}

#column_middle h2 {
	margin: 30px 0 20px 0;
	font-size: 2em;
	font-weight:normal;
	color:#975a3b;
}

#column_middle h3 {
	margin: 15px 0;
	font-size:2em;
	font-weight:normal;
	color:#decb9f;
}

#column_middle p {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* GENERIC PAGE STYLES */

#column_middle .introCopy {
	margin-bottom: 25px;
}

#column_middle .introCopy p { /* Intro Copy for generic page */
	font-size: 1.3em;
	color: #decb9f;
}

#column_middle p.question { /* Q&A Style */
	font-size: 1.35em;
	color: #975a3b;
	margin: 15px 0 9px 0;
}

/* G-WINES OVERVIEW STYLES */

#column_middle .introCopygwines p { /* Intro Copy for wine overview page */
	font-size: 1.15em;
}

#column_middle #brandcol {
	float: left;
	display: inline;
	width: 220px;
	font-size: .95em;
}

#column_middle #brandcol p.brandblurb {
	font-style: italic;
}

#column_middle .brandcol2 {
	padding-right: 0;
}

#column_middle #brandcol h2 { /* Intro Copy for wine brand page */
	font-size: 1.5em;
	color:#fff;
}


/* G-WINES BRAND STYLES */

#column_middle .introCopybrand p { /* Intro Copy for wine brand page */
	font-size: 1.2em;
	color: #fff;
}

#column_middle .brandwrapper .brandbottle {
	float: left;
	width: 64px;
	height: 228px;
	padding-right: 5px;
}

/* G-NEWS STYLES */

#column_middle #bodynewsmain .centricListingTitle {
	font-size: 1.3em;
	color: #fff;
}

#column_middle #bodynewsmain .centricListingDivider {
	width: 100px;
	height: 15px;
}



/* G-WINES DETAILS STYLES */

#column_middle #gwinesdetail #product_box h2 {
	margin: 30px 0 20px 0;
	font-size: 1.25em;
	font-weight:normal;
	line-height: 19px;
	color:#bd9f42;
}

#column_middle #gwinesdetail #product_box {
	position:relative;
	margin-bottom:20px;
	background:url(/custom/files/media/gdbgproductbox.jpg) 250px right no-repeat;
}

#column_middle #gwinesdetail #product_box #Wine-Details {
	color:#fff;
	font-size:1.25em;
	margin-bottom:20px;
	line-height:20px;
}

#column_middle #gwinesdetail #product_box #Wine-Details img {
	margin-top: 40px;
}

#column_middle #gwinesdetail #product_price {
	width:109px;
	position:absolute;
	left:330px;
	margin-top: 40px;
	color:#decb9f;
	font-size: 1.2em;
}

#column_middle #gwinesdetail #product_price sup {
	font-size:0.6em;
}

#column_middle #gwinesdetail #product_price a {
	color:#f68c1e;
}

#column_middle #gwinesdetail #product_price a:hover {
	color:#fff;
	text-decoration:none;
}

/* Middle content form styles */


#column_middle form {
	padding-top: 20px; /* sets extra padding to push content under top flourish corner */
}

/* forms created in Centric have their own inline styles attributes in the div proper in the code - attributes on this file will affect those inline codes */

#column_middle form div.element div { /* Form field visual labels */
	font: bold 12px;
	color: #975a3b;
}

#column_middle form input {
	width: 300px;
	margin-top: 5px;
	padding: 1px 5px;
	font: normal 1em tahoma;
	color: #3f1c16;
	background: #decb9f;
	border: none;
}

#column_middle form textarea {
	width: 300px;
	margin-top: 5px;
	padding: 1px 5px;
	font: normal 1em tahoma;
	color: #3f1c16;
	background: #decb9f;
	border: none;
}

#column_middle form input.button_style {
	width: 60px;
	margin-top: 20px;
	margin-left: -15px;
	font: bold 1em Tahoma;
	color: #f68c1e;
	background: none;
	cursor: pointer;
	border: none;
}

/* Subscribe Form */

#column_middle form.subscribe .inputContainer {
	clear: both;
	width: 433px;
	margin-bottom: 10px;
	padding: 0px;
}

#column_middle form.subscribe label {
	margin-bottom: 7px;
}

#column_middle form.subscribe input.textField {
	width: 200px; /* less padding 111px */
	padding: 0 5px;
	font-size: .9em;
	color: #3f1c16;
	background: #decb9f;
	
}

#column_middle form.subscribe input#button {
	width: 70px;
	margin-top: 0;
	font-weight: bold;
	_font-size: 1em;
	color: #f68c1e;
	border: none;
	cursor: pointer;
	
}


/* *************************** 
   $5 Sidebar Styles
   ***************************/

/* LEFT COLUMN STYLES */

#column_left {
	float:left;
	width:207px;
	min-height:274px;
	padding-top: 45px;
	text-align:right;
	background: url(/custom/files/media/gdcontentleftbg.gif) top right no-repeat;
}

/* Sub Nav */

#column_left #sectionLink a {
	padding: 0 25px 5px 0;
	font-size:1.25em;
	color:#f68c1e;
	font-weight:normal;
}

#column_left #sectionLink a:hover {
	color:#decb9f;
	text-decoration: none;
}

#column_left ul {
	margin-top: 15px;
	margin-bottom: 20px;
}

#column_left ul li {
	padding: 0 25px 5px 0;
}

#column_left ul li a {
	font-size:1.25em;
	font-weight: normal;
	color:#f68c1e;
}

#column_left ul li a:hover {
	color:#fff;
	text-decoration:none;
}

#column_left ul li.selected a {
	color:#decb9f;
}

/* Tertiary Level Nav (on GWines) */

#column_left .tertNav ul {
	margin-top: 10px;
}

#column_left .tertNav ul li {
	padding: 7px 25px 7px 0;
	margin-right: 10px;
}

#column_left .tertNav ul li a {
	font-size: 1em;
	color:#f68c1e;
	padding: 0;
}

#column_left .tertNav ul li a:hover {
	color:#fff;
	text-decoration:none;
}


/* RIGHT COLUMN STYLES */

#column_right {
	float:right;
	width:271px;
	min-height:604px;
	width/**/:/**/ 254px;
	margin-top: 31px;
	padding-left:17px;
	color:#decb9f;
}

/*

Generic Widgets
-----------------------------------
	- widgetList = GBlog
	- widgetPhotothumbs = Photos
	- widgetHerophoto = Large Photo
*/

#column_right #rightWidget {
	width: 226px;
	margin-bottom: 15px;
}

#column_right #rightWidget h3 {
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight: normal;
	color: #975a3b;
}

#column_right #rightWidget ul li a {
	display: block;
	padding: 5px 0;
	color: #f68c1e;
	_display: inline;
}

#column_right #widgetList {
	background: url(/custom/files/media/gdflourishcorner01.gif) 0 0 no-repeat;
}

#column_right #widgetPhotothumbs {
	background: url(/custom/files/media/gdflourishcorner03.gif) 0 0 no-repeat;
}

#column_right #widgetPhotothumbs #panel_around_inner {
	height: 100px;
	padding: 20px 0px 0px 28px; /* right margin left to zero to allow for thumbs to sit inline */
}

#column_right #widgetPhotothumbs .thumb {
	display: inline;
	float: left;
	margin-right: 5px;
}

#column_right #widgetList #panel_around_inner
/* ,
#column_right #widgetForm #panel_around_inner*/ { /* this sets the bottom corner flourish element and padding of the inner content */
	padding: 28px;
	background: url(/custom/files/media/gdflourishcorner02.gif) bottom right no-repeat;
}

#column_right form {
	padding-top: 20px; /* sets extra padding to push content under top flourish corner */
	/* background: url(/custom/files/media/gdflourishcorner02.gif) bottom right no-repeat; */
}

/* forms created in Centric have their own inline styles attributes in the div proper in the code - attributes on this file will affect those inline codes */

#column_right form div.element div { /* Form field visual labels */
	font: bold 12px;
	color: #975a3b;
}

#column_right form p.instruction {
	margin: 5px 0;
}

#column_right form input {
	width: 158px; /* less padding 168px */
	margin-top: 5px;
	padding: 1px 5px;
	font: normal 1em;
	color: #3f1c16;
	background: #decb9f;
	border: none;
}

#column_right form textarea {
	width: 158px; /* less padding 168px */
	margin-top: 5px;
	padding: 1px 5px;
	font: normal 1em;
	color: #3f1c16;
	background: #decb9f;
	border: none;
}

#column_right form input.button_style { /*submit button*/
	width: 60px;
	margin-top: 0;
	margin-left: 120px; /* pushes button to the right */
	font-weight: bold;
	color: #f68c1e;
	background: none;
	cursor: pointer;
	border: none;
}

/* Wine Detail Styles */


#column_right #rightWinenotes h2 {
	font-size:2em;
	margin-top:25px;
	margin-bottom:15px;
	color:#decb9f;
	font-weight:normal;
}
#column_right #rightWinenotes li {
	padding:0 0 3px 12px;
	background:url(/custom/files/media/gdiconlist.jpg) 0 5px no-repeat;
}
#column_right #rightWinenotes li a {
	color:#f68c1e;
}
#column_right #rightWinenotes li a:hover {
	color:#fff;
}
#column_right #rightWinenotes h3 {
	color:#bda34d;
	margin-bottom:10px;
	font-size:1.5em;
	background:url(/custom/files/media/gdicontrophies.gif) 0 0 no-repeat;
	height:25px;
	padding-left:35px;
}

#column_right #rightWinenotes p {
	margin-bottom:10px;
}

#column_right #rightWinenotes p span {
	display:block;
} */



/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
}
#footer_nav {
	text-align:center;
	padding-top:15px;
	padding-bottom:30px;
	border-top:1px solid #4f2e24;
}
#footer_nav li {
	display:inline;
	margin:0 12px;
}

#footer_nav li a {
	color:#8f6c2f;
}

#footer_nav li a:hover {
	color:#fff;
	text-decoration: none;
}

#homepage #footer_nav {
	text-align:right;
	padding-right:30px;
	border-top:none;
}


/*	*************************
	$7 Protip Tool Styles
	************************* */
	
/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title {
	padding: 5px;
}
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}
/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}
/* Required for all tooltips, do not modify */
.prototip {
	position:absolute;
	overflow:hidden;
}
.prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title {
	position:relative;
}
.prototip .content {
	clear:both;
}
.prototip .toolbar .close {
	position:relative;
	text-decoration:none;
	float:right;
	width:19px;
	height:15px;
	display:block;
	line-height:0;
	font-size:0;
	border:0;
	cursor:pointer;
}
.prototip .tooltip {
	clear:both;
	float:left;
}
.prototip .borderLeftWrapper, .prototip .borderRightWrapper {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:20px;
}
.prototip .borderFrame {
	height:100%;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.prototip .borderTop, .prototip .borderBottom {
	overflow:hidden;
}
.prototip .borderRow {
	list-style-type:none;
	float:left;
	width:100%;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
}
.prototip_CornerWrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	clear:both;
}
.prototip_Corner {
	float:left;
	position:relative;
}
.prototip canvas {
	position:relative;
	float:left;
}
.prototip_CornerTr, .prototip_CornerBr {
	float:right;
}
.prototip_BetweenCorners {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	clear:both;
}
.prototip .borderMiddle {
	position:relative;
	float:left;
}
.prototip .borderCenter {
	position:relative;
	float:left;
	height:100%;
}
.prototip_StemWrapper {
	position:relative;
	width:100%;
	height:auto;
	clear:both;
}
.prototip_StemBox {
	float:left;
	position:relative;
}
.prototip_Stem {
	width:100%;
	position:absolute;
	overflow:hidden;
}
.iframeShim {
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	background:none;
	overflow:hidden;
}
.prototip .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.prototip .clearfix {
	display:inline-block;
}/* IE Mac Hide \*/
.prototip .clearfix {
	display:block;
}/* IE Mac Hide End */





/* Age Check on Home Page */

#containerFlashAndForm {
	position:relative;
	width: 100%;
	height: 100%;
}
#containerJustFlash {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}
#containerJustForm {
	position:relative;
	margin:auto auto;
	width: 500px;
	height: 100%;
	/* top:180px;
	left:206px; */
	z-index:2000;
}

#agecheckformheight {
	position:relative;
	margin:auto auto;
	width: 500px;
	height: 500px;
	z-index:2000;
}
#agecheckform {
	position:absolute;
	top:420px;
	left:0px;
	margin:0px auto;
	padding:0px;
	width: 500px;
	height: 80px;
	z-index:2000;
}
#agechecktext {
	color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-bottom:4px;
}
#agecheckfields {
	/* float:left; */
	margin:0px auto;
	text-align:center;
}
/* IE6 & 7 can not style a select box border */
#agecheckfields select {
	font-size:0.8em;
	color:#000000;
	background:#fff;
	border:1px solid #eae1b2;
	padding:1px 0px;
	margin:0px;
	margin-right:1px;
}
#agecheckbutton {
	display:inline;
	/* float:left; */
}
#agecheckbutton input {
	font-size:0.8em;
	color:#000000;
	background:#f0f0f0;
	border:1px solid #eae1b2;
	padding:1px 5px;
	margin-left:4px;
}
#agecheckbutton input:hover,
#agecheckbutton input:active {
	background:#eae1b2 !important;
}