/* CSS DOCUMENT */

*{ margin: 0; padding: 0; }

body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; background: url(images/bg.png) repeat-x; }

#page {width: 1000px; margin: 0 auto;}

#header { height: 144px; position: relative;}
#header h1 { width: 221px; height: 109px; position: relative;}
#header h1 span { width: 221px; height: 109px; position: absolute; top: 0; left:0; background: url(images/logo.png) no-repeat; }
#header h2 { font-size: 2em;	margin: 0.25em 0 0 1.5em;}

#top_links { list-style: none; float: right; margin-top: -15px;}
#top_links li { float: right; margin-left: 15px; }
#top_links a { text-decoration: none; font-size: 1.2em;}
#top_links a:hover { text-decoration: underline;}

#nav { display: block; }
#content #nav li { list-style: none; margin: 3px; padding: 0; border: 1px solid #08504c; background: #08504c;}
#nav li a { background: #08504c; display: block; color: #fff; font-weight: bold; padding: 0.5em; text-decoration: none; }
#nav li a:hover, #nav li a.selected { background: #569488; }

#content { padding-top: 20px; }

#col1 { width: 180px; padding:0 10px 0 0; margin: 0 10px 0 0; float: left;}
#col3 { width: 180px; padding:0 0 0 10px; margin: 0 0 0 10px; float: left;}
#main { width: 600px; position: relative; float: left; }
#main_wide { width: 790px; position: relative; float: left; margin-left: 10px; }
#main_full { width: 980px; position: relative; margin:0 10px; }

#footer { color: #444; padding: 2em; margin-top: 1em; height: 140px; font-size: 1.1em; background: url(images/footer.png) repeat-x top left; }
#footer .center { width: 1000px; margin: 0 auto; }

a { color: #314E67;}
a img { border: 0; }
.button { background: #08504c; color: #fff; font-weight: bold; padding: 0.5em; text-decoration: none; }
.button:hover { background: #569488;  }

.alignleft { float: left; margin: 0 10px 5px 0;}
.alignright { float: right; margin: 0 0 5px 10px;}

/* FORMAT
--------------------*/

#col1 h2, #col3 h2 { font-size: 1.6em; font-weight: normal; border-bottom: 1px solid #123232; background: #fff; padding: 0.25em;}
#col1 h3, #col3 h3 { font-weight: normal; font-size: 1.5em; border-top:1px solid #123232; border-bottom: 1px solid #123232; padding: 0.25em 0; margin:1em 0 0 0.1em; clear: right; }

.half { float: left; width: 49%; margin: 10px 1% 0 0;}
.last { margin-right: 0;}
.half.last { width: 50%; }

.highlight { padding: 10px; background: #efefef;}
.highlight2 { padding: 10px; background: #91B9B1;}

#main h1, #main h2, #main h3, #main h4, #main_wide h1, #main_wide h2, #main_wide h3, #main_wide h4, #main_full h1, #main_full h2, #main_full h3, #main_full h4 { margin:0.5em 0 1em 0; color: #630030;} 
#main h1, #main_wide h1, #main_full h1 { font-size: 3em; font-weight: normal; border-bottom: 0.05em solid #ccc;  }
#main h2, #main_wide h2, #main_full h2 { font-size: 3em; font-weight: normal; border-bottom: 0.05em solid #ccc;  }
#main h3, #main_wide h3, #main_full h3 { font-size: 2.5em; font-weight: normal; }
#main h4, #main_wide h4, #main_full h3 { font-size: 2em; font-weight: normal; clear: right; }

#main_wide.checkout h2, #main_wide.checkout h3 { background: #630030; color: #fff; padding: 3px 5px;}

#content p, #content li, #content dd, #content dt { padding:0 0 1em 0; font-size: 1.3em;  }
#content li * { font-size: 1em;}

#content th, #content td { font-size: 1.3em; margin: 1px; padding: 0 3px;}
#content td * {font-size: 1em;}

#coupon { background: #dedede; padding: 10px;}

#vcard { text-align: right; float:right; }
#footer p.copyright { float: left; clear: left; font-size: 1em; }


.clearer { clear: both; }
.message { background: #ff0; padding: 5px;}

/* LISTS
----------------------*/

#content li { margin-left: 2em; }
#content dt { font-weight: bold; margin-bottom: 0; }
#content dd { margin-top: 0; }

/* storefron view */

#view { border-bottom: 1px solid #ccc; padding: 5px 5px 10px 5px; margin: 0 0 1em 0; }
#view p {	margin: 0; padding: 0; display: inline; }
#per_page_form { float: right; }
.current_page { background: #ccc; padding: 1px 2px;}
#view p.pagination { clear: both; display: block; border-top:1px solid #ccc; padding-top: 5px;}

/* Mini Cart */

#mini_cart { margin-bottom: 1em; }
#mini_cart li { padding: 10px 0; margin: 0; list-style: none; border-bottom: 1px solid #ccc; height: 100px; }
#mini_cart .img {	width: 50px; height: 50px; background: #fff; margin: 0 10px; float: left; text-align: center; }
#mini_cart .img img { margin: 0 auto;}
#mini_cart p { font-size: 1em; padding: 0; }
#mini_cart .title { font-weight: bold; }
#mini_cart p.qty { float: left; margin-right: 10px; }

#mini_contributions { margin-bottom: 1em; }
#mini_contributions li { padding: 10px 0; margin: 0; list-style: none; border-bottom: 1px solid #ccc; }


/* PRODUCTS */

#product_list li{ list-style: none; }
#product_list.grid li { float: left; width: 31%; padding: 15px 1%; margin: 0; border-bottom: 1px solid #630030; border-right: 1px solid #630030; text-align: center; }
#product_list.list li {  padding: 15px 0; margin: 0; border-bottom: 1px solid #630030; height: 150px; float: none; }
#product_list .img { width: 150px; height: 150px; background: #efefef; margin: 10px auto; vertical-align: middle; }
#product_list.list .img {float: left; margin-right: 10px;}
#product_list p { font-size: 1em;}
#product_list .title { font-size: 1.1em;  height: 4em;}
#product_list.list .title { height: auto;}
#product_list .price { }
#package {border-collapse: collapse;}
#package th, #package td { padding: 2px 5px;}
#package .odd td { background: #ddd; }

.mceEditor p { margin: 0;}



/* Product */

#product .images { float: left; width: 250px; margin: 0 10px 10px 10px; }
#product .img { height: 250px; width: 250px; background: #fff; text-align: center; border: 1px solid #ccc;}
#product .thumbs { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; }
#product .thumbs li { display: block; float: left; width: 50px; height: 50px; background: #fff; margin:0 10px 0 0; list-style: none; }
#product .text { float: left; width: 450px;}
.qty_input  { width: 30px; }

/* UP SELL */

#upsell { clear: left; margin: 10px; padding: 10px; background: #efefef; }
#upsell #related, #upsell #also_bought { width: 47%; float: left; }
#upsell #related { padding-right: 2%; margin-right: 2%; border-right: 1px solid #123232; }
#upsell li { padding: 10px 0; font-size: 1em; margin: 0; list-style: none; border-bottom: 1px solid #123232; height: 50px; background-color: #630030; }
#upsell .img { width: 50px; height: 50px; background: #fff; margin: 0 10px; float: left; text-align: center; }
#upsell .img img { margin: 0 auto; }

#bottom_nav { display: block; margin: 2em 20%; border-left: 1px solid #eee; }
#bottom_nav li { list-style: none; font-size: 1.3em; display: inline; margin: 0 0 0 1em; padding: 0 1em 0 0; border-right: 1px solid #eee; }
#bottom_nav li a { text-decoration: none; }
#bottom_nav li a:hover { text-decoration: underline; }

/* Big Cart */
#cart { border-collapse: collapse; margin: 10px 0; width: 100%;}
#cart tbody { border: 2px solid #ddd;}
#cart th { background: #630030; color: #fff; border:2px solid #ddd; padding: 5px 10px; font-size: 1.3em;}
#cart td { font-size: 1.2em; border-right: 2px solid #ddd; padding: 5px 10px; background: #eee; border-bottom: 2px solid #ddd;}
#cart .odd td { background: #ddd; border-right: 2px solid #eee; border-bottom: 2px solid #eee;}
#cart td p, #cart td li { font-size: 1em;}
#cart td .img { width: 80px; text-align: center; background: white; height: 80px;}
#cart .product { }
#cart .cart_option p { margin: 0; padding: 0;}
#cart .price { width: 80px;}
#cart .qty { width: 90px;}
#cart .line_total { width: 80px;}
#cart td.price { text-align: right; font-weight: bold;}
#cart td.qty {text-align: center; font-weight: bold; position: relative; }
#cart td.line_total { text-align: right; font-weight: bold;}
#cart td.qty input { font-size: 1em;}
#cart td.qty .qty_input { width: 30px; margin-bottom: 10px; text-align: center;}
#cart .subtotal td { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-right:#eee; text-align: right; font-weight: bold;}
#cart .tax td { border-bottom: 2px solid #ddd; background: #ddd; text-align: right; font-weight: bold;}
#cart .shipping td { border-bottom: 2px solid #ddd; border-right:#eee; text-align: right; font-weight: bold;}
#cart td.label { font-weight: normal;}
#cart span.shipping_est { }
#cart .total td { border-bottom: 2px solid #ddd; border-right: #630030; background: #630030; color: #fff; text-align: right; font-weight: bold;}

#content .description p { margin: 0; padding: 0;}

#cart td.qty img { top: 3px; position: relative;}
#cart td.qty img.add { left: -1px; }


/* FORMS
-------------------*/
 
form { padding: 0 0 1em 0;}
form div { margin: 0 0 1em 0; }
fieldset { border: none; }
legend { font-size: 1.7em; color: #630030; margin-bottom: 1em; }
/*label { width: 7.5em; text-align: right; display: block; float:left; font-size: 1.3em; margin:0 1em 0 0; }*/
label { display: block; font-size: 1.3em;  }
label.radio { float: none; display: inline; margin: 0 0 0 1em; }
textarea, input, select { font-size: 1.3em; padding: 0.1em; }
table input, table label { font-size: 1em;}

input.add-to-cart-button { padding: 0; font-size: 1em;}
.error { color:#eee; background: #900; float: none; display: inline; margin: 0 0.5em 0 0; }
label.error{ padding: 0.2em; }

#search { position: absolute; top: 50px; right: 0; padding: 5px; background: #bbb; }
#view label { clear: none; float: none; display: inline; }

#login, #register { width: 375px; margin: 0 10px; float: right;}