html
{ height: 100.2%;}

*
{ padding: 0;
  margin: 0;}

body
{ font: normal .84em tahoma, arial, sans-serif;
  background: #E5E5DF;
  color: #4C4C40;}

p
{ padding: 0 0 22px 0;
  line-height: 1.5em;}

h1, h2, h3, h4, h5, h6
{ font: normal 170% 'lucida sans unicode', arial;
  padding: 7px 0 5px 0; 
  margin: 5px 0 8px 0; 
  color: #111;}

h2, h4
{ color: #029C1B;
  font: normal 135% "century gothic", arial;
  letter-spacing: 0;
  margin-bottom: 0;}

h3, h5
{ color: #888;
  font: italic 95% arial;
  letter-spacing: 0;
  margin: 0;
  padding: 0 0 10px 0;}

h6
{ font: normal 100% arial;
  text-transform: none;}
  
h4, h5
{ color: #444;
  padding: 10px 0 40px 0;}

img
{ border: 0;}

a, a:hover
{ outline: none;
  color: #028FD0;
  text-decoration: underline;}

a:hover
{ text-decoration: none;
  color: #4C4C40;}

ul
{ margin: 2px 0 18px 16px;}

ul li
{ list-style-type: square;
  margin: 0 0 6px 0; 
  padding: 0 0 0 8px;}

ol
{ margin: 2px 0 0 24px;}

ol li
{ margin: 0 0 6px 0;}

#container_header, #main, #header, #menubar, #site_content, #footer, #container_footer
{ margin-left: auto; 
  margin-right: auto;}

#container_header, #container_footer
{ width: 985px;
  height: 40px;} 

#container_header
{ background: url(images/container_header_2.png) bottom no-repeat;} 

#container_footer
{ background: url(images/container_footer_2.png) no-repeat;} 

#main
{ width: 985px;
  background: url(images/back_2.png) repeat-y;
  padding-bottom: 20px;} 

#header
{ background: #FFF;
  width: 905px;
  border-top: 8px solid #FFF;}

#logo
{ width: 905px;
  height: 185px;
  position: relative;
  background: #FFF url(images/logo.jpg) no-repeat}

#menubar
{ background: #009533 url(images/menu.png) repeat-x;
  width: 905px;
  height: 44px;} 

ul#menu
{ text-align: center; 
  margin: 0;}

ul#menu li
{ float: left;
  margin: 11px 0 0 0;
  padding: 0;
  list-style: none;}

ul#menu li a, ul#menu li.first a, ul#menu li.last a
{ font: normal 110% 'lucida sans unicode', arial;
  display: block; 
  float: left; 
  height: 14px;
  text-decoration: none; 
  padding: 1px 27px 5px 27px;
  text-align: center;
  background: transparent;
  color: #FFF;
  border-right: 1px solid #00561E;
  border-left: 1px solid #00C646;} 

ul#menu li.first a
{ border-left: 0;}

ul#menu li.last a
{ border-right: 0;}

ul#menu li a.selected, ul#menu li a.selected:hover
{ color: #FFFF00;}

ul#menu li a:hover, ul#menu li a.selected:hover
{ color: #FFFF00;}

#site_content
{ overflow: hidden;
  margin: 10px 0;} 

.sidebar
{ float: right;
  width: 208px;
  padding: 0 34px 15px 15px;
  margin-right: 10px;}

#content, #content_full
{ text-align: left;
  width: 660px;
  float: left;
  padding: 0 0 5px 40px;
  min-height: 420px;}

#content_full
{ width: 905px;}
  
#content_full ul 
{ margin: 0;}

#content_full ul li
{ list-style-type: none;
  line-height: 1em;
  background: url(images/bullet.png) no-repeat;
  margin: 0 0 1px 0px; 
  padding: 0 0 1px 24px;
  line-height: 1.5em;}

.box_home, .box_home_last
{ width: 290px;
  background: #FFF;
  margin: 20px 17px 25px 0;
  float: left;
  line-height: 1.4em;}

.box_home a, .box_home_last a, .box_home a:hover, .box_home_last a:hover
{ padding: 10px;
  border: 5px solid #E1E1CB;
  float: left;
  color: #4C4C40;
  text-decoration: none;}

.box_home a:hover, .box_home_last a:hover
{ border: 5px solid #00AA3C;}

.box_home_last
{ margin-right: 0;}

.box_home img, .box_home_last img
{ margin-bottom: 10px;}

#product_list
{ float: left;
  padding-bottom: 33px;}

.product
{ width: 285px;
  background: #FFF;
  margin: 20px 22px 0 0;
  float: left;
  line-height: 1.4em;
  font-size: 90%;}

.product a, .product a:hover
{ padding: 5px;
  border: 5px solid #E1E1CB;
  float: left;
  color: #4C4C40;
  text-decoration: none;}

.product a:hover
{ border: 5px solid #00AA3C;}

.product img
{ text-align: center;
  display: block;
  margin: 0 auto;}

.cat_description
{ float: left;
  width: 265px;
  height: 25px;
  padding: 5px 0px 0px 0px;
  text-align: center;
  font: normal 120% "lucida sans unicode", arial;
  text-transform: uppercase;
  color: #FFF;}


.box, .box_selected, .box_padded, .paging
{ padding: 5px;
  width: 620px;
  border: 3px solid #E1E1CB;
  margin: 0 0 25px 0;
  float: left;}

.box_selected
{ background: #F1F1DD;}

.box_padded
{ padding: 15px 10px;
  width: 610px;}

.paging
{ padding: 15px 10px;
  width: 630px;}


.box img, .box_selected img
{ margin-right: 25px; 
  float: left;}

.box h1, .box_selected h1
{ margin: 0;
  padding: 0 0 10px 0;}

.order_product
{ float: left;
  width: 130px;}

.product_image
{ float: left;}

.product_description
{ float: left;
  width: 130px;
  height: 23px;
  padding: 7px 0px 0px 0px;
  text-align: center;
  font: normal 100% "lucida sans unicode", arial;
  text-transform: uppercase;
  color: #FFF;}
  
.order_desc
{ float: left;
  padding: 0 15px 0 25px;
  width: 250px;}

.order_desc h1
{ padding: 0 0 8px 0;}

.order_desc img
{ margin: 5px 0 0 10px;
  float: right;}

.desc_text
{ height: 100px;}

.desc_amount
{ padding-top: 4px;
  font: bold 120% tahoma, arial, sans-serif;}

.order_quantity
{ float: left;
  padding: 0 0 0 15px;
  width: 179px;}

input.quantity
{ width: 70px;}

.desc
{ font: bold 100% tahoma, arial, sans-serif;}





#footer
{ width: 905px;
  height: 40px;
  font: normal 95% tahoma, arial, sans-serif;;
  padding: 14px 0 12px 0;
  text-align: center; 
  background: #009533 url(images/footer.png) repeat-x;
  color: #FFF;
  line-height: 20px;}

#footer a, #footer a:hover
{ color: #FFF;
  text-decoration: none;}

#footer a:hover
{ color: #FFFF00;}




form
{ padding: 10px 0 28px 0;
  float: left;}

div.row1 span.formlabel 
{ float: left;
  text-align: left;
  margin: 3px 0;
  padding: 4px 0;
  font-weight: bold;}

div.row1 span.forminput
{ float: right;
  text-align: right;} 

div.row1
{ float: left;
  clear: both;}

input, textarea
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #ACACA0;
  margin: 2px 0 2px 2px;
  padding: 3px 1px;}
  

.button
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #028D34;
  background: #028D34 url(images/button.png) repeat-x;
  color: #FFF;
  height: 24px;
  cursor: pointer;
  padding: 0 10px;}

.a_submit, .a_submit:hover
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #028D34;
  background: #028D34 url(images/button.png) repeat-x;
  color: #FFF;
  height: 19px;
  cursor: pointer;
  padding: 3px 16px 0px 16px;
  text-decoration: none;
  vertical-align: center;
  display: inline-block;
  margin: 0 0 1px 0;}

span.label
{ font: bold 100% tahoma, arial, sans-serif;
  vertical-align: middle;}




/* search */
.category
{ width: 145px;
  padding: 1px;}

.search_field
{ width: 278px;}




/* login form */
#login div.row1
{ width: 500px;
  float: left;}

#login .row1 span.formlabel 
{ width: 200px;}

#login input, #login textarea
{ width: 238px;}

#login .button
{ width: 80px;
  margin: 4px 0 0 46px;}




/* contact form */
#contact .row1
{ width: 610px;}

#contact .row1 span.formlabel 
{ width: 200px;}

#contact input, #contact textarea
{ width: 300px;}

#contact .button
{ width: 80px;
  margin: 4px 0 0 320px;}




/* register */
#register .row1
{ width: 506px;}

#register .row1 span.formlabel 
{ width: 200px;}

#register input, #register input.small, #register textarea
{ width: 300px;}

#register span.small input
{ width: 100px;}

#register .button
{ width: 80px;
  margin: 4px 0 0 225px;}

#register input.checkbox
{ border: 0;
  width: 15px;
  float: left;
  padding: 6px 0 0 0;}



/* sitemap */
ul#sitemap
{ margin: 0; 
  padding: 0;}

ul#sitemap li
{ list-style: none;
  background: none;
  padding: 5px 0 5px 0;}
  
ul#sitemap li a, ul#sitemap li a:hover
{ padding: 8px 0 8px 30px; 
  background: transparent url(images/page.png) no-repeat left center; 
  border: 0;}

ul#sitemap li.sub_menu
{ list-style: none; 
  padding: 5px 0 5px 30px;}


/* links */
ul#links
{ margin: 0; 
  padding: 0;}

ul#links li
{ list-style: none;
  background: none;
  padding: 5px 0 5px 0;}
  
ul#links li a, ul#links li a:hover
{ padding: 8px 0 8px 30px; 
  background: transparent url(images/link.png) no-repeat left center; 
  border: 0;}


table tr td
{ padding: 0;
  font: normal 100% arial, sans-serif;
  line-height: 10px;}
  
table tr td.separator
{ line-height: 15px;}

table tr td.total
{ padding: 10px 0;border-top: 1px dotted #888;
  font: bold 120% tahoma, arial, sans-serif;}

.error_message
{ color: red;}

.paging
{ text-align: center;
  padding: 10px 0;
  margin-bottom: 0px;}

.paging img
{ vertical-align: top;}

.paging_text
{ display: inline;line-height: 25px;font-weight: bold;}

.special_offer
{ padding: 0 10px; 
  background: #DDDDD5; 
  margin: 0 0 25px 0;}