@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: #000000 url(../../img/main_bgrd_contd.jpg) scroll repeat top center;
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 30px;
}
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 */
#container {float: left; width: 100%; background: transparent url(../../img/main_bgrd.jpg) scroll repeat-x top center;}
#wrap {width: 1000px; margin: 0 auto; overflow: hidden;}

/* postcode styles */
.postcode {float: left; padding: 123px 0 0 99px; text-align:center;}
.postcode .front_logo {float: left; width: 417px;}
.postcode_form_padding {float: left; padding:190px 0 0 90px; width:310px; height: 265px; background: transparent url(../../img/postcode_form_bgrd.jpg) scroll no-repeat top left;}
.postcode_form {float: left; padding-bottom: 5px; width: 226px; height: 37px; background: transparent url(../../img/postcode_input_bgrd.gif) scroll no-repeat top left;}
.postcode_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 170px; height: 28px; line-height: 28px;}
.postcode_form input.pcode {float: left; text-align: center; background: none; border: 0 none; color: #000000; font-family: Helvetica; font-size:20px; font-weight: bold; padding: 5px; width: 170px; height: 28px; line-height: 28px;}
.postcode_form img { vertical-align: top; padding: 6px 0 0 7px; float: left; border: none;}

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

/* header styles */
.header {width: 1000px; float: left; height: 181px; border-bottom: 5px solid #ffffff; background: #11802f url(../../img/main_header_bgrd.jpg) scroll no-repeat top left;}
.header .logo {float: left;}
.header .logo img {float: left; padding-left: 5px;}
.header .logo img.motto {padding: 83px 0 0 300px;}

/* 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 {float: left; width: 999px; padding: 5px 0 0 2px;}
.menu_tabs ul li {float: left; height: 31px; margin: 0 4px; font-weight: bold; }
.menu_tabs ul li.tab {text-align: center; border: none; background:url(../../img/menu_bgrd_mid.gif) scroll repeat-x center left;}
.menu_tabs ul li.tab.active {text-align: center; border: none; background:url(../../img/active_menu_bgrd_mid.gif) scroll repeat-x center left;}

.menu_tabs ul li.tab.last {border: none; margin-right: 0px;}

.menu_tabs ul li.tab a {display:block; height: 31px; float: left; background:url(../../img/menu_bgrd_left.gif) scroll no-repeat center left; color: #ffffff;}
/*.menu_tabs ul li.tab a img {padding: 0 15px; display:block; height: 31px; float: left; background:url(../../img/menu_bgrd_mid.gif) scroll repeat-x center left;}*/
.menu_tabs ul li.tab a span {padding: 0 34px; display:block; height: 31px; line-height: 30px; float: left; background:url(../../img/menu_bgrd_right.gif) scroll no-repeat center right;}
/* active menu item */
.menu_tabs ul li.tab.active a {display:block; height: 31px; float: left; background:url(../../img/active_menu_bgrd_left.gif) scroll no-repeat center left; color:#000000;}
/*.menu_tabs ul li.tab.active a img {padding: 0 15px; display:block; height: 31px; float: left; background:url(../../img/active_menu_bgrd_mid.gif) scroll repeat-x center left;}*/
.menu_tabs ul li.tab.active a span {padding: 0 34px; display:block; height: 31px; line-height: 30px; float: left; background:url(../../img/active_menu_bgrd_right.gif) scroll no-repeat center right;}

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


/* content area styles */
.content {width: 1000px; float: left; padding: 0 0 30px 0; background: #000000; border-bottom: 1px solid #e5e5e5;}
.content.global {border-bottom: none; padding-bottom:30px;}
.content.main {border-bottom: 1px solid #e5e5e5; padding: 0 0 30px 0; background: #ffffff;}

/* styling for specials section on global page */
.specials_padding {float: left; display: inline; width: 431px; height: 422px; margin: 35px 0 0 30px; background: url(../../img/specials_bgrd.gif) scroll no-repeat top left; padding: 10px 10px 10px 10px;}
.specials {float: left; width: 431px; height: 400px; color: #ffffff; overflow:auto;}
.specials .special_offer {float: left; width: 390px; height: 160px; padding: 5px 10px;}
.specials a {text-decoration: none; color: #ffffff;}
.specials .special_offer img {float: left; display: block; padding: 5px 15px 5px 5px; border: none;}
.specials .special_offer span {display: block; float: left; width: 145px; font-size: 22px; font-weight: bold; color: #ffffff; padding-top: 10px;}
.specials .dark {}
.specials .light {background: #505050;}

/* promo styles */
.promos {width: 500px; float: left; padding: 35px 0 0 10px; color: #ffffff; font-size: 20px;}
.promos a {color: #ffffff;}
.promos .promo_ice {width: 250px; height: 210px; float: left;}
.promos .promo_mojitos {width: 250px; height: 210px; float: left;}
.promos .promo_map {width: 250px; height: 210px; float: left; padding-top:20px;}
html > body .promos .promo_map {padding-top:25px;}
.promos .promo_mail {width: 204px; height: 210px; float: left; background: transparent url(../../img/promo_mail_bgrd.jpg) scroll no-repeat 0px 20px; padding: 0 20px 0 26px; text-align: left; padding-top:20px;}
html > body .promos .promo_mail {background: transparent url(../../img/promo_mail_bgrd.jpg) scroll no-repeat 0px 25px; padding-top:25px;}
.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 .bm_form {width: 190px; height: 26px; background: transparent url(../../img/bm_input_bgrd.gif) scroll no-repeat top left; padding-bottom: 5px;}
.promos .promo_mail .bm_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 175px;}
.promos .promo_mail .bm_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 .bm_form img { vertical-align: top; float: right; border: none;}

/* breadcrumb styles */
.breadcrumb_bar {float: left; text-align: left; line-height: 30px; padding:0 0 0 30px; width: 970px; color: #858484; font-size: 12px; background: #f3f3f3; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.breadcrumb_bar .breadcrumb {float: left; width: 750px;}
.breadcrumb_bar a {text-decoration: none; color: #4eaf4c; font-size: 12px;}
.breadcrumb_bar .sitetools {float: right; padding:7px 30px 0 0; line-height: 20px; width: 170px;}
.breadcrumb_bar .sitetools .print {margin: 0 10px;}

/* sidebar styles */
.sidebar {width: 320px; float: left; padding-top: 20px;}
html > body .sidebar {width: 320px;}

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

/* sidebar promos styles */
.sidebar .promos {/*width: 320px;*/ float: left; padding: 10px 10px; margin-left: 8px;}
.sidebar .promo_ice {width: 250px; height: 210px; float: left; margin-left: 4px;}
html > body .sidebar .promos {/*width: 320px;*/width:auto;}
body .sidebar .promos {width:auto;}
.sidebar .promos .promo_mail {width: 204px; height: 210px; float: left; background: transparent url(../../img/promo_mail_bgrd_white.jpg) scroll no-repeat 0px 5px; padding: 0 20px 0 26px; text-align: left; padding-top:5px; margin-left:7px; display: inline;}
.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 .bm_form {width: 190px; height: 26px; background: transparent url(../../img/bm_input_bgrd.gif) scroll no-repeat top left; padding-bottom: 5px;}
.sidebar .promos .promo_mail .bm_form input {background: none; border: 0 none; color: #999999; font-family: Helvetica; font-size:11px; padding: 5px; width: 175px;}
.sidebar .promos .promo_mail .bm_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 .bm_form img { vertical-align: top; float: right; border: none;}

/* main content area styles */
.main_content {float: left; width: 630px; text-align: left; padding: 20px 30px 20px 0;}
* html .main_content{width:600px;}
html > body .main_content {width: 650px;}
.main_content h2 {float: left; font-size: 22px; color: #1a973e; font-weight: bold; padding-bottom: 5px;}
html > /**/ body .main_content h2 {padding-bottom: 20px;}
.main_content h3 {float:left; width: 300px; font-size: 18px; font-weight: bold; padding: 16px 0;}
.main_content p {color: #333333; font-size: 12px; padding: 5px 0px; line-height: 18px;}
.main_content a {color: #ff9f00; font-size: 12px;}
.main_content p strong {color:#333333;}

/* 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;}

/* 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;}


/* newsletter signup form styles */
.signup_form {width: 300px; 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: #219546; border-top: 5px solid #ffffff; color: #000000; text-align: left; font-size: 11px; padding: 8px 20px 8px 25px; margin: 0 0 0px 0;}
html > body .footer {margin: 0 0 20px 0;}
.footer a {text-decoration: none; color: #ffffff; padding: 0 5px; float: left; display: block;}
.footer a.first {text-decoration: none; color: #ffffff; padding: 0 10px 0 0px;}
.footer span {float: left;}
.footer .copyright {display: block; width: 100px; float: right; color: #ffffff;}

/* 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;}

/* jScrollPane styles - for the custom scrollbar */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #464646 ;
}
.jScrollPaneDrag {
	position: absolute;
	background: #464646 url(../../img/scrollbar.gif) scroll repeat-y center left;
	cursor: pointer;
	overflow: hidden;
	width: 15px;
	height: 100px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #464646 url(../../img/scrollbar_top.gif) scroll no-repeat top left;
	height: 14px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: #464646 url(../../img/scrollbar_bottom.gif) scroll no-repeat bottom left;
	height: 14px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #464646 url(../../img/scrollbar_up_arrow.gif) scroll no-repeat top left;
	height: 19px;
	width: 16px;
	margin-bottom: 5px;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #464646 url(../../img/scrollbar_down_arrow.gif) scroll no-repeat bottom left;
	height: 19px;
	width: 16px;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

/* end of custom scrollbar styles */

/* 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:#219546;
	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; height:auto;
}
.specials_separator 
{
	border-bottom:1px dotted #999;font-size:3pt;
}

/*Added by monthy*/
.merchandise_container
{
	float:left;
	width:216px;
}