/* CSS DOCUMENT */

#content { padding-top: 10px; background: url(/images/box_mid.gif) repeat-y; overflow:hidden; }
*{ margin: 0; padding: 0; }

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

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

#header { padding: 10px 0 0 0; position: relative;}
#header h1 { width: 302px; height: 59px; position: relative; text-indent: -999999em;}
#header h1 span { width: 302px; height: 59px; position: absolute; top: 0; left:0; background: url(images/logo_big.gif) no-repeat;}
#header h2 { font-size: 2em;	margin: 1em 0; color: #888;}

#top_links { list-style: none; float: right; margin-top: 2.5em;}
#top_links li { float: right; margin-left: 17px; }
#top_links a { text-decoration: none; font-size: 1.3em; font-weight: bold;}
#top_links a:hover { text-decoration: underline;}

.rounded_top { background: url(images/box_top.gif) no-repeat top center; width: 1000px; height: 19px; margin-top: 10px;}
.rounded_bottom_nav { background: url(images/menu_bottom.gif) no-repeat top center; width: 1000px; height: 20px; }
.rounded_bottom { background: url(images/box_bottom.gif) no-repeat top center; width: 1000px; height: 20px; }

#nav { display: block; background: url(images/box_mid.gif) repeat-y; padding-top: 10px; }
#nav li { list-style: none; display: inline; margin: 0.5em; }
#nav li a { color: #476178; font-size: 1.6em; font-weight: bold; padding: 0.5em; text-decoration: none; }
#nav li a:hover, #nav li a.selected { color: #000; }



#col1, #col3 { width: 20%; padding:1em 1%; margin: 0 1%; float: left; background: #EFF2F4;}
#main { width: 52%; position: relative; float: left; }
#main_wide { width: 75%; position: relative; float: left; margin-left: 1%; }
#main_full { width: 98%; position: relative; margin:0 1%; }

#footer { color: #fff; padding: 2em; font-size: 1.1em; }

a { color: #314E67;}
a img { border: 0; }

.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; margin:0 0 0.5em 0;}
#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: 48%; margin: 0 1%;}

#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; color: #476178;}
#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: 2.5em; font-weight: normal; border-bottom: 0.05em solid #ccc;  }
#main h3, #main_wide h3, #main_full h3 { font-size: 2em; font-weight: normal; }
#main h4, #main_wide h4, #main_full h3 { font-size: 1.75em; font-weight: normal; clear: right; }

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

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

#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; }
#footer a { color: #fff;}

.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;; }
#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 #476178; border-right: 1px solid #476178; text-align: center; height: 335px; }
#product_list.list li {  padding: 15px 0; margin: 0; border-bottom: 1px solid #476178; 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 { }
#product_list input { font-size: 0.85em;}


/* 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: #476178; }
#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: #476178; 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 .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 .total td { border-bottom: 2px solid #ddd; border-right: #476178; background: #476178; color: #fff; text-align: right; font-weight: bold;}

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

#contributions { border-collapse: collapse; margin: 10px 0; width: 100%;}
#contributions tbody { border: 2px solid #ddd;}
#contributions th { background: #476178; color: #fff; border:2px solid #ddd; padding: 5px 10px; font-size: 1.3em;}
#contributions td { font-size: 1.2em; border-right: 2px solid #ddd; padding: 5px 10px; background: #eee; border-bottom: 2px solid #ddd;}
#contributions .odd td { background: #ddd; border-right: 2px solid #eee; border-bottom: 2px solid #eee;}
#contributions .c_action { width: 15px;}
#contributions .fund { }
#contributions .type { }
#contributions .amount { width: 80px;}
#contributions td.fund { }
#contributions td.type {}
#contributions td.amount { text-align: right; font-weight: bold;}
#contributions .c_subtotal td { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-right:#eee; text-align: right; font-weight: bold;}
#contributions td.label { font-weight: normal;}

/* FORMS
-------------------*/
 
form { padding: 0 0 1em 0;}
form div { margin: 0 0 1em 0; }
fieldset { border: none; }
legend { font-size: 1.7em; color: #476178; 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; }
.required_marker { color: #900;}
label.error{ padding: 0.2em; }

#search { position: absolute; top: 20px; right: 0; }
#view label { clear: none; float: none; display: inline; }

#login, #register { width: 470px; margin: 0 10px; float: right;}
.alert {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #DDDDDD;
    margin-bottom: 5px;
    margin-top: -5px;
    padding: 5px 15px;
	font-size:12px;
}
.alert p {
	margin-bottom:10px;
}
.alert .notice {
	font-weight:bold;
	font-size:15px;
	color:red;
}