/* site setup */ body { color:#333; background:#fff; font-family:Arial, sans-serif } #container { width:980px; clear:both; } #branding { height:120px; background:#fff; } #content { width:760px; } #nav-sub { width:200px; } #siteinfo { width:980px; } /* red cc0000 - c00 yellow ffffcc - ffc grey light e5e5e5 grey ccc black 333 */ /* rules */ a { color:#333; } a:hover { color:#c00; text-decoration:none; } h1,h2,h3 { font-size:1.5em; } h4 { font-weight:bold; } fieldset legend { display:none; font-weight:bold; } fieldset label { display:block; } fieldset input.textbox { padding:4px; width:150px; height:15px; border:solid 1px #a5acb2; background:url(/_img/site/bg_textbox.gif) no-repeat top left; } fieldset textarea { padding:3px; width:150px; height:100px; border:solid 1px #a5acb2; } fieldset input.button:hover, a.button:hover, a.button.action:hover { border-color:#C00; color:#C00; background-color:#FFF; } fieldset input.button, a.button { padding:3px; margin:0; height:25px; border:1px solid #CCCCCC; background:#C00; color:#FFF;} select { padding:3px; margin:0; border:solid 1px #c1c1c1; } a.button { height:20px; padding:3px 6px; text-decoration:none; line-height:20px; } a.button.action, input.action { border:solid 2px #C00; } a.biggerText { font-weight:bold; font-size:1.5em;} h1 { font-size:2.5em; font-weight:normal; line-height:1em; margin-bottom:10px; margin-top:0;} /* fieldset input.button:hover, a.button:hover, a.button.action:hover { border-color:#666; color:#333; } fieldset input.button, a.button { padding:3px; margin:0; height:25px; border:1px solid #c1c1c1; background:#e8e8e8 url(/_img/site/bg_button.gif) repeat-x; } select { padding:3px; margin:0; border:solid 1px #c1c1c1; } a.button { height:20px; padding:3px 6px; text-decoration:none; line-height:20px; } a.button.action, input.action { border:solid 2px #c66; } */ caption { display:none; } table { border-collapse:collapse; } /* common classes/items */ .hide { display:none; } .lowlight { color:#999; } a.access { padding:10px 20px; height:20px; display:block; position:absolute; top:0; left:-999px; z-index:10; } a.access:focus { left:0; background:#e0e0e0; } .clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* clear float fix */ .clear { display:inline-block; width:100%; } .save { padding:0 2px; color:#fff; background:#c00; font-size:0.8em; } .save a { color:#FFF; font-weight:bolder; } .headbox { margin:20px 0; position:relative; min-height:50px; line-height:50px; border-bottom:solid 1px #ccc; } .headbox span.spacedText { line-height:50px; } .headbox span.point { width:16px; height:9px; position:absolute; bottom:-1px; left:20px; display:block; background:url(/_img/site/arrow_up.gif) no-repeat; } .headbox.action { padding:0 15px; background:#ffc; border-color:#999; } .headbox.action span.point { background:url(/_img/site/arrow_up_dark.gif) no-repeat; } .headbox.bigger { height:70px;} .borderpoint { position:relative; clear:both; } /* border point */ .borderpoint div.cont { padding:20px 20px 0 20px; margin-top:20px; border:solid 1px #ccc; position:relative; } .borderpoint span.point { width:16px; height:9px; position:absolute; left:20px; top:-9px; display:block; background:url(/_img/site/arrow_up.gif) no-repeat; } ul.list { margin-left:20px; list-style:disc; } /*ol { margin-left:20px; list-style-type:decimal; list-style-position:inside; }*/ /* branding */ #branding { border-bottom:solid 6px #c00; } #branding a { margin-top:10px; padding:20px; height:80px; width:300px; background:url(/_img/site/logo.gif) no-repeat 10px 10px; display:block; position:relative; text-indent:-1000em; } /* xmas */ /*#branding{ background:url(/_img/site/top_bg_xmas.gif) repeat-x 0 0; border-bottom:solid 6px #D1C277; } #branding div{ background:url(/_img/site/top_block_xmas.jpg) repeat-x 0 0; } #branding h1{ margin-top:0; background:url(/_img/site/xmas_logo.gif) no-repeat 10px 10px; }*/ /* end xmas slot */ #branding a { height:80px; text-indent:-1000em; display:block; } #branding a:hover span { display:block; } #branding span { position:absolute; top:65px; left:280px; display:none; } #branding span a { text-indent:0; font-size:0.5em; text-decoration:none; color:#666; } #branding span a:hover { color:#333; } #branding div, #breadcrumb div { width:980px; margin:0 auto; } #branding span.text { position:relative; font-size:1.1em; display:block; margin-top:-118px; margin-left:-87px; color:#666; } /* nav */ #nav h4 { display:none; } /* for usability */ #nav-main { position:absolute; top:-101px; right:0px; } #nav-main li { margin-right:20px; height:35px; float:left; font-size:1.25em; position:relative; font-weight:bold; } #nav-main li a { padding:0 10px; height:35px; line-height:35px; text-decoration:none; display:block; color:#666; } #nav-main li:hover { background:url(/_img/site/tabover.gif) no-repeat right top; } #nav-main li:hover a { background:url(/_img/site/taboverend.gif) no-repeat left top; } #nav-main li.last { margin-right:0; } /* xmas */ #nav-main li.current { background:url(/_img/site/tab.gif) no-repeat right top; } /*#nav-main li a{ color:#fff; } #nav-main li ul li a{ color:#666; } #nav-main li.current, #nav-main li:hover{ background:url(/_img/site/tab_xmas.gif) no-repeat right top; } #nav-main li ul{ background:#D1C277; } */ #nav-main li.current a { color:#fff; background:url(/_img/site/tabend.gif) no-repeat left top; } /*#nav-main li.current a, #nav-main li:hover a { color:#443d17; background:url(/_img/site/tabend_xmas.gif) no-repeat left top; }*/ /* xmas end */ #nav-main li:hover ul { display:block; } /* drop down */ #nav-main li ul { display:none; padding:10px 10px 14px 8px; position:absolute; background:url(/_img/site/tabdrop.png) no-repeat bottom right; z-index:999; } #nav-main li:hover ul li { display:block; float:none; padding:0; z-index:9999; font-size:1.5em; } #nav-main li:hover ul li a { background:#fff; width:100%; font-size:0.5em; height:38px; line-height:35px; font-weight:bold; } #nav-main li.current ul li a { color:#443d17; } #nav-main li ul li a:hover { color:#c00; } #nav-main li ul#exfit { width:154px; } #nav-main li ul#exstr { width:200px; } #nav-main li ul#exacc { width:225px; } #nav-main li ul#excle { width:154px; } /* sub nav */ #nav-sub { margin-top:20px; font-size:1.2em; } #nav-sub h3 { margin-bottom:10px; padding-bottom:10px; width:180px; border-bottom:solid 1px #ccc; font-weight:bold; font-size:1.15em; } #nav-sub span { margin-bottom:10px; padding-bottom:10px; width:180px; border-bottom:solid 1px #ccc; font-weight:bold; font-size:1.15em; display:block; } #nav-sub a { text-decoration:none; display:block; } #nav-sub li { padding:6px 0 8px 10px; } #nav-sub li.current { background:url(/_img/site/navcurrent.gif) no-repeat; } #nav-sub li.current a { color:#fff; font-weight:bold; } #nav-sub li.current li a { color:#333; font-weight:normal; } #nav-sub li.current li a:hover { color:#c00; } #nav-sub li ul { margin:15px 0 10px 10px; } #nav-sub li li { padding:0 0 5px 0; font-size:0.8em; } #nav-sub li li.current { background:none; } #nav-sub li li.current a { font-weight:bold; } #nav-sub li li.current a:hover { color:#333; } #nav-sub li.current.small { font-size:0.8em; } /* when list item is large */ #nav-sub li.current.small li { font-size:1em; } /* nav additional */ #nav-add { width:340px; position:absolute; top:-180px; right:0; font-size:0.9em; font-weight:bold; } #nav-add li { margin:3px 10px 0 0; float:left; } #nav-add li.search { margin:0; } /* xmas */ #nav-add a { color:#c00; } /*#nav-add a, .contactTopNav div.largeRed, .contactTopNav p{ color:#fff; } #nav-add input.textbox, #nav-add input.button{ background:#fff; border:1px solid #5f020a; } #nav-add input.button{ color:#443d17; background:#cdbe6d; } #nav-add input.textbox{ background:#fff; }*/ /* xmas end */ #nav-add fieldset { height:26px; } #nav-add input.button { float:left; } #nav-add input.textbox { float:left; border-right:0; margin-right:0; } .contactTopNav { width:auto; float:right; margin:0px 0px 0px 0px; } .contactTopNav div.largeRed { width:auto; margin:0px 0px; color:#CC0000; font-size:3.5em; position:static; font-weight:bold; line-height:normal; text-align:right; } .contactTopNav p { width:auto; margin:-10px 0px 0px 0px; color:#777; float:right; font-weight:normal; } /* small basket */ #basket { padding-top:20px; margin-top:20px; width:180px; font-size:0.75em; background:url(/_img/site/bg_basket.gif) no-repeat top left #e5e5e5; } #basket h3 { margin-left:20px; border-bottom:0; font-size:1.5em; width:140px; } #basket .title { margin-left:20px; border-bottom:0; font-size:1.5em; width:140px; font-weight:bold; margin-bottom:10px; padding-bottom:10px; } #basket table { margin:0 20px; width:140px; } #basket table td { padding-bottom:5px; } #basket table td.unit { width:20px; } #basket div.footer { padding:2px 20px 20px 20px; background:url(/_img/site/bg_basket.gif) no-repeat bottom left; } #basket div.footer a { text-decoration:underline; display:block; text-align:center; } #basket div.footer a:hover { text-decoration:none; } /* call back */ #callback { padding-top:20px; margin-top:20px; width:180px; font-size:0.75em; background:url(/_img/site/bg_callback.gif) no-repeat top left #e5e5e5; } #callback h3 { margin-left:20px; border-bottom:0; font-size:1.5em; width:140px; } #callback #inner { margin-left:20px; border-bottom:0; } #callback a { margin:15px 30px 20px 0px; text-align:center; } #callback div.footer { padding:2px 20px 20px 20px; background:url(/_img/site/bg_callback.gif) no-repeat bottom left; } #callback div.footer a { text-decoration:underline; display:block; text-align:center; } #callback div.footer a:hover { text-decoration:none; } /* breadcrumb */ #breadcrumb { width:100%; height:60px; background:url(/_img/site/bg_breadcrumb.gif) repeat-x; } #breadcrumb strong { padding-right:20px; background:url(/_img/site/arrow_right.gif) no-repeat 80px 3px; } #breadcrumb a { margin:3px; } #breadcrumb .current { font-weight:bold; text-decoration:none; } #breadcrumb a.current:hover { color:#333; } #breadcrumb #livechat { width:160px; height:60px; float:right; } #breadcrumb #trail { margin-left:0; padding-top:22px; width:700px; } /* content */ #content { margin-bottom:40px; margin-top:20px; } #content h2 { margin-top:0; margin-bottom:10px; font-size:2.5em; font-weight:normal; line-height:1em; } /* default pages - on this page */ #onthispage { padding-top:10px; line-height:25px; min-height:35px; } #onthispage div { margin-right:10px; height:30px; float:left; } #onthispage div { } #onthispage a { margin-right:15px; } #onthispage ul { padding-bottom:10px; margin-left:100px; } img.imgright { margin:0 0 10px 10px; padding:5px; border:solid 1px #ccc; float:right; } img.imgleft { margin:0 10px 10px 0; padding:5px; border:solid 1px #ccc; float:left; } div.section { margin-bottom:40px; clear:both; } /* offer set (4x horizontal) - home/details */ #offerset { clear:both; } #offerset div.cont div { width:160px; float:left; margin-right:25px; text-align:center; } #offerset div.cont div.last { margin-right:0; } #offerset div.cont div a.img { margin-bottom:20px; display:block; height:100px; text-align:center; } #offerset div.cont div strong { margin-top:10px; display:block; text-align:center; } #offerset div.cont div.clear { width:100%; } /* footer */ #siteinfo { padding-top:10px; border-top:solid 1px #ccc; color:#666; font-size:0.85em; position:relative; clear:both; } #siteinfo a { color:#666; text-decoration:none; } #siteinfo a:hover { color:#c00; } #siteinfo div.uparrow { width:60px; background:url(/_img/site/arrow_up.gif) no-repeat center bottom; position:absolute; right:0; top:-30px; } #siteinfo div.uparrow a { height:30px; width:60px; display:block; text-decoration:none; text-align:center; } #siteinfo p.callnow { margin-top:5px; padding-left:60px; height:38px; line-height:38px; background:url(/_img/site/logo_small.gif) no-repeat; font-size:2em; } #siteinfo p.cclogo { height:23px; background:url(/_img/site/cc.gif) no-repeat; text-indent:-1000em; } #siteinfo #footcontact ul { height:15px; } #siteinfo #footcontact li { float:left; margin-right:10px; } #siteinfo #footlinks { padding-left:20px; float:right; width:580px; border-left:solid 1px #ccc; } #siteinfo #footlinks ul { width:190px; float:left; } #siteinfo #footlinks li { margin-bottom:5px; } #siteinfo #footlinks strong { font-size:1.2em; } /* Nutrition */ div.section a.reference { font-size:0.8em; vertical-align:super; } div.section table { margin:0; padding:0; width:100%; margin-top:20px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; font-size:0.9em; } div.section table td, th { padding:4px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; vertical-align:top; } div.section ul li { margin-left:10px; list-style-type:disc; list-style-position:inside; } a.brc { color:#555; } a.brc:hover { text-decoration:underline; } a.brc:hover span { color:#ff0000; } .clearx {clear:both; height:0px; margin:0px; border:0px; padding:0px;} .redBanner {background-color:#FFFFCC; height:10px; color:#000000; padding:7px 0px 12px 15px; font-weight:normal; font-size:1.5em} div.article ul { margin-bottom:20px;} div.article li { list-style-type:disc; list-style-position:inside; padding-left:15px; line-height:1.5em; } div.article hr { color:#cc0000; height:1px; width:80%; display:block; margin-bottom:20px;} div.section { margin:20px 0px 10px 0px; background-color:#EEE; padding:20px 20px 20px 20px;} div.section img {margin:0px 0px 0px 10px;