/* ---- Roche Bros CSS 041209 ---- */

/* ---- COLOUR REFERENCE 

Link Green #0D6F58
Header Orange #F08D1A
Header Dark #333333
Body Text #333333
Secondary Text #666666
Pale Orange BG #FEEED1
Label Text #333333
---- */

/* ---- RESET ---- */
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;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

/* ---- HTML DEFAULTS ---- */
a:focus, a:hover {color: #F08D1A;}
a {color: #0D6F58; text-decoration:none;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* 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;	border-spacing: 0;}
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align:top;}

/* ---- TYPOGRAPHY ---- */
body {font-size:72%;color:#333;background:#fff;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: normal; line-height:1em;
            behavior: url("../App_Themes/RocheBros/style/csshover3.htc"); 
      }
h1, h2, h3, h4, h5, h6 {color:#F08D1A; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;} 
h1.grey , h2.grey , h3.grey , h4.grey , h5.grey , h6.grey {color: #333; font-weight: bold;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; letter-spacing: normal; } 
h1.black , h2.black , h3.black , h4.black , h5.black , h6.black {color: #333; font-weight: bold;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; letter-spacing: normal; } 
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1em;}
h6 {font-size:1em;font-weight:bold;}

.contentCorporate h2 {font-size:2em;margin-bottom:1.2em;}


p { margin: 0em 0em 1.2em 0em; line-height: 1.4em; text-align:justify;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1em 1em 0px;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

hr {height: 1px;border-style: none;color: #d0d0d0; background-color: #C0C0C0;margin: 10px 0px;}

.hide {display:none;}
.quiet {color:#666; font-size:0.9em}
.loud {color:#000;}
.highlight { color: #F08D1A;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.align_right { float:right;}
.align_left { float:left;}
.divider_right { background:url(../images/contentseperator.gif) repeat-y top right;}
.divider_left { background:url(../images/contentseperator.gif) repeat-y top left;}
.space { margin-right: 15px;}
.space_left { margin-left: 15px;}
.space20 { margin-right: 20px;}
.space30 { margin-right: 30px;}
.seperator_h { background: url(../images/contentseperator.gif) repeat-x; height: 6px; margin: 2px 0px;}
.sale { color:#CC0000;}
.wasPrice { text-decoration:line-through;}
.wrap { float:left;}
.textRight { text-align:right;}

/* forms.css */
label {font-weight:bold; font-size: 0.9em;}
fieldset {margin:0 0 30px 0; width: 770px; }
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:70px;padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 1em;background:url(../images/bg_form_input.png) no-repeat;}
fieldset input {margin-bottom:10px;margin-top:5px; width:200px;}
fieldset select {margin-bottom:10px;margin-top:5px; width:205px;}
fieldset select.small {margin-bottom:10px;margin-top:5px; width:100px; font-size:0.9em;}
fieldset select.xsmall {margin-bottom:10px;margin-top:5px; width:60px;font-size:0.9em;}

.confirm { background: url(../images/icon_small_tick.png) no-repeat; padding-left: 28px; padding-top: 2px; font-weight:bold}
.rewardPrefix { height: 20px; font-weight: normal; line-height:1em; margin-right: 8px;}
input.medium { width:138px;}
input.small { width:60px;}
input.checkbox { width: 15px; padding-top:5px;}
.forgotPass { font-size: 0.8em; vertical-align: top; padding: 5px 0 0 35px;  }
.form_hint { float:right; width: 300px; font-size: 0.9em; color:#666; background: url(../images/bg_form_hint.gif) 0 0 no-repeat;padding-right: 15px; padding-left: 25px; padding-top: 8px; padding-bottom: 8px; }
.form_hint_small { float:right; width: 120px; font-size: 0.9em; color:#666;}
.form_right { float:right; width: 215px;}


/* Checkout FORM ELEMENTS - LABEL LEFT */
.form_checkout label,.form_checkout input {display: block;float: left;margin-bottom: 15px;}
.form_checkout label {text-align: left; width: 140px;margin-right: 5px; font-weight: bold;line-height: 1.2em; margin-bottom: 5px;font-size: 0.95em;}
.form_checkout input { background:url(../images/bg_form_input.png) no-repeat; width: 205px; height:15px; padding: 3px; text-indent: 2px; font-size: 1em; color:#333; border: solid 1px #999999; }
.form_checkout select { color:#333; width: 210px; margin-bottom: 15px;font-size: 1em;  }
.form_checkout br {clear: left;}
.form_checkout .checkbox { width: 15px; font-weight:normal;}
.form_checkout .radio { width: 15px; }

.form_checkout label.checkbox  { width: 400px;font-weight:bold; padding-top: 5px; padding-left:10px}
label.checkboxSmall  { width: 35px;font-weight:bold; padding-top: 5px; padding-left:10px;}

input.checkbox { width: 15px; padding-top:5px;}

input.xlarge { width:210px;}
input.large { width:175px;}
input.medium { width:140px;}
input.small { width:60px;}
select.xlarge { width:200px;}
select.large { width:175px;}
select.medium { width:140px;}
select.small { width:60px;}
select { margin:5px 0 0 0 ; height: 20px; font-size: 0.9em;}
input { margin: 5px 0 0 0 ;font-size: 0.9em;}
.form_checkout label.checkboxFormLabel { width:115px;font-weight:bold; padding-top: 5px; padding-left:10px}

.checkoutLeftCol {width: 500px; float:left;}
.CMarea_placeholder { background: #F3F3F3; color:#666666; height: 150px; text-align:center; padding: 20px; margin-top:20px;}
.vspace_top {margin-top:20px; clear:both;}
.vspace_bottom {margin-bottom:20px; clear:both;}
.vspace_both {margin-bottom:20px; margin-top:20px;}


p.error {color: #CC0000;}
p.notice {color:#514721;}
p.success {color:#264409;}

.column_left { float:left; width: 440px;  }
.column_right { float:right; width: 400px;padding-left:40px;  }

.form_container {float:left; width: 360px; margin-bottom:20px; margin-right:25px; }

.security { float:right; width:263px; height: 55px; margin-top: 30px; padding-top: 10px; padding-right: 90px; background:url(../images/verisign_logo.gif) top right no-repeat; margin-right: 175px;}
/* Slot Table */

.slotfree {background-color:#fff;}
.slotcutoff {background: url(../images/icons_alert_small.png) no-repeat 70px 3px;}
.slotfull {background-color: #CCCCCC;}


.table_slots { width: 770px;}
.table_slots tr td a:link {color:#0D6F58; display:block;height:30px; text-align:center;  }
.table_slots tr td a:hover {background:#ECFEEC; height:28px;border: solid 1px #999;}
.table_slots tr td a.active {background:#ECFEEC; height:28px;border: solid 1px #999; font-weight: bold;}

.table_slots tr td {border-top: solid 1px #CCC;border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; border-left: solid 1px #CCC;padding:0px; }
.table_slots th { color: #666666;border-top: solid 1px  #CCCCCC; font-weight: normal;}
th.today_highlight { color:#000; font-weight:bold;}

.account_view th {font: bold 1.0em Arial, Helvetica, sans-serif;vertical-align:middle; color: #FFF;letter-spacing: 0px;text-transform: none; padding: 5px 5px 5px 5px;background: #CCC; text-align:left}
.account_view th a:link { color: #FFF; padding-left:10px; display:block;}
.account_view td { line-height: 1.5em;vertical-align:top;padding:5px;}
.account_view  tr { border-bottom: solid 1px #CCC;}

.category_divider { height: 18px; background: url(../images/ui_categoryDividerBG.gif ) repeat-x ; color:#F08D1A; padding: 6px 15px 0px 20px; border: solid 1px #CCCCCC; margin:5px 0px; font-weight:bold; }
.category_divider a { font-weight: bold; color:#F08D1A; }
.category_divider activeOrder { height: 18px; background: url(../images/ui_categoryDividerBG.gif ) repeat-x ; color:#F08D1A; padding: 6px 15px 0px 20px; border: solid 1px #CCCCCC; margin:5px 0px; }



/* ALERT MESSSAGES for fixed header pages */
.header.message { margin-top:35px;  }
.message_confirm { background: url(../images/slice_alert.gif) repeat-x #333; color:#fff; line-height:35px;height:35px; font-weight:bold;  width:950px; position: fixed; top:0; z-index:3000; overflow:hidden; }
.message_alert { background: url(../images/slice_alert.gif) repeat-x #333; color:#fff; line-height:35px; height:35px; font-weight:bold; width:950px; position: fixed; top:0; z-index:3000; overflow:hidden;  }
.message_error { background: url(../images/slice_alert.gif) repeat-x #333; color:#fff; line-height:35px; height:35px;font-weight:bold;  width:950px; position: fixed; top:0; z-index:3000;overflow:hidden;  }
.message_activeorder { background: url(../images/slice_alert.gif) repeat-x #333; color:#fff; line-height:35px; height:35px;font-weight:bold;  width:950px; position: fixed; top:0; z-index:3000;overflow:hidden;  }
.reference_activeorder {background: url(../images/ui_categoryDividerBG.gif) repeat-x #DFDFDF; color:#fff; line-height:30px; height:32px;font-weight:bold; width:912px;overflow:hidden; padding:0 15px 0 15px; border:1px solid #CCCCCC; margin-bottom:15px;}
.reference_activeorder p { color:#333; background: url(../images/anim_activeorder_small.gif) 0em 0.4em no-repeat; padding-left: 55px; padding-top:7px; height: 20px; }

.message_confirm p { background: url(../images/icon_small_confirm.gif) 0.8em 0.3em no-repeat; height:35px; padding-left: 50px; padding-top:7px;}
.message_alert p { background: url(../images/icon_small_alert.gif) 0.8em 0.2em no-repeat ;height:35px; padding-left: 50px; padding-top:7px; }
.message_error p { background: url(../images/icon_small_error.gif) 0.8em 0.2em no-repeat;height:35px; padding-left: 50px; padding-top:7px;}
.message_activeorder p { background: url(../images/anim_activeorder_large.gif) 0.8em 0.4em no-repeat;height:35px; padding-left: 75px; padding-top:7px;}
.message_activeorder a { color:#FF9900;  }

div.form_checkout input.form_error  { background:url(../images/bg_form_error.png) no-repeat;color:#333; border: solid 1px #FF6600; }
.headerMessageDisplay { background: url(../Images/slice_alert.gif) repeat-x #333; color:#fff !important; line-height:15px; font-weight:bold; width:950px; top:0; z-index:3000;  }
.headerMessageDisplay .confirm { background: url(../Images/icon_small_confirm.gif) 0.8em 0.3em no-repeat; padding-left: 50px; padding-top:7px;}
.headerMessageDisplay .alert { background: url(../Images/icon_small_alert.gif) 0.8em 0.2em no-repeat; padding-left: 50px; padding-bottom:7px; padding-top:7px;}
.headerMessageDisplay .error { background: url(../Images/icon_small_error.gif) 0.8em 0.2em no-repeat; padding-left: 50px; padding-top:7px;}


/* ALERT MESSAGES for pages where header is not fixed */
body.normal .message_confirm {  position:relative;  }
body.normal .message_alert { position:relative; }
body.normal .message_error {  position:relative;  }
body.normal .message_activeorder {  position:relative; }

/* DEPARTMENT TAB STYLES */
.controlDepartments { height:28px; width:755px;}
.controlDepartments a {display:block; text-indent:-9999px; height:28px; float:left;}

a.tab_Bakery { background: url(../images/tab_Bakery.gif) no-repeat; width:54px; }
a:hover.tab_Bakery  { background:url(../images/tab_Bakery_on.gif) no-repeat; }
body.bakery a.tab_Bakery { background:url(../images/tab_Bakery_on.gif) no-repeat;}

a.tab_Dairy { background: url(../images/tab_Dairy.gif) no-repeat; width:46px; }
a:hover.tab_Dairy  { background:url(../images/tab_Dairy_on.gif) no-repeat; }
body.dairy a.tab_Dairy { background:url(../images/tab_Dairy_on.gif) no-repeat;}

a.tab_Deli { background: url(../images/tab_Deli.gif) no-repeat; width:39px; }
a:hover.tab_Deli  { background:url(../images/tab_Deli_on.gif) no-repeat; }
body.deli a.tab_Deli { background:url(../images/tab_Deli_on.gif) no-repeat;}

a.tab_Floral { background: url(../images/tab_Floral.gif) no-repeat; width:49px; }
a:hover.tab_Floral  { background:url(../images/tab_Floral_on.gif) no-repeat; }
body.floral a.tab_Floral { background:url(../images/tab_Floral_on.gif) no-repeat;}

a.tab_Frozen { background: url(../images/tab_Frozen.gif) no-repeat; width:54px; }
a:hover.tab_Frozen  { background:url(../images/tab_Frozen_on.gif) no-repeat; }
body.frozen a.tab_Frozen { background:url(../images/tab_Frozen_on.gif) no-repeat;}

a.tab_Grocery { background: url(../images/tab_Grocery.gif) no-repeat; width:58px; }
a:hover.tab_Grocery  { background:url(../images/tab_Grocery_on.gif) no-repeat; }
body.grocery a.tab_Grocery{ background:url(../images/tab_Grocery_on.gif) no-repeat;}

a.tab_HeallthBeauty { background: url(../images/tab_HealthBeauty.gif) no-repeat; width:67px; }
a:hover.tab_HeallthBeauty  { background:url(../images/tab_HealthBeauty_on.gif) no-repeat; }
body.healthBeauty a.tab_HeallthBeauty { background:url(../images/tab_HealthBeauty_on.gif) no-repeat;}

a.tab_MeatSeafood { background: url(../images/tab_MeatSeafood.gif) no-repeat; width:70px; }
a:hover.tab_MeatSeafood  { background:url(../images/tab_MeatSeafood_on.gif) no-repeat; }
body.meatSeafood a.tab_MeatSeafood { background:url(../images/tab_MeatSeafood_on.gif) no-repeat;}

a.tab_OrganicNatural { background: url(../images/tab_OrganicNatural.gif) no-repeat; width:66px; }
a:hover.tab_OrganicNatural  { background:url(../images/tab_OrganicNatural_on.gif) no-repeat; }
body.organicNatural a.tab_OrganicNatural { background:url(../images/tab_OrganicNatural_on.gif) no-repeat;}

a.tab_Produce { background: url(../images/tab_Produce.gif) no-repeat; width:64px; }
a:hover.tab_Produce  { background:url(../images/tab_Produce_on.gif) no-repeat; }
body.produce a.tab_Produce { background:url(../images/tab_Produce_on.gif) no-repeat;}

a.tab_Home { background: url(../images/tab_Home.gif) no-repeat; width:53px; }
a:hover.tab_Home  { background:url(../images/tab_Home_on.gif) no-repeat; }
body.home a.tab_Home { background:url(../images/tab_Home_on.gif) no-repeat;}

a.tab_Kitchen { background: url(../images/tab_Kitchen.gif) no-repeat; width:64px; }
a:hover.tab_Kitchen  { background:url(../images/tab_Kitchen_on.gif) no-repeat; }
body.kitchen a.tab_Kitchen { background:url(../images/tab_Kitchen_on.gif) no-repeat;}

a.tab_Seasonal { background: url(../images/tab_Seasonal.gif) no-repeat; width:71px; }
a:hover.tab_Seasonal  { background:url(../images/tab_Seasonal_on.gif) no-repeat; }
body.Seasonal a.tab_Seasonal { background:url(../images/tab_Seasonal_on.gif) no-repeat;}

/* CATEGORY NAVIGATION */
ul.categoryNav h3 { margin:0 0 15px 0;  }
ul.categoryNav { width: 140px; float:left; margin-left:15px; padding-right: 10px; background:url(../images/contentseperator.gif) repeat-y top right; }
ul.categoryNav ul { margin-top:5px;  }
ul.categoryNav ul li {padding-left:12px; background:url(../images/bulletNav.gif) no-repeat 0 7px;}
ul.categoryNav ul a { color:#666; }
ul.categoryNav ul a:hover { color:#F08D1A; }
ul.categoryNav ul li.selected a { color:#F08D1A; }

ul.categoryNav.specialsResults li { font-weight: bold;}
ul.specialsResults a { color:#CC0000;}
ul.categoryNav.searchResults li { font-weight: bold;}
ul.categoryNav.searchResults ul li { font-weight: normal;}
ul.categoryNav.searchResults li {padding-left:0px; background: none;}

/* LAYOUT STYLES */
.wrapper { width: 950px; margin: 0 auto; background: url(images/footerBG.gif) repeat-x bottom left;}
.contentFullWidth {padding: 0;}
.contentCorporate { padding: 15px;}
.contentCheckoutWidth {width:770px;}
.checkout_header { height: 115px; width:950px; margin-bottom:10px; background: url(../images/bg_header_slice.gif) repeat-x; position: relative;}
.contentCorporate ul li { padding: 5px 12px; background:url(../images/bulletContent.gif) no-repeat 0 9px;}

/* FIXED HEADER WHEN PAGE BODY TAG IS "shop" */
body.headerFix .header { height: 115px; width:950px; margin-bottom:45px; background: url(../images/headerBg_general.png) no-repeat #fff; position: fixed; z-index:99;}
body.normal .header { height: 115px; width:950px; margin-bottom:40px; background: url(../images/headerBg_general.png) no-repeat #fff;}
body.headerNofix .header { height: 115px; width:950px; margin-bottom:22px; background: url(../images/headerBg_general.png) no-repeat #fff;}
body.headerFixCart .header { height: 115px; width:950px; margin-bottom:45px; background: url(../images/headerBg_general.png) no-repeat #fff; position: fixed; z-index:99;}

/* mainnav */
.header_content { position: relative; height:132px}
.navSite { position:absolute; top:65px; left: 0; width:950px; height: 80px; background: url(../images/tab_bg.gif) no-repeat; }
.navMain {  background: url(../images/navSite_Bg_nocart.gif) no-repeat top left; height: 32px; padding-top:8px; padding-left: 10px; font-size: 0.92em; font-weight: bold}
body.headerFix .navMain {  background: url(../images/navSite_Bg.gif) no-repeat top left; height: 32px; padding-top:8px; padding-left: 10px; font-size: 0.92em; font-weight: bold}
body.headerFixCart .navMain {  background: url(../images/navSite_Bg_nocart.gif) no-repeat top left; height: 32px; padding-top:8px; padding-left: 10px; font-size: 0.92em; font-weight: bold}

.navMain a {padding: 0px 5px; color:#333;}
.navMain a:hover,.navMain a.selected {padding: 0px 5px; color:#0D6F58;}
.tabPosition{ padding-left: 231px; height:27px; }
.bannerAdHeader {position:absolute; top: 15px; left:482px;}

/* subnav hover */
.subNav { width: 160px; border: solid 1px #999; border-top: none;background-color: #E9E9E9; margin-top:-10px;position:fixed; }
.subNav ul {margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
.subNav a {display: block;padding: 5px 3px 5px 12px;width: 144px;font-weight:bold;}
.subNav a:link, .navlist a:visited {color: #333;text-decoration: none;}
.subNav a:hover {background-color: #F08D1A;color: #fff;}

.breadcrumb { background: url(../images/ui_greyGradient.gif) 0 -5px no-repeat; height:31px; padding: 10px 5px 0 15px; margin-top:-1px; }
.breadcrumb a { margin-right: 10px;}

a.tab_home { display:block; background: url(../images/tab_RBhome.gif) no-repeat; height:27px; width: 119px;text-indent:-999px; float:left; }
a:hover.tab_home { background: url(../images/tab_RBhome_on.gif) no-repeat; }
body.home a.tab_home { background: url(../images/tab_RBhome_on.gif) no-repeat; }

a.tab_shop { display:block; background: url(../images/tab_RBshop.gif) no-repeat; height:27px; width: 111px;text-indent:-999px; float:left; }
a:hover.tab_shop { background: url(../images/tab_RBshop_on.gif) no-repeat; }
body.shop a.tab_shop { background: url(../images/tab_RBshop_on.gif) no-repeat; }
/*body.shophome a.tab_shop { background: url(../images/tab_RBshop_on.gif) no-repeat; }
*/
.controlWrapper { background: url(../images/control_BgSlice.gif) repeat-x #FAEEDB; margin-top: 15px;}
.controlContainer { border-top:solid 1px #333333; border-left:solid 1px #333333; border-right:solid 1px #333333; padding:15px 0px 5px 20px; width:928px;}
.controlLogin { width: 415px;  float:left; }
.controlStart { width: 470px; float:left; padding-left:35px;}
.controlCustomerType { width: 370px; float:left; }
.controlEasyShopping { width: 380px; float:left;padding-left:25px; }


.bannerWrapper { margin: 15px 0px;}
.bannerHomepageHero {}
.bannerHomepage1 {float: left; margin-right:22px; clear:both;  }
.bannerHomepage2 {float: left; margin-right:22px;}	
.bannerHomepage3 {float: left;}	
.bannerAdButton { margin-bottom:15px;}


/* MODE SWITCH */
.modeBanner { padding:10px; overflow: hidden;}
.modeBanner p { float:left; margin-left: 20px; margin-top: 20px; font-weight: bold;}
.modeBanner img { float:left;}
.sectionShadow { background: url(../images/ui_greyGradient.gif) repeat-x;  height: 30px;}
.modeswitch_CMarea { float:right; width: 440px;margin-top:20px; padding: 10px 10px 10px 20px;}

/* ---- JQuery Accordian panels - mode change ---- */
dl.wide { width: 940px;  }
dl.medium { width: 770px;  }
dl { width: 450px;  }
dl,dd { margin: 0; } 
dt { background: url(../images/ui_categoryDividerBg.gif) repeat-x; height:15px; padding: 5px; margin-bottom: 0px; border: solid 1px #CCCCCC;-moz-border-radius:4px; -webkit-border-radius:4px; }

dt a { text-decoration: none; }
dd a { text-decoration: none; }
.accordion_content {background:#FFFFFF; padding: 10px; width:428px; margin-bottom:10px;border: solid 1px #CCC; border-top: none;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
.accordion_content_wide {background:#FFFFFF; padding:10px 10px 10px 10px; width:918px; margin-bottom:10px; border: solid 1px #CCC; border-top: none;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
.accordion_content_wide fieldset {width:400px;margin-bottom:0px; border: none;}

.accordion_content_medium {background:#FFFFFF; padding: 10px 10px 10px 10px; width:748px; margin-bottom:10px; border: solid 1px #CCC; border-top: none;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
.accordion_content_medium fieldset {width:400px;margin-bottom:0px; border: none;}

 h2.specialsText, h3.specialsText, h4.specialsText { color:#CC0000; }
.noticeText { padding: 15px; font-weight:bold;}
.columnCart {width:180px; float:right; margin-top:11px;}
.miniCart { background: url(../images/miniCart_centreSlice.gif) repeat-y; width: 180px; margin-top: -11px; margin-bottom:-3px;} 

.miniCartQty { float:left; height: 2.5em; padding-right: 3px;}
.miniCartBtn { float:right; display:inline;}

.innerCartWrap { width: 167px; padding: 0 7px; font-size: 0.9em; color:#000; line-height: 1.2em;}
.innerCartWrap table td { padding:1px 5px;}
.scrollCart { overflow:hidden;}

.searchNoresults { margin-left:15px;}
.errorHighlight { color:#CC0000; font-weight: bold;}

.cartHeader { background: url(../images/ui_cartHeader.gif) no-repeat; height: 44px; width: 755px;overflow: hidden;}
.viewCartTotal { color:#0D6F58; font-size: 1.1em; font-weight: bold;}
.viewCartTotal { color:#0D6F58; font-size: 1.1em; font-weight: bold;}
/* LISTINGS */

/*IN FIXED HEADER PAGES THIS CONTAINS THE SCROLLING CONTENT AND PADDING AT TOP TO PUSH DOWN FROM BEHIND THE HEADER*/
.columnListing { padding-top:193px; width:755px; min-height:500px; height:auto !important; height:500px;   }

.columnListing h3 { margin-top:15px; }
.columnListing.message  { padding-top:230px; }
.columnListing.specials  { padding-top:150px; }

.processingFlag { float:right; height:23px; width: 92px; margin: 0 15px; margin-top:4px; background:url(../images/anim_processing.gif) no-repeat; visibility:visible;}
.activeorderFlag { float:right; height:23px;  padding-left:45px; padding-top: 4px; margin-top:5px; background:url(../images/anim_activeorder_small.gif) no-repeat 0 0 ;  color: #FF6600; visibility:visible;}
.activeorderFlag a { color: #FF6600; text-decoration:underline; }

.controlSpecials { background: url(../images/bg_specialsHeader.png) no-repeat top left; height:125px; width:740px; padding: 20px 0 0 15px;position:relative;}
.controlSearch { background: url(../images/bg_searchbar.png) no-repeat top left; height:42px; width:755px; position:relative;z-index:0;}
.searchShopping {background:transparent url(../images/ui_searchBg.gif) no-repeat; border:none;height:22px;left:10px;padding-left:10px;padding-top:3px;position:absolute;top:0;width:137px; }
.positionDepartment {position:absolute;left:280px;top:8px;}
.positionSearch {position:relative;top:5px;}
.positionSpecialsSearch {position:relative;top:7px;}

select.selectDepartment {height:21px;margin-left:158px;width:140px;}

.tools_shopping { background: url(../images/ui_listingHeader.gif) no-repeat; height: 32px; width: 577px;overflow: hidden; padding-top: 5px;  margin-bottom:-2px;color: #666;}
.tools_shoppingMedium {  background: url(../images/ui_listingHeaderMedium.gif) no-repeat; height: 32px; width: 755px;overflow: hidden; padding-top: 5px;  margin-bottom:-2px;color: #666;}

.tools_shoppingWide {  background: url(../images/ui_listingHeaderWide.gif) no-repeat; height: 32px; width: 950px;overflow: hidden; padding-top: 5px;  margin-bottom:-2px;color: #666;}

.listingWrap th,.listingWrapWide th,.cartWrap th { background: url(../images/ui_tableHeader.gif) repeat-x; height: 30px; font: bold 0.9em Arial, Helvetica, sans-serif;  color: #999;text-transform: none; padding: 5px 0px 5px 0px;}
.listingWrap th a:link,.listingWrap th a:hover,.listingWrap th a:visited{ color: #999; padding-left:10px; }
.listingWrapWide th a:link,.listingWrapWide th a:hover,.listingWrapWide th a:visited{ color: #999; padding-left:10px; }
.cartWrap th a:link,.cartWrap th a:hover,.cartWrap th a:visited{ color: #999; padding-left:10px; }


.listing { border-top: solid 5px #fff; border-bottom: solid 5px #fff; border-left: solid 1px #F3F3F3;}
.listing.alt { border-top: solid 5px #F4F4F4; border-bottom: solid 5px #F4F4F4;}
.categoryNav li.selected { font-weight: bold;}
.categoryNav li { line-height: 1em; margin-bottom:0.7em; font-weight: normal; }

.listingWrap { float:left;}
.listingWrap .wide { float:left; width:950px;}
.listingWrapWide { float:left; width:755px;}

.listingWrapLevel1 {width:750px;}

.imageCol a img { border: solid 1px #fff; }
.imageCol a:hover img { border: solid 1px #CCCCCC; }
.alt { background: #F4F4F4;}

.imageCol { width: 100px; text-align: left; background:#FFF; }
.priceCol { width: 85px; text-align: center; padding-top: 3px;  }
.quantityCol { width: 65px; text-align: left;}
.addCol { width: 55px; text-align: left;}
.weightCol { width: 110px; padding-left: 20px;}
.inputQty {font-weight:normal;font-size:11px;font-family:arial;color:#000; width: 30px; height: 18px; margin-right: 3px; padding:0; }
.listingWrap .inputQty  { margin-top: 1px;}

.removeCol { text-align: right; padding-right: 10px; padding-top:10px;}
.totalCol { text-align: center; padding-right: 10px;}

.descriptionCol { text-align: left;}
.departmentTitle { font-size: 1em; color: #F08D1A; font-weight: bold;}
.productTitle { font-size: 1em; color: #222; font-weight: bold;}
.inCartQty { float:left; margin-top:8px; margin-left: 3px;}
.inCartQtyIcon { float:left;}


.productDetails .productTitle { font-size: 1.2em; color: #222; font-weight: bold;}
.productDetails label { display:block; margin-bottom: 5px;}
 
.saleTerm { color: #CC0000; font-size: 0.9em; }
.saleItem { color: #CC0000; }
.saleItem { display:block; height: 16px; background:url(../images/icon_saleitem.gif) no-repeat; padding-left:22px; padding-top:1px;}
.saleItem a { color: #CC0000; text-decoration:underline; margin-top: -3px;}
.saleItem a:hover { color: #CC0000; text-decoration:underline;}
.unitPrice { color:#000; margin-bottom: 5px; }
.attributes img { margin: 4px 5px 2px 0px;}

.add { display: block; background: url(../images/btn_Add.gif) 0 0 no-repeat; height:20px; width: 52px; text-indent: -9999px;}
.add:hover { display: block; background: url(../images/btn_Add_on.gif) 0 0 no-repeat;}
.addToCart { display: block; background: url(../images/btn_addToCart.gif) 0 0 no-repeat; height:20px; width: 97px; text-indent: -9999px;}
.addToCart:hover { display: block; background: url(../images/btn_addToCart_on.gif) 0 0 no-repeat;}
.favourite { display:block; float:left; height:30px; width: 30px; background: url(../images/icon_favourite.gif) 0px 0px no-repeat;text-indent: -9999px; margin-left: 10px;}
.favourite:hover { background: url(../images/icon_favourite_on.gif) 0px 0px no-repeat;}
.favourite.selected { background: url(../images/icon_favourite_on.gif) 0px 0px no-repeat;}

.note { display: block; float:left; background: url(../images/icon_note.gif) 5px 0px no-repeat; height:30px; width: 40px;text-indent: -9999px; }
.note:hover { background: url(../images/icon_note_on.gif) 5px 0px no-repeat;}
.note.selected { background: url(../images/icon_note_on.gif) 5px 0px no-repeat;}

.selectWeight { display: block; background: url(../images/btn_selectWeight.gif) 6px 0 no-repeat; height:20px; width: 114px; text-indent: -99999px;}
.selectWeight:hover { display: block; background: url(../images/btn_selectWeight_on.gif) 6px 0 no-repeat;}
.changeWeight { display: block; background: url(../images/btn_changeWeight.gif) 6px 0 no-repeat; height:20px; width: 114px; text-indent: -9999px;}
.changeWeight:hover { display: block; background: url(../images/btn_changeWeight_on.gif) 6px 0 no-repeat;}
.update { display: block; background: url(../images/btn_update.gif) 45px 0 no-repeat; height:20px; width: 114px; text-indent: -9999px;}
.update:hover { display: block; background: url(../images/btn_update_on.gif) 45px 0 no-repeat;}
.viewDetails { display: block; background: url(../images/btn_viewDetails.gif) 6px 0 no-repeat; height:20px; width: 114px; text-indent: -9999px;}
.viewDetails:hover { display: block; background: url(../images/btn_viewDetails_on.gif) 6px 0 no-repeat;}

.viewDetailsSmall { display: block; background: url(../images/btn_small_viewDetails.gif) 0px 0 no-repeat; height:30px; width: 65px; text-indent: -9999px;}
.viewDetailsSmall:hover { display: block; background: url(../images/btn_small_viewDetails_on.gif) 0px 0 no-repeat;}
.changeWeightSmall { display: block; background: url(../images/btn_small_changeWeight.gif) 0px 0 no-repeat; height:30px; width: 65px; text-indent: -9999px;}
.changeWeightSmall:hover { display: block; background: url(../images/btn_small_changeWeight_on.gif) 0px 0 no-repeat;}
/* begin css tabs */
.details_tabs { background: url(../images/bg_repeat_detailstabds.gif) 0px 29px  repeat-x; width: 577px; height: 60px; clear:left; }
.tab_bottom { background: url(../images/ui_detailsTabsSlice.gif) 0px 3px  repeat-x; height: 30px; position:relative; z-index:90;}

ul.tabnav {text-align: left;margin: 0em; font-family: Arial, Helvetica, sans-serif;font-weight: bold;list-style-type: none;padding: 5px 10px 5px 0px;}
ul.tabnav li { display: inline;margin-right: 3px;}/* do not change */
ul.tabnav li a { padding: 6px 10px 7px 10px; background-color: #E9E9E9; color: #666;margin-right: 0px;text-decoration: none;border-bottom: none;}
ul.tabnav li a:hover { background: #F08D1A; color:#fff;}
ul.tabnav li a.active {background-color: #F08D1A; color: #fff;}

/* end css tabs */
/* Content Page */
.photoRight { float:right; margin:0px 0px 15px 25px;}

/* Easy Shopping - My Accout */

.shopping_controls {  /*width: 950px; float:left;*/ clear:both; margin: 25px 0 15px 0; }
.thumbnail {float: left;width: 54px;border: 0;margin: 0px 15px 5px 0;padding: 5px;	}
.thumbnailcaption {float: left;width: 225px;height: 73px;border: 0;margin: 0px 0px 0px 0px;padding: 15px 80px 15px 0px; font-size: 0.9em;margin-bottom: 20px;}
.thumbnailcaption img {margin-bottom: 10px;}
.viewmore {margin: 35px 0px 35px 190px; }
.viewmorePosition {margin: 0 auto; width:300px;  }
.securityNotice {width: auto;padding-left:90px;background-image: url(../images/verisign.jpeg);background-repeat: no-repeat;background-position: left;padding-top: 10px;	margin-top:70px;height: 30px;}
.table_buttons td { padding: 5px 0px;}

/* Recipes */
.recipeWrap { margin-left:15px; width:560px; float:left;}
.recipe_photo { float:right; margin: 0px 0px 15px 15px;}
.recipe_thumb_photo { margin-bottom: 25px;clear:both;}
.recipe_thumb_photo img { float:left; margin: 0px 15px 15px 0px;border: solid 2px #fff;}
.recipe_thumb_photo img:hover { border: solid 2px #0D6F58;}

.button_index { float:left; margin: 0px 25px 25px 0px;}
.button_index img {border: solid 2px #fff;}
.button_index img:hover { border: solid 2px #8BA315;}

/* My Account */
.paging_bar { clear:left; background:#fff; padding: 5px 15px 4px 15px; margin-bottom: 3px;} 
.filter_bar { clear:left; background:#BBCC3F; padding: 5px 15px 4px 15px; margin-bottom: 3px;} 
.paging_bar a:link { margin-right: 5px;text-decoration: underline;}
.paging_bar a:first-child { margin-right: 15px;}

.account_view  { clear:left;}
.account_view { width:950px;}
.account_view th {font: bold 1.0em Arial, Helvetica, sans-serif;vertical-align:middle; color: #FFF;letter-spacing: 0px;text-transform: none; padding: 5px 5px 5px 5px;background: #CCC; text-align:left}
.account_view th a:link { color: #FFF; padding-left:10px; display:block;}
.account_view td { line-height: 1.5em;vertical-align:middle;}

.iconGrid td { text-align:center; vertical-align:middle; }
.iconGrid a { text-decoration:underline; line-height:1.3em }
.iconGrid.referential a { text-decoration:underline; color:#666; }
.iconGrid img { border: solid 2px #fff; }
.iconGrid img:hover { border: dotted 2px #FEEED1;}

.detailsReferentials { background:url(../images/ui_referentialHeaderDetails.gif) no-repeat top left; margin-top:30px; padding: 9px 0 0 0px; clear:both; width: 578px;}
/*.detailsReferentials table td { padding: 0px 5px;} Remove */
.referentialCentreWrap .inputQty  { padding:0; margin-left:23px;}
.detailsReferentials  h4 { margin-left:15px;}
.productReferentials { background:url(../images/ui_referentialHeader.gif) no-repeat top left; margin-top:30px; padding: 9px 0 0 0px; clear:both;}
.productReferentials h4 { margin-left:15px;}
.referentialCentreWrap { border-left:solid 1px #8C8C8C; border-right:solid 1px #8C8C8C;}

.cartHeader {width:740px; height:29px; padding: 16px 15px 0px 0px; margin-top:15px; }
.cartFooter { width:723px; padding: 20px 15px 5px 15px; border-left: solid 1px  #CCCCCC;  border-right: solid 1px  #CCCCCC;}
.buttonFooter { width:755px; padding-top: 20px; clear:both; }
.confirmChangesText { color:#999999; vertical-align: super; margin-right: 15px;}
.confirmChangesText_on { color: #CC0000; vertical-align: super; margin-right: 15px;}

.inputWeignt_lb { width: 30px;padding-right:20px; background:url(../images/inputUnit_lb.gif) top right no-repeat ;}
.add_note span.totalPrice,.add_note .productTitle { font-size:1.2em; font-weight: bold; margin-top:15px;}
.closebox { float:right; }
	
.popup input { float:left;}
.popup select { margin: 3px 0px 10px 0px;}
.popup label { font-weight: bold; color:#000000;} 

	
.popup_validate {display: none;z-index:1002;padding:10px; position: absolute; top: 20%; left: 30%;  width: 340px; height:364px;z-index: 1002;}
.popup {display: none;z-index:1002;padding:10px; position: absolute ; top: 95px; left: 183px; width: 340px; height:364px;z-index: 1002;}
.start_shopping { margin-left:10px;	overflow: auto;border: solid 2px #3B9602;background:#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;	width: 285px; padding: 15px;line-height: 1.5em; font-size: 0.9em; color: #003300;}


.popup_note {display: none;z-index:2999;padding:10px; position: fixed ; top: 20%; left: 30%; width: 500px; z-index: 1002;}
.add_note { margin-left:10px;overflow: auto;background:#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;	width:355px; padding: 20px;line-height: 1.5em; font-size: 0.9em; color: #003300; -webkit-box-shadow:0px 2px 15px rgba(0, 0, 0, 0.9);}
.note_text { width:340px; height: 80px;}

.popup_large {display: none;z-index:1002;padding:10px; position: absolute ; top: 20%; left: 15%; width: 500px; z-index: 1002;}
.select_range { margin-left:10px;overflow: auto;background:#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;	width:700px; padding: 20px;line-height: 1.5em; font-size: 0.9em; color: #003300; -webkit-box-shadow:0px 2px 15px rgba(0, 0, 0, 0.9);}
.range_popup_scroll {height:400px;margin:15px 0;overflow:auto; padding-right:15px;}
.freeItem_scroll {height:200px;margin:15px 0;overflow:auto; padding-right:15px; border:solid 3px #FFFF00;}

.popup_large {display: none;padding:10px; position: absolute ; top: 20%; left: 15%; width: 500px; z-index: 1002;}
.service_fee { margin-left:10px;overflow: auto;background:#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;	width:800px; padding: 20px;line-height: 1.5em; font-size: 0.9em; color: #003300; -webkit-box-shadow:0px 2px 15px rgba(0, 0, 0, 0.9);}

.popup_arrow { position: absolute ; top: 249px; left: 3px;}	
.shadow_bottom { background:url(../images/shadow_bottom.png) no-repeat; height: 12px;}
.shadow_content { background:url(../images/shadow_bg.png) repeat-y;}
.shadow_top { background:url(../images/shadow_top.png) no-repeat; height: 7px;}

.black_overlay {	display: none;	position: absolute;	top: 0%; left: 0%;	width: 100%; height: 100%;	background-color: black; z-index:2998;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80); }

/* THIS CLASS - test - IS JUST  FOR TESTING - FORCES THE LIGHTBOX POPUP TO DISPLAY */
.black_overlay.test {display: inherit;	position: absolute;	top: 0%; left: 0%;	width: 100%; height: 100%;	background-color: black; z-index:1001;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80); }
.popup_large.test {display: inherit;}
.popup_note.test {display: inherit;}	
.popup.test {display: inherit;}	
	

.ui_arrow_closed {background: url(../images/arrow_right.gif) no-repeat;background-repeat:no-repeat;background-position: 5px 3px;display:inline;padding-left: 20px;}
.ui_arrow_open {background: url(../images/arrow_down.gif) no-repeat;background-position: 5px 3px;background-repeat:no-repeat;display:inline;padding-left: 20px;}

body.headerFix .footer { clear:both; float:left; font-size:1em; font-weight: bold; width: 735px; height: 80px; margin-top:30px; padding: 10px 10px 0px 10px; background: url(../images/footer_BgSlice.gif) repeat-x; border-top:dotted 2px #999; } 
body.headerFixCart .footer { clear:both; float:left; font-size:1em; font-weight: bold; width: 735px; height: 80px; margin-top:30px; padding: 10px 10px 0px 10px; background: url(../images/footer_BgSlice.gif) repeat-x; border-top:dotted 2px #999; } 
body.headerNofix .footer { clear:both; float:left; font-size:1em; font-weight: bold; width: 935px; height: 80px; margin-top:30px; padding: 10px 10px 0px 10px; background: url(../images/footer_BgSlice.gif) repeat-x; border-top:dotted 2px #999; }
body.normal .footer { clear:both; float:left; font-size:1em; font-weight: bold; width: 930px; height: 80px; margin-top:30px; padding: 10px 10px 0px 10px; background: url(../images/footer_BgSlice.gif) repeat-x; border-top:dotted 2px #999; }

.footer a { color:#333; font-weight: bold; margin: 0px 5px ; }

.footerLinks { float:left; }
.footerContact { float:right;}
.footerContact a, .footer a:hover { color: #0D6F58;}

.clear { clear:both; height:1px;}

/**
 * Clearfix
 */

.clearfix:after {content: ".";	display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {height: 1%;}


.newsletters label
{
    padding-left: 5px;    
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span 
{
	color:#333333;
	padding:0 5px;
}

ul.AspNet-Menu li a:hover
{
	color:#0D6F58 !important;
}

.AspNet-Menu a:visited
{
    text-decoration: none;
}

/*
.AspNet-Menu-Leaf.AspNet-Menu-Selected a,a.AspNet-Menu-Link.AspNet-Menu-ChildSelected,.AspNet-Menu-Link.AspNet-Menu-Selected
{
    padding: 0px 5px; color:#0D6F58 !important;
}


.AspNet-Menu-Leaf.AspNet-Menu-Selected a,a.AspNet-Menu-Link.AspNet-Menu-ChildSelected,.AspNet-Menu-Link.AspNet-Menu-Selected
{
	color:#0D6F58  !important;
}*/

ul.AspNet-Menu li ul li
{
	float: left;
    vertical-align: middle;
    background-color: #E9E9E9;
    width: 138px; 
    z-index: 597;
    padding: 7px 11px 7px 11px;
    
}


ul.AspNet-Menu li ul
{
	border: solid 1px #999; 
}


ul.AspNet-Menu li ul li:hover
{
	color: #fff;
}

/*
ul.AspNet-Menu li ul li a:link,a:visited
{
	color: #333;text-decoration: none;
}*/

ul.AspNet-Menu li ul
{
    margin-top: 9px;    
}


li.AspNet-Menu-WithChildren
{
    padding-bottom:9px;    
}

li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul
{
    left:160px;
    margin-top:-15px;
    padding-top:0px;
}

li.AspNet-Menu-WithChildren ul
{
    width: 160px;       
}

/* subnav hover */
.subNav { width: 160px; border: solid 1px #999; border-top: none;background-color: #E9E9E9; position:fixed; }
.subNav ul {margin-left: 0;padding-left: 50px;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
.subNav a {display: block;padding: 5px 3px 5px 12px;width: 144px;font-weight:bold;}
.subNav a:link, .navlist a:visited {color: #333;text-decoration: none;}
.bullet 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
      text-indent: 11px;
    font: Arial, Helvetica, sans-serif;
    color: #000;
 
}
ul.bullet  li
{
   list-style: none;
    margin: 0px;
    padding: 0px;
      text-indent: 11px;
        font: Arial, Helvetica, sans-serif;
    color: #000;
     background: url(../images/custom_bullet.gif) 0px  no-repeat ;
 
}