/*
=================================
dollop 2009 PAGES
=================================
*/
/*
=================================
home page
=================================
*/
#home_promo_text{
    position:absolute;
    left:10px;
    top:55px;
    width:300px;
    height:250px;
    z-index:1;
}

#home_promo_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;  
    margin: 5px 0px 0px 0px;
    color:#3a3a3a;
    line-height:15px;
}

#home_promo_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 46px;
    font-weight: normal;
    color:#80a1be;
    margin:0px;
    padding:0px;
}

#home_promo_text h2{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 72px;
    font-weight: normal;
    color:#aac0d4;
    margin:-40px 0px -45px 0px;
    padding:0px;
}


#home_promo_text sup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
}


#home_promo_image{
    margin:0px; 
    padding:0px;
    height:372px;
    
}

#home_promo_image img{ 
    border:0px;
    margin:0px;
    padding:0px;
    height:372px;
}
/*
=================================
product page
=================================
*/


#product_intro_container{
    width:780px;
    height:372px;
}

#product_promo{
    width:599px;
    height:372px;
    float:left;
}

#product_promo_text{
    position:absolute;
    left:10px;
    top:45px;
    width:350px;
    height:50px;
    z-index:1;
}

#product_promo_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;  
    margin: -10px 0px 0px 0px;
    color:#93afc8;
    line-height:15px;
}

#product_promo_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#product_promo_text sup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
}

#product_promo_image{
    margin:3px 0px 0px 0px; 
    border:0px;
    padding:0px;
}

#product_promo_image img{ 
    border:0px;
    margin:0px;
    padding:0px;


}

/*
=================================
product side menu
=================================
*/


#product_menu{
    width:162px;
    height:200px;
    float:right;
    background-attachment: scroll;
    background-image: url(/images/15.png);
    background-repeat: no-repeat;
    margin:50px 10px 0px 0px;
    padding: 0px;
    background-position: center top;

}

#product_menu h3{
    border: 0px;
    margin: 0px;
    padding: 8px 0px 0px 8px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#80a1be;
}



#product_menu ul{
    border: 0px;
    margin: 0px;
    padding: 3px 0px 0px 8px;
    text-align:left;
}

#product_menu li{
    border: 0px;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    list-style-type: none;
    text-align:left;
    background-attachment: scroll;
    background-image: url(/images/16.gif);
    background-repeat: no-repeat;
    background-position: center 2px;
    
}

#product_menu ul li {

    text-align:left;
    padding: 2px 0px 2px 0px;
    margin: 0px;
}

#product_menu ul li a{   
    height: 34px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding: 3px 0px 0px 0px;  
    margin: 0px 0px 0px 0px;
}



#sideMenu01 a{color:#4a4949;}
#sideMenu02 a{color:#4a4949;}


#sideMenu01 a:hover{ color: #80a1be;}
#sideMenu02 a:hover{ color: #80a1be;}


/*
===============================================
ACTIVE MENU
===============================================
*/
#sideMenu01_active a{width:55px; color: #80a1be;}

#sideMenu02_active a{width:80px; color: #80a1be;}

/*
===============================================
ingredients
===============================================
*/
#ingredients_area{
    width:780px;
    padding:0px;
    margin:0px;
}

#ingredients_area ul{
    list-style-type: none; 
    padding:0px;
    margin:0px;
}

#ingredients_area li{
    list-style-type: none; 
    padding:0px;
    margin:0px;
    float:left;
}


#ingredients_area ul li{
    list-style-type: none; 
    display: inline;
    padding:0px;
    margin:0px;
}
#ingredient{
    width: 360px;
    padding:10px 20px 10px 10px;
    margin:0px;
     
}

#ingredient img{
    border: solid 1px #ccc;
    padding:5px;
    margin:0px 10px 10px 0px;
    float:left;
     
}

#ingredient_text p{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;   
    padding:0px;
    margin:0px;
}

#ingredient h3{
    border: 0px;
    margin: 0px;
    padding:0px 0px 5px 0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#80a1be;
}

#ingredient sup{
    border: 0px;
    margin: 0px;
    padding:0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5px;
    color:#222;
}

/*
===============================================
bespoke 
===============================================
*/
#bespoke_intro_container{
    width:780px;
    height:310px;
}
#bespoke_promo{
    width:599px;
    height:230px;
    float:left;
}
#bespoke_promo_text{
    position:absolute;
    left:10px;
    top:55px;
    width:350px;
    height:150px;
    z-index:1;
}

#bespoke_promo_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: 20px 0px 0px 0px;
    color:#222;
    line-height:15px;
}
#bespoke_promo_text p a{
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: 5px 0px 0px 0px;
    color:#80a1be;
    line-height:15px;
}

#bespoke_promo_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:0px 0px 0px 0px;
    padding:0px;
}
#bespoke_promo_text h3{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color:#80a1be;
    margin:-10px 0px 0px 0px;
    padding:0px;
}

#bespoke_promo_text sup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
}

#bespoke_promo_image{
    margin:0px 0px 0px 0px; 
    border:0px;
    padding:0px;
}

#bespoke_promo_image img{ 
    border:0px;
    margin:0px;
    padding:0px;
}

/*
===============================================
who
===============================================
*/

#who_text{
    float:left;
    width:350px;
    margin:15px 0px 20px 10px;
    padding:0px 0px 0px 0px;
}

#who_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: 5px 0px 0px 0px;
    color:#222;
    line-height:15px;
}
#who_text p a{
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: 5px 0px 0px 0px;
    color:#80a1be;
    line-height:15px;
}

#who_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#who_text h3{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color:#80a1be;
    margin:-10px 0px 0px 0px;
    padding:0px;
}


#who_image{
    margin:30px 20px 20px 0px; 
    border:0px;
    padding:0px;
    float:right;
}

#who_image img{ 
    border:0px;
    margin:0px;
    padding:0px;
}


/*
===============================================
where
===============================================
*/

#where_text{
    position:absolute;
    left:10px;
    top:55px;
    width:350px;
    height:150px;
    z-index:1;
}

#where_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: -5px 0px 0px 0px;
    color:#222;
    line-height:15px;
}
#where_text p a{
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;  
    margin: 0px 0px 0px 0px;
    color:#80a1be;
    line-height:15px;
}

#where_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:-10px 0px 0px 0px;
    padding:0px;
}


#where_map{
    margin:130px 0px 0px 10px; 
    border:0px;
    padding:10px;
    background-attachment: scroll;
    background-image: url(/images/28.jpg);
    background-repeat: no-repeat;
}

#where_map img{ 
    border:0px;
    margin:0px;
    padding:0px;
}

#map_gradient{

    position:absolute;
    left:20px;
    top:604px;
    z-index:1;
    height:40px;
    background-color:#fff;
    width:740px;

}

/*
===============================================
blog
===============================================
*/

#blog_text{
     padding:0px;
     margin:0px 0px 20px 10px;
     float:left;
     width:500px;
}

#blog_text p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 0px;  
    margin: -10px 0px 0px 0px;
    color:#93afc8;
    line-height:15px;
}
#blog_text p a{
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 0px;  
    margin: 0px 0px 0px 0px;
    color:#80a1be;
    line-height:15px;
}

#blog_text h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:10px 0px 0px 0px;
    padding:0px;
}


#blog_post{
    padding:0px 0px 15px 0px;
    margin:0px 0px 5px 10px;
    width:579px;
    float:left;
    background-attachment: scroll;
    background-image: url(/images/16.gif);
    background-repeat: repeat-x;
    background-position: left bottom;

}

#blog_post h3{
    padding:0px 0px 20px 0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#80a1be;
    background-attachment: scroll;
    background-image: url(/images/16.gif);
    background-repeat: repeat-x;
    background-position: left 20px;
    clear:both;
}

#blog_post_text{
    padding:0px;
    margin:0px 0px 0px 0px;
    width:490px;
    float:right;
}

#blog_post_text h4{
    padding:0px 0px 5px 0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color:#666;
}

#blog_post_text h4 a{
    padding:0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color:#666;
}

#blog_post_text p{
    padding:0px;
    margin:0px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#666;
}

#blog_post_text p a{
    padding:0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#80a1be;
}


#blog_post_text p a:hover{
    text-decoration:underline;
    color:#666;
}

#blog_post_text ol li{
    padding:0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#222;
}

#blog_post_text ol li a{
    padding:0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#80a1be;
}

#blog_post_text ol li a:hover{
    text-decoration: underline;

}

#blog_post_text ul li{
    padding:0px;
    margin:0px;
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#222;
}

#blog_post_text ul li a{
    padding:0px;
    margin:0px;
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color:#222;
}

#blog_post_image{
    padding:0px;
    margin:0px;
    width:71px;
    float:left;
}

#blog_post_image img{
    border: solid 1px #ccc;
    padding:5px;
    margin:0px;
}


/*
===============================================
blog menu
===============================================
*/

#blog_menu{
    width:162px;
    float:right;
    background-attachment: scroll;
    background-image: url(/images/15.png);
    background-repeat: no-repeat;
    margin:50px 0px 20px 0px;
    padding: 0px;
    background-position: center top;

}
#blog_menu dl{

    margin: 0px;
    padding: 0px;

}

#blog_menu dt{
    border: 0px;
    margin: 0px;
    padding: 8px 0px 0px 8px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#80a1be;
}
#blog_menu dd{
    border: 0px;
    margin: 0px;
    padding: 8px 0px 0px 8px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#80a1be;
    text-decoration: none;
  background-attachment: scroll;
    background-image: url(/images/16.gif);
    background-repeat: no-repeat;
    background-position: center 2px;
}

#blog_menu dd a{
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    text-decoration: none;
}

#blog_menu dd a:hover{
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    text-decoration: underline;
}


/*
===============================================
blog next prev
===============================================
*/

#prev_next{
    clear:left;
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    width:600px;
    height:50px;

}

#prev_next ul {
    margin:0px;
    padding:0px;
    list-style-type: none;

}

#prev_next ul a{
    margin:0px;
    padding:0px;
    list-style-type: none;
}


#prev_next li {
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    margin:7px 0px 0px 0px;
    list-style-type: none;

}
#prev_next li a{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    padding:7px 0px 0px 18px;
    text-decoration: underline;
    background-attachment: scroll;
    background-image: url(/images/31.jpg);
    background-repeat: no-repeat;
}

#prev_next li a:hover{
    text-decoration:none;
}

/*
===============================================
blog comments
===============================================
*/

#blog_post_comment_invite{
    clear:both;
    margin:100px 0px 0px 0px;
    background-color:#ccc;
}

#blog_post_comment{
    clear:both;
    margin:100px 0px 0px 0px;
    padding:5px;
}

#blog_post_comment h5{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
}

#blog_post_comment h5 a{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
}

#blog_post_comment h6{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
}

#blog_post_comment h6 a{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
}

#blog_post_comment p{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#666;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
    font-style:italic;
}

#blog_post_comment ol li{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color:#ccc;
    text-decoration: none;
    margin:0px 0px 20px 0px;
    padding:0px;
    font-weight: normal;
    font-style:italic;    
}

/*
===============================================
blog comment form
===============================================
*/
#blog_post_comment_form fieldset{
    border:dashed 1px #ccc;
}

.input{
    color:#777;
    margin:10px 0px 0px 0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color:#ccc;    
}

#blog_post_comment_form legend{
   color:#ccc;
}

#blog_post_comment_form input{
   color:#222;
   border:1px solid #ccc;
   padding:2px;
   margin:0px 0px 0px 0px;
}

#blog_post_comment_form textarea{
   color:#222;
   border:1px solid #ccc;
   padding:2px;
   margin:0px 0px 10px 0px;
   width:400px;
}

#blog_post_comment_form label{
   color:#ccc;
   padding:2px;
   margin:0px 0px 10px 0px;
   width:400px;
   text-align:left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#blog_post_comment_form p{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#22;
    text-decoration: none;
    margin:0px;
    padding:0px;
    font-weight: normal;
    font-style:italic;    
}

#blog_post_comment_form h5 {
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:5px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    font-weight: normal;
    font-style:italic;    
}

#blog_post_comment_form h5 a{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:5px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    font-weight: normal;    
}

#blog_post_comment_form h6 {
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight: normal;
    font-style:italic;    
}

#blog_post_comment_form h6 a{
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#ccc;
    text-decoration: none;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    font-weight: normal;    
}

.buttons input{
    background-color:#eee;
    margin:10px 0px 0px 0px;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#eee;
    cursor:hand;
}

.buttons input.disabled{
    display:none;
}

#comments_closed{
    display:none;
}

/*
===============================================
contact
===============================================
*/
#contact_intro{
    margin:30px 0px 0px 0px;
    padding:0px;
}

#contact_intro p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;  
    margin: -5px 0px 0px 10px;
    color:#80a1be;
    line-height:15px;
}

#contact_intro p a{
    text-decoration: underline;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;  
    margin: 0px 0px 0px 10px;
    color:#80a1be;
    line-height:15px;
}

#contact_intro h1{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    color:#80a1be;
    margin:-10px 0px 0px 10px;
    padding:0px;
}

#contact_details{
    float:right;
    margin:80px 20px 100px 0px;
    padding:0px;
    width:250px;
}

#contact_details img{
    float:left;
    margin:0px 10px 0px 0px;
    padding:0px;
}

#contact_details h3{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color:#5f5f60;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#contact_details p{
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color:#666;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#contact_form{
    float:left;
    margin:40px 0px 20px 10px;
    padding:0px;
    width:300px;
}

#contact_form fieldset{
    border:0px;
    margin:0px;
    padding:0px;
}



#contact_form legend{
    display:none;
    margin:0px;
    padding:0px;
}

#contact_form input{

        margin:5px 0px 5px 0px;
        padding:0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
        color:#222;
        border:1px solid #ccc;
        padding:2px;
        width:450px;
}

#contact_form textarea{
        margin:8px 0px 8px 0px;
        padding:2px;
        width:455px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
        color:#222;
        border:1px solid #ccc;
        width:450px;
}

#contact_form label{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
        color:#666;
        margin: 5px 0px 0px 0px;
}

#contactbutton input{
        width:80px;
}

ul.zemError{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
        color:#ff0000;
        margin:0px 0px 20px 0px;
        padding:10px 0px 10px 20px;
        border: dashed 1px;
}