body
{
margin:0px;
padding:0px;
font-family:"Trebuchet MS", sans-serif;
text-align:center;
background:url(/_img/bg.gif) 0px 0px repeat;
font-size:90%;
}


div#bodywrap
{
width:100%;
margin:0px auto;
text-align:center;/*
background:url(/_img/bg-shadow-846.gif) top center repeat-y;*/

}


div#wrapper
{
width:770px;
margin:0px auto;
text-align:left;
border:1px solid #666;
border-top:0px;
background:url('/_img/content-bg.jpg') top left repeat-y;
}









div#header
{/*
position:relative;*/
margin:0px;
padding:0px;
width:770px;
background:url('/_img/header-jars.gif') top right no-repeat;
height:71px;
}







a:link,
a:visited
{
color:#8E9F0F;
text-decoration:none;
border:0px;
}


a:hover
{
color:#bEcF2F;
text-decoration:none;
border-bottom:1px solid #bEcF2F;
}

















/* nav and nav li's */
div#nav
{
margin:0px;
padding:0px;
background:#9E9B87 url('/_img/nav-bg.gif') top left repeat-x;
border-top:1px solid #F2D5E0;
border-bottom:1px solid #F2D5E0;
border-bottom:3px solid #F2e5f0;
font-size:90%;
}

#nav ul
{
display:block;
padding:0px;
margin:0px;
width:100%;
list-style-type:none;
}

#nav ul li
{
display:inline;
border-right:1px solid #A2A090;
border-left:1px solid #85836F;

border:0px;
background:url('/_img/nav-divider.gif') top right repeat-y;
padding:4px;
line-height:200%;
}


#nav ul li a.first
{
}

#nav ul li a:link,
#nav ul li a:visited
{
z-index:1000;
padding:5px;
color:#eee;
text-decoration:none;
white-space:nowrap;
border:0px;
}

#nav ul li a:hover
{
color: #fff;
text-decoration:underline;

}





#searchform
{
float:right;
padding:2px;
padding-top:1px;
}
#searchform img,
#searchform form input

{
vertical-align:middle;
}
#searchform form input.input
{
background:#ebebeb url('/_img/search-input-bg.gif') 0px 0px no-repeat;
border:1px solid #eee;
text-indent:2px;
height:14px;
line-height:14px;
font-size:11px;
}
#searchform img
{
margin-top:3px;
}





.breadcrumb
{
clear:both;
margin:0px;
padding:0px;
font-size:90%;
}



.breadcrumb a:link,
.breadcrumb a:visited
{
color:#767150;
text-decoration:underline;
border:0px;
}

.breadcrumb a:hover
{
  color:#868160;
}




#sweetcats
{
float:left;
width:174px;
margin-right:3px;
}

#sweetcats h3
{
margin:0px;
padding:0px;
font-weight:normal;
font-style:italic;
font-size:100%;

clear:both;
}
#sweetcats h3 a:link,
#sweetcats h3 a:visited
{
border:0px;
padding:0px 10px;
display:block;
text-decoration:none;
color:#561D34;
background:#ebebeb url('/_img/sweetcat-hover.gif') 0px 0px repeat-x;
}
#sweetcats h3 a:hover
{
text-decoration:none;
color:#662D44;
background:#ebebeb url('/_img/sweetcat-bg.gif') 0px 0px repeat-x;
}





#sweetcats ul
{
margin:0px;
padding:0px;
list-style-type:none;
}

#sweetcats ul li
{
background:url('/_img/sweetcats-border.gif') left bottom repeat-x;
display:block;
clear:both;
list-style-type:none;
}

#sweetcats ul li span
{
display:block;
float:left;
width:20px;
height:20px;
border:1px solid #aaa;
padding:1px;
margin:3px;
line-height:20px;
vertical-align:middle;
position:relative;
}

#sweetcats ul li span img
{
width:20px;
height:20px;
vertical-align:middle;
cursor:pointer;
display:block;
}


#sweetcats ul li a:link,
#sweetcats ul li a:visited
{
height:30px;
clear:both;
display:block;
text-decoration:none;
color:#444;
padding:4px;
padding-bottom:2px;
_padding-bottom:4px;
background:#ebebeb url('/_img/sweetcat-bg.gif') 0px 0px repeat-x;
border:0px;
}

#sweetcats ul li a:hover
{
display:block;
text-decoration:none;
background:#ebebeb url('/_img/sweetcat-hover.gif') 0px 0px repeat-x;
color:#111;
border:0px;
}

#sweetcats ul li.blank
{
background:url('/_img/sweetcats-border.gif') left top repeat-x;
}

/*
#sweetcats ul li a img
{
  -moz-opacity:0.8;
  filter:alpha(opacity=80);
}
#sweetcats ul li a:hover img
{
  -moz-opacity:1.0;
  filter:alpha(opacity=100);
}
*/



#sweetcats .sideboxleft ol
{
list-style-type:none;
padding:0px;
margin:0px;
font-size:90%;
}

#sweetcats .sideboxleft ol li
{
padding:0px;
margin:0px;
text-transform:capitalize;
}


.sideboxleft a:link,
.sideboxleft a:visited
{
  color:#561D34;
  border:1px solid transparent;
  _border:1px solid #E5E7D2;
  display:block;
}
.sideboxleft a:hover
{
  color:#333;
  background:#eee;
  border:1px solid #6A6E43;
}








#contentwrap
{/*
position:relative;*/
width:770px;
}



#content
{
float:left;
color:#6A6E43;
margin:0px;
text-align:center;
}

#content table
{
color:#6A6E43;
border:1px solid #ccc;
}


h1
{
margin:0px 10px;
}


#content h1
{
clear:both;
margin:0px 10px;
padding:0px;
margin-bottom:10px;
color:#6A6E43;
font-size:140%;
}

#content h2
{
clear:both;
}

#content h3
{
color:#8A8E53;
}



#content p
{
text-align:left;
margin:10px 0px;

padding:0px;
}
#content p img.float_left
{
float:left;
margin-right:10px;
margin-top:5px;
}
#content p img.float_right
{
float:right;
margin-left:10px;
margin-top:5px;
}




#content hr
{
clear:both;
border:0px;
height:1px;
border-top:1px solid #dFdBc0;
}



.content-box
{
width:373px;
/*background:url('/_img/nn-content-box-bg.png') top left repeat-y;*/
text-align:left;
}
.content-box-inner
{
margin:0px 10px;
}








#sidebar
{
_position:absolute;
float:right;
width:220px;
text-align:center;
}


.sidebox
{
margin:5px;
text-align:left;
}

.sidebox h3
{
position:relative;
margin:0px;
padding:0px;
font-size:90%;
text-transform:uppercase;
font-weight:normal;
}



.sidebox p
{
margin:0px;
padding:5px 10px;
line-height:110%;
}

.sidebox-content
{
display:block;
margin:0px;
padding:0px;
}







.sidebox a
{
  font-weight:normal;
  font-size:100%;
  border:0px;
}
.sidebox h4 a
{
  font-weight:bold;
  font-size:90%;
}


.sidebox-content p
{
margin:0px;
padding:0px;
padding-top:10px;
font-size:100%;
line-height:130%;
}

.sidebox-content ul
{
margin:0px;
padding:0px;
padding-top:10px;
list-style-type:none;
}

.sidebox-content ul li
{
font-size:100%;
line-height:130%;
}

.sidebox-content form
{
  margin:0px;
  padding:0px;
}






.sidebox a.button:link,
.sidebox a.button:visited,
.sidebox a.button:hover,
.sidebox a.button:active
{
border:1px solid #333;
background:#666;
color:#eee;
text-decoration:none;
}













div#footer
{
display:block;
clear:both;
margin:0px;
padding:0px;
text-align:center;
font-size:85%;
color:#eee;
background:url('/_img/footer-bg.gif') top left no-repeat;
width:770px;
height:78px;
/* firefox needs this border before it
   applies the margin-top:30px set in footer_nav
    how strange!
*/
border-top:1px solid transparent;
_border:0px;
font-size:11px;
}

#footer ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

#footer ul li
{
display:inline;
margin:0px 5px;
}


div#footer_nav
{
clear:both;
padding:5px;
margin-top:30px;
font-size:90%;
color:#999;
}


div#footer_credits
{
clear:both;
padding:5px;
text-align:center;
font-size:80%;
color:#999;
}



#footer a,
#footer_credits a,
#footer_nav a
{
border:0px;
color:#eee;
}




















/* forms and form classes */
form
{
margin:0px;
padding:0px;
}

fieldset
{
margin:10px 0px;
padding:0px;
border:0px;
}
legend
{
display:block;
clear:both;
margin:0px;
padding:0px;
padding-bottom:10px;
font-size:90%;
color:#8F973B;
font-weight:bold;
/*letter-spacing:0.1em;*/
}

.row
{
font-size:90%;
margin-bottom:10px;
clear:both;
display:block;
}
.label
{
float:left;
display:block;
width:30%;
margin-right:10px;
text-align:right;
font-weight:bold;
}
.field
{
display:block;
}


.field input,
.field textarea,
.field select
{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #666;
border-bottom:1px solid #666;

border:1px solid #6A6E43;
}




.boxer
{
  background:#D9DCBE;
  border:1px dashed #ccc;
  padding:0px 5px;
margin-bottom:10px;
}











/* shop pages */

div.cat_box,
div.prod_box
{
position:relative;
display:block;
clear:both;
border:1px solid #aaa;
background:#fafafa;
margin-bottom:10px;
}

div.cat_box_over,
div.prod_box_over
{
position:relative;
display:block;
clear:both;
border:1px solid #888;
background:#eee;
margin-bottom:10px;
margin-right:10px;
cursor:pointer;
}


div.cat_box a:link,
div.cat_box a:visited,
div.cat_box a:hover
{
text-decoration:none;

}


div.cat_box h3,
div.prod_box h3,
div.product h3
{
position:relative;
margin:0px;
margin-top:5px;
margin-right:5px;
padding:0px 5px;
padding-bottom:0px;
margin-bottom:0px;/*
color:#6A6E43;*/
}

div.cat_box h3 a:link,
div.cat_box h3 a:visited,
div.cat_box h3 a:hover
{
position:relative;
color:#6A6E43;
padding:0px;
border:0px;
}

div.cat_box span,
div.prod_box span,
div.product span
{
display:block;
float:left;
margin:0px;
margin:5px;
padding:1px;
overflow:hidden;
border:1px solid #aaa;
position:relative;
width:60px;
height:60px;
}









div.cat_box p,
div.prod_box p,
div.product p
{
display:block;
font-size:90%;
margin:10px;
margin-top:0px;
}





div.cat_box img,
div.prod_box span img,
div.product span img
{
width:100%;
height:100%;
}




/* product boxes */
div.prod_box
{
clear:both;
border:1px solid #D9DCC3;
margin-bottom:10px;
padding-top:5px;
}
div.prod_box h3,
div.product h3
{
margin:0px;
padding:0px;
}



div.prod_box h3 a:hover
{
color:#870C3D;
text-decoration:underline;
}

div.prod_box p
{
  padding:0px;
  margin:0px;
}


div.prod_box span
{
position:relative;
border:1px solid #aaa;
display:block;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:1px;
width:60px;
height:60px;
}



div.prod_box h3
{
display:inline;
}



/* product page */
div.product span
{
display:block;
float:left;
padding:1px;
overflow:hidden;
margin-right:10px;
margin-bottom:0px;
border:1px solid #aaa;
width:60px;
height:60px;
}




div.product span a:link,
div.product span a:visited,
div.product span a:hover,
div.product span img
{
border:0px;
}


div.prod_box h3 a:link,
div.prod_box h3 a:visited,
div.product h3 a:link,
div.product h3 a:visited,
div.prod_box h3,
div.product h3
{
color:#870C3D;

text-decoration:none;
margin:0px;
padding:0px;
}
div.prod_box h3 a:hover,
div.product h3 a:hover,
{
text-decoration:none;
border:0px;
color:#971C4D;
}






/* form to add to basket */
form#add_to_jar
{
font-size:90%;
margin:10px;
padding:0px;
}

form#add_to_jar input.product_quantity_input
{
font-size:90%;
width:20px;
vertical-align:middle;
margin:0px;
}

form#add_to_jar input.add_to_jar_submit
{
vertical-align:middle;
}




















/* error and success */
.error
{
color:red;
}
.success
{
color:green;
}

.mini
{
font-size:90%;
}

.clear
{
clear:both;
}


.mini
{
  font-size:80%;
}











/* tables */
table.user_details
{
font-size:100%;
background:#fff;
color:#eee;
cell-padding:0px;
cell-spacing:0px;
}
table.user_details td
{
background:#eee;
color:#333;
padding:5px;
}











/* basket items */
/* in seidebar */

table#basket_items
{
font-size:90%;
border-top:2px solid #8F8B70;
border-right:2px solid #dCd9cD;
border-bottom:2px solid #dCd9cD;
border-left:2px solid #8F8B70;
width:210px;
overflow:hidden;
}

table#basket_items th
{
background:#9Fa27A;
background:url('/_img/nav-bg.gif') 0px 0px repeat-x;
color:#fff;
padding:2px;
text-align:left;
}

table#basket_items td
{
background:#AFB28A;
background:url('/_img/sidebar-fade-bg.jpg') 0px 0px repeat-x;
color:#333;
padding:2px;
font-size:85%;
}


table#basket_items td a:link,
table#basket_items td a:visited
{
color:#333;
}

table#basket_items td a:hover
{
color:#111;
}

table#basket_items td a.no,
table#basket_items td a.no:hover
{
border:0px;
}



td.price
{
text-align:right;
color:#a33;
}













/* products page - attributes table */
table#product_attributes
{
clear:both;
font-size:100%;
width:350px;
}

table#product_attributes th
{
padding:5px;
text-align:left;
}

table#product_attributes td
{
padding:5px;
}

table#product_attributes tr.price
{
font-weight:bold;
font-size:110%;
}

table#product_attributes tr.odd
{
background:#fafafa;

}

table#product_attributes tr.even
{
background:#f5f5f5;
}


table#product_attributes tr.total
{
background:#f4f4fa;
}

















/* over riders */
a:link img,
a:visited img,
a:hover img,
a:active img,
a.image:link img,
a.image:visited img,
a.image:hover img,
a.image:active img,
a.image:link,
a.image:visited,
a.image:hover,
a.image:active img
{
border:0px;
}