p,img,a,ol { overflow:hidden; } blockquote,dl,dt,dd,cite,b,i,em { overflow:hidden; } label,input,select,radio { overflow:hidden; } h1,h2,h3,h4,h5,h6 { overflow:hidden; font-weight:bold; } body { position:relative; z-index:0; margin:0; padding:0; background: #d7e8ef url(/images/page/body_background_blu2.jpg) repeat-x; font-family:Arial,Helvetica,Verdana,sans-serif; } body[print=true] { background:transparent none; } h1 { line-height:28px; font-size:24px; } h2 { line-height:26px; font-size:22px; } h3 { line-height:24px; font-size:20px; } h4 { line-height:22px; font-size:18px; } h5 { line-height:20px; font-size:16px; } h6 { line-height:18px; font-size:14px; } a { cursor:pointer; } ol.circle { padding-bottom:15px; } ol.circle li { padding-left:15px; background:url(/images/site/ol_circle.gif) no-repeat; line-height:20px; } .relative { position:relative; } .clear { width:0; height:0; margin:0; padding:0; clear:both; display:block; float:none; overflow:hidden; visibility:hidden; background:none; border:0; font-size:0; list-style:none; } .clearfix:after { height: 0; clear:both; content:'.'; display:block; visibility:hidden; } .clearfix { height:1%; display:inline-block } #page_structure { width:1030px; margin:0 auto; } #javascript_disabled { position:relative; z-index:9; top:10px; left: 0px; width:1030px; height:150px; margin:0 auto;display:block; overflow:hidden; background:url(/images/page/header/no_flash/javascript_disabled.jpg) no-repeat; } #page_header { position:relative; z-index:3; width:1030px; height:150px; overflow:hidden; } #page_header img { position:absolute; z-index:1; top:28px; right:41px; width:775px; height:121px; } #page_header div { position:absolute; z-index:2; top:20px; right:33px; width:964px; height:130px; background:url(/images/page/header_mask_wide.gif) no-repeat; cursor:pointer; } #page_shadow { width:1030px;} #page_body { position:relative; z-index:3; width:964px; margin:0 auto; margin-top:-9px; padding-top:9px; background-color:#FFFFFF; } #page_body:after { content:"."; height:0; display:block; clear:both; visibility:hidden; } #page_navigation { width:964px; height:28px; clear:both; overflow:hidden; text-align:center; line-height:28px; font-family:Helvetica,Arial,sans-serif; font-weight:bold; font-size:13px; color:#FFFFFF;} #page_navigation p#pages { width:948px; height:28px; margin:0 auto; clear:both; overflow:hidden; } #page_navigation p#pages a { height:28px; margin-right:1px; display:block; float:left; text-align:center; color:#FFFFFF; } #page_navigation p#pages a:last-child { margin:0; } #page_navigation p#pages a:hover { background-position:-100% 0; } #page_navigation p#pages a.current_page { background-position:-100% 0; } #page_navigation p#pages a[name=about_us] { width:104px; background-image:url(/images/navigation/about_us.jpg); } #page_navigation p#pages a[name=our_products] { width:128px; background-image:url(/images/navigation/our_products.jpg); } #page_navigation p#pages a[name=recipes_and_pairings] { width:154px; background-image:url(/images/navigation/recipes_and_pairings.jpg); } #page_navigation p#pages a[name=your_health] { width:108px; background-image:url(/images/navigation/your_health.jpg); } #page_navigation p#pages a[name=community_and_you] { width:146px; background-image:url(/images/navigation/community_and_you.jpg); } #page_navigation p#pages a[name=pressroom] { width:100px; background-image:url(/images/navigation/pressroom.jpg); } #page_navigation p#pages a[name=visit_us] { width: 82px; background-image:url(/images/navigation/visit_us.jpg); } #page_navigation p#pages a[name=shop_online] { width:119px; background-image:url(/images/navigation/shop_online.jpg); } #sub_navigation { width:757px; height:25px; margin-bottom:10px; margin-top:10px; display:block; clear:both; overflow:hidden; text-align:left; line-height:16px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight:bold; font-size:12px; } #sub_navigation p#subpages a { height:18px; margin-right:10px; padding-bottom:2px; display:block; float:left; color:#003463; } #sub_navigation p#subpages a:last-child { margin:0; } #sub_navigation p#subpages a:hover { border-bottom:5px solid #DEF3EE; text-decoration:none; } #sub_navigation p#subpages a.current_page { border-bottom:5px solid #FFCC00; } #sub_navigation:after { content:"."; height:0; display:block; clear:both; visibility:hidden; } #page_navigation p#subpages { width:948px; height:25px; margin:1px auto 0; clear:both; overflow:hidden; line-height:27px; font-size:12px; } #page_navigation p#subpages a { height:25px; margin-right:1px; display:block; float:left; background-color:#4EA1AF; text-align:center; color:#FFFFFF; } #page_navigation p#subpages a:last-child { margin:0; } #page_navigation p#subpages a:hover { background-color:#E07F76; } #page_navigation p#subpages a.current_page { background-color:#E07F76; } #page_title { width:964px; } #page_title div { width:948px; margin:0 auto; background:#DEF3EE; } #page_title div h1 { padding:10px 10px 10px 172px; line-height:30px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:24px; } #page_sidebar { width:181px; overflow:hidden; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; } #page_search { width:181px; background-color:#E69489; } #page_search .top { width:181px; height:10px; overflow:hidden; background:url(/images/page/search_wide.jpg) no-repeat 0px 0; } #page_search .bottom { width:181px; height:10px; overflow:hidden; background:url(/images/page/search_wide.jpg) no-repeat 0 -10px; } #page_search form { padding:0 10px; color:#FFFFFF; } #page_search label { display:block; clear:both; margin-bottom:5px; } #page_search input[type="text"] { width: 86px; margin-right:5px; padding:4px 2px; display:block; float:left; border:1px solid #666666; } #page_search input[type="submit"] { width: 40px; height:24px; padding:0; display:block; clear:right; } #page_search p { width: 75px; height:22px; margin:5px 0; display:block; float:left; overflow:hidden; } #page_search p input[type="radio"] { width: 16px; height:16px; margin:0 2px 0 0; padding:0; display:inline-block; float:left; overflow:hidden; } #page_search p label { width: 46px; height:22px; display:inline-block; float:left; overflow:hidden; clear:none; font-weight:normal; font-size:11px; } #page_search a { display:block; line-height:19px; font-size:11px; color:#444444; text-decoration:none; } #page_search a:hover { color:#FFFFFF; } #page_links { width:181px; margin-top:8px; } #page_links .top { width:181px; height:10px; overflow:hidden; background:url(/images/page/links_wide.jpg) no-repeat 0px 0; } #page_links .bottom { width:181px; height:10px; overflow:hidden; background:url(/images/page/links_wide.jpg) no-repeat 0 -10px; } #page_links p { padding:0 10px; background-color:#62B0BD; } #page_links p a { padding:5px 0; display:block; line-height:15px; font-size:11px; color:#FFFFFF; text-decoration:none; } #page_links p a:hover { color:#444444; text-decoration:none; } #page_footer { position:relative; z-index:0; overflow:hidden; background: #FFFFFF; margin: 0 33px 0 32px; border-top:5px solid #fff; } #page_footer .footQuickLinks { position: relative; display: block; margin: 0px 0px 0px 223px; padding-bottom: 10px; width: 742px; z-index: 1; } #page_footer .footQuickLinks .linkLeft { display: block; width: 238px; height: 82px; overflow: hidden; float: left; } #page_footer .footQuickLinks .linkMiddle { display: block; width: 238px; height: 82px; margin-left: 6px; overflow: hidden; float: left; } #page_footer .footQuickLinks .linkRight { display: block; width: 238px; height: 82px; margin-left: 6px; overflow: hidden; float: left; } #page_footer .address { display: block; background: url(/images/page/footer.gif) repeat-x #FFFFFF; padding: 15px 15px 12px 15px; margin: 0; clear: both; line-height:18px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; } #page_footer .address a { color:#fff; } #page_footer .address a:hover { text-decoration:underline; } .page_grid { padding:8px 8px 0; text-align:left; line-height:16px; font-family:Arial,Helvetica,sans-serif; font-size:12px; } .page_grid div.grid_1:first-child { margin-left:0; } .page_grid div.grid_4:last-child { margin-right:0; } .page_grid:after { content:"."; height:0; display:block; clear:both; visibility:hidden; } .page_grid a { color:#D54640; text-decoration:none; } .page_grid a:hover { color:#D54640; text-decoration:underline; } .page_grid .grid_block { margin:5px 0 10px; display:block; clear:both; } .grid_block:after { content:"."; height:0; display:block; clear:both; visibility:hidden; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5 { margin:0 5px; display:inline; float:left; } .grid_1 { width:181px; } .grid_2 { width:372px; } .grid_3 { width:563px; } .grid_4 { width:757px; } .grid_5 { width:948px; } .grid_4 h1 { line-height:40px; font-size:24px; } .alpha { margin-left: 0 } .beta { margin-left: 0; margin-right:0; } .omega { margin-right:0 } .zeta { margin-top: 0; margin-left: 0; margin-right:0; } .psi { padding-top:15px; } .sub_grid_1,.sub_grid_2,.sub_grid_3, .sub_grid_4,.sub_grid_5,.sub_grid_6, .sub_grid_7,.sub_grid_8,.sub_grid_9, .sub_grid_10 { margin-top:10px; margin-left:5px; margin-right:5px; display:inline; float:left; overflow:hidden; } .sub_grid_1 a,.sub_grid_2 a,.sub_grid_3 a, .sub_grid_4 a,.sub_grid_5 a,.sub_grid_6 a, .sub_grid_7 a,.sub_grid_8 a,.sub_grid_9 a, .sub_grid_10 a { text-decoration:none; color:#d54640; } .sub_grid_1 a:hover,.sub_grid_2 a:hover, .sub_grid_3 a:hover,.sub_grid_4 a:hover, .sub_grid_5 a:hover,.sub_grid_6 a:hover, .sub_grid_7 a:hover,.sub_grid_8 a:hover, .sub_grid_9 a:hover,.sub_grid_10 a:hover { text-decoration:underline; color:#d54640; } .page_grid .sub_grid_1 { width: 40px; } .page_grid .sub_grid_2 { width: 80px; } .page_grid .sub_grid_3 { width:120px; } .page_grid .sub_grid_4 { width:160px; } .page_grid .sub_grid_5 { width:200px; } .page_grid .sub_grid_6 { width:240px; } .page_grid .sub_grid_7 { width:280px; } .page_grid .sub_grid_8 { width:320px; } .page_grid .sub_grid_9 { width:360px; } .page_grid .sub_grid_10 { width:400px; } .page_grid .prefix_1 { padding-left:171px; } .page_grid .prefix_2 { padding-left:342px; } .page_grid .prefix_3 { padding-left:513px; } .page_grid .prefix_4 { padding-left:684px; } .page_grid .suffix_1 { padding-left:171px; } .page_grid .suffix_2 { padding-left:342px; } .page_grid .suffix_3 { padding-left:513px; } .page_grid .suffix_4 { padding-left:684px; } .hand { cursor:pointer; } .content_header { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:#000000; } .content_header a { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:#000000; } .primary_header { font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000000; } .secondary_header { font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#000000; } .sub_header { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000000; } /* temporary hiding of header until we're sure it is really what they want */ #page_body .page_grid .grid_4 h1 { display: none; } /* Site :: Backdrop -------------------------------------------------------------------*/ #site_backdrop { position: fixed; z-index:99998; top: 0px; left:0px; width: 100%; height:100%; float: none; clear: both; overflow:hidden; background-color:#000000; opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #site_backdrop:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_backdrop:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } /* Site :: Overlay -------------------------------------------------------------------*/ #site_overlay { position: fixed; z-index:99999; top:50%; left:50%; padding:10px; float: none; clear: both; overflow:hidden; background-color:#EAE6D4; } #site_overlay:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_overlay:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_overlay a.close_overlay { position:relative; top:-2px; right:2px; width: 30px; height: 30px; display:block; float:right; clear: both; overflow:hidden; background-color:#FFFFFF; text-align:center; line-height:30px; font-size:15px; font-weight:bold; color:#CD0000; } #site_overlay a.close_overlay:hover { color:#000000; } /* Site Element :: Cabot Form -------------------------------------------------------------------*/ form.cabot_form { width: 631px; margin:0 auto; padding:1px; float: none; clear: both; overflow:hidden; border:1px solid #EDEADB; } form.cabot_form fieldset { padding:10px; display:block; float: none; clear: both; background-color:#FFFFFF; } form.cabot_form fieldset h3 { padding-bottom:15px; line-height:15px; font-size:15px; color:#BE1E2D; } form.cabot_form fieldset p { padding-bottom:10px; font-size:12px; } form.cabot_form fieldset p.form_message { padding-top:40px; } form.cabot_form fieldset div { width: 610px; padding-bottom:10px; float: none; clear: both; } form.cabot_form fieldset div:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } form.cabot_form fieldset div:after { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } form.cabot_form fieldset div label { width: 80px; height: 25px; margin-right:10px; display:block; float: left; clear: left; overflow:hidden; text-align:right; line-height:25px; font-size:12px; } form.cabot_form fieldset div input[type="text"] { width: 324px; height: 19px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } form.cabot_form fieldset div input[type="text"]:focus { border-color:#AAAAAA; } form.cabot_form fieldset div select { width: 330px; height: 25px; padding:2px; display:block; float: left; overflow:hidden; border:1px solid #CCCCCC; } form.cabot_form fieldset div select:focus { border-color:#AAAAAA; } form.cabot_form fieldset div textarea { width: 324px; height: 94px; padding:2px; display:block; float: left; overflow: auto; border:1px solid #CCCCCC; font-size:12px; font-family:Arial,Helvetica,Sans-Serif; } form.cabot_form fieldset div textarea:focus { border-color:#AAAAAA; } form.cabot_form div em { width: 100px; height: 15px; margin-left:5px; display:block; float: left; clear:right; line-height:15px; font-size:10px; font-weight:bold; font-style:normal; text-transform:uppercase; color:#AAAAAA; } form.cabot_form div.fail label { color:#E70120; } form.cabot_form div.fail input[type="text"] { border-color:#E70120; } form.cabot_form div.fail select { border-color:#E70120; } form.cabot_form div.fail textarea { border-color:#E70120; } form.cabot_form div.fail em { color:#E70120; } form.cabot_form a[rev="action"] { width: 120px; height: 25px; margin:10px 0 0 90px; display:block; float: none; clear: both; background:url(/pages/cabot/images/page/contents/contact_cabot-submit.jpg) no-repeat; text-align:center; line-height:25px; font-size:13px; font-weight:bold; color:#FFFFFF; } form.cabot_form a[rev="action"]:hover { background-color:#E07F76; text-decoration:none; } form.cabot_form .antispam { display:none; visibility:hidden; } /*********************************/ /************ HEADER *************/ /*********************************/ #pgtop #search-area { left: 750px; position: absolute; top: 5px; width: 200px; z-index: 47; color: #000000; } #pgtop #search-area .spacer { display: block; line-height: 0; clear: both; } #pgtop #search-area label { color: #000000; } #pgtop form.searchbox input.sbox { background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #D6D6D6; float: left; height: 15px; margin: 0 0 0 5px; padding: 1px 0 1px 0; width: 98px; } #pgtop #search-area input.srchbtn { padding: 0; margin: 0; } #pgtop #search-area label.rbtn { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: black; cursor: default; display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: normal; height: 13px; left: auto; line-height: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: black; outline-style: none; outline-width: 0px; overflow-x: visible; overflow-y: visible; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: static; text-decoration: none; text-transform: uppercase; top: auto; vertical-align: baseline; z-index: auto; } #pgtop #search-area label.rbtn input { -webkit-appearance: radio; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; border-bottom-style: none; border-bottom-width: 0px; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px; box-sizing: border-box; color: black; cursor: auto; display: inline-block; float: none; font-family: 'Lucida Grande'; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; height: 13px; left: auto; letter-spacing: normal; line-height: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: black; outline-style: none; outline-width: 0px; overflow-x: visible; overflow-y: visible; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: static; text-align: -webkit-auto; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; top: auto; vertical-align: baseline; width: 12px; word-spacing: 0px; z-index: auto; }