html,body,form{ height:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, video, leftCol, rightCol, .linkWithArrow, .arrowedLink, chooseHeader,.aboutsection, footer h2, #rightCol, .enclosedModule img, myLocal, #stores-nav .holder ul, home, storeProf, currentSpecialHolder, id25, enclosedModuleBot, newZealandOwned, #newsArchiveItems ul li, hr { display: block;}

body { width:100%; height:100%; overflow:visible; position:relative;}

ol, ul, dl { padding-left:20px;}

nav ul { list-style: none;}
blockquote, q { quotes: none }
textarea, input{  font-family:Arial, Arial Black Sans-Serif;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; cursor:pointer; color:#5e6e0f;}
a:hover{text-decoration:underline;}
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select {vertical-align: middle;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
.pagelistContainer{ margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:solid 3px #5e6e0f; width:100%; overflow:hidden;}
.pagelistContainer img { margin-left:5px;}
.genericPod .pagelistContainer h3 { font-weight:normal;}
.imageRight {float:right !important; margin-left:10px; margin-bottom:10px;}
a.image { display:block;}
.image-box-right { margin-left:10px;}
.image-box-right img { margin-bottom:10px;}
.image-box-right .action { bottom:45px; right:10px;}
.image-box-right .no-caption { bottom:20px; right:10px;}

/*######################################################################################################
 font size is declared as 12px - this needs corrected to be consistent with all other font declarations
########################################################################################################*/
body {background-color:#fffef0;font-family:Arial, Sans-Serif;font-size:12px;line-height:1.3;}

/*======================== Basic Classes ==========================*/
.roundbutton {-moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;}
.bg-green {background-color:#0b3805;}
.smallroundbutton {display:block;-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;width:9px; height:10px;color:#dbd4b4;font-weight:bold;font-size:.9em;line-height:1em;border:solid 2px #e1dabc;}
.ir {background: none no-repeat scroll 0 0 transparent;display: block;overflow: hidden;text-indent: -10000px;}
.marRgt-0 { margin-right:0;}
.marLft-0 { margin-left:0;}
.marTop10 { margin-top:10px;}
.marTop20 { margin-top:20px;}
.mar-bot10 { margin-bottom:10px;}
.marbot20 { margin-bottom:20px;}
.mar50 { margin-left:50px; clear:both;}
.pad-0 {padding:0;}
.padTop10 {padding-top:10px;}
.brd2px {border: 2px solid #eadfb0;padding:5px;}
.brd4px {border: 4px solid #EADFB0;}
.yellow {background-color:#ffc20e;font-weight:bold;}
.abs {position:absolute !important;}
.rel {position:relative;}
.no_border {border:0px none;}
.bold {font-weight:bold;}
.clear {clear:both !important;}
.clear-left {clear: left;}
#leftCol .bgWhite {background-color:#FFFFFF;}
.yellowBorderBottom {border-bottom: solid 8px #ffc20e;}
.floatLeft {float:left;}
.hidden, .siteHeaderAddress {display:none;}
.autoCenterWidth {margin:0 auto 0 auto;}
.divideBot1px {padding:0 0 10px 0;border-bottom: solid 1px #5d6d0e;}
.width270 {width:270px;}
a.cbox.cboxElement:hover{ text-decoration:none;}
.divideRightImg {float:left;margin-left:10px;}
.action {text-decoration:none;display:block;bottom:30px;right:30px;color:#eadfb0;font-size:3em;background-color:White;padding:3px;line-height:.7em;width:22px;height:22px;font-weight:bold;}
.action:hover {text-decoration:none; color:White; background-color:#eadfb0;}
.divide-top { border-top: 3px solid #EADFB0;margin-top:20px;padding-top:15px;clear: both;display: block;}
.divide-top-part	{ /*padding-top:15px;*/ border-top:1px dashed #b2b2b2; }
.brdbottom {border-bottom: 3px solid #EADFB0;}
.brd1pxTop{border-top: 1px solid #EADFB0;}
.brd1pxBot{border-bottom: 1px solid #EADFB0;}
.btn, .btn-link {background-position: right -58px;}
thead {background-color:#f4eed4;color:#5e6e0f;vertical-align:middle;}
thead td {font-weight:bold;}
.w230{ width:280px;margin-top:2px;padding:5px;float:left;}

.clear-right {    clear: right;}
tbody .rowHeading {width:150px;}
.media310left { width:270px; float:left; padding:20px; margin:0px 10px 10px 0px;}

.self-clear 		{ zoom: 1; }
.self-clear:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wordWrap { word-wrap: break-word; }

/*** list horizontial ***/
.list-hori li,.list-hori ol,.list-hori dt,.list-hori dd { float:left; }
#cboxNext, #cboxPrevious, .ind, .ind-right, .btn-link, .next, .prev {background-image: url(/images/sprites/ind-arrow-common.png);background-repeat: no-repeat;}
.ind-right {background-position: -390px -454px;}
.arrowedLink{background-position: -1px -47px ; height:20px;padding:0 0 0 20px; background-repeat: no-repeat;float:left;}
h2 span.whiteArrow:hover { text-decoration:none !important;}
.arrowedLink.newsLink {float:left;width:200px;}
.whiteArrow{ margin-right:20px; background-position: -300px -453px; width:20px; float:right; display:block; text-decoration:none;}
.arrow-up{ background-position:0 4px; padding-left:20px; display:block; float:left;}
.arrow-down{ background-position:0 -96px; padding-left:20px; display:block; float:left; }
a.buttonBasic {background-position: -15px -458px;display:block;border:none;padding:11px 0 0 15px;font-weight:bold;width:158px;height:27px;font-size:1.167em;clear:both; color:#EFD86D;}
a.buttonBasic:hover {background-position:-15px -496px; text-decoration:none;}
a.buttonBasicSmall {background-position:0 -644px;border:none 0px;color: #EFD86D;display: block;float:left;font-size: 1em;font-weight: bold;height: 27px;padding: 12px 0 0 13px;width:105px;}
.buttonBasicSmall:hover {background-position:0 -684px;}
a.buttonBasicMedium {background-position:-131px -644px;color: #EFD86D;display: block;float:left; font-weight: bold;height: 27px;padding: 12px 0 0 13px;width: 132px;}
a.buttonBasicMedium:hover {background-position:-131px -684px;}
.buttonBasicSmallSolid {background-position:0 -644px;border:none 0px;text-align:left;color: #EFD86D;padding:0 0 0 15px;display: block;float:left;font-size: 1em;font-weight: bold;height: 39px;width: 115px;}
.buttonBasicSmallSolid:hover {background-position:0 -684px;}
.buttonBasicMedium {background-position:-131px -645px;color: #EFD86D;display: block;font-size: 1em;font-weight: bold;height: 40px;padding: 5px 0 10px 13px;width: 162px; clear:both; text-align:left; vertical-align:text-top; border:none 0px;}
.buttonBasicMedium:hover {background-position:-131px -685px;}

/* ======================== Curved classes ================================*/
.curvedBottom5 {-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;}
.curvedtop10 {-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius:10px;border-top-right-radius:10px;-khtml-border-top-right-radius:10px;-khtml-border-top-left-radius: 10px;}
.curvedBottom10 {-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;-khtml-border-bottom-right-radius:10px;-khtml-border-bottom-left-radius:10px;}
.curved5 { -webkit-border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius:5px; border-radius: 5px; display:block;}
.curved10 { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; opacity:100%; background:none;}

/* ================================================= Charlie Sprites ================================================= */

.sprCharlie {background: url(/images/sprites/charlie_sprites.png) no-repeat;margin:0px;padding:0px;}
.sprRight {background:url(/images/sprites/right_col_sprites.gif) no-repeat; background-repeat:no-repeat;}
.sprCharlie.charlieTV {width:101px;height:111px;margin:0 0 0 15px;background-position:-5px -493px;float:left;}
.hand {background-position: 0 -929px;margin:0px;padding:0px;width:190px;height:105px;float:left;display:block;}
.recipeDetail .submitCharlie {background-position: -1px -1450px;width:111px;height:198px;display:block; position: absolute; right:15px; top:15px;}
.recipeConversion{background: url(/images/sprites/recipe_class_sprites.png); background-repeat:no-repeat; display:block;}
.charlieRecipeBook {background-position:0 -1188px;width:125px;height:95px;bottom:36px;margin-bottom:-20px;float:left;display:block;}
.charlieTell {width:157px;height:107px;bottom:40px;background-position:-3px -1315px;float:left;}
.charlieLeftColSearch {background-position:-5px -1681px;margin:0 10px -15px 10px;width:110px;height:88px;float:left;bottom:38px;}

/* ================================================= Bar Sprite Class ================================================= */
.sprBar, .contourNavigation input {background-image:url(/images/sprites/bar_sprites.png);background-repeat:no-repeat;background-color:transparent;}
.sprBar:hover{ text-decoration:none !important;}
.sprBar.didYouKnowContainer {clear:both;width:580px;height:108px;background-position: 0 -15px;margin:20px 0 20px 0;padding:0 20px 0px 30px;color:#f6e55a;}
.sprBar.genericLongButton {background-position:-316px -693px;color:#efd86d;margin:0px;font-weight:bold;padding:8px 0 8px 15px;width:210px;text-decoration:none;text-align:left;height:32px;margin-left:20px;border:0px none;}
.sprBar.genericLongButton:hover {background-position:-529px -657px; text-decoration:none;}
.sprBar.genericMiddleButton {background-position:-15px -458px;color:#efd86d;margin:0px;font-weight:bold;padding:8px 0 8px 15px;width:160px;text-decoration:none;text-align:left;height:38px;margin-left:20px;border:0px none;}
.sprBar.genericMiddleButton:hover {background-position:-15px -496px; text-decoration:none;}
.sprBar.leftcolSearchButton {background-position:-315px -763px;color:#efd86d;margin:0px;font-weight:bold;padding:8px 0 8px 15px;width:125px;text-decoration:none;text-align:left;margin:0 0 20px 20px;float:left;border:0px none; display:block; height:32px;}
.leftcolSearchButton:hover, .sprBar.leftcolSearchButton:hover {background-position:-315px -796px; text-decoration:none !important; outline:none; border:0px none;}
article { margin-bottom:20px;}

/* ===================================== Home Sprite Class =========================================================*/
.sprHome {background:url(/images/sprites/home_icon_sprites.png) no-repeat;}

/* ===================================== News Sprite Class =========================================================*/
.sprNews {background: url(/images/sprites/news_sprites.png) no-repeat;}

/* ===================================== Store Sprite Class =========================================================*/
.sprStore {background: url(/images/sprites/store_sprites.png) no-repeat;}
.sprStoreDefenition {background: url(/images/sprites/store_sprites_defenition.gif) no-repeat; height:90px;}

/* ===================================== Document Downloads Sprite Class =========================================================*/
a.docx, a.doc, a.word {padding:6px 0 2px 30px;height:18px;background-position:-577px -4px; display:block;}
a.pdf {padding:5px 0 2px 30px;height:18px;background-position:-556px -34px; display:block;}
a.xls {padding:5px 0 2px 30px;height:18px;background-position:-533px -64px; display:block;}
a.zip {padding:5px 0 2px 30px;height:18px;background-position:-509px -88px; display:block;}

/* ============ star sprites =============================*/
.sprStarRating {background:url("/images/sprites/stars_sprite.png") no-repeat;}
div.starRatingBase {background-color:#FFFFFF; padding:10px 10px 10px 20px; z-index:9999;}
.starRatingPlain {background-position: 0 -27px;width:125px;height:25px;}
.starRatingPlain a.star {background-position: 0 -27px;width:50px;height:25px;width:25px;float:left;}
.starRatingPlain a.star:hover, .starRatingPlain a.star.active {background-position: 0 0;}
.starRatingRated {background-position: 0 0;width:125px;height:25px;}
.rating {font-weight:bold;padding-top:5px;width:100px;background-position:30px -1062px;float:left;}
.unrated {background-position: -158px -1132px;width:25px;height:25px;float:left;margin:10px 0 0 0;}
.unrated:hover {background-position: -128px -1159px}
.rated {background-position: -128px -1159px;width:25px;height:25px;float:left;margin:10px 0 0 0;}

/*==============================Header Login Classes =====================================================*/
ul#header-login {display:none;color: #FFFFFF;top:-170px;right:119px;padding:0 10px;width: 135px;z-index: 999; margin:0px;}
ul#header-login li {margin-bottom: 10px;text-align:left;}
ul#header-login li input { width:130px;}
ul#header-login p.heading {padding-top:10px;}
ul#header-login li span {padding:0 5px;}
ul#header-login p {color:#EADFB0;font-weight:bold;margin:0px;}
ul#header-login a {color:#EADFB0;padding:5px 0;line-height:200%;border: 0 none;}
ul#header-login input.smallButtonLogin {font-weight:bold;text-align:left;color:#efd86d;padding:3px 0 5px 10px;width:65px;height:28px;margin:0;background-position:-128px -773px;border: 0 none; font-size:.95em;}
ul#header-login input.smallButtonLogin:hover{background-position:-128px -806px;}
#close-login-box {z-index: 9999;top: 4px;right: 126px;padding:3px 4px;border-color: #ffffff;font-size:10px;color:#FFFFFF;line-height:90%;}

/*==============================Header Classes============================================*/
.chooseHeader {margin:10px 0 0 0;display:block;color:#11410a;width:200px;height:14px;padding:7px 8px 10px 16px;}
.chooseHeader a {font-weight:bold;}
.chooseHeader:hover { background-color:#0B3805; color:White; text-decoration:none;}
/*======================== Company Logo Classes ==========================*/
#logo {width:346px;height:94px;padding:5px;margin:71px 40px 0 0;background-color:White;float:left;}
#container {text-align:left;position:relative; margin:0px; width:100%; overflow:visible;}
.localHolder {width:390px;display:block;margin:0px;padding:0 10px;float:left;}
#myLocal {float:left;margin:27px 0 0 0;border:2px solid #4c9448;text-align:left;background-color:#357725; height:122px; padding:auto;}
.loggedinUser { color:White; font-weight:bold; padding: 0 10px 0 0; border-right: 2px solid #11410A;}
#myLocal h2 {font-size:1.8em;color:White;width:260px;line-height:100%; margin:5px 0 3px 0;}
#myLocal h2 .welcome {margin:9px 0 5px 0;text-align:left;font-size:0.55em;font-weight:normal;}
.storeSelected ul li p { margin:0px; display:block; width:290px; float:left;}
#myLocal.storeUnknown { height:102px; background-color:#fff;}
.storeUnknown { background-position:10px 0px; width:370px;padding:10px 0 10px 190px;display:block; height:101px;}
.storeSelected {width:560px;color:White; vertical-align:middle;}
#myLocal .storeProf {padding:6px;color:Black;margin:0px;top:5px;left:300px;}
#myLocal .viewMap {padding:6px;color:Black;bottom:35px;left:25px; width:60px;}
#myLocal .map {padding:10px 0 0 10px;margin:5px 0 0 0;border-left: 2px solid #519c4c; width: 115px;height:100px;float:left;}
#myLocal ul li{list-style:none; margin-bottom:3px;}
.fold { background-position: -350px -72px;height: 76px;display:block;width:90px; top:62px; margin-left:52px;}
.storeSelected table {width:390px;float:left;}
.storeSelected td {color:#FFFFFF;font-size:0.9em;}
.storeSelected td.label {width:60px;font-weight:bold;}

/*================================================= Top of page elements ========================================== */
.breadcrumbs {float:left; margin:0 0 20px 0; padding:0px;}
div.breadcrumbs ul { padding:0px; width:390px; list-style:none; margin-top:0px; margin-left:0px;}
#leftCol .breadcrumbs ul{ padding:0px; width:390px; list-style:none; margin-top:0px; margin-left:0px;}
.breadcrumbs ul li { list-style:none; font-weight:bold;float:left;margin-right:5px;}
.tools {display:block;float:left;}
.tools ul li a {font-weight:bold;}
.toolEmail {padding:3px 10px 0 30px;background-position: -450px -158px;min-height:30px;}
.toolPrint {padding:3px 0 0 35px;background-position: -415px -186px;min-height:30px;}
.addthis ul { list-style:none; width:220px; margin-left:-45px;}

#leftCol .addthis ul { padding:0px; list-style-type:none; margin-top:0px; margin:0px;}

.addthis_toolbox { width:300px;}
.addthis_button_facebook_like{ width:75px; margin:-5px 2px 0 0;} 
.addthis_button_tweet { width:90px; margin-right:2px;}
.connect_widget_button_count_nub i { left:0px !important;}

.button_count .like_button_dark .like_button_no_like .liketext, .button_count .connect_widget_like_button .liketext {
    background-position: left -47px;
    margin-left: -1px;
}

.list-inline .addthis_button_email {display:block; color:#5E6E0F; font-size:1em; padding: 0 10px 0 35px !important; width:25px; float:left; background-position:-442px -159px; background-color:#FFFEF0 !important;}

.list-inline .addthis_button_email:hover {text-decoration:underline; background-color:#FFFEF0 !important;}
.list-inline .addthis_button_print {display:block; color:#5E6E0F; font-size:1em; padding: 0 0 0 35px !important; width:25px; float:left; background-position:-412px -189px; background-color:#FFFEF0 !important;}
.addthis_toolbox.addthis_default_style span { padding-top:5px !important; line-height:16px; height:11px;}
.list-inline .addthis_button_print:hover {text-decoration:underline; background-color:#FFFEF0 !important;}

/*================================================= Bottom of page elements ========================================== */

.bottomPageGeneric {padding:20px 0 0 0;}
.toTop {background-position: 0 -197px;padding:0 0 0 20px;display:block;width:100px;float:left;}
.addthis {right:0; width:233px;}
.addthisTop { list-style:none; margin:0px; padding:0px; width:100px; right:140px;} 
.addthisTop ul { list-style:none;  margin:0px; padding:0px !important; width:200px; position:relative; right:40px;}
.holder {margin:0 auto !important; width:960px;}
#my-account ol {list-style:none;padding:0 8px 8px 8px;font-size:.833em;font-weight:bold;height:25px;display:block;clear:both; margin:0px;}
#my-account ol li {float:left;margin:7px 10px 0 0;}
#my-account ol li input {margin:0 0 0 5px;padding:0px 4px;}
#my-account ol li a {color:#11410a;margin:7px 0 0 0;padding:0 25px 0 0px;border-right: solid 2px #11410a; font-weight:bold;}

/*MainNavigation*/
#header {height:220px;}
#site-nav nav { background-color: #FFC20E; height:40px;} 
#site-nav ul{margin:auto !important;padding:0;width:960px;}
#site-nav ul li{position:relative;float: left;height:40px;}
#site-nav ul li.selected { background-color:#11410A;}
#site-nav ul li a{height:40px;line-height: 40px;padding:0 15px;font-weight: bold;border-right: 1px solid #11410A;color: #a46800;display: block;text-transform:uppercase;}
#site-nav ul li a:hover{background: #11410A;display: block;text-decoration:none;}
#site-nav ul li a.selected {background: #11410A;}

#site-nav a.choose-local {float: right;background: #f5f3f1;border: 1px solid #dcd9d6;line-height: 35px;color: #333333;padding: 0 20px;padding: 0;text-align: center;width: 308px;}
#site-nav a.choose-local:hover {color: #e21a2d;}
/*--SubMenu--*/
#site-nav ul li ul{color:#333333;background-color:#FFC20E !important;position:absolute;top:41px;display:none;margin:0;padding:0px;width:250px;z-index:9999;}

#site-nav ul li ul li a{background-color:#FFC20E;display:block;}

#site-nav ul li ul li a.selected {background: none repeat scroll 0 0 #FFC20E;}
#site-nav ul li ul li a.selected:hover{background-color:#11410A;}

#site-nav ul li ul a{border-left: 0px;}

#site-nav ul li ul li{color:#fff;font-weight:normal;display:block;border:0px none;width:100%;}

#site-nav ul li ul li a:hover{color:#F5F3F1;text-decoration:none;}
/*================================================= Header interactivity classes========================================== */

#site-nav .holder {position: relative;z-index: 1; padding:0px; list-style:none; margin:0px;}
#site-nav .home a span {display: inline-block;width: 30px;height: 25px;background-position: -471px -5px;margin-top:7px;}
#site-nav .home a:hover {text-decoration:none;}

.headergradient {
    /*background: url(/images/90Birthday/gingham.png) top right repeat;*/
    background: #3b8728; 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3b8728), to(#0b3805));
    background: -webkit-linear-gradient(#3b8728, #0b3805); 
    background: -moz-linear-gradient(#3b8728, #0b3805);
    background: -ms-linear-gradient(#3b8728, #0b3805);
    background: -o-linear-gradient(#3b8728, #0b3805);
    background: linear-gradient(#3b8728, #0b3805);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3b8728, endColorStr=#0b3805);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b8728, endColorstr=#0b3805)"; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b8728', endColorstr='#0b3805'); 
    zoom:1;

}

/*======================Footer Style Sets Classes============================================*/

.footergradient
{ display:block; background: #0b3805;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b3805), to(#357725));background: -webkit-linear-gradient(#0b3805, #357725);
background: -moz-linear-gradient(#0b3805, #357725);background: -ms-linear-gradient(#0b3805, #357725);background: -o-linear-gradient(#0b3805, #357725);
background: linear-gradient(#0b3805, #357725);-pie-background: linear-gradient(#0b3805, #357725);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0b3805, endColorStr=#357725);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3805, endColorstr=#357725)"; z-index:-99999;}
#footercontainer{width:960px;  margin:0 auto 0 auto !important; clear:both;}
.aboutsection{  padding:20px 20px 20px 0px;  height:250px;  width:540px;  float:left;   border-right : 2px solid #ffffff;}
#footercontainer .aboutsection .copyright  { font-weight:bold; margin:0px; bottom:20px;}
#footercontainer .aboutsection .col{ padding:10px 0 30px 0; float:left;}
#footercontainer ul.col  { width:540px; margin:0px;}
#footercontainer .col li { width:170px; display:block; float:left; margin-right:10px;}
footer{  display:block; margin:20px 0 0 0; width:100%; color:White; height:290px;  clear:both !important;}
footer ul{ list-style:none;}
footer ul li a{ color:White; margin-bottom:5px; float:left; clear:both;}
.charlieSection{ background-position: 20px -603px; float:left; width:175px; height:290px; border-right : 2px solid #ffffff; }
.charlieSection p{ padding:24px 43px 0 35px; color:#0c3906; font-weight:bold; line-height:1.2em; text-align:center; vertical-align:middle;}
.signUp{  float:left; width:180px; padding:25px 0 0 20px;}
.signUp .footerButton p a:hover { cursor:pointer;}
a.footerButton { color:White; border: 1px solid #696; clear:both; margin:10px 0; font-size:0.917em; padding:8px 0px 5px 10px; display:block; text-align:left; font-weight:bold; height: 18px; width: 125px; background: #387A24; -moz-border-radius:.5ex; -webkit-border-radius:.5ex; -khtml-border-radius:.5ex; border-radius:.5ex;  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#387A24), to(#75b514)); background: -webkit-linear-gradient(#387A24, #75b514); background: -moz-linear-gradient(#387A24, #75b514);  background: -ms-linear-gradient(#387A24, #75b514); background: -o-linear-gradient(#387A24, #75b514);  background: linear-gradient(#387A24, #75b514);  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#387A24, endColorStr=#75b514); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#387A24, endColorstr=#75b514)";}
.footerButton:hover{ background: #5cae3f; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5cae3f), to(#a7ea1d));
    background: -webkit-linear-gradient(#5cae3f, #a7ea1d);  background: -moz-linear-gradient(#5cae3f, #a7ea1d); text-decoration:none;
    background: -ms-linear-gradient(#5cae3f, #a7ea1d); background: -o-linear-gradient(#5cae3f, #a7ea1d);
    background: linear-gradient(#5cae3f, #a7ea1d);  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#5cae3f, endColorStr=#a7ea1d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5cae3f, endColorstr=#a7ea1d)";  cursor:pointer; }
.searchButton{  color:White; font-size:.983em; padding:3px; margin:3px 0 0 5px;  border:none;  moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;  background: #0b3805;  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b3805), to(#357725));   background: -webkit-linear-gradient(#0b3805, #357725); background: -moz-linear-gradient(#0b3805, #357725);  background: -ms-linear-gradient(#0b3805, #357725);   background: -o-linear-gradient(#0b3805, #357725);
background: linear-gradient(#0b3805, #357725);   -pie-background: linear-gradient(#0b3805, #357725); filter:     progid:DXImageTransform.Microsoft.gradient(startColorStr=#0b3805, endColorStr=#357725);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3805, endColorstr=#357725)";}

/* ============================*Content Classes*======================================*/
#content {padding-top:20px; height:100%; width:960px;  margin: 0 auto 0 auto;  color:#404040;}

/* =========================== Col Measurement Classes==================================================================== */
#leftCol {width:630px;padding:0px;margin:0px;float:left;}
#leftCol ul, #leftCol ol { padding-left:20px;}
.left620 {width:590px; padding:15px !important; border:4px  solid #eadfb0; background: #fefdf4; margin-bottom:20px;}
.left620 img{ border:none;}
.podBoarder {padding:15px;border: 4px solid #eadfb0;background: #fefdf4;}
.right {float:right;}
.Right310 {margin:0 0 0 10px;float:left;width:305px;}
.Left310 {margin:0 10px 0  0;float:left;width:305px;}
#leftCol .Right310 ul, #leftCol .Left310 ul { margin: 0 0 10px 0; padding-left:0px; list-style:none;}
#leftCol .Right310 img, #leftCol .Left310 img { margin:0px auto; border: 1px solid #EADFB0; }
.Right310 ul li, .Left310 ul li{ list-style:none; padding-left:5px; clear:both;}
.Left310 h1, .Left310 h2, .Left310 h3, .Left310 h4 {margin:0px 0 10px 0;}
.left, .Left {float:left;}

/*============================================================== Product Promotion Styleset ==============================================================*/
.barContainer {background-position: 0 -25px;width:619px;height:110px;margin:20px 0 0 0;}
.barContainer h2 {text-align:center;line-height:1em;padding:20px 25px;color:White; font-size:2em;}
.country {font-size:2em;line-height:1em;color:White;font-weight:bold;float:left;width:370px;padding:20px 0 0 30px;display:block;}
.clear .country a {width:100px;color:White;}
.quoteContainer {color:#5E6E0F;display:block;margin:20px 0;}
.quoteContainer blockquote {width:550px;display:block;float:left;padding:15px 15px 15px 0;font-weight:bold; font-size:1.167em; font-style:italic;}
.quoteSymbol {display:block;font-size:8.917em;line-height:1em;width:50px;height:70px;float:left; background-position:-245px -280px; margin-right:10px;}

/*============================================================== FAQs Styleset ==============================================================*/
#leftCol ul.questions { padding-left:0px; list-style:none; float:left; width:620px; margin-left:0px;}
.questions li {padding: 10px 0;}
.questions .marker {float: left;color:#535353;font-weight:bold;}
span.marker{ float:left;}
span.q{ margin:0px; padding:0px;}
.questions h2 {font-weight:normal; width:490px; clear:none;}
.questions h2 a, .questions h3 a, .questions h2 > .q {display: block;margin: 0 0 0 20px;color:#5E6E0F; clear:none;}
.questions .answer {margin-top: 30px !important;margin-bottom:30px;position: relative;text-align:center;}
.js-enabled .questions .answer {display: none;}

/*============================================================== Right Col Styleset ======================================================================*/

#rightCol {float:right;padding:0px; width:310px; margin:0;}
#rightCol .enclosedModule img { margin:0px;}
#rightCol img { margin-bottom:20px;}
#rightCol.openModule{ margin:0px; padding:0px; width:300px;}
#rightCol .rightColBtn { display:block; height:84px; margin:0 0 5px 0; width:294px; height:84px; background-repeat:no-repeat; background-position:0 0;}
#rightCol .rightColBtn:hover{background-position: 0px -87px; }

/*=================================== Tag Cloud Styles ================================================ */
.tagCloudGeneric {margin:0 0 20px 0;background-color:White; display:block; padding:15px;}
.tagCloudGeneric p { display:block; overflow:visible; line-height:1.7em;}
.tagCloudGeneric p a {float:left;margin-right:5px; display:block;}

/*=================================== Enclosed Module Styles ================================================ */
.enclosedModule{ margin:0px; width:310px; color:#2f4232;}
#tagCloudContainer{}
.tagCloud { color:#2f4232;}
.tagCloud ul li a{ float:left; color:#2f4232;  margin-right:5px;  margin-bottom:3px;}
/*.enclosedModule a{float:left; margin-right:10px;}*/
div.enclosedModule ul { margin:0px; padding:0px;}
.enclosedModule ul li { list-style:none; padding-left:0px;}
.enclosedModule ul li a{ color: #2F4232;}
.enclosedBottom{ margin: auto; background-position:-24px -1430px; width:100%; height:30px; display:block; clear:both;}
.enclosedModule img.enclosedImage{ margin:0 0 10px 10px; float:right;}
.enclosedModuleContent{ padding:40px 30px 5px 30px; width:235px;  background-position: 0px 0px;}
.recipeDetail .enclosedImage {  float: left;  margin: 5px 10px 5px 0;  width: 140px;}
.recipeImage { padding:20px; background-color:White;}
.recipeImage:hover { text-decoration:none;}
.enclosedModuleBot{ background-position: 0px -1293px;  clear:both; width:306px;  height:140px !important;  margin-bottom:15px; background-repeat:no-repeat;}
#newsArchiveItems{ margin:0 0 20px 0; padding:0;}
#newsArchiveItems ul li a{display:block; color:#2f4232;}
.archiveItem {background-position: -477px -114px;clear: both;min-height: 30px;padding: 5px 0 0 40px;width: 200px;}
.newZealandOwned {width:300px;height:115px;margin-top:15px;background-position: 0 -1494px;}

/* =================================Store Navigation===================================*/
.js-enabled #stores-nav .holder {display: none;} /*this is implemented in the body*/
#stores-nav { background-color:#0b3805; }

/*region*/
#stores-nav .holder { text-align:left; margin: 0 auto; width: 960px; margin-top: -10px; padding-bottom:20px; position: relative;}
#stores-nav .holder ul { text-align:left; float:left; list-style:none; margin:0px; padding-left:0; display:inline; }
#stores-nav .holder ul.left { width:190px; }
#stores-nav .holder ul li{ margin-bottom:5px; display:inline; float:left; }
#stores-nav .holder ul li a { text-transform:uppercase; padding: 0 0 8px 0; color:#72c601; }
#stores-nav .holder .js-show { width:20px; height:25px; padding:0 5px 5px 5px; text-align:center; font-size:2em; font-weight:bold; right:0px; color:#061a03; top:10px; background-color:#fffef0; }
#stores-nav .holder .js-show:hover { text-decoration:none; color:#fffef0; background-color:#72c601; }
#stores-nav .holder p strong { font-size: 17px; }
#stores-nav .holder p a { width: 200px; font-size:12px; }

/*stores*/
#stores-nav #storeListing ul { margin:0; padding:0;}
#stores-nav #storeListing ul li { color:#fff5d7; float:left; padding:0 5px 0 0;}
#stores-nav #storeListing ul li .sep { margin: 0 0 0 5px; padding:0px;}
#stores-nav #storeListing ul li a { color:#fff5d7; padding:0 5px 0 0; text-transform:capitalize; float:left;}
#stores-nav #storeListing ul li a:hover { color: #72C601; }

/*Wrong Region block*/
.wrong-region { width: 230px; height: 110px; padding: 0; margin: 0; font-family:"Tex Gyre Heros", Arial, Verdana, Sans-Serif; font-size:1.2em; color: #fff5d7; line-height:1.3; position:absolute; top:75px; right:0; }
.chooseHeaderWhite {margin:10px 0 0 0;display:block;color:#11410a;width:200px;height:14px;padding:7px 8px 10px 16px;}
.chooseHeaderWhite a {font-weight:bold;}
.chooseHeaderWhite:hover { background-color:#fff; color:#11410a; text-decoration:none;}

/*Selected Regions*/
#stores-nav ul.location { width: 680px !important; }

/*All Regions*/
#stores-nav ul.left ul { width: 100%; display: inline; overflow:auto; }
#stores-nav ul.left li { margin: 3px 3px 0px 0px; display:inline; }
#stores-nav ul.left > li { margin-bottom: 10px; display:inline; width:190px;}


/*================================= featured store styleset =====================================================*/

.featuredStore {margin:8px auto 20px auto;padding:75px 15px 25px 15px;min-height:270px;width:235px; background-color:White;}
.featuredStore h2 { font-size:1.7em; margin-top:10px;}
.featuredStore a h2:hover { text-decoration:underline;}
.featuredStore img {margin:0px auto 10px auto;padding:0px;width:220px; border:4px solid #EADFB0; }
.storeAddress {margin:0px auto 10px auto;display:block;padding:0px 0 0 50px;min-height:30px;color:#5d6d0e;background-position:-410px -1px; font-weight:normal;}
.featuredStoreHours {margin:0px auto 10px auto;display:block;padding:0px 0 0 50px;min-height:35px;color:#5d6d0e;background-position: -363px -36px;}
.featuredheaderContainer {top:30px;left:20px;padding:8px 0 0 23px;width:300px;height:45px;background-position: -302px -453px;color:White;font-size:2.3em;z-index:1;}
.featuredStore .featuredheaderContainer {top:10px;left:-20px;}

/*** stores list ***/
/*#content .col-half { width:300px; }*/
.stores > ul > li { font-size:1.4em; }
.stores li a { font-size:.9em;}
.stores ul li ul{ overflow: hidden;}
.stores .col-half { padding-right: 15px; }
#store-list li { list-style:none; }
#store-list ul.left.col-half { padding-left: 0; }
#store-list ul.mar-bot10 { padding-left: 0; }


/*** body text ***/
.body-text { margin: 0 0 20px; }
.body-text h2,
.body-text h3,
.body-text h4 { margin:20px 0 10px; line-height:1.2; }

/* =============================================================== featured recipe styleset ===========================================================*/
.featuredRecipeBG{width:580px;  height:290px; background-position: 0 -138px;  margin: 0 0 20px 0;  padding:0px 20px 20px 20px;}
.featuredRecipe{ margin:10px 0 0 0; display:block;  min-height:160px; top:95px; padding:10px; width:560px; background-color:#fdfbf2; border: solid 2px #3b2307;}
.featuredRecipe img{ margin:0 10px 0 0;   float:left;}
.featuredRecipe dl{ margin:0 0 5px 0; display:block; padding:0 0 5px 0; min-height:30px;}
.featuredRecipe hr{border-top:2px solid #5d6d0e; margin:0 0 5px 0; padding:0px;}
.featuredRecipe p{ margin:0 0 5px 0;}
.featuredRecipe dl dd{ float:left; display:block; font-weight:bold; padding: 0 5px 0 0;}
.featuredRecipe dl dt{padding: 0 5px 0 0; float:left;}

/* =============================================================== did you know? styleset ===========================================================*/
.didYouKnowContainer{clear:both; width:580px; height:108px; background-position: 0 -16px; padding:0 20px 0px 30px; color:#f6e55a;}
.didYouKnowContainer p{ margin:25px 0 0 0; font-size:1.267em; width:355px;  float:left;}

/* ===========================================================Virtual Mailer Stylesheet ===============================================================*/
.sprBar.virtualMailerContainer {clear:both;width:580px;height:108px;background-position: 0 -15px;margin:20px 0 20px 0;padding:0 20px 0px 30px;color:#f6e55a;}

.virtualMailerContainer{clear:both; width:580px; height:108px; background-position: 0 -16px; padding:0 20px 0px 30px; color:#f6e55a;}
.virtualMailerContainer img { margin: 30px 10px 0 0; float:left; }
.virtualMailerContainer p a{ margin:40px 0 0 0; text-align:center; font-size:1.67em; font-weight:bold; width:310px;  float:left; color:#f6e55a; }
.virtualMailerContainer div.sprCharlie.charlieTV { float:none; margin-left:475px; }

/* ================================================================ Our Current Specials style set ==========================================================*/

.currentSpecial{ color:#595959; font-weight:bold;}
.id25{ background-position:-9px -348px; padding:0 10px 0 43px; margin: 5px auto; float:left; clear:both; margin:0px; display:block;}
.currentSpecialHolder{margin:10px 0 0 0; padding:10px 0 0 0; clear:both; width:100%; overflow:auto;background:url(/images/specialsRightBorder.gif) repeat-y 0 0;}
#contour div.checkbox label {width:210px;margin-right:210px;font-weight:normal;float:right;color:#404040; margin-bottom:0px; padding-top:2px;}
#contour div.checkbox label div.termsLabel { margin:0px; padding:0px; position:absolute; left:0px; color: #5E6E0F; font-weight:bold;width:130px;}
#contour span.fieldlabel input { float:left;}
.required { color:Red;}
#contour div.checkbox div {float:left; left:135px; padding-left:140px; margin:0px; min-height:50px; }
#contour div.checkbox div label{ margin:0px; padding:0px;}
#contour div.checkbox > span.contourError {position:absolute;top:0;right:0;}
.currentSpecialHolder.oneCol {width:200px;}

.currentSpecialNormalHeader{width:583px; height:37px; display:block; margin: 0 0 10px 5px; padding:13px 0 0 20px; text-transform:uppercase; /*text-align:center;*/ font-size:1.5em; color:White; background-position:-0px -540px;}

span a.whiteArrow:hover{ text-decoration:none;}

.currentSpecialHeader{width:583px; height:37px; display:block; margin: 0 0 10px 5px; padding:13px 0 0 0; text-transform:uppercase; text-align:center; font-size:1.5em; color:White; background-position:-0px -540px;}

.currentSpecialHeader:hover{background-position:-0px -589px; text-decoration:none;}

.currentSpecialLinkBar{width:583px; height:33px; display:block; margin: 0 auto 10px auto; color:#efd86d; padding:18px 0 0 0; font-weight:bold; text-align:center;background-position:-0px -548px;}

#leftCol .currentSpecialHolder {overflow:hidden;}
#leftCol .currentSpecial .product {padding:0 12px 40px 14px;margin:0;width:170px;float:left;font-size:0.833em;overflow:visible; height:180px; position:relative;}
.currentSpecial .product p.strong{padding:4px 6px; background-color:#ffc20e; text-transform:uppercase; margin-bottom:5px; color:#a46800; font-weight:bold;}
.currentSpecial .product .imageAndPrice {width:170px;clear:both;background-position:top right;background-repeat:no-repeat;}

/*.currentSpecial .product .imageAndPrice img{ float:right; bottom:-145px; right:5px; position:absolute;}*/
#leftCol .currentSpecial .product img { position:absolute; bottom:19px; right:19px;}

.currentSpecial .product .imageAndPrice .price {top:0;left:0;width:170px; /*border:solid 1px #f7f7f7;*/background:url(/images/1x1whitesemitrans.png) repeat 0 0;padding:4px;position:relative;z-index:10; width:120px;}

.currentSpecial .product .imageAndPrice .price span {color:#000000;margin:0px;font-weight:bold;vertical-align:top;}
.currentSpecial .product .imageAndPrice .price span.cents { margin-right:5px;}
.currentSpecial .product .imageAndPrice .price span.unitOfMeasurement { font-size:1.8em; vertical-align:bottom;}
.currentSpecial .product .imageAndPrice .price .dollars{ font-size:3.8em;  line-height:.9em; }
.currentSpecial .product .imageAndPrice .price .sign, .currentSpecial .product .imageAndPrice .price .cents { font-size:1.8em; line-height:1.0em;}
.currentSpecial .product .imageAndPrice .unitOfMeasurement{}
.price .pre-value { font-size:1.5em; display:block; padding-bottom:2px;}
.expiry { padding-top:10px;bottom:0; margin:0px;}
span.unitOfMeasurement { line-height:1.5em; }

.promoLinkD1{ display:block; font-size:2em;  line-height:1em; height:50px; padding:15px;  background-color:White;}
.promoLinkD1:hover{ background-color:#eadfb0;}
.promoLinkD1 a{width:430px; float:left;}

/*============================================================== rotator style set ============================================================== ***/
.box {margin-bottom: 20px;position: relative;}
.rotator { position: relative; clear:both; }
.rotator ul.items { position: relative; width:590px; height:320px; margin:0px; list-style:none;}
.rotator ul.items img {border:2px solid #e7ad0e; padding:0px; margin:0px;}
#leftCol .rotator ul { padding:0px;}
.rotator ul.items li {position:relative; width:590px;  height:320px;color: #000; zoom:1; display: none; margin:0px; list-style:none;}
.rotator ul.items p.cta { font-size: 1.2em; }
.rotator ul.items li > a { display: block; }
.js-enabled .rotator ul.items li { margin-bottom:0; }
.js-enabled .rotator ul.items li.first { display: block; }
.js-enabled .rotator ul.items li.first .desc .btn-link { display: inline-block; }
.rotator ul.items h2,.rotator ul.items p { margin-bottom:10px; }
.rotator ul.items h2 {font-size:3.2em;}
.rotator ul.items h2 a { color:#000; }
.rotator ul.items p { font-size:1.9em; }
.rotator ul.items p.note { font-size:1.1em; }
.rotator ul.items p small { font-size:1em; }
/*** Desc+Thumb need widths, so btn's with PIE in IE8 don't flash around, on nextItem() ***/
.rotator .desc { width: 250px; }
.rotator li .thumb { width: 340px; }
.rotator .image {top:0;right:0;  }

.rotator .next,.rotator .prev {-moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; width:30px;height:30px;margin-bottom:10px;border:solid 2px #e1dabc;background-color:#fefcf3;padding:4px !important; bottom:0px;}
.rotator .next {right:15px;background-position:-34px -864px !important; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;}
.rotator .next:hover {background-position:-64px -898px !important;background-color:#fff9b1;border:solid 2px #e1d294;}
.rotator .pages { padding:13px 0; position: relative; display: block; margin: 0 auto; width:100px;}
.rotator .pages li.page-num { position: relative; float:left; margin-right: 5px;  list-style:none;}
.rotator .pages .item-index {position: relative; padding: 2px 5px 2px !important; font-weight:bold; color:#cfc69c; background-position:-96px -780px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;border:solid 2px #e1d294;float:left; margin-top:10px;}
.rotator .pages .item-index:hover,
.rotator .pages .item-index:active { text-decoration: none; background-color:#fff9b1;}
#ie7 .rotator .pages .item-index { line-height: 1.1; }
/*#ie7 .rotator .pages li.page-num { float: left; }*/
.rotator .prev { left:15px;background-position:8px -802px !important; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;}
.rotator .prev:hover { background-position: -12px -834px !important; border:solid 2px #e1d294; background-color:#fff9b1;}
.rotator-nav {height: 43px;}

/*============================================================== news articles style set ============================================================== ***/
.artTop {padding:20px 0 0 0;display:block;clear:both;border-top: solid 4px #eadfb0;}
.artbottom { padding:0 0 20px 0;display:block;clear:both;border-bottom: solid 4px #eadfb0;}
.postDate {display:block; list-style:none; padding-left:0px;}
#leftCol ul.postDate { padding-left:0px; margin:0px;}
.postDate li {color:#5e6e0f;float:left;margin:5px 10px 10px 0px;}
.postDate li strong {font-weight:bold;color:#404040;}
.media310Left { float:left; width:250px; margin: 0px 10px 10px 0;}
.media310Right { float:right; width:250px; margin: 0px 0px 10px 10px;}
.media, .mediaLeft, .mediaRight, .media310Right, .media310, .media310Left {background-color: White;padding: 20px;}
.media img, .mediaLeft img, .mediaRight img, .media310Right img, .media310 img, .media310Left img { margin:auto;}
.mediaLeft {margin-right: 15px;float:left;}
.mediaRight {margin-left: 15px;float:right; width:250px;}
.imgCaption {font-size: 0.833em;padding: 10px 0 0;margin:0;}
#related ul { list-style:none; padding-left:0px;}

/* ============================================= tag cloud text styles ===========================*/

.tagweight8 {font-size:1.7em; color:#f57500; font-weight:bold; margin:0px; padding:0px;}
.tagweight7 {font-size:1.6em; color:#b0944c; margin:0px; padding:0px;}
.tagweight6 {font-size:1.5em; color:#c59712 ; font-weight:bold; margin:0px; padding:0px;}
.tagweight5 {font-size:1.4em; color:#dd8105; margin:0px; padding:0px;}
.tagweight4 {font-size:1.3em; color:#c08d10; margin:0px; padding:0px;}
.tagweight3 {font-size:1.2em; color:#f57500; font-weight:bold; margin:0px; padding:0px; line-height:1.65em;}
.tagweight2 {font-size:1.1em; margin:0px; padding:0px; line-height:1.8em;}
.tagweight1 {font-size:.9em; margin:0px; padding:0px; font-weight:bold; color:#A65600;}

/*=================================== store details styleset ================================================*/
#store-location {width:270px;height:200px;overflow:hidden;}
.storeDetails {padding:15px; margin-bottom:20px; position:relative;overflow:auto;}
.storeDetailsLeft {width:320px;float:left !important;}
.storeDetailsRight {float:right;min-height:270px;}

.storeDetails .storeDetailsLeft p { margin-bottom:0px; display:block;}
.storeDetailsLeft p.id25 { width:260px; margin:0px; padding:3px 0 0 42px; overflow:visible; display:block; height:38px;}

.storeDetailsRight .buttonBasicMedium {float:right; margin-right:12px; display:block; clear:none;}
.storeDetailsRight .buttonBasicSmall {float:right; width:100px;}
.storeDetails dl {border: 1px solid #78898;width:300px;float:left;margin-bottom:10px; padding-left:0px;}
.storeDetails .half {width:130px;margin-right:10px;}
.storeDetails .full {width:280px;}
.storeDetails dl strong {display:block;margin:0 40px 5px 0;padding:4px 6px;background-color:#ffc20e;text-transform:uppercase;font-size:.833em;width:90px;color:#a46800;font-weight:bold;}

.bakery {width:35px;height:30px;background-position:-231px -148px;display:block;float:left;}
.lotto {width:50px;height:30px;background-position:-271px -119px;display:block;float:left;}
.postshopStore {width:40px;height:30px;background-position:-325px -87px;display:block;float:left;}
.winery {width:45px;height:32px;background-position:-105px -258px;display:block;float:left;}
.butchery {width:40px;height:32px;background-position:-150px -220px;display:block;float:left;}
.produce {width:42px;height:32px;background-position:-188px -186px;display:block;float:left;}
.fuel { width:41px; height:51px; background-position:-60px -309px; display:block;float:left;}

#bakeryDefenition {padding:0 0 0 45px; margin:10px 0 10px 0; background-position:-231px -148px;display:block;float:left;}
#lottoDefenition {padding:0 0 0 50px; margin:10px 0 10px 0; background-position:-271px -119px;display:block;float:left;}
#postshopStoreDefenition {padding:0 0 0 40px; margin:10px 0 10px 0; height:30px;background-position:-325px -87px;display:block;float:left;}
#wineryDefenition {padding:0 0 0 45px; margin:10px 0 10px 0; background-position:-105px -258px;display:block;float:left;}
#butcheryDefenition {padding:0 0 0 40px; margin:10px 0 10px 0; background-position:-150px -220px;display:block;float:left;}
#produceDefenition {padding:0 0 0 42px; margin:10px 0 10px 0; background-position:-188px -186px;display:block;float:left;}
#fuelDefenition {padding:0 0 0 41px; margin:10px 0 10px 0; background-position:-60px -309px; display:block;float:left;}


/* ================================== Tooltip Styleset ==============================================*/
.tooltip{ display:none; position:absolute; border:1px solid #EADFB0; background-color:#F6F0D8; border-radius:10px; color:#5E6E0F; padding:5px;}
#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #eee;
  padding: 5px;
  opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*=================================== recipe styleset ================================================*/
.recipeDetail { min-height:160px; margin-bottom:20px; opacity:100%; position:relative;}
.divide-bot {border-bottom: 3px solid #5E6E0F;padding-bottom: 5px;}
.text-right {text-align: right !important;}
.recipeDetail ol {display:block;margin-bottom:10px; padding-left:0px; margin-left:20px; margin-top:0px;}
#leftCol div.recipeDetail ol { padding-left:0px;}
.recipeDetail ol li {list-style-type:decimal;padding:0 0 5px 0;}
#leftCol div.recipeDetail ul { margin-left:0px;}
.recipeDetail ul {display:block; margin:0px;}
.recipeDetail ul li {list-style-type:disc;padding:0 0 5px 5px;margin-left:18px;}
.recipeDetail dl {color:#5E6E0F;font-weight: normal;margin-bottom:20px;}
.recipeDetail dl dt { line-height:26px; }
#leftCol .recipeDetail dl { margin:0 0 20px 0; padding:0px;}
.recipeDetail dd {font-size:1.35em;font-weight:bold;margin:5px 0 0 0; padding:0px;}
.recipeDetail strong {color:#5E6E0F;font-weight:bold;font-size:1.35em; display:block;}
.conversionChart{ font-weight:bold; padding:15px;  background-position:45px -1062px;  clear:both; display:block; background-color:White; border-radius:10px;}
.recipeSummaryItem {padding:15px 0 15px 0;border-top: 4px solid #eadfb0;margin-top:20px;}
.recipeSummaryItem dl {width:160px;height:100px;border-left: 4px solid #eadfb0;padding:0 0 0 15px;float:left;}
.recipeSummaryItem dl dd {font-weight: bold;min-height: 20px;float:left;}
.recipeSummaryItem dl dt {float:left;margin-right:5px;clear:both;}
.recipeSummaryItem p {margin:0 0 5px 0;}
.recipeSummaryItem h3 {margin:0 0 5px 0;}
.recipeSummaryItem a {display:inline-block;margin:0px;}
.recipeSummaryItem .recipeSearchImgContainer {width:102px;height:102px;float:left;margin-right:20px;}
.recipeSummaryItemContainer {width:300px;margin-right:10px;float:left;height:10px;}
.otherRecipe h3 {font-weight:normal;margin:15px 0 15px 0;}
.otherRecipe dl {width:135px;float:left;}
.otherRecipe dl dd {font-weight:bold;min-height:20px;}
.otherRecipe dl dt {float:left;margin-right:5px;}
.recipeSearch {padding:15px 0 10px 0;height:40px; background-color:White; margin-top:30px;}

/* ===================================================== sitemap classes =======================================================*/
.sitemap h2 {font-weight:bold;width:300px;font-size:1.533em;}
.sitemap ul {width:280px;float:left;}
.sitemap ul li {height:30px;}

/*=================================================== generic pod classes ===================================*/
.genericPod {padding:20px;background-color:White; margin-bottom:20px;}
.genericPod h3 {margin:0 0 10px 0;}
.Right310 .genericPod h2 ,.Left310 .genericPod h2 , .genericPod h2 {font-weight:normal;padding:0 0 10px 0; margin:0 0 10px 0;}
.ad {border: solid 1px #9b9b9b;width:300px;}
.currentSpecial h3 {font-weight:bold; margin-bottom:0px;}
.currentSpecial ol .no_border {border:0px none;}
.imageGallery {padding:15px;background-color:White;}
.imageGallery ul li a {width:106px;height:106px;float:left;margin:5px;}
.leftcolSearch {background-color: White;margin:30px 0 0 0;height: 40px;padding: 15px 0 10px;}
.leftcolSearch input {width:280px;margin-top:2px;padding:5px;float:left;}

/*================================================================= list pagination sorting styleset =========================================================*/
.listHolder {height:28px;padding: 10px 0 10px 0;display:block;}
#leftCol .listHolder ul { padding-left:0px; margin:0px;}
.listHolder ul li span { background-color:#caed22; padding:3px 8px 5px 8px;font-weight:bold;float:left;color:#5D6D0E;}
.listHolder ul {list-style:none;}
.listHolder ul li {float:left;margin-right:5px;}
.listHolder ul li strong {color: #5d6d0e; display:block; padding:6px 0 0 0;}
.listHolder ul li select {padding:3px;border:solid 1px #5d6d0e; color:#404040;}
.listHolder ul li a {display:block;text-align:center;padding:3px 8px 5px 8px;height:14px;font-weight:bold;background-color:#5d6d0e;float:left;color:White;}
.listHolder ul li a:hover {background-color:#8ea715;}
.listHolder ul li a.disabled {background-color:#8ea715; line-height:.9em; padding:5px 6px  3px 6px;}
.listHolder ul li strong.sortBy { padding-top:7px; background-color:#FFFFFF;}
.listHolder ul li strong {background-color:#8ea715; line-height:.9em; padding:0 3px 0 3px;}
.sortButton { display:block; color:White; padding:5px; top:5px; right:5px; background-color:#5D6D0E; font-size:.8em; font-weight:bold; width:60px; text-align:center; float:right;}
.sortButton:hover { text-decoration:none; background-color:#8ea715;}
.listHolder ul li.disabled a { display:block; background-color:Fuchsia;}

/*====================================================== Virtual Mailer Styleset =================================================================================*/
.virtualMailer {padding:75px 30px 20px 30px;display:block;background: #FFFFFF url(/images/vm/vm_header.gif) no-repeat center 20px;}
.virtualMailerContent {padding:25px;}
.virtualMailer h1 {width:750px;}
.virtualMailer h4 {text-align:center;}
.virtualMailerBottom {width:900px;height:20px;margin:20px 0 20px 0;background: #FFFFFF url(/images/vm/vm_bottom.gif) no-repeat 0 0;}

/*=================================== search results styleset =============================*/
.xsltsearch_result {border-top: 4px solid #eadfb0; clear:both;}

/* ================================================== Form Styleset ===========================================*/

div#contour {clear: both;padding: 20px; background-color:White; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; 
             border-radius:10px; border: 4px solid #EADFB0; margin-bottom:20px; }
#contour h3{border-bottom: 4px solid #EADFB0; font-size:1.5em; margin-bottom:20px;  padding-bottom:10px; clear:both;}
#contour h4{border-bottom: 4px solid #EADFB0; font-size:1.5em; margin-bottom:20px;  padding-bottom:10px;}
.contourField {clear: both;overflow: hidden; margin-bottom:5px; width:580px; position:relative; clear:both;}
div#contour label {clear: both;color: #5e6e0f;display: block;font-size: 1em; margin:0 10px 10px 0; float:left; width:130px; font-weight:bold;}
div#contour label input {border: 1px solid #eadfb0;font-size: 1em;margin-bottom: 15px;padding: 5px 10px;}
#contour ul li { list-style:none; float:left; margin-right:10px; width:130px;}
.styledfileupload input {float:left; background: none;}
.contourField ul li select { border:1px solid #EADFB0; width:130px;}
.contourField select { border:1px solid #EADFB0; width:232px; padding:5px; margin-bottom:10px; height:30px; border: 1px solid #EADFB0; float:left;}
.contourField select div { border: 1px solid #EADFB0;}

#contour #phone-textfield select {width:60px;}
#contour #phone-textfield input {width:150px; margin-left:10px;}

#contour .checkbox label.fieldlabel {position:absolute; left:165px; top:0px;}
/*#contour .checkbox span.fieldlabel*/ 

span.contourError a {color: #FFFFFF;}
.contourIndicator, span.req{ color:Red;}
#contour .checkbox label{ font-size:1em; vertical-align:top; width:130px;}
#contour .contourField input.text {padding:5px; width:220px; border: 1px solid #EADFB0; margin-bottom:10px; color:#404040;}
#contour .contourField textarea.text { height:150px;}
#contour .checkbox .fieldlabel { width:250px; font-weight:normal; margin-left:5px; left:0px; margin:0px;}
#contour .checkbox .fieldlabel input { padding-left:5px;}
#contour .contourField .dateOfBirth { width:240px;}
#contour .dateOfBirth ul { width:300px;}
#contour .dateOfBirth ul li { width:60px; float:left;} 
#contour .contourField .dateOfBirth label { margin:0 0 5px 0; padding:0; font-size:1em;}
#contour .contourField .dateOfBirth select { width:60px; margin-bottom:10px; padding:3px; font-size:.9em; color:#303030;}
#leftCol .contourField ul{ float:left; width:420px;padding-left:0; margin:0px;}
#contour .contourField ul li { position:relative;}
#contour .contourField ul li label { padding-left:22px; font-weight:normal; height:20px; color:#404040;}
#leftCol .contourField ul.contourRdo {width:220px;}
#leftCol .contourField ul.contourRdo li {width:80px;}
#leftCol .contourField ul.contourRdo li label {width:40px;}
#contour .contourField ul li input{ display:block; position:absolute; left:0px;}
#contour .contourField div#subs input {float:left;}
#contour .contourField div#subs label {display: block;font-size: 1em;margin-top: 2px;padding: 0 5px;float:left;clear:none;width:250px; font-weight:normal; color:#404040;}
.contourField .fieldLabel label { font-weight:normal;}
.contourField div {display:block; float:left;}
.contourField #subs input {float:left;}
/*.contourField select {width: 230px; float:left; }*/
.js-enabled input.styledfileupload {opacity: 0;}
input.styledfileupload {cursor: pointer;z-index: 2;}
input.styledfileupload {cursor: pointer;z-index: 2;}
.styledfileupload div, input.styledfileupload {position: relative;}
.styledfileupload div, input.styledfileupload {margin-top: 5px;}
input.btn-black { background-position: -13px -457px;  border: 0 none;  color: #EFD86D;  display: block; float: left;  font-size: 1em;  font-weight: bold;  height: 39px;    padding: 0 0 0 15px; text-align: left;  width: 165px; clear:both; font-size:1.1em;}
input.btn-black:hover {background-position: -13px -495px; text-decoration:none;}

/* radiobutton and checklist */
.radiobuttonlist div label,.checkboxlist div label,.checkbox label {font-weight: normal; margin-left: 15px; width: 310px; display: inline-block; }
.checkbox a,.checkboxlist a {white-space:nowrap;text-decoration:underline;}
#contour h1{ padding:10px 0 15px 0;}
#contour .radiobuttonlist br,#contour .checkboxlist br,.radiobuttonlist,.checkboxlist { display: block; }
.radiobuttonlist,.checkboxlist { width: 582px; padding-bottom: 5px; }

/*** Special cases ***/
div.checkboxlist > div { width: 350px; }
span.checkboxlist label { width: 318px; vertical-align: top; background-color:Fuchsia;}
span.checkboxlist .contourError { float: none; }
div.checkboxlist .contourError { margin-top: -7px; }
.contourField textarea{ color:#404040;}

/* Errors */
span.contourError, div#contour label.error {background: url(/images/error_bg_sprite.gif) no-repeat left top; display: inline-block;color: #fff;padding: 6px 10px 6px 30px; font-size: 1em;line-height: 1.7em;float:right; width: 150px; background-repeat:no-repeat;margin-right:0; font-weight:normal;}
.checkbox.contourError {width: auto;float:left;background: none !important;padding: 0 !important;margin: 0 !important;}
.contourValidationSummary {background-color: #FFE9E9;border: 1px solid #DD0000;color: #DD0000;margin: 20px 0 20px;padding: 15px 20px 10px;}
.contourValidationSummary h3 {color: #DD0000;font-size:1.6em;margin:0px;}
.contourValidationSummary li:first-child {margin-top: 10px;}
.contourValidationSummary ul li {margin-bottom: 10px;margin-left: 15px;list-style-type:disc;}
.js-enabled .faux-upload {display: block;}
.faux-upload input {width:300px;margin:5px 15px 30px 0;}
.styledfileupload span.fileupload-wrapper { display: inline-block; }
.js-enabled input.fileupload  { /*filter: alpha(opacity = 0); IE7*/ border:1px solid #EADFB0; width:220px; position:relative; /*-moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;  z-index: 2;*/ padding:5px; margin-bottom:10px;}
.textfield input, textarea  { width: 220px; padding:5px; border:solid 1px #EADFB0; margin-bottom:10px; font-size:1.2em; color:#404040;}
#commentPosted{ padding:5px; background-color:#EADFB0; color: #5E6E0F; margin-top:10px;}
/* button */
.buttonBasicSmallSolid { background-position:0 -644px; border:none 0px;  text-align:left;  color: #EFD86D; padding:0 0 0 15px;  display: block;  float:left; font-size: 1em;    font-weight: bold;  height: 39px;  width: 115px; font-size:1.1em;}
.buttonBasicSmallSolid:hover{ background-position:0 -684px;}
.buttonBasicMediumSolid { background-position:-15px -457px; border:none 0px;  text-align:left;  color: #EFD86D; padding:0 0 0 15px;  display: block;  float:left; font-size: 1em;    font-weight: bold;  height: 39px;  width: 155px; font-size:1.1em;}
.buttonBasicMediumSolid:hover{ background-position:-15px -495px;}

.contourNavigation { margin-bottom:20px; display:block; clear:both; min-height:30px;}
.contourNavigation input{ background-position: 0 -644px;  border: 0 none;  color: #EFD86D;  display: block; float: left; font-weight: bold;  height: 39px;    padding: 0 0 0 15px; text-align: left;  width: 115px; clear:both;}
.contourNavigation input:hover{background-position: 0 -684px;}

/*============================================== NoHousing stlyes ============================================================= */
.offscreen { position: absolute; left: -9999px; top: -9999px; }


/*============================================== Store Locator stlyes ========================================================= */

.storeLocator {padding:20px;background-color:White;}
.storeLocator p {margin:10px 0 0 0;}
.storeLocatorList h3 { margin-top:0px;}
.storeLocator h3 {font-size:1.25em; margin-top:20px; width:270px; float:left; clear:none;}
/*.storeLocator h3, .storeLocator p {width:380px;}*/
.storeLocatorList h2 {padding:0 0 15px 0;margin:0 0 20px 0;border-bottom:4px solid #eadfb0;}
#regionStoresImageMap ul { padding-left:0px;}
#regionStoresImageMap ul li {list-style:none; margin-bottom:3px; }
.storeLocatorList ul li a {margin-right:10px;}
#regionStoresImageMap {width:250px;}
#regionStoresImageMap li.sep {display:none;}

/* ================================================================== Modal window styleset =====================================================================*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{width:580px !important; height: auto !important; float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxLoadedContent {padding: 20px 0 0px;margin: 20px 0 0px;border-top:4px solid #eadfb0;background: #fff; overflow:auto;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
  #cboxContent{padding: 60px 30px 30px 30px; background:#fff; border: 4px solid #eadfb0; margin-top:32px; overflow:visible; 
               -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadingGraphic{background:url(/images/sprites/loading.gif) no-repeat center center; margin:auto;}
    #cboxLoadingOverlay{background:#fff;}
    #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
    #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
    #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px;}
    .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
    .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
    .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
    .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
    .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/*** Custom Mods: ***/
#cboxNext, #cboxPrevious { display: block; background-color:#EADFB0; -moz-border-radius: 25px; border-radius: 25px;-webkit-border-radius: 25px; width:50px; height:50px;}
#cboxNext{ position:absolute; right:-25px;margin: auto 0; bottom:-50px; background-position:-37px -857px;}
#cboxNext:hover{background-position:-67px -892px;}

#cboxPrevious {position:absolute; left:-25px; margin: auto 0; bottom:-50px; background-position:24px -796px;}
#cboxPrevious:hover { background-position:4px -828px;}

#cboxClose {width: auto;height: 20px;top: 20px;right: 27px;padding: 0 8px 10px 8px;font-size: 2.1em;text-decoration: none;text-indent: 0;z-index: 9999;display: block;border: 4px solid #eadfb0;background: #FFFFFF;color: #eadfb0;font-family:inherit;line-height:1em;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;}
#cboxClose {font-family:Arial Black, Arial,  Sans-Serif;font-weight:bold;}
#cboxClose:hover {border: 4px solid #d0c69b;background: #f7f2dc;color: #d0c69b;text-decoration: none;}
#cboxTitle {top: 20px;left: 30px;width: 440px;color:#5e6e0f;font-weight:bold;padding: 0 20px 0 0;font-size: 2.5em;}
#cboxSubTitle {top: 20px;left: 30px;color:#5e6e0f;font-size: 1.8em;}
#cboxCommonTitle {left: 30px;color:#5e6e0f;padding: 0 0 10px 0;font-size: 1.3em;border-bottom:4px solid #eadfb0;}
/*#cboxContent ul { list-style-type:disc; padding-left:20px;}*/
#cboxLeftCol {width:290px;float:left;margin-right:10px;padding:0 0 10px 0;}
#cboxRightCol {width:290px;float:left;margin-left:10px;}
#cboxDescription {padding: 15px 0 30px;font-size: 1em;}
/* ================================== recipe modal window styles ======================================================================== */
#cboxStandardMeasures { background-position: -330px 0; margin:20px 0 0 0;min-height:102px;padding:0 0 20px 100px;}
#cboxStandardMeasures td,#cboxVolume td, #cboxWeight td, #cboxTemp td  { padding:5px;}
#cboxVolume {background-position: -245px -100px;margin:20px 0 0 0;min-height:102px;padding:0 0 20px 100px;}
#modalLabel {width:60px;margin:0px; background-color:Fuchsia;}
#cboxWeight {background-position: -162px -170px;margin:20px 0 0 0;min-height:102px;padding:0 0 20px 100px;}
#cboxTemp {background-position: -100px -255px; margin:20px 0 0 0;min-height:102px;padding:0 0 20px 100px;}
/*======================================= Email Subscription Styleset ======================================================================= */

.emailSubscription {height:30px; padding:10px 10px 10px 20px;width:930px;margin:0 auto;}
.emailSubscription ul {margin:0 auto 0 0;list-style-type:none; padding-left:0px;}
.emailSubscription li {display:block;}
.emailSubscription label {display:block;float:left;margin:0 8px 0 0;color:#EADFB0;font-size: 1.5em;padding-top:3px;}
.emailSubscription input, .emailSubscription select {padding:3px;border: 1px solid #EADFB0;margin:2px 15px 0 0;}
.emailSubscription select option {text-indent:10px;}
.emailSubscription .smallButtonSubmit {font-weight:bold;text-align:left;color:#efd86d;padding:0 0 0 10px;width:80px;height:28px;margin:0px;background-position:-7px -773px;border: 0 none;}
.emailSubscription .smallButtonSubmit:hover {background-position:-7px -806px;}
.emailSubscription p {color:#FFFFFF;}
a.emailSubScribeSlider { display:block; width:22px; height:22px; right:10px; bottom:15px; background-position:-221px -959px;}
a.emailSubScribeSlider:hover{background-position:-199px -938px;}
.signUpFail, .signUpSuccess{ text-align:center; color:#EADFB0;font-size: 1.5em;padding-top:3px;}

/*========= Careers Listing Styleset ================== */
.careersListing {width:100%;margin-bottom:20px;}
.careersListing th, .careersListing td {border: 2px solid #EADFB0;padding: 5px;}
.careersListing thead {background:#F4EED4;color: #5E6E0F;}
.careersListing .closing {width:120px;}
.careersListing .link {width:90px;}


/*================================================== Image Gallery Styleset ======================================================================= */
/*** gallery ***/
#leftCol .image-gallery ul {padding: 20px 20px 0;}
#leftCol .image-gallery .pages li a { display:block; list-style:none; font-weight:bold;}
#leftCol .image-gallery .items li.set {margin: 0 0 20px;list-style: none;width: 590px;overflow: hidden; padding:3px;}
#leftCol .image-gallery .items li a {border: 1px solid #e6e6e6;margin-right: 15px;float: left;}
/*#leftCol .image-gallery .items li a:hover {border-color: #000;}*/
#leftCol .image-gallery .next, #leftCol .image-gallery .prev {padding: 4px !important;width: 20px !important;height: 20px !important;}
.js-enabled #leftCol .image-gallery ul,.js-enabled #leftCol .image-gallery li.set {margin-bottom: 0;}
.js-enabled #leftCol .image-gallery ul {margin-top:0;padding: 20px; min-height:30px;}
.js-enabled #leftCol .image-gallery li.set {position: absolute;top:20px;left:20px;display: none;}
.js-enabled #leftCol .image-gallery li.first {display: block;}
.image-gallery .pages li { margin: 0 5px 0 0; padding-right:5px; width:23px; border-radius:10px;}
.image-gallery .pages li a:hover,.image-gallery .pages li:hover { background-color:#EADFB0; text-decoration:none; color:White;}
.image-gallery .pages li.page-num a,
.image-gallery .pages li.page-num a { padding:3px 0px 0px 10px;}
#ie7 .image-gallery .pages li a, #ie8 .image-gallery .pages li a { position: relative; }
.image-gallery{ background-color:White;}
.image-gallery .next, .image-gallery .prev {top: 19px;}
.image-gallery .next {right: 20px;background-position:-289px -450px !important;}
.image-gallery .next:hover { background-position:-89px -650px !important; }
.image-gallery .prev {left: 20px;background-position:-191px -550px !important;}
.image-gallery .prev:hover { background-position: 9px -750px !important; }

/* ============== additional styles ================ */
#leftCol .image-gallery .page-num ul li a{list-style:none; width:20px; height:20px; float:left; text-align:center; position:relative;overflow: hidden;}
.image-gallery .pages li {list-style:none; overflow:auto; display:block; line-height:1em;}
.image-gallery .page-num{ width:15px; height:15px; float:left; margin:auto; line-height:2em; display:block;}
.image-gallery .page-num { position:relative; left:260px; border:solid 3px #EADFB0; height:20px;}
#leftCol .image-gallery .pages .action {line-height:.4em;}
#leftCol .image-gallery a.cboxElement { position:relative;}
#leftCol .image-gallery a.cboxElement:hover{ border: 1px solid #EADFB0;}
#leftCol .image-gallery span.action { width:12px; height:12px; padding:3px; font-size:2em; line-height:.5em; bottom:5px; right:5px; border: 2px solid #EADFB0; background:none;} 
#leftCol .image-gallery span.action:hover { color:White;  background-color:#EADFB0; }

/* ====================================== related links and comments styles============================================== */
#related { padding-bottom:20px; border-bottom: 4px solid #EADFB0; margin-bottom:20px;}
#related h3{ font-weight:normal; margin:20px 0 5px 0;}
#related ul li{ list-style:none;}
#comments{ margin:20px 0 0 0; padding:0px; clear:both;}
#respond {-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; opacity:100%; background:none; border:solid 4px #EADFB0; margin:20px 0 20px 0; padding:15px; background-color:White;}
#respond h3{ border-bottom: 4px solid #EADFB0;  font-size: 1.5em;  margin-bottom: 20px;  padding-bottom: 10px;}
.form-label label { clear: both;  color: #5E6E0F;  display: block;  font-size: 1em;  margin: 0 0 10px; font-weight:bold;}
.form-label .fieldLabel { margin:0 0 10px 0; padding:0px; float:left; width:130px;}
.form-input textarea{ margin:0px; width:230px; color:#404040; font-family:Arial, Sans-Serif; font-size:1em; font-size:1.2em;}
.form-input input { background-color:White; margin:5px 0 10px 0; width:230px; border-collapse:collapse; border:solid 1px #EADFB0; height:18px; padding:5px; color:#404040; float:left; font-size:1.2em;}
.contourField div .fieldlabel label { font-weight:normal;}
.comment-author { float:left; vertical-align:text-top; margin:0px; width:175px; font-weight:bold; font-size:1.3em;}
.comment{ margin:0 0 15px 0; border-bottom:solid 4px #EADFB0; padding:0 0 15px 0;}
.commentlist p{ margin:0px 0 0 176px;}
#comments ol.commentlist  { padding-left:0px;}
.commentlist li { list-style:none; display:block;}
.comment-author img { margin-right:10px;}
.comment-meta { font-size:.8em; margin-bottom:10px; margin-top:5px;}

/* ======================= manage details styles =================*/

#tabvanilla{ background-color:White; margin:0px;}
#updateContainer{ width:580px; margin:0 10px 0 0; float:left;}
#updateContainerRight{ width:270px; float:left; display:block;}
.widget {padding:20px; margin:20px auto; border: 4px solid #EADFB0; margin-bottom: 15px;}
.widget a {  color: #222;text-decoration: none;  }
.widget a:hover {color: #009;text-decoration: underline;}

.tabnav {border-bottom: 4px solid #EADFB0;display:block;height:39px;}
.tabnav a {border-top:solid 4px #EADFB0;border-bottom:solid 4px #EADFB0;border-left:solid 4px #EADFB0;border-right:solid 4px #EADFB0; color:#5E6E0F;display:block;float:left;font-weight: bold;margin-left:10px;outline: none;padding:10px 25px 9px 25px;text-decoration: none;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; background-color:#FFFFFF; }
.tabnav a:active {border-top:solid 4px #EADFB0;border-left:solid 4px #EADFB0;border-right:solid 4px #EADFB0; background-color:#f6f0d8;}

.tabnav a.ui-tabs-selected{border-top:solid 4px #EADFB0;border-left:solid 4px #EADFB0;border-right:solid 4px #EADFB0;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; background-color:#f6f0d8; padding:10px 25px; color:#5E6E0F;text-decoration: none;}
.tabnav a:hover{ text-decoration:underline; color:#5E6E0F;background-color:#f6f0d8; }
.tabnav li a:hover{ text-decoration:none; color:#5E6E0F;}
.tabdiv {background: #fff;padding:20px 0;}
#contour .tabdiv .updateMessage { background-color:#EADFB0; margin:0 0 10px 0; padding:5px; color:#5E6E0F;}
.ui-tabs-hide {  display: none;  }
#featuredvid {text-align: center;}
.fvid {  margin-bottom: 5px;  }
.vidselector li {text-align: left;list-style: none;  padding: 5px; background:#ffffff; border: 1px solid #dedbd1;text-transform: uppercase;margin-bottom: 5px;}
.subscriptionBox{width:100%; border: 4px solid #EADFB0;  margin:0 0 15px 0;}
.subscriptionBox h3{ margin:0px; padding:5px 5px 5px 15px; background-color:#f8f3dc; border: 1px solid #EADFB0;}
.subscriptionBox .subscriptionBoxInside{ padding:15px;}
.subscriptionBoxInside input{ margin-right:10px;float:left;}
.subscriptionBoxInside p{ margin-top:5px;}
.subscriptionBoxInside strong{ margin-top:5px;}
#account h2{border-bottom: 4px solid #EADFB0; margin-bottom:10px;  padding-bottom:10px; padding-top:10px;}

/* ================================== Search Styleset ==============================================*/
#xsltsearch #xsltsearch_summary { font-size:1.3em; font-weight:normal; color:#5E6E0F; margin-top:10px; text-align:left; clear:both;}
#xsltsearch_summary{ text-align:left;}
#xsltsearch_pagerange { font-size:.75em; color: #404040; margin:0px;}
p#xsltsearch_summary {text-align:left;}

/* =============================== store or register =================================== */
#store-register {
	right: 20px;
	top: 67px;
	width: 220px;
	height: 111px;
	padding: 0 125px 0 162px;
	background: transparent url(/images/interface/bg/bg-region-map_web.png) no-repeat -100px 0;
}
#store-register.upper-north	 { background-position: right 0; }
#store-register.lower-north	 { background-position: right -112px; }
#store-register.south-island { background-position: right -224px; }

#store-register h2 {
	margin: 20px 0 0 0;
	font-family: "nimbus-sans-condensed","Tex Gyre Heros",Arial,Verdana,Sans-Serif;
	font-size:14px; 
    color:#eb1c24;
}
#store-register h2 Strong {
    color:#3B7C2A;
}
#store-register li { font-size:12px; }
#store-register li:first-child { margin-bottom:10px; }
#store-register .btn-link { width: 163px; }

