@charset "utf-8";
/* CSS Document */



/* GENERAL  */
html {overflow-y: scroll;}
body { font: 62.5% Agenda, Helvetica, Arial, sans-serif; background:#2a4534;color:#ffffff; }
a {text-decoration:none; color:#ffffff;}
a.bloglink {font-weight:bold;}
a.bloglink:hover { color:#172526;}
/*   */

/* PAGE BACKGROUNDS  */
body.index {background:  #2a4534;}
body.about { background:url(../images/splash_bread_smaller.jpg) center 80px no-repeat #2a4534;}
body.markets { background:url(../images/splash_markets_smaller.jpg) center 80px no-repeat #2a4534;}
body.story { background:url(../images/splash_story_smaller.jpg) center 80px no-repeat #2a4534;}
body.products { background:url(../images/splash_products_smaller.jpg) center 80px no-repeat #2a4534;}
body.blog { background:url(../images/splash_bread_smaller.jpg) center 80px no-repeat #2a4534;}

body.buy { background:url(../images/splash_buy_smaller.jpg) center 80px no-repeat #2a4534;}



/*STRUCTURE*/

#container {
	width: 949px; /*originally was 945px but IE going mental*/
	margin: 0 auto;
	position:relative;
	min-height:100px;

}

/* old big splash styles
#header {height: 400px;}
small splash styles height:297px
*/
#header {height: 193px;}


#content {clear:both;}

#footer {}



/*HEADER  */

#logo {float:left;}
#header h1{ text-indent:-999px;}

#contact {float:right; width:273px; height:66px; background:url(../images/contact_bg.jpg) no-repeat; font-size:1.2em; padding-top:8px;}

#header dt {float:left; width:126px; font-weight:bold; margin-bottom:3px; position:relative; left:10px;}
#header dd {float:right; width:136px; text-align:right; margin-right:10px; margin-bottom:3px;}

#latest {background:url(../images/latest.png); width:166px; height:70px; position:absolute; top:95px; right:-20px;}
#latest a {display:block;width:166px; height:70px; position:relative; float:left;}
/* NAV   */

/*Old big pic styles
 #nav {clear:both;  margin-left:15px; padding-top:297px; height:151px;} 
#nav {clear:both;  margin-left:15px; padding-top:176px; height:151px;}*/
#nav {clear:both;  margin-left:15px; padding-top:90px; height:151px;}

#nave{border-top:1px solid #273d30;} 
#nav li  {float:left; padding-right:2px; margin:0 0 0 35px;  height:51px; min-width:20px;}
#nav li:first-child {padding-left:0; margin-left: 0px; width:80px;}
 #nav li:hover  {background:url(../images/nav_bg.jpg) no-repeat right -3px;}
#nav li a{text-transform: uppercase; font-size: 1.3em; color:#ffffff; height:51px; display:block; padding:10px 18px 0 ;}
 #nav li:hover a {background:url(../images/nav_bg_L.jpg) no-repeat  left -3px ;}
#nav li.selected {background:url(../images/nav_bg.jpg) no-repeat right -3px;}
#nav li.selected a {background:url(../images/nav_bg_L.jpg) no-repeat  left -3px ;}

/* INDEX PAGE   */
#index_nav {width:834px; height:206px; background: url(../images/nav_index_bg.jpg) no-repeat; margin: 50px auto;}
#index_nav li {float:left; margin-top:20px;}
#index_nav li span {float:left;position:absolute;top:-500px;}


body.index #container {text-align:center; margin-top:50px; position:inherit;}
body.index #header {display:none;}

.tagline {margin: 20px 0 0 0;}
#index_contact { width:834px; margin:0 auto; padding-left:170px; color:#aaa;}
#index_contact li {float:left; margin-left: 35px; color:#aaa; font-size:1.2em;}
#index_contact li:first-child {}
#index_contact li span {color:#aaa;}
#index_contact li a{color:#aaa;}
#index_contact li a:hover{color:#fff;}
#index_footer {position:fixed;bottom:20px; left:50%; width:300px; margin-left:-150px; color:#121f17;}
#address {color:#aaa; clear:both; padding:20px 0 0 0 ; font-size:1.2em;}
.logoimgs img { margin:10px; padding:10px;}

/* GENERAL CONTENT AND LAYOUT  */
#content {clear:both;}
.right {margin-left:358px;}
#box_top {width:591px; background: url(../images/box_top.jpg) top no-repeat; }
#box_mid { background: url(../images/box_mid.jpg) repeat-y 0 45px;}
#box_bottom { background: url(../images/box_bottom.jpg) bottom no-repeat ; min-height:365px; padding: 30px 28px 25px 28px;}

.box_top {width:591px; background: url(../images/box_top.jpg) top no-repeat; }
.box_mid { background: url(../images/box_mid.jpg) repeat-y 0 45px;}
.box_bottom { background: url(../images/box_bottom.jpg) bottom no-repeat ; min-height:65px; padding: 30px 28px 25px 28px;}


.left_pic {background: url(../images/lef_bg.jpg) no-repeat; width:358px; float:left; height:412px; margin-top:3px;clear:both;}
.right_pic {background: url(../images/lef_bg.jpg) no-repeat; width:358px; float:right; height:412px; margin-top:3px;clear:both;}



/* DIVIDER */

#divider {height:10px; background:url(../images/divider.jpg) no-repeat center; clear:both;}
.divider {height:10px; background:url(../images/divider.jpg) no-repeat center; clear:both;}




/* ______HOME PAGE ______ */

#homepage_box {width:452px; height:179px; background:url(../images/homepage_box_bg3d.jpg) no-repeat; float:left; margin-bottom:0px; padding:0px 14px 0px 10px; margin-top:-10px;}

.box_left {margin-right:0px;}

#homepage_box img {float:left; width:167px; margin:13px;}

#homepage_box h2 {float:left; font-size:1.9em; border-bottom:1px solid #ffffff; margin:13px 0 6px 0; padding: 0 0 6px; width:240px;}

#homepage_box a {border-bottom: 1px solid #5f7569; font-style: italic; padding-right:12px; background: url(../images/arrows.jpg) no-repeat right; font-size:1.2em; font-weight:bold; float:right; position: relative; top:-14px; left:-15px;}
#homepage_box a:hover {border-bottom-color: #ffffff; }
#homepage_box p {font-size:1.1em;}





/* PRODUCT SLIDER  */
#product_slider {height:170px;}

#product_slider h3 {font-size:1.7em; margin:8px 0; text-align:center;}

div.slider_item {float:left; margin-left:19px;}
div.first {margin-left:0;}

.slider_item h3 {font-size:1.4em; font-style:italic; text-align:center; margin:4px 0 0 0 ;}


.slider_item {text-align:center;}
a.slider_text{font-weight:bold; font-size:1.5em; margin:4px 0 3px; font-style:italic; position:relative; top:4px;}


/* ______WHERE TO BUY PAGE ______ */

.map { height:391px; width:339px; margin: 10px 8px 10px 9px; padding: 0px; display:block;}


#buy_welcome { text-align:left; font-size:1.2em; line-height:1.3em; margin:15px 0 0 0; display:none; }

#buy_nav {border-bottom:1px solid #ffffff; padding-bottom:32px; display:none;}
#buy_nav li{float:left; margin-right:5px;}

#buy_nav li {height:28px;}
#buy_nav li a{display:block; height:28px; position:relative; z-index:10;}
#buy_nav li a span{position:absolute; top:-30px;}
#buy_nav li.retail a{width: 71px; background: url(../images/buy_nav_01.png) no-repeat top;}
#buy_nav li.delis a{width: 66px; background: url(../images/buy_nav_02.png) no-repeat top;}
#buy_nav li.restaurants a{width: 129px;background: url(../images/buy_nav_03.png) no-repeat top;}

#buy_nav li a:hover{background-position:bottom;}
#buy_nav li a.selected {background-position:bottom;}


.address_list {list-style:none; text-align:left; margin-top:15px;}
.address_list li{margin-bottom:9px;}
.address_list li a {text-transform:uppercase; font-size:1.1em; color:#121d16; padding:3px;}
.address_list li a span{ color:#ffffff; font-size:1.1em; }
.buy .selected, .markets .selected {background:#375a44;}


#wholesale { padding-top:2px; text-align:left; margin:5px 0 0 0 ; font-size:1.2em;}
h3.wholesale {font-size:22px; border-bottom:1px solid #ffffff; padding: 0 0 0px 0;}

#logos {width:850px; margin: 10px 0 15px 180px;}

h2.map_no_javascript {font-size:2.5em;border-bottom:1px solid #ffffff; padding-bottom:3px; margin:20px 0 0 0 ;}


/* ______MArkets PAGE */
#border {border-bottom:1px solid #ffffff; height:2px;}
.markets {margin-bottom:10px;}
.markets p {font-size:1.2em; margin:8px 0 0 0;}



.markets a.market_link { text-align:right;display:block; width:200px; color:#ffffff; text-transform:none; margin:3px 0 0 300px;}
.markets a.market_link span {font-size:1.3em;}
.markets a.market_link:hover {color:#162018; text-transform:none;}
.markets a.market_link:hover span{color:#162018; text-transform:none;}
/* ______ABOUT BREAD PAGE ______ */
.about h2 {border-bottom:1px solid #ffffff; font-size:24px; margin:-10px 0 0 0;}
body.about .left_pic {background-image: url(../images/lef_bg_about.jpg); }

#buy_nav li.faq a{width: 56px;background: url(../images/bread_nav_01.png) no-repeat top;}
#buy_nav li.bread a{width: 112px;background: url(../images/bread_nav_02.png) no-repeat top;}
#buy_nav li a:hover{background-position:bottom;}
#buy_nav li a.selected {background-position:bottom;}
#buy_nav li a span { position:absolute; top:-800px; }

#faq {margin-top:15px;}
#faq dt {font-size:15px; text-transform:uppercase; margin: 0 0 12px 0;}
#faq dd {font-size:1.2em; line-height:1.3em; margin: 0 0 15px;}

#faq dd img {display:none ; cursor:pointer; margin:4px 0 0 480px;}

#bread {margin-top:15px;}
#bread dt {font-size:15px; text-transform:uppercase; margin: 0 0 12px 0;}
#bread dd {font-size:1.2em; line-height:1.3em; margin: 0 0 15px;}

#bread dd img {display:none ; cursor:pointer; margin:4px 0 0 480px;}


/* ______OUR STORY PAGE ______ */

.story h2 {border-bottom:1px solid #ffffff; font-size:24px; margin:-10px 0 0 0;}
.story p {font-size:1.2em; margin:10px 10px 0 0;}

body.story .right_pic {background-image: url(../images/lef_bg_story.jpg); }




/* ______BLOG */

.blog #box_bottom { background: url(../images/box_bottom.jpg) bottom no-repeat ; min-height:75px; padding: 30px 28px 25px 28px;}
.blog_snippet h2 a{font-size:1.5em;}
.blog h2 {border-bottom:1px solid #ffffff;margin-bottom:4px;padding:0 0 0px 0; color:#ffffff; font-size:15px;	}
h2.blog_single {font-size:28px;}
#blog_box_top {width:315px; background: url(../images/blog_box_top.jpg) top no-repeat; }
#blog_box_mid { background: url(../images/blog_box_mid.jpg) repeat-y 0 45px;}
#blog_box_bottom { background: url(../images/blog_box_bottom.jpg) bottom no-repeat ; min-height:75px; padding: 20px 28px 25px 28px;}

.blog_snippet p {font-size:1.2em; line-height:1.3em;}
.blog_snippet p a {color:#162018;}
.blog_snippet p a:hover {color:#ffffff;}
.more-link {float:right; font-size:10px;}
#sidebar {width:315px; float:right; margin-right:40px;}


#sidebar h3 {border-bottom:1px solid #ffffff; font-size:1.3em; padding:0 0 3px 0; margin:8px  0  8px;}
#sidebar li {margin:0 0 8px 0 ;}
#tag_cloud-3 h2{margin-top:15px;}

.time {position:relative; top:16px; right:23px; float:right; text-align:right; display:block; font-size:10px;}
.blog_prev_next {margin: 20px 0 0 50%; }
#content .hilite { border-bottom: 1px dotted white ; cursor:help;}
.blog_back_link {float:right; margin: -12px 0 0 0 ; color: #162018; clear:both;}
.rss, .rss a {color:#162018;}
.rss a:hover, .blog_back_link:hover  {color:#ffffff;}

 img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:1em 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* ______PRODUCT PAGE_____ */

#products{}


#product_nav { padding-bottom:1px; margin:0 0 0 255px;}
#product_nav li{float:left; margin-right:5px;}

#product_nav li {height:30px;}
#product_nav li a{display:block; height:30px;}
#product_nav li a span{position:absolute; top:-300px;}
#product_nav li.british a{width: 203px;background: url(../images/prod_nav_01a.png) no-repeat top;}
#product_nav li.levains a{width: 99px;background: url(../images/prod_nav_02.png) no-repeat top;}
#product_nav li.european a{width: 124px;background: url(../images/prod_nav_03.png) no-repeat top;}
#product_nav li.cakes a{width: 172px;background: url(../images/prod_nav_04.png) no-repeat top;}

#product_nav li a:hover{background-position:bottom;}
#product_nav li a.selected {background-position:bottom;}


.prev {float:left; margin: 0 0 0 15px;}
.next {float:right; margin: 0 15px 0 0;}
.pop_link{cursor:pointer;}
.last, .first {display:none;}



.popout {display:none; width:662px; background:url(../images/popout_top.png) no-repeat top; padding: 22px 30px 0 30px; position:absolute; left:50%;top:0;  margin: 0 0 0 -331px;}
.popout_mid {background:url(../images/popout_mid.png) repeat-y top; text-align:left; padding:0 0 10px 0;}
.popout h3.popout_title { margin:0 0 10px 280px; font-size: 20px; font-weight:bold!important; color:#ffffff; z-index:4; display: block!important; }
.popout img.prod_shot {background:url(../images/popout_pic_shadow.jpg) no-repeat; float:right; padding:15px; margin:0px 20px 0 0px; width:280px; height: 200px;}
.popout h4 {font-size:14px; font-weight:normal; border-bottom: 1px solid #607468; padding:2px 3px; margin:5px 35px 3px 0;}
.popout_list{ margin:0 10px 0 30px;  text-align:left;}
.long_text {margin: -150px 0 0 60px;}
.popout_list ul { padding: 5px 0 10px 20px ; width:220px; float:left; text-align:left;}
.popout_list ul li {list-style:disc; margin: 0 0 3px 0px; font-size:1.1em;  text-align:left; width:220px;}

.popout p {margin: 8px 20px 8px 4px;}
/*
.popout_list ul li:last-child{margin: 0 0 20px 0;} 
*/
.popout_bottom {clear:both; background:url(../images/popout_bottom.png) no-repeat bottom; height:25px;}

.product_title {font-size:16px; margin:0px 0 5px 0px ; }
.product_title span {}
.product_title img {background:url(../images/bread_pic_shadow.gif) no-repeat; padding:13px 15px  14px 14px; display:block; height:135px; width: 189px;}

.bread_group {clear:both; margin: 0 0 0 30px; }
#cakes {margin: 0 0 0 132px;}
.bread_group li{float:left; text-align:center;}

.popout_mid .cross{position:relative;}
.popout_mid .cross img {position:absolute; top:-40px; left:-13px; z-index:2; cursor:pointer;}


#overlay{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.6; filter:alpha(opacity=60); overflow:hidden; }

#download {position:absolute; top:210px; left:840px;}

.cross span{display:none;	}





/* FOOTER */

#footer {z-index:-2;text-align:center;color:#162018; padding:5px 0;margin: 0 auto; width:600px; position:relative; clear:both ; }
#index_footer {text-align:center;color:#162018; padding:5px 0;margin: 0px auto 0; width:600px; position:static; clear:both ; display:block; }

#footer_nav {width:530px; margin: 0 auto; padding: 0 0 0 120px;}
#footer_nav li{float:left; margin:0 6px;}

#footer_nav li a {color:#162018;}
#footer_nav li a:hover {color:#ffffff;}
#footer p {clear:both; font-size: 0.9em; margin: 0 auto; width:500px;}
.footer_blog{position:absolute; top:2px; right:-160px; font-size:1.2em; display:block;width:250px; margin: 0 auto; clear:both; padding:4px;}
 .footer_blog a{color:#ffffff;}
 .footer_blog a:hover{color:#162018;}