/* Styles for Wine Wizzard */

* { /* this strips padding and margin out from everything */
margin: 0;
padding: 0;
}

body { /* controls all fonts */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;}

p { /* control p padding and margins here */
margin: 10px 0 0 0;
line-height: 18px;
}

/* control tab links here */

.nav_disabled { color: #660000; font-size: 100%; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

a.nav_link { color: #cccccc; text-decoration: none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
a.nav_link:hover { color: #cccccc; text-decoration: underline; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

a.nav_sub_link { color: #660000; text-decoration: underline; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
a.nav_sub_link:hover { color: #660000; text-decoration: none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

.title { /* controls page headings */
color: #660000;
font-size: 130%;
}

.titleWhite { /* controls page headings */
color: #666600;
font-size: 130%;
}

.titleBlack { /* controls page headings */
color: #000000;
font-size: 130%;
}

.terms {
font-size: 90%;
line-height: 14px;
}

/* control all body content links here */

a.body_link { color: #660000; text-decoration: underline; }
a.body_link:hover { color: #660000; text-decoration: none; }

/* control speacial offers text and links here */

.offer_red { color: #660000; font-family:Verdana, Arial, Helvetica, sans-serif; }

.offer_white { color: #666600; font-family:Verdana, Arial, Helvetica, sans-serif; }
a.offer_white_link { color: #666600; text-decoration: underline; }
a.offer_white_link:hover { color: #666600; text-decoration: none; }

/* control footer text and links here */

.footer { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin-left: 20px; }

a.footer_link { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.footer_link:hover { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }


/* control positions of the various content divs here */

div#container {
width: 926px;
\width: 946px; /* this is for cross browser support */
w\idth: 926px; /* so is this! */

margin-left: auto; /* these float container in the middle of the page */
margin-right: auto;
position:relative;
}

div#container #header {
height: 187px;
width: 926px;
margin-top: 0px;
}

div#container #header #TopNavHome {
left: 50px;
position:absolute;
margin: 122px 0px 0px 4px;
}

div#container #header #TopNavProducts {
left: 50px;
position:absolute;
margin: 122px 0px 0px 95px;
}

div#container #header #TopNavProductsSub {
left: 55px;
position:absolute;
margin: 160px 0px 0px 95px;
}

div#container #header #TopNavAbout {
left: 50px;
position:absolute;
margin: 122px 0px 0px 196px;
}

div#container #header #TopNavAboutSub {
left: 50px;
position:absolute;
margin: 160px 0px 0px 196px;
}

div#container #header #TopNavContact {
left: 50px;
position:absolute;
margin: 122px 0px 0px 286px;
}

div#container #content {
height: 100%;
width: 878px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
background-image:url(assets/bck_dot.gif);
}

div#content #FooterText {
position:inherit;
}

div#content #bodytext {
width: 560px;
padding: 0px 20px 20px 20px;
margin: 0px 0px 0px 0px;
}

div#content #ProdList {
width: 600px;
padding: 0px 20px 20px 20px;
margin: 0px 0px 0px 0px;
}

div#content #offers {
width: 215px;
height: 100%;
float: right;
margin: -10px 20px 0px 0px;
background-image:url(assets/offers_bck_dot.gif);
}

div#content #offersCont {
width: 90%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}