/*
-------------------------------------------------
URI: http://www.greenhalghs.co.uk/
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 page FLASH banners
	3.9 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	4.2 primary navigation
	4.3 Buttons
	4.4 footer links
	4.5 lists 
	4.6 functionality styling 
	
5: TEMPLATE / PAGE SPECIFIC
	5.1 page titles
	5.2 index page
	5.3 index ctas
	5.4 banners
	5.5 category-list
	5.6 Products Level 1
	5.7 Products Level 2
	5.8 Products Level 3
	5.8.2 Products sub levels
	5.9 category-list
	5.10 about us
	
6: USEFUL CLASSES
*/


/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */


body { height:100%; text-align:center; min-width:775px;  background:url(../images/backgrounds/page-gradient-bg-lighter.gif) repeat-x #FAF8F1 }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:"Georgia", Times New Roman, Times, serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p { font-size:1.3em; color:#666; margin:0 0 12px 0; line-height:180% }
a { font-size:0.9em; color:#ff6400; text-decoration:none; }
a:hover { color:#ff9900; text-decoration:underline; }

ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000; margin-bottom:20px; font-style:normal; line-height:180% }
blockqoute {  }
table { border-top:1px solid #fff;  border-left:1px solid #fff }
th, td { border-bottom:1px solid #fff; border-right:1px solid #fff }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }
img { border:none }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { text-align:left;  margin:0 auto; width:901px }

/* 3.3 - wrapper */
div#wrapper {  }

/* 3.4 - header */
div#header {  }
div#header #logo { float:left }

div#ask-dave { float:right; width:207px; height:112px; text-indent:-9999px }
div#ask-dave a { width:225px; height:112px; background:url(../images/other/ask-dave.jpg) top left no-repeat; display:block }

ul#contact-details { float:right; text-align:right }
ul#contact-details li { list-style:none }

/* 3.5 - content */
body.index div#content { clear:both; }
body.shop-locations div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.about div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.products div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.recipes div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.careers-splash div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.sandwich-van-route div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.careers div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.news div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.links div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }
body.contact div#content { clear:both; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff; }

/* 3.6 - primary content */
body.index div#primary-content { width:882px; padding:34px 0 20px 19px; background:url(../images/backgrounds/lower-curve-bg-lighter.gif) no-repeat bottom #fff }
body.shop-locations div#primary-content { width:666px; float:right }
body.about div#primary-content { width:901px;  padding:0 20px 0 0 }
body.products div#primary-content { width:867px; margin:auto }
body.recipes div#primary-content { width:665px; float:right }
body.careers-splash div#primary-content { width:901px;  padding:0 20px 0 0 }
body.sandwich-van-route div#primary-content { width:901px;  padding:0 20px 0 0 }
body.links div#primary-content { width:901px;  padding:0 20px 0 0 }
body.careers div#primary-content { width:655px; float:right; padding:0 10px 0 0; }
body.news div#primary-content { width:665px; float:right;  }
body.contact div#primary-content { width:901px }
.narrow-column { width:312px; float:left; padding-right:20px } 


/* 3.7 - secondary content */
body.index div#secondary-content { width:901px; background:#fff; margin-top:20px; padding:5px }
body.shop-locations div#secondary-content { width:235px; float:left }
body.about div#secondary-content { width:216px; float:left }
body.products div#secondary-content { width:216px; float:left }
body.recipes div#secondary-content { width:216px; float:left }
body.careers-splash div#secondary-content { width:216px; float:left }
body.sandwich-van-route div#secondary-content { width:216px; float:left }
body.links div#secondary-content { width:216px; float:left }
body.careers div#secondary-content { width:216px; float:left }
body.news div#secondary-content { width:216px; float:left }
body.contact div#secondary-content { width:400px; float:left }

/* 3.7 - tertiary content */
div#tertiary-content { }

/* 3.8 - page FLASH banners */
div#flash-banner { height:329px }
div#flash-banner-home { height:335px; background:url(../flash/images/homebg.jpg) no-repeat #ffffff }
div#flash-banner-home p { padding:20px 20px 0px 20px; font-size:1.6em }

div#flash-banner-products { height:335px; background:url(../flash/images/productsbg.jpg) no-repeat #ffffff  }
div#flash-banner-products p { padding:20px 20px 0px 20px; font-size:1.6em }

div#flash-banner-recipe { height:335px; background:url(../flash/images/recipebg.jpg) no-repeat #ffffff  }
div#flash-banner-recipe p { padding:20px 20px 0px 20px; font-size:1.6em }

div#flash-banner-careers { height:335px; background:url(../flash/images/careersbg.jpg) no-repeat #ffffff  }
div#flash-banner-careers p { padding:20px 20px 0px 20px; font-size:1.6em }

div#flash-banner-news { height:335px; background:url(../flash/images/newsbg.jpg) no-repeat #ffffff  }
div#flash-banner-news p { padding:20px 20px 0px 20px; font-size:1.6em }

div#flash-banner-contact { height:335px; background:url(../flash/images/contactbg.jpg) no-repeat #ffffff  }
div#flash-banner-contact p { padding:20px 20px 0px 20px; font-size:1.6em }

div#static-banner { clear:both; height:281px }
body.about div#static-banner { clear:both; height:330px }
div#static-banner-small { clear:both; height:115px }


/* 3.9 - footer */
div#footer {padding:10px; color:#fff }


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }
ul#text-resize { text-align:right; background:#fff; font-size:1.4em; padding:10px 0 10px 0 }
ul#text-resize li { display:inline; list-style:none }

/* 4.2 primary navigation */
ul#primary-navigation-outer { height:28px }
ul#primary-navigation { float:right; margin:0 }
ul#primary-navigation li {float:left; margin:0; list-style:none }
ul#primary-navigation li a { overflow:hidden }
ul#primary-navigation li a:hover { background-position:50% 100% }

/* 4.3 Buttons */
#nav-home {width:93px; text-indent:-3000px}
#nav-home a {width:93px; height:28px; background:url(../images/navigation/home-btn.jpg) top left no-repeat; display:block}

#nav-about {width:93px; text-indent:-3000px}
#nav-about a {width:93px; height:28px; background:url(../images/navigation/about-btn.jpg) top left no-repeat; display:block}

#nav-products {width:93px; text-indent:-3000px}
#nav-products a {width:93px; height:28px; background:url(../images/navigation/products-btn.jpg) top left no-repeat; display:block}

#nav-recipes {width:93px; text-indent:-3000px}
#nav-recipes a {width:93px; height:28px; background:url(../images/navigation/recipes-btn.jpg) top left no-repeat; display:block}

#nav-careers {width:93px; text-indent:-3000px}
#nav-careers a {width:93px; height:28px; background:url(../images/navigation/careers-btn.jpg) top left no-repeat; display:block}

#nav-news {width:93px; text-indent:-3000px}
#nav-news a {width:93px; height:28px; background:url(../images/navigation/news-btn.jpg) top left no-repeat; display:block}

#nav-links {width:93px; text-indent:-3000px}
#nav-links a {width:93px; height:28px; background:url(../images/navigation/links-btn.jpg) top left no-repeat; display:block}

#nav-contact {width:95px; text-indent:-3000px}
#nav-contact a {width:95px; height:28px; background:url(../images/navigation/contact-btn.jpg) top left no-repeat; display:block}

body.index #nav-home a { background-position:50% -28px }
body.about #nav-about a { background-position:50% -28px }
body.products #nav-products a { background-position:50% -28px }
body.recipes #nav-recipes a { background-position:50% -28px }
body.careers-splash #nav-careers a { background-position:50% -28px }
body.sandwich-van-route #nav-careers a { }
body.careers #nav-careers a { background-position:50% -28px }
body.links #nav-links a { background-position:50% -28px }
body.news #nav-news a { background-position:50% -28px }
body.contact #nav-contact a { background-position:50% -28px }

.crumb { color:#666666; float:right; }
.crumb a { font-size: 1.0em; }
dl#sidemenu-list { width:200px; float:left }
.sidemenu-body { width:180px; margin-left:20px; line-height:160% }
#recipe-ideas-btn { height:34px; background:url(../images/navigation/recipe-ideas-btn.jpg) no-repeat; text-indent:-9999px }
#nutrition-information-btn { height:34px; background:url(../images/navigation/nutrition-information-btn.jpg) no-repeat; text-indent:-9999px }
#leave-comment-btn { height:34px; background:url(../images/navigation/leave-comment-btn.jpg) no-repeat; text-indent:-9999px }
#fancy-a-career-btn { height:34px; background:url(../images/navigation/fancy-a-career-btn.jpg) no-repeat; text-indent:-9999px }

/* 4.4 footer links */
ul#footer-links { float:right; list-style:none; color:#d6c393 }
ul#footer-links li {float:left; margin:0 0 0 3px}
ul#footer-links li a {color:#d6c393; text-decoration:none }
ul#footer-links li a:hover {color:#eddfbb} 
div#footer span {float:left; font-size:1.1em; margin:0 0 0 0; color:#d6c393}

/* 4.5 lists */
ul.normal-list { list-style:none; margin:0 0 10px 5px; font-size:1.2em }
ul.normal-list li { color:#333; padding:0 0 0 25px; margin:10px 0; background:url("../images/other/tick.png") 0 50% no-repeat; line-height:150% }


/* 4.6 functionality styling */

div#category-heading { padding-bottom:40px }
div#category-heading h2 { color:#00A950; font-size:2.5em; }
div#category-heading p { }
.desc { }

#customer-comments { clear: both; }
#customer-comments h3 { color:#00A950; font-size:2.0em; padding-top:15px }
#customer-comments p { }
.comment { border-bottom:1px solid #FDE4CF; margin-bottom: 20px; }
.comment .content p { margin: 20px; }
.customer { }
.customer p { color:#f28938; font-style:italic }

.list-style-none { list-style:none }


.read-more-btn { float:right; width:120px; padding:0; margin-top:10px}
.read-more-btn a { height:27px; width:185px; margin-left:-65px; display:block; background:url(../images/buttons/product-readmore-btn-rev.jpg) left top no-repeat; text-indent:-9999px}
.read-more-btn a:hover { background-position:0% 100% }

div#gmap { margin-bottom: 20px; border:5px solid #ebddb9; width:425px; height:350px; }

/* .recipe-ingredients ul li {  list-style-type: decimal !important;  line-height: 2em; font-weight: normal !important; }
.recipe-method ul li { list-style-type: decimal !important; line-height: 2em;font-weight: normal; font-weight: normal !important;}
.recipe-ingredients ul, .recipe-method ul { margin-left: 3em;margin-right: 3em; margin-bottom: 3em;  } */


.markdown { }
body.shop-locations .markdown p { font-size:1.5em; }
body.careers .markdown p { width:450px }
.p-class { width:450px }
.markdown h1,h2,h3 { color:#00A950; }

.markdown ul { margin:0 auto; }
.markdown ul li { margin-left: 2em; list-style-type: disc !important; color:#666; font-size:1.3em; }
.markdown li { line-height:180%; list-style:none; font-weight:normal!important; color:#666; font-size:1.3em;  }
.markdown ol { }
.markdown ol li { list-style:decimal; color:#666; font-size:1.3em; margin-bottom:12px }


.italics { font-style:italic;}
.underline { text-decoration:underline;}
.img-padding { padding-top:60px; }
.p-fix { color:#666; margin:0 0 12px 0; line-height:180% }


/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* 5.1 page titles */
.sub-ttl-main { font-size:1.8em; color:#00a950; margin:20px 0 18px 0; line-height:110%;  }
.sub-ttl-sub { font-size:1.4em; color:#f68428; margin:20px 0 5px 0  }
body.shop-locations .sub-ttl-sub { font-size:1.2em; color:#f68428; margin:20px 0 5px 0  }

/* 5.2 index page */
h1#about-us-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/about-us-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }
h1#products-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/products-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }

h1#recipes-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/recipes-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }
h1#careers-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/careers-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }
h1#news-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/news-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }
h1#contact-ttl { position:absolute; top:278px; width:560px; height:78px; background:url(../images/titles/contact-ttl.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 4px }

div#welcome-text { float:left; width:420px; margin-top:-20px }
div#welcome-text span { color:#00a950 }

.welcome-text-big { font-size:1.8em; color:#8f5f38; line-height:150%; font-style:italic }
.welcome-text-small { font-size:1.3em; color:#8f5f38 }
.welcome-text-small span { font-size:1.3em; color:#8f5f38; font-weight:bold }


/* 5.3 index ctas */
.index-cta { width:170px; float:left; margin-right: 30px; }

.index-cta p { font-size:1.3em; color:#666; padding:165px 10px 0 18px }
.index-cta a { background:transparent url(../images/buttons/product-readmore-btn-rev-small.jpg) repeat scroll 0 0; display:block; height:19px; margin-left:18px; text-indent:-9999px; width:128px;
}
.index-cta a:hover { background-position:0% 100% }

div#index-ctas { width:400px; float:left; margin:-15px 0 0 58px; }
div#index-cta-breads { width:152px; float:left; background:url(../images/ctas/savouries-round-cta.jpg) no-repeat; }
div#index-cta-breads h2 { height:44px; background:url(../images/ctas/index-bread-ttl.jpg) no-repeat; text-indent:-9999px; margin-top:-15px }
div#index-cta-breads p { font-size:1.3em; color:#666; padding:165px 10px 0 18px }
div#index-cta-breads a { height:19px; width:128px; margin-left:12px; display:block; background:url(../images/buttons/product-readmore-btn-rev-small.jpg) left top no-repeat; text-indent:-9999px}
div#index-cta-breads a:hover { background-position:0% 100% }

div#index-cta-savouries { width:152px; float:right; background:url(../images/ctas/celebration-round-cta.jpg) no-repeat; }
div#index-cta-savouries h2 { height:44px; background:url(../images/ctas/index-savouries-ttl.jpg) no-repeat; text-indent:-9999px; margin-top:-15px }
div#index-cta-savouries p { font-size:1.3em; color:#666; padding:165px 10px 0 18px  }
div#index-cta-savouries a { height:19px; width:128px; margin-left:12px; display:block; background:url(../images/buttons/product-readmore-btn-rev-small.jpg) left top no-repeat; text-indent:-9999px}
div#index-cta-savouries a:hover { background-position:0% 100% }

div#sandwich-van-route { width:297px; float:left }
div#sandwich-van-route a { width:297px; height:164px; background:url(../images/ctas/index-sandwich-van-route-cta.jpg) no-repeat; display:block; text-indent:-9999px }

div#local-shop-locator { width:297px; height:163px; float:left; margin-top:10px }
div#local-shop-locator h2 { font-size:1.8em; color:#f68428}
div#local-shop-locator dl { border-top:1px solid #bfe9d3}
div#local-shop-locator dl dt { border-bottom:1px solid #bfe9d3; color:#00a950; font-weight:bold; padding:5px }
div#local-shop-locator dl dd { border-bottom:1px solid #bfe9d3; }
div#local-shop-locator dl dd a { color:#00a950; text-decoration:none; padding:5px; display:block }
div#local-shop-locator dl dd a strong { margin-right:5px }
div#local-shop-locator dl dd a:hover { background:#fac193 }

div#local-shop-locator-sub { background:green}
.shop-locator-address { color:#666; }
#shop-desc .markdown { font-size: 0.8em; }

div#company-community { width:287px; float:right }
div#company-community a { width:287px; height:164px; background:url(../images/ctas/index-company-communitty-cta.jpg) no-repeat; display:block; text-indent:-9999px }


/* 5.4 banners */
div.products-banner {  }
div.about-banner { background:url(../images/banners/about-banner.jpg) no-repeat; }
div#strapline { width:500px;  margin-left:20px; z-index:10 }
div#strapline p { font-size:1.8em; color:#8f5f38; line-height:120% }
div#strapline span { color:#00a950 } 

/* 5.5 category-list */
div#category-list { width:867px; color:#666 }

/* 5.6 Products Level 1 */
div#category-list .level1 { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:25px; position:relative; }
div#category-list .level1.last { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:0 }
div#category-list .level1 dt { width:167px; height: 160px; float:left; text-indent:-9999px; line-height:160%; }
div#category-list .level1 dd { width:167px; line-height:160%; padding-top:20px; margin-left:220px;  }
div#category-list .level1 dd a { height:27px; width:185px; margin-left:0px; display:block; background:url(../images/buttons/product-readmore-btn-rev.jpg) left top no-repeat; text-indent:-9999px}
div#category-list .level1 dd a:hover { background-position:0% 100% }

/* 5.7 Products Level 2 */
div#category-list .level2 { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:25px; position:relative}
div#category-list .level2.last { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:0 }
div#category-list .level2 .image { width:170px; float:left; height:150px;}
div#category-list .level2 .read-more { float:right; width:120px; padding:0; margin-top:10px}
div#category-list .level2 .read-more a { height:27px; width:185px; margin-left:-65px; display:block; background:url(../images/buttons/product-readmore-btn-rev.jpg) left top no-repeat; text-indent:-9999px}
div#category-list .level2 .read-more a:hover { background-position:0% 100% }
div#category-list .level2 dt { width:243px; font-size:1.6em; color:#00a950; font-weight:bold; margin-bottom:15px; float:left; line-height:160% }
div#category-list .level2 dd { line-height:160%; font-size:1.3em }


/* 5.8 Products Level 3 */
div#category-list .level3 { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:25px; position:relative}
div#category-list .level3.last { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:0 }
div#category-list .level3 .image { width:170px; float: left; height:150px;}
div#category-list .level3 .read-more { float:right; width:120px; padding:0; margin-top:10px}
div#category-list .level3 .read-more a { height:27px; width:185px; margin-left:-65px; display:block; background:url(../images/buttons/product-readmore-btn-rev.jpg) left top no-repeat; text-indent:-9999px}
div#category-list .level3 .read-more a:hover { background-position:0% 100% }
div#category-list .level3 dt { width:245px; font-size:1.5em; color:#00a950; font-weight:bold; margin-bottom:15px; float:left; line-height:160% }
div#category-list .level3 dd { line-height:160%; font-size:1.3em  }


div#category-list-details { width:867px; color:#666 }
div#category-list-details dl { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:25px; position:relative}
div#category-list-details dl.last { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:0; position:relative }
div#category-list-details dt { width:240px; float:right; font-size:1.6em; color:#00a950; font-weight:bold; display:block; margin-bottom:8px; line-height:160% }
div#category-list-details .info { width:240px; float:right }
div#category-list-details .image { width:160px; float:left; margin-top:-18px }

div#category-list-details a img{ border:3px solid #fde4cf }
div#category-list-details a:hover img{ border:3px solid #f68428 }

div#category-list-details a.read-more-btn { display:block; height:27px; background:url(../images/buttons/read-more-btn.jpg) right top no-repeat; text-indent:-9999px; margin-top:20px }
div#category-list-details a:hover.read-more-btn { background-position: right 100% }
.news-read-more { float: right; margin-right: 1em;margin-left: 1em; }

/* 5.8.2 Products sub levels */

div#category-list-details-sub { width:867px; color:#666 }
div#category-list-details-sub dl { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:25px; position:relative}
div#category-list-details-sub dl.last { width:420px; float:left; border-bottom:1px solid #fde4cf; padding-bottom:20px; margin-right:0; position:relative }
div#category-list-details-sub dt { width:240px; float:right; font-size:1.6em; color:#00a950; font-weight:bold; display:block; margin-bottom:8px; line-height:160% }
div#category-list-details-sub .info { width:240px; float:right }
div#category-list-details-sub .image { width:160px; float:left; margin-top:-18px }

div#category-list-details-sub a img{ border:3px solid #fde4cf }
div#category-list-details-sub a:hover img{ border:3px solid #f68428 }

div#category-list-details-sub a.read-more-btn { display:block; height:27px; background:url(../images/buttons/read-more-btn.jpg) right top no-repeat; text-indent:-9999px; margin-top:20px }
div#category-list-details-sub a:hover.read-more-btn { background-position: right 100% }


div#category-list-details-sub { float:right; width:650px; color:#666; margin-bottom:30px }
div#category-list-details-sub p { font-size:1.3em; color:#666; }
div#category-list-details-sub h2 { font-size:1.6em; color:#00a950; font-weight:bold }
div#category-list-details-sub h3 { font-size:1.4em; color:#f68428; font-weight:bold }
div#category-list-details-sub img { float:right; border:3px solid #fde4cf; margin-left:20px }
div#category-list-details-sub table { width:400px; font-size:1.2em; margin-bottom:30px }
div#category-list-details-sub table th { background:#44c07f; color:#fff; font-weight:bold; padding:12px }
div#category-list-details-sub table td { background:#fde4cf; padding:12px }
div#category-list-details-sub table .title { font-weight:bold }

div#sub-sidebox { background:url(../images/backgrounds/store-info-bg.jpg) no-repeat top left; padding-top:20px }
div#sub-sidebox h2 { font-size:1.8em; color:#f68428; margin:0 0 0 22px }
div#sub-sidebox p { margin:17px 40px 0 22px; color:#8f5f38 }
div#sub-sidebox p span { color:#22b467 }

body.products div#sub-sidebox { background:url(../images/backgrounds/store-info-bg.jpg) no-repeat top left; padding-top:20px; margin-left:-17px }
body.products div#sub-sidebox h2 { font-size:1.8em; color:#f68428; margin:0 0 0 22px }
body.products div#sub-sidebox p { margin:17px 40px 0 22px; color:#8f5f38 }
body.products div#sub-sidebox p span { color:#22b467 }

#store-imgs { margin:10px 0 0 17px }
#store-imgs li { width:187px; height:82px; background:url(../images/backgrounds/img-drop-shadow-bg.gif) no-repeat; list-style:none }
#store-imgs li img { margin:9px 0 0 9px }

ul#quick-links { width:217px; float:right }
ul#quick-links li { list-style:none }
ul#quick-links li a:hover { background-position:0% 100% }
ul#quick-links #products a { height:108px; background:url(../images/quicklinks/1.jpg) no-repeat; display:block; text-indent:-9999px }
ul#quick-links #products a:hover { background-position:0% 100% }
ul#quick-links #careers a { height:108px; background:url(../images/quicklinks/2.jpg) no-repeat; display:block; text-indent:-9999px }
ul#quick-links #careers a:hover { background-position:0% 100% }

div#career-links { margin-bottom:20px }
div#career-links a { height:104px; background:url(../images/quicklinks/career-advert.jpg) no-repeat; display:block; text-indent:-9999px }
div#career-links a:hover { background-position:0% 100% }

body.contact ul#quick-links { width:213px; }
body.contact ul#quick-links li { list-style:none }
body.contact ul#quick-links li a:hover { background-position:0% 100% }
body.contact ul#quick-links #products a { height:108px; background:url(../images/quicklinks/1.jpg) no-repeat; display:block; text-indent:-9999px }
body.contact ul#quick-links #products a:hover { background-position:0% 100% }
body.contact ul#quick-links #careers a { height:108px; background:url(../images/quicklinks/2.jpg) no-repeat; display:block; text-indent:-9999px }
body.contact ul#quick-links #careers a:hover { background-position:0% 100% }

#recipes h2 { font-size:1.8em; color:#f68428 }

#recipes-navigation { margin:20px 0 0 20px}
#recipes-navigation li { list-style:none; margin-bottom:3px }
#recipes-navigation li a { height:14px; background:url(../images/backgrounds/receipes-navigation-btn-bg.jpg) no-repeat top left; display:block; color:#fff; text-decoration:none; font-weight:bold; padding:7px 0 6px 7px; }
#recipes-navigation li a:hover { background-position:0% 100% }
#recipes-navigation li .selected { background-position:0% 100% }

body.recipes div#primary-content ul { line-height:180% }
body.recipes div#primary-content ul { line-height:180% }
body.recipes div#primary-content ul li { list-style:none; color:#666; font-weight:bold } 
body.recipes div#primary-content ol { margin-left:22px; line-height:180%  } 
body.recipes div#primary-content ol li { color:#666; font-weight:bold }

#recipe-img { width:205px; float:right; margin:50px 40px 50px 0 }
#recipe-img img { border:3px solid #fde4cf }

#news-navigation { margin:20px 0 0 20px}
#news-navigation li { list-style:none; margin-bottom:3px }
#news-navigation li a { height:14px; background:url(../images/backgrounds/receipes-navigation-btn-bg.jpg) no-repeat top left; display:block; color:#fff; text-decoration:none; font-weight:bold; padding:7px 0 6px 7px; line-height:200%; overflow:hidden; padding-right:18px }
#news-navigation li a:hover { background-position:0% 100% }
#news-navigation li .selected { background-position:0% 100% }

#news-img { width:205px; float:right; margin:5px 30px 0 30px }
#news-img img { border:3px solid #fde4cf }

#careers-navigation { margin:20px 0 0 20px}
#careers-navigation li { list-style:none; margin-bottom:3px }
#careers-navigation li a { height:14px; background:url(../images/backgrounds/receipes-navigation-btn-bg.jpg) no-repeat top left; display:block; color:#fff; text-decoration:none; font-weight:bold; padding:7px 0 6px 7px; line-height:170%; overflow:hidden; padding-right:18px  }
#careers-navigation li a:hover { background-position:0% 100% }
#careers-navigation li .selected { background-position:0% 100% }

/* 5.9 compliance */
div#compliance { padding:0px 10px 10px 10px }
div#compliance li { list-style:none }

/* 5.10 about us */
div#column-left { width:400px; float:left; padding:20px }
div#column-left h2 { font-size:1.5em; color:#f68428; padding:15px 0 0 0; font-style:italic }
div#column-left ul { line-height:180% }
div#column-left ul li { line-height:180% }

div#column-right { width:400px; float:left; padding:20px }
div#column-right h2 { font-size:1.5em; color:#f68428; padding:15px 0 0 0; font-style:italic }

div#basescript { width:901px; margin:auto; font-size:0.8em; text-align:left }
div#basescript strong { font-weight:normal }
div#basescript h1 { color:#D6C393; font-size:1em }
div#basescript p { color:#D6C393 }
div#basescript a { color:#D6C393; text-decoration:underline; }
div#basescript a:hover { color:#ff6400 }

ul#basewords { width:901px; margin:auto; font-size:0.8em; list-style:none }
ul#basewords li { display:inline; color:#d6c393; border-left:solid 1px; padding:0 4px}
ul#basewords strong { font-weight:normal }
ul#basewords li.first { border:0 }
ul#basewords a { color:#d6c393 }
ul#basewords a:hover { color:#ff6400 }

#formHolder2 li.username { display: none; }

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.hidden { display:none }
.bold-text { font-weight:bold }
.bold-green-text { font-weight:bold; color:#00a950 }
.white-curvey { background:#fff }
.clearBoth { clear:both }
.clearBoth { clear:right }