/* global resets and errors */
* {padding: 0; margin: 0;}
.clearfix {display: block; clear: both;}
a img {border: 0;}
.error-text {display: block; font-size: 0.8em; font-weight: bold; color: #FF0000; padding: 10px; background: #FFFFCC; margin: 0 0 10px 0;}

/* default styles */
body {font-size: 0.8em; font-family: sans-serif; color: #000000; background: #304B26;}
h1,h2,h3 { font-weight: normal; text-transform: uppercase; }
h1 {font-size: 2.4em; font-weight: normal; margin: 0 0 15px 0; }
h2 {font-size: 1.5em; margin: 0 0 15px 0; clear: both; }
h3 {font-size: 1.0em; font-weight: bold; margin: 0 0 10px 0; }
h4 {font-size: 1.0em; font-weight: bold; margin: 0 0 10px 0; }
p {line-height: 1.5em; margin: 0 0 20px 0; }
ul {line-height: 1.5em; margin: 0 0 20px 20px;}
ol {line-height: 1.5em; margin: 0 0 20px 20px;}
label {line-height: 1.5em;}
fieldset {border: 1px dotted #009900; padding: 10px; margin: 0 0 20px 0; }
legend {font-weight: bold;}
fieldset div {width: 100%; padding: 5px 0; clear: both;}
fieldset label {float: left; width: 25%; }
fieldset input.textbox {padding: 2px;}
fieldset select.selectbox {padding: 2px;}
form option {padding: 0 10px 0 0;}
table {margin: 0 0 20px 0;}
th {text-align: left; padding: 5px 10px 5px 0;}
td {padding: 5px 10px 5px 0;}

/* layout */
#wrapper {width: 960px; margin: 0 auto;}
#header {float: left; width: 100%; }
#nav {float: left; width: 960px; padding: 0;}
#content {float: left; width: 910px; background: #FFFFE8; padding: 20px; border: 5px solid #FBC703;}
#main {float: left; width: 620px; }
#sidebar {float: right; width: 260px; }
#cart {float: left; width: 100%; }
#footer {float: left; width: 100%; height: 140px; }

#logo {float: left; width: 100%; padding: 5px 0;}
#logo img {float: left; padding: 0 0 0 5px;}
ul.nav {list-style: none; margin: 0;}
ul.nav li {float: left; width: auto; padding: 5px;}
ul.nav li a {float: left; width: auto; color: #FFFFFF;}

/* breadcrumbs */
#crumbs {float: left; width: 70%;}
ul.crumbs {list-style: none; color: #FFFFFF; margin: 0;}
ul.crumbs li {float: left; width: auto; padding: 5px;}
ul.crumbs a {color: #FFFFFF;}


/* search box */
#search {float: right; width: 25%; text-align: right; padding: 5px;}
#search input {padding: 2px;}

/* sections listings */
ul.sections {float: left; width: 100%; list-style: none; padding: 0; margin: 0;}
ul.sections li {float: left; width: 100%; padding: 0 0 20px 0; border-bottom: 1px dotted #009900; margin: 0 0 20px 0; }
ul.sections li span.name {font-weight: bold;}
ul.sections li span.name a {display: block;}
ul.sections li span.desc {display: block;}
.sections img {display: none;}

/* section */
.section {float: left; width: 100%; border-bottom: 3px solid #FBC703; margin: 0 0 20px 0; clear: both;}
.section-image {display: block; float: right; border: 2px solid #CCFFCC; margin: 0 0 5px 20px;}

/* products listings */
ul.products {float: left; width: 100%; list-style: none; padding: 0; margin: 0;}
ul.products li {float: left; width: 100%; padding: 0 0 20px 0; border-bottom: 1px dotted #009900; margin: 0 0 20px 0;}
ul.products .name {font-weight: bold;}
ul.products .desc {float: left; width: 500px; }
ul.products .book {float: right; width: 100px; }
ul.products img {float: left; padding: 0 20px 0 10px;}

ul.productsbook {float: left; width: 100%; list-style: none; padding: 0; border-top: 1px dotted #009900; margin: 0 0 20px 0;}
ul.productsbook li {float: left; width: 100%; padding: 20px 0; border-bottom: 1px dotted #009900;}
ul.productsbook .name {display: block; font-weight: bold;}
ul.productsbook .desc {display: block; }
ul.productsbook .book {display: block; }

/* product detail */
.product-image {float: right; margin: 0 0 10px 20px;}

/* minicart */
.minicart {background: #D7D7D7; border: 1px solid #FBC703; margin: 0 0 20px 0;}
.minicart h2 {font-size: 0.9em; font-weight: bold; color: #EEEE00; padding: 8px 10px; background: #304B26; margin: 0 0 10px 0; }
.minicart p {font-size: 0.9em; padding: 0 10px; margin: 0 0 10px 0;}

/* cart and checkout */
table.cart {width: 99.9%; border: 1px solid #FBC703; margin: 0 0 20px 0;}
table.cart th {color: #EEEE00; padding: 8px 10px; text-align: left; background: #304B26;}
table.cart td {padding: 10px; border-bottom: 1px dotted #D7D7D7;}
td.total {font-weight: bold; background: #D7D7D7; border-bottom: 0; }
td.totaltitle {font-weight: bold; text-align: right; background: #D7D7D7; border-bottom: 1px solid #D7D7D7;}
ul.cartlinks {list-style: none; text-align: right; padding: 0; margin: 0 0 20px 0;}
ul.cartlinks li {display: inline; padding: 0 0 0 20px;}
ul.cartlinks a {}

form.checkout div {float: left; width: 100%; margin: 0 0 10px 0;}
form.checkout label {float: left; width: 25%; padding: 2px 0;}
form.checkout input {padding: 2px;}

/* footer duh */
#footer p {font-size: 0.85em; color: #FFFFFF; padding: 20px;}
#footer a { color: #EEEE00;}