@import "form.css";

/* Dark Green: #6d9040 */
/* Light Green: #9ec76a */


/*********** ELEMENTS **********/
* {
margin: 0;
padding: 0;
}

body {
background: #ccc;
font-size: 14px;
font-family: Calibri, Arial, Helvetica;
color: #222;
}

a {
color: #3366cc;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: underline;
}

a img {
border: none;
}

img {
border: none;
}

p {
margin: 0 0 10px 0;
}

fieldset {
border: none;
}

legend {
display: none;
}


/*********** END ELEMENTS **********/

/*********** STRUCTURE **********/

div#container {
width: 960px;
margin: 0 auto;
background: #fff;
overflow: hidden;
}

div#notices {
color: #fff;
background: #ff0000;
font-weight: bold;
text-align: center;
}

div#masthead {
background: #fff;
padding: 10px 0 0 10px;
overflow: hidden;
border-bottom: 6px solid #0000c0;
}

p#quick-cart {
float: right;
color: #0000c0;
margin: 0 10px 5px 0;
font-size: 12px;
font-weight: bold;
}

p#quick-cart a {
color: #0000c0;
}

a#logo {
display: block;
}

form#search {
}

div#sidebar {
width: 180px;
float: left;
}

div#sidebar ul {
list-style: none;
overflow: hidden;
}

div#sidebar ul li a {
display: block;
padding: 3px 0 3px 8px;
border-right: 1px dotted #0000c0;
font-size: 11px;
}

div#sidebar ul li a.section {
border: 1px solid #0000c0;
padding: 2px 0 2px 10px;
margin: 1px 0 0 0;
background: #0000c0 url(../images/navdown.png) right no-repeat;
color: #fff;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 5px;
}

div#sidebar ul li a.section:hover {
background: #0033ff url(../images/navdownhover.png) right no-repeat;
color: #fff;
text-decoration: none;
}

div.sidebar-box {
font-size: 14px;
font-weight: bold;
color: #fff;
background: #0000c0;
border: 1px solid #0000c0;
margin: 1px 0 0 0;
padding: 2px 0 10px 10px;
-moz-border-radius: 5px;
}

div.sidebar-box:hover {
background: #0033ff;
}

div#twitter.sidebar-box:hover {
background: #0000c0;
}

div.sidebar-box:hover label {
color: #fff;
}

div.sidebar-box label {
display: block;
}

ul.category ul.category li a {
margin-left: 20px;
}

div#content {
margin-left: 190px;
width: 770px;
overflow: hidden;
}

div#content h2 {
}

div#page-control {
margin: 10px 5px 5px 0;
overflow: hidden;
}

p#breadcrumb {
font-size: 12px;
}

form#sort-order-form {
float: right;
margin-right: 10px;
}

h1 {
font-size: 20px;
margin: 5px 0 5px 0;
}

div#footer {
margin: 0 auto;
overflow: hidden;
clear: both;
}

div#footer-left {
float: left;
border-right: 1px dotted #ccc;
width: 440px;
}

div#footer-left, div#footer-right {
border-top: 1px dotted #ccc;
padding: 20px 10px 0 10px;
text-align: center;
}

div#footer-bottom {
text-align: center;
width: 960px;
clear: both;
padding: 20px 0 0 0;
margin-bottom: 10px;
}

/* Product CSS */

div.product {
float: left;
width: 150px;
height: 180px;
padding: 5px 0 5px 0;
margin: 10px 20px 10px 20px;
text-align: center;
}

div.row {
clear: left;
}

img.product-image {
width: 150px;
}

div#content h2.product-name {
font-size: 14px;
margin-left: 0;
}

p.product-price {
font-size: 14px;
margin: 5px 0 5px 0;
color: #000;
text-align: center;
}

p.product-price span {
color: #ff0000;
font-weight: bold;
font-size: 16px;
}

div#image-box {
width: 300px;
margin: 0 10px;
float: left;
}

div#image-chooser {
margin: 10px 0 10px 0;
width: 300px;
margin: 0 auto;
text-align: center;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;

}

img.item-image-thumb {
width: 60px;
padding: 5px;
border-right: 1px dotted #ccc;
margin: 5px 0;
}

div#item-description {
width: 430px;
margin-left: 340px;
}

div#item-description p {
margin: 0 0 10px 0;
}

div#item-description ul {
margin: 0 0 10px 15px;
}

form#item-form {
margin: 10px 0 0 0;
}

form#item-form fieldset {
border: 1px solid #ccc;
padding: 0 0 0 10px;
}

form#item-form p.product-price {
text-align: left;
}

form#item-form ul#item-options {
list-style: none;
}

ul#item-options li {
margin: 0 0 5px 0;
}

input.item-quantity {
width: 20px;
margin: 0 0 0 3px;
}

label.dynamic {
display: inline-block;
width: 75px;
font-weight: bold;
}

ul#brand-list {
list-style: none;
margin: 0 0 20px 0;
overflow: auto;
clear: right;
}

#brand-list li {
width: 236px;
float: left;
margin: 0 15px 0 0;
}

p.prev-next-nav {
clear: both;
}

table#cart {
margin-left: 5px;
}

th.cart-quantity {
padding: 0 5px;
}

table#cart th {
vertical-align: top;
padding: 5px 5px;
}

table#cart td {
vertical-align: top;
padding: 5px 5px;
}

table#cart tr.product td {
border-bottom: 1px dashed #eee;
}

img.cart {
width: 80px;
}

td.product-name {
min-width: 300px;
}

td.product-name span {
display: block;
}

table#cart td.product-quantity, table#cart td.product-remove {
text-align: center;
}

td.product-total {
text-align: right;
}

input.cart-input-quantity {
width: 20px;
}

input.cart-update-quantity {
float: right;
}

table#cart tr.totals th {
text-align: right;
vertical-align: text-bottom;
padding-right: 10px;
}

table#cart tr.totals td {
text-align: right;
}

p#freeshipping {
margin-left: 5px;
color: #ff0000;
font-size: 16px;
font-weight: bold;
}

form.checkout {
}

form.checkout ul {
width: 430px;
}

form.checkout ul li {
overflow: hidden;
margin: 0 0 10px 0;
}

div#content form.checkout h2 {
margin-left: 0;
}

form.checkout ul {
list-style: none;
}

div.contact {
border-bottom: 2px dashed #ccc;
margin: 0 15px 0 10px;
padding-bottom: 5px;
overflow: hidden;
}

div.contact#email {
border-bottom: none;
}

div.contact img {
float: left;
margin: 10px 0;
}

div.contact p, div.contact address, div.contact form, div.contact ul {
margin-left: 150px;
}

div.contact ul {
list-style: none;
}

ul#contact-form {
margin-left: 0;
}

div#largetents {
margin: 10px 0 0 0;
}

div#specialtents ul {
list-style: none;
overflow: hidden;
background: url(../images/specialtents.jpg) no-repeat;
}

div#specialtents ul li {
float: left;
}

div#specialtents ul li a {
display: block;
height: 200px;
width: 240px;
}

div#specialtents a span {
margin-left: -999px;
}

div#preamble {
background: #009;
color: #fff;
width: 680px;
margin: 10px 20px 20px 0;
padding: 20px;
}