/* Stylesheet for Drinkon Homepage
---------------------------------------------- */
/* Basic Styles
---------------------------------------------- */

* {
margin: 0; padding: 0;
}
body {
font-family:Arial, Helvetica, Verdana, sans-serif;
color:#635f50;
background-color:#FFFFFF;
background-image:url(../images/background.jpg);
background-position:top center;
background-repeat: repeat-x;
}
table {
border-collapse:collapse;
}
  /* Structure
----------------------------------------------- */
#wrapper {
margin: 0px auto;
margin-top: -20px;
width: 770px;
}
#header {
background: #FFF url("../images/bg-header.jpg") left top no-repeat;
background-image: url("../images/bg-header.jpg");
background-repeat: no-repeat;
float:left;
width:770px;
height:73px;
}
#tabs {
background:#FFF url("../images/bg-tabs.jpg") left top no-repeat;
float:left;
width:770px;
height:33px;
}
#search {
float: left;
width:770px; height:78px;
margin: 0px;
background: #FFF url("../images/bg-xbar.jpg") top left no-repeat;
}
#page-body {
background-color: #FFF;
float:left;
width:770px;
}
#nav {
background:#FFF /* url("../images/bg-nav.jpg") */top left no-repeat;
float:left;
width:200px;
}
#content {
background-color:#FFF;
float:right;
width:570px;
}
#content-main {
background:#FFF /*url("../images/bg-maincontent.jpg")/*/ top left no-repeat;
float:left;
width:300px;
}
#content-main2 {
float:left;
width:570px;
}
#content-header {
position:relative;
left: 26px;
top: 20px;
width:515px;
height: 100px;
}
#content-extra {
background:#FFF url("../images/bg-contentextra.jpg") top left no-repeat;
float:right;
width:270px;
}

#competitionhome {
float:right;
width:270px;
}

#results {
float: left;
width:220px;
margin: 0px auto;
position: relative;
top: 142px;
left: 12px;
}
  /* Structure
----------------------------------------------- */
#formfields {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; color: #353535; background-color: #FFFFFF;
}
.formfields {
font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; color: #353535
}


/* header
----------------------------------------------- */
#header {
text-align:right;
}
#header p {
font-size:0.62em; margin-top:5px;
}
#header a {
color:#7e7827;
margin:0px 7px;
text-decoration:none;
}
#header a:hover {
text-decoration:underline;
}

/* tabs
----------------------------------------------- */
#tabs {
}
#tabs a {border: none; margin:0px; padding:0px;}
#tabs a img {border: none; margin:0px; padding:0px; float:right;}

/* search
----------------------------------------------- */
#options {float:right; width:400px; padding-top:10px;}
#options a {border-style:none; margin:0px; padding:0px;}
#options a img {border-style:none; margin:0px; padding:0px; float:right;}

/* nav
-------------------------------------------- */
#nav {
background:#FFF /* url("../images/bg-nav.jpg") */top left no-repeat;
float:left;
width:200px;
}

#nav {
padding-top:0px;
}

#nav .image2{
padding-top:0px;
}
#nav .image3{
background-image: url(../images/bg-navtop.jpg)
}
#nav ul {
list-style-type:none;
padding-top:30px;
margin:20px 0px 0px 30px;
}
#nav ul.cats {
background: url("../images/t_tipple.gif") top left no-repeat;
}
#nav ul.shopping {
background: url("../images/t_shopping.gif") top left no-repeat;
}
#nav ul li {
padding-left:10px;
line-height:125%;
background:  url("../images/bullet.gif") left bottom no-repeat;
}
#nav ul.cats li a {
font-size:0.7em;
text-decoration:none;
line-height:125%;
}
#nav ul.shopping li a {
font-size:0.7em;
color:#dfda9e;
text-decoration:none;
line-height:125%;
}
#nav ul.cats li a:hover, #nav ul.shopping li a:hover {
text-decoration:underline;
}

/* nav2_shopping
-------------------------------------------- */
#nav_shopping {
padding-top:0px;
background:#FFF url("../images/bg-navshopping.jpg") top left no-repeat;
}
#nav_shopping ul {
list-style-type:none;
padding-top:55px;
margin:0px 0px 0px 30px;
}
#nav_shopping ul.cats {
background: /*url("../images/t_tipple.gif")*/ top left no-repeat;
}
#nav_shopping ul.shopping {
background: /*url("../images/t_shopping.gif")*/ top left no-repeat; padding-bottom:20px;
}
#nav_shopping ul li {
padding-left:10px;
line-height:125%;
background:  url("../images/bullet.gif") left bottom no-repeat;
}
#nav_shopping ul.cats li a {
font-size:0.7em;
color:#FFFFFF;
text-decoration:none;
line-height:125%;
}
#nav_shopping ul.shopping li a {
font-size:0.7em;
color:#dfda9e;
text-decoration:none;
line-height:125%;
}
#nav_shopping ul.cats li a:hover, #nav ul.shopping li a:hover {
text-decoration:underline;
}
#nav_shopping .formfields {
text-decoration:none; width: 170px; padding-left:5px;
}
/* nav2_tipple
-------------------------------------------- */
#nav_tipple {
padding-top:0px;
background:#FFF  url("../images/bg-navtop.jpg") top left no-repeat;
height: 270px;
position: static;
}
#nav_tipple ul {
list-style-type:none;
padding-top:55px; padding-bottom: 5px;
margin:0px 0px 0px 30px;
}
#nav_tipple ul.cats {
background: /*url("../images/t_tipple.gif")*/ top left no-repeat;
}
#nav_tipple ul.shopping {
background: /*url("../images/t_shopping.gif")*/ top left no-repeat; padding-bottom:30px;
}
#nav_tipple ul li {
padding-left:10px;
line-height:125%;
background:  url("../images/bullet.gif") left bottom no-repeat;
}
#nav_tipple ul.cats li a {
font-size:0.7em;
color:#FFFFFF;
text-decoration:none;
line-height:125%;
}
#nav_tipple ul.shopping li a {
font-size:0.7em;
color:#dfda9e;
text-decoration:none;
line-height:125%;
}
#nav_tipple ul.cats li a:hover, #nav ul.shopping li a:hover {
text-decoration:underline;
}

/* mailing
-------------------------------------------- */
#mailing {
background:#fff /*url("../images/bg-refer.jpg")*/ top left no-repeat;
padding:0px 10px 0px 10px;
}
#mailing h1 {
font-size:0.95em;
}
#mailing p {
font-size:0.7em;
}
#mailing input.submit {
background-image: url("../images/btn_join.jpg");
width:44px; height:24px;
margin-left:148px;
}

/* awards
-------------------------------------------- */
#awards {
background-color:#fff;
padding:12px 0px 20px 40px;
}

/* content-main
-------------------------------------------- */
#content-main {
padding-top:0px; overflow:hidden;
}
#pick { padding:0px 30px 0px 0px;}
#pick table { font-size:1em; }
#pick, #pick td { font-size:1em; }
#pick td.img {width:120px; vertical-align:top;}
#pick td.img img {margin:10px 10px 10px 25px; }
#pick td.txt {padding:8px 20px 0px 0px; vertical-align:top; }
#pick td h1 {font-size:0.95em; font-weight:bold; padding-right: 10px; }
#pick td p {font-size:0.7em; }
#pick td .redtext {font-size:0.7em; color:#990000; padding-left:25px; padding-top:25px; font-weight: bold; }
#pick td p.price {font-size:0.86em;font-weight:bold;color:#7e7827; }
#pick td a {color:#900; text-decoration:underline;}
#pick .bg { background-image: url(../images/bg-maingradient.jpg)}

/* content-main
-------------------------------------------- */
#content-main2 {
  padding-top:0px; overflow:hidden;
}
#list {margin:0; padding:0; }
#list table{ margin: 0 auto;}
#list, #list td { font-size:1em; }
#list td.title {border-bottom:#DDD 1px solid; }
#list td.title img { margin:27px 0px 8px 36px; }
#list td.img img {margin:0px 10px 0px 0px; }
#list .img {margin:0px 10px 10px 0px; }
#list .detailedimg {margin:0px 0px 10px 10px; }
#list .bg { background-image: url(../images/bg-header-repeat.jpg)}
#list .divider { background-image: url(../images/divider_hor.gif)}
#list .extrainfo {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999966;}
/* 2006-10-20 [nr] why is this img class here?
#list td.img {height: 1px; width:120px; vertical-align:top; }
#list td.img img {margin:10px 10px 0px 0px; } 
2006-10-20 [nr] adding a style to imgs - colin and abel couldn't work out why the imgs weren't getting margins

#list td img {border: #000 0px solid; margin-top:10px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; padding-right: 2px; padding-left: 2px; }*/ 
#list td.txt {padding:8px 20px 0px 0px; vertical-align:top; }
#list td h1 {font-size:0.95em; font-weight:bold; /*color:#;*/ }
#list td p {font-size:0.7em;}
#list td .redtext {color:#990000}
#list td p.price {font-size:0.86em;font-weight:bold;color:#7e7827; }
#list td a {color:#900; text-decoration:underline;}
#list td a:link.link02 {color:#635F50; text-decoration: none;}
#list td a:hover.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}
#list td a:visited.link02 { font-family: Arial, Verdana;  color: #635F50; text-decoration: none; font-weight: bold;}
#list td a:visited:hover.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}
#list .formfields{ width:200px; height: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#list .formfields2{ font-family: Verdana, Arial, Helvetica; font-size: 0.9em;}

.itemlist { padding:0px 20px 0px 10px;}
.itemlist table { font-size:1em; width:270px;}
.itemlist { font-size:1em; }
.itemlist td.title { border-bottom: #DDD 1px solid; }
.itemlist td.title img { margin:27px 0px 8px 36px; vertical-align:top; }
.itemlist td.img {width:94px;}
/*.itemlist td.img img {margin:8px 10px 0px 0px; }*/
.itemlist td.img img {margin:0px 10px 0px 0px; }
.itemlist td.txt {padding:8px 20px 0px 0px; vertical-align:top; }
.itemlist td h1 {font-size:0.95em; font-weight:bold; }
.itemlist td p {font-size:0.7em; }
.itemlist td p.price {font-size:0.86em;font-weight:bold;color:#7e7827; }
.itemlist td a {color:#900; text-decoration:underline;}


/* content-extra
--------------------------------------------------------- */
#content-extra h1 { font-size: 0.2em; padding-left:10px; padding-top: 10px; }
#content-extra .newsitem h1 {font-size:0.7em; font-weight:bold; border-style:none;}
#content-extra .newsitem p {font-size: 0.7em; padding-left:10px;  }
#content-extra .redtext {font-size: 0.7em; padding-left:25px; padding-right:15px; padding-top:23px; font-weight:bold; color:#990000; }
#content-extra table { margin-bottom: 5px;}

/* footer
---------------------------------------------------------- */
#footer {
 padding-top:25px;
 background-position:top;
 background-image: url(../images/bottombg.jpg);
 background-repeat:repeat-x;
 clear:both;
margin:0px auto;
width:100%;
text-align:center; height:78px;
}
#footcont {
 text-align:left;
margin:0px 10px;
}
#footer p { font-size: 0.62em; margin-left:12px; margin-right:0px; }
#footer a {text-decoration:none; color:#635f50; }
#footer a:hover {text-decoration:underline; }
#footer img.right {float:right; }
#footer img {border: solid 0px #fff; }
#footer a:link.thawte { text-decoration: none; }
#footer a:hover.thawte { text-decoration: none; }
#footer a:visited.thawte { text-decoration: none; }
#footer a:visited:hover.thawte { text-decoration: none; }
/* Links
---------------------------------------------------------- */
.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}
a:link.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}
a:hover.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}
a:visited.link02 { font-family: Arial, Verdana;  color: #635F50; text-decoration: none; font-weight: bold;}
a:visited:hover.link02 { font-family: Arial, Verdana; color: #635F50; text-decoration: none; font-weight: bold;}

.link03 { font-family: Arial, Verdana; color: #900; text-decoration: none;}
a:link.link03 { font-family: Arial, Verdana; color: #900; text-decoration: none;}
a:hover.link03 { font-family: Arial, Verdana; color: #900; text-decoration: none;}
a:visited.link03 { font-family: Arial, Verdana;  color: #900; text-decoration: none;}
a:visited:hover.link03 { font-family: Arial, Verdana; color: #900; text-decoration: none;}

.navback {
background-image: url(../images/bg-navtop.jpg)}
.navback2 {
background-image: url(../images/bg-navshopping.jpg)}

.redtext {
color: #990000;
font-weight: bold;
}