/*  ******************************
	Stylesheet for Site Name
	Created by Belay Development
	XX - XX.XX.XXXX
	**************************** */

	
/* ********* E-STORE ********** */

#store_wrapper {
	padding: 17px 15px 0 15px;
}

#store_wrapper a {text-decoration: none;}

#store_wrapper small, #store_wrapper small * {font-size: 7.5pt;}

#store_wrapper h1 {
	font-size: 10pt;
}
#store_wrapper h2 {font-size: 10pt; margin: 0 0 1.5em 0; padding: 0;}

#store_wrapper .store_btn, #store_popup .store_btn {
	background: #cccccc; 
	color: #666666; 
	border: none;
	text-align: center; 
	font-weight: bold; 
	font-size: 7.5pt; 
	padding: 3px 5px;
	cursor: pointer;
	}
	
#store_wrapper .store_btn:hover, #store_popup .store_btn:hover {
	background: #666666; 
	color: #cccccc;
}	


/* Product Categories */

#store_wrapper .cat_holder {
	border: 0px;
	margin-left: -25px;
	margin-top: -25px;
}

#store_wrapper .cat_holder td {width: 125px; padding: 25px 0px 0px 25px; text-align: right; vertical-align: top;}
#store_wrapper .cat_holder .thumbnail td {padding: 5px 0px 0px 0px; width: 125px; vertical-align: top; text-align: center;}

#store_wrapper .cat_holder .thumbnail td.img_holder {border: 1px solid #999999; padding: 0px; vertical-align: middle; width: 125px; height: 130px;}
#store_wrapper .cat_holder .thumbnail td.img_holder:hover {border: 1px solid #000000;}
/*#store_wrapper .cat_holder .thumbnail a img {border: 1px solid #999999;}
#store_wrapper .cat_holder .thumbnail a:hover img {border: 1px solid #000000;}*/

#store_wrapper .cat_holder a img {border: none;}
#store_wrapper .cat_holder a:hover img {border: none;}	
#store_wrapper .cat_holder a {font-weight: bold;}
#store_wrapper .cat_holder a:hover {font-weight: bold;}


/* Product Thumbnails */

#store_wrapper .tmb_holder {
	border: 0px;
	margin-left: -15px;
	
}

#store_wrapper .tmb_holder td {width: 125px; padding: 0px 0px 25px 15px; text-align: right; vertical-align: top;}
#store_wrapper .tmb_holder .thumbnail td {padding: 0; width: 125px; vertical-align: top; text-align: center;}

#store_wrapper .tmb_holder .thumbnail td.img_holder {vertical-align: middle; width: 125px; height: 130px; }
#store_wrapper .tmb_holder .img_holder img {}
#store_wrapper .tmb_holder a img {border: 0;}
#store_wrapper .tmb_holder a:hover img {border: 0;}	
#store_wrapper .tmb_holder .price {font-weight: bold;}

.onsale {font-weight: normal; text-decoration: line-through;}

/* Breadcrumbs & Pagination */

#store_wrapper .breadcrumbs {}

.pagination {
	overflow: hidden; 
	width: 100%;
	padding-left: 15px;
}
.pagination .total {display: inline; float: left; clear: none;}
.pagination .pages {display: inline; float: right; clear: none;}

/* Product Details */

#store_wrapper .det_holder {border: 0;}

#store_wrapper .det_holder .det_image {vertical-align: middle; width: 50%; padding-bottom: 10px; text-align: center;}
#store_wrapper .det_holder .det_image #prod_image { width: 220px; height: 250px; text-align: center; margin: 0px auto; }
#store_wrapper .det_holder .det_image img {margin: auto auto 15px auto; cursor: pointer;}
#store_wrapper .det_holder .det_image .otherview {display: block; width: 75px; height: 75px; float: left; clear: none; margin: 5px 10px 10px 0px;}
#store_wrapper .det_holder .description {vertical-align: top; width: 50%; padding: 0px 0px 10px 25px;}
#store_wrapper .det_holder .description h1 {font-size: 9pt;}
#store_wrapper .det_holder .description a.special_link {font-weight: bold;}

#store_wrapper .det_holder .purchase_box {border: 1px solid #cccccc; width: 100%;}
#store_wrapper .det_holder .purchase_box td {padding: 8px 0px 0px 8px; background: #eeeeee}

#store_wrapper .det_holder .purchase_box tr.last td input  {margin: 0px 0px 6px 0px;}
#store_wrapper .det_holder .purchase_box tr.last td small {padding-bottom: 6px; display: block;}

#store_wrapper .det_holder .breadcrumbs {padding-bottom: 10px;}
#store_wrapper .det_holder .nav {padding-bottom: 10px; text-align: right;}

#store_wrapper .det_holder .eml_link {font-weight: bold;}

#store_wrapper .rel_holder {border-top: 1px solid #cccccc; padding: 10px 0px;}
#store_wrapper .rel_holder td {padding: 10px 5px 5px 5px; vertical-align: top; text-align: center;}
#store_wrapper .rel_holder .tmb {display: block; height: 130px; width: 125px;}

/* Cart */

#store_wrapper .cart {width: 100%;}

#store_wrapper .cart th {
	background: #cccccc;
	padding: 3px 5px;
}

#store_wrapper .cart td {padding: 3px 5px;}
#store_wrapper .cart td a {font-weight: bold;}

#store_wrapper .product td {border-top: 1px solid #dddddd;}
	#store_wrapper .product td td {border: 0;}
#store_wrapper .subtotal td {border-top: 2px solid #dddddd; padding: 10px 5px;}

#store_wrapper .cart .gift_link {font-size: 7.5pt; font-weight: bold;}

/* Login */

#store_wrapper .login {
	width: 100%;
}

#store_wrapper .login th {text-align: left; font-weight: normal; padding: 5px 0px; border-bottom: 1px solid #dddddd;}
#store_wrapper .login th ul {list-style-type: none; margin: 0; padding: 0;}
#store_wrapper .login th ul li {display: inline; padding: 0px 0px 0px 40px;}
#store_wrapper .login th ul li.active {font-weight: bold;}

#store_wrapper .login td {vertical-align: top; text-align: left; padding: 20px; width: 50%;}
#store_wrapper .login td.rightcol {border-left: 1px solid #dddddd;}

#store_wrapper .login td table td {padding: 5px; width: auto;}
#store_wrapper .login td table {margin-left: -5px; margin-top: -5px;}

#store_wrapper .login h1 {font-size: 8pt; text-transform: uppercase;}

#store_wrapper .login form label {width: 150px; display: inline;}

/* Checkout */

#store_wrapper .checkout {
	width: 100%;
}

#store_wrapper .checkout th {text-align: left; font-weight: normal; padding: 5px 0px; border-bottom: 1px solid #dddddd;}
#store_wrapper .checkout th ul {list-style-type: none; margin: 0; padding: 0;}
#store_wrapper .checkout th ul li {display: inline; padding: 0px 0px 0px 40px;}
#store_wrapper .checkout th ul li.active {font-weight: bold;}

#store_wrapper .checkout td {vertical-align: top; text-align: left; padding: 20px; border-bottom: 1px solid #dddddd;}

#store_wrapper .checkout td table td {padding: 3px 10px 3px 5px; width: auto; border-bottom: none;}
#store_wrapper .checkout td table {margin-left: -5px; margin-top: -5px;}

#store_wrapper .checkout h1 {font-size: 8pt; text-transform: uppercase; border-bottom: 1px solid #dddddd;}

#store_wrapper .checkout h1 a {font-size: 8pt; text-transform: none; font-style: italic; margin-left: 10px;}

#store_wrapper .checkout hr {border: 1px solid #dddddd; height: 1px;}

#store_wrapper .checkout .main {}

#store_wrapper .checkout .order_summary {
	width: 140px;
	background: #eeeeee;
	border-left: 1px solid #dddddd;
}

#store_wrapper .checkout .button {padding: 5px 0px; border: 0;}

#store_wrapper .checkout tr.divider td {border-top: 1px dashed #dddddd;}

/* My Account Section */

#account_header {width: 100%; padding-bottom: 10px;}

.account_login, .account_login * {font-size: 7.5pt;}

.account_login label {
	font-weight: bold;
	margin: 0px 5px 0px 15px;
}

.account_login input {font-size: 8pt; margin-bottom: 0;}

.account_login a.pass_link {font-style: italic; float: left; clear: none; margin-left: 405px; margin-top: 5px;}

#account_header ul {list-style-type: none; width: 100%; padding: 5px 0px; margin: 5px 0px 0px 0px; background: #eeeeee;}
#account_header ul li {display: inline; padding: 0px 38px;}
#account_header ul li .active {font-weight: bold;}


.past_orders {width: 100%; margin-bottom: 25px;}
.past_orders .hdr th {font-size: 9pt !important; font-weight: bold !important; background: none; color: #07717F !important;}
.past_orders th {background: #eeeeee; font-size: 8pt !important; padding: 3px;}
.past_orders td {padding: 3px;}

/* Generic Forms - Forgot Password, Become a Member, etc. */

.form_tbl td {
	padding: 5px 10px 5px 0px;
}

.form_tbl .text {width: 250px;}

/* Pop Up Windows */

#store_popup {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffff;
}

#store_popup .logo {margin: 25px;}

#store_popup h1 {font-size: 10pt; text-transform: uppercase; margin: 25px;}

#store_popup .popup_holder {
	border: 1px solid #cccccc; width: 90%; margin: 0px auto;
}

#store_popup .popup_holder td {padding: 8px 8px 0px 8px; background: #eeeeee}

#store_popup .text {width: 200px;}

#store_popup textarea.text {height: 100px;}

#store_popup .pop_footer {font-size: 7.5pt;}

#store_popup .close_link {display: block; margin: 25px 25px 0px 25px; font-weight: bold;}

/* Category Navigation */

		#cat_nav {
			float: left;
			width: 100px; 
			margin: 25px 25px 25px 15px;
			overflow:visible; 
			clear: none;
		}		

		#cat_nav *, #cat_nav a:link, #cat_nav a:visited, #cat_nav a:hover, #cat_nav a:active {
			text-decoration: none;
		}			
	
		#cat_nav ul { 
			width:auto;
			margin: 0px;
			list-style-type: none;
			padding-left: 10px;
			overflow: visible;
		}
		
		#cat_nav li {
			width: auto;
			padding: 3px 0px 3px 0px;
			overflow: visible;
		}
						
		#cat_nav .on ul { display: block; }
		
		#cat_nav .off ul { display: none; }

		#cat_nav li.on a {font-weight: bold;}	
		#cat_nav li.off a {font-weight: normal;}

.error {
	color: #CC6600;
	font-weight: bold;
}


#address_user {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E2F0F9;
}