body{background:#63622e; margin:0; padding:0; font-family:Trebuchet MS, Helvetica, sans-serif;} #galang{width:1000px; margin:0 auto; position:relative; z-index:50;} .clearPlz{height:1px; display:block; clear:both;} a img{border:none;} form{display:inline;} #hiddenTopPart{margin:0 auto;} .error{color:#ff0000 !important; margin:0; padding:15px 0; font-weight:bold; text-transform:lowercase; font-size:13px;} .thankyou{color:#fff !important; background:#a8a333; border:none; font-size:13px; padding:5px; margin:5px;} h1{margin:0; padding:0; width:218px; height:82px; position:absolute; top:-85px; left:50%; margin:0 0 0 200px;} h1 a{margin:0; padding:0; width:218px; height:82px;background:url(../images/layout/logo.jpg); border:none; text-decoration:none; display:block;} h1 a span{display:none;} #backerStrip{position:absolute; left:0; background:url(../images/layout/spoon-background.jpg) top; z-index:30; width:100%;} #backerStripLeft{background:url(../images/layout/spoon-background-left.jpg); width:8px; position:absolute; left:50%; margin:0 0 0 -490px; z-index:70; } #backerStripRight{background:url(../images/layout/spoon-background-right.jpg); width:8px; position:absolute; left:50%; margin:0 0 0 482px; z-index:70;} #backerStrip{top:150px; height:422px;} #backerStripLeft, #backerStripRight{top:51px;height:422px;} #outer{width:979px; background:url(../images/layout/content-rep.jpg); margin:100px auto 0; position:relative; z-index:50;} #outerHeader{width:979px; background:url(../images/layout/header.jpg) no-repeat top;} #outerFooter{width:979px; background:url(../images/layout/footer.jpg) no-repeat bottom; min-height:300px;} #m1{height:38px; position:absolute; top:-27px; left:50px; width:700px; overflow:hidden;} #m1 a{display:block; float:left; height:38px; background:url(../images/layout/m1-rep.jpg) repeat-x top; text-decoration:none;margin:0 0 0 -5px; cursor:pointer;} #m1 a span{display:block; background:url(../images/layout/m1-left.jpg) no-repeat top left; height:38px;} #m1 a span em{display:block; background:url(../images/layout/m1-right.jpg) no-repeat top right; height:38px; font-style:normal; padding:13px 14px 0 9px;} #m1 a span em strong{display:block;font-weight:normal; height:22px;} #m1 a:hover{margin-top:3px;} * html #m1 a span{float:left;} * html #m1 a span em{float:left;} * html #m1 a span em strong{float:left;} /* fixes the margin on the first item */ #m1Home{margin-left:0px !important;} #m1onHome{margin-left:0px !important;} #m1Home span em strong{background:url(../images/layout/m1-items/home.gif); width:50px;} #m1About span em strong {background:url(../images/layout/m1-items/about.gif); width:50px;} #m1Products span em strong {background:url(../images/layout/m1-items/products.gif); width:69px; } #m1News span em strong {background:url(../images/layout/m1-items/news.gif); width:46px;} #m1Recipes span em strong {background:url(../images/layout/m1-items/recipes.gif); width:57px;} #m1Stockists span em strong {background:url(../images/layout/m1-items/stockists.gif); width:63px;} #m1Trade span em strong {background:url(../images/layout/m1-items/trade.gif); width:49px;} #m1Contact span em strong {background:url(../images/layout/m1-items/contact.gif); width:58px;} #m1Home.on span em strong{background:url(../images/layout/m1-items/homeon.gif) !important;} #m1About.on span em strong{background:url(../images/layout/m1-items/abouton.gif) !important;} #m1Products.on span em strong{background:url(../images/layout/m1-items/productson.gif) !important;} #m1News.on span em strong{background:url(../images/layout/m1-items/newson.gif) !important;} #m1Recipes.on span em strong{background:url(../images/layout/m1-items/recipeson.gif) !important;} #m1Stockists.on span em strong{background:url(../images/layout/m1-items/stockistson.gif) !important;} #m1Trade.on span em strong{background:url(../images/layout/m1-items/tradeon.gif) !important;} #m1Contact.on span em strong{background:url(../images/layout/m1-items/contacton.gif) !important;} /* footer */ #footer {width:900px; text-align:right; color:#fff; margin:10px auto; font-size:11px; height:50px; clear:both;} #footer div{float:right;} #footer a{color:#a8a333; text-decoration:none; position:relative;} #footer a:hover{color:#fff;} #footerBellevue {position:relative;} #footerBellevue a{margin:0; position:relative; margin-left:20px;} #footerBellevue span{background:url(../images/layout/bellevue-logo.jpg) no-repeat; position:absolute; top:-9px; right:80px; display:block; height:28px; width:15px; z-index:200;} #content{padding:40px 0;} #contentWithSideBar{width:896px; margin:0 auto; background:url(../images/layout/sidebox-rep.jpg) repeat-y right;} #contentWithSideBarTop{width:896px; background:url(../images/layout/sidebox-top.jpg) no-repeat top right;} #contentWithSideBarBottom{width:896px; background:url(../images/layout/sidebox-bottom.jpg) no-repeat bottom right; min-height:400px;} /* left content */ #leftContent{width:600px; float:left; position:relative; z-index:100;} .padOutOurMainContent{padding:40px 0 0;} #leftContent h2{color:#a8a333; margin:0; padding:15px 0; font-weight:bold; text-transform:lowercase; font-size:18px;} #leftContent h3{color:#a8a333; margin:0; padding:15px 0; font-weight:bold; text-transform:lowercase; font-size:16px;} #leftContent h3 a {border-bottom:1px dotted #a8a333; color:#a8a333; text-decoration:none;} #leftContent h3 a:hover {border-bottom:1px dotted #c64601; color:#c64601; text-decoration:none;} #leftContent p{color:#626262; font-size:13px; line-height:180%; margin:0; padding:0 0 15px 0;} #leftContent p a {border-bottom:1px dotted #c64601; color:#c64601; text-decoration:none;} #leftContent p a:hover{border-bottom:1px dotted #a8a333; color:#a8a333; text-decoration:none;} #leftContent .floatRight{float:right; margin:0 20px 0 20px;} #leftContent .floatRight img{border:1px solid #b3b3b3; padding:3px;} #leftContent .recipe{float:right; margin:0 10px 0 10px;} #leftContent span{display:block; padding:0 0 5px 0; color:#a8a333;} #leftContent hr {border:0px; border-top:1px dotted #a8a333; height:0px; margin: 20px 0 20px 0;} #leftContent li {color:#626262; font-size:13px; line-height:180%; margin:0;} /* this is the bottle!! */ #floateyBottle{background:url(../images/examples/bottle.png); width:134px; height:410px; display:block; position:absolute; top:-20px; left:-20px; z-index:200;} * html #floateyBottle{background:url(../images/examples/bottle.gif); } /* shows .gif for failure IE6 */ #rightContent{width:235px; float:right; padding:10px 22px;} /* this deals with some padding issues */ #aLittleExtraPadding{padding:0 6px; position:relative } #rightContent h3{color:#63622e; margin:0; padding:15px 0; font-weight:bold; text-transform:lowercase; font-size:18px; position:relative;} #sillySpoons{width:45px; height:65px; position:absolute; top:10px; left:170px; background:url(../images/layout/sidebox-spoons.jpg) no-repeat;} #rightMenu a{border-top:1px dotted #7c7a4b; border-bottom:1px dotted #7c7a4b; padding:15px 0 15px 40px; background:#ffffff url(../images/layout/sidebox-menu-spoons.jpg) no-repeat 10px 10px; margin:5px 0; display:block; font-size:13px; color:#63622e; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #rightMenu a:hover{border-top:1px dotted #a8a333; border-bottom:1px dotted #7c7a4b; padding:15px 0 15px 40px; background:#ffffff url(../images/layout/sidebox-menu-spoons.jpg) no-repeat 10px 10px; margin:5px 0; display:block; font-size:13px; color:#a8a333; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #rightNews{font-size:13px; color:#63622e; line-height:170%;} #rightNews span{display:block; padding:0 0 5px 0; color:#a8a333;} #rightNews a{border-bottom:1px dotted #c64601; color:#c64601; text-decoration:none;} #rightNews a:hover{color:#fff; background:#a8a333; border:none;} .rightImage{width:214px; border:1px solid #b3b3b3; padding:3px; display:block; margin:15px 0; background-color:#fff;} #whiteBox{background:url(../images/layout/whitebox-rep.jpg); width:235px; margin:0 0 15px 0;} #whiteBoxTop{background:url(../images/layout/whitebox-top.jpg) no-repeat top; width:235px;} #whiteBoxBottom{background:url(../images/layout/whitebox-footer.jpg) no-repeat bottom; width:235px; min-height:100px;} * html #whiteBoxBottom{height:100px;} #padOutTheWhiteBox{padding:10px 20px; color:#626262; font-size:11px; margin-top: 0;} #padOutTheWhiteBox label{color:#626262; font-size:11px;} #padOutTheWhiteBox p{color:#626262; font-size:11px; margin-top: 0;} #padOutTheWhiteBox h4{color:#a8a333; margin-bottom:0; margin-top:6px; font-weight:bold; text-transform:lowercase; font-size:18px;} #newsletter{margin:10px 0 10px 0; color:#626262; font-size:11px;} #greenBox{background:#c6d46c; border:3px solid #fff; padding:7px; margin:10px 0;} #greenBoxInner{background:#c6d46c; border:3px dashed #fff; padding:13px; color:#63622e; text-decoration:none; display:block; font-size:13px; text-align:justify} /* this is our slideshow */ #slide-images{position:relative; display:block; margin:0px; padding:0px; overflow:hidden; /* this is for div around the image (not the actual image size) Ros! --> */ width:600px; height:350px; } #slide-images li{ position:absolute; display:block; list-style-type:none; margin:0px; padding:0px; background-color:#fff;} #slide-images li img{ display:block; background-color:#fff;} #slide-images li a {border:1px solid #b3b3b3; padding:3px; display:block; width:590px; position:relative; z-index:50;} #slide-images li a:hover{border:1px solid #555;} /* ------------ pdf links --------------- */ a.pdfLink{font-size:13px; background:url(../images/icon_pdf.gif) no-repeat left; padding:4px 0 0 20px; border-bottom:1px dotted #c64601; color:#c64601; text-decoration:none;} * html a.pdfLink {text-decoration:underline;} a.pdfLink:hover{font-size:13px; border-bottom:1px dotted #a8a333; color:#a8a333; text-decoration:none;} /* ------------ pdf links --------------- */ .navigation{clear:both; font-size:13px; position:relative; border-top:1px dotted #a8a333; padding:5px 0;} .navigation span{text-align:left; margin:0; padding:0; display:block; position:absolute;} .navigation p{text-align:right; margin:0; padding:0;} .bullet{background:#d3dc89 url(../images/layout/recipespoons.gif) no-repeat left; padding:10px 0 10px 30px; color:#626262; font-size:13px; margin:0 170px 0 0} .bulletodd{background:#fff url(../images/layout/recipespoons.gif) no-repeat left; padding:10px 0 10px 30px; color:#626262; font-size:13px; margin:0 170px 0 0} table {width:80%; border-top:1px solid #e9eeca; border-right:1px solid #e9eeca; margin:0 auto; border-collapse:collapse;} tr.odd td {background:#d3dc89; color:#63622e; font-size:13px;} td {font-size:13px; color:#63622e; border-bottom:1px solid #e9eeca; border-left:1px solid #e9eeca; padding:.3em 1em; text-align:left;} blockquote{padding:10px; background:#d3dc89; border:1px dashed #fff; font-size:13px;} .input-text{ border:1px solid #e9eeca; background:#d3dc89; color:#63622e;} .breadcrumb { clear:right; float:left; width:100%; } .breadcrumb h3 { color:#cc2228 !important; float:left; } .breadcrumb h3 a { color:#cc2228 !important; margin:0 10px 0 0; } .red { color:#c64601 !important; display:inline !important; } .line { height:33px; width:100%; float:left; border:none; } .line td { border:none; } .line p { float:left; } /* alert boxes */ #popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF; border:solid 1px #92c01e; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #popup_title { font-weight: bold; text-align: center; line-height: 1.75em; color:#6e6c16; font-size:13px; background: #c6d46c url(images/title.gif) top repeat-x; border:solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; height:auto; left:0; position:relative; top:0; width:auto; } #popup_content { background: 16px 16px no-repeat url(images/info.gif); padding: 1em 1.75em; margin: 0em; } #popup_content.alert { background-image: url(images/info.gif); } #popup_content.confirm { background-image: url(images/important.gif); } #popup_content.prompt { background-image: url(images/help.gif); } #popup_message { padding-left: 48px; } #popup_panel { text-align: center; margin: 1em 0em 0em 1em; } #popup_prompt { margin: .5em 0em; }