@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #fcae10 url(../../img/main_bgrd.jpg) scroll repeat-x top center;
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
}

blockquote:before, blockquote:after,
q:before, q:after {
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
	border-collapse: collapse;
}
img {border: none;}
.clear {clear:both;}

/* General styles */
body.no_header {background: #fcae10 url(../../img/no_header_bgrd.jpg) scroll repeat-x top center;}
body.global {background: #fcae10 url(../../img/global_bgrd.jpg) scroll repeat-x top center;}
#container {}
#wrap {width: 1000px; margin: 0 auto; text-align:center;}

/* postcode styles */
.postcode {width: 488px; height: 568px; margin: 0 auto; text-align:center; background:transparent url(../../img/postcode_map.jpg) scroll no-repeat top center;}
.postcode span {font-size: 16px; color: #ffffff; margin: 156px 0 0 30px; display:block; font-weight: bold;}
.postcode_form_padding {padding: 15px 0 0 135px;}
.postcode_form {float: left; width: 255px; height: 26px; background: transparent url(../../img/postcode_input_bgrd.gif) scroll no-repeat top left; padding-bottom: 5px;}
.postcode_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding-top: 3px; width: 175px;}
.postcode_form input.pcode {float: left; text-align: center; background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 195px;}
.postcode_form img { vertical-align: top; padding: 3px 5px 0 0; float: right; border: none;}

/* postcode footer */
.postcode_footer {color: #ffffff; padding-bottom: 20px; font-size: 11px;}
.postcode_footer a {text-decoration: none; color: #000000; padding: 0 5px 0 5px;}

/* header styles */
.header {width: 1000px; float: left;}
.header .logo img {float: left;}

/* menu styles */
.menu_container {float: left; width: 1000px;}
.menu_container a {text-decoration: none; font-family: Helvetica, Arial, Sans Serif; font-size: 11px; color: #ffffff;}
.menu_tabs {float: left;  width: 1000px;}
.menu_tabs ul { /* border-right:1px solid #535353; */ float: left; width: 999px;}
.menu_tabs ul li {float: left; height: 36px; line-height: 35px; padding: 0 11px; border-right:1px solid #535353;}
.menu_tabs ul li.tab.active {background: #ffffff; text-align: center; color:#000000; border: none;}
.menu_tabs ul li.tab.last {border: none;}
.menu_tabs ul li.tab a {padding: 0 15px; font-size: 12px; font-weight: bold; color: #ffffff; display:block; height: 35px; float: left;}
.menu_tabs ul li.tab.active a {padding: 0 15px; font-size: 12px; font-weight: bold; color: #000000;}

.menu_tabs ul li.tab a:focus { outline-style: none }

/* content area styles */
.content {width: 1000px; float: left; padding-top: 10px;}
/* styling for content with white background */
body.main .content {background: #ffffff url(../../img/main_content_top_bgrd.gif) scroll repeat-x top left;}

/* carousel styles */
.carousel {float: left; min-height: 173px; height: 173px; width: 984px; background: transparent url(../../img/carousel_bgrd.gif) scroll no-repeat top center; padding: 20px 8px 0px 8px;}
html > body .carousel {height: 100%;}
.carousel .left_arrow {float: right; width: 30px; /*padding-right: 5px;*/ cursor:pointer;}
.carousel .right_arrow {float: left; width: 30px; /*padding-left: 5px;*/ cursor:pointer;}
.carousel .gal_img {float: left; text-align: center; margin: 0 8px 0 0;}
.carousel .img_carousel {float: left; width: 920px; height: 150px;position:relative;overflow:hidden;}
.carousel .img_carousel ul{
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel .img_carousel ul li { list-style:none;}
.carousel .gal_img a{
    float: left;
    height: 150px;
    width: 220px;
}
.carousel .gal_img img {
    height: 150px;
    width: 220px;
    border: none; 
    vertical-align: bottom; 
    /*margin: 0 1px;*/
}

/* promo styles */
.promos {width: 980px; float: left; padding: 8px 10px 35px;}
html > body .promos {padding: 12px 10px 35px;}
.promos .promo_ice {width: 260px; height: 200px; float: left;}
.promos .promo_mojitos {width: 220px; height: 200px; float: left; padding: 0 20px 0 0;}
.promos .promo_map {width: 220px; height: 200px; float: left; padding: 0 20px 0 0;}
.promos .promo_mail {width: 204px; height: 200px; float: left; background: transparent url(../../img/promo_mail.jpg) scroll no-repeat top left; padding: 0 20px 0 16px; text-align: left;}
.promos .promo_mail span {color: #ffffff; text-align: left; display:block; padding: 70px 0 5px 0; font-size: 11px; font-weight:bold;}
.promos .promo_mail .cm_form {width: 190px; height: 26px; background: transparent url(../../img/cm_input_bgrd.gif) scroll no-repeat top left; padding-bottom: 5px;}
.promos .promo_mail .cm_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 175px;}
.promos .promo_mail .cm_form input.pcode {float: left; background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 85px;}
.promos .promo_mail .cm_form img { vertical-align: top; padding: 3px 5px 0 0; float: right; border: none;}

/* breadcrumb styles */
.breadcrumb {float: left; text-align: left; padding:5px 0 25px 30px; width: 970px; color: #858484; font-size: 12px;}
.breadcrumb a {text-decoration: none; color: #4680c8; font-size: 12px;}

/* sidebar styles */
.sidebar {width: 300px; float: left;}
html > body .sidebar {width: 320px;}

/* sidebar subnav styles */
.subnav {float: left; text-align: left; padding-left: 30px; font-size: 12px;}
.subnav .bullet {color: #fca60b; padding-right: 5px;}
.subnav ul {float: left; width: 260px; border-bottom: 1px solid #d6d6d6; padding-bottom: 10px;}
.subnav ul li {color: #858484; line-height: 20px;}
.subnav ul li.active {color:#2f2d2d;}
.subnav ul li.active a {color:#2f2d2d;}
.subnav ul li a {color: #858484; text-decoration: none;}
.subnav ul li ul {padding-left: 10px; padding-bottom: 0px; border: none;}
.subnav ul li ul li.active {color: #fca209;}
.subnav ul li ul li.active a {color: #fca209;}

/* sidebar promos styles */
.sidebar .promos {width: 320px; float: left; padding: 10px 10px;}
.sidebar .promos .promo_mail {width: 204px; margin-left: 8px; height: 200px; float: left; background: transparent url(../../img/promo_mail_sidebar.jpg) scroll no-repeat top left; padding: 0 20px 0 16px; text-align: left;}
html > body .sidebar .promos .promo_mail {margin-left: 20px;}
html > body .sidebar .promos {width: 320px;}
body .sidebar .promos {width: auto;}
.sidebar .promos .promo_mail span {color: #ffffff; text-align: left; display:block; padding: 70px 0 5px 0; font-size: 11px; font-weight:bold;}
.sidebar .promos .promo_mail .cm_form {width: 190px; height: 26px; background: transparent url(../../img/cm_input_bgrd_grey.gif) scroll no-repeat top left; padding-bottom: 5px;}
.sidebar .promos .promo_mail .cm_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 175px;}
.sidebar .promos .promo_mail .cm_form input.pcode {float: left; background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 85px;}
.sidebar .promos .promo_mail .cm_form img { vertical-align: top; padding: 3px 5px 0 0; float: right; border: none;}

/* main content area styles */
.main_content {float: left; width: 630px; text-align: left; padding-right: 30px; padding-bottom: 20px;}
html > body .main_content {width: 650px;}
.main_content h2 {float: left; font-size: 22px; font-weight: bold; padding-bottom: 20px;}
.main_content h3 {float:left; width: 300px; font-size: 18px; font-weight: bold; padding: 16px 0;}
.main_content .sitetools {float: right;}
.main_content .sitetools .print {margin: 0 10px;}
.main_content p {color: #727171; font-size: 12px; padding: 5px 0px; line-height: 18px;}
.main_content a {color: #4680c8; font-size: 12px;}
.main_content p strong {color:e:none; display: block;}

/* recipe styles */
.recipe_left {float: left; width: 300px;}
.recipe_right {float: right; width: 300px;}
.recipe_header {float: left; width: 290px; height: 30px; padding-left: 10px; line-height: 30px; background: #333333 url(../../img/content_header_bgrd.jpg) scroll no-repeat top left; color: #ffffff; font-size: 16px; font-weight: bold;}
.recipe_header img {border:none; display: block;}
.prep_times {float: left; width: 180px;}
.prep_times span.label {float: left;}
.prep_times strong {float:right;}

/* competitions styles */
.competitions_top {width: 650px; height: 10px; background: url(../../img/competitions_top.gif) scroll no-repeat bottom left;}
.competitions {width: 625px; padding: 5px 15px 5px 10px; background: url(../../img/competitions_mid.gif) scroll repeat-y top left; border-bottom:1px solid #C8C8C8;}
.last_competition {border: none;}
.competitions_bottom {width: 650px; height: 10px; background: url(../../img/competitions_bot.gif) scroll no-repeat top left;}


/* newsletter signup form styles */
.signup_form {width: 320px; padding: 10px 0 0 0; float:left; }
.signup_form .item {float: left; width: 300px; padding: 10px 0 0 0;}
.signup_form label {float: left; width: 100px; font-size: 12px; font-weight:bold; padding: 5px 10px 0 0; }

.signup_form .input_container {float:left; width: 190px; } 
.signup_form input {float: left; background:none; border: 1px solid #999999; 
                    color: #999999; font-family: Helvetica; font-size:11px; 
                    padding: 5px; width: 180px; height: 16px;}
.signup_form select                   
{
	float: left; background:white; border: 1px solid #999999; 
                    color: #999999; font-family: Helvetica; font-size:11px; 
                    padding: 5px;  height: 26px;
} 

.signup_form textarea                   
{
	float: left; background:none; border: 1px solid #999999; 
                    color: #999999; font-family: Helvetica; font-size:11px; 
                    padding: 5px; width: 180px; height: 26px;
} 

.signup_form .submit {float: right; width: 81px; height: 21px; background: url(../../img/submit_btn_bgrd.gif) scroll no-repeat top left; margin: 10px 0 0 0;}
.signup_form .submit input {float: left; background:none; border: 0 none; color: #ffffff; font-weight:bold; font-family: Helvetica; font-size:11px; padding: 3px; width: 81px; height: 21px; cursor: pointer;}

/* lightbox styles */
.lbox_img {position: relative;}
.lbox_headline {position: absolute; top: 10px; left: 10px; font-family: Helvetica; font-weight:bold; font-size:20px; color: #fcc60a;}
.lbox_text {position: absolute; top: 45px; left: 10px; font-family: Helvetica; font-weight:normal; font-size:12px; color: #ffffff; padding-right: 20px;}

/* footer styles */
.footer {float: left; width: 960px; background: transparent url(../../img/footer_bgrd.gif) scroll no-repeat top left; color: #ffffff; text-align: left; font-size: 11px; padding: 16px 20px;}
.footer a {text-decoration: none; color: #ffffff; padding: 0 10px 0 10px; display: block; float: left;}
.footer a.first {text-decoration: none; color: #ffffff; padding: 0 10px 0 0px;}
.footer .copyright {display: block; width: 100px; float: right;}
/* footer style for pages with white background behind content */
body.main .footer {padding: 16px 20px 0 20px; height: 23px; position: relative; top: -10px; margin-bottom: 20px;}

/* gridviews */
.display_table 
{
	padding:14px 0 0 0; border: 1px solid #999;
}

.display_table td  
{
	border-bottom:1px solid #999;
	font-family: Helvetica; 
	font-size:11px; 
	color:#000000;	
	padding:2px 2px 2px 2px; 
}

.display_table th  
{
	background-color:#333333;
	color:#fff;
	font-family: Helvetica; 
	font-size:11px; 
	font-weight:bold;
	padding:2px 2px 2px 2px; 
	height: 20px;
}
.display_table td table td { border:0px;}

/*error messages */
.error_label { color: Red; font-size:11px;font-family: Helvetica;  }

/* competitions */
hr { border: 1px solid #999; width:100%; }

.competitions_separator 
{
	border-bottom:1px dotted #999;font-size:3pt;
}


/* specials */
.specials_items 
{
	padding:5px 2px 5px 2px;
}
.specials_separator 
{
	border-bottom:1px dotted #999;font-size:3pt;
}