/* Gday Chef Stylesheet Created by Anagramme September 2009 */

body{margin: 0; padding: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; background: #E4E4E4 url(../images/bg/bg.png) 0 0 repeat-x;}
form{margin: 0; padding: 0;}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

/* Centre Page ********** */
#wrap{width: 908px; margin: 0 auto; padding: 0;}


/* *************************************************************
HEADER, LOGO, SEARCH, BASKET
************************************************************* */
#header{width: 908px; margin: 0 0 0 0; float: left; text-align: right;}
#header #logo{width: 210px; float: left; margin: 5px 0 0 10px;}

#search {float: right; width: 235px; margin: 15px 0 0 0; border-right: 1px solid #E4E4E4;}
#search h2{ float: left; font-size: 80%; font-weight: bold; color: #09F; margin: 0 0 2px 4px; padding: 0;}
#search form{margin: 0; padding: 0; float: left; height: 22px; width: 200px; background: url(../images/bg/bg_site_search.png) 0 0 no-repeat;}
#search .text{ border: none;  background: none; font: 70% Arial, Helvetica, sans-serif; color: #666; width: 115px; margin: 3px 0 0 8px; float: left; width: 162px;}
#search .submit{ border: none; background: none; cursor: pointer; width: 25px; float: right; height: 22px;}

#contact_block{float: right; width: 150px; margin: 20px 10px 0 0; text-align: right; border-left: 1px solid #fff; padding: 0 0 0 30px;}
#contact_block h2{ font-size: 100%; color: #0086DF; margin: 0; padding: 0; float: left; width: auto; white-space: nowrap; line-height: 100%;}
#contact_block h3{ font-size: 130%; color: #666; margin: 3px 0 0 0; padding: 0; float: left; width: auto; white-space: nowrap; line-height: 100%;}


/* *************************************************************
TOP Navigation
************************************************************* */
#topNav{ width: 908px; float: left; clear: both; margin: 5px 0 0 0; background: url(../images/bg/bg_topNav.png) 0 0 repeat-x; height: 53px;}

.ddsmoothmenu{ float: left; width: 880px; margin: 15px 0 0 10px; padding: 0; }
#topNav ul{margin: 0; padding: 0; list-style-type: none; }
#topNav ul li{font-size: 90%; padding-bottom: 13px;}
#topNav ul li a{ color: #CCDFEB; text-decoration: none; padding: 2px 10px 2px 10px; line-height: 100%; border-left: 1px solid #3FA0CF; border-right: 1px solid #01426D; font-weight: bold; }
* html #topNav ul li a{ display: inline-block; }
#topNav ul li ul li a.selected{ background-color: #2993C9; color: #fff; }
#topNav ul li a:hover{ background: none; color: #fff; }
#topNav ul li ul li a:hover{ background-color: #2993C9; color: #fff; }
#topNav ul li ul{ font-weight: normal; padding: 0 0 0 0; margin: 0 0 0 0;}
#topNav ul li ul li{ display: list-item; float: none; padding: 0; font-size: 80%; line-height: 140%;}
#topNav ul li ul li a{ padding: 8px 15px 8px 15px; border-left: 0; border-bottom: 1px solid #01365A; border-top: 1px solid #4E8AB4; background-color: #015894; color: #CCDFEB; font-weight: normal; line-height: 140%;}
#topNav li li li{ font-size: 100%;}

#topNav li .active{ color: #fff;}

/* Holly Hack for IE7 and below */
* html .ddsmoothmenu{height: 1%;} 

#topNav li .end{border-left: 1px solid #CD0368; line-height: 28px;}

#topNav li.strapline{ float: right; font-size:70%; text-align: right; border: none; text-transform: none; color: #fff; letter-spacing: normal; padding: 0; margin: 5px 0 0 0; }


/* SUB NAVIGATION*/
#subNav { height: 32px; width: 900px; background: url(../images/bg/bg_sub_nav.gif) 0 0 repeat-x; clear: both; margin: 0 0 15px 0; padding: 0 0 1px 0; border-bottom: 1px solid #999; display: none;}
#subNav h1{width: 390px; float: right; display: inline; font-size: 75%; color: #666; font-weight: normal; font-style: italic; margin: 0 10px 0 0; padding: 10px 0 0 0; line-height: normal; text-transform: capitalize; text-align: right;}

#subNav ul{ padding: 10px 0 0 0; list-style: none; float: left; margin: 0 10px 0 0;}
#subNav li{ font-size: 70%; color: #999999; float: left; margin: 0 10px 0 15px;}
#subNav li a{color: #666; text-decoration: none;}
#subNav li a:hover{color: #0099FF; text-decoration: underline;}
#subNav .navHome{ background: url(../images/icons/icon_home.gif) 0 2px no-repeat; padding: 0 0 0 15px; margin-left: 0;}
#subNav .navAccount{ background: url(../images/icons/icon_account.gif) 0 2px no-repeat; padding: 0 0 0 12px;}
#subNav .navLogout{ background: url(../images/icons/icon_logout.gif) 0 2px no-repeat; padding: 0 0 0 15px;}
#subNav .navContact{ background: url(../images/icons/icon_contact.gif) 0 2px no-repeat; padding: 0 0 0 17px;}
#subNav .checkout{ background: url(../images/icons/icon_checkout.gif) 0 0px no-repeat; padding: 0 0 0 20px;}


/* *************************************************************
MAIN CONTENT AREAS
************************************************************* */
/* WIDE FORMAT */
body.wideLayout #contentWrap{background: url(../images/bg/bg_contentWrap_alt.png) 0 0 repeat-y;}
body.wideLayout #contentWrap #top{ background: #EDEDED url(../images/bg/bg_contentWrap_top_alt.png) 0 0 no-repeat; }
body.wideLayout #contentWrap #btm{ background: url(../images/bg/bg_contentWrap_btm_alt.png) 0 0 no-repeat; }
body.wideLayout #mainContent { width: 878px;}
body.wideLayout #mainContent h1,
body.wideLayout #mainContent p{ width: 860px;}


/* NORMAL FORMAT */
#contentWrap{width: 908px; float: left; text-align: left; margin: 10px 0 0 0; padding: 0; background: url(../images/bg/bg_contentWrap.png) 0 0 repeat-y;}
#contentWrap #top{ float: left; background: #EDEDED url(../images/bg/bg_contentWrap_top.png) 0 0 no-repeat; height: 5px; width: 908px;}
#contentWrap #btm{ float: left; background: url(../images/bg/bg_contentWrap_btm.png) 0 0 no-repeat; height: 9px; width: 908px; margin-top: 20px;}

#mainContent {width: 658px; float: left; text-align: left; margin: 0 0 0 5px; padding: 10px 0 10px 20px; display: inline; background: url(../images/bg/bg_mainContent.png) 10px 0 repeat-x; }

#mainContent h1{font-size: 160%; margin: 0 0 10px 0; padding: 0 0 8px 0; clear: both; color: #004D81; font-weight: normal; letter-spacing: -0.03em; background: url(../images/bg/bg_title_lines.png) left bottom repeat-x; float: left; width: 640px;}
#mainContent h2{font-size: 100%; margin: 0 0 0 0; padding: 0; clear: both; color: #0085DF; font-weight: normal; line-height: 140%; float: left; width: 640px;}
#mainContent h3{font-size: 140%; padding: 0; margin: 20px 0 10px 0; font-weight: normal; color: #666; float: left; width: 640px; }
#mainContent h4{font-size: 120%; padding: 0; margin: 20px 0 10px 0; font-weight: normal; color: #666; float: left; width: 640px; }
#mainContent h5{font-size: 75%; padding: 0; margin: 0px 0 0 0; font-weight: normal; color: #09F; float: left; width: 640px;}
#mainContent h6{font-size: 75%; padding: 0; margin: 0; font-weight: normal; color: #000; float: left; width: 640px;}

#mainContent p{font-size: 75%; padding: 0; margin: 10px 0 0 0; color: #444; line-height: 160%; clear: both; float: left; width: 640px;}
#mainContent a.more{ color: #990000; background: url(../images/icons/icon_arrow-continue.gif) 0 4px no-repeat; padding: 0 0 0 18px; text-decoration: none; margin-left:5px;}
#mainContent a.more:hover{ color:#FF6600; text-decoration: underline;}

#mainContent p a{ color: #FF6600; text-decoration: underline;}
#mainContent p a:hover{ color: #669900; text-decoration: underline;}

#mainContent ul{ margin: 0 0 20px 0;}
#mainContent ul li{font-size: 75%; padding: 0; margin: 0; color: #006699; line-height: 160%; clear: both;}

#mainContent dl{ float: left; width: 350px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #ccc; background-color: #fff;}
#mainContent dt, #mainContent dd{ float: left; padding: 0; margin: 0 0 0 0; font-size: 75%; line-height: 170%;}
#mainContent dt {width: 120px; clear: both; color: #000;}
#mainContent dd {width: 200px; color: #666;}

#mainContent .separation-thin{ width: 600px; float: left; margin: 0; padding: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #E5E5E5; height: 1px; font-size: 0; clear: both; line-height: 0;}

.image{ float: left; margin: 0 10px 0 0;}
.imageLeft{ float: left; margin: 15px 10px 10px 0; padding: 1px; border: 1px solid #ccc;}

#mainContent ul{ float: left; clear: both; list-style: none; width: 350px; margin: 0 0 30px 10px; padding: 0;}
#mainContent ul li{ background: url(../images/icons/icon_bullet-square.gif) 0 9px no-repeat; padding: 0 0 0 20px; font-size: 75%; line-height: 200%;}

#mainContent .image{ float: left; margin: 0 10px 0 0; clear: both;}


/* *************************************************************
MAIN PIC + INTRO + FEATURE
************************************************************* */
#mainPic{ float: left; padding: 0; margin: 10px 0 0 0; background: url(../images/bg/bg_mainPic.png) 0 0 no-repeat; width: 435px; height: 328px; overflow: hidden;}
/*#mainPic img{ float: left; margin: 9px 0 0 12px;}*/

#intro{ float: right; width: 450px; margin: 20px 0 0 0}
#intro h1{ font-size: 160%; color: #0086DF; font-weight: normal; padding: 0; margin: 0 0 5px 0; letter-spacing: -0.03em; }
#intro p{ font-size: 80%; color: #666; line-height: 150%; padding: 0 0 10px 0; margin: 0;}

#featured_intro{ float: right; width: 450px; margin: 10px 0 0 0;}
#featured_intro h2{ font-size: 110%; color: #004D81; font-weight: normal; margin: 0 10px 5px 0; padding: 0; float: left;}
#featured_intro span{ font-size: 60%; color: #999;}

.featured_popup{width: 500px; height: 500px; }
.featured_popup h2{font-size: 120%; margin: 5px 0 0 0; padding: 0; clear: both; color: #0085DF; font-weight: normal; line-height: 140%; float: left; width: 100%;}
.featured_popup p{font-size: 70%; padding: 0; margin: 5px 0 0 0; color: #444; line-height: 140%; clear: both; float: left; width: 100%;}
.featured_popup p a{ color: #09F; background: url(../images/icons/icon_arrow_blue.png) 0 4px no-repeat; padding: 0 0 0 10px;}
.featured_popup p a:hover{ color: #000;}

/* *************************************************************
SLIDESHOW
************************************************************* */
#imageContainer {position:relative;  width: 412px; height: 302px; overflow: hidden;margin: 9px 0 0 12px;float: left;}
#imageContainer img {display:none; position:absolute; top:0; left:0; z-index: 10;}


/* *************************************************************
CAROUSEL
************************************************************* */
#featured_intro #carousel{ float: left; width: 440px; height: 110px; background: url(../images/bg/bg_carousel.png) 0 0 no-repeat; margin: 5px 0 0 0; background-color: #F9F9F9; border: 1px solid #ccc; }

#featured_intro #carousel{ float: left; width: 440px; height: 105px; background-color: #F9F9F9; border: 1px solid #ccc; overflow: hidden;}
#featured_intro #carousel ul{ float: left; list-style: none; margin: 0; padding: 0;}

#featured_intro form#search{ float: left; width: 420px; background-color: #fff; border: 1px solid #ccc; overflow: hidden; margin: 0; padding: 10px;}
#featured_intro form#search p{ float: left; margin: 5px 0 0 0; padding: 0; clear: both; line-height: 100%; height: auto;}
#featured_intro form#search label{ float: left; width: 70px; margin: 3px 0 0 0;}
#featured_intro form#search .text { font-size: 80%; color: #666; width: 150px;}


/* *************************************************************
HOMEPAGE CATEGORIES
************************************************************* */
#mainContent .category_block{ background: url(../images/bg/bg_category.gif) 0 143px repeat-x; float: left; width: 204px; padding: 0; margin: 15px 10px 0 0;}
#mainContent .category_block .cat_img_wrap{ float: left; border: 1px solid #ccc; width: 202px; height: 142px;}
#mainContent .category_block a.categorie_img{ float: left; width: 200px; height: 140px; background-position: center; background-repeat: no-repeat; margin: 1px;}
#mainContent .category_block .img{ float: left; padding: 1px; border: 1px solid #ccc; margin: 0 0 0 0;}
#mainContent .category_block h2{ font-size: 100%; color: #000; font-weight: normal; margin: 5px 0 0 8px; padding: 0; float: left; width: 190px; font-style: normal; line-height: 130%;}
#mainContent .category_block h2 a{color: #000; text-decoration: none;}
#mainContent .category_block p{ font-size: 70%; color: #666; margin: 5px 0 5px 8px; padding: 0; float: left; width: 190px; line-height: 150%;}
#mainContent .category_block ul{ float: left; width: 230px; margin: 0; padding: 0; list-style: none;}
#mainContent .category_block li{ font-size: 70%; color: #666; padding: 0 0 0 10px; background: url(../images/icons/icon_arrow_blue.gif) 0 6px no-repeat; line-height: 160%;}
#mainContent .category_block select{ width: 180px; float: left; margin: 0 5px 0 0; font: 100% Arial, Helvetica, sans-serif;}
#mainContent .category_block .submit{ border: 0; background: url(../images/buttons/btn_searchBar_go.gif) 0 0 no-repeat; cursor: pointer; width: 40px; height:20px;}


/* *************************************************************
MENU ITEMS
************************************************************* */
#menu_items{ float: left; width: 608px; margin: 10px 0 20px 0; padding: 15px; background-color: #F5F5F5;}
#mainContent #menu_items h3{ color: #09F; font-size: 90%; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
#mainContent #menu_items ul{ margin: 0; padding: 0; float: left; width: 100%;}
#mainContent #menu_items li{ font-size: 70%; margin: 6px 0 0 0; padding: 0 0 0 15px; background: url(../images/icons/icon_menu.png) 0 2px no-repeat; color: #444; line-height: 140%;}
#mainContent #menu_items li a{ color: #666; text-decoration: none; border-bottom: 1px dotted #666;}
#mainContent #menu_items li a:hover{ border-bottom: 1px solid #06F; color: #06F;}


/* *************************************************************
TESTIMONIAL
************************************************************* */
#testimonial{ float: left; width: 600px; margin: 10px 0 0 10px; padding: 0; background: url(../images/bg/bg_testimonial.png) 0 0 no-repeat;}
#testimonial p{ color: #444; font-size: 75%; margin: 0 0 0 0; padding: 0; float: right; width: 530px;}
#testimonial h3{ color: #09F; font-size: 75%; font-weight: bold; margin: 2px 0 0 0; padding: 0; float: right; width: 530px; font-style: normal; }
#testimonial h4{ color: #888; font-size: 75%; font-weight: bold; margin: 2px 0 0 0; padding: 0; float: right; width: 530px; font-style: normal;}


/* *************************************************************
RECIPES
************************************************************* */
#mainContent #ingredients_wrap{ float: left; background: #E8E8E8; width: 270px; padding: 0 0 4px 0; margin: 20px 0 0 5px;}
#mainContent #ingredients{ float: left; background: #F5F5F5; width: 240px; padding: 15px 15px; margin: -6px 0 0 -6px; border: 1px solid #fff;}
#mainContent #ingredients h2{ float: left; width: 100%; font-size: 75%; color: #999; margin: 0 0 3px 0; padding: 0; line-height: 100%;}
#mainContent #ingredients ul{ float: left; width: 100%; list-style: none; margin: 5px 0 20px 0; padding: 0;}
#mainContent #ingredients li{ float: left; width: 100%; font-size: 70%; list-style: none; margin: 0 0 3px 0; padding: 0; clear: both; color: #444; line-height: 140%;}
#mainContent #ingredients p{ float: left; width: 100%; font-size: 70%; list-style: none; margin: 0px 0 0 0; padding: 0; clear: both; color: #444;}

#mainContent #method{ float: right; width: 340px; margin: 10px 0 0 0;}
#mainContent #method h2{ float: left; width: 100%; font-size: 90%; color: #09F; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
#mainContent #method p{ float: left; width: 100%; font-size: 75%; color: #444; margin: 0; padding: 0;}

#mainContent #method ol { margin: 0 -38px 20px 0; padding: 0; position: relative; left:-38px; overflow:hidden; clear: both; float: left; width: 380px;}
#mainContent #method li { margin: 0 0 5px 60px; clear: both; font-size: 75%; color: #444; line-height: 140%;}


/* *************************************************************
GALLERY PICS
************************************************************* */
#mainContent #gallery_pics{ float: left; width: auto; margin: 10px 0 0 0;}
#mainContent #gallery_pics a{ float: left; padding: 0; border: 1px solid #CCCCCC; margin: 0 9px 10px 0; background-position: center; background-repeat: no-repeat; width: 148px; height: 148px; overflow: hidden; }


/* *************************************************************
MENUS
************************************************************* */
#mainContent #menu{ float: left; width: 380px; margin: 20px 0 0 0;}
#mainContent #menu h2{ float: left; width: 100%; font-size: 90%; color: #09F; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-align: center;}
#mainContent #menu h3{ float: left; width: 100%; font-size: 80%; color: #444; font-weight: bold; margin: 10px 0 5px 0; padding: 0; text-align: center;}
#mainContent #menu p{ float: left; width: 100%; font-size: 75%; color: #666; margin: 0; padding: 0; text-align: center; line-height: 160%;}
#mainContent #menu p.separation{ float: left; width: 100%; height: 7px; margin: 25px 0; background: url(../images/bg/bg_separator.png) center no-repeat;}

#mainContent #menu_pics{ float: right; width: 215px; margin: 20px 10px 0 0;}
#mainContent #menu_pics a{ float: left; padding: 0; border: 1px solid #CCCCCC; margin: 0 0 20px 0; }
#mainContent #menu_pics img{ float: left; padding: 1px;}


/* *************************************************************
BOOKING FORM
************************************************************* */
#booking_form { float: left; width: 100%; margin: 20px 0 0 0; padding: 0;}
#booking_form fieldset{ float: left; border: none; margin: 0; padding: 0; width: 400px;}
#booking_form fieldset.your_details{ float: right; border-left: 1px dotted #ccc; padding: 0 0 0 35px;}

body.wideLayout #mainContent #booking_form fieldset h2,
body.wideLayout #mainContent #booking_form fieldset p{ width: 100%; margin: 0 0 3px 0; padding: 0;}
body.wideLayout #mainContent #booking_form fieldset p .text_small,
body.wideLayout #mainContent #booking_form fieldset p .text,
body.wideLayout #mainContent #booking_form fieldset p textarea{ font: 100% Arial, Helvetica, sans-serif;}

body.wideLayout #mainContent #booking_form fieldset p .text_small{width: 50px;}
body.wideLayout #mainContent #booking_form fieldset p .text{ width: 130px;}
body.wideLayout #mainContent #booking_form fieldset p .text_large{ width: 200px;}
body.wideLayout #mainContent #booking_form fieldset p textarea{width: 400px; height: 150px;}

#booking_form fieldset label{ float: left; width: 180px;}
#booking_form fieldset.your_details label{ width: 100px;}

#booking_form .submit{ float: left; }
#booking_form .required{ float: left; margin: 3px 0 0 20px; color: #09F; }

/* *************************************************************
SUB CONTENT
************************************************************* */
#subContent{width: 218px; padding: 0; margin: 0 5px 0 0; float: right; text-align: left;}

#subContent img{ float: left; clear: both;}

#subContent h2{padding: 0 0 0 10px; margin: 0; font-size: 120%; font-weight: normal; text-transform: capitalize; line-height: 250%; border-bottom: 1px dotted #ccc; clear: both; color: #09F; float: left; width: 208px; }
#subContent h2 a{color: #666; text-decoration: none; padding: 0; display: block;}
#subContent h2 a:hover{color: #FF6600;}

#subContent p{ float: left; font-size: 70%; color: #666; margin: 0 0 0 10px; padding: 0; width: 195px; display: inline; line-height: 150%; clear: both;}


/* RECIPES */
#subContent #recipe h2{background: url(../images/icons/icon_article_clip.gif) 0 1px  no-repeat; padding: 0 0 5px 20px; line-height: 100%; color: #000; font-size: 110%; float: none;}


/* NEWS */
#subContent #news { float: left; margin: 15px 0 0 15px; width: 200px; }
#subContent #news h2{background: url(../images/icons/icon_news.gif) 0 3px  no-repeat; padding: 0 0 5px 25px; margin: 0 0 1px 0; line-height: 100%; color: #999; font-size: 110%; float: none; width: 165px;}
#subContent #news h3{padding: 0; margin: 20px 0 0 0; font-size: 90%; text-transform: capitalize; font-weight: normal; line-height: 140%; clear: both; color: #0086DF;}
#subContent #news a{color: #000; display: block; text-decoration: none;}
#subContent #news a:hover{color: #FF6600; text-decoration: none}
#subContent #news p{ float: none; margin: 0; padding: 0;}


/* SUB NAVIGATION */
#subContent #sub_nav ul{ width: 100%; margin: 0; padding: 0; list-style: none; clear: both;}
#subContent #sub_nav li{color: #666; text-decoration: none; display: block; padding: 0 0 0 10px; margin-left: 0; font-size: 70%; font-weight: normal; text-transform: capitalize; line-height: 250%; border-bottom: 1px dotted #ccc; clear: both;}
#subContent #sub_nav li a{ color: #666; text-decoration: none; clear: both;}
#subContent #sub_nav li a:hover{ color: #FF6600; text-decoration: none;}
#subContent #sub_nav li a.active{ color:#09F; font-style: italic;}

#subContent #sub_nav li li{ font-size: 100%; border: none;}


a.btn_request_quote{ float: left; margin: 23px 0 0 20px;}


/* *************************************************************
CLIENT LIST
************************************************************* */
#subContent #client_list{ float: left; width: 190px; margin: 20px 0 0 10px; padding: 0;}
#subContent #client_list h2{ font-size: 75%; color: #09F; font-weight: bold; border: none;}
#subContent #client_list ul{ width: 190px; margin: 0 0 0 10px; padding: 0; list-style: none; clear: both;}
#subContent #client_list li{color: #666; text-decoration: none; padding: 0 0 0 20px; margin: 0 0 8px 0; font-size: 70%; background: url(../images/icons/icon_thumb.png) 0 0 no-repeat; font-weight: normal; text-transform: capitalize; line-height: 120%; clear: both; float: left;}
#subContent #client_list li a{ color: #666; text-decoration: none;  clear: both;}
#subContent #client_list li a:hover{ color: #FF6600; text-decoration: none;}


/* *************************************************************
TELL A FRIEND
************************************************************* */
#tellAFriend{width: 460px; margin-left:10px;}
#tellAFriend h1{background: url(images/icon_titleCategory.gif) 0 0 no-repeat; padding: 5px 0 0 35px; margin: 0 0 10px 10px; font-size: 130%; color: #FF0000; display: inline; float: left; width: auto;}
#tellAFriend h2{padding: 5px 0 0 15px; margin: 20px 0 10px 0; font-size: 100%; text-transform: capitalize; color: #000;}
#tellAFriend fieldset{margin-bottom: 20px; font-size: 70%;}
#tellAFriend legend{ color: #FF0000; font-size: 100%; margin: 0;}
#tellAFriend label{width: 200px; float: left; marging-right: 0.5em; padding: 0; display: block;}


/* *************************************************************
BUTTONS
************************************************************* */
.btnContinue { background: url(../images/btn_continue.gif) 0 0 no-repeat; width: 103px; height: 33px; display: block;}


/* *************************************************************
SITEMAP
************************************************************* */
#sitemap { margin: 0 0 20px 20px; float: left;}
#sitemap h2{ font-size: 80%; font-weight: normal; background: url(../images/icons/icon_greenArrowBullet.gif) 0 10px no-repeat; padding: 0 0 0 15px; margin: 10px 0 0 0;}
#sitemap h2 a{color: #666; border-bottom: none; line-height: 200%;}
#sitemap p{margin: 0 0 0 15px; padding: 0; line-height: 180%;}
#sitemap p a{background: url(../images/icon_circle.gif) 0 4px no-repeat; padding: 0 0 0 15px; text-decoration: none; color: #000;}


/* *************************************************************
PROMOTIONAL BLOCKS
************************************************************* */
.promoBlock{ float: left; width: 217px; margin: 10px 8px 0 0; padding: 0 0 0 4px; height: 140px; background: url(../images/bg/bg_promoBox.png) 0 0 no-repeat;}
.promoBlock h4{ font-size: 105%; font-weight: normal; padding: 2px 0 0 10px; margin: 8px 0 5px 10px; color: #333; float: left; width: 180px; line-height: 100%;}
.promoBlock h4 span{color: #0086DF;}

.promoBlock h5{ font-size: 85%; font-weight: bold; padding: 0 0 0 10px; margin: 5px 0 5px 0; color: #444; float: left; width: 190px;}
.promoBlock p{ float: left; width: 200px; font-size: 75%; color: #666; padding: 0; margin: 0 0 3px 10px; display: inline;}

.promoBlock ul{ float: left; width: 200px; margin: 0 0 0 10px; padding: 0; list-style: none; display: inline;}
.promoBlock li{ float: left; width: 190px; margin: 0; padding: 0; font-size: 75%; color: #444; line-height: 140%;}
.promoBlock li a{padding: 0 0 0 12px; color: #09F; background: url(../images/icons/icon_arrow_blue.png) 0 center no-repeat; text-decoration: none;}
.promoBlock li a:hover{ color: #069; text-decoration: underline;}

.promoBlock a{color: #0099FF;}

/* SHARE */
.promoBlock.share{ padding: 10px 0 0 15px; height: 130px; width: 206px; }
.promoBlock.share h4{ margin: 0 0 8px 0; padding: 0 0 0 15px; background: url(../images/icons/icon_promo_share.png) 0 2px no-repeat;}
.promoBlock.share p{ width: 180px; margin: 0 0 13px 0;}


/* FOOD & WINE */
.promoBlock.food h4{ background: url(../images/icons/icon_promo_food.png) 0 0px no-repeat; padding: 2px 0 3px 23px; width: 170px;}
.promoBlock.food img{ float: left; margin: -4px 0 0 0;}
/* .promoBlock.food{background: url(../images/bg/bg_promoBox_food.png) 0 0 no-repeat;} */

/* CONTACT */
.promoBlock.contact h4{ background: url(../images/icons/icon_promo_contact.png) 0 2px no-repeat; padding: 2px 0 3px 28px; width: 170px;}
/* .promoBlock.contact{ background: url(../images/bg/bg_promoBox_contact.png) 0 0 no-repeat;} */

/* NEWSLETTER */
.promoBlock.newsletter{ margin: 10px 0 0 0; }
.promoBlock.newsletter h4{background: url(../images/icons/icon_promo_newsletter.png) 0 4px no-repeat; padding: 2px 0 0 30px; width: 160px; }
.promoBlock.newsletter form{ float: left; clear: both;}
.promoBlock.newsletter p{ float: left; width: 200px; font-size: 70%; color: #666; padding: 0; margin: 0 0 5px 10px; display: inline;}
.promoBlock.newsletter .text{ width: 150px; float: left; margin: 0 2px 0 0;}


/* *************************************************************
LISTING
************************************************************* */
.listing{ float: left; width: 640px; border-bottom: 1px dotted #999; padding: 15px 0;}
.listing a.img_mask{ float: left; width: 150px; height: 100px; display: block; background-position: center; background-repeat: no-repeat; margin: 0 10px 0 0;}
#mainContent .listing h2,
#mainContent .listing p{ width: auto; float: none; clear: none; margin: 0 0 2px 0; padding: 0;}


/* *************************************************************
Footer
************************************************************* */
#footer{width: 900px; height: auto; float: left; margin: 20px 0 20px 0; padding: 0 0 0 0; text-align: center; }

#footer ul{margin: 0 0 15px 0; list-style: none; width: 100%; text-align: left; padding: 0; float: right;}
#footer li{margin: 0 15px 0 0; padding: 0 15px 0 0; display: inline; font-size: 75%; color: #666; line-height: 100%; clear: none; float: left; width: auto; white-space: nowrap; border-right: 1px dotted #999; }
#footer li a{color: #666; text-decoration: none;}
#footer li a:hover{color: #FF6600; text-decoration: underline;}
#footer li.title{ color: #0099FF; font-size: 75%; }
#footer li.title a{ color: #0099FF;}

/* #footer ul.sitemap{ width: 500px;}
#footer ul.sitemap li.title{ width: 400px;}
#footer ul.sitemap li{ width: 100px;} */


/* *************************************************************
Miscellaneous
************************************************************* */
.lineSpace{width: 100%; height: 1px; margin-bottom: 20px; border-bottom: 1px dotted #cccccc; clear: both; font-size: 0%;}
.clearSpace{ float: left; clear: both; width: 200px; font-size: 0; height: 20px;}
#noBG{background-image: none;}
hr {border: none 0; border-top: 1px dotted #CCC; width: 100%; height: 1px; margin: 0 0 20px 0; clear: both;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{background-color: #EBF4FE; border: 1px dashed #09F; padding: 5px 10px; margin: 10px 0 20px 0; text-align: left; float: left; clear: both; width: 90%;}

#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF3300; border: none;}
#alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0; line-height: 180%; clear: none; float: left; width: 100%;}
#alertBox table{border-collapse: collapse; width: 70%; margin: 15px 0 0 15px; border:1px solid #999999;}
#alertBox td, #alertBox th{ height: 3em; padding: 5px; border: none; background: none;}
#alertBox th{background-color:#fff; color:#333;}
#alertBox td{background-color:#FFF; color:#333;}
#alertBox th a{color:#333; text-decoration:none;}

#alertBoxError{border: 1px solid #FFF; padding: 10px 0; margin: 10px 0 20px 0; background-color: #CA0211; width: 99%; text-align: left; float: left; color:#FFF;}
#alertBoxError p{ color: #FFF; font-size:75%;padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBoxError h2{  margin: 0 0 0 10px; padding: 0; font-size: 80%; font-weight: bold; color: #FFF; border: none;}

.error{ color:#FF0000; font-weight:700; font-size:90%; text-decoration:blink;}

/* Product Detail Alert Box */
#mainContent2 .productInfo #alertBox{width: 330px;}


/**************************************************************/
#contactForm fieldset{border: 1px dotted #bbb; margin: 20px 0; padding: 20px 0 20px 20px;}
#contactForm legend{font-size: 90%; color: #669900; margin: 10px 0 10px 0; padding: 0 10px; font-weight:bold; text-transform: capitalize; background-color: #fff;}
#contactForm p{ margin: 2px 0; height: auto; float: left; width: 400px; color: #000; font-size: 70%;}
#contactForm p label{float: left; width: 100px;}
#contactForm input{float: left;}
#contactForm select{border: 1px solid #ccc; font-size: 90%; color: #666;}
#contactForm textarea{border: 1px solid #ccc; font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 3px; width: 250px;}
#contactForm .submit{ background: url(../images/btn_send.gif) 0 0 no-repeat; width: 89px; height: 33px; border: none; cursor: pointer;}
#contactForm .text{border: 1px solid #ccc; font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 3px; width: 250px;}
#contactForm .text_sml{border: 1px solid #ccc; font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 3px; width: 150px;}


/*----------------------------Suggest Styles--------------------------*/
.suggest_link {background-color: #FFFFFF; padding: 2px 6px 2px 6px;}
.suggest_link_over {background-color: #3366CC; padding: 2px 6px 2px 6px;}
#search_suggest {position: absolute; background-color: #FFFFFF; text-align: left; border: 1px dashed #CCC;}		
/*----------------------------End Suggest Styles------------------------*/

/**************************************************************/
#contact{width: 450px; float: left; margin: 0; padding: 20px 0 10px 0;}
#contact p{font-size: 75%;}
#contact h2{padding: 0; margin: 0 0 10px 0; font-size: 100%; text-align:left; text-transform: capitalize; width: auto;color: #FF9900;} 
#contact .productName{font-size: 75%;color:#669900; font-style:italic;}

#contact fieldset{border: 1px dotted #bbb; margin: 20px 0; padding: 20px 0 20px 20px;}
#contact legend{font-size: 90%; color: #669900; margin: 10px 0 10px 0; padding: 0 10px; font-weight:bold; text-transform: capitalize; background-color: #fff;}
#contact span{color: #666; text-transform: lowercase; font-style: italic;}
#contact p{color: #666;}
#contact p label{float: left; width: 120px;}
#contact input{border: 1px solid #bbb; font-size: 90%; color: #336699; padding: 3px; text-align: left;}
#contact select{border: 1px solid #bbb; font-size: 90%; color: #336699;}
#contact textarea{border: 1px solid #bbb; font: 100% Arial, Helvetica, sans-serif; color: #336699; padding: 3px;}
#contact .btn{font-size: 70%; text-transform: uppercase; background-color: #eee;}
#contact .btn:active{border: 1px solid #336699; background-color: #fff;}
#contact .btn:hover{border: 1px solid #003366;}
#contact .smallTxt{font-size: 80%; text-transform: lowercase; width: 350px;}


/* *************************************************************
TAB SYSTEM
************************************************************* */
div.panes div {display:none; height:auto;}
div.panes div.pane { display:none; }
ul#tabs a.current, ul#tabs a.current:hover, ul#tabs li.current a {color:#000;}


/* *************************************************************
POPUP NEWSLETTER
************************************************************* */
.popupContentWrap { float: left; width: auto; padding: 0; margin: 0; overflow: auto;}
.popupContentWrap h2{font-size: 150%; margin: 5px 0 5px 0; clear: both; color: #004D81; font-weight: normal; width: 100%;}
.popupContentWrap h3{font-size: 140%; line-height: 100%; margin: 0px 0 10px 0; clear: both; color: #09F; font-weight: normal; width: 100%;}
.popupContentWrap .lines{ border-top: 1px solid #99CC00; border-bottom: 1px solid #CCE57F; height: 1px; width: 515px; float: left; margin: 5px 0; font-size: 0; clear: both;}
.popupContentWrap p{ float: left; width: 100%; font-size:70%; margin: 0 0 0 0; padding: 0; line-height: auto; display: inline;}
.popupContentWrap form { float: left; margin: 15px 0 0 0;}
.popupContentWrap form p{ float: left; width: 260px; font-size: 70%; margin: 0 0 0 0; padding: 0; line-height: 220%; display: inline;}
.popupContentWrap form label{ width: 100px; float: left}
.popupContentWrap form textarea { font: 110% Arial, Helvetica, sans-serif; width: 520px; height: 100px;}
.popupContentWrap form .btn_submit { background: url(../images/buttons/btn_submit.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; width: 74px; cursor: pointer; float: left; margin: 0;}

#replaceme, #sackdata{ float: left; width: 280px; padding: 0; margin: 0 0 0 0;}
.popupContentWrap #replaceme p, .popupContentWrap #sackdata p{ float: left; width: 260px; margin: 0; padding: 10px;  display: inline; color: #FF6600; font-size: 70%; background-color: #FFF; line-height: 130%;}

/* the overlayed element */
.apple_overlay {display:none; z-index: 10000; background: #fff; width: 350px; height: auto; padding: 35px;}

/* default close button positioned on upper right corner */
.apple_overlay div.close {background-image:url(../js/jquerytools/images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}


/* *************************************************************
POPUP NEWSLETTER
************************************************************* */
#contactPopup { float: left; width: 350px; height:330px; padding: 0; margin: 0; overflow: auto;}
#contactPopup h2{font-size: 150%; margin: 5px 0 5px 0; clear: both; color: #004D81; font-weight: normal; width: 100%;}
#contactPopup h3{font-size: 140%; line-height: 100%; margin: 0px 0 10px 0; clear: both; color: #09F; font-weight: normal; width: 100%;}
#contactPopup .lines{ border-top: 1px solid #99CC00; border-bottom: 1px solid #CCE57F; height: 1px; width: 515px; float: left; margin: 5px 0; font-size: 0; clear: both;}
#contactPopup p{ float: left; width: 100%; font-size:70%; margin: 0 0 0 0; padding: 0; line-height: auto; display: inline;}
#contactPopup form { float: left; margin: 15px 0 0 0;}
#contactPopup form p{ float: left; width: 260px; font-size: 70%; margin: 0 0 0 0; padding: 0; line-height: 220%; display: inline;}
#contactPopup form label{ width: 100px; float: left}
#contactPopup form textarea { font: 110% Arial, Helvetica, sans-serif; width: 520px; height: 100px;}
#contactPopup form .btn_submit { background: url(../images/buttons/btn_submit.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; width: 74px; cursor: pointer; float: left; margin: 0;}

#replaceme, #sackdata{ float: left; width: 280px; padding: 0; margin: 0 0 0 0;}
#contactPopup #replaceme p, #contactPopup #sackdata p{ float: left; width: 260px; margin: 0; padding: 10px;  display: inline; color: #FF6600; font-size: 70%; background-color: #FFF; line-height: 130%;}

/* the overlayed element */
.apple_overlay_2 {display:none; z-index: 10000; background: #fff; width: 350px; height: auto; padding: 35px;}

/* *************************************************************
SEARCH RESULTS
************************************************************* */
#searchResults2 .list, #searchResults2 .list2{ width: 530px; float: left; margin: 0 0 0 0; padding: 10px 10px; display: inline; border-bottom: 1px solid #fff;}
#searchResults2 .list dl, #searchResults2 .list2 dl{ float: left; width: 680px; font-size: 75%; margin: 0 0 0 10px; padding: 0;}
#searchResults2 .list dt, #searchResults2 .list2 dt{ float: left; width: 100px; margin: 0; padding: 0; white-space: nowrap; color: #009DB5;}
#searchResults2 .list dd, #searchResults2 .list2 dd{ float: left; width: 580px; margin: 0; padding: 0; color: #544B39;}
#searchResults2 .list dd a, #searchResults2 .list2 dd a{ text-decoration: none; color: #544B39;}
#searchResults2 .list dd a:hover, #searchResults2 .list2 dd a:hover{ text-decoration: underline; color: #000;}

#searchResults2 .list{background-color: #D7EDF7;}
#searchResults2 .list2{background-color: #EEF7FB;}