/*-----------------------------------------------------------------------------
Default Style Sheet

version:   1.0
author:    Jim Pannell
email:     jim@sixmedia.net
website:   http://www.sixmedia.net/
-----------------------------------------------------------------------------*/

/* =Basic HTML
-----------------------------------------------------------------------------*/
body{font-size:81.3%;line-height:1.5em;font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;background:url(/images/interface/bg-b-paper.jpg) repeat fixed}
html>body{font-size:13px}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}
body{border-top:none}

/* Class for clearing floats */
.clear{clear:both}


/* =Links
-----------------------------------------------------------------------------*/
a:focus{outline:1px dotted invert}
a:link{color:#703c16}
a:visited{color:#94683e}
a:hover,a:active{color:#333}
.clickable{cursor:pointer}

.box a,.box_8 a,.box_6 a,.homeIntro a{font-weight:bold !important;text-decoration:none}
.box a:link,.box a:visited{color:#000}
.box a:hover,.box a:active,.box_8 a:hover,.box_8 a:active,.box_6 a:hover,.box_6 a:active,.homeIntro a:hover,.homeIntro a:active{text-decoration:underline}
.box h2 a:link,.box h2 a:visited,.box_8 h2 a:link,.box_8 h2 a:visited,.box_6 h2 a:link,.box_6 h2 a:visited{color:#fff}
h1 a,h2 a,h3 a,h4 a{font-weight:normal !important}

/* =Structure
-----------------------------------------------------------------------------*/
#overarchingContainer{margin-left:auto;margin-right:auto;width:980px;background:url(/images/interface/bg-overarching.gif) repeat-y}


/* =Spacing
--------------------------------------------------------------------------------*/
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:19.5px}


/* =Headings
-----------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:25px}
h2{font-size:21px;line-height:0.9285em;margin:1.39275em 0 0.46425em 0}
h3{font-size:18px}
h4{font-size:15px;line-height:1.3em;margin:1.95em 0 0.65em 0;font-weight:bold;}
h5{font-size:13px;font-weight:bold}
h6{font-size:13px;font-weight:bold}


/* =Branding
-----------------------------------------------------------------------------*/
#pageHeader *{z-index:1200}
#brandingTop{position:relative;margin:0;width:960px;height:125px;background:#fff url(/images/interface/bg-branding-beans.gif) repeat-x top left}
#logo{margin:0;position:absolute;top:0;left:20px;z-index:3;width:330px;height:125px;background:url(/images/interface/logo.gif) no-repeat;text-indent:-9000px}
#logo a{display:block;height:125px;background:url(/images/interface/logo.gif) no-repeat}
#search{position:absolute;top:0;left:0;width:960px;height:43px;background:url(/images/interface/search-box.gif) no-repeat}
#search .searchInput{position:absolute;top:8px;left:716px;width:170px;height:25px;background:url(/images/interface/search-input.gif) no-repeat;border:0;padding:1px 20px 0 10px;color:#666;font-size:10px}
#search .searchButton{position:absolute;top:9px;right:12px;width:23px;height:23px;border:0}
#search label{position:absolute;top:9px;left:680px;width:26px;height:24px;background:url(/images/interface/search-label.gif);border:0;text-indent:-9000px}
#basketOverview{position:absolute;top:50px;left:620px;width:330px;height:70px;text-align:right;color:#888;font-size:12px;line-height:14px}
#basketOverview p{margin-bottom:8px}
#basketOverview strong{color:#454545}
#basketOverview a:link,#basketOverview a:visited{text-decoration:none;font-weight:bold}
#basketOverview a:hover,#basketOverview a:active{text-decoration:underline}
#basketOverview h4{font-size:13px;margin:5px 0}
.addthis_toolbox{position:absolute;top:175px;right:15px}
#basket{float:right;display:inline;padding-left:10px}


/* =Primary Content
-----------------------------------------------------------------------------*/
#contentPage h1{font-family:Georgia,serif;line-height:0.78em;margin:0 0 0.78em 0;color:#000}
#contentPage h3{line-height:1.0833em;margin:1.6249em 0 0.5416em 0}
#contentPage p.intro,#contentPage p.pagesIntro{font-family:Georgia,serif;color:#777;font-size:18px;line-height:1.0833em;padding-bottom:1.0833em;border-bottom:1px solid #ccc;margin-bottom:1.0833em}
#contentPage p.pagesIntro{margin-bottom:0}
#contentPage small{font-size:95%}
#contentPage #content a:link,#contentPage #content a:visited{font-weight:bold;text-decoration:none}
#contentPage #content a:hover,#contentPage #content a:active{text-decoration:underline}

.grid_4 h2,.grid_3 h2,.grid_2 h4 a{font-size:16px;margin-top:0;text-align:center;font-weight:bold}
.grid_2 h4 a{font-size:12px;line-height:16px}
.grid_2 h4{text-align:center}
.grid_4 .box h2{text-align:left}
.grid_4 h2 a,.grid_3 h2 a,.grid_2 h4 a{text-decoration:none;color:#000}
.grid_4 h2 a:hover,.grid_3 h2 a:hover,.grid_2 h4 a:hover{text-decoration:underline}
.searchResultsCoffee h2,#searchResultsCoffee h2,#searchResults h2{font-family:georgia,serif;margin-bottom:10px}
.searchResultsCoffee h2,#searchResultsCoffee h2 a,#contentPage #content #searchResults h2 a,#contentPage #content #searchResultsCoffee h2 a,#contentPage #content .searchResultsCoffee h2 a{text-decoration:none;font-weight:normal}
#searchResultsCoffee h2,.searchResultsCoffee h2{position:relative;padding-left:60px}
#searchResultsCoffee h2 img,.searchResultsCoffee h2 img{position:absolute;left:0;top:-10px}
#searchResultsCoffee p,.searchResultsCoffee p{padding-left:60px}
h2.featuredTitle{font-family:georgia,serif;margin:0 0 20px 0 !important;padding-top:20px;border-top:1px solid #ccc}
h2.noHr{border-top:none;padding-top:0}

/* =Homepage
-----------------------------------------------------------------------------*/
#home .featuredCoffee h3{font-family:Georgia,serif;position:relative;font-size:18px;margin:10px 0 5px 0}
#home .featuredCoffee h3 span{color:#703c16;font-size:15px;display:block}
#home .featuredCoffee h3 a{font-weight:normal !important}

#home .smlThumb{background-color:#ccc;padding:4px}
#home .homeIntro h2{margin:0 0 10px 0;font-family:Georgia,serif;}
.cards img{padding:5px 5px 0 0;}
#homeOptions{z-index:1}

/* =Product Related
-----------------------------------------------------------------------------*/
#productDetails div.grid_6.nested a{text-decoration:none;font-weight:bold;}
#productDetails div.grid_6.nested a:hover{text-decoration:underline;color:#333;}
#productCoreInfo h1{line-height:1.1em}
#productCoreInfo span{font-size:16px;color:#703c16;margin:6px 0;letter-spacing:2px;display:inline;font-weight:bold}
#productCoreInfo p{margin-bottom:13px}
#productCoreInfo p.productSummary{margin:20px 0 13px 0}
#productOrderForm{clear:both;padding:10px;margin-top:20px;background:#703c16;color:#fff;width:92%}
#productOrderForm label{float:left;width:75px}
#productOrderForm .giftPacks label{float:none;width:150px;display:block;}
#productOrderForm .giftPacks select{float:none;width:150px;display:block;}
#productThumbs .grid_3{height:240px}
#productThumbs .grid_3 h2{margin-top:5px;line-height:1.21875em}
#contentPage #content #productThumbs .grid_3 h2 a,#contentPage #content .grid_4 h2 a{font-weight:bold !important}
#contentPage #content #productThumbs .grid_2 h4{margin-top:5px}
.productOrderButtons{margin:20px 10px 0 0}
#productCoreInfo ul{margin:0;list-style:none}
#productCoreInfo li{width:130px;float:left;margin-left:0;padding-left:35px;line-height:24px;font-weight:normal;background-repeat:no-repeat;background-position:0 50%}
.flag_in-stock,.coffee_flag_in-stock{background-image:url(/images/interface/icon-accept-24.png)}
.flag_favourite,.coffee_flag_favourite{background-image:url(/images/interface/icon-favorite-24.png)}
.flag_bestseller,.coffee_flag_bestseller{background-image:url(/images/interface/icon-accept-24.png)}
.flag_topcrema,.coffee_flag_topcrema{background-image:url(/images/interface/icon-tag_blue-24.png)}
.flag_new,.coffee_flag_new{background-image:url(/images/interface/icon-new-24.png)}
.flag_special-offer,.coffee_flag_special-offer{background-image:url(/images/interface/icon-promotion-24.png)}
.flag_ecofriendly,.coffee_flag_ecofriendly{background-image:url(/images/interface/icon-eco-24.png)}
#productCoreInfo li.flag_free-shipping{background-image:url(/images/interface/icon-freeshipping-24.png);font-weight:bold}
#coffeeCategory h1,#coffeeCategory p,#brandDescription h1,#brandDescription p{padding-left:120px}
#coffeeCategory p.intro,#brandDescription p.intro{padding-bottom:1.5em}
#brandProducts .grid_2,#productThumbs .grid_2{height:205px}
#brandProducts .grid_2 h4,#productThumbs .grid_2 h4,#productThumbs .grid_2 h2 a{margin:0.2em 0}
#brandProducts .grid_2 h4 a,#productThumbs .grid_2 h4 a,#productThumbs .grid_2 h2 a{line-height:15px}
#productThumbs .grid_2 h2,#productThumbs .grid_2 h2 a{font-size:12px;color:#000;text-align:center;margin:0.2em 0}

#brandProducts .grid_2 span,#productThumbs .grid_2 span{display:block;font-weight:bold;color:#703c16;text-align:center;margin-top:0.4em}
#brandThumbs .grid_3{height:130px}
#coffeeKeyinfo{clear:both;padding:0;margin-top:0;background:#fff;color:#333}
#coffeeKeyinfo dl{margin:0;padding:0 0 2em 0;line-height:1.3em;}
#coffeeKeyinfo dt{float:left;margin:0;padding:0 5px 0 0;font-weight:bold;color:#000;}
#coffeeKeyinfo dd{padding:0}
#coffeeKeyinfo span{font-size:16px;color:#703c16;margin:6px 0;letter-spacing:2px;display:inline;font-weight:bold}
#coffeeKeyinfo h1{position:relative;margin:0 0 20px 0;padding-left:60px;}
#coffeeKeyinfo h1 img{position:absolute;left:0;top:-10px;}
#coffeeKeyinfo p.coffeeSummary{margin:10px 0}
#productCoreInfo div.showPrice span,#coffeeKeyinfo div.showPrice span{float:left;color:#55b44d;font-size:26px;padding-right:6px;}
#productCoreInfo div.showPrice em,#coffeeKeyinfo div.showPrice em{font-style:normal;display:block;font-weight:bold;font-size:10px;text-transform:uppercase;line-height:13px;}
#productCoreInfo div.showPrice p,#coffeeKeyinfo div.showPrice p{font-size:11px;margin-bottom:0;color:#999;line-height:28px;}
#productCoreInfo p em{font-style:normal;color:#55b44d;}
#coffeeKeyinfo dd.hilite{color:#55b44d;}
.noteGround{margin-top:10px}
.featuredCoffeeBox{height:160px}
h4.productCats{margin-top:0.5em}

/* Tabs styling
----------------------------------------------------------------------------------------------------*/
#tabContent h3,#tabContent h4{color:#000;margin-bottom:13px;font-weight:bold;font-size:15px;text-transform:uppercase;letter-spacing:1px}

/* root element for tabs  */
ul.css-tabs{margin:3em 0 0 0 !important;padding:0;height:30px;border-bottom:1px solid #94683e}

/* single tab */
ul.css-tabs li{float:left;padding:0;margin:0;list-style-type:none}

/* link inside the tab. uses a background image */
ul.css-tabs a{float:left;font-size:13px;font-weight:bold;display:block;padding:5px 30px;text-decoration:none;border:1px solid #94683e;border-bottom:0px;height:18px;background:#94683e;color:#fff;margin-right:2px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;position:relative;top:1px}
ul.css-tabs a:hover{background:#703c16;color:#fff}
	
/* selected tab */
ul.css-tabs a.current{background-color:#f5ead4;background-image:none;border-bottom:2px solid #f5ead4;color:#000;cursor:default}

/* tab pane */
div.css-panes div{display:none;border:1px solid #94683e;border-width:0 1px 1px 1px;min-height:150px;padding:15px 20px;margin-bottom:39px;background-color:#f5ead4;color:#000}
div.css-panes div h4{font-size:13px;font-weight:bold}
div.css-panes div a{font-weight:bold;text-decoration:none;color:#703C16;}
div.css-panes div a:hover{text-decoration:underline;color:#333;}

/* =Footer
-----------------------------------------------------------------------------*/
#footerTop{background:transparent url(/images/interface/footer-bg-top.jpg) no-repeat;padding-top:60px}
#footer{color:#fff;background:#703c16 url(/images/interface/nav-bg.gif) repeat-x top left}
#footer h4{font-size:17px;color:#fff;font-family:Georgia,serif;margin:14px 0 10px 0;font-weight:normal}
#footer p{margin:0;padding:0;color:#fff}
#footer p.copyright{margin:0;padding:10px 10px 5px 10px;color:#fff}
#footerBottom{width:960px;height:16px;background:url(/images/interface/footer-bg-bottom.jpg) no-repeat bottom left}
#footer ul li{margin-left:13px}
#footer a{color:#f5ead4;text-decoration:none}
#footer a:hover{text-decoration:underline}
div.logoAddition{clear:both;font-size:12px;line-height:16px;margin-top:15px;}
div.logoAddition img{float:left;margin-right:10px}
p.tweetholder{background:url("/images/interface/icon-twitter.png") no-repeat scroll 5px 5px transparent;line-height:50px;margin:0;padding:5px 0 0 0;}
p.tweetholder a{padding-left:50px;}

/* =Forms
-----------------------------------------------------------------------------*/
form{overflow:hidden}
fieldset{border:1px solid #bbb;padding:10px;position:relative;background:#e9e9e9;margin-bottom:10px}
legend{font-size:1.1em;padding:.4em .8em}
#footer fieldset{border:none;background:transparent;padding:0}
#footer legend{display:none}
#footer fieldset p{margin-bottom:10px}
fieldset.login p{margin-bottom:1em;margin-top:0pt}
fieldset p label{width:98%}
fieldset p input{width:90%}
fieldset p select{width:99%}
fieldset.login p label{float:left;line-height:2em;margin-right:3%;text-align:right;width:32%}
fieldset.login p input{width:60%}
fieldset.login input.button{margin-left:35%}
form p.notice{font-weight:bold}
input.search.text{width:66%}
input.search.button{width:28%;margin-left:2%}
input.submitButton{width:auto;padding:5px;margin-top:5px}
.formButton,.actionButton{padding:8px 30px;font-size:.9em;font-weight:bold;color:#55b44d;background:#94683e;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer;border:0;width:auto;text-transform:uppercase;}
.formButton{background:#f5ead4;background-image:none}
form#myproducts .formButton{}
a.actionButton{color:#fff;text-decoration:none;margin-right:10px}
a.actionButton:hover{color:#fff !important;text-decoration:underline}
.formButton:hover{color:#94683e !important}
.actionButton{padding:10px 14px}
form.cmxform fieldset,form#standardForm fieldset{margin-bottom:10px;border:1px solid #ccc;background:#F5EAD4}
form.cmxform fieldset fieldset,form#standardForm fieldset fieldset{background:none;border:none}
form.cmxform legend,form#standardForm legend{padding: 0 2px;font-weight:bold}
form.cmxform label,form#standardForm label{display:inline-block;line-height:19.5px;vertical-align:top}
form.cmxform fieldset ol,form#standardForm fieldset ol{margin:0;padding:0}
form.cmxform fieldset li,form#standardForm fieldset li{list-style:none;padding:5px 10px 7px;margin:0}
form.cmxform em,form#standardForm em{font-weight:bold;font-style:normal;font-size:130%;color:#f00}
form.cmxform label,form#standardForm label{width:150px; /* Width of labels */}
form.cmxform label.wider,form#standardForm label.wider{width:150px}
form.cmxform textarea,form#standardForm textarea{font-size:100%;font-family:verdana}
form.cmxform .autoSize,form#standardForm .autoSize{width:auto;border:none}
form.cmxform input.submit,form#standardForm input.submit{cursor:pointer;border:1px solid #fff;background:#84b84a;color:#fff;font-size:110%;font-weight:bold;padding:3px}
form.cmxform input.submit:focus,form#standardForm input.submit:focus{background:#84b84a}
form.cmxform select,form#standardForm select{width:auto}
form.cmxform input.widerInput,form#standardForm input.widerInput{width:300px}

div#MB_window fieldset p label{width:150px}
div#MB_window fieldset p input{width:330px}
div#MB_window fieldset p select{width:330px}
div#MB_window fieldset em{color:#000;font-weight:normal}

/* =Tables
-----------------------------------------------------------------------------*/
#coffeeMatrix{margin-top:10px}
#coffeeMatrix p:first-child{margin-top:15px;margin-bottom:0}
#coffeeMatrix th a,#coffeeMatrix th{text-decoration:none;color:#fff;line-height:1.2em;font-weight:normal !important}

/* =Boxes
-----------------------------------------------------------------------------*/
.box{background:#f5ead4 url(/images/interface/box-bottom.gif) no-repeat bottom left;margin-bottom:20px;padding:0}
.box h2{background:url(/images/interface/box-top.gif) no-repeat top left;font-size:1em;font-weight:bold;text-transform:uppercase;color:#fff;margin:0;padding:8px 10px 4px 10px;height:1em}

.box_6 h2 a,.box_8 h2 a,.box_10 h2 a,.box h2 a,.box h2 a.visible{color:#fff;display:block;padding:0;margin:0;border:none}
.box h2 a:hover{color:#f5ead4}
/*.box h2 a.hidden,.box h2 a.hidden:hover {background:transparent url(/images/interface/box-top.gif) no-repeat top left}*/

.box_10{background:#f5ead4 url(/images/interface/box_10-bottom.gif) no-repeat bottom left;margin-bottom:20px;padding:0}
.box_10 h2{background:url(/images/interface/box_10-top.gif) no-repeat top left;font-size:1em;font-weight:bold;text-transform:uppercase;color:#fff;margin:0;padding:8px 10px 4px 10px;height:1em}
.box_8{background:#f5ead4 url(/images/interface/box_8-bottom.gif) no-repeat bottom left;margin-bottom:20px;padding:0}
.box_8 h2{background:url(/images/interface/box_8-top.gif) no-repeat top left;font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;margin:0;padding:8px 10px 4px 10px;height:1em}
.box_8 .boxLogos{float:left;width:90px;text-align:center}
.box_8 .boxLogos img{padding-bottom:10px}
.box_8 .spaceonLeft{margin-left:100px;padding-bottom:30px;}
.box_6{background:#f5ead4 url(/images/interface/box_6-bottom.gif) no-repeat bottom left;margin-bottom:20px;padding:0}
.box_6 h2{background:url(/images/interface/box_6-top.gif) no-repeat top left;font-size:1em;font-weight:bold;text-transform:uppercase;color:#fff;margin:0;padding:8px 10px 4px 10px;height:1em}


.block{padding:10px}
div.menu{padding:0}
div.menu h2{margin:0}
div.menu .block{padding-top:0}

.subnav ul{margin:0 0 15px 0;padding:0;list-style-type:none}
.subnav li{margin:0;padding-left:28px;background:url(/images/interface/icon-bean.png) no-repeat 0 0}
.subnav li ul li{margin-left:-28px}
.boxContent{position:relative}
.boxContent ul{margin:0 0 15px 0;padding:0;list-style-type:none}
.boxContent li{margin:0;padding-left:28px;background:url(/images/interface/icon-bean.png) no-repeat 0 0}
.boxContent li ul li{margin-left:-28px}


/* =Gourmet Packs
-----------------------------------------------------------------------------*/
.gourmetPack #coffeeKeyinfo h1{padding-left:0;margin:0 0 10px 0}
.gourmetPack #coffeeKeyinfo dl{padding-bottom:0;}
.gourmetPack #productOrderForm select#productOptions{float:none;}

.gourmetPack #productOrderForm select#productOptionsOne,.gourmetPack #productOrderForm select#productOptionsTwo,.gourmetPack #productOrderForm select#primary_item,.gourmetPack #productOrderForm select#secondary_item,.gourmetPack #productOrderForm select#tertiary_item{width:312px;}
.gourmetPack #productOrderForm .giftPacks select#productOptionsOne,.gourmetPack #productOrderForm .giftPacks select#productOptions{float:none;width:220px !important;display:block;}
.gourmetPack #productOrderForm input.formButton{clear:both;margin-top:10px;}

/* =Misc 1
-----------------------------------------------------------------------------*/
#contentPage .teaser h2,.teaser h2,#contentPage .teaser h3,.teaser h3{font-family:Georgia,serif;margin:0;line-height:1.5em}
#contentPage .teaser h3 a,.teaser h3 a{text-decoration:none;font-weight:normal}
.newsHolder h2{margin:0;font-family:Georgia,serif}
.newsHolder h2 a{text-decoration:none}
.newsHolderContent h2{margin-top:0}
.newsDate{font-weight:bold;text-transform:uppercase;letter-spacing:1px}
/* Image Zoom */
div.jqZoomTitle{z-index:4;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top:0px;left:0px;width:100%;color:#FFF;background:#999}
.jqZoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:10;border-color:#c4c4c4;border-style:solid;cursor:crosshair}
.jqZoomPup img{border:0px}
.preload{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;font-size:12px;font-family:Tahoma;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(/images/interface/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px}
.jqZoomWindow{border:1px solid #999;background-color:#FFF}
div.nestedGoodness li,div.nested li{font-size:12px;line-height:1.625em;margin-left:15px}
.recipeHolder,.tipHolder{border-bottom:1px solid #ccc}
#contentPage .recipeHolder h3{margin-top:0}
#reslayer{clear:both;width:620px;height:85px;overflow:auto;visibility:visible;padding:5px;border:1px solid #999;margin:0}
#reslayer h1,#reslayer h2{margin:0 0 10px 0;padding:0;font-size:21px;color:#703c16;font-family:Georgia,serif;text-decoration:none;}
#reslayer p.info{font-weight:bold;margin-bottom:12px}
#reslayer a:hover{text-decoration:underline;}



/* =CSS3 Stuff
-----------------------------------------------------------------------------*/
.rounded{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}


/* =Grid Overrides
-----------------------------------------------------------------------------*/
.nested{margin-left:0}
.nestedGoodness{padding-right:20px}


/* =Main Navigation
-----------------------------------------------------------------------------*/
#navigation{width:960px;height:3.462em;background:#94683e url(/images/interface/nav-bg.gif) repeat-x top left;margin:0;margin-bottom:2em;z-index:999}
#navMain,#navMain *{margin:0;padding:0;list-style:none}
#navMain{line-height:1em}
#navMain ul{position:absolute;top:-999em;width:13em;/* left offset of submenus need to match (see below) */}
#navMain ul li{width:100%}
#navMain li:hover{visibility:inherit}/* fixes IE7 'sticky bug' */
#navMain li{float:left;position:relative}
#navMain a{display:block;position:relative}
#navMain li:hover ul,
#navMain li.sfHover ul{left:0;top:3.462em;/* match top ul list item height */ z-index:99}
ul#navMain li:hover li ul,
ul#navMain li.sfHover li ul{top:-999em}
ul#navMain li li:hover ul,
ul#navMain li li.sfHover ul{left:12em;/* match ul width */ top:0}
ul#navMain li li:hover li ul,
ul#navMain li li.sfHover li ul{top:-999em}
ul#navMain li li li:hover ul,
ul#navMain li li li.sfHover ul{left:12em;/* match ul width */ top:0}

#navMain{float:left;margin-bottom:1em}
#navMain a{padding:6px 1em;text-decoration:none}
#navMain a,#navMain a:visited{/* visited pseudo selector so IE6 applies text colour*/ color:#454545;font-weight:normal}
#navMain li{background:transparent}
#navMain li li{background:#f5ead4;line-height:16px;border-left:1px solid #a9a9a9;  /* JP: Adds left border of subnav */
border-right:1px solid #a9a9a9; /* JP: Adds right border of subnav */ }
#navMain li li:last-child{border-bottom:1px solid #a9a9a9} /* JP: Adds bottom border of subnav */
#navMain li li li{background:#9AAEDB}
#navMain li:hover,#navMain li.sfHover,#navMain a:focus,#navMain a:hover,#navMain a:active{background:#f9f9f9;outline:0}

/*** shadows for all but IE6 ***/
#navMain.sf-shadow ul{background:url('/images/interface/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
#navMain.sf-shadow ul.sf-shadow-off{background: transparent}

#navMain a.header{background:url(/images/interface/nav-sprite.gif) no-repeat;display:block;height:45px;text-indent:-9999px;padding:0}
#navMain #navHome a.header{width:66px}
#navMain #navHome a.on{background-position:0 -90px}
#navMain #navCoffee a.header{width:97px;background-position:-66px 0}
#navMain #navCoffee a.on{background-position:-66px -45px}
#navMain #navCoffee a.header:hover,#navMain #navCoffee a.active{background-position:-66px -90px}
#navMain #navCmakers a.header{width:113px;background-position:-163px 0}
#navMain #navCmakers a.on{background-position:-163px -45px}
#navMain #navCmakers a.header:hover,#navMain #navCmakers a.active{background-position:-163px -90px}
#navMain #navGifts a.header{width:144px;background-position:-276px 0}
#navMain #navGifts a.on{background-position:-276px -45px}
#navMain #navGifts a.header:hover,#navMain #navGifts a.active{background-position:-276px -90px}
#navMain #navHistory a.header{width:113px;background-position:-420px 0}
#navMain #navHistory a.on{background-position:-420px -45px}
#navMain #navHistory a.header:hover,#navMain #navHistory a.active{background-position:-420px -90px}
#navMain #navArticles a.header{width:69px;background-position:-533px 0}
#navMain #navArticles a.on{background-position:-533px -45px}
#navMain #navArticles a.header:hover,#navMain #navArticles a.active{background-position:-533px -90px}
#navMain #navAbout a.header{width:78px;background-position:-602px 0}
#navMain #navAbout a.on{background-position:-602px -45px}
#navMain #navAbout a.header:hover,#navMain #navAbout a.active{background-position:-602px -90px}
#navMain #navContact a.header{width:88px;background-position:-680px 0}
#navMain #navContact a.on{background-position:-680px -45px}
#navMain #navContact a.header:hover,#navMain #navContact a.active{background-position:-680px -90px}
#navMain #navPro a.header{position:absolute;left:60px;width:118px;background-position:-768px 0}
#navMain #navPro a.on{background-position:-768px -45px}
#navMain #navPro a.header:hover,#navMain #navPro a.active{background-position:-768px -90px}

/* =Shop Related
-----------------------------------------------------------------------------*/
.subHeading{font-weight:bold;padding:5px 0 5px 14px}
table.tableBox tbody td,table.tableBox tbody th{background-color:#f5ead4;padding:8px}
table.tableBox{border:none;}

#checkoutSummary .boxContent{height:135px}
#checkoutButtons .box_10 .boxContent{height:135px}
#checkoutButtons .box_10 p{text-align:center;padding-top:16px}
#checkoutButtons .buttonPaypal{position:absolute;top:70px;left:80px}
#checkoutButtons .buttonGoogle{position:absolute;top:70px;left:335px}

#checkoutButtons .buttonShop{position:absolute;top:0;right:60px}
.review_table_caption span{font-size:11px}
#contentPage #content a.updateBasket{display:block;font-size:11px;font-weight:normal}

#socialBookmarks{margin-top:15px;}
#socialBookmarks li{padding-left:0;width:105px;list-style-type:none;float:left;margin-left:0;}
#socialBookmarks li span{font-size:13px;color:#333;font-weight:normal;letter-spacing:0;line-height:19.5px;padding-left:6px;vertical-align:middle;}
#socialBookmarks li img{vertical-align:middle;}
#socialBookmarks li a{text-decoration:none;font-weight:bold;}
#socialBookmarks li a:hover{text-decoration:underline;}


/* =CSS3 Enhancements
-----------------------------------------------------------------------------*/
.box h2,.box_8 h2,.box_6 h2,#footer h4{text-shadow: 0 1px 0 #000}