/*
Theme Name: John West
Theme URI: http://www.webmarkdesigns.com.au/
Description: A custom WordPress theme for the John West web site.
Version: 0.1
Author: Nicholas Sinclair
Author URI: http://www.webmarkdesigns.com.au/
Tags: john west, john, west
*/

html,body{margin:0;padding:0}
html,body{height:100%}
hr{display:none}
img{border:0}
a:link,
a:visited,
a:active{text-decoration:none}
.clear{clear:both;height:0;margin:0;padding:0;line-height:0}
ol ol{list-style:lower-alpha}

body{
  font:12px verdana, arial, helvetica, sans-serif;
  background:#275f82 url(images/bg.jpg) no-repeat center 67px}

#wrap-all{min-height:100%}
* html #wrap-all{height:100%}

#wrapper{
  /*border:1px solid red;*/
  position:relative;margin:0 auto;width:1000px;width:932px;padding:0;
  margin-top:35px;margin-bottom:160px;
  background-color:#fff !important;
  background-color:transparent;
  background-image:url(images/bg-contentarea-tile.png) !important;
  background-image:none;
  background-repeat:repeat-y}

/*START: Header*/
#header{background:#005D30 url(images/header-bg.jpg) no-repeat top center;width:100%;height:67px;min-width:932px}
#header h1{margin:0;padding-top:15px;padding-left:34px}
#header h1 span{margin-left:-9999999999999em;visibility:hidden}
#header h1 a{display:block;background:url(images/logo.jpg) no-repeat 0 0;width:157px;height:40px}
#header div.banner{width:1000px;margin:0 auto;position:relative}
#header a:focus{outline:none}
/*STOP: header*/

body.page-id-780 #content td h4,
#content table.decode-symbols h4{color:#005d30;font:normal 20px arial, helvetica, sans-serif;margin:0}
body.page-id-780 #content td,
#content table.decode-symbols td{padding-top:15px}
body.page-id-780 #content h4,
#content table.decode-symbols td p{margin-top:6px}
body.page-id-780 #content td img{margin-right:6px}
body.page-id-780 #content table,
#content table.decode-symbols{margin-top:-10px}

h5{margin:0;padding:0}

/*Individual page styling*/
body.page-id-15 table{margin-left:5px;margin-top:10px}
body.page-id-15 td.cell-left{padding:10px 14px 16px 0}
body.page-id-15 td.cell-right{padding:10px 2px 16px 14px}
body.page-id-1342 table{margin-left:5px;}
body.page-id-1342 td.cell-left{padding:0 12px 0 0}
body.page-id-1342 td.cell-right{padding:0 0 0 12px}
body.page-id-780 table{margin-top:15px}
body.page-id-794 .wp-image-1427{margin-left:15px}

#menu ul,#sidebar ul{margin:0;padding:0}

/*START: Menu*/
#menu{position:absolute;top:0;left:273px;width:695px}
#menu ul{list-style:none}
#menu li{float:left}
#menu a{display:none;height:67px;background:url(images/main-nav.jpg) no-repeat;}
#menu a span{display:none}

#menu li.home a:link,
#menu li.home a:visited{display:block;background-position:0 0;width:65px}
#menu li.our-story a:link,
#menu li.our-story a:visited{display:block;background-position:-65px 0;width:103px}
#menu li.products a:link,
#menu li.products a:visited{display:block;background-position:-169px 0;width:98px}
#menu li.media a:link,
#menu li.media a:visited{display:block;background-position:-268px 0;width:68px}
#menu li.whats-new a:link,
#menu li.whats-new a:visited{display:block;background-position:-337px 0;width:114px}
#menu li.health a:link,
#menu li.health a:visited{display:block;background-position:-451px 0;width:77px}
#menu li.recipes a:link,
#menu li.recipes a:visited{display:block;background-position:-528px 0;width:77px}
#menu li.contact a:link,
#menu li.contact a:visited{display:block;background-position:-606px 0;width:92px}

#menu li.home a:hover{background-position:0 -67px}
#menu li.our-story a:hover{background-position:-65px -67px}
#menu li.products a:hover{background-position:-169px -67px}
#menu li.media a:hover{background-position:-268px -67px}
#menu li.whats-new a:hover{background-position:-337px -67px}
#menu li.health a:hover{background-position:-451px -67px}
#menu li.recipes a:hover{background-position:-528px -67px}
#menu li.contact a:hover{background-position:-606px -67px}

#menu li.home.current_page_item a{background-position:0 -134px}
#menu li.our-story.current_page_item a{background-position:-65px -134px}
#menu li.products.current_page_item a{background-position:-169px -134px}
#menu li.media.current_page_item a{background-position:-268px -134px}
#menu li.whats-new.current_page_item a{background-position:-337px -134px}
#menu li.health.current_page_item a{background-position:-451px -134px}
#menu li.recipes.current_page_item a{background-position:-528px -134px}
#menu li.contact.current_page_item a{background-position:-606px -134px}
/*STOP: Menu*/

#content{
  margin:0 auto 0;width:917px;width:932px;
  background-image:url(images/content-bg.png) !important;
  background-image:url(images/content-bg-ie6.png);
  background-repeat:no-repeat;
  background-position:top}
#content .post h2{margin:0;padding:0}
#content .post{
  width:690px;padding:20px 20px 20px 22px;float:left;
  font:normal 12px arial, helvetica, sans-serif;line-height:16px}
#page-title{font:normal 42px Garamond, Georgia, serif;margin-left:-4px}
#content .post h3{color:#3c933e;font:normal 20px arial, sans-serif;}
#content .post h4{color:#005d2d;font:bold 12px arial, sans-serif;margin:0;padding:0}
#content a:link,#content a:visited{text-decoration:underline;color:#000}
#content a:active{color:#999}
#content a.post-edit-link{
  display:block;width:100px;
  clear:both;text-decoration:none;padding:3px;
  border:1px solid #999;background:#efefef}
#content div.entry.product{float:left;width:400px;width:350px}
.alignright{float:right;margin-left:15px;margin-bottom:15px}
.alignleft{float:left;margin-right:15px;margin-bottom:15px}

/*START: Sidebar Menu*/
#sidebar{width:175px;float:right;padding-bottom:20px;margin:20px 0 0 0}
#sidebar ul{list-style:none;margin:0;padding:0;margin-right:5px}
#sidebar li{margin-bottom:13px}
#sidebar ul ul{margin-top:10px}
#sidebar ul ul li{margin:6px 0 12px 15px}
#sidebar a:link,
#sidebar a:visited{
  color:#00331a;font:bold 14px arial,sans-serif;
  text-decoration:none;/*text-transform:capitalize*/}
#sidebar ul ul a:link,
#sidebar ul ul a:visited{font-weight:normal}
#sidebar li.current_page_item a{color:#3c933e}
#sidebar li.current_page_item li a{color:#00331a}
/*STOP: Sidebar Menu*/

#footer-wrapper{width:100%;text-align:center;position:relative;margin-top:-148px}

#footer-nav{width:591px;margin:auto;margin-bottom:0 !important;margin-bottom:-12px}
#footer-nav ul{list-style:none;margin:0;padding:0}
#footer-nav li{float:left}
#footer-nav a span{display:none}
#footer-nav a{
  display:none;height:121px;width:197px;
  background-image:url(images/footer-nav.png) !important;
  background-image:url(images/footer-nav.gif);
  background-repeat:no-repeat}
#footer-nav a:focus{outline:none}

#footer-nav li.our-tv-ads a:link,
#footer-nav li.our-tv-ads a:visited{display:block;background-position:0 0}
#footer-nav li.perfectly-cut a:link,
#footer-nav li.perfectly-cut a:visited{display:block;background-position:-197px 0}
#footer-nav li.join-the-club a:link,
#footer-nav li.join-the-club a:visited{display:block;background-position:-394px 0}

#footer-nav li.our-tv-ads a:hover{background-position:-588px 0px !important;background-position:0 0}
#footer-nav li.perfectly-cut a:hover{background-position:-785px 0px !important;background-position:-197px 0}
#footer-nav li.join-the-club a:hover{background-position:-982px 0px !important;background-position:-394px 0}

#footer{
  padding:7px 0;width:100%;clear:both;
  background:#309943 url(images/footer-bg.gif) repeat-x top center;
  color:#a8e05c;font:10px normal arial, helvetica, sans-serif}
#footer a:link,
#footer a:visited{color:#a8e05c}
#footer a:hover{color:#fff}

.product-image-info{float:right;margin-top:21px}
.productImage{text-align:center}
#productFeatures{list-style:none;margin:25px 0;padding:0}
#productAttributes{/*display:none*/width:100%;margin-top:15px;border-collapse:collapse}
#productAttributes tr.header{background:#c0e298}
#productAttributes th.nutritional{text-transform:uppercase}
#productAttributes th{text-align:left;color:#005f31;background:#c0e298}
#productAttributes th{padding:5px 10px}
#productAttributes td{padding:2px 10px}
#productAttributes td.omega3{padding-left:20px}
#productAttributes td.epa,
#productAttributes td.dha,
#productAttributes td.ala{padding-left:40px}

#fastRecipeList,
.recipeProducts ul{list-style:none;margin:0;padding:0;padding:30px 0}
#fastRecipeList li,
.recipeProducts li{float:left;width:105px;margin-right:30px}
#fastRecipeList li span,
.recipeProducts li span{display:block;margin-top:15px}

#content td{vertical-align:top}

#content .contact-box{
  background:url(images/contact-bg.gif) no-repeat top left;
  padding:15px 30px;color:#fff;
  width:265px;height:198px;margin:10px 15px 20px 0;
  float:left;}
#content .contact-box h4{color:#fff;font-size:20px}
#content .contact-box h5{color:#fff;font-size:24px}

/*Recipe Detail page*/
body.page-id-862 #content h4{color:#3c933e;font:normal 20px arial,helvetica,sans-serif}
.imageMetaWrap{float:left;width:315px;margin-right:20px;margin-top:15px}
.recipeMeta{margin-top:15px}
.recipeMeta ul{list-style:none;margin:0;padding:0}
.recipeMeta li{
  width:57px;height:23px;float:left;
  padding-left:30px;padding-top:5px;
  color:#5eaa66;margin-right:5px;}
li.serves{background:url(images/serves-bg.gif) no-repeat}
li.preptime{background:url(images/cooking-time-bg.gif) no-repeat}

.recipe{margin-top:25px;margin-left:335px}

.recipeProducts{
  background:url(images/recipeProducts-bg.gif) repeat-x top;
  margin-top:20px;margin-left:-20px;
  width:689px;padding:29px 20px 20px}

.tastyTip{
  width:334px;padding-bottom:10px;
  background:#E6F2D5 url(images/tasty-tip-bottom.gif) no-repeat bottom left}
.tastyTip h4 span{margin-left:-999px}
.tastyTip h4{background:url(images/tasty-tip-top.gif) no-repeat;width:334px;height:37px;margin:0;padding:0}
.tastyTip p{margin:5px 12px 5px}
/*
.products li{margin-bottom:20px}
.products li img{clear:both}*/

#content ul.categories,
#content ul.products{list-style:none;margin:0;padding:15px 0;clear:both;}
#content ul.categories li,
#content ul.products li{float:left;width:150px;height:157px;margin:0 11px;text-align:center;}
#content ul.categories li span,
#content ul.products li span{display:block;margin-top:10px}

#sidebar .html_sidebar_widget a{text-decoration:underline;font-size:100%;font-weight:normal;margin-left:5px;display:block}
#sidebar .html_sidebar_widget a:focus{outline:none}

#content .news-item h3{margin:0}
#content .news-item small{color:#3c933e}
#content .news-item .entry{margin-bottom:30px}

ol.small{font-size:10px;margin:2em;padding:0}

#news-title{margin-left:-3px}

body.page-id-1702 #wrapper{background:none !important;width:600px}
body.page-id-1702 #content{background:none !important;width:600px;height:338px}

#nutritionFootnotes p{color:#999;margin:.5em 0}

/*.at300bs, .at15t_email, .at300bs, .at15t_print*/
a.addthis_button_email span, a.addthis_button_print span{display:none}

#email-to-friend-overlay{
  position:fixed !important;position:absolute;width:100%;height:100%;top:0px;left:0px;background:#000;z-index:10;
  opacity:.65;filter: alpha(opacity=65)
}

#email-to-friend{
  width:470px;height:270px;position:fixed !important;position:absolute;top:50%;margin-top:-140px;left:50%;margin-left:-235px;
  border:5px solid #fff;color:#fff;font-size:12px;z-index:11;display:none;background:#469848 url("images/sending-to-friend.gif") -9999em -9999em no-repeat;
}
#email-to-friend form{margin:22px;padding:0}
#email-to-friend .sending{overflow:hidden}
#email-to-friend .sending img{position:absolute;left:-9999em}
#email-to-friend th{text-align:left;font-weight:bold;font-size:11px}
#email-to-friend label{white-space: nowrap;}
#email-to-friend input{width:302px;padding:3px 0;margin:0;border:1px solid #98dc6e}
#email-to-friend h2{
  overflow:hidden;text-indent:-9999em;width:228px;height:20px;
  background:url("images/send-to-friend-header.gif") top left no-repeat;margin:0 0 29px
}
#email-to-friend .buttonRow td{padding:18px 0 0}
#email-to-friend .buttonCell{width:180px}

#email-to-friend-thank-you{position:absolute;top:0;left:0;width:100%;height:100%;background:#469848;display:none}
#email-to-friend-thank-you h2{background:url("images/email-sent.gif") top center no-repeat;width:100%;height:15px}
#email-to-friend-thank-you div{text-align: center; margin-top:100px}
#email-to-friend-thank-you div.buttons{width:300px;margin:auto}
button.imgBtn{
  background:none;border:none;text-indent:-9999em;overflow:hidden;height:25px;
  padding:0;margin:0 0 0 8px;cursor:pointer;display:block;float:right
}
#sendBtn{background:url("images/send-button.gif") center -25px no-repeat;width:74px}
#sendBtn:hover,#sendBtn.over{background-position: center top}
#cancelBtn{background:url("images/cancel-button.gif") center -25px no-repeat;width:89px}
#cancelBtn:hover,#cancelBtn.over{background-position: center top}
#sendAgainBtn{background:url("images/send-again-button.gif") center -25px no-repeat;width:204px}
#sendAgainBtn:hover,#sendAgainBtn.over{background-position: center top}
#closeBtn{background:url("images/close-button.gif") center -25px no-repeat;width:79px}
#closeBtn:hover,#closeBtn.over{background-position: center top}