/* HANDPICKED WINES BASE STYLES
============================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #f0eee1;
	font-size:76%;  /*This rule primarily for IE6 and under*/
	background-color:#996633;
	text-align:center;  /*IE make layout centered*/
	word-wrap: break-word; /*IE proprietary css to make long text wrap such as long URLs. Only works for IE*/
}

html>body { font-size: 12px;  /*Sets font size on modern browsers but is ignored by IE6*/ }

/* BACKGROUND IMAGES
============================ */

body#index, body#home { background:url(../images/pagebkrnd_1.jpg) #996633 0% 0% repeat; }

body#vision, body#vision2 { background:url(../images/pagebkrnd_2.jpg) #996633 0% 0% repeat; }

body#wineselectors { background:url(../images/pagebkrnd_2.jpg) #996633 0% 0% repeat; }

body#ourwines { background:url(../images/pagebkrnd_4.jpg) #996633 0% 0% repeat; }

body#stockists { background:url(../images/pagebkrnd_4.jpg) #996633 0% 0% repeat; }

body#news { background:url(../images/pagebkrnd_6.jpg) #996633 0% 0% repeat; }

body#trade { background:url(../images/pagebkrnd_6.jpg) #996633 0% 0% repeat; }

body#contact { background:url(../images/pagebkrnd_2.jpg) #996633 0% 0% repeat; }

body#moscatopiccolo { background:url(../images/pagebkrnd_9.jpg) #996633 0% 0% repeat; }

/* TYPOGRAPHY
============================ */
	
h1 { } /*Reserved for hidden heading of site which is replaced  by the logo*/

h2 {
	font-size:1.7em;
	font-weight:normal;
	color: #fff;
	margin: 0 0 .6em 0;
	line-height:1.2em;
}

h2.winedetail {
	font-size:1.7em;
	font-weight:normal;
	color: #fff;
	margin: .6em 0 .6em 0;
	line-height:1.2em;
}

h3 {
	font-size:1.2em;
	line-height:1.2em;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
}

h4 {
	font-size:1em;
	line-height:1.3em;
	margin: 0;
	font-weight: bold;
}

h4.news {
	margin-top: 3em;
	margin-bottom: 0.5em;
	font-weight: normal;
}

h5 {   /*Used on distributers page for georgraphical region heading*/
	font-size:1.4em;
	margin-top: 0;
	margin-bottom: 1.1em;
	font-weight: normal;
}

h5.newstitle { }

h6 {  /*Used on distributers page for country headings*/
	font-size:1em;
	line-height:1.4em;
	margin: 0;
	font-weight: bold;
}

p {
	font-size:1em;
	line-height:1.3em;
	margin-top: 0;
	margin-bottom: 1.1em;
	font-weight: normal;
}



p.newsdate {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.2em;
	margin-bottom:0.5em;
}

p.wineprice {  /*Used on wine detail pages*/
	font-size:1.2em;
	line-height:1.2em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1.1em;
	text-transform: uppercase;
}

p.distributors {  /*For address list*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.2em;
}

p.newslinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.2em;
}

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size:0.94em;
	line-height:1.2em;
	text-align:right;
}

.alt {  /*NOT IMPLEMENTED*/
	margin:0;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}

/* GENERAL DOCUMENT LINKS
============================ */

a {
	color:#FFF;
	text-decoration:underline;
}

a:link, a:visited { color:#FFF; }

a:hover { color: #d5b679; }

/* MAIN NAGIGATION MENUS
============================ */

#header ul {
	margin:13px 0 0 0;  /*Value aligns text/logo baselines*/
	padding:0;
}

#header li {
	display: inline;
	padding: 0;
	border:0;
	list-style-type:none;
	margin: 0 1px 0 0;
	padding: 5px 5px;
	background-image:url(../images/brkndtrans1.png);
	background-repeat: repeat;
}

#header a:link, #header a:visited {
	color: #f0eee1;
	text-decoration: none;
}

#header a:hover {
	color: #d5b679;
	text-decoration: none;
}

#submenu ul { margin:30px 0 0 40px; }

#submenu li {
	display: inline;
	border-right: 1px solid #fff;
	list-style-type:none;
	padding: 0 5px;
}

#submenu a:link, #submenu a:visited { color: #d5b679; }

#submenu a:hover { color: #FFFFFF; }

/* GENERAL PAGE LAYOUTS
============================ */

#outerwrapper {  /*centers the layout*/
	position:relative;
	margin:32px auto 32px;
	width:840px;
}

#header {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	height: 35px; /*The logo is 25px H*/
	text-align: left;
	width: 840px; /*1px less for the menu right border*/
}

.headernavright { float:right; }

#submenu {
	margin:0;  /*Link margins styling are on #submenu ul*/
	padding:1px 0 0 0;
	height: 37px;
	width: 840px;
	background-image:url(../images/brkndtrans1.png);
	background-repeat: repeat;
	text-align: left;
}

#innerwrapper {   /*The transparent brown rectangle for main content*/
	margin:0;
	padding:0;
	background-image:url(../images/brkndtrans1.png);
	background-repeat: repeat;
	height: 500px;
	width: 840px;
	text-align: left;
}

#innerwrapperlonger {   /*Used for pages that need auto height content*/
	margin:0;
	padding:0;
	background-image:url(../images/brkndtrans1.png);
	background-repeat: repeat;
	height: auto;
	width: 840px;
	text-align: left;
}

#contentleft {   /*Left column content div on most pages*/
	margin:70px 40px 40px 40px;
	padding:0;
	height: 390px;
	width: 420px;
	text-align: left;
	float: left;
	overflow: hidden;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentright {   /*right column content div on most pages*/
	margin:70px 0px 40px 0px;
	padding:0;
	height: 390px; /*Right content pics must be this size*/
	width: 300px; /*Right content pics must be this size*/
	text-align: left;
	float: left;
	overflow: hidden;
}

#contentleftstockists {  /*Used on Stockists page*/
	margin:70px 40px 40px 40px;
	padding:0;
	height: 390px;
	width: 370px; /*Stockist map is 370px W x 341px H*/
	text-align: left;
	float: left;
	overflow: hidden;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentrightstockists {  /*Used on Stockists pages*/
	margin:70px 0px 40px 0px;
	padding:0;
	height: 390px;
	width: 350px;
	text-align: left;
	float: left;
	overflow: hidden;
}

#contentleftwinedetail {   /*Used only on Our Wines wine product detail pages-HOLDS MAIN PRODUCT DETAILS*/
	margin:70px 40px 40px 40px;
	padding:0;
	height: auto;
	width: 550px;  /*Wine detail images are 550px W x 260px H*/
	text-align: left;
	float: left;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentrightwinedetail {  /*Used only on Our Wines wine product detail pages-HOLDS THE MINI CART*/
	margin: 70px 0px 40px 0px;
	padding: 0;
	height: auto;
	width: 170px;
	text-align: left;
	float:left;
}

#contentrightequalsize {    /*Used only on the Home page layout*/
	margin:60px 0px 40px 10px;
	padding:0;
	height: 360px;
	width: 370px;
	text-align: center;
	float: left;
	overflow: hidden;
}

#contentleftequalsize {  /*Used only on the Home page layout*/
	margin: 60px 10px 40px 40px;
	padding: 0;
	height: 360px;
	width: 368px;  /*370 - 2px right border*/
	border-right: 1px solid #fff;
	text-align: center;
	float: left;
	overflow: hidden;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentwholepage {   /*Used only on the Our Wines page*/
	margin:30px 0px 40px 40px;
	padding:0;
	height: 430px;
	width: 760px;
	text-align: left;
	float: left;
	overflow: hidden;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentwholepageindex {   /*Used only on the Index page*/
	margin:30px 0px 40px 40px;
	padding:0;
	height: 430px;
	width: 760px;
	text-align: center;
	float: left;
	overflow: hidden;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#legalage {  /*Used only on the Index page*/
	margin: 20px 0px 10px 78px;
	padding: 50px 0px 50px 0px;
	width: 600px;
	border:none;
	background-color:#7A6845;
	background-color:#998675;
	background-color:#cc7b39;
	background-color:#b69f81;
}

#contentwholepagelonger {   /*Used for shopping cart pages with longer content*/
	margin:70px 0px 40px 40px;
	padding:0;
	height: auto;
	width: 760px;
	text-align: left;
	float: left;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#containerourwines {   /*A wrapper to achieve white bkrnd*/
	margin:0;
	padding:0;
	height: 400px;  /*Height overflow is hidden in above div- overflow ammount changes with text size*/
	width: 760px;
	background-color: #fff;
}

#footer {
	margin:8px 0 0 2px;
	padding: 0 0 0 0;
	height: 55px;
	clear: both;
}

div.spacer { clear: both; } /*Used to clear floats throughout the layout*/

/* STOCKISTS PAGE STYLES
============================ */

#contentrightstockists p { text-align:left; }

#contentrightstockists p.stockistheading {
	font-size:1.2em;
	line-height:1.2em;
	margin: 0 0 10px 0;
}

#contentrightstockists table { margin: 0; }

#contentrightstockists th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	text-transform:uppercase;
}

#contentrightstockists td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
}

#stockistsresultwrapper {
	margin: 0;
	padding:0;
	height: 360px; /*390 of #contentrightstockists -30 pagination, -10 paginiation top-margin*/
	overflow:hidden;
}

#stockistspaginationwrapper {
	margin: 10px 0 0 0;
	padding:0;
	height: 20px;
}

/* TRADE / MEDIAKIT / ASSETS PAGE STYLES
============================ */

th.trade, td.trade {
	padding:0.5em 0.5em 0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	font-weight: normal;
	font-size:1em;
	line-height:1.3em;
}

/* NEWS PAGE STYLES
============================ */

.newsitem {  /*Applied to divs holding the news articles*/
	border-top:1px dotted #fff;
	margin: 0 0 25px 0;
	padding: 40px 0 0 0;
}

#contentleftnews {
	margin:70px 40px 40px 40px;
	padding:0;
	height: auto;
	width: 550px;
	text-align: left;
	float: left;
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

#contentrightnews {
	margin: 70px 0px 40px 0px;
	padding: 0;
	height: auto;
	width: 170px;
	text-align: left;
	float:left;
}

.images_float_right {
	width: 200px;
	float: right;
	margin:0 0px 20px 20px;
}

/* OUR WINES SCROLLER PAGE STYLES (SHOPPING STYLES IN SHOP.CSS)
============================ */

div.float {
	float: left;
	margin: 0 0 0 26px;
	width: 96px; /*Bottle img width is 54px*/
	display: inline; /*IE fix  -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

div.float p {   /*The wine bottle captions under pictures*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666;
	margin: 0;
	line-height:1.2em;
	font-size:.85em;
}

div.float a:link, div.float a:visited { color: #666; }

div.float a:hover { color: #222; }

p.ourwinescaption {   /*The wine category dividers text*/
	color: #333;
	margin: -2px 0 14px 5px;
	font-size: .85em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.newwinetier {   /*Seperates the different categories of wines with a vertical line*/
	height: 340px;
	float: left;
	margin: 30px 0 0 10px;
	border-left: 1px solid #CCCCCC;
	display: inline; /*IE fix -- http://www.positioniseverything.net/explorer/doubled-margin.html---*/
}

p.prodavail { /*Coming Soon and Out Of Stock labels*/
	font-size:0.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	background-color:#998675;
	padding: 2px 0 2px 0;
	letter-spacing:0.5px;
	width:96px; /*The width of the bottle item divs*/
}

div.float p.prodavail { /*Extra specivity overrides for Our Wines Page*/
	text-align:center;
	color: #ffffff;
}

/* INDEX/ HOME PAGE STYLES
============================ */

a.splashlink:link, a.splashlink:visited { font-size: 1.2em; }

a.splashlink:hover { font-size: 1.2em; }

img.splashlogo { margin: 75px 0 0 0; }

h2.splashheading {  /*Only used on home page*/
	text-align:center;
	color: #fff;
}

/* FORMS AND BUTTONS
============================ */

.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	padding: 1px; /*padding is for safari - test for IE quirks*/
	color: #222;
	background-color:#dccdb3;
}

input[type="submit"].box:hover, input[type="button"].box:hover { /*IE6 users wont see the hover states*/
	background-color: #cab28b;
	cursor: pointer;
}

input[type="submit"].box:focus, input[type="button"].box:focus {
	background-color: #e7cea9;
	cursor: pointer;
}

select:hover, option:hover { cursor: pointer; /*good?*/ }


/* NO JAVASCRIPT NOTICE STYLES
============================ */

div.no_javascript_notice {
  margin: 0;
  width:auto;
  background-color:#ff0000; 
}

div.no_javascript_notice div.inner {
  padding: 5px 0;
  margin: 0px auto;
  text-align: left;
  width: 840px;
}

div.no_javascript_notice h6 {
  font-size: 16px;
  margin: 0 0 5px 0;
color:#000;
}

div.no_javascript_notice p {
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 120%;
color:#000;
}

div.no_javascript_notice p.nojavasmall {
  margin: 0 0 14px 0;
  padding-top: 4px;
  border-top: 1px solid #000;
  font-size: 11px;
  line-height: 120%;
  font-weight:bold;
}