/**
 * Basic setup
 */

body {
font-family: arial, sans-serif; /* a global setting that should cascade */
font-size: 62.5%; /* same here */
color: #000; /*and here*/
text-align: center; /* center the contents of the body tag for IE */
margin: 0; /* remove default top margin */
background: #fff; /* url() top center repeat-y; */
}

/**
 * Header container
 */

#header {
 width: 760px;
 margin: 0 auto;
 padding: 0;
 height: 190px;
 background: #fff url("../img/header_bkgnd.jpg") top left no-repeat;
}

/**
 * Main content container
 */

#container {
 position: relative;
 width: 760px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background: #fff url(../img/container_bkgnd.jpg) top left no-repeat;
}

/**
 * Footer container
 */

#footer {
 position: relative;
 clear: both;
 width: 760px;
 margin: 0 auto;
 text-align: center;
 height: 80px;
 background: #fff url("../img/footer_bkgnd.jpg") bottom left no-repeat;
}

/**
 * Home column layout
 */

body#home #leftcolumn {
float: left;
width: 280px;
padding-left: 55px;
padding-right: 0;
padding-top: 10px;
text-align: left;
/* HACK! Correct width (below) + any padding width + any border width = width above */
voice-family: "\"}\"";
voice-family:inherit;
width:225px;
}

/* If doing HACK above */
html>body#home #leftcolumn {
width: 225px;
}

body#home #rightcolumn {
width: 420px;
margin-left: 335px;
padding-left: 0;
padding-right: 20px;
padding-top: 15px;
text-align: left;
/* HACK! Correct width (below) + any padding width + any border width = width above */
voice-family: "\"}\"";
voice-family:inherit;
width:400px;
}

/* If doing HACK above */
html>body#home #rightcolumn {
width: 400px;
}

/**
 * Column layouts for internal pages (not home)
 */

body#about #leftcolumn,
body#organic #leftcolumn,
body#news #leftcolumn,
body#contact #leftcolumn,
body#distributors #leftcolumn {
float: left;
width: 250px; 
padding-left: 50px;
margin-top: 10px;
text-align: left;
/* HACK! Correct width (below) + any padding width + any border width = width above */
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
}

/* If doing HACK above */
html>body#about #leftcolumn,
html>body#organic #leftcolumn,
html>body#news #leftcolumn,
html>body#contact #leftcolumn,
html>body#distributors #leftcolumn {
width: 200px;
}

body#about #rightcolumn,
body#organic #rightcolumn,
body#news #rightcolumn,
body#contact #rightcolumn,
body#distributors #rightcolumn {
/* width: 420px; */
margin-left: 290px;
margin-right: 20px;
text-align: left;
/* HACK! Correct width (below) + any padding width + any border width = width above */
voice-family: "\"}\"";
voice-family:inherit;
/* width:400px; */ 
}

/* If doing HACK above */
html>body#about #rightcolumn,
html>body#organic #rightcolumn,
html>body#news #rightcolumn,
html>body#contact #rightcolumn,
html>body#distributors #rightcolumn {
/* width: 400px; */
}

/**
 * Default heading styles
 */

h1 { font-size: 1.8em; font-family: 'Lucida Grande', Arial, sans-serif; }
h2 { font-size: 1.6em; font-family: 'Lucida Grande', Arial, sans-serif; }
h3 { font-size: 1.4em; font-family: 'Lucida Grande', Arial, sans-serif; }
h4 { font-size: 1.2em; font-family: 'Lucida Grande', Arial, sans-serif; }
h5 { font-size: 1.0em; font-family: 'Lucida Grande', Arial, sans-serif; }
h6 { font-size: 0.8em; font-family: 'Lucida Grande', Arial, sans-serif; }

/**
 * Custom heading styles
 */

#container h1 {
 margin-left: 50px;
 font-size: 1.2em;
 color: #666;
 text-align: left;
 word-spacing: 0.1em;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}

#container h2 {
 margin-left: 50px;
 font-size: 1.2em;
 color: #666;
 text-align: left;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
}
 
#rightcolumn h1 {
 margin-left: -3px;
 font-size: 1.2em;
 color: #666;
 text-align: left;
 word-spacing: 0.1em;
 letter-spacing: 0.1em;
 text-transform: uppercase;
}

#rightcolumn h2 {
 margin-left: 0px;
 font-size: 1.2em;
 color: #666;
 text-align: left;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
}

/**
 * Paragraph styles
 */

#container p {
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 color: #666;
 font-size: 1.1em;
 font-family: arial, sans-serif;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
}
 
body#privacy #container p,
body#sales #container p,
body#subscribe #container p {
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 margin: 0 20px 0 50px;
 color: #666;
 font-size: 1.1em;
 font-family: arial, sans-serif;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
}

body#home #rightcolumn p {
 padding-top: 0;
 padding-bottom: 0;
 color: #818181;
 font-size: 0.9em;
 font-family: 'Lucida Grande', verdana, sans-serif;
 line-height: 2.8em;
 letter-spacing: 0.2em;
 word-spacing: 0.2em;
 text-transform: uppercase;
 text-align: justify;
}

#footer p {
 padding-top: 40px;
 color: #818181;
 font-size: 0.9em;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 text-transform: uppercase;
}

/**
 * List styles
 */

#rightcolumn ul {
 margin-left: 10px;
 list-style-type: none;
}

#rightcolumn ul li {
 list-style-type: none;
 color: #818181;
 font-size: 1.1em;
 font-family: 'Lucida Grande', verdana, sans-serif;
 line-height: 1.6em;
 word-spacing: 0.1em;
}
#container ul {
 margin-left: 10px;
 list-style-type: none;
}

#container ul li {
 list-style-type: none;
 color: #818181;
 font-size: 1.1em;
 font-family: 'Lucida Grande', verdana, sans-serif;
 line-height: 1.6em;
 word-spacing: 0.1em;
}

/**
 * Links
 */

p a {
 color: #a69dba;
 text-decoration: none;
}

p a:hover {
 color: #514fa1;
 text-decoration: none;
}

#footer p a:link, #footer p a:visited{
 color: #818181;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 text-transform: uppercase;
}

#footer p a:link.active, #footer p a:visited.active, #footer p a:hover {
 color: #EB592A;
}

/**
 * Image styles
 */

#leftcolumn img {
 border: 0;
 margin-bottom: 10px;
}
 
/**
 * Main navigation
 */

 #navwrapper {
 height: 80px;
 margin: 0 auto;
 text-align: center;
}

#nav {
 margin: 0 0 0 0;
 padding: 1em 0 1em 0;
}

ul#nav {
list-style-type: none;
}

ul#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
	
ul#nav a:link, ul#nav a:visited {
 font-weight: bold;
 padding: 0.8em 1.4em 0.8em 1.4em;
 color: #A59651;
 font-size: 1.0em;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 text-decoration: none;
 text-transform: uppercase;
}

ul#nav a:link.active, ul#nav a:visited.active, ul#nav a:hover {
 color: #EB592A;
}
 
table#primarynavigation {
 height: 60px;
 margin-right: 20px;
}

table#primarynavigation tr td#nav1 {
 width: 110px;
 text-align: left;
}

table#primarynavigation tr td#nav2,
table#primarynavigation tr td#nav3,
table#primarynavigation tr td#nav4,
table#primarynavigation tr td#nav5,
table#primarynavigation tr td#nav6 {
 width: 114px;
 text-align: center;
}

table#primarynavigation tr td#nav7 {
 width: 114px;
 text-align: right;
}

table#primarynavigation tr td a {
 font-weight: bold;
 color: #A59651;
 font-size: 1.0em;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 text-decoration: none;
 text-transform: uppercase;
}

table#primarynavigation tr td a:hover {
 color: #EB592A;
}

/**
 * Tables
 */
 
th {
 padding: 5px 0 5px 0;
 text-align: left;
 color: #666;
 font-size: 1.2em;
 font-family: arial, sans-serif;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 background: #f5f5f5;
}

th {
 padding: 5px 0 5px 0;
 text-align: left;
 color: #666;
 font-size: 1.1em;
 font-family: arial, sans-serif;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 background: #f5f5f5;
}

td.tblHeading {
 width: 100px;
 padding: 0;
 text-align: right;
 color: #666;
 font-size: 1.1em;
 font-family: arial, sans-serif;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 background: #f5f5f5;
}

.tblHeading10 { width: 10px; }
.tblHeading20 { width: 20px; }
.tblHeading30 { width: 30px; }
.tblHeading40 { width: 40px; }
.tblHeading50 { width: 50px; text-align: center; }
.tblHeading60 { width: 60px; }
.tblHeading80 { width: 80px; }
.tblHeading100 { width: 100px; }
.tblHeading150 { width: 150px; }
.tblHeading200 { width: 200px; }
.tblHeading250 { width: 250px; }
.tblHeading300 { width: 300px; }
.tblHeading350 { width: 350px; }
.tblHeading400 { width: 400px; }

.tblOptionLinkHeading { width: 50px; }
td.tblOptionLink { text-align: center; }

td.textleft { text-align: left; }
td.textcenter { text-align: center; }
td.textright { text-align: right; }

td {
 padding: 5px 0 5px 0;
 font-size: 1.1em;
 color: #666;
 font-family: arial, sans-serif;
 line-height: 1.4em;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
}

/**
 * Miscellaneous classes
 */

.clearfix { clear: both; }
.texttoupper { text-transform: uppercase; }

/**
 * Specific content layout and styles
 */

body#wines #productwrapper {
 text-align: center;
}

body#wines div.productbox {
position: relative;
clear: both;
/* width: 690px; */
margin-left: 50px;
margin-right: 20px;
text-align: left;
/* HACK! Correct width (below) + any padding width + any border width = width above */
voice-family: "\"}\"";
voice-family:inherit;
/* width:690px; */
}

/* If doing HACK above */
html>body#wines div.productbox {
/* width: 690px; */
}
 
body#wines div.productbox h2 {
 padding: 0;
 margin-left: 280px;
 margin-bottom: 0;
 color: #666;
 font-family: arial, sans-serif;
 font-size: 1.2em;
 text-align: left;
 text-transform: uppercase;
}

body#wines div#product1 h2 { padding-top: 20px; }
body#wines div#product2 h2 { padding-top: 16px; }
body#wines div#product3 h2 { padding-top: 18px; }


body#wines div.productbox p {
 margin: 0 0 0 280px;
 color: #666;
 font-family: arial, sans-serif;
 font-size: 1.1em;
 letter-spacing: 0.1em;
 word-spacing: 0.1em;
 text-align: justify;
}

body#wines div.productbox img.productshot {
 float: left;
 width: 187px;
}