/* Main Navigation */
a.mainnav  { padding: 0px 5px; color: #fff; font: bold 10px Verdana; text-decoration: none }
a.mainnav:hover { color: #fedd00 }
.mainnavon {  padding: 6px 5px; color: #2576bb; font: bold 10px Verdana; background-color: #e8e8e8; text-decoration: none  }

/* Product Navigation */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.sub_navtop { padding: 5px 0px 12px 12px; color:#fff; font: bold 11px Verdana; background-image: url(images/nav/subnav_top.gif); background-repeat: no-repeat; }
#sub_nav ul { margin: 0; padding: 0; list-style-type: none; font: bold 10px/12px Verdana; }
#sub_nav li a { display: block; margin: 0; padding: 4px 0px 4px 12px; color: #2576bb; text-decoration: none; background-color: #f6f7fc; }
#sub_nav li a:hover { color: #ec2222; }
#sub_nav a#on { color: #283883; }

/* Bottom navigation */
.bottomnav { padding: 20px 0px 0px 45px; color:#283883; font: 9px Verdana; }
.bottomnavinside { padding-top: 20px; color:#283883; font: 9px Verdana; }
a.bottomnavlink { color:#2576bb; }
a.bottomnavlink:hover { color:#ec2222; }

/* Home page styles */
.bodyhome { padding: 0px 20px 5px 45px; color:#7c7c7c; font: 10px/15px Verdana; }
.bodyboldhome { color:#7c7c7c; font: bold 10px/15px Verdana; }
.title { color:#2576bb; font: bold 18px Verdana; }

.panel_titlebar { padding: 5px 12px 10px 12px; color:#fff; font: bold 11px Verdana; background-image: url(images/home_panel/title_bar.gif); background-repeat: no-repeat; }
.panelbody { padding: 2px 5px 2px 12px; color:#000; font: 10px/13px Verdana; }

/* Body and links */
.bodybold { color:#727272; font: bold 10px/15px Verdana; }
a.bodyboldlink { color:#2576bb; font: bold 10px/15px Verdana; }
a.bodyboldlink:hover { color:#ec2222; }

.alert { color:#e5271b; font: bold 10px/15px Verdana; }

.body { padding: 0px 140px 5px 0px; color:#727272; font: 10px/15px Verdana; }
.bodytable { color:#727272; font: 10px/15px Verdana; }
a.bodylink { color:#2576bb; }
a.bodylink:hover { color:#ec2222; }

.bodybluebold { color:#283883; font: bold 10px/15px Verdana; }

/* Product panels */
.producttop { padding: 5px 12px 5px 12px; color:#fff; font: bold 11px Verdana; background-image: url(images/products/top.gif); background-repeat: no-repeat; }
.productbottom { background-image: url(images/products/bottom.gif); background-repeat: no-repeat; }

.flavourtitle { color:#2576bb; font: bold 11px Verdana; }
.sizebottom { padding: 5px 5px 2px 7px; color:#000; font: 9px Verdana; background-image: url(images/products/size_bottom.gif); background-repeat: no-repeat; }

.listtitle { border-left: 1px solid #e1e1e1; color:#2476bb; font: bold 10px Verdana; background-color: #c1c1c1; }
.listtitle2 { padding-left: 11px; color:#fff; font: bold 12px Verdana; background-color: #acacac; }
.listflavour { border-top: 1px solid #e1e1e1; padding-left: 11px; color:#2476bb; font: bold 10px Verdana; }
.list { border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
.listsize { color:#fff; font: 9px Verdana; }

/* Bullets - inside */
ul.bullet { list-style-type: none; padding: 0 0 5px 0; margin: 0; }
.bullet li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: .0em .1em; padding-left: 1.5em; padding-right: 100px; }

/* Product result table */
.producttable { padding: 10px 0; border-bottom: 1px solid #c2c2c2; }
.producttitle { color:#283883; font: bold 11px/16px Verdana; }
.productdetailsbold { color:#000; font: bold 9px/14px Verdana; }
.productdetails { color:#000; font: 9px/12px Verdana; }

/* Form */
.formtable { padding: 4px 2px; color:#000; font: 10px Verdana; background-color: #e1e1e1; border-bottom: 1px solid white; }

/* Buttons */
a.moreinfo { padding: 0 0 1 25px; color:#2576bb; font: bold 10px Verdana; text-decoration: none; background-image: url(images/buttons/more_info.gif); background-repeat: no-repeat; }
a.moreinfo:hover { color:#283883; background-image: url(images/buttons/more_info_over.gif); background-repeat: no-repeat; }
a.arrow { padding: 0 0 1 25px; color:#2576bb; font: bold 10px Verdana; text-decoration: none; background-image: url(images/buttons/arrow.gif); background-repeat: no-repeat; }
a.arrow:hover { color:#283883; background-image: url(images/buttons/arrow_over.gif); background-repeat: no-repeat; }
a.back { padding: 0 0 1 25px; color:#2576bb; font: bold 10px Verdana; text-decoration: none; background-image: url(images/buttons/back.gif); background-repeat: no-repeat; }
a.back:hover { color:#283883; background-image: url(images/buttons/back_over.gif); background-repeat: no-repeat; }
a.top { padding: 0 0 1 25px; color:#2576bb; font: bold 10px Verdana; text-decoration: none; background-image: url(images/buttons/top.gif); background-repeat: no-repeat; }
a.top:hover { color:#283883; background-image: url(images/buttons/top_over.gif); background-repeat: no-repeat; }
a.delete { padding: 0 0 1 25px; color:#2576bb; font: bold 10px Verdana; text-decoration: none; background-image: url(images/buttons/delete.gif); background-repeat: no-repeat; }
a.delete:hover { color:#283883; background-image: url(images/buttons/delete_over.gif); background-repeat: no-repeat; }
.title2 { color:#2576bb; font: bold 18px Verdana; padding-left: 10px; }
.body2 { padding: 0 140px 5px 10px; color:#727272; font: 10px/15px Verdana; }
a.bodylink2 { color:#2576bb; }
.bodybold2 { color:#727272; font: bold 10px/15px Verdana; padding-left: 10px; }