/**************************************/
/*              GLOBALS               */
/**************************************/

/* MEYER RESET v1.0 */
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{
	
	background: transparent;
	border: 0;
	font-size: 100.1%;
	margin: 0;
	outline: 0;
	padding: 0;
	
}

body
{
	line-height: 1.5;
	font-family: Helvetics, Arial, Verdana, sans-serif;
	margin:0;
	padding:0; 
	color: #333333;
}

ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
.container .small
{
    font-size:0.87em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.container .large
{
	
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.container .hide
{
	display: none;
}
.container .quiet
{
	color: #666;
}
.container .loud
{
	color: #000;
}
.container .highlight
{
	background: #ff0;
}
.container .top
{
	margin-top: 0;
	padding-top: 0;
}
.container .bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.container .thin
{
	font-weight: lighter;
}
.container .error, .container .notice, .container .success
{
	padding: .8em;
	margin-bottom: 1.6em;
	border: 0px solid #ddd;
}
.container .error
{
    background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.container .notice
{
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.container .success
{
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.container .error a
{
	color: #8a1f11;
	background: none;
	padding: 0;
	margin: 0;
}
.container .notice a
{
	color: #514721;
	background: none;
	padding: 0;
	margin: 0;
}
.container .success a
{
	color: #264409;
	background: none;
	padding: 0;
	margin: 0;
}
.container .center
{
	text-align: center;
}

div.container { font-size:0.75em; }

.container
{
	width: 950px;
	margin: 0 auto;
}
.container .loud {color:#0099FF;}


/***********************************/
/*			SQ Site Menu           */
/***********************************/


#main_nav
{
	background: url(Images/bg_tabmenu_gradient.gif) repeat-x;
	height: 28px;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}

#tab_nav
{
	float: left;
	margin-right: 10px;
	width: 450px;
}


#account_control {  float: right;  margin-right: 25px; margin-top: 4px; overflow: hidden; text-align:right; width:175px; } 
#account_control a:link { color:#CCC; text-decoration: none;} /*{ position: relative; padding: 0.3em 0 .1em 0; } for larger click-area */
#account_control a:hover { color:#5C802C; text-decoration: underline;} /*{ position: relative; padding: 0.3em 0 .1em 0; } for larger click-area */
#account_control a:visited { color:#CCC; text-decoration: none;} 
#account_control a:active { color:#CCC;} 


.customer_service
{
	float: left;
	margin-right: 10px;	
}


.container a:focus
{
	text-decoration: underline;
	color: #000;
}
/*  Interferes wityh product detail styles.
.container code, .container pre
{
	color: #c33;
}*/

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;} 	
.separator_h { background: url(Images/contentseperator.gif) repeat-x !important; height: 6px; margin: 2px 0px;}
.separator_v { background: url(Images/contentseperator.gif) 8px 8px repeat-y !important; height: 6px;}

.container a
{
	color: #5C802C;
	text-decoration: none;
	cursor:pointer;
}

.CategoryName
{
    font-weight:bold;
    color:White;
    font-size:small;
}

.container a:active
{
	color: #5C802C;
}

#sub_nav { width: 950px; height: 30px; background: url(images/bg_submenu_gradient.gif) 0 0 repeat-x; border-bottom: solid 5px #fff;} 
#sub_nav_links { float: left; margin-right: 5px; margin-top:0px; width: 800px;} 


#footer
{
	width: 950px;
	border-top: solid 2px #000;
	padding: 15px 0px 0px 0px;
	margin-top: 2em;
	overflow: hidden;
	clear:both;
}
.png_bg
{
	background: url(boxbg2.png);
}
.png_bg span
{
	display: block;
	padding: 10px;
}
.png_bg a
{
}
a.big_link
{
	background-color: #617bad;
	border: 1px solid #FFF;
	color: #FFF;
	float: left;
	margin: 8px 5px 0 0;
	padding: 50px;
	position: relative;

}
a.png_bg
{
	background-position: left top;
	background-repeat: no-repeat;
}
a.png_bg:hover
{
	background-image: url(boxbg.png);
	color: #FFF;
}
img.png_img
{
	vertical-align: middle;
}
#footer span { float: right; color:#333; vertical-align:top; } 
#legals span { float: right;  }
#legals 
{
	border-top:1px solid #343434;
	margin-top:1em;
	padding:15px 0;
}
#footer span a { color:#333;  font-weight: bold; font-size:0.85em; } 
#legals a { color:#999;font-size:0.85em; }
ul.dropdown li.submenu_top a.submenu { color:#5C802C; }
 #AspNet-Menu-Horizontal { float: left; margin-right: 10px; width: 830px;  } 
ul.dropdown li {
 padding: 7px 11px 7px 11px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #555 #222 #222;
 background-color: #333333;
 color: #fff;
  padding: 7px 11px 7px 11px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #555 #222 #222;
 background-color: #333333;
 color: #fff;
  float: left;
 line-height: 1.3em;
 vertical-align: middle; 
}
ul.dropdown li.hover{
 color: #fff;
  position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown ul {
 width: 155px;
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0;
 margin-top: 1px;
}
ul.dropdown ul li {
 font-weight: normal;
 float: none;
}
ul.dropdown .submenu {
 padding-right: 15px;
 background: url(Images/spacer_menudivider.gif) right center no-repeat ;
}
ul.dropdown .submenu.last {
color:#5C802C; 
 background: none ;
}
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(Images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown,
ul.dropdown li
 {
 position: relative;
 z-index: 597;
 float: left;
 font-weight: bold;
 padding-left: 10px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown li.submenu_top {
 padding-right: 0px;
 }
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #fff; text-decoration: none;  }
ul.dropdown a:hover		{ color: #fff; }
ul.dropdown a:active	{ color: #fff; }
.modalBackground , .modalBackgroundBlack
{		 
	opacity: 0.7;
	background-color: Black;
	filter:alpha(opacity=70);
	height:100% !important;
    width:100% !important;
	
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.department_banner 
{
	margin-bottom:0.8em;
}

.department_nav { float:left; background: #fff; width:125px}

.department_nav a img {padding:0; margin-bottom: 6px;  }

.shopping_view 
{
	float:left;  
	font-size: 1em;
	width:825px;   
	_width:821px;
}

.shopping_view .category_breadcrumb 
{ 
	background:url(Images/bg_breadcrumb_header.gif) 0 0 repeat-x;  
	float:left;  
	height: 35px; 
	margin-bottom: 15px; 
	width: 100%; 
	_width:100%;
}

.shopping_view .category_breadcrumb .category_column 
{
	border-right: none; 
	float:left; 
	height: 25px; 
	margin: 7px 10px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 173px;  
	_width:165px;
}

.shopping_view .category_nav 
{ 
	background: #F6F6F6 url(Images/bg_repeat_category.jpg) repeat-x scroll 0 0;
	float: left;
	_width:100%;
}

.shopping_view .category_column 
{
	border-right:10px solid #FFFFFF;
	float:left;
	_height:440px;
	min-height:440px;
	padding-top:10px;
	width:173px;
	_width:165px;
}

.shopping_view .category_column a
{
    text-indent: 0px !important;
    width:100% !important;
}

.shopping_view .category_column.last { border-right: solid #FFFFFF 0px; _height:0px;_width:0px; }

.shopping_view .category_column.filler 
{ 
	border: 0;
	width: 276px; 
	height:0px;
}

#page_container .category_column ul li a {   color:#333;text-decoration: none;}
#page_container .category_column ul li:hover a { color:#fff;text-decoration: none;font-weight: bold;}
#page_container .category_column ul li a:hover { color:#fff; text-decoration: none;font-weight: bold;}
#page_container .category_column ul li.active a:link { color:#fff;}
#page_container .category_column ul li.active a:hover { color:#333;}/* 220109 */
#page_container .category_column ul li.specials a:link { color: #FF0000;}
#page_container .category_column ul li.specials a:hover { background: url(Images/bg_special_rollover.gif) no-repeat;}

.category_column ul
{
width:173px;
_width:165px;
margin: 0;
list-style-image:none;
list-style-position:outside;
}
.category_column li a:hover 
{	
	font-weight: bold;
	color:#fff !important;
		
}
.category_column li a
{
    height:100% !important;
	_background:none !important;
	display:block;
}
.category_column li a:link,.category_column li a:visited
{
	padding: 1px 10px 4px 8px;
	display: block;
	height:100%;
	width:100%;
}

.category_column li
{
	background: url(Images/contentseperator.gif) 0% 100%  repeat-x;
	padding: 0px 0px;
	_padding: 4px 0px;
	height:100%;
	width:100%;
	_background: transparent;
	_border-bottom: dotted 1px #aaaaaa;
}

.category_column li:hover,.category_column li.active
{
	background-position: 100% 0%; 
	background-repeat:no-repeat;

	background: url(Images/bg_category_rollover.gif);	


	font-weight: bold;
	}	
.category_column li:hover a,.category_column li.active a
{
    color:#fff !important;
    font-weight: bold !important;
	padding: .2em .8em !important;
}
	


	
.category_column a:link 
{
	display:block;	
	line-height:1.5em;
	padding-bottom:10px;
	text-decoration: none;
	vertical-align:top;
	height:100%;
	width:100%;
}

#page_container .category_column li a.active
{    
	display: block;
	font-weight: bold;
	color: #FFFFFF;
}
li.active
{
    _background:none;
}

.active a 
{	
	color: #FFF;
	display: block;
	font-weight: bold;
	padding: .2em .8em;
	text-decoration: none;
	_height:100%;
}

.category_referential
{ 
    float:left;
	_float: right;
	padding:0px;
	width: 275px; 
}

.department_ad
{
	padding: 0 0 1em 10px;
}

.product_referential 
{ 
	float:left; 
	padding: 10px; 
	width: 253px;  
}

.product_referential .image_col 
{ 
	padding-top: 5px; 
	text-align: left; 
	width: 93px; 
}

.product_referential .product_title 
{ 
	font-size:0.9em; 
}

.product_referential tr td 
{ 
	padding: 0;
}

.product_referential_details  
{ 
	float:left; 
	width: 260px;
}

.product_referential_wrap 
{
	background: url(Images/bg_repeat_category.jpg) repeat-x #F6F6F6;
}

.product_referential_wrap td 
{
	padding: 5px 5px 0px 10px; 
}

.product_referential_details .image_col  
{
	padding: 5px 0 0 0; 
	text-align: left; 
	width: 100px; 
}

div.form_login label, div.form_checkout input, div.form_login .asplabel {display: block;float: left;margin-bottom:0;}
div.form_login label, div.form_login .asplabel {text-align: left; width: 70px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;font-size: 0.95em; color:#666;}
div.form_login input { background:url(Images/bg_form_input.gif) no-repeat; width: 205px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #999999;margin-bottom:0; }
div.form_login .input_sm { width: 120px;margin-bottom:0;}
div.form_login .input_m { width: 190px;margin-bottom:0;}
div.form_login .input_xs { width: 98px;margin-bottom:0;}
div.form_login .input_xxs { width: 60px;}
div.form_login select { margin-right: 10px; margin-bottom:0;}
div.form_login a { font-size:0.8em; margin:0; padding:0;}
div.form_login {margin-bottom:2px; position:relative; background-image:none !important }
div.form_login table td { line-height: 1;}
.login_button { position:absolute; top:28px; left: 240px;}
.login_username { font-size: 1.2em; color: #5C802C; Height: 20px;}

.tools .login_username p { color: #5C802C; margin: 10px 0px;}

.tools { margin: 0.8em 0;}
.tools table { margin-top:0;}

.tools.loggedout  {background: url(Images/bg_shadowbox_login.gif) no-repeat #fff; padding: 0px;  }
.tools.loggedout .login { float:left; width: 370px; margin-right:10px; }
.tools.loggedout .login .tool_content {background: url(Images/icons/icon_small_login.png) 15px 15px no-repeat; }
.tools.loggedout .shadow_bottom { background: url(Images/bg_shadow_login.gif) top right no-repeat #fff; height:10px;}
.tools.loggedout .signup_box { float:left; width: 275px; margin-right:10px;}
.tools.loggedout .signup_box .tool_content {background: url(Images/icons/icon_signup.png) 15px 15px no-repeat; }
.tools.loggedout .start_box {float:left; width: 275px; margin-right:0px;}
.tools.loggedout .start_box .tool_content { padding: 15px 0px 10px 25px; }
.tools.loggedout .tool_content { padding: 15px 0px 10px 65px;}

.tools.loggedin  {background: url(Images/bg_shadowbox_loggedin.gif) no-repeat #fff; padding: 0px;  }
.tools.loggedin .shadow_bottom { background: url(Images/bg_shadow_loggedin.gif) top right no-repeat #fff; height:10px;}
.tools.loggedin .tool_content { padding: 15px 15px 10px 65px;}
.tools.loggedin .wrapper { float:left; width: 410px; margin-right:10px; }
.tools.loggedin .wrapper .tool_content {background: url(Images/icons/icon_loggedin.png) 10px 15px no-repeat; }
.tools.loggedin .wrapper .tool_content table { _width:300px !important }
.tools.loggedin .quickshop_box { float:left; width: 525px; margin-right:0px;}
.tools.loggedin .quickshop_box .tool_content {background: url(Images/icons/icon_quickshop.png) 18px 15px no-repeat;  padding: 15px 0px 0px 85px; }
.tools.loggedin .quickshop_box .tool_content a { font-size:0.9em;}

.shadow_bottom { background: url(Images/bg_shadow_shopping.gif) repeat-x 0% 100% ; height:10px;width:100%; margin: 0; padding: 0;position:relative !important; clear: both;}

.tools.shopping  { background: url(Images/bg_shadowbox_shopping.gif) repeat-x #fff;  }
.tools.shopping .tool_content {  padding: 15px 0px 10px 70px;}
.tools.shopping .search_box { float:left; padding-bottom:10px; width:300px}
.tools.shopping .search_box .tool_content { background:transparent url(Images/icons/icon_search.png) no-repeat scroll 10px 10px; }
.tools.shopping .basket_box { float:left;display:inline-block;width: 260px; margin-right:0px; padding-bottom:10px;}
.tools.shopping .basket_box .tool_content {background: url(Images/icons/icon_basket_count.png) 0px 0px no-repeat;  padding: 15px 0px 0px 62px; }
.tools.shopping .cost_box {float:left;display:inline-block; width: 340px; margin-right:0px;  padding-bottom:10px;}
.tools.shopping .cost_box .tool_content { padding: 15px 0px 10px 5px; }
.tools.shopping .search_box select { width: 150px;}
.tools.shopping .search_box a img { float:left; display: block; margin: 0px; padding-left:10px;}
.tools.shopping .basket_box table td { line-height: 10px; text-align: left;}

.tool_content table td { line-height: 10px;}
.tool_content table td span { line-height: 1.2em;}
.tool_content table td h2,h3 { line-height: 1.2em; text-align: left;}
.tool_content table td h3 { color:#5C802C;}
.tool_content table td p { line-height: 1.2em; color:#666;  }
.tool_content quickshop_box table td { }

.tools.loggedin .shadow_bottom { background: url(Images/bg_shadow_loggedin.gif) top right no-repeat #fff; height:10px;}
.basket_cost tr td { font-weight: bold; text-align: right; line-height: 5px;}
.last_items { width: 225px; margin-right: 0px;}
.last_items td { padding:3px 0px 3px 0px; }
.tools.loggedin table { margin-top:0; }
td.activeorder_link {  text-align: center; padding-left: 10px;}
.tool_divider { margin-right: 10px; background: url(Images/contentseperator.gif) top right repeat-y; } 
div.form_narrow label,input,select {display:block; float: left; line-height: 1.2em; margin-bottom: 1px;margin-bottom: 10px; }
div.form_narrow input { padding-left: 3px; width: 200px; height: 15px;   }
div.form_narrow label {  width: 200px; margin-bottom: 5px;color:#777; font-weight: bold;}
div.form_narrow select { width: 210px;}
div.form_narrow select.input_sm { width: 160px;}
div.form_narrow br {clear: left;}
div.basket_graphic_text{height:20px;width:20px; background-color:Transparent;position:absolute !important; z-index:100; padding-top:46px; padding-left:30px;   text-align:center;  font-weight:bolder; color:White;}

.category_breadcrumb span a:link 
{ 
    float:right; 
    margin-top: 5px; 
    margin-right: 25px; 
    font-weight:bold; 
    color:#888; 
}

.category_breadcrumb span a:visited
{ 
    float:right; 
    margin-top: 5px; 
    margin-right: 25px; 
    font-weight:bold; 
}


.shopping_view .details_view 
{  
	margin-left: 10px; 
}

.shopping_view .details_view table td 
{ 
	line-height: 1.4em;
	vertical-align:top;
}

.shopping_view .details_view table tr 
{ 
	height: 20px;
}

.shopping_view .category_column_bread { 
float:left; 
padding-right:10px; 
padding-top:10px; 
width:173px; 
_width:165px;
}/* Min height hack  for IE */

.category_column_bread li
{
	padding-right:20px;
	padding-bottom:0px;
	_background:none;
}
.category_column_bread a
{
    _text-indent:0px !important;
    _height:20px !important;
    _width:100%;
}
.category_column_bread span a:link { float:right; margin-top: 5px;  font-weight:bold; color:#888; }/* 220109 */
.category_column_bread a:link,.category_column_bread a:active
{
	font-weight: bold;
	width:100%;	
	background: url(Images/bg_category_rollover.gif) ;
	background-position: 100% 0%; 
	background-repeat:no-repeat;
	height:20px !important;
}

.category_column_bread a:hover, .category_column_bread a:active
{
	font-weight: bold;
	width:100%;	
	color:#333333;
	background-position: 100% 0%; 
	background-repeat:no-repeat;
	height:20px;
}

.category_column_bread .active a
{
	background: url(Images/bg_category_rollover.gif) no-repeat #514A4B ;
	color: #FFF;
	display: block;
	padding: .2em .8em;
	text-decoration: none;
}

.productListing
{
	padding-top:30px;
}

ul.department_menu 
{ 
	background: url(Images/bg_repeat_category.jpg) repeat-x #F7F7F7; 
	border: 0;
	margin-right:10px; 
	width: 115px; 
}

ul.department_menu li 
{	
	border-bottom: solid 5px #fff; 
	font-size: 0;
	margin:0; 
	padding:0;  
	width: 115px;
	height: 30px; 
}
ul.department_menu li:hover,ul.department_menu li.active 
{  
	background: url(Images/bg_category_rollover.gif) no-repeat;
}


ul.department_menu li span { float:left; text-indent: -9999px;}
.categoryListing, .departmentListing, .productListing
{
display: block;
float: left;
}
.categoryListing ul, .departmentListing ul
{
list-style-image: none;
list-style-position:outside;
list-style-type: none;
}
.inputQty input {font-weight:normal;font-family:arial;color:#000000; width: 30px; height: 17px; margin-right: 0px; padding-top:3px; text-align:center;}
.quantity_tool { width: 40px; height: 40px; margin-top: 3px; }
.inputQty td { padding:0px; margin: 0px; }
.align_right { float: right; }
.align_left { float: left; }
.productListingTable{width:100%; border-collapse:separate; border-spacing: 0px 5px;}


.paging_bar 
{
    background:#E0DFE0 none repeat scroll 0 0;
    clear:left;
    margin-bottom: 3px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

.filter_bar { clear:both; background:#BBCC3F; padding: 5px 15px 4px 15px; font-weight: bold; height:20px; margin-bottom:3px;}
.filter_bar a:link { }
.paging_bar a:link { margin-right: 5px;text-decoration: underline;}
.paging_bar a:first-child { margin-right: 15px;}
.container a.selected { color: #000000; text-decoration:none;}
.filter_bar select {font-size:0.8em;margin-bottom:0;margin-right:20px;}
.filter_bar label{font-size:0.9em;font-weight:bold;margin-right:10px;}
.listing_view th {font: bold 1em Arial, Helvetica, sans-serif; color: #FFF;letter-spacing: 0px;text-transform: none; padding: 5px 0px 5px 0px;background: #CCC;}
.listing_view th a:link { color: #FFF; padding-left:10px; display:block;}
.listing_view .listing td { vertical-align:top; line-height:1.5em; }
.listing.alt td{ background-color:#F7F8F0; }
.listing { margin: 5px 0px; padding: 5px 0px; }

.listing span { }
.add_col { width: 55px; text-align: left;}
.brandflag_col { padding-top: 5px; }
.description_col { text-align: left;}
.description_col_promo { text-align: left;width:408px;}
.favourite { display:block; height:40px; width: 70px; background: url(Images/buttons/icon_favourite.png) 22px 2px no-repeat;text-indent: -9999px;}
.favourite:hover { display:block; height:40px; background: url(Images/buttons/icon_favourite_on.png) 22px 2px no-repeat;text-indent: -9999px;}
.favourite.active { display:block; height:40px; background: url(Images/buttons/icon_favourite_on.png) 22px 2px no-repeat;text-indent: -9999px;}
.favourite_col { width: 70px; text-align: center;}
.image_col { width: 110px; text-align: left; }
.note { display: block; background: url(Images/buttons/icon_note.gif) 5px 2px no-repeat; height:45px; width: 40px; text-indent: -9999px;}
.note_col a:hover { display: block; background: url(Images/buttons/icon_note_on.gif) 5px 2px no-repeat;}
.note.active { display: block; background: url(Images/buttons/icon_note_on.gif) 5px 2px no-repeat;}
.note_col { width: 40px; text-align: center;}
.price_col { width: 85px; text-align: center; padding-top: 3px; }
.promotion{ color:Red;}
.quantity_col { width: 75px; text-align: left;}
.add { 
	background: url(images/buttons/icon_add.gif) 5px 2px no-repeat; 
	display: block; 
	height: 45px; 
	text-indent: -9999px;
	width: 50px; 
}
.add:hover { display: block; background: url(Images/buttons/icon_add_on.gif) 5px 2px no-repeat;}
.image_col a img { border: solid 1px #fff; }
.image_col a:hover img { border: solid 1px #CCCCCC; }
.details_tabs { background: url(Images/bg_repeat_detailstabds.gif) 0px 29px  repeat-x; width: 100%; height: 60px; clear:left;  }

ul.tabnav { 
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    list-style-type:none;
    margin:0px;
    padding:8px 0px;
    padding-bottom:0px;
    _padding: 0px;
    text-align:left;
    /* THIRD number must change with respect to padding-top (X) below */
}
ul.tabnav li { 
display: inline;
margin-right: 3px;
}
ul.tabnav li a { /* settings for all tab links */
padding: 6px 10px 7px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
background-color: #E9E9E9; /* set unselected tab background color as desired */
color: #333; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
_text-indent:0px;
_width:1px;
_height:1px;
display:inline-block;
}
ul.tabnav li a.active { /* settings for all tab links */
background-color: #CAD950; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
_background-image:none;
_text-indent:0px;
display:inline-block;
}
ul.tabnav a:hover { /* settings for hover effect */
background: #CAD950; text-decoration: none; /* set desired hover color */
}
.tab_bottom 
{ 
    background:transparent url(Images/bg_repeat_detailstabs.gif) repeat-x scroll 0 0;
    height:30px;
}

/* Product Details */
.product_title { color: #222; font-weight: bold; text-decoration:none;}
.cost_perunit { margin-right: 15px ; vertical-align: super;}
.attributes img { margin-right: 5px;}
.sale_item { color:#CC0000; vertical-align: super;}
.sale_item_link { color:#CC0000; vertical-align: super; text-decoration:underline;} 
.container table a.sale_item_link {
color:#CC0000;
text-decoration:underline;
}
.sale_item small { color:#CC0000; vertical-align: super;}
.unit_price { color:#999999; font-size: 0.8em; } 
.sale_term { color:#CC0000; font-size: 0.8em; } 
.sale_price { color:#CC0000; font-weight:bold;}
.container table a.sale_item {
color:#CC0000;
text-decoration:underline;
}
.product_image_l img { border: solid 1px #F6F6F6;}
.favourite_align img { float:left; width: 30px; margin-right: 15px ;margin-bottom: 25px; }
.selectweight { display: block; background: url(Images/buttons/bttn_selectweight.gif) 5px 3px no-repeat; height:45px; width: 100px; text-indent: -9999px; float:right;}
.selectweight:hover { display: block; background: url(Images/buttons/bttn_selectweight_on.gif) 5px 3px no-repeat;}
.updateweight { display: block; background: url(Images/buttons/bttn_updateweight.gif) 5px 3px no-repeat; height:45px; width: 100px; text-indent: -9999px; float:right;}
.updateweight:hover { display: block; background: url(Images/buttons/bttn_updateweight_on.gif) 5px 3px no-repeat;}
.update { display: block; background: url(Images/buttons/bttn_update.gif) 0px 3px no-repeat; height:45px; width: 50px; text-indent: -9999px;}
.update:hover { display: block; background: url(Images/buttons/bttn_update_on.gif) 0px 3px no-repeat;}

.favouriteDetails {
    background:transparent url(Images/buttons/icon_favourite.png) no-repeat scroll 0 3px;
    cursor:pointer;
    display:block;
    margin-bottom:25px;
    padding:0 40px;
    height: 30px;
    text-indent:0px;
}
.favouriteDetails:hover {
    background: url(Images/buttons/icon_favourite_on.png) no-repeat scroll 0 3px;
}
.favouriteDetails.active {
    background: url(Images/buttons/icon_favourite_on.png) no-repeat scroll 0 3px;
    padding-top: 10px;
}

#addProductContainer th, #addProductContainer td {padding:0px;}
#addProductContainer th label {font-weight:bold;}

/* SCALABLE REWARD POINTS ICON WITH DYNAMIC NUMBER CONTENT */
.reward_icon_bg { float:left; height: 2.5em; width: 2.5em;}/* Background circle icon dynamic sizing with em */
.reward_points { float:left; position:relative; top: 0.5em; left: -2.47em;}/* Floats number text over background circle icon */
.align_points {height: 1.5em; width: 2.1em; text-align:center;  color: #FFFFFF; font-weight: bold;}/* Centres the html number text */
/* HELP Session Start*/
.FAQAccordionHeader
{
	cursor:pointer;
	margin-top:5px;
}
.FAQAccordionContent
{
	padding: 2px 0 2px 0;
	margin:5px;
	text-align:justify;
}
/* FAQ Button*/
.bttn_OpenPanel 
{
	padding: 0px;
	background-image: url(Images/buttons/temp/Bttn_OpenPanel.gif);
}
.faq_background_panel
{
	width: 959px;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	border-bottom: solid 1px #b1b1b1;
	
	color:Green;
}


/*******Registration HaiYun css end- this will be replaced with later*********************/


/*********** Login Session Start************/
.shadowbox 
{
 background: url(images/graphic_gray_boxshadow.gif) bottom right no-repeat;
 padding: 15px 10px 15px 15px;
 text-align:left;
}

.shadowbox_content
{
 background: url(images/graphic_white_boxshadow.gif) bottom right no-repeat;
 text-align:right;
 padding: 0px 0px 10px 0px;
 margin-bottom: 1em;
}
/*.shadowbox img { float:left; margin-right: 10px;}
.shadowbox span img { float:right;} */

.loggedin_box { }
.login_box
{
 float:left;
 width: 355px;
 height: 150px;
 margin-right:5px;
 }
.signup_box {float:left; width: 255px; height: 150px; margin-right:5px;}


.referentials 
{
	overflow:hidden;
}

.referential_box 
{ 
	float:left; 
	height: 161px; 
	margin-bottom: 15px; 
	width: 290px; 
}

.referential_divider 
{
	background: url(Images/contentseperator.gif) top right repeat-y;
	padding-right: 23px; 
	margin-right: 13px; 
}


.userspecific_box {float:left; width: 540px; height: 130px;}

.loginbox_form 
{
 float:left;
 text-align: left;
 width: 260px;
 margin-bottom:1.6em;
 font-family: helvetica, "microsoft sans serif", arial, sans-serif;

}
.loginbox_form span
{
 position: relative;
 float: right; 
 margin: -3.6em -2em 0em 0em;
}
.loginbox_form_gobutton
{
      vertical-align:bottom;
      float  : right; 
      padding-bottom:30px;
 
}
.login_username
{
 
 color: #5C802C;
}
fieldset {  border: none; padding: 0; margin: 0; }
.loggedin_box label { margin-right: 15px;}
.loggedin_box select { width: 190px; margin-bottom: 5px;  }

.form_container .input-text_xs { color:#666666; width: 60px; }
.form_container .input-text_sm { color:#666666; width: 100px; }
.form_container .input-text_md { color:#666666; width: 160px; }
.form_container .input-text_lg { color:#666666; width: 240px; }
.form_container .input-text_xl { color:#666666; width: 280px; }
.form_container .input-text_xxl { color:#666666; width: 340px; }

.form_container label { display:block; color:#555555; padding-left: 0; line-height: 1.2em; margin-bottom: 5px; }

.form_container label span { display:block; float:left; padding-right: 18px; width:100px; text-align:left; font-weight:bold; }

.form_container label span.label_wide { width:155px;}

.form_container input { display:block; color:#555555; padding-left: 0; line-height: 1.2em; margin-bottom: 5px; }
.quicksignupminipopup { _background:none !important;}
.quicksignupminipopup .input-text_md { color:#666666; width: 180px;_width:150px; }
.quicksignupminipopup .input-text_lg { color:#666666; width: 210px;_width:180px; }


.loginorsignupform input { color:#333333; font-size:1em; height:15px; padding-left:3px; width:220px; }
.loginorsignupform input.rewardcard { width: 185px; }

/*
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {
font-family:monaco,"Lucida Console",courier,monospace;

}*/

.miniControlLink 
{
      float:left;
}


/******** Mini Login Session End***************/

/*********Mini WelcomeBack**************/

div.loggedin_box label { margin-right: 15px; text-align:left; float:left; padding-bottom: 1em;}
div.loggedin_box select { width: 190px; margin-bottom: 5px; float:left }
.labelMini{text-align:left; float:left; margin-right: 15px; }

/*************MiniWelcomeBack*************/

/*********Login Start *********/

.section_header { background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em; margin-top: 5px; width: 950px;}
.section_header div {_width:870px;padding-left: 80px; padding-top: 15px; height: 45px; }

.section_header span a:link { float:right; margin-top: 15px; margin-right: 25px; font-weight:bold; color:#888; }
.section_header span a:visited { float:right; margin-top: 15px; margin-right: 25px; font-weight:bold; color:#888; }

.section_header.login div {background:transparent url(images/icons/icon_login.png) no-repeat scroll 15px 0;}
.section_header.signup div { background: url(images/icons/icon_newsignup.png) 15px 0px no-repeat;}

div.container h2 {

}


.sifr_title {
color:#626262;
font-family:Arial;

font-weight:bold;
}

h1, h2, h3, h4, h5, h6 {
background:transparent none repeat scroll 0 0;
text-transform:none;
}

#page_container { clear:both; margin:0 auto; } 

div.form_wide label, div.form_wide input {
display:block;
float:left;
margin-bottom:15px;
}

div.form_wide label {text-align: left; width: 190px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;}
div.form_wide input {width: 220px; padding-left: 3px; height: 15px;  color:#333; }
div.form_wide select { width: 225px;font-size: 1em;}
div.indent p { width: 450px;}
div.form_wide br {clear: left;}
div.indent 
{ 
	margin-left:60px;
	width: 650px; 
	_width:500px;
}

div a.button_indent_l { float:left;_float:right; margin-left: 450px; margin-top: -65px;}
div a.button_indent_m { float:left;_float:right; margin-left: 450px; margin-top: -35px;}
select.wide { width: 250px;}
/****Forgot Password Link *****/

.miniControlLink{
color:#5C802C;
text-decoration:none;

}
/*********Login End *********/

/*Shane css 13_02_2009*/
.weight_col_basket { width: 95px; padding-left: 15px;}
.description_col_basket { text-align: left;}
.delete_col { width: 55px; text-align: center; vertical-align:middle;}
.substitute_col { width: 80px; text-align: center;}
.substitute_col input {margin: 10px 35px ;}
.price_col_basket { width: 75px; text-align: center;}
.category_divider td {  background-color: #5c802c; color:#FFFFFF;}
.category_divider tr { height: 20px; padding-left: 150px;}

.closebox  
{
	float:right; 
	position:relative;
	right:15px;
	top:15px;
	z-index:1003; 
}



/*.popup table {width:100%;}*/

/*		
.popup.signup {}
.popup.start {}*/

.content_wrapper { float:left; width: 665px; margin-left:25px; padding-left: 25px; background: url(images/contentseperator.gif) repeat-y; margin-bottom: 25px;}

.popup.signup .wrapper {width: 365px; background:none }

.popup.signup .wrapper .tool_content {background: url(Images/icons/icon_signup.png) 15px 15px no-repeat; }


.popup.start .wrapper { float: left; width: 370px; }
.popup.start .wrapper .tool_content {background: url(Images/icons/icon_startshopping.png) 15px 15px no-repeat; }

.popup .tool_content { padding: 15px;}
.popup .tool_content h2 { margin-left: 60px;}
.range_popup_scroll { height: 280px; margin: 15px 0px; overflow:auto;}

.button_bar { background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em; width: 925px; height: 35px; padding: 20px 15px; }
.button_bar a { margin: 0; }
.button_bar span {float:right; width: 400px; color:#CC0000; }
.basket_summary { float:right; width: 350px;}
/* Sifr dynamic custom fonts via flash and JS - sifr css must be set in the sifr-config.js file */
/*  Font styles for fallback requndany   */
.sifr_title  { font-family: Arial; color:#626262; font-weight: bold;  }
.sIFR-active .sifr_title {   visibility: hidden;              font-family: Verdana; line-height: 1em; }
.noteOff { display: block; background: url(Images/buttons/icon_note.gif) 5px 2px no-repeat; height:45px; width: 40px; text-indent: -9999px;}
.favouriteOff { display:block; height:40px; width: 70px; background: url(Images/buttons/icon_favourite.png) 22px 2px no-repeat;text-indent: -9999px;}
.updateweightOff { display: block; background: url(Images/buttons/bttn_updateweight.gif) 5px 3px no-repeat; height:45px; width: 100px; text-indent: -9999px;}
.image_col a:visited { border: solid 1px #CCCCCC; }


.section_header { background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em; width: 950px;}
.section_header div {padding-left: 80px; padding-top: 15px; height: 45px; }

.section_header.add_address div { background:url(images/icons/icon_addaddress.png) 15px 0px no-repeat;}
.section_header.addressing div { background:url(images/icons/icon_addressing.png) 15px 0px no-repeat;}
.section_header.account div { background:url(images/icons/icon_account.png) 15px 0px no-repeat;}
.section_header.basket div { background: url(images/icons/icon_viewbasket.png) 15px 0px no-repeat; padding-right: 15px;}
.section_header.basket div a { margin-top:0; padding-top:5px;}
.section_header.collection div { background:url(images/icons/icon_collection.png) 15px 0px no-repeat;}
.section_header.confirm div { background:url(images/icons/icons_confirm.png) 15px 0px no-repeat;}
.section_header.coupon div { background:url(images/icons/icon_coupon.png) 15px 0px no-repeat;}
.section_header.delivery div { background:url(images/icons/icon_delivery.png) 15px 0px no-repeat; padding-left: 90px;}
.section_header.email div { background:url(images/icons/icon_email.png) 15px 0px no-repeat;}
.section_header.favourites div { background:url(images/icons/icon_favourites.png) 15px 0px no-repeat;}
.section_header.giftcard div { background:url(images/icons/icon_giftcard.png) 15px 0px no-repeat;}
.section_header.help div { background:url(images/icons/icon_help.png) 15px 0px no-repeat;}
.section_header.info div { background:url(images/icons/icon_info.png) 15px 0px no-repeat;}
.section_header.login div { background: url(images/icons/icon_login.png) 15px 0px no-repeat;}
.section_header.mode_change div { background:url(images/icons/icon_modechange.png) 15px 0px no-repeat;}
.section_header.payment div { background:url(images/icons/icon_payment.png) 15px 0px no-repeat;}
.section_header.quicksignup div { background: url(images/icons/icon_quicksignup.png) 15px 0px no-repeat;}
.section_header.recipes div { background:url(images/icons/icon_recipes.png) 16px 0px no-repeat;}
.section_header.rewardcard div { background:url(images/icons/icon_rewardcard.png) 15px 0px no-repeat;}
.section_header.search div { background: url(images/icons/icon_search.png) 15px 0px no-repeat;}
.section_header.signup div { background: url(images/icons/icon_newsignup.png) 15px 0px no-repeat;}
.section_header.signup_confirm div { background:url(images/icons/icon_signup_confirm.png) 15px 0px no-repeat;}
.section_header.slot div { background:url(images/icons/icon_slots.png) 15px 0px no-repeat;}
.section_header.specials div {background:transparent url(images/icons/icon_specials.png) no-repeat scroll 20px 0;padding-left: 85px;}
.section_header.startshopping div { background: url(images/icons/icon_basket.png) 15px 0px no-repeat;}
.section_header.subscriptions div { background:url(images/icons/icons_subscriptions.png) 15px 0px no-repeat;}
.section_header.summary div { background:url(images/icons/icon_checkout.png) 16px 0px no-repeat;}
.section_header.starterlists div { background:url(images/icons/icon_startershoppinglists.png) 15px 0px no-repeat;}
.section_header.usuals div { background:url(images/icons/icon_myusuals.png) 15px 0px no-repeat;}
.section_header.quickshop div { background:url(images/icons/icon_quickshop.png) 15px 0px no-repeat;} 
.section_header.previousorders div { background:url(images/icons/icon_previousorders.png) 15px 0px no-repeat;} 
ul.faq_entry div { overflow:hidden !important; }
ul.faq_entry li a
{    
	color: #91AE13;
	text-decoration: none;
	cursor:pointer;
}
ul.faq_entry li a:hover
{
    color:#5C802C;
    text-decoration:underline;
}





.basket .quantity_tool  { margin-top: 5px; margin-left: 15px;}
.listing tr td  {padding-top: 2px; }

.updatebasketOff { float: right; height:24px; width: 115px; background-image: url(Images/buttons/bttn_disabled_updatebasket.gif); }
.updatebasketOn { float: right; height:24px; width: 115px; background: url(Images/buttons/bttn_updatebasket.gif) no-repeat;border-width:0px;}
.updatebasketOn:hover { float: right; height:24px; background: url(Images/buttons/bttn_updatebasket_on.gif) no-repeat;border-width:0px;}
.favourite_align img { float:left; width: 30px; margin-right: 15px ;margin-bottom: 25px; }
.favourite_align a{ cursor: pointer; cursor:hand;}
.productDetailsAdd td, .productDetailsAdd tr
{
    text-align: left;
}
.tooltip
{
   
    color: #000044;
    padding: 1em;
}

.tooltip h2
{    
    color: #ABC229;
    font-size:1.2em;
}


.modalBackgroundBlack
{	
    height:100% !important;
    width:100% !important;
	background-color: Black;
	
}

.productDetails
{
	font-size:9pt;
	font-weight:normal;    
	font-family: helvetica, "microsoft sans serif", arial, sans-serif;     
	text-transform:none;
}

.asterix { background: url(Images/asterix.gif) top right no-repeat;}

.section_header.delivery div { background:url(Images/icons/icon_delivery.png) 15px 0px no-repeat; padding-left: 90px;}
span.delivery_address { font-weight: bold; margin-top: 10px; margin-left: 15px; vertical-align: top;}
.column_left_delivery { width: 380px; float:left;}
.column_left_registration_confirmation { width: 380px; float:left;}
.delivery_confirmation {float:left; margin: 0px 15px 15px 0px;}

h1.green, h2.green, h3.green, h4.green, h5.green, h6.green { color: #A9C027; margin-bottom: 0.8em; text-transform: none; }
.map_container { width: 560px; height:429px; float:right;border: solid 2px #A9C027; z-index:1;  }
.LowestLevelArea{ width:300px; height:100%; }
.LowestLevelArea li{ width:140px; float:left; padding-bottom:10px;}
.ImageMapStyle{float:right; width:560px; height:429px;  }
.section_header.collection div { background:url(Images/icons/icon_collection.png) 15px 0px no-repeat;padding-left: 90px;}
.column_left_delivery h4 
{
	line-height:1.5;
	font-family:Helvetics,Arial,Verdana,sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:1.3em;
	margin-bottom:1em;
}
div.container h3 { font-size: 1.5em; }

span.checkbox  { width: 50px;}

form.checkbox { width: 15px;}


h1.green, h2.green, h3.green, h4.green, h5.green, h6.green { color: #A9C027; margin-bottom: 0.8em; text-transform: none; }
.section_header.subscriptions div { background:url(images/icons/icons_subscriptions.png) 15px 0px no-repeat; }
div.container h4 { font-size: 1.3em;}

h1, h2 { text-transform: uppercase;color: #626262; }
h3, h4, h5, h6 {color: #111; }
h1, h2, h3, h4, h5, h6 {
background:transparent none repeat scroll 0 0;
font-weight:normal;
margin-bottom:0;
}

div.container p 
{
color:#000000;
font-size:1em;
margin-bottom:1.3em;
line-height:1.5;
}

h6.store_name
{
	line-height:1.5;
	font-family:Helvetics,Arial,Verdana,sans-serif;
	font-weight:normal;
	color:#111111;
	font-size:100.1%;
	text-transform:none;
}


div.container h5 { font-size: 1.2em; }


.section_header.addressing div { background:url(images/icons/icon_addressing.png) 15px 0px no-repeat;}


.ViewBasketHeader { background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em;margin-top: 5px; width: 950px;}
.ViewBasketHeader  div {padding-left: 180px; padding-top: 15px; height: 45px; }
.ViewBasketHeader.basket div { background: url(images/icons/icon_viewbasket.png) 120px 0px no-repeat; padding-right: 15px;}
.ViewBasketHeader.basket div a { margin-top:0; padding-top:5px;}
.ViewBasketHeader span { float:left; margin-top: 0px; margin-right: 0px;margin-bottom:135px; font-weight:bold; color:#666666; width:320px; vertical-align:top; font-style:normal; font-variant:small-caps;}
.ViewBasketHeader span a:link { float:right; margin-top: 15px; margin-right: 25px; font-weight:bold; color:#666666; }





.noteOn { display: block; background: url(Images/buttons/icon_note_on.gif) 5px 2px no-repeat; height:45px; width: 40px; text-indent: -9999px;}



/**************************************
/*               Tables               */
/**************************************/
table.table_general td,th { padding: 5px 5px; font-weight: normal;}
table.table_general a:link { color:#8BA315;}
table.table_listing th { background:#CCC; color:#FFF;}
table.table_listing td { padding: 5px 5px; font-weight: bold; vertical-align:top; border-bottom: dotted 1px #ccc;}
table.table_listing span {font-weight: normal; }

/**/


table.form_wide span {text-align: left; width: 190px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;}
table.form_wide input {width: 220px; padding-left: 3px; height: 15px; /*font-size: 1em;*/ color:#333; }
table.indent p { width: 450px;}
table.form_wide br {clear: left;}
table.indent { width: 650px;}



table a.button_indent_l { float:left; margin-left: 450px; margin-top: -65px;}
table a.button_indent_m { float:left; margin-left: 450px; margin-top: -35px;}
.RetistrationForm_requiredFieldHighlight 
{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color:#F00;
}


/**************************************/
/*              HEADER                */
/**************************************/

#header { width: 950px;  margin: 0 auto; overflow: hidden; background: #000; } 

/* styles for left part of header */
.header_intro { float: left; width: 720px; height:70px ; } 
.header_intro_checkout{float: left; width: 720px; height:70px ; background:url(images/banner_checkout.png) 0px 0px no-repeat; }
.header_intro_shoponline {float: left; width: 720px; height:70px; background:url(images/banner_generic_shoponline.png) 0px 0px no-repeat; }

/* style for right part of header */
.logo  
{
	background: url(images/superquinn_shoponline_logo.png) no-repeat; 
	float: right; 
	height:70px; 
	margin-right: 0; 
	text-align:right; 
	width: 230px; 
} 

/* style for ShopStoreMaster sticky header/basket */


* > .fixedHeader {
	height:50px;
	left:auto;
	position:fixed;
	right:auto;
	top:0; 
	width:900px;
	z-index:1000;
	
}
* > .fixedSpacer 
{ 
    margin-top:203px; 
    *margin-top:205px; 
}




.header span a:link { float:right; margin-top: 5px; margin-right: 25px; font-weight:bold; color:#888;}

.header {margin-bottom: 1em; width: 100%; font-weight: bold; padding:0;}
.header span {font-weight: normal; margin-right: 15px;}
.header p {margin-bottom: 15px; }

.header.alert { background: url(images/bg_header_alert.gif) repeat-x;}
.header.alert div.content { background: url(images/icons/icon_alert.png) 15px 0px no-repeat; padding: 18px 20px 0px 80px; min-height:45px; height:100%; }

.header.confirm { background: url(images/bg_header_confirm.gif) repeat-x;}
.header.confirm div.content { background: url(images/icons/icons_confirm.png) 15px 0px no-repeat; padding: 18px 20px 0px 80px; height: 45px;}

.header.error { background: url(images/bg_header_error.gif) repeat-x;}
.header.error div.content { background: url(images/icons/icons_error.png) 15px 0px no-repeat; padding: 18px 20px 0px 80px; height: 45px;}

.header.activeorder { background: url(images/bg_header_activeorder.gif) repeat-x;}
.header.activeorder div.content { background: url(images/icons/icons_activeorder.png) 15px 0px no-repeat; min-height:45px; height:100%; padding: 18px 20px 0px 80px; z-index: 999; border: solid 1px transparent; }


#header_centre { float: left; width: 385px; } 

#header h1 {text-indent: -9999px;}

#checkout_header_intro { background:url(images/banner_checkout.png) 0px 0px no-repeat;}
#checkout_container {padding: 0px 20px;}
div.checkout_container {padding: 0px 20px;}
div.checkout_container h5 {font-weight: bold; margin-bottom:5px;}
div.checkout_container  { vertical-align:bottom;}

.column_left_no_width { float: left; _width:auto; }
.column_left { float:left; width: 440px;  }
.column_right { float:right; width: 440px; }
.column_left_wide { float:left; width: 500px;  }
.column_right_wide { float:right; width: 500px; }



/* FORM ELEMENTS - LABEL TOP */
div.form_narrow label,input,select {display:block; float: left; line-height: 1.2em; margin-bottom: 1px;margin-bottom: 10px; }
div.form_narrow input { padding-left: 3px; width: 200px; height: 15px; font-size: 1em; }
div.form_narrow label {  width: 200px; margin-bottom: 5px;color:#777; font-weight: bold;}
div.form_narrow select { width: 210px;font-size: 1em;}
div.form_narrow select.input_sm { width: 160px;}
div.form_narrow br {clear: left;}

/* STANDARD FORM ELEMENTS - LABEL LEFT */
div.form_standard { background-image:none !important;}
div.form_standard label,input,select {display: block; float: left; margin-bottom: 15px; }
div.form_standard label {text-align: left;width: 90px; line-height: 1.2em; margin-bottom: 5px; padding-right: 20px; font-weight: bold;}
div.form_standard br {clear: left;}
div.form_standard input { padding-left: 3px; height: 15px; width: 210px; }
div.form_standard select { color:#333; width: 220px;margin-bottom: 10px;  padding: 5 5 5 5; }
div.form_standard_thin select { color:#333; width: 170px;margin-bottom: 10px;  }
div.form_standard_thin label,input,select {display: block; float: left; margin-bottom: 15px; }
div.form_standard_thin label {text-align: left;width: 90px; line-height: 1.2em; margin-bottom: 5px; padding-right: 20px; font-weight: bold;}
div.form_standard .input_sm { width: 160px; margin: 0px; }
div.form_standard td { padding-bottom:10px;}
div.form_standard.areasthree { height: 130px; }

/* WIDE FORM ELEMENTS - LABEL LEFT */
div.form_wide label,div.form_wide input {display: block;float: left;margin-bottom: 15px;}
div.form_wide label {text-align: left; width: 190px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;}
div.form_wide label.label_wide {width:auto;}
div.form_wide input {width: 220px; padding-left: 3px; height: 15px; font-size: 1em; color:#333; }
div.form_wide input.form_error  { background:url(images/bg_form_error.png) no-repeat; width: 220px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #FF6600; }

div.form_wide input[type=hidden] { width: 0px; height:0px; visibility:hidden;}

div.form_wide select { width: 210px;font-size: 1em;}
div.indent p { width: 450px;}
div.form_wide br {clear: left;}

/* Checkout FORM ELEMENTS - LABEL LEFT */
div.form_checkout input.form_error  { background:url(images/bg_form_error.png) no-repeat; width: 205px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #FF6600; }

div.form_checkout input.form_error_sm  { background:url(images/bg_form_error.png) no-repeat; width: 120px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #FF6600; }


div.form_checkout label,div.form_checkout input {display: block;float: left;margin-bottom: 15px;}
div.form_checkout label {text-align: left; width: 190px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;font-size: 0.95em;}
div.form_checkout input { background:url(images/bg_form_input.gif) no-repeat; width: 205px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #999999; }
div.form_checkout input[type=hidden] { width: 0px; height:0px; visibility:hidden;} /* put in the hide the hidden fields in firefox */
div.form_checkout input[type=checkbox] { width: 15px; height:15px; }
div.form_checkout input[type=radio] { width: 15px; height:15px; }
div.form_checkout label.short{width: 15px; }
div.form_checkout input.rewardcard{width: 172px; }

div.form_checkout select { color:#333; width: 210px; margin-bottom: 15px;font-size: 1em;  }
div.form_checkout br {clear: left;}
div.form_checkout .input_sm { width: 120px;}
div.form_checkout .checkbox { width: 15px; font-weight:normal;}
div.form_checkout .input_xs { width: 98px;}

.error_highlight 
{ 
    color:#FF3300; 
    font-weight: bold;
}

.half_header { float:left; background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em; margin-top: 5px; width: 460px; padding-left: 15px; padding-top: 20px;}
.full_header { background: url(images/bg_sectionheader_gradient.gif) repeat-x; margin-bottom: 1em; margin-top: 5px; width: 950px; padding-left: 15px; padding-top: 20px;}

.reveal_arrow { float:right; margin-top: 20px; margin-right: 15px;}
.mode_button img { border:solid 2px #CCCCCC !important;}
.mode_button.activeLogistics img { border:solid 2px #AAC227 !important;}
span.delivery_address { font-weight: bold; margin-top: 10px; margin-left: 15px; vertical-align: top;}
.order_summary { background: url(images/bg_shadowbox_shopping.gif) repeat-x; padding-left: 15px;}
.order_summary_confirmation { float:right;}
div.order_summary table { font-size: 1em;}

table, caption, tbody, tfoot, thead, tr, th, td {
line-height:1.5em;
text-align:left;
}







/* POPUP HEADER */
.popup {
	top: 180px;	
	overflow: auto;
	border: solid 4px #A9C027;
	background: url(images/bg_shadowbox_shopping.gif) repeat-x #fff !important;
	-moz-border-radius: 10px; /* extra CSS3 styling only with mozilla */
    -webkit-border-radius: 10px;/* extra CSS3 styling only with safari */
	font-size: 12px;
	line-height: 1.5em;
	_left:100%;
			}
.tool_content_addressChecker
{
	padding:10px;
	width:420px;
	display: block;

	z-index:997;
	overflow: auto;
	border: solid 4px #A9C027;
	background: url(images/bg_shadowbox_shopping.gif) repeat-x #fff;
	-moz-border-radius: 10px; /* extra CSS3 styling only with mozilla */
    -webkit-border-radius: 10px;/* extra CSS3 styling only with safari */
	font-size: 12px;
	line-height: 1.5em;
	display: inherit;
	
}

.pnlAreYouSure
{
	padding:10px;
	width:420px;
	display: block;

	z-index:997;
	overflow: auto;
	border: solid 4px #A9C027;
	background: url(images/bg_shadowbox_shopping.gif) repeat-x #fff;
	-moz-border-radius: 10px; /* extra CSS3 styling only with mozilla */
    -webkit-border-radius: 10px;/* extra CSS3 styling only with safari */
	font-size: 12px;
	line-height: 1.5em;
	display: inherit;
	
}
img.on, img.off
{
    width:100% !important;
    height:100% !important;
    border:none !important;
}

.popup.test {display: inherit;}	
	

.popup label {line-height: 1.5em; font-size: 0.9em; }
.popup p {line-height: 1.5em; font-size: 0.8em; color:#000000; }

.popup.xlarge {left: 18%; /*width: 800px;*/
}
.popup.xlargepromo {left: 18%; width:745px;}
.popup.large {left: 22%; width: 600px;}
.popup.medium {left: 25%; width: 500px;}
.popup.small {left: 33%; width: 300px;}




			
.popup.signup {left: 33%; width: 365px !important}
.popup.start {left: 57%;}
.popup.add_note {left: 25%;}

.popup.validate {left: 33%;}
.popup.validate .wrapper { float: left; width: 365px; }
.popup.validate .wrapper .tool_content { }
.popup.validate .golarge,  .popup.validate .golargeOff{ float: right; }

.popup.add_note .wrapper {width: 540px; }
.popup.add_note .wrapper .tool_content { }

/* .popup .tool_content h2 { } */
	

.container .quiet
{
    color: #999999;
}


.hidden_button
{
	display:none;
}




/* Slot Info */
.hidden_button
{
	display:none;
}
.slot_available,.slot_cutoff,.slot_notavailable { padding-left: 10px; margin-bottom:5px; font-weight: bold;font-size: 0.8em }
.popup .slot_available,.slot_cutoff,.slot_notavailable { font-size: 0.8em }
.slot_available {border-left: solid 30px #AAC227;}
.slot_cutoff {border-left: solid 30px #FF3300;}
.slot_notavailable {border-left: solid 30px #D8D8D8;}

.slotfree {background-color:#AAC227; text-align:center; vertical-align:middle;}

.slotcutoff {background-color: #FF3300; text-align:center; vertical-align:middle;}
.slotfull {background-color: #D8D8D8; text-align:center; vertical-align:middle;}

.popup .table_slots { width: 700px;}
.table_slots { width: 800px;}
.table_slots tr td a { text-indent: 0px}
.table_slots tr td a:link {color:#FFFFFF; display:block;height:30px; text-align:center; vertical-align:middle; }
.table_slots tr td a:hover {color:#000;background:#FFFFFF; height:28px;border: solid 1px #999; display:block;text-align:center; vertical-align:middle;}
.table_slots tr td a.active {color:#000;background:#FFFFFF; height:28px;border: solid 1px #999;display:block;text-align:center; vertical-align:middle;}
.table_slots tr td a:visited { text-decoration:none; display:block;height:28px; text-align:center; vertical-align:middle; }



.table_slots tr td {border: solid 1px #FFF; padding:0px;}
.table_slots th { background:url(images/bg_slots_th.gif) repeat-x #000000; color:#FFFFFF;}

.table_slots th, .table_slots td, .table_slots tr  { font-size: 0.95em; vertical-align: middle;}

.section_header.slot div { background:url(images/icons/icon_slots.png) 15px 0px no-repeat;}
.section_header.payment div { background:url(images/icons/icon_payment.png) 15px 0px no-repeat;}
.section_header.rewardcard div { background:url(images/icons/icon_rewardcard.png) 15px 0px no-repeat;}
.section_header.giftcard div { background:url(images/icons/icon_giftcard.png) 15px 0px no-repeat;}
.section_header.coupon div { background:url(images/icons/icon_coupon.png) 15px 0px no-repeat;}

.bullet_list ol, ul 
{
	list-style: none;
}

.bullet_list li { background:url(images/bullet.gif) 0em 0.5em no-repeat; padding-left: 10px;}
.bullet_list.green { color: #A9C027; }


.order_summary_header 
{
    background:#DEDDDE url(images/icons/icon_checkout.png) no-repeat scroll 10px 0;
    height:45px;
    padding:15px 0 0 65px;
    width:390px;
}






/*these classes are for the popup that comes up when you enter wrong information into a popup field */
.CustomValidator div {display:none;border:solid 1px Black;background-color:LemonChiffon; position:relative;}
.CustomValidator td {display:none;border:solid 1px Black;background-color:LemonChiffon;}
.CustomValidator .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.CustomValidator .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}




.section_header.reviewbasket div { background: url(images/icons/icon_basket.png) 15px 0px no-repeat; padding-right: 15px;}
.section_header.reviewbasket div a { margin-top:0; padding-top:5px;}

.separator_h_reviewbasket 
{
background:transparent url(images/contentseperator.gif) repeat-x scroll 0 0;
height:6px;
margin:2px 0;
}

div.form_checkout label.checkbox  { width: 168px;font-weight:bold;}

div.form_checkout span.checkbox  { width: 168px;font-weight:bold;}

form_checkoutselect {
color:#333333;
font-size:1em;
margin-bottom:15px;
width:210px;
}



.tools.checkout_confirmation  {background: url(images/bg_shadowbox_shopping.gif) no-repeat #fff; padding: 0px;  }
.tools.checkout_confirmation .shadow_bottom { background: url(images/bg_shadow_shopping.gif) top right no-repeat #fff; height:10px;}
.tools.checkout_confirmation .tool_content { background: url(images/icons/icon_quickshop.png) 25px 15px no-repeat;  padding: 20px 0px 0px 110px;}
.tools.checkout_confirmation  p { font-size: 0.9em; margin-top:15px; margin-left:10px; width: 175px; }




.section_header.summary div { background:url(images/icons/icon_checkout.png) 16px 0px no-repeat;}






.verisignfooter {
	width: auto;
	padding-left:90px;
	padding-top: 10px;
	margin-top:70px;
	height: 30px;
	}
.tools .login_username p { font-size: 1.2em; color: #5C802C; margin: 10px 0px;}
div.container h6 { font-size: 1em; }
/*these classes are for the popup that comes up when you enter wrong information into a popup field */
.CustomValidator div {display:none;border:solid 1px Black;background-color:LemonChiffon; position:relative;}
.CustomValidator td {display:none;border:solid 1px Black;background-color:LemonChiffon;}
.CustomValidator .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell {  font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.CustomValidator .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}
.golarge { display: block; background: url(images/buttons/bttn_go.png) 0px 3px no-repeat; height:55px; width: 50px; text-indent: -9999px;}
.golarge:hover { display: block; background: url(images/buttons/bttn_go_on.png) 0px 3px no-repeat;}
.golargeOff { display: block; background: url(images/buttons/bttn_disabled_go.png) 0px 3px no-repeat; height:55px; width: 50px; text-indent: -9999px; }


/* 09 April by H*/
.page_nav { width: 200px; padding: 0px 5px 0px 15px;float:left;}/*Design changed to remove div header for corporate site 130309 */
.page_nav a:link { display:block; font-size: 1em;}
.page_nav a:hover { color:#8BA315;}
.page_nav ul {margin: 10px 0px;}
.page_nav ul ul {margin: 5px 0px;list-style-type: none;padding: 0;}
.page_nav ul ul li {  }
.page_nav ul ul a:link {padding-left: 10px; color:#666; background:url(images/bullet_arrow_grey.gif) 0em 0.3em no-repeat;}
.page_nav ul ul a:hover { color:#8BA315;background:url(images/bullet_arrow_green.gif) 0em 0.3em no-repeat;}
.page_nav ul ul li.selected a { color:#8BA315;background:url(images/bullet_arrow_green.gif) 0em 0.3em no-repeat; font-weight: bold;}
.page_nav ul li.selected a { font-weight: bold;}
.page_nav ul li {
padding: 4px 0;
}

.section_header.help div { background:url(images/icons/icon_help.png) 15px 0px no-repeat;}
.section_header.feedback div { background:url(images/icons/icon_feedback.png) 15px 0px no-repeat;}

.section_header h2.hide_text { text-indent: -9999px;}

.cssLoginMiniLabel { color:#555555;
                     display:block;
                     line-height:1.2em;
                     margin-bottom: 5px;
                     padding-left:0;}
                     
.cssSendFeedBackButton{  background:url(images/buttons/bttn_sendfeedback.png)}      

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey { color: #666666; margin-bottom: 0.8em; text-transform: none; }               
div.form_checkout .radio { width: 15px; }
div.form_checkout .input_xs { width: 98px;}
div.form_checkout .input_xxs { width: 60px; margin-right:15px;}



/*these classes are for the popup that comes up when you enter wrong information into a popup field */
.ValidatorPopUp {position:relative;margin-left:-80px;}
.ValidatorPopUp div {border:solid 1px Black;background-color:LemonChiffon; position:relative;}
.ValidatorPopUp td {border:solid 1px Black;background-color:LemonChiffon;}
.ValidatorPopUp .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.ValidatorPopUp .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.ValidatorPopUp .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.ValidatorPopUp .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.ValidatorPopUp .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.ValidatorPopUp .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.ValidatorPopUp .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

.ValidatorPopUp table{border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: none none none none; border-collapse: collapse; height: 32px;}
.ValidatorPopUp table td{border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;border-style: none none none none;-moz-border-radius: 0px 0px 0px 0px;margin-left: 280px;}

/*this class is for the promotion popups */
.container .listing_view a.sale_item  { color: #CC0000; text-decoration:underline; }
div.anonshopping { margin-left: 60px; }
.alt {background:#F6F5F6 none repeat scroll 0 0;}
.header.previousorder_details {font-size:1.3em;margin-bottom:1em;margin-top:5px;padding-top:20px;width:905px;}
.shopping_view_basket{float:left;  width:100%; font-size: 1em;  }
#page_container_indented {
margin:0 auto;
padding:0 20px;
width:910px;
}
.thumbnailcaption {
border:0 none;
float:left;
font-size:0.9em;
height:73px;
margin:0;
padding:15px 40px 15px 0;
width:410px;
}
.thumbnail {
border:0 none;
float:left;
margin:0 15px 5px 0;
padding:5px;
width:54px;
}

.gosmall { display: block; background: url(images/buttons/bttn_gosmall.png) 0px 3px no-repeat; height:45px; width: 50px; text-indent: -9999px;}
.gosmall:hover { display: block; background: url(images/buttons/bttn_gosmall_on.png) 0px 3px no-repeat;}
.gosmall2 { position:relative; top:10px;display:block; background: url(images/buttons/bttn_gosmall.png) 0px 3px no-repeat; height:42px; width: 43px; text-indent: -9999px;}
.gosmall2:hover { display: block; background: url(images/buttons/bttn_gosmall_on.png) 0px 3px no-repeat;}

.tools.shopping .gosmall  {     
    margin: 0px 10px 0px 170px;
}
/* Recipes */
.recipe_photo { float:right; margin: 0px 0px 15px 15px;}
.recipe_thumb_photo { clear:both;}
.recipe_thumb_photo a { float:left; margin: 0px 15px 15px 0px;border: solid 2px #fff;}
.recipe_thumb_photo a:hover { border: solid 2px #8BA315; margin: 0px 15px 15px 0px;}
.recipe_thumb_photo h5 {color:Gray}
.recipe_list ul{ line-height:1.25em;}
.recipe_list li{ line-height:1.25em;}

.shoppinglist_photo { float: left; margin:0 15px 5px 0; padding:5px; }
.shoppinglist_summary { float: left; width: 80%; }

.container .data_container { margin-top:10px;}
.container .data_container p { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}/*same as main CSS file*/
.container .data_container pre { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
.container .data_container table { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 10px 0px 15px 0px; width:700px;}
.container .data_container td {border-right: solid 8px #fff;}
.container .data_container .data_tableheader { background:#CAD950; margin-top:15px; color:#5C802C; font-weight:bold; text-align:center;}
.container .data_container .data_subheading { font-size: 1em; font-weight:bold; padding:20px 0px 5px 0px; }
.container .data_container .data_legaltext { font-size: 0.8em; color: #555; }
.container .data_container a {color:#5C802C; }

a[href^="mailto:"] {
background-image:url(images/buttons/email.png);
background-position:right center;
background-repeat:no-repeat;
margin:-2px 0;
padding:2px 22px 2px 0;
}
.collapseButton
{
    float:right;
    background-image:url(images/buttons/bttn_showpanel.gif);
    width:20px;
    height:16px;
    cursor:pointer;
}


.expandButton
{
    float:right;
    background-image:url(images/buttons/bttn_revealpanel.gif) !important;
    width:20px;
    height:16px;
    cursor:pointer;
}
.warning
{
     color:Red;
}



.AspNet-Menu-Horizontal
{
    padding-left: 10px;
}
ul.AspNet-Menu
{
    position: relative;
    z-index: 597;
    float: left;
}

ul.AspNet-Menu li a
{
    display: block;
}
ul.AspNet-Menu li:last-child a.AspNet-Menu-Link
{
    background: none;
}

.AspNet-Menu li
{
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 10px;
}

.AspNet-Menu li:hover
{
    position: relative;
    z-index: 599;
    cursor: default;
}

.AspNet-Menu ul
{
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 170px;
}

.AspNet-Menu ul ul
{
    left: 99%;
    top: 0%;    
}
.AspNet-Menu a,.AspNet-Menu a:hover,.AspNet-Menu a:visited,.AspNet-Menu a:active { text-decoration: none; }

.AspNet-Menu li:hover > ul
{
    visibility: visible;
}


ul.AspNet-Menu li
{
    padding: 7px 0px 7px 11px;
}


ul.AspNet-Menu li ul li
{
    padding: 7px 11px 7px 11px;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #555 #222 #222;
    background-color: #333333;
    color: #fff;
    width:100%;
}

/* -- Sub Menu List Hover -- */
ul.AspNet-Menu li ul li:hover
{
    background-color: #595959 !important;
    color: #fff;
}

.AspNet-Menu a:link
{
    color: #fff;
    text-decoration: none;
}
.AspNet-Menu a:hover
{
    color: #fff;
}
.AspNet-Menu a:active
{
    color: #fff;
}


/* -- Sub nav menu width -- */

.AspNet-Menu ul li
{
    font-weight: normal;
}


/* -- Sub nav menu dividers -- */
ul.AspNet-Menu li a.AspNet-Menu-Link
{
    padding-right: 15px;
    background: url(images/spacer_menudivider.gif) right center no-repeat;
}

/* -- Sub directory arrow -- */

.AspNet-Menu-Horizontal ul li ul *.AspNet-Menu-WithChildren
{
    background-image: url(images/nav-arrow-right.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

/* -- Top Level HEading Styles -- */
ul.AspNet-Menu li
{
    border: none;
    background: none;
}
ul.AspNet-Menu li a.AspNet-Menu-Link
{
    color: #5C802C;
}
ul.AspNet-Menu li a.AspNet-Menu-Link:hover
{
    color: #fff;
}
ul.AspNet-Menu li a.active
{
    color: #205511;
}


ul.AspNet-Menu li ul li a.AspNet-Menu-Link
{
    color: #fff;
    background: none;
}
ul.AspNet-Menu li ul li a.active
{
    color: #205511;
}

ul.AspNet-Menu ul
{
    
}

.AspNet-Menu-Leaf.AspNet-Menu-Selected a,a.AspNet-Menu-Link.AspNet-Menu-ChildSelected,.AspNet-Menu-Link.AspNet-Menu-Selected
{
    color:#fff !important;
}



.backLink a:link 
{ 
    float:right; 
    margin-right: 25px; 
    font-weight:bold; 
    color:#888; 
}

.backLink a:visited
{ 
    float:right; 
    margin-right: 25px; 
    font-weight:bold; 
}

a.shoppingListBackLink:link
{
    float:right; 
    font-weight:bold;
    margin-right: 25px; 
    padding-top:15px; 
    color:#888; 
}

a.shoppingListBackLink:visited
{
    float:right; 
    font-weight:bold;
    margin-right: 25px; 
    padding-top:15px; 
}


/* re-style search and mini basket */

.uiControlShadow { background:url(images/bg_shopControlShadow.png) no-repeat;  height:7px; width:950px; margin-bottom:8px; }

.controlShopping { background: url(images/bg_shopControl.png) no-repeat; width:950px;padding-bottom:3px; padding-top:8px; clear:both; font-size:11px; vertical-align:top; height:56px;}

.sectionSerach { width:177px; float:left;margin-left:12px; background: url(images/contentseperator.gif) top right repeat-y;position:relative;}
.sectionOrderDetails { width:300px;margin-left:10px; background: url(images/contentseperator.gif) top right repeat-y; float:left; padding-right: 5px;line-height:1.7em;}
.sectionMiniBasket { width:255px;margin-left:10px; float:left;padding-right: 5px;line-height:1.7em; background:url(images/icons/icon_mini_basket.gif) no-repeat 0 2px;padding-left: 40px;}
.sectionBttns { width:115px; float:left; margin-left:0px;}


.shoppingSearch { width:110px; height: 14px;  border: solid 1px #999; padding-left: 3px;}
/*
took this out of shopping search as it was stopping the watermark working
background:url(images/bg_form_input.png) no-repeat;
*/

.controlShopping label { font-size:11px; font-weight: bold; color:#333; margin-right:5px;}

.bttnGoSearch { position: absolute; float:left; left:132px; top:7px; }
.textTotal { font-weight: bold; } /* float: right; */
.textLastItem { }


.space 
{
    margin-right:15px;
}



.messageAnimConfirm,.messageAnimError,.messageAnimAlert,.messageAnimProcessing { position:absolute; z-index:1001; top:0; left:0; width: 615px; height:57px; padding-left: 70px; padding-right: 15px; padding-top: 13px; overflow: hidden; text-align:left; color:#999; vertical-align:middle;}

.messageAnimConfirm {  background: url(images/anim_message_confirm.gif) 0 0 no-repeat #000;}
.messageAnimError { background: url(images/anim_message_error.gif) 0 0 no-repeat #000;}
.messageAnimAlert {  background: url(images/anim_message_alert.gif) 0 0 no-repeat #000; }
.messageAnimProcessing { background: url(images/anim_message_processing.gif) 0 0 no-repeat #000; padding-top: 23px; height:47px; left:auto;}

.messageConfirm { background:  url(HTML/images/message_confirm.gif) 0 0 no-repeat #000;}
.messageError {  background: url(HTML/images/message_error.gif) 0 0 no-repeat #000;}
.messageAlert {  background: url(images/message_alert.gif) 0 0 no-repeat #000;}
.messageProcessing { background: url(images/anim_message_processing.gif) 0 0 no-repeat #000; padding-top: 20px;}

 .messageHidden { visibility: hidden;}
 
 
 .activeOrderTopMenu { float: left; height: 28px; background: url(Images/icons/icons_mini_activeorder.png) 0 0 no-repeat transparent; }
 
 
 .CategorySeleceted
 {
 font-weight:bold;
 font-size:small;
 text-decoration: underline;
 } 
 .promoNotQualified{ color:#999999;font-size: 0.8em; } 
 
 
 
 /************************* MODAL POPUP STYLING ********************************************/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow
{
    display: none;
    position: fixed;
    top: 17%;
    left: 55%;
    margin-left: -300px;
    color: #333;
    padding: 12px;
}
.jqmWindowLarge
{
    display: none;
    position: fixed;
    top: 17%;
    left: 35%;
    margin-left: -300px;
    color: #333;
    padding: 12px;
}
.jqmOverlay
{
    background-color: #000;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html .jqmWindowLarge
{
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/************************* END MODAL POPUP STYLING ********************************************/
 .promoNotQualified{ color:black; font-size:0.8em;} 
 .promoNotQualifiedText{ color:black; }