/*--------------------------------------------------
version: screen.css - 1.6
created: 20-01-2011
author: Joe Bloggs ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("base.css");
@import url("generic.css");
@import url("enrichment.css");
@import url(https://fonts.googleapis.com/css?family=Rancho);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

/*----------------------------------------------------------------------------------------------------*/
/* LAYOUT */
/*----------------------------------------------------------------------------------------------------*/

#header, #banner, #wrap, #footer { width: 100%; }
#banner, #wrap, #footer { clear: both; }
#content { /*width: 730px; float: right;*/ }
#aside { width: 230px; float: left; }
#logo { text-indent:-99999px; display: block;}
/*------------------------------
Wireframe Presentation Only
Feel Free To Delete
------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/* GENERIC */
/*----------------------------------------------------------------------------------------------------*/

body { color:#42210b; font:12px 'Source Sans Pro', Arial, Helvetica, sans-serif; }
a, a:active, a:hover, a:visited { color: #f7ca51;/* text-decoration: none;*/ }
.container { width: 100%; }
p{ font-size:13px; line-height:20px; }
li p{ font-size:12px; line-height:15px; text-align:justify; }
h1, h2, h3, h4, h5, h6{ }
h1{ color:#7c0f12; font-size:40px; background:url(../img/ui/h1-bg.png) no-repeat right top; font-family:'Rancho', Arial, Helvetica, sans-serif; }
h2{ color:#7c0f12; font-size:35px; font-family:'Rancho', Arial, Helvetica, sans-serif; }
h3{ font-size:22px;  font-weight:normal; }
h4{ font-size:18px; text-transform:uppercase; font-weight:normal; border-bottom:2px solid #998675; height:25px }
.button { background:url(../img/ui/arrow.png) no-repeat right 10px !important; border:none; font-size: 18px !important; font-weight:normal!important; font-style: italic; color:#7c0f12 !important; padding-right:30px !important; margin-bottom:30px !important; width:235px!important; }

/* FORM BASIC */
form.basic fieldset { background: none repeat scroll 0 0 transparent; border: 0 none; padding: 0; }
form.basic ul li { padding:0px; margin-bottom:5px; }
form.basic ul li input[type="text"], form.basic ul li textarea { font:14px 'Source Sans Pro', Arial, Helvetica, sans-serif; background:#fbf5e5; border:1px solid #90867c; color:#42210B; margin-bottom:0px; }
form.basic ul li label { cursor: text; color:#42210B; top:7px !important; }

/*----------------------------------------------------------------------------------------------------*/
/* HEADER */
/*----------------------------------------------------------------------------------------------------*/

#header { height:70px; padding-top:23px; background:url(../img/ui/header-bg.png) repeat top center; position:relative; border-bottom:5px solid #000000; }
#logo {	background:url(../img/ui/logo.png) no-repeat; width:162px; height:167px; position:absolute; top:12%; left:43%; z-index:1; }
.logo-small-screen { display:none; }
#no { padding-top:30px; margin-bottom:0px; margin-left:0px; }
#no li { float:left; margin-right:5px; }
.sticky-wrapper { height:auto !important; }

/* NAVIGATION */
#nav{ font-family:'Rancho', Arial, Helvetica, sans-serif; float:left; margin:0px; padding-top:35px; }
#nav li { float:left; margin-right:24px; font-size:18px; }
#nav li a { text-transform:uppercase; }
#nav li.wholesale { margin-right:14px; padding-left: 28%; }
#nav li.last { margin-right:0px; }
.navbar { display:none; }

#info { text-align:right; float:right; padding-top: 30px;} 
#info a { font-size:18px; font-family:'Rancho', Arial, Helvetica, sans-serif; }
#searchForm{ margin-bottom:0px; }
#info #searchForm.basic { display: none;}
#searchForm ul{	margin:0; }
#searchForm ul li{ padding:12px 0px 0px; }
#searchForm label{ position:absolute; font-size:12px; color:#b3b3b3; left:15px; top:16px!important; margin-bottom:0; }
#searchForm input[type="text"]{	width:95px; height:10px; padding:4px 25px 4px 10px; border:1px solid #8e8783; font-size:12px; color:#b3b3b3; }
#searchForm input[type="submit"]{ background:url(../img/ui/search.png) no-repeat; border:none; height:14px;	width:14px !important; position:absolute; top:16px; right:4px; text-indent:-9999px; padding:0 }

/*----------------------------------------------------------------------------------------------------*/
/* BANNER */
/*----------------------------------------------------------------------------------------------------*/

#banner { position:relative; }
#banner p.commercial { position:absolute; font-size:28px; color:#ffffff; bottom:0px; left:13%; text-shadow:-3px 2px 3px #000000; font-family:'Rancho', Arial, Helvetica, sans-serif; }

/*----------------------------------------------------------------------------------------------------*/
/* CONTENT */
/*----------------------------------------------------------------------------------------------------*/

/*
#wrap { background:url(../img/ui/wrap-bg.png) repeat top center;  border-top:1px solid #42210b; }
#content { background:url(../img/ui/content-bg-small.png) repeat-y center -25px; padding:25px 0px 40px; position:relative; }
*/

#wrap { background:url(../img/ui/wrap-bg-optimized.jpg) repeat top center;  border-top:1px solid #42210b; }
#content { background:url(../img/ui/content-bg-small-optimized.png) repeat-y center -25px; padding:25px 0px 40px; position:relative; }

#content .primary { margin-left:0px; }

/* ABOUT US PAGE */
#page-about h1 { margin-bottom:40px; background-position:160px; }
.we-offer { color:#7c0f12; font-size:20px; font-family:'Rancho', Arial, Helvetica, sans-serif; border-top:2px solid #856d5a; border-bottom:2px solid #856d5a; padding:5px 0px; font-weight:bold; width:70%; margin:0 auto 10px; line-height:20px; }
#page-about .secondary { text-align:center; float:right; }
#page-about .secondary img { margin-bottom:10px; }
#page-about .secondary p span { display:block; margin-bottom:5px; }
.health { color:#7c0f12; font-size:25px; font-family:'Rancho', Arial, Helvetica, sans-serif; border-top:2px solid #856d5a; border-bottom:2px solid #856d5a; padding:5px 0px; font-weight:bold; width:70%; margin:0 auto; line-height:25px; text-transform:uppercase; }

/*----------------------------------------------------------------------------------------------------*/
/*  FOOTER */
/*----------------------------------------------------------------------------------------------------*/

#footer { background:url(../img/ui/footer-bg.png) top center; padding-top:20px; border-top:5px solid #000000; position:relative; }
.footer { text-transform:uppercase; margin-left:0px; }
.footer li:first-child { display: none; }
#footer-detail p { color:#ffffff; text-align:center; font-size:12px; line-height:15px; margin-bottom:20px; }
#footer-detail .supply { font-size:16px; font-style:italic; }
#footer-detail p span { display:block; text-transform:uppercase; }
#social { margin-bottom:40px; }
#social li { float:right; margin-left:5px; }
.copyright { color:#c7b299; text-align:center; font-size:14px; background-color:#000000; opacity:0.6; filter:Alpha(opacity=60); }
.copyright p { margin-bottom:0px; line-height:30px; }
.copyright p a { color:#c7b299; }

/* WHOLESALE ORDER FORM PAGE */
#page-wholesale h1 { margin-bottom:5px; background-position:310px; }
#page-wholesale .secondary { float:right; margin-bottom:30px; }
#contact p span { display:block; }
#contact p span strong { text-transform:uppercase; text-decoration:underline; }
.billing { margin-bottom:50px; }
#contact-details p span { padding-left:20px; }
.email { background:url(../img/email.png) no-repeat left 2px; }
.phone { background:url(../img/phone.png) no-repeat left 2px; }
.fax { background:url(../img/fax.png) no-repeat left 2px; }
.email a { color:#42210B; }

/* Form */
#wholesaleOrderForm label{ margin:0px; padding:0px; line-height:16px; }
#wholesaleOrderForm .right{ float:right; }
#wholesaleOrderForm .left{ float:left; }
#wholesaleOrderForm .clear{ clear:both; }
#wholesaleOrderForm .outer, #wholesaleOrderForm .inner { margin-left:0px; }
#wholesaleOrderForm .describe{ width:105px; display:inline-block; text-align:right; margin-right:15px; color:#603813; font-size:13px; }
#wholesaleOrderForm .describe span{ font-size:9px; display:block; }
#wholesaleOrderForm input[type="text"]{ width:74%; height:16px; line-height:16px; }
#wholesaleOrderForm .inner li{ width:49%; display:inline-block; margin-bottom:0px; }
#wholesaleOrderForm .inner li input{ width:47%; }
#form-checkbox ul { margin-left:0px; margin-bottom:40px; }
#form-checkbox ul li label { width:76%; display:inline-block; text-transform:uppercase; }
#form-checkbox ul li input[type="text"]{ width:12%; height:16px; line-height:16px; background:#fbf5e5; border:1px solid #90867c; }
#form-checkbox ul li input[type="checkbox"]{ background:#fbf5e5; border:1px solid #90867c; margin-top:0px; display:inline-block; }
.no-gmo-wholesale { text-align:center; padding-top:30px; }
#click-to-send { text-align:right; border-top:2px solid #998675; }
a.download-pdf { font:bold 25px 'Rancho', Arial, Helvetica, sans-serif; color:#7c0f12; }
a.download-pdf:hover { color:#7c0f12; }

/* CONTACT PAGE */
#page-contact h1 { margin-bottom:40px; background-position:160px; float: left; min-width: 270px; }
#page-contact #contact { margin-left:0px; clear: left; }
h3.enquiry { font-style:italic; color:#7c0f12; line-height:22px; }
#quickEnquiryForm ul { margin-left:0px; }
#jamestown-image { text-align:center; }
#jamestown-image .jamestown { margin-bottom:30px; }
@media only screen and (max-width: 768px)
{
	.custom_msg
	{
		float: left;
	}
}

/* HOME PAGE */
#home-content { background:url(../img/ui/home-content-bg.png) no-repeat; width:471px; height:359px; text-align:center; padding:105px 60px 0px; position:absolute; top:0px; left:26%; font-weight:bold; }
p.welcome { color:#42210b; font-size:28px; position:relative; }
.welcome-left { background:url(../img/ui/welcome-left.png) no-repeat; width:111px; height:54px; position:absolute; top:-25px; left:30px; }
.welcome-right { background:url(../img/ui/welcome-right.png) no-repeat; width:111px; height:54px; position:absolute; top:-25px; right:30px; }
p.glutten-free { color:#42210b; font-size:23px; text-transform:uppercase; position:relative; margin-bottom:0px; }
.border-left, .border-right { position:absolute; background:#42210b; height:2px; width:115px; font-size: 0; line-height: 0; overflow: hidden; top: 8px; }
.border-left { left:0px; }
.border-right { right:0px; }
#home-content p span { color:#ffffff; font:bold 40px 'Rancho', Arial, Helvetica, sans-serif; display:block; }
#home-content p span.supplying { font-size:24px; text-transform:uppercase; }
#television { background:url(../img/ui/tv.png) no-repeat; position:absolute; width:257px; height:176px; bottom:70px; right:280px; }
#television iframe { margin-top:40px; margin-left:40px; }

/* THANK YOU PAGE */
#thankyou-content { background:url(../img/ui/home-content-bg.png) no-repeat; width:471px; height:359px; text-align:center; padding:105px 60px 0px; position:absolute; top:0px; left:26%; font-weight:bold; }
p.thankyou { color: #42210B; font-size: 25px; line-height: 30px; padding-top: 70px; position: relative; }

/* RECIPES PAGE */
#page-recipes h1 { background-position:400px; text-transform:uppercase; margin-bottom:50px; }
/* RECIPES SUB PAGE */
#page-recipe .primary { float:left; }
#page-recipe .secondary { float:right!important; }
#page-recipe h1 { background-position:370px; text-transform:uppercase; }
.recipe-nav li { float:left;border-right:1px solid #42210b;  line-height:20px; }
.recipe-nav { margin-left:0px; }
.recipe-nav li a { padding:0px 5px; display:block; color:#42210b; font-size:15px; text-transform:uppercase; }
.recipe-nav li a:hover, .recipe-nav li a.active { color:#7C0F12; text-decoration:underline; }
.recipe-nav li.last a { padding-right:0px; }
.recipe-nav li.last { border-right:none; }
.recipe-aside-nav { padding-top:20px; }
.recipe-aside-nav li a { color:#42210b; text-transform:uppercase; }
.recipe-aside-nav li a:hover, .recipe-aside-nav li a.active { color:#7C0F12; font-weight:bold; }
#page-recipe .secondary img.recipe-img { display:block; border:2px solid #7C0F12; margin-bottom:5px; }
#page-recipe h2 { font-size:25px; border-bottom:1px solid #000000; position:relative; }
#page-recipe h2 a { position:absolute; width:97px; height:67px; background:url(../img/ui/black-bg.png) no-repeat; text-align:center; right:0px; top:40px; font:400 20px 'Source Sans Pro', Arial, Helvetica, sans-serif; line-height:55px; text-transform:uppercase; }
#page-recipe h3 { text-transform:uppercase; margin-bottom:0px; font-weight:bold; font-size:20px; }
ul.ingredients { list-style-type:disc; list-style-position:inside; }
ol.procedure { list-style-type:decimal; list-style-position:inside; }
ol.procedure li { margin-bottom:10px; }
ol.procedure li > ul { list-style-position:inside; }
ol.procedure li > ul > li { list-style-type:circle; font-size:14px; padding-left:10px; margin-bottom:0px; }

/* PRODUCT PAGE */
#page-product h1 { background-position:400px; text-transform:uppercase; }
#page-product #content .span10 { margin-left:0px; }
#page-product #content .span2 { text-align:center; }
.items { margin-bottom:15px; }
.items li { position:relative; margin-bottom:15px; }
.items li img { display:block; }
.items li a { position:relative; display:block; }
.items li a img.no-gmo-products { position:absolute; top:10px; left:10px; display: none;}
.items li a img.jtm-product-overlay-logo { position:absolute; top:10px; right:10px; width: 65px; height: auto;display: none;}
.items li a img.available { position:absolute; top:10px; right:10px;}
.items li a.title { background:#19140c url(../img/ui/products-li-bg.png) repeat-y left bottom; display:block; border-top:5px solid #000000; }
.items li a.title span { background:url(../img/ui/plus.png) no-repeat right; margin-bottom:0px; border-bottom:none; padding:5px 10px; line-height:25px; font-size:12px; display:block; text-transform:uppercase; }
#wrap.group #content .container .row-fluid .primary.span5 img { width: 100% !important; } 

/* SWEET POTATO FLOUR PAGE */
.page-flour h1 { background-position:270px; }
.page-flour .secondary h2 { font:400 30px'Source Sans Pro', Arial, Helvetica, sans-serif; }
.page-flour .secondary h4 { color:#7C0F12; border-bottom:none; }
.page-flour .secondary p { margin-bottom:30px; }
.page-flour .secondary p span { display:block; }
.page-flour .secondary .price { color:#7c0f12; font:bold 35px 'Rancho', Arial, Helvetica, sans-serif; }
.page-flour .secondary .weight { font-size:20px; }
#products-links { border-top:2px solid #a19085; position:relative; }
#products-links img#nutrition { position:absolute; left:25%; bottom:80px; }
#products-links li { background:url(../img/ui/black-bg.png) no-repeat; float:left; width:97px; height:67px; margin-left:3%; text-transform:uppercase; text-align:center; }
#products-links li form input[type="submit"] { background: none; border: medium none; color: #F7CA51; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 12px; padding: 24px 15px 30px; text-transform: uppercase; }
#products-links li.nutrition-image { width:0px; height:0px; }
#products-links li a { display:block; font-size:12px; padding:10px 16px; }
#products-links li.share a { line-height:40px; }
#products-links li:hover, #products-links li a:hover { background:url(../img/ui/maroon-bg.png) no-repeat; }
.cart { position:absolute; right:0px; bottom:165px; }
.cart input { padding:0px; border:none; }
.order-product { background:#000000; float: left; height: 38px; width: 110px; padding: 15px 15px 10px 10px; position:absolute; right:0px; bottom:165px; margin-bottom:25px; }
.order-product img { /*float:left;*/ }
.order-product a { text-decoration:underline; font:15px 'Rancho', Arial, Helvetica, sans-serif; /*text-align:right; float:right;*/ }

/* LINKS PAGE */
#page-links h1 { background-position:100px; }
#page-links #content .span12 { text-align:center; }
#page-links #content .span12 a { color:#5E3C05; font-weight:bold; }

/* PRIVACY STATEMENT PAGE */
#page-privacy-statement h1 { background-position:250px; }
#page-privacy-statement #content .primary { margin-left:auto; }
#page-privacy-statement p span { display:block; margin-bottom:10px; text-align:center; }
#page-privacy-statement p span a { color:#5E3C05; font-weight:bold; }

/* TERMS AND CONDITIONS PAGE */
#page-terms-conditions h1 { background-position:290px; }