/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.9; text-align:center; background:#fff url(../images/main-bg.png); color:#514114; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

table.default {width:100%;}
table.default td { border-bottom:1px solid #c9c5a9; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. */
html { font-size:100.01%; }

body, input, textarea { font-size: 83%; font-family: Georgia, Arial, Helvetica, sans-serif;}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, #main_menu li { font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; }

h1 { text-transform:lowercase; }

h1, body.home h2, body.home h3 { font-size: 2.5em; line-height: 1.2; margin-bottom: 0.65em; color:#c9c5a9; }

h2 { font-size: 2.5em; margin-bottom: 0.75em; color:#c9c5a9; }

body.home #leftcol h3 { border-left:0px; padding-left:0; font-size:2.5em; }

h3 { font-size: 1.75em; line-height: 1.2; margin-bottom: .75em; color:#c9c5a9; border-left:5px solid #c9c5a9; padding-left:10px; }

#leftcol h4 { font-size: 1.3em; line-height: 1.55; margin-bottom: 1.00em; color:#514114; }

#leftcol #news-box h4 { font-size: 1.3em; line-height: 1.55; margin-bottom: 1.00em; color:#514114; border-left:5px solid #c9c5a9; padding-left:10px; }

#leftcol #news-box h4 a { text-decoration:none; color:#514114 }

#leftcol #news-box h4 a:hover { text-decoration:underline; }

h4 { font-size: 1.3em; margin-bottom: 1.2em; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.2em; }

h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

#leftcol h4 { font-size:1.2em; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; line-height:170%; }

body.home #content p { font-size:1.2em }

#leftcol p { font-size:13px; border-left:1px solid #c9c5a9; padding-left:10px; }

p img.left_top { float: left; margin: .5em 1.5em 1.5em 0; }

p img.right_top { float: right; margin: .5em 0 1.5em 1.5em; }

p img.left_inside { float: left; margin: 1.5em 1.5em 1.5em 0; }

p img.right_inside { float: right; margin: 1.5em 0 1.5em 1.5em; }

p img.inlinephoto { clear:both; display:block; margin:1.5em 0; }

a:focus, a:hover { text-decoration: none; }

a { color: #64552e; }

a { outline: none; } /* Getting rid of that dotted border in FF	*/

blockquote { margin: 1.5em; font-style: italic; }

strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color:#666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width:100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/* Misc classes
-------------------------------------------------------------- */

.small { font-size: 11px; }

.hide { display: none; }

/* -------------------------------------------------------------- 

   layout.css
   * page layout.
   
-------------------------------------------------------------- */
 
 
 /* Forms
 -----------------------------------------------*/
 
 /* Recaptcha Styles */  
 
/* <td class="recaptcha_image_cell" width="302"><center><div style="width: 300px; height: 57px;" id="recaptcha_image"><img style="display: block;" src="http://api.recaptcha.net/image?c=02DsjJW7yzQZYFoToMmbMXJnZUnlZYoLb-Bd78tRQNONKgyFG7CLxqmTJ_ukccTOtWNr11GdNAkDp3F9Ih6n0aevDtVFWizUWyD68KDHtEDo_BKNHxd4aohIN2KG3l56k4PSEuLFBvYmh2b1LASL3CRZLICk_3kkG-RK8zfAD0Lde4H7xOqqk5_BdSQFMiAj_2HSjwyh6lFsJrF_bZ32-ryAsFU3ogl4Q9Q8QS5CiwaDLi1IehSLMjzEFctAkBG5QsIyw395fgKlJ9cv5VxVy256jXDvoB" height="57" width="300"></div></center></td>*/

td.recaptcha_image_cell {border:1px solid #000!important}

.recaptchatable .recaptcha_image_cell, #recaptcha_table, .recaptchatable td { background-color:transparent!important; border:none!important /* reCaptcha widget background color*/ }

.recaptchatable { line-height:0px; border: 1px solid #fff !important; }

.recaptchatable td img { display: block; border:0px solid #fff!important; }

.recaptchatable td { margin:auto; border:1px solid #000 !important; }

#recaptcha_response_field { border: 1px dotted #64552e!important; /* Text input field border color*/ }

.recaptchatable img#recaptcha_image { border:none!important; /* stop spam read books removing border from this image*/ }

.recaptchatable label.recaptcha_input_area_text { border:1px solid #fff !important; }

#recaptcha_table .recaptchatable .recaptcha_image_cell center img { border:none!important; }

#content input[type="text"], #content textarea, #content select /* To keep form fields consistent when FireFox overrides them*/ { background: #fff!important; border: 1px dotted #64552e; padding:4px; margin:2px 0 3px 0; }

#content textarea, #content input[type="text"] { width:93%; }

#content textarea { height:100px; }

#content input[type="button"], #content input[type="submit"]  /* To keep form fields consistent when FireFox overrides them*/ { border: 1px solid #64552e; background:#64552e; color:#fff; font-weight:normal; font-size:14px; padding:3px; }

#content input[type="submit"]:hover, #content input[type="button"]:hover { background:#514114; }

label { font-size: 12px; margin:5px 0 2px 0; font-weight:bold; padding:5px 5px 0 0; }

label span { font-size:10px; font-weight:normal; }

/*****************************************************************/
 /***************** CONTACT FORM ***************/
/*****************************************************************/
 

.contactform { /*width of contact form */ margin:0 0 20px 0px; width:100%; }

.contactform label { /*all labels are bold */ font-weight:bold; font-size:12px; }

.contactform div { /*this makes the form fields and labels not so squished together */ margin:5px 0; }

.contactform fieldset legend { /*the legend does not display */ display:none; }

.contactform .textarea textarea, .contactform .textfield input, .contactform .select select { /*general field styles */ font-size:14px; padding:5px; }

.contactform .textfield label, .contactform .textarea label, .contactform .select label { /*labels inside these divs are blocks */ display:block; width:100%; margin:0 0 3px 0; }

.contactform .textarea textarea { /*width and height of the textarea field */ height:100px; width:95%; }

.contactform p, .contactform h3, .contactform p, .contactform h2 { /*If you add text inside the your form this is where you set the formats up if you override the main css */ padding:2px 0!important; }

.contactform div.clear { /*assign a class e.g., textfield clear after a floated div */ clear:both; }

div.textfield input { /*the text field input width and styles */ }

.contactform div.select select { /*width of the select field */ }

.contactform span { /*spans inside the form are blocks, display inline if necessary */ display:block; }

.contactform span.error { font-size:14px; color:#c40d15; font-weight:bold; display:block; margin:2px 0 8px 0; }

div.error_message { padding:0 0 20px 0; color:#c40d15; font-size:14px; }

div.error_message h2 { color:#c40d15!important; font-weight:bold!important; }

div.error_message span { display:block; }

p.required { font-size:11px; }

p.smalltext { font-size:11px!important; }

fieldset.spam { /*this is the spam fieldset class */ background:#fff!important; /*the width of the contact form minus the padding */ }

fieldset.spam .textfield input { /*the textfield inside the spam fieldset */ }

fieldset.spam span { /*the text inside the spam fieldset is in a span */ font-size:12px; font-weight:bold; }

fieldset.spam img { /*give the spam image some pizazz */ border:0px solid #333; }

#outterwrapper { width:100%; margin:20px 0 0 0; background:#fff; text-align:center; position:relative; border:1px solid #c9c5a9; border-left-width:0px; border-right-width:0px; }

#pagewidth { width:735px; text-align:left; margin:0 auto; position:relative; }

#header { position:relative; height:170px; width:100%; }

#header h1, #header h2 { position:relative; width:100%; height:66px; padding:0; top:40px; overflow:hidden; background:url(../images/logo.png) center top no-repeat; }

#header h1 span, #header h2 span { position:absolute; width:50px; margin-left:-5000px; }

#header h1 a, #header h2 a { position:relative; display:block; width:100%; height:66px; margin:0; padding:0; overflow:hidden; }

#leftcol { width:225px; float:left; position:relative; }

body.collections #leftcol, body.shop #leftcol { display:none; }

#content_container { margin:10px 0 0 0; border-top:1px solid #ece6d6; padding:20px 0; }

body.collections #content, body.shop #content { float: none; display:block; position: relative; width:100%; }

#content { background: #fff; float: right; display:inline; position: relative; width:460px; }

body.shop #content {float:none;width:100%;}

#footer { padding:10px 0 50px 0; clear:both; width:735px; margin:0 auto; text-align:center; }

#footer p { color:#514422; font-size:11px; }

#footer a span {display:block;float:left;text-indent:-3000px;width:1px;height:1px;overflow:hidden;}

/* -------------------------------------------------------------- 

   menu.css
   * menu.
   
-------------------------------------------------------------- */

div.submenu ul { text-align:left; padding:0; margin:15px 0; border-top:3px solid #dbd8c6; }

div.submenu ul li { display:inline; padding:3px 5px 0 5px; }

#menu_horiz { width:735px; position:absolute; top:140px; left:85px; text-align:left; }

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menu_container { /* Fix for Opera 8 */ /*   overflow: hidden;  */ width: 735px; z-index:1000000; margin:0 auto; }

#main_menu li { padding:0; margin:0; font-size:14px; }

#main_menu li li { font-size:12px; }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#main_menu li li { width: 200px; }

/* Unless you know what you do, do not touch this */ 
#main_menu, #main_menu ul { list-style: none; margin: 0px; padding: 0px; }

#main_menu ul { position: absolute; top: auto; display: none; }

#main_menu ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }

#main_menu li { margin-left: -1px; margin-right: 10px; float: left; }

#main_menu li li { margin-left: 0px; margin-top: 0; border-bottom:1px solid #fff; float: none; position: relative; }

/* Styling the basic apperance of the menu elements */
#main_menu a { color:#514114; display: block; margin: 0px; padding: 0 5px 0; text-decoration: none; line-height:38px; text-transform:lowercase; }

#main_menu li a:hover { color:#9e7500; }

#main_menu li li a { color:#514114!important; background-color:#dbd8c6; line-height:28px; }

#main_menu li li a:hover { color:#9e7500; background:#f5f3e9; }

#main_menu li, #main_menu li.menuparent { color: #9e7500; }

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#main_menu li.menuactive a, li.currentpage, #main_menu ul li a { color:#9e7500; }

#main_menu li.menuactive ul li a { color:#514114; }

#main_menu li.menuactive ul li a:hover { color:#9e7500; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#main_menu ul li.menuparent, #main_menu ul li.menuparent:hover, #main_menu ul li.menuparenth { /* arrow for menuparents 
   background-image: url(../../images/../images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */ }

/* Styling the apperance of menu items on hover */

#main_menu li:hover, #main_menu li.menuh, #main_menu li.menuparenth, #main_menu li.menuactiveh { }

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#main_menu li:hover ul ul, 
#main_menu li.menuparenth ul ul ul,
for fourth level 
*/
#main_menu ul, #main_menu li:hover ul, #main_menu li:hover ul ul, #main_menu li.menuparenth ul, #main_menu li.menuparenth ul ul { display: none; }

/* add 
#main_menu ul ul ul li:hover ul, 
#main_menu ul ul ul li.menuparenth ul,
for fourth level
*/
#main_menu li:hover ul, #main_menu ul li:hover ul, #main_menu ul ul li:hover ul, #main_menu li.menuparenth ul, #main_menu ul li.menuparenth ul, #main_menu ul ul li.menuparenth ul { display: block; }

/* IE Hacks */
#main_menu li li { float: left; clear: both; }

#main_menu li li a { height: 1%; }

#main_menu li li li a { height: 1%; }

/* Accessibility
-------------------------------------------------------------- */

/* 
menu links accesskeys 
*/
span.accesskey { text-decoration:none; }

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr { position: absolute; top: -999em; left: -999em; }

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

/* end accessibility */


/* Social Networking and Organizations SIDE KEEP
-------------------------------------------------------------- */

/* #sharethis { position:fixed; top:50px; left:0; width:32px; height:230px; overflow:hidden; display:none;}

#sharethis * { font-size:10px; }

#sharethis { background:transparent; }

#sharethis a.stbutton { background-image:url(../images/sharethis.png)!important; background-repeat:no-repeat!important; display:block; text-indent:-30000px; overflow:hidden!important; height:230px; width:32px; }

#facebook { position:fixed; top:290px; left:0; width:32px; height:155px; overflow:hidden;display:none; }

#facebook a { background-image:url(../images/facebook.png); background-repeat:no-repeat; display:block; text-indent:-30000px; overflow:hidden; height:155px; width:32px; }

#greenamerica { position:fixed; top:50px; right:0; width:32px; height:230px; overflow:hidden;display:none; }

#greenamerica a { background-image:url(../images/greenamericaside.png); background-repeat:no-repeat; display:block; text-indent:-30000px; overflow:hidden; height:230px; width:32px; }

#fairtradeside { position:fixed; top:290px; right:0; width:32px; height:76px; overflow:hidden; }

#fairtradeside a { background-image:url(../images/fairtradeside.png); background-repeat:no-repeat; display:block; text-indent:-30000px; overflow:hidden; height:76px; width:32px; }*/




/* Social Networking and Organizations FOOTER -------------------------------------------------------------- */

#subfooter_container {width:100%;border-bottom:1px solid #c9c5a9;background:url(../images/bg-sub-footer.png);height:58px;overflow:hidden;}

#subfooter {width:350px;height:58px;margin:0 auto;}

#subfooter #sharethis { float:left; width:93px; height:72px; overflow:hidden;display:block;}

#subfooter #sharethis * { font-size:10px; }

#subfooter #sharethis { background:transparent; }

#subfooter #sharethis a.stbutton { background-image:url(../images/share-this-small.png)!important; background-repeat:no-repeat!important; display:block; text-indent:-30000px; overflow:hidden!important; height:58px; width:91px; }

#subfooter a#greenamerica { float:left;background-image:url(../images/green-seal-small.png); background-repeat:no-repeat; display:block; text-indent:-30000px; overflow:hidden; width:174px; height:58px; }

#subfooter a#fairtradefooter { float:left;background-image:url(../images/fair-trade-small.png); background-repeat:no-repeat; display:block; text-indent:-30000px; overflow:hidden; height:58px; width:78px; }


/* *** Float containers fix:*** */ 

.clearfix:after, #sidegallery:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix, * html #sidegallery { zoom: 1; } /* IE6 */

*:first-child+html .clearfix, *:first-child+html #sidegallery { zoom: 1; } /* IE7 */

/* Gallery Album Styles
-------------------------------------------------------------- */

/* Pretty Photo */

div.ppt { display:none!important; }

div.pp_pic_holder * { color:#333; }

/* Common Gallery Settings
-------------------------------------------------------------- */

div.thumbwrapper:hover, #content li.thumbwrapper:hover { background:#ddd; border-color:#ccc; }

img.thumbimg { visibility:hidden; display:none; }

/* This hides the image for screen but is ready for print in the print styles */

#gallerylist { margin:20px 0; }

div.albumwrapper { margin:0 0 20px 0; width:100%; clear:both; display:block; border-bottom:1px solid #ddd; padding:10px 0; }

div.thumbwrapper { background:#fff; float:left; width:225px; height:150px; padding:4px; border:1px solid #ddd; }

div.thumbwrapper a { display:block; width:225px; height:150px; background-position:center center; background-repeat:no-repeat; }

#content div.commentwrapper { width:470px; float:right; }

#content div.commentwrapper h3 { margin:0 0 5px 0; }

#content div.commentwrapper h3 a { }

#content p.picturecount { padding-top:0px; }

#content p.comment { }

/* Album Thumbnails with background images for thumbs */

#content ul.thumblist { list-style-type:none; width:100%; position:relative; left:-2px; padding:10px 0 0; }

#content li.thumbwrapper { margin:0 10px 10px 0; float:left; width:125px; height:125px; padding:4px; border:1px solid #ddd; list-style-type:none; background:#fff; }

#content li.thumbwrapper a { display:block; width:125px; height:125px; background-position:center center; background-repeat:no-repeat; background-color:#fff; }

/* Gallery Page Navigation */

#content p.albumnav { text-align:center; line-height:20px; font-size:11px; text-transform:uppercase; }

#content p.albumnav a { padding:0 3px 1px 3px; margin:0 3px; }

#content p span.noprint { clear:both; font-size:0.8em; }

#content p.returnlink { clear:both; padding:20px 0; }

/* Side Gallery
-------------------------------------------------------------- */

#sidegallery { width:250px; display:block; margin:0 0 1.25em 0; }

#sidegallery ul.thumblist { list-style-type:none; width:100%; position:relative; left:-2px; padding:0; }

#sidegallery li.thumbwrapper { margin:0 5px 5px 0; float:left; width:250px; height:120px; padding:0; border:0px solid #ddd; list-style-type:none; background:#fff; display:block; }

#sidegallery li.thumbwrapper a { display:block; width:250px; height:120px; background-position:center center; background-repeat:no-repeat; background-color:#fff; }



/* Shop
-------------------------------------------------------------- */

a#cartnav {position:absolute;top:0px;right:0px;text-align:right;padding:5px 8px;background:#ece6d6;font-size:12px;}
table#gallery td {text-align:center;}
table#basket td {border-bottom:1px solid #ece6d6}
div#product-right {float:right;width:400px;}
div#product-right h1 {font-size:24px;}
div#product-left {width:300px;float:left;}
div#product-image {text-align:center;margin:0 0 10px 0;border-bottom:1px solid #ece6d6;padding:0 0 10px 0;}
div.product-images {width:75px;float:left;margin:0 8px;}
div#basket-right {width:300px;float:right;}
.bold-red {}

#product-select, #purchase, #product-variants {margin:10px 0;}

#product-details {border-top:1px solid #ece6d6}

body.shop p {padding:8px 0;margin:0;}


div.basket-images {width:75px;float:left;}
dis.basket-desc {float:left;}

input#update-cart { margin-right:20px; border: 1px solid #c9c5a9!important; background:#ece6d6!important; color:#64552e!important; font-weight:normal; font-size:14px; padding:3px; }

#navbar-iframe{ display:none !important;}
#main {float:left;width:440px;margin:0 20px 0 0;}
#sidebar-wrapper {float:right;width:250px;}
 
 #sidebar-wrapper h2, #Profile1 p {font-size:1.6em;margin-bottom:.50em;border-bottom:1px solid #ece6d6;color:#c9c5a9;}
 div.post-footer {font-size:12px;margin:15px 0;border-top:1px solid #ece6d6;padding:0 0 20px 0;}
 .blog-pager {border-bottom:1px solid #ece6d6;border-top:1px solid #ece6d6;margin:20px 0;}
 div.blog-posts img {border:1px solid #ece6d6;}
 .profile-img {display:none;}
 
 #content-wrapper { margin:10px 0 0 0; border-top:1px solid #ece6d6; padding:30px 0;}
 
/* Printer Styles
-------------------------------------------------------------- */

 @media print {

/*hide the left column when printing*/ 
#leftcol { display:none; }

#twocols, #maincol { width:100%; float:none; }
}