body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:62.5%; text-align:center; background: #fffaf4; } /* ------------------------------------------------------ =CLEARING -----------------------------------------------------*/ .clear{clear:both;} .clearleft{clear:left;} .clear20{clear:both;} .last{margin-right:0px;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */ * html .clearfix {height: 1%;} .l { float:left; } .r { float:right; } .center { margin-left:auto; margin-right:auto; display:block;} span.hidden {display:none;} #slidingDiv{display:none;} /* ------------------------------------------------------ =ACCESSIBILITY ------------------------------------------------------*/ #access {position:absolute; top:-9999px;} /* ------------------------------------------------------ =MAIN STRUCTURE ------------------------------------------------------*/ #pagewrapper{background:#ab1801; padding-bottom:10px;} #container { width:960px; margin-left:auto; margin-right:auto; text-align:left;} #main {width:964px; position:relative;} /* ------------------------------------------------------ =HEADER ------------------------------------------------------*/ #header{position:relative; background:#ab1801; } #header img.logo {position:absolute; top:16px; z-index:501;} /* ------------------------------------------------------ =MAIN NAVIGATION ------------------------------------------------------*/ #dropList ul#menu li a.nav1, #dropList ul#menu li a.nav2, #dropList ul#menu li a.nav3, #dropList ul#menu li a.nav4, #dropList ul#menu li a.nav5, #dropList ul#menu li a.nav6{text-indent:-9000px; display:block; height:52px; line-height:52px;} #dropList ul#menu li a.selected:hover{background-position:0 -243px !important;} /* Unfortunately necessary */ #dropList ul#menu li a.nav1{background:url(../img/nav/nav1.jpg); width:66px;} #dropList ul#menu li a.nav1.selected:hover{background-position: 0px -70px !important;} #dropList ul#menu li a.nav2{background:url(../img/nav/nav2.jpg); width:74px;} #dropList ul#menu li a.nav3{background:url(../img/nav/nav3.jpg); width:100px;} #dropList ul#menu li a.nav4{background:url(../img/nav/nav4.jpg); width:177px;} #dropList ul#menu li a.nav5{background:url(../img/nav/nav5.jpg); width:89px;} #dropList ul#menu li a.nav6{background:url(../img/nav/nav6.jpg); width:101px;} #dropList ul#menu li a.selected{background-position:0 -70px ;} #dropList ul#menu li a.selected:hover{_background-position:0px -243px !important;} #dropList ul#menu li a.nav1:hover, #dropList ul#menu li a.nav2:hover, #dropList ul#menu li a.nav3:hover, #dropList ul#menu li a.nav4:hover, #dropList ul#menu li a.nav5:hover, #dropList ul#menu li a.nav6:hover{background-position:0 -140px;} /* ------------------------------------------------------ =DROPDOWN NAVIGATION ------------------------------------------------------*/ #dropList {position:relative; z-index:500; float:right; height:68px; width:616px; background:url(../img/nav/nav_bg.jpg) no-repeat 43px 12px; margin-right:0px; margin-top:-5px; padding-left:53px;} #dropList ul#menu { margin:0; padding:0 0 0 0px; list-style:none; /*white-space:nowrap; */} #dropList ul#menu li.level1-li { float:left; height:53px; margin-right:0px;} #dropList ul#menu li.level1-li a.level1-a { display:block; height:53px; float:left; padding:0 0px 0 0px; text-decoration:none; line-height:53px; white-space:nowrap; font-weight:bold;} #dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative;} #dropList ul#menu li.sub a.level1-a:hover {background-position:0 -140px;} #dropList ul#menu li.sub a.selected:hover {background-position:0 -243px;} #dropList ul#menu li.sub:hover > a.level1-a {background-position:0 -140px;} #dropList ul#menu li.sub:hover > a.level1-a.selected {background-position:0 -243px;} #dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:53px; padding:0; background:#5d0d02; } /* Rounded Corners */ #dropList ul#menu div.listHolder{position:relative;} #dropList ul#menu div.listHolder .tl, #dropList ul#menu div.listHolder .tr{width:5px; height:5px; position:absolute; } #dropList ul#menu div.listHolder .tl{top:0px; left:0px; background:url(../img/bg/tl.gif) no-repeat;} #dropList ul#menu div.listHolder .tr{top:0px; right:0px; background:url(../img/bg/tr.gif) no-repeat;} #dropList ul#menu div.listHolder.col1 .tr{_right:-1px;} #dropList ul#menu li div.listHolder.col1{background:url(../img/bg/col1_bg2.gif) no-repeat bottom left;} #dropList ul#menu li div.listHolder.col4{background:transparent url(../img/bg/col4_bg.gif) no-repeat bottom left;} #dropList ul#menu li div.listHolder.col6{background:transparent url(../img/bg/col6_bg.gif) no-repeat bottom left;} body.homepage #dropList ul#menu li div.listHolder.col1.left3{background:url(../img/bg/col1_home_bg.gif) no-repeat bottom left;} /* Divider Lines */ #dropList ul#menu li .dd_innerwrap{margin:6px 0px; background:#5d0d02 url(../img/bg/drop_bg.gif) repeat 0px 0px; overflow:hidden;} #dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } #dropList ul#menu :hover div.listHolder {left:0;} #dropList ul#menu a:hover div.listHolder {left:0px;} /* Column Widths */ #dropList ul#menu div.col1 {width:151px;} #dropList ul#menu div.col2 {width:320px;} #dropList ul#menu div.col3 {width:455px;} #dropList ul#menu div.col4 {width:600px;} #dropList ul#menu div.col6 {width:900px;} #dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-140px;} #dropList ul#menu a:hover div.left2, #dropList ul#menu :hover div.left2 {left:-520px;} #dropList ul#menu a:hover div.left3, #dropList ul#menu :hover div.left3 {left:-50px;} #dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:130px;} #dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;} #dropList ul#menu div.listHolder div.listCol ul li {padding:0; margin:0;} #dropList ul#menu div.listHolder div.listCol ul li a {color:#f9e5e6; text-decoration:none; font-weight:normal; background:#5d0d02; font-size:1.1em; display:block; padding:4px 6px 5px 4px; white-space:normal;} #dropList ul#menu div.listHolder div.listCol ul li a:hover {background:#aa1801; color:#fff; text-shadow: 1px 1px 4px #333;} #dropList ul#menu div.listHolder div.listCol ul li a{zoom:1; _line-height:16px;} #dropList ul#menu div.listHolder div.listCol p{font-weight:bold; font-size:1.2em; background:url(../img/bg/nav_p.gif) repeat-x bottom left; color:#fff; padding-bottom:7px; margin-bottom:7px;padding-top:0px; padding-left:4px; padding-right:5px;} #dropList ul#menu div.listHolder div.listCol p a{text-decoration:none; color:#fff; _line-height:16px; padding-right:10px;} #dropList ul#menu div.listHolder div.listCol p a:hover{text-decoration:underline;} /* ------------------------------------------------------ =SEARCH ------------------------------------------------------*/ #header .search {float:right; width:375px; margin-top:3px; position:relative; text-align:center; margin-bottom:3px; } #header .search .call_us {float:left; padding-top:1px; } #header .search .searchbox {margin-top:4px; } #header .search .searchbox input.text {color:#333; padding-left:23px; font-size:0.9em; background: url(../img/bg/searchbox.gif) no-repeat; border:none; width:133px; height:18px; margin-left:0px; outline: none; padding-top:6px;} #header .search .searchbox input.button {background: url(../img/buttons/go.gif) no-repeat; border:none; width:23px; height:24px; cursor:pointer; position:absolute; top:3px; right:0px; font-size:0.9em;} #header .search .searchbox input.button:hover {background: url(../img/buttons/go_hover.gif) no-repeat; border:none; width:23px; height:24px; cursor:pointer;} /* ------------------------------------------------------ =HOME PAGE ------------------------------------------------------*/ #content.home {width:960px; position:relative; clear:both;} #home_banner {background: url(../img/bg/home_banner.png) no-repeat; width:960px; height:285px; position:relative;} #home_banner #flash { position:absolute; top:-10px; left:-47px;} #home_banner #flash p{font-size:1.3em; margin-top:130px; margin-left:100px; line-height:1.6em; background: url(../img/icons/warning.gif) no-repeat 0px 2px; padding-left:27px;} #home_banner #flash p a{color:#ab1801;} #home_banner .intro {position:absolute; top:0px; right:0px; margin-right:50px; margin-top:45px; width:290px; } /* ------------------------------------------------------ =HEADERS ------------------------------------------------------*/ #home_banner h1 {font-family:"Myriad Pro", Calibri, Arial, Helvetica, sans-serif; font-size:2.6em; color:#c21e03; margin-bottom:10px; background:none;} #home_banner h2 {font-family:"Myriad Pro", Calibri, Arial, Helvetica, sans-serif; font-size:1.7em; color:#302e2e; margin-bottom:10px; background:none; line-height:1.3em; margin-left:0px;} #carousel h3 {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#8b4602; letter-spacing:-0.06em; margin-left:-1px; } #carousel .panel.primary h3{color:#711c01; font-size:2.2em; margin:5px 0px 8px 0px;} #otis_feature h3 {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#ffeece; margin-bottom:10px; background:none; line-height:1.3em; font-weight:bold;} /* ------------------------------------------------------ =HOMEPAGE CHANNEL PANEL ------------------------------------------------------*/ #carousel {float:left; width:569px; background: url(../img/bg/carousel_bg.png) no-repeat; height:219px; margin-top:-35px; position:relative; padding-top:46px; padding-left:33px;} .stepcarousel{position: relative; overflow: scroll; width: 527px; height: 200px; } .stepcarousel .belt{position: absolute; left: 0; top: 0;} .stepcarousel .panel{ float: left; overflow: hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif} .stepcarousel .panel h3{color:#8b4602; font-size:1.8em; margin-top:10px;} .stepcarousel .panel img{margin-top:7px;} .stepcarousel .panel.primary img{margin-top:0px;} .stepcarousel .panel.primary ul li{font-size:1.1em; background-position: 0px 5px;} .stepcarousel .panel ul li{ margin-bottom:2px; } .stepcarousel .panel ul li a{color:#622d05; text-decoration:none; background:url(../img/icons/star.gif) no-repeat 0px 4px; padding-left:14px; line-height:1.4em; display:block; zoom:1;} .stepcarousel .panel ul li a:hover{color:#ab1801;} /* Panels */ .panel_1{width: 128px; margin-right:52px;} .panel_2{width: 164px; margin-right:54px;} .panel_3{width: 128px;} .panel_4{width: 128px; margin-right:52px; margin-left:1px;} .panel_5{width: 164px; margin-right:54px;} .panel_6{width: 128px;} .panel_1 img{margin-bottom:5px;} /* ------------------------------------------------------ =HOME OTIS FEATURE ------------------------------------------------------*/ #otis_feature {float:left; width:320px; padding-top:30px; margin-left:20px;} #otis_feature img {float:right; margin-left:20px; } #otis_feature h3, #otis_feature h3 a{color:#fdefcc; font-size:19px; letter-spacing:-0.06em; text-decoration:none;} #otis_feature p {font-size:1.1em; line-height:1.4em; color:#FFF; padding-bottom:3px; text-shadow: 1px 1px 4px #861403;} #otis_feature p a {color:#fede8e; text-decoration:none; } /* ------------------------------------------------------ =BREADCRUMBS ------------------------------------------------------*/ #breadcrumbs{background:url(../img/bg/bcrumbs.jpg) no-repeat; height:37px; width:960px; padding-top:4px; padding-left:4px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif} #breadcrumbs ul li.home a{background:url(../img/icons/bcrumb_home.gif) no-repeat center left; text-indent:-9000px; overflow:hidden; line-height:28px; width:9px;} #breadcrumbs ul li{color:#5d2e03; line-height:28px; background:url(../img/icons/bcrumb_arrow.gif) no-repeat center right; padding:0px 23px 0px 18px; float:left;} #breadcrumbs ul li a{text-decoration:none; color:#7b4819; display:block;} #breadcrumbs ul li a:hover{color:#85210e;} #breadcrumbs ul li.on{background:none;} /* ------------------------------------------------------ =INSIDE TEMPLATE ------------------------------------------------------*/ #wrapper{background:url(../img/bg/wrapper.jpg) repeat-y; clear:both;} #pagetitle{background:url(../img/bg/h1_shadow.jpg) no-repeat bottom left; padding:10px 30px 20px 0px; position:relative; z-index:5;} #pagetitle h1{color:#cf270c; font-size:3em; letter-spacing:-0.1em; line-height:0.8em; padding-left:211px;} #inside{background:url(../img/bg/inside.jpg) repeat-y; min-height:500px; position:relative; clear:both; padding-top:13px;} #inside img.nav_image{position:absolute; bottom:-40px; left:-55px; z-index:999;} #inside_btm{background:url(../img/bg/inside_btm.gif) no-repeat; height:17px; position:absolute; bottom:-10px; left:0px; width:964px;} /* ------------------------------------------------------ =SUB NAVIGATION ------------------------------------------------------*/ #navigation{width:189px; float:left; padding-top:0px; margin-bottom:95px;} #navigation ul li{padding-left:20px; border-top:1px solid #e6e6e6;} #navigation ul li.last{border-bottom:1px solid #e6e6e6;} #navigation ul li.first{border:none;} #navigation ul li a{display:block; text-decoration:none; zoom:1; color:#333; font-weight:bold; font-size:1.2em; padding:9px 30px 9px 0px;} #navigation ul li a:hover{background:url(../img/icons/nav_hover.gif) no-repeat center right; text-decoration:underline ;} #navigation ul li a.on, #navigation ul li.sub a.on, #navigation ul li.subsub a.on{color:#d3351b;} #navigation a.on:hover{background:none; text-decoration:none;} #navigation ul li ul{margin-bottom:6px;} #navigation ul li ul li{border:none !important; padding-left:10px;} #navigation ul li ul li a{padding:2px 10px 3px 0px; font-size:1.1em;} #navigation ul li ul li ul li{padding-left:0px;} #navigation ul li ul li ul li.last{border:none;} #navigation ul li ul li ul li a{font-weight:normal; font-size:1.1em; color:#666; padding:2px 10px 4px 10px;} #navigation ul li ul li ul li a.on, #navigation ul li ul li ul li a.on:hover{background:url(../img/icons/nav_subsub.gif) no-repeat 1px 7px; } #navigation ul li ul li ul li ul li{padding-left:0px; font-size:0.9em; margin-left:11px; background:url(../img/icons/subsub.gif) no-repeat left center; padding-left:10px;} #navigation ul li ul li ul li ul li a{padding-left:0px;} #navigation ul li ul li ul li ul li a.on{background-image:none !important;} #navigation ul li ul li a:hover{background:none;} .ekflexmenu_submenu_items_hidden{display:none;} /* ------------------------------------------------------ =STYLEGUIDE ------------------------------------------------------*/ #primary_content{width:720px; float:left; padding-left:25px; padding-bottom:20px;} /* Typography */ #primary_content p{font-size:1.3em; color:#4c4a49; line-height:1.6em; margin:0px 0px 15px 0px;} #primary_content p strong{color:#333;} #primary_content h2{font-size:2.6em; line-height:1.2em; margin:0px 0px 15px 0px; letter-spacing:-0.08em;} #primary_content h3{font-size:2.3em; line-height:1.3em; margin:18px 0px 8px 0px; letter-spacing:-0.1em; color:#cf270c;} #primary_content h4{font-size:1.6em; line-height:1.3em; margin:18px 0px 8px 0px;} #primary_content h5, #primary_content h6{font-size:1.4em; line-height:1.3em; margin:13px 0px 8px 0px; } /* Testing */ #primary_content p.missing {background:#fce3df; padding:4px; color:#ab1801;} #primary_content span.missing {background:#fce3df; color:#ab1801;} /* Links */ #primary_content a, #primary_content a strong{color:#d3351b;} #primary_content a:hover, #primary_content a:hover strong{color:#333;} #primary_content h2 a, #primary_content h3 a, #primary_content h4 a, #primary_content h5 a, #primary_content h6 a{color:#333;} #primary_content a.external{background:url(../img/icons/external.gif) no-repeat center right; padding-right:17px; display:inline-block; zoom:1;} /* Lists */ #primary_content ol, #primary_content ul{margin-top:10px; margin-bottom:17px; } #primary_content ul li{list-style-type:disc; font-size:1.3em; margin-left: 1.9em; line-height:1.6em; margin-bottom:2px; color:#4c4a49;} #primary_content ol li{font-size:1.3em; margin-left: 1.9em; line-height:1.4em; margin-bottom:2px; color:#4c4a49; } #primary_content ul.file li{list-style-type:none; padding-left:17px;background:url(../img/icons/file.gif) no-repeat 1px 2px; line-height:1.6em; margin-bottom:4px; color:#4c4a49; margin-left:0px;} /* UL List within OL List */ #primary_content ol li ul {margin-bottom:17px; margin-top:5px; } #primary_content ol li ul li{list-style-type:disc; font-size:1em; margin-left:25px; line-height:1.4em; margin-bottom:2px; color:#4c4a49;} #primary_content ul li ul{margin-top:5px; margin-bottom:5px;} #primary_content ul li ul li{list-style-type:circle; font-size:0.9em; margin-left: 1.9em; line-height:1.6em; margin-bottom:2px; color:#666;} #primary_content ul li ol li{list-style-type:decimal; font-size:0.9em; margin-left: 1.9em; line-height:1.6em; margin-bottom:2px; color:#666;} /* Images */ #primary_content img{float:right; margin:0px 0px 15px 15px; padding:6px; border:1px solid #e2e2e2; background:#fff; border-bottom:1px solid #bcbcbc; border-right:1px solid #bcbcbc; -moz-border-radius:5px; -webkit-border-radius:5px; } #primary_content img.banner { padding:0; border:none; float:none; margin:0px;} #primary_content img.nofloat{float:none; margin:0px 0px 15px 0px; padding:0px; border:none;} #primary_content #sd_banner{width:515px; height:177px; margin:0px 0px 15px 0px; overflow:hidden; clear:both;} #primary_content #banner img, #primary_content #sd_banner img{float:none; margin:0px 0px 0px 0px; padding:0px; border:none;} #primary_content .image_wrap{position:relative; float:right; width:auto;} #primary_content .image_wrap span{display:block; width:81px; height:51px; position:absolute; top:-11px; right:50px; z-index:99;} #primary_content #banner{margin-bottom:15px;} body.rhs #primary_content .image_wrap{margin-top:3px;} body.rhs #primary_content .image_wrap span{display:none;} /* Quotations */ #primary_content .blockquote_wrap{float:none; padding-bottom:0px; _padding-bottom:13px;} #primary_content p + .blockquote_wrap{float:left; padding-bottom:0px; margin-bottom:-13px;} #primary_content p + .blockquote_wrap blockquote{padding-bottom:5px;} #primary_content blockquote{font-size:2em; color:#744406; line-height:1.2em; letter-spacing:-1px; margin-bottom:5px;} *:first-child+html #primary_content p + .blockquote_wrap blockquote{padding-bottom:0px;} *:first-child+html .EktronAjaxLoading + .blockquote_wrap{margin-bottom:0px;} #inside #primary_content .blockquote_wrap + p.source{border:none; padding-left:0px; margin-bottom:12px; color:#999; clear:left;} *:first-child+html #inside #primary_content p.source + h2{width:600px;} /* odd ie7 cufon issue on Our-Products/Channel-Information/Foodservice-Products/Frozen-Cookie-Dough/Sweet-Discovery/Sweet-Discovery/ */ /* Tables */ #primary_content table{width:100%; margin:5px 0px 20px 0px; font-size:1.1em; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; } #primary_content table th, #primary_content table td{padding:8px 8px; } #primary_content table th{font-weight:bold; background:#fff url(../img/bg/th.gif) repeat-x bottom left; border-left:1px solid #e2e2e2;} #primary_content table tr.even td{background:#f3f1f2;} #primary_content table td{border-left:1px solid #e2e2e2; line-height:1.5em; vertical-align:middle;} #primary_content table td.c{text-align:center;} #primary_content table td.c img{float:none; padding:0px; margin:0px; border:none; background:none;} #primary_content table td img{margin-bottom:0px;} #primary_content table td a.pdf{background:url(../img/icons/pdf.gif) no-repeat 0px 2px; padding-left:20px; display:inline-block; zoom:1;} #primary_content table ul li{font-size:12px;} #primary_content table h3{font-size:1.7em; margin-bottom:0px;} #primary_content table p{margin-bottom:0px;} /* Footnote */ #primary_content .footnote{clear:both; padding-top:25px;} #primary_content .footnote p{padding:10px 15px; border-top:2px solid #ccc; background:#f5f5f5; font-size:1.1em; color:#666; } #primary_content .footnote p strong{color:#333; padding-right:3px;} /* Rounded Corner Message - see global.js */ #primary_content .message{padding:10px 14px 14px 14px; margin:30px 0px 0px 0px; background:#f3dab7 url(../img/icons/speech_bubble.jpg) no-repeat left center;} #primary_content .message p strong{font-weight:normal; font-size:1.4em;line-height:1.8em;} #primary_content .message p{margin:0px; line-height:1.4em;} #primary_content .message.speech{padding-left:62px; background:#f3dab7 url(../img/icons/speech_bubble.jpg) no-repeat left center;} #primary_content .message.speech p{text-shadow: 1px 1px 3px #fff;} /* "P" Classes */ #inside #primary_content p.source{color:#666; font-size:11px; margin-bottom:0px; padding:4px 0px 5px 0px; border-top:1px dotted #e2e2e2; _border:none; _margin-bottom:10px;} #primary_content p.testimonial{font-size:1.2em; padding:14px 15px 14px 15px; color:#512e00; border:1px solid #fff; line-height:1.6em; background:url(../../img/bg/bquote_bg.jpg) repeat-x; border:1px solid #ead4ba; margin-left:0px; margin-bottom:0px; margin-top:20px; font-style:italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #inside #primary_content p.testimonial + p.source{border:none; padding-bottom:17px;} #primary_content p.callus_highlight{background:#fff url(../img/icons/callus_icon.gif) no-repeat 10px 10px; margin:20px 0px 20px 0px; font-size:1.3em; padding:15px 0px 15px 60px;} #primary_content p.credit_card{background:#f0f9fc url(../img/icons/by_ccard.gif) no-repeat 0px 5px; margin:20px 0px 20px 0px; font-size:1.4em; padding:15px 0px 15px 85px;} #primary_content p.billed{background:#f0f9fc url(../img/icons/by_bill.gif) no-repeat 0px 5px; margin:20px 0px 0px 0px; font-size:1.4em; padding:15px 0px 15px 85px;} #primary_content p.credit_card strong, #primary_content p.billed strong{color:#047ba2;} /* Icons */ #primary_content a.pdf{background:url(../img/icons/pdf.gif) no-repeat 2px center; padding:1px 3px 1px 23px; zoom:1;} /* ------------------------------------------------------ =FORM ------------------------------------------------------*/ #primary_content .form{margin:20px 0px;} #primary_content .form p{width: 350px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 175px; height: 1%; margin-bottom:0px;} #primary_content .form p.mand{background:url(../img/icons/mand.gif) no-repeat top right;} #primary_content .form label{font-weight: bold; float: left; margin-left: -175px; width: 165px; text-align:right; margin-top:-1px; } /* Form Element styling */ #primary_content .form select{font-family:Helvetica, Arial, sans-serif; width:332px; padding:1px; margin-top:-2px;} #primary_content .form .radio, #primary_content .form .checkbox{margin-right:4px;} #primary_content .form input.text, #primary_content .form textarea{border:1px solid #ccc; padding:4px 5px; font-family:Helvetica, Arial, sans-serif; width:320px; background:url(../img/bg/form.jpg) repeat-x; margin-top:-4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #primary_content .form textarea{margin-top:-4px; font-size:1.1em; height:150px;} #primary_content .form label.checkradio {float:none; margin:0px; font-weight:normal; width:auto; text-align:left;} /* Forgotten Fields / Form Tips */ #primary_content .form span.forgotten_field{color:#990000; font-size:1.1em; margin-top:0px; margin-bottom:10px; display:block; padding-left:175px; } #primary_content .form span.forgotten_field span{background:url(../img/icons/forget_field.gif) no-repeat 0px 6px; padding-left:12px;} #primary_content .form p.tip{color:#666;} #primary_content .form p.tip span.mand{background:url(../img/icons/s_mand.gif) no-repeat top right; padding-right:16px;} #primary_content .form p.forgotten_field, #primary_content .form p.tip{padding-left:177px;} /* Focus border colour */ #primary_content .form input.focus, #primary_content .form textarea.focus{border:1px solid #333;} /* Form button styles */ #primary_content .form .buttons{padding-left:175px; padding-top:5px;} #primary_content .form button {border:0; cursor:pointer; font-weight:bold; padding:0 14px 0 0; text-align:left; margin-left:-3px; margin-top:8px; background:url(../img/bg/form_button_r.gif) no-repeat top right; font-weight:bold; color:#333; font-size:1em; font-family:Tahoma, Arial, Helvetica, serif; text-transform:uppercase;} #primary_content .form button span {position:relative; display:block; white-space:nowrap; padding:0 10px 0 25px; margin-top:-1px; height:26px; line-height:26px; background:url(../img/bg/form_button_l.gif) no-repeat 0px 0px; color:#333;} /* Message below a form/content area */ #primary_content .btm_message{border-top:1px solid #e2e2e2; padding-top:8px; overflow:hidden;} #primary_content .btm_message p{font-size:1.1em; color:#666;} #primary_content .btm_message p span.mand{color:#ab1a00;} #primary_content .btm_message p span.date{padding-left:13px; background:url(../img/icons/calendar.gif) no-repeat 0px 3px;} /* ------------------------------------------------------ =FORM BUILDER ------------------------------------------------------*/ #primary_content #ctl00_ContentPlaceHolder1_FormBlock{color:#4c4a49; line-height:1.6em; margin:0px 0px 10px 0px;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table{border:none; font-size:1em; margin:15px 0px 15px 0px; font-size:1.3em; } #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td{border:none; line-height:1.3em; padding:6px 8px 6px 8px; vertical-align:middle;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table tr.even td{background:#fff;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table input.text, #primary_content #ctl00_ContentPlaceHolder1_FormBlock table textarea{border:1px solid #ccc; padding:4px 5px; font-family:Helvetica, Arial, sans-serif; width:250px; background:url(../img/bg/form.jpg) repeat-x; margin-top:-4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px !important;}/* Unfortunately necessary to overwrite formbuilder js */ #primary_content .form textarea{margin-top:-4px; font-size:1.1em; height:150px;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table select{font-family:Helvetica, Arial, sans-serif;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td ol.design_list_vertical{margin:0px; border:none !important;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td ol li{font-size:1em; margin-left:0px; margin-bottom:3px;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td ol li .radio, #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td ol li .checkbox{margin-right:4px; margin-top:4px;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table textarea{font-size:1em;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock input.button, #primary_content .form input.submit{padding:3px; cursor:pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family:Tahoma, Arial, Helvetica, serif; text-transform:uppercase; background:#fefefe url(../img/bg/button_bg.gif) repeat-x bottom right; border:1px solid #d8d8d8; font-size:11px; padding:5px 12px; font-weight:bold; text-shadow: 1px 1px 3px #fff; height:auto !important; width:auto !important; margin:20px 0px; overflow:visible;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td input.text.focus, #primary_content #ctl00_ContentPlaceHolder1_FormBlock table td textarea.focus{border:1px solid #333;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock p{text-align:left; font-size:1.3em; color:#333;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock p.form_heading{font-size:1.3em; font-weight:bold; margin-bottom:0px;} #primary_content #ctl00_ContentPlaceHolder1_FormBlock p input.button{margin-left:195px;} /* ------------------------------------------------------ =RIGHT HAND SIDE FEATURES ------------------------------------------------------*/ body.rhs #primary_content{width:520px;} #feature_col{width:183px; float:right; margin-right:30px; display:inline; } #feature_col .feature{background:url(../img/bg/feature.jpg) no-repeat; width:153px; padding:15px 15px 10px 15px; position:relative; margin-bottom:17px;} #feature_col .feature_btm{background:url(../img/bg/feature_btm.jpg) no-repeat; height:11px; width:183px; position:absolute; bottom:0px; left:0px; _bottom:-3px; } #feature_col .feature p{font-size:1.1em; line-height:1.4em; color:#797671; margin-bottom:5px;} #feature_col .feature p strong{color:#333;} #feature_col .feature p span a {font-size:0.8em;} #feature_col .feature a{color:#d3351b; text-decoration:none;} #feature_col .feature img{display:block; margin:12px auto 9px auto;} #feature_col .feature ul{margin-bottom:10px;} #feature_col .feature ul li{list-style-type:disc; font-size:1.1em; margin-left:14px; line-height:1.4em; margin-bottom:2px; color:#4c4a49; } #feature_col .feature table{margin-bottom:6px; font-size:1.1em;} #feature_col .feature table img{padding:1px;} #feature_col .feature table td{padding:1px 6px 4px 0px; color:#555; _padding:0px 6px 0px 0px; vertical-align:middle;} /* #feature_col .feature table td span.filter{display:block; float:right; width:120px; padding-left:4px; } #feature_col .feature table td input.checkbox, #feature_col .feature table td select{margin-right:3px; _float:left;} #feature_col .feature table td label{clear:both;} *:first-child+html #feature_col .feature table td span.filter{ padding-left:0px; padding-top:4px;} *:first-child+html #feature_col .feature table td input.checkbox, #feature_col .feature table td select{float:left;} */ #feature_col .feature table td select{font-family:Helvetica, Arial, sans-serif; font-size:1.1em; } /* #feature_col .feature table button {border:0; cursor:pointer; padding:0 11px 0 0; text-align:left; margin-left:-3px; margin-top:8px; background:url(../img/bg/sbutton_r.gif) no-repeat top right; color:#333; font-size:9px; text-transform:uppercase; font-family:Tahoma, Helvetica, Arial, sans-serif; } #feature_col .feature table button span {position:relative; display:block; white-space:nowrap; padding:0 10px 0 25px; margin-top:-1px; height:18px; line-height:18px; background:url(../img/bg/sbutton_l.gif) no-repeat 0px 0px; color:#333;} */ #feature_col .feature table button { border: 0; padding: 0; height:18px; background:url(../img/bg/sbutton_r.gif) no-repeat top right; cursor: pointer; text-align: center; font-size:9px; padding-right:11px; margin-top:10px; } #feature_col .feature table button span { font-family:Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; height:18px; background:url(../img/bg/sbutton_l.gif) no-repeat 0px 0px; position:relative; display:block; white-space:nowrap; margin-top: -2px; padding:0 10px 0 20px; text-transform:uppercase; } /* #feature_col .feature table button { width:auto; overflow:visible; } #feature_col .feature table button span { margin-top:1px; } */ /* ------------------------------------------------------ =RIGHT HAND SIDE PRODUCT SEARCH ------------------------------------------------------*/ #feature_col #rhs-search.feature{background:url(../img/bg/feature.jpg) no-repeat; width:153px; padding:15px 15px 5px 15px; margin-bottom:17px;} #feature_col #rhs-search.feature input#product-text{width:100px; padding:5px; font-size:1.1em; background: url(../img/bg/product-search.gif) no-repeat; color:#333; margin-right:3px; border:none; border:1px solid #e2e2e2;} #feature_col #rhs-search.feature input#product-search {background: url(../img/buttons/go_button.gif) no-repeat; border:none; width:34px; height:26px; cursor:pointer; } #feature_col #rhs-search.feature form{padding-bottom:10px;} /* ------------------------------------------------------ =PRODUCT WRAP ------------------------------------------------------*/ .product_wrap {margin-top:15px; overflow:hidden; background-color:#fbf4e9; padding:0px 15px 10px 15px; border-top:1px solid #e2e2e2; background: url(../img/bg/two_product_bg.jpg) repeat-x;} /* Two Products */ #primary_content .product_wrap .two_product {margin-top:20px; position:relative; padding-bottom:0px; min-height:135px; _height:135px;} #primary_content .product_wrap .two_product img {position:absolute; top:3px; left:-15px; border: 1px solid #e2e2e2; padding:4px; background:#fff; } #primary_content .product_wrap .two_product p {padding-left:145px; line-height:1.4em; margin-bottom:8px;} #primary_content .product_wrap .two_product p strong a{color:#333; } #primary_content .product_wrap .two_product p a {text-decoration:none;} /* Fix */ #primary_content .product_wrap .two_product .image_wrap{float:none; position:absolute; top:0px; left:0px;} #primary_content .product_wrap .two_product .image_wrap span{display:none;} /* One Products */ #primary_content .one_product {position:relative; border-top: 1px solid #e6e6e6; padding:15px 0px 1px 150px; min-height:143px; margin-top:20px; background: url(../img/bg/two_product_bg.jpg) repeat-x; overflow:hidden; _overflow:visible;} #primary_content .one_product img {border: 1px solid #e2e2e2; position:absolute; top:18px; left:0px; float:none; margin-left:0px; } #primary_content .one_product p {line-height:1.4em; margin-bottom:1px;} #primary_content .one_product p strong a{color:#333; text-decoration:underline;} #primary_content .one_product ul {float:left; margin-left:-7px; margin-bottom:12px; _margin-left:-4px; font-size:0.9em;} #primary_content .one_product ul li {margin-right:15px; } /* ------------------------------------------------------ =NEWS LISTINGS ------------------------------------------------------*/ #primary_content .listings{padding-bottom:1px;} #primary_content .listings a{display:block; font-size:1.2em; border-top:1px solid #e2e2e2; padding:10px 0px 9px 0px; text-decoration:none; cursor:pointer;} #primary_content .listings a.external{background:none;} #primary_content .listings a br{clear:both;} #primary_content .listings a span.date{width:130px; float:left; color:#666; font-size:0.9em; padding-top:2px;} #primary_content .listings a span.title{width:530px; float:left; line-height:1.3em; font-weight:bold; text-decoration:underline;} #primary_content .listingst a:hover span.title{color:#023d62;} #primary_content .listings a:hover span.date{color:#000;} #primary_content .listings h3{margin-top:25px; margin-bottom:9px;} #primary_content .listings h3 a{font-size:1em; text-decoration:none; border:none; padding:0px;} #primary_content .news_item{border-bottom:2px solid #e2e2e2; padding-bottom:13px; margin-top:17px;} #primary_content .news_item p a{font-weight:bold; font-size:1.2em;} #primary_content .news_item p{font-size:1.1em; color:#666; margin-bottom:8px;} #primary_content .news_item p strong{padding-right:3px; color:#333;} /* ------------------------------------------------------ =THIN BUTTONS ------------------------------------------------------*/ #primary_content .buttons{padding:20px 0px;} #primary_content .buttons li {float:left; background:url(../img/bg/sbutton_l.gif) no-repeat left top; margin:0; padding:0 0 0 5px; list-style-type:none; margin-right:1px; line-height:13px;} #primary_content .buttons a {float:left; display:inline-block; background:url(../img/bg/sbutton_r.gif) no-repeat right top; padding:1px 20px 4px 6px; text-decoration:none; font-weight:bold; color:#333; font-size:10px; font-family:Arial, Helvetica, serif; text-transform:uppercase; text-shadow: 1px 1px 3px #fff;} #primary_content .buttons a {float:none;} /* End IE5-Mac hack */ #primary_content .buttons a:hover {color:#333;} /* ------------------------------------------------------ =HINTS AND WARNINGS ------------------------------------------------------*/ #primary_content .hint{padding:14px 14px 8px 14px; background:#cee4ed; margin:20px 0px 25px 0px; } #primary_content .hint p strong{color:#05648b;} #primary_content .warning{padding:14px 14px 10px 14px; background:#ffefc7; margin:20px 0px 25px 0px; } #primary_content .warning p strong{color:#814b01;} #primary_content .hint p strong, #primary_content .warning p strong{text-shadow: 1px 1px 1px #fff;} #primary_content .hint p, #primary_content .warning p{margin-bottom:4px;} /* ------------------------------------------------------ =PIP ------------------------------------------------------*/ #primary_content .product_information_page .l, #primary_content .product_information_page .r{padding-top:10px; font-size:11px; color:#4c4a49; line-height:1.5em; min-height:200px;} #primary_content .product_information_page{padding-bottom:10px;} #primary_content .product_information_page .r{position:relative; } #primary_content .product_information_page img{float:none; margin-left:0px; padding:0px;} #primary_content .product_information_page .r img{float:none; padding:3px; border:1px solid #e2e2e2; margin-bottom:13px; max-width:352px; width: expression(this.width > 352 ? 352: true); display:block;} #primary_content .product_information_page img{margin:0px 0px 10px 0px; float:none; border:none; -moz-border-radius:0px; -webkit-border-radius:0px;} #primary_content .product_information_page p, #primary_content .product_information_page ul li{font-size:11px; margin-bottom:10px; line-height:1.4em;} #primary_content .product_information_page .buttons{/*padding-top:4px; position:absolute; top:-5px; right:0px; width:600px;*/ clear:both; padding-top:5px;} #primary_content .product_information_page .buttons ul li{margin-right:5px;} #primary_content .product_information_page h2{margin-bottom:4px;} #primary_content .product_information_page .l h3{color:#333;} /* Icons */ #primary_content .product_information_page .r h3{margin-top:20px; text-transform:none; color:#333; font-size:23px;} #primary_content .product_information_page .r h3.shelf{background:url(../img/icons/shelf.gif) no-repeat 0px 0px; line-height:26px; padding-left:50px; margin-top:0px; clear:both;} #primary_content .product_information_page .r h3.oven{background:url(../img/icons/oven.gif) no-repeat 0px 0px; line-height:36px; padding-left:40px;} #primary_content .product_information_page .r h3.frost{background:url(../img/icons/frost.gif) no-repeat 0px 0px; line-height:26px; padding-left:36px;} #primary_content .product_information_page .non-food h3{margin-top:0px;} #primary_content .product_information_page .r img.icon{border:none; display:block; float:none; padding:0px; margin-top:20px;} /* Info Box */ #primary_content .product_information_page #pip_info{background:#f0d7b4; border:1px solid #d8b37e; padding:0px 15px 12px 15px; margin-bottom:12px;} #primary_content .product_information_page #pip_info ul li{list-style-type:none; margin-left:0px; width:48%; float:left; margin-right:5px; margin-bottom:1px;} #primary_content .product_information_page #pip_info img{padding:0px; zoom:1; border:none; float:none; margin-bottom:0px; _margin-top:-15px; background:#f0d7B4; padding:10px 0px 0px 0px;} #primary_content .product_information_page #pip_info ul li strong{color:#333;} /* ------------------------------------------------------ =CUSTOMERS & MARKETS - WYSIWYG ------------------------------------------------------*/ #primary_content table.one_col_layout{border:none; margin-bottom:15px; border-bottom:1px solid #e2e2e2;} #primary_content table.one_col_layout tr td{border:none; padding:20px 15px 15px 0px; vertical-align:top; border-top:1px solid #e2e2e2; font-size:1.1em; background: url(../img/bg/two_product_bg.jpg) repeat-x; } #primary_content table.one_col_layout tr td strong{font-size:1em;} #primary_content table.one_col_layout tr td strong a{color:#333;} #primary_content table.one_col_layout tr td img{float:none; margin:0px; margin-top:2px; border: 1px solid #d6d6d6; padding:5px; background:#fff; _margin-top:0px; margin-left:10px;} #primary_content table.one_col_layout tr td p{margin-bottom:5px; font-size:1em; line-height:1.4em;} #primary_content table.one_col_layout tr.even td{background: url(../img/bg/two_product_bg.jpg) repeat-x;} #primary_content table.one_col_layout tr td ul{margin-bottom:10px;} #primary_content table.one_col_layout tr td ul li{margin-left:15px;} /* ------------------------------------------------------ =COOL STUFF LAYOUT - WYSIWYG ------------------------------------------------------*/ #primary_content table.cool_stuff_layout{border:none; margin-top:-15px; table-layout:fixed;} #primary_content table.cool_stuff_layout tr td{width:190px; background:url(../img/bg/cool_stuff_layout.gif) no-repeat bottom left; padding:0px 20px 20px 15px; border:none; vertical-align:top; font-size:1em; color:#4c4847; line-height:1.6em;} #primary_content table.cool_stuff_layout tr td img{float:none; margin-bottom:6px; margin-left:-15px; background:#fff; padding-top:20px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:none; -moz-border-radius:0px; -webkit-border-radius:0px;} #primary_content table.cool_stuff_layout tr td h2{color:#6d380e; font-size:1.7em; letter-spacing:-0.1em; margin-right:15px; clear:both; margin-bottom:7px; margin-top:2px;} #primary_content table.cool_stuff_layout tr td p{font-size:1em; color:#4c4847; width:190px;} #primary_content table.cool_stuff_layout tr td a{background:url(../img/icons/more_arrow.gif) no-repeat bottom right; padding-right:18px; text-decoration:none; padding:2px 18px 0px 0px;} #primary_content table.cool_stuff_layout tr td a.pdf{display:inline;} /* Fix */ #primary_content table.cool_stuff_layout tr td .image_wrap{float:none;} #primary_content table.cool_stuff_layout tr td .image_wrap span{display:none;} /* ------------------------------------------------------ =PROFIT CALCULATOR ------------------------------------------------------*/ #primary_content #profit_calculator{padding:6px 12px 8px 12px; background:#f3dab7; margin:17px 0px 22px 0px;} #primary_content #profit_calculator table{border:none;} #primary_content #profit_calculator table td{border:none; background:#f3dab7; font-size:1.1em; line-height:1.1em; padding-right:8px;} #primary_content #profit_calculator table td strong{text-shadow: 1px 1px 4px #fff6ea;} #primary_content #profit_calculator table td.b{font-size:1.6em;} #primary_content #profit_calculator table td.input{width:90px; padding-right:0px; } #primary_content #profit_calculator table td h2{font-size:1.5em; letter-spacing:-0.1em; color:#ab1801; margin-bottom:0px; border-top:1px solid #ffeed6; padding-top:18px;} #primary_content #profit_calculator table td h2.first{padding-top:0px; border:none;} #primary_content #profit_calculator table td h2 strong{color:#333; padding-right:8px; text-transform:uppercase;} #primary_content #profit_calculator table td strong.final{color:#ab1801;} #primary_content #profit_calculator table td em{color:#876c46; font-size:0.85em; font-style:normal;} #primary_content #profit_calculator table input{border:1px solid #ccc; padding:4px 5px; font-family:Helvetica, Arial, sans-serif; width:80px; background:#fff url(../img/bg/form.jpg) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:right; font-size:1.2em;} #primary_content #profit_calculator table input.money{background:#fff url(../img/bg/form_dollar.gif) no-repeat;} #primary_content #profit_calculator table input.focus{border:1px solid #333;} /* ------------------------------------------------------ =ARE YOU IN OUR SERVICE AREA? ------------------------------------------------------*/ .distribution_centre{padding:25px 25px 10px 25px; border:2px solid #eee;} #primary_content .service_area{padding:15px 15px 1px 18px; margin-bottom:25px;} #primary_content .service_area.sa_confirm{background:#edf8dc url(../img/bg/sa_confirm.jpg) repeat-x; padding-bottom:10px;} #primary_content .service_area.sa_deny{padding-bottom:10px; background:#ffefc7;} #primary_content .service_area.sa_confirm h2{background:url(../img/icons/sa_tick.gif) no-repeat 0px 5px; } #primary_content .service_area.sa_deny h2{color:#ab1801; background:url(../img/icons/sa_cross.gif) no-repeat 0px 5px;} #primary_content .service_area.sa_confirm p a{background:url(../img/bg/gr_button.gif) no-repeat; width:104px; height:23px; text-align:center; text-transform:uppercase; font-family:Tahoma, Arial, serif; text-decoration:none; color:#fff; font-weight:bold; font-size:0.7em; display:inline-block; margin-left:5px;} #primary_content .service_area.sa_deny p a{background:url(../img/bg/red_button.gif) no-repeat; width:104px; height:23px; text-align:center; text-transform:uppercase; font-family:Tahoma, Arial, serif; text-decoration:none; color:#fff; font-weight:bold; font-size:0.7em; display:inline-block; margin-left:5px; margin-right:5px;} #primary_content .service_area h2{margin-bottom:10px; color:#325203; text-shadow: 1px 1px 1px #fff; font-size:2em; padding-left:30px;} #primary_content .service_area p{font-size:1.4em; padding-left:32px; margin-bottom:6px;} #primary_content #zip_search{font-size:1.3em; padding:20px 0px 20px 0px; border-top:2px solid #eee; margin-top:20px; } #primary_content #zip_search input{border:1px solid #ccc; padding:4px 5px; font-family:Helvetica, Arial, sans-serif; width:150px; background:#fff url(../img/bg/form.jpg) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:1.1em; margin-left:10px; margin-right:5px;} #primary_content #zip_search input.search{padding:3px 5px; overflow:visible;} #primary_content #zip_search input.focus{border:1px solid #333;} #primary_content #zip_search input.text{margin-right:10px;} #primary_content #zip_search button {border:0; cursor:pointer; font-weight:bold; padding:0 14px 0 0; text-align:left; margin-left:-3px; background:url(../img/bg/form_button_r.gif) no-repeat top right; font-weight:bold; color:#333; font-size:0.8em; font-family:Tahoma, Arial, Helvetica, serif; text-transform:uppercase;} #primary_content #zip_search button span {position:relative; display:inline-block; white-space:nowrap; padding:0 10px 0 25px; margin-top:-1px; height:26px; line-height:26px; background:url(../img/bg/form_button_l.gif) no-repeat 0px 0px; color:#333;} /* ------------------------------------------------------ =FAQs ------------------------------------------------------*/ #primary_content .faq{border-top:1px solid #e2e2e2; padding-top:10px; padding-bottom:10px;} #primary_content .faq h2{margin-top:30px; margin-bottom:0px;} #primary_content .faq p.q{background:url(../img/icons/q.gif) no-repeat 0px 3px; font-size:1.4em; color:#875004; padding:5px 0px 5px 37px; margin-bottom:0px;} #primary_content .faq p.a, #primary_content .faq .faq_answer p{font-size:1.1em; color:#666; padding-left:37px; margin-bottom:6px;} #primary_content .faq ul{margin-left:5px;} #primary_content .faq ul li{margin-left:50px; color:#666; font-size:1.1em;} #primary_content .faq a.pdf{padding-top:2px !important;} /* ------------------------------------------------------ =TIMELINE ------------------------------------------------------*/ #primary_content #timeline ul { margin:0px 0px 10px 0px; width:100%; border-top: solid 1px #E6E6E6; clear:both; } #primary_content #timeline ul.first { border-top: none; } #primary_content #timeline ul.ar li { text-align:right; } #primary_content #timeline ul li{ list-style-type:none; padding:0; margin:0; margin-bottom:5px; font-size:12px;} #primary_content #timeline h2 { font-size:36px; color:#AB1801; margin:5px 0px 5px 0px;} #primary_content #timeline ul li.pt10 { padding-top:10px; } #primary_content #timeline ul li img { float:left; border:none; background:transparent; margin: -3px 20px 10px -8px; padding:0px;} #primary_content #timeline ul.ar li img { float:right; margin: -12px -8px 10px 20px;} /* ------------------------------------------------------ =IMAGE CAPTION ------------------------------------------------------*/ #primary_content #timeline .imgLeft, #primary_content #timeline .imgRight { padding:0; } #primary_content #timeline .imgLeft { float:left; margin:0 12px 13px 0; } #primary_content #timeline .imgRight { float:right; margin:0 0 0px 12px;} #primary_content #timeline ul li .imgRight img { margin-left:0; } #primary_content #timeline ul li .imgLeft img { margin-right:0; } #primary_content #timeline .imgLeft p, #primary_content #timeline .imgRight p { clear:both; font-size: .8em; color:#777; text-align:center; margin:10 0 5px 0; padding:0; line-height:14px; z-index:99; padding-bottom:5px;} /* ------------------------------------------------------ =GOOGLE MAP API ------------------------------------------------------*/ #primary_content #map{margin-bottom:20px;} #primary_content #map img{float:none; border:none; margin:0px; padding:0px; } /* ------------------------------------------------------ =SWEET DISCOVERY ------------------------------------------------------*/ #primary_content #sweet_discovery{} #primary_content #sweet_discovery table{margin-bottom:20px; width:500px;} #primary_content #sweet_discovery h2{margin-bottom:0px;} #primary_content #sweet_discovery table tr.even td{background:#fefefe;} #primary_content #sweet_discovery table tr.split td{padding-top:0px;} #primary_content #sweet_discovery table tr.alt td{background:#f3f1f2;} /* ---------------------------------------------------------------- =PAGINATION ---------------------------------------------------------------- */ #primary_content .pagination{padding: 23px 10px 5px 0px;} #primary_content .pagination ul{margin: 0; padding: 0; text-align: left; font-size: 11px; } #primary_content .pagination li{list-style-type: none; display: inline; padding-bottom: 1px; margin:0px; font-size:1em;} #primary_content .pagination a, #primary_content .pagination a:visited{padding: 4px 6px; border: 1px solid #d6cac9; text-decoration: none; color: #ab1801; } #primary_content .pagination a:hover, #primary_content .pagination a:active{color: #000; } #primary_content .pagination a.currentpage{background-color: #ab1801; color: #FFF; border-color: #ab1801; font-weight: bold; cursor: default; } #primary_content .pagination a.prevnext.disablelink, #primary_content .pagination a.disablelink:hover{background-color: white; cursor: default; color: #929292; border-color: #d6cac9; font-weight:normal;} #primary_content .pagination a.prevnext{font-weight: bold; } /* ---------------------------------------------------------------- =RECIPES ---------------------------------------------------------------- */ #primary_content ol.step{margin-top:10px;padding-top:15px; padding-bottom:10px;} #primary_content ol.step li{list-style:none; margin-left:0px; position:relative; /* padding-left:77px; padding-top:3px; margin-bottom:5px; */ margin-left:77px;} #primary_content ol.step span.stepnumber{background:url(../img/icons/step_arrow.gif) no-repeat center right; /*width:51px; height:32px; display:block; text-align:left; line-height:28px; */ color:#ab1801; text-shadow: 1px 1px 4px #fff; font-size:0.9em; padding-left:15px; position:absolute; top:2px; left:-77px; padding-right:7px;} #primary_content ol.step li ul{margin:10px 0px;} #primary_content ol.step li ul li{list-style:disc; padding-left:0px; min-height:inherit; padding-top:0px; margin-left:20px;} #primary_content ol.step.clear-each li{clear:both;} #primary_content ol.step.clear-each li ul li{clear:none;} #primary_content ol.step li img{margin-left:10px;} /* ------------------------------------------------------ =VIDEO ------------------------------------------------------*/ #video{margin:15px 0px;} /* ------------------------------------------------------ =ADV SEARCH FILTER & RESULTS ------------------------------------------------------*/ #primary_content a.filter{padding:10px 10px 10px 30px; background:#eee; display:block; font-size:1.4em; color:#333; background:#eee url(../img/icons/adv_plus.gif) no-repeat 5px 8px;} #primary_content table.filter_adv {margin-top:-5px;} #primary_content table.filter_adv td select{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:0px; padding:2px; width:100%;} #primary_content table.filter_adv td input{border:1px solid #ccc; padding:3px 5px; font-family:Helvetica, Arial, sans-serif; background:#fff url(../img/bg/form.jpg) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:1.2em; width:320px;} #primary_content table.filter_adv td input.focus{border-color:#333;} #primary_content .filter_submit{padding-left:175px;} #primary_content .filter_submit button {border:0; cursor:pointer; font-weight:bold; padding:0 14px 0 0; text-align:left; margin-left:-3px; margin-top:8px; background:url(../img/bg/form_button_r.gif) no-repeat top right; font-weight:bold; color:#333; font-size:1em; font-family:Tahoma, Arial, Helvetica, serif; text-transform:uppercase;} #primary_content .filter_submit button span {position:relative; display:block; white-space:nowrap; padding:0 10px 0 25px; margin-top:-1px; height:26px; line-height:26px; background:url(../img/bg/form_button_l.gif) no-repeat 0px 0px; color:#333;} #primary_content ul.search_results{margin-left:-19px;} #primary_content ul.search_results li{list-style-type:none; margin-left:none; padding-left:19px;} #primary_content ul.search_results li.title{background:url(../img/icons/search_results.gif) no-repeat 0px 17px; margin-top:7px; border-top:1px solid #eee; padding-top:12px; font-weight:bold;} #primary_content ul.search_results li.desc{color:#999; font-size:1.1em; padding-left:23px; } #primary_content ul.search_results li.result{font-size:1.1em; padding-left:23px; margin-top:8px; color:#333;} #primary_content .adv_search_top {position:relative;} #primary_content .adv_search_top .buttons{position:absolute; top:-30px; right:0px;} /* ------------------------------------------------------ =SITEMAP ------------------------------------------------------*/ #sitemap{background:url(../img/bg/sitemap.gif) repeat-y;} #sitemap div{width:26%; float:left; padding:7px 25px 5px 5px; margin-right:2.5%; } #primary_content #sitemap div h2.upperlevel{font-size:2.3em; text-transform:inherit; margin-bottom:15px;} #primary_content #sitemap div h2.upperlevel a{color:#333;} #primary_content #sitemap div h2{font-size:1.8em; margin-bottom:-5px; margin-top:10px; } #sitemap div h2 a{text-decoration:none; } #primary_content #sitemap div h2 a{color:#333;} #sitemap ul{border-bottom:1px solid #e2e2e2; padding-bottom:13px; margin-left:0px;} #sitemap ul li.sub{list-style-type:none; margin:0px; font-size:1.3em; font-weight:bold; margin-bottom:2px; padding-top:2px; } #sitemap ul li.subsub{font-weight:normal; margin-left:16px; font-size:1.3em; list-style-type:disc; margin-bottom:3px; border:none; padding-top:0px;} #sitemap ul li.subsubsub{font-weight:normal; font-size:1.2em; list-style-type:circle; margin-left:30px; border:none; padding-top:0px;} #sitemap ul li.subsubsubsub{font-weight:normal; font-size:1.1em; list-style-type:none; margin-left:45px; border:none; padding-top:0px;} #sitemap ul li a{text-decoration:none; } /* ------------------------------------------------------ =FOOTER ------------------------------------------------------*/ #footer {background:url(../img/bg/footer.jpg) no-repeat; height:138px; padding-top:3px; overflow:hidden;} #footer-content { color:#724c11; text-align:left; clear:both; width:960px; padding:35px 15px 10px 15px; margin-left:auto; margin-right:auto;} #footer-content .vcard {float:left; color:#724c11; line-height:1.7em; width:400px;} #footer-content .vcard span{margin-right:3px;} #footer-content ul {float:right; color:#9c6012; font-size:1em; margin-right:0px; width:500px; text-align:right;} #footer-content ul li {display:block; line-height:1.2em; font-size:1em; text-decoration:none; line-height:1.4em; color:#724c11; margin-bottom:2px; } #footer-content ul li a {color:#bf2208; text-decoration:none; font-size:0.9em; margin-left:8px; }