* {padding: 0; margin: 0;}
.clearfix {display: block; clear: both;}
body {font-family: Arial, sans-serif; font-size: 100%; background: #FFFFFF url(../images/bg-body.gif) repeat-x; margin: 25px 0 0 0;}

/* standard tags*/
h1 {font-family: sans-serif; font-size: 1.6em; font-weight: normal; margin: 0 0 0.4em;}
h2 {font-family: sans-serif; font-size: 1.3em; font-weight: bold; margin: 0 0 0.7em;}
h3 {font-family: sans-serif; font-size: 1.1em; font-weight: bold; margin: 0 0 0.9em;}
h4 {font-size: 1.1em; color: #339933; margin: 0 0 5px 0;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
a:link {color: #003300;}
a:visited {color: #006600;}
a:hover {color: #009900;}
a:active {color: #336633;}
img {border: 0;}
iframe {width: 100%;}
ul,ol {margin: 0 0 1em 1.5em;}
li {line-height: 1.5em;}

/* layout */
#wrapper {width: 960px; margin: 0 auto; background: url(../images/bg-wrapper.gif) no-repeat bottom;}
#nav {float: left; width: 100%; font-size: 0.75em;}
#header {float: left; width: 100%; font-size: 0.75em; padding: 15px 0;}
#topbar {float: left; width: 100%; font-size: 0.75em; margin: 0 0 10px 0;}
#content {float: left; width: 100%; margin: 0 0 1em 0;}
#sidebar {float: left; width: 160px; font-size: 0.75em; padding: 5px 5px 0 5px;}
#main {float: left; width: 560px; font-size: 0.75em; padding: 5px 20px 0 20px; border-left: 1px solid #006633; border-right: 1px solid #006633;}
#mainfull {float: left; width: 760px; font-size: 0.75em; padding: 5px 0 0 20px; border-left: 1px solid #006633;}
#extra {float: right; width: 175px; font-size: 0.75em; padding: 5px 0 0 0;}
#footer {float: left; width: 100%; font-size: 0.7em; margin: 0;}

/* header and minicart */
.logo {float: left;}
.minicart {float: right; width: 300px;}
p.callus {font-size: 1.3em; font-weight: bold; color: #006600; padding: 5px 0 5px 25px; background: url(../images/icon-phone.gif) left no-repeat; border-bottom: 1px solid #8CC63E; margin: 0 0 5px 0;}
p.minicartempty {padding: 0 0 0 25px; background: url(../images/icon-cart.gif) left no-repeat; margin: 0;}
p.minicartfull {padding: 0 0 0 25px; background: url(../images/icon-cartok.gif) left no-repeat; margin: 0;}
p.minicartlinks {padding: 0 0 0 0; margin: 0;}
.minicart a:link {font-weight: bold;}
.minicart a:visited {font-weight: bold;}
.minicart a:hover {font-weight: bold;}
.minicart a:active {font-weight: bold;}

/* main nav */
ul.nav {float: left; width: 100%; list-style: none; border-bottom: 1px solid #FFFFFF; margin: 0;}
ul.nav li {float: left; margin: 0 0 0 5px;}
ul.nav li a {float: left; font-weight: bold; text-decoration: none; padding: 0 10px 0 0; background: #339933;}
ul.nav li a span {display: block; float: left; padding: 5px 0 5px 10px;}
ul.nav li a:link {color: #FFFFFF; background: url(../images/bg-nav.png) right top;}
ul.nav li a:link span {color: #FFFFFF; background: url(../images/bg-nav.png) left top;}
ul.nav li a:visited {color: #FFFFFF; background: url(../images/bg-nav.png) right top;}
ul.nav li a:visited span {color: #FFFFFF; background: url(../images/bg-nav.png) left top;}
ul.nav li a:hover {color: #FFFFFF; background: url(../images/bg-navhover.png) right top;}
ul.nav li a:hover span {color: #FFFFFF; background: url(../images/bg-navhover.png) left top;}
ul.nav li a:active {color: #FFFFFF; background: url(../images/bg-nav.png) right top;}
ul.nav li a:active span {color: #FFFFFF; background: url(../images/bg-nav.png) left top;}

/* top search bar */
ul.customernav {float: left; width: 940px; list-style: none; color: #FFFFFF; padding: 5px 10px; background: #8CC63E url(../images/bg-topbar.gif); margin: 0;}
ul.customernav li.customer {float: left; width: 640px; height: 22px; line-height: 22px;}
ul.customernav li.search {float: right; width: 290px; height: 22px; line-height: 22px;}
ul.customernav a:link {color: #FFFFFF;}
ul.customernav a:visited {color: #FFFFFF;}
ul.customernav a:hover {color: #FFFFFF;}
ul.customernav a:active {color: #FFFFFF;}
ul.customernav label {font-weight: bold; color: #FFFFFF; margin: 0 5px 0 0;}
ul.customernav input {font-size: 11px; color: #666666; padding: 2px; border: 1px solid #006600; margin: 0 5px 0 0;}
ul.customernav input:focus {font-size: 11px; color: #666666; background: #EEFFEE; padding: 2px; border: 1px solid #006600;}
ul.customernav input.btn-submit {font-weight: bold; color: #FFFFFF; background: #006600; border: 0px solid #006600;}

/* sidebar stuff */

.sidebar-title {padding: 0 0 0 17px; background: url(../images/bg-h4.gif) no-repeat left; clear: both;}
.sidebar-logos {text-align: center;}
.sidebar form {margin: 0 0 15px 0;}
.sidebar select {width: 90%; font-size: 1em;}
.sidebar select:focus {width: 90%; font-size: 1em; background: #EEFFEE;}
.sidebar label {display: block; font-size: 0.85em; margin: 0 0 2px 0;}
ul.cats {float: left; width: 160px; list-style: none; margin: 0 0 15px 0; clear: both;}
ul.cats li {float: left; width: 160px; line-height: 1.75em;}
ul.cats li a {display: block; font-weight: bold; padding: 0 0 0 12px; background: url(../images/bg-cats.gif) no-repeat left}
ul.cats li a:hover {background: url(../images/bg-catshover.gif) no-repeat left}
ul.cats li a.current {background: url(../images/bg-catshover.gif) no-repeat left}
ul.subcats {list-style: none; font-size: 0.9em; margin: 0 0 5px 5px;}
ul.subcats li {float: left; width: 155px; line-height: 2em;}
ul.subcats li a {display: block; font-weight: normal; padding: 0 0 0 12px; background: url(../images/bg-cats.gif) no-repeat left}
ul.subcats li a:hover {font-weight: normal; background: url(../images/bg-catshover.gif) no-repeat left}
ul.subcats li a.current {font-weight: normal; background: url(../images/bg-catshover.gif) no-repeat left}
ul.customerlinks {float: left; width: 160px; list-style: none; margin: 0 0 15px 0; clear: both;}
ul.customerlinks li {float: left; width: 160px; line-height: 1.75em;}
ul.customerlinks li a {display: block; font-weight: normal; padding: 0 0 0 12px; background: url(../images/bg-cats.gif) no-repeat left}
ul.customerlinks li a:hover {background: url(../images/bg-catshover.gif) no-repeat left}
ul.customerlinks li a.current {background: url(../images/bg-catshover.gif) no-repeat left}

/* main content */
.breadcrumb {font-size: 0.9em; margin: 0 0 0.5em 0;}

/* main area sub categories */
ul.sections {float: left; width: 100%; list-style: none; margin: 0 0 0 0;}
ul.sections li {float: left; width: 25%; height: 165px; text-align: center;}

/* section title and description */
.section {float: left; width: 100%; margin: 0 0 0.5em 0;}
.section img {float: right;}

/* products list in a section*/
ul.products {float: left; width: 100%; list-style: none; margin: 0 0 1em 0;}
ul.products li {float: left; width: 100%; padding: 15px 0; border-top: 1px dotted #C0C0C0;}
ul.products li img {float: left; margin: 0 20px 0 0;}
a.morelink {display: block; float: left; padding: 0 10px 0 20px; background: url(../images/icon-info.gif) no-repeat left;}
input.addlink {float: left;margin: 0 10px 0 0;}
a.wishlink {display: block; float: left; padding: 0 10px 0 20px; background: url(../images/icon-wish.gif) no-repeat left;}
a.friendlink {display: block; float: left; padding: 0 10px 0 20px; background: url(../images/icon-friend.gif) no-repeat left;}
.products-flag {font-size: 0.7em; font-weight: bold; color: #FF0000; padding: 2px; background: #FFD700; margin: 0 0 0 5px;}
h1 span.products-flag {font-size:0.5em;}

ul.productmenulist {float: left; width: 100%; list-style: none; margin: 0 0 1em 0;}
ul.productmenulist li {float: left; width: 100%; padding: 5px 0; border-bottom: 1px dotted #C0C0C0;}
ul.productmenulist li img {float: left; margin: 0 10px 0 0;}

/* pagination */
ul.pageslist {float: left; width: 100%; list-style: none; margin: 0 0 1em 0;}
ul.pageslist li {float: left; margin: 0 5px 0 0;}
ul.pageslist a {font-weight: bold; color: #FFFFFF; text-decoration: none;}
ul.pageslist a span {padding: 5px; text-decoration: none; background: #006600; border: 1px solid #000000;}
ul.pageslist a:hover span {background: #339933;}

/* product detail page */
.product {float: left; width: 100%; margin: 0 0 1em 0;}
.product-image {float: left; width: 300px; text-align: center;}
.detailedlink { padding: 0 0 0 20px; background: url(../images/icon-detailed.gif) no-repeat left; margin: 10px;}




.product-details {float: right; width: 250px;}
.product-options-title {font-weight: bold;}

/* tables for things */
table.cart {float: left; width: 100%; font-size: 1.0em; margin: 0 0 1em 0;}
table.cart th {color: #FFFFFF; text-align: left; padding: 5px; background: #339933;}
table.cart td {padding: 5px;}
table.cart td.totaltitle {font-weight: bold; text-align: right; padding: 0 10px 0 0;}
table.cart td.total {font-weight: bold; border-top: 2px solid #C0C0C0;}

table.customer {float: left; width: 100%; margin: 0 0 1em 0;}
table.customer th {color: #FFFFFF; text-align: left; padding: 5px; background: #339933;}
table.customer td {padding: 5px;}

/* cart */
.cartlinks {text-align: center;}
.cartlinks a {font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 5px 10px; background: #FF9900; margin: 0 5px 0 5px;}


/* forms */
.formrow {float: left; width: 100%; margin: 0 0 0.5em 0;}

.formrow label {float: left; width: 25%;}
.formrowcheckboxradio {float: left; width: 100%; margin: 0 0 0.5em 0;}
.formboxcheckboxradio label {}

/* the footer - duh! */
#footer p {text-align: center;}