/*2009_09_24*/
/* HTML */

body{margin:0;font-family:verdana,helvetica,arial,sans-serif;font-size:12px;
background-color:#FFFFFF;color:#3d3d3d;}
td, p, li, div{color:#888888;}
td, p, li{line-height:1.5;}

div{font-family:verdana;border:0px solid #000;}

ul{margin:10px 10px 10px 0px;}
ol{padding: 0 30px 10px 20px;margin: 0 30px 10px 20px;}
table{border:0px;empty-cells:show;}
td{font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;
vertical-align:top;color:#444444;}

/* Combo page tables */
table#decorated_cakes{width:700px;;}
table#decorated_cakes table{margin-left:50px;}
table#decorated_cakes td {width:33%;text-align:center;padding-bottom:14px;color:#888888;}
table#decorated_cakes td p {text-align:center;margin-left:20px;}

table#decorated_cakes table td{padding:2px;text-align:left;width:100%;color:#888888;font-size:11px}
table#decorated_cakes table td p{text-align:left;color:#888888;font-size:11px}

th.combo{text-align:left;font-weight:bold;vertical-align:top;}

td.combo1{width:230px;font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}
td.combo2{width:120px;font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}
td.combo3{width:180px;font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}
td.combo4{width:350px;font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}

/* Award page table */
table.awards{width:705px;margin-bottom:15px;border-style:solid;border-width:0;border-collapse:
separate;border-spacing:10px;empty-cells:show;}

th.awards{width:230px;height:30px;font-size:16px;text-align:center;font-weight:bold;/* color:#ffcc00;
background-color:#669966; */margin:0;}

td.awards1{width:230px;height:20px;font-size:14px;color:#674056;text-align:center;font-weight:bold;padding:8px 0 0 0;}
td.awards2{width:230px;font-size:11px;text-align:center;font-weight:normal;padding:8px 5px 15px 5px;}

/* Contact page table */
table.contact{margin:0 0 0 0;}
td.contact{width:100px;}

/* FAQ - definition list */
#faq-left {float:left;width:352px;padding-bottom:20px;}
#faq-right {float:right;width:352px;padding-bottom:20px;}
dl{font-size:10px;}
dt{margin:10px 0 5px 0;font-weight:bold;font-size:11px;}
dd{margin:0 10px 0 0;}
ul.faq{margin:0 10px 10px 10px;font-size:10px;}

/* DIVS  (placeholders or containers for items) */
#wrapper{position:relative;width:960px;margin:0 auto;}
#header{width:100%;height:108px;}
#logo{float:left;margin:20px 0px 0px 30px;}
#tagline{float:right;width:269px;margin:75px 25px 0 0;}

#inner-wrap{width:100%;border:1px solid #B4B4B4;position:relative;}
#nav{float:left;width:204px;clear:left;padding:20px 0 0 25px;border:0px solid #000;height:478px;} /* need to use padding to get IE6 to play ball */
/* random image at bottom left */
#rotatable{;}
#rotatable_div{position:absolute;bottom:20px;left:10px;;}

#submenus{text-align:center;color:white;font-weight:bold;background-color:#674056;margin-top:-3px;}
#submenus a{color:white;}
#content{float:left;width:731px;min-height:200px;margin:0 0 0 0;border:0px solid #000000;}

#footer{width:100%;height:30px;margin-top:8px;font-size:10px;color:#B4B4B4;}
#copyright{width:20%;float:left;margin-left:15px;}
#share{width:120px;float:left;font-size:11px;margin-left:40px;text-align:left;}
#required{float:right;width:40%;margin-right:40px;text-align:right;}
#required a {color:#B4B4B4;text-decoration:none;}
#required a:hover {color:#B4B4B4;text-decoration:underline;}
#freshspring{float:right;width:15%;text-align:right;margin-right:15px;font-size:10px;}

/* Page titles (graphics) */
#page-title{width:330px;height:18px;margin:20px 0 8px 0;}

/* Homepage content divs */
#home-page-flash{width:705px;height:330px;margin-top:20px;}
#banner-left{float:left;width:215px;height:100px;margin:20px 0px 0px 0px;padding-bottom:20px;}
#banner-middle{float:left;width:215px;height:100px;margin:20px 30px 0px 30px;padding-bottom:20px;}
#banner-right{float:left;width:215px;height:100px;margin:20px 0px 0px 0px;padding-bottom:20px;}

/* Flash holder for About and Our Cheeses */
#flash-right243{float:right;width:243px;margin-left:25px;}

/* Assembly and decoration page (and combo page) */
#decor-column-right{float:right;width:200px;margin:0 20px 0 0;}
#decor-column-middle{float:right;width:200px;margin:0 55px 0 0;}
#decor-column-left{float:left;width:200px;}
p.decor{width:200px;text-align:center;font-size:12px;}

/* Combo page */

/* scrolling */
.Scrollbar-Up,.Scrollbar-Down{position:absolute;right:10px;z-index:1000;}
.Scrollbar-Up{top:0px;}
.Scrollbar-Down{bottom:0px;}

/* scrolling on main pages  (have image on right-hand side) */
div#content .Container{width:460px;height:420px;}
div#content .Container #Scroller-1{position:absolute;overflow:hidden;width:460px;height:420px;z-index:999;}
div#content .Container #Scroller-1 #main_text{position:absolute;padding:0px 20px 0px 0px;}
body.content_cms .Container #Scroller-1{overflow:auto;}

/* scroller on FAQ (and other wide pages) */
div#content .Container-wide{position:absolute;width:730px;height:420px;}
div#content .Container-wide #Scroller-1{position:absolute;overflow:hidden;width:730px;height:420px;z-index:999;}
div#content .Container-wide #Scroller-1 #main_text{position:absolute;padding:0px 20px 0px 0px;}


/* individual cheeses */
#cheese_details_list{width:480px;}
#other_cheeses{float:right;margin-left:10px;position:relative;width:233px;}
#other_cheeses p{height:77px;overflow:hidden;margin-bottom:0px;margin-top:0px;}
#other_cheeses_header{text-align:left;margin-bottom:10px;}
.cheese_detail_link{display:inline-block;margin:10px;width:123px;}
.cheese_detail_link a{font-weight:bold;color:grey;}
#cheese_details_list h3{font-weight:bold;color:#888888;}
/* scrolling */
div#other_cheeses .Container{/* float:right; */width:233px;height:420px;margin-top:10px;position:relative;}
div#other_cheeses .Container #Scroller-cheeses{position:absolute;overflow:hidden;width:233px;height:420px;z-index:999;}
div#other_cheeses .Container #Scroller-cheeses #cheese_listing{position:absolute;}
body.content_cms #other_cheeses .Container,
 body.content_cms #other_cheeses .Container #Scroller-cheeses{height:auto !important} /* for the CMS editing purposes */



/* TEXT */
p{font-size:12px;margin:10px 20px 15px 0;}
h1{font-size:18px;margin:10px 0 10px 0; font-weight:normal;color:#B4B4B4;}
h2{font-size:14px;margin:0 0 10px 0; font-weight:normal;color:#B4B4B4;}
h3{font-size:12px;margin:0px 0px 0px 0;font-weight:normal;color:#B4B4B4;}
h4{font-size: 12px;margin:0px 0px 0px 0px; font-weight: 400;}
h5{font-size: 11px;margin:0px 0px 0px 0px; font-weight: 400;}
h6{font-size: 10px;margin:0px 0px 0px 0px; font-weight: 400;}
.quote{font-size: 10px;}

/* IMAGES */
a img {border:0;}
img.right243{float:right;margin-left:25px;}

/* LINKS */
a{color:#641B41;text-decoration:none;}
a:hover{color:#A24073;text-decoration:none;}
a:visited{;}
a:active{;}

/* FORMS */
form {width:450px;margin:10px 10px 10px 0;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.form_field_name{float:left;margin:0 15px 5px 0;text-align:right;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}

/* module forms */
#container_email_bottom{height:178px;}

/* MENUS - for individual menu buttons (the div id=topmenus alters the placeholder) */
.menu_lvl1{padding:12px 0 0 0;}
.menu_lvl1 a{color:#B4B4B4;}
.menu_lvl1_on{padding:12px 0 0 0;}
.menu_lvl1_on a{color:#000000;}

.menu_lvl2{margin:4px 10px 0 10px;font-size:10px;padding:2px 10px 2px 10px;}
.menu_lvl2 a{color:#B4B4B4;}
.menu_lvl2_on{margin:4px 10px 0 10px;font-size:10px;padding:2px 10px 2px 10px;font-weight:bold;}
.menu_lvl2_on a{color:#000000;text-decoration:none;}

.menu_lvl3{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAFFAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl3 a{color:white;}
.menu_lvl3_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl3_on a{color:white;}
.menu_lvl4{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#DDDD00;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl4 a{color:white;}
.menu_lvl4_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl4_on a{color:white;}
.menu_lvl5{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AA00DD;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl5 a{color:white;}
.menu_lvl5_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */


/* PAGES Vertical */
div.page_lvl1{margin:4px 0 2px 5px;color:#B4B4B4;font-size:10px;}
div.page_lvl1 a{color:#B4B4B4;text-decoration:none;}
div.page_lvl1_on{margin:4px 0 2px 5px;color:#B4B4B4;font-size:10px;}
div.page_lvl1_on a{color:#000000;text-decoration:none;}

div.page_lvl2{margin:2px 0 2px 15px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin:2px 0 2px 15px;}
div.page_lvl2_on a{display:block;font-weight:bold;}

div.page_lvl3{   margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3_on a{display:block;font-weight:bold;}
div.page_lvl4{   margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4_on a{display:block;font-weight:bold;}
div.page_lvl5{   margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5_on a{display:block;font-weight:bold;}


/* PAGES Horizontal */
span.page_lvl1{   }
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{   }
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}


/* CMS */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}
.cell_highlighted{background:#D0E0FF;}


/* freshSPRING (Do Not Alter) */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#FFCC66;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#99CCFF;}
.serving{color:#B4B4B4;}
.serving_light{color:#ADADAD;}
.hope{color:#009900;}


/*  stop divs from flowing out of boxes can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display: block; height: 0px; clear: both; visibility: hidden; font-size:0px;}
.clearfix {display:inline-block;clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; font-size:0px;}
/* End hide from IE-mac */