@CHARSET "UTF-8";

/* Main Layout
==================================== */

div.break { clear: both; }

div#main-container  {	margin: 15px auto 0; text-align: left; width: 960px; }

div#content-container { border-color: #BBBBBB #BBBBBB #666666; border-style: solid; border-width: 1px; background: #FFFFFF none repeat scroll 0 0; margin: 0 auto; clear: both; float: left;
						width: 100%; }

div#menu-bar { background: #444444 none repeat scroll 0 0; color: #666666; padding: 7px 13px; text-align: right; clear: both; }
div#menu-bar a { color: #DDDDDD; text-decoration: none; }
div#menu-bar a:hover { text-decoration: underline; }

div#footer-menu { text-align: center; padding: 5px; color: #BBBBBB; clear: both; }
div#footer-menu a { color: #666666; text-decoration: none; }
div#footer-menu a:hover { text-decoration: underline; }

div#nav-bar { background: #EFEFEF none repeat scroll 0 0; border-bottom: 1px double #DEDEDE; line-height: 1.25em; padding: 5px 12px 2px;
					font-size: 11px; font-family: Arial; color: #444444; clear: both; width: 590px; }
div#nav-bar a { color: #666666; text-decoration: none; }
div#nav-bar a:hover { text-decoration: underline; }

div.menu-item { float: left; padding: 5px; margin: 5px; width: 150px; text-align: center;
					background-image: url('/assets/images/gray_button.gif'); background-repeat: repeat-x;
					color: #FFFFFF; font-size: 1.1em; font-weight: bold;
					border-top: 1px solid #2A3E8B; border-right: 1px solid #2A3E8B; 
					border-bottom: 1px solid #425FCE; border-left: 1px solid #425FCE;
}

div.menu-item:hover { background-color: #929ABA; }

div.logo-box { float: left; padding-bottom: 5px; clear: both; }
div.logo-box img { border: 0; }

img { border: 0px; }

/* Error Boxes
============================================= */
div.error-box { margin: 0px auto 0; width: 460px; clear: both; margin-top: 10px; }
	div.error { background:#FBE3E4 none repeat scroll 0 0; border: 2px solid #FBC2C4; color:#8A1F11; line-height: 1.5; font-weight: bold; }
	div.error p { text-align: center; }
	
div.notice-box { margin: 0px auto 0; width: 460px; clear: both; background:#FFF6BF none repeat scroll 0 0; border: 2px solid #FFD324; color:#514721; line-height: 1.5; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 10px; }
	div.notice p { text-align: center; }

div.error ul {	/* list-style: none; */ }

div.ajax-message { display: none; }

/* Shopping Cart 
============================================== */
div.cart { width: 90%;  margin: 15px auto 0; text-align: center; margin-top: 15px; margin-bottom: 15px; clear: both; }

	div.cart-line-item-shipping { margin: 15px auto 0; text-align: center; clear: both; padding-top: 15px; width: 500px; }
		div.cart-line-item-blank { float: left; width: 225px; }
		div.cart-line-item-label { float: left; width: 80px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #DDDDDD; }
		div.cart-line-item-data { float: left; width: 155px; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #DDDDDD; } 

	div.cart-order-total { text-align: left; margin-left: 65%; margin-top: 10px; clear: both; }
		div.cart-order-total-label {  width: 100px; float: left; margin-top: 10px; }
		div.cart-order-total-data { float: left; margin-top: 10px; }
		
	div.cart-promo-box { clear: both; margin-left: 35%;  margin-top: 20px; }
		div.cart-promo-box-label { float: left; margin-top: 5px; }
		div.cart-promo-box-data { float: left; }
		div.cart-promo-box button { background-color: #5A77EA; width: 85px; color: white; }
		
	div.cart-promo { clear: both; margin-left: 50%; margin-top: 10px; }
		div.cart-promo-label { float: left; width: 200px; }
		div.cart-promo-data { float: left; }
		
	div.cart-gift-note { text-align: left; float: left; width: 250px; margin-bottom: 10px; border: 1px solid #DDDDDD; display: none; }
	div.cart-gift-note p { font-weight: bold; margin-top: 0; margin-bottom: 5px; }
	div.cart-gift-note p a { text-decoration: none; color: #8F1A1A; font-size: .8em; }

	div.cart-line-item { margin: 15px auto 0; text-align: center; clear: both; margin-top: 10px; width: 500px; }
		div.cart-line-item-name { float: left; width: 125px; }
		div.cart-line-item-quantity { float: left; width: 80px; }
		div.cart-line-item-price { float: left; width: 90px; }
		div.cart-line-item-note { float: left; width: 80px; }
		div.cart-line-item-recp { float: left; width: 90px; } 
	div.cart-line-item a { text-decoration: none; color: #8F1A1A; }
	
	div.cart-header { font-weight: bold; }
	
div.checkout-progress { clear: both; margin: 10px auto 0; text-align: center; width: 450px; }
div.checkout-progress div { float: left; }
	
table#payment {
	width: 500px; border: 0;	
}
	
table#payment td {	
	width: 120px;	
}

#calendar_button { background-image: url('/assets/images/gray_button.gif'); background-repeat: repeat-x; width: 150px; 
			height: 27px; font-weight: bold; color: black;}
#checkout_button { background-image: url('/assets/images/gray_button.gif'); background-repeat: repeat-x; width: 180px; 
			height: 27px; font-weight: bold;  color: black; }
#promo_button { background-image: url('/assets/images/gray_button.gif'); background-repeat: repeat-x; width: 100px; 
			height: 27px; font-weight: bold; color: black;}

/* Account Management
============================================= */
div#account-menu { margin: 0 auto 0; width: 600px; border-color: #BBBBBB #BBBBBB #666666; border-style: solid; border-width: 1px; padding: 0; }
div#account-menu div#header { background: #666666 none repeat scroll 0 0; margin: 0; padding: 2px; line-height: 1.3em; color: #FFFFFF; font-size: 1.2em; }
div#account-menu div#header a  { color: #FFFFFF; text-decoration: none; }
div#account-menu ul { list-style-image: none; list-style-position: outside; list-style-type: none; padding: 2px; margin: 0; }
div#account-menu ul li { margin-bottom: 1px; display: inline; margin-left: 50px; }
div#account-menu ul li a { text-decoration: none; color: #666666; }
div#account-menu ul li a:hover { text-decoration: underline; color: #666666; }

fieldset.data-block { background:#FBFAF6 none repeat scroll 0 0; border:1px solid #BBAFA0; margin:27px auto; padding:22px 25px 12px; }
.margin { margin-left: 25px;  }
fieldset.data-block .caption { background:#F9F3E3 none repeat scroll 0 0; border:1px solid #BBAFA0; color:#333333; float:left; font-size:1.1em; font-weight:bold; margin-top:-33px; margin-bottom: 0;
									padding:0 8px; }
fieldset.data-block .caption a { text-decoration: none; color: #8F1A1A; font-size: .8em; }
fieldset.data-block .caption a:hover { text-decoration: underline; }
fieldset.data-block ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
fieldset.data-block li { padding:4px 8px; }

div .wrap { margin: 0 auto; clear: both; }
div .left-column { float: left; text-align: left; }
div .main-column { float: left; margin-left: 15px; }
div .right-column { float: right; }
div .center { text-align: center; }

/* Product Listing 
============================================= */
ul.product-list { list-style-type: none; margin: 0 auto; width: 575px;padding-top: 15px;}

div.product-item { width: 575px; }

div.product-list-image { float: left; padding: 0px; border: 1px solid #DDDDDD; }

div.product-list-desc { float: left; margin-left: 15px; width: 330px; margin-bottom: 30px; }
div.product-list-desc h1 { font-size: 18px; font-weight: bold; color: #b26024; }
h2.sub_product { font-size: 14px; color: #b26024; }
div.product-list-desc h4 { font-size: 18px; font-weight: bold; }

#product_list_add_button { background-image: url('/assets/images/gray_button.gif'); background-repeat: repeat-x;width: 120px;
			 height: 25px; color: black; font-weight: bold; }
			 
select { font-size: 12px; font-family: Arial; border: 1px solid; border-color: #BBBBBB #BBBBBB #666666; margin: 3px; }			 
option { font-size: 12px; }

/* Checkout Address Forms
============================================== */
div.checkout_address { margin-left: 50px; clear: both; }

/* Login Box
============================================== */
div.login-group { clear: both; margin-left: 20px; }
div.login-main { margin: 15px auto 0; text-align: left; width: 580px; clear: both; }
div.login-left { float: left; margin: 15px auto 0; width: 225px; }
	div.login-existing-box { width: 200px; }
	div.login-skip-box { width: 200px; text-align: left; }
div.login-right { float: left; margin-top: 15px; margin-left: 35px; width: 220px; }
	div.login-new-box { width: 200px;  }




/* Generic Forms
============================================== */
div.text-row { clear: both; padding: 5px; }
	div.text-label { float: left; width: 100px; }
	div.text-data { float: left; }
		div.text-data input { width: 140px; }
		
table.basic-table { border:1px solid #BBAFA0; border-spacing: 0; margin-bottom: 10px; margin-left: 22px; background: #FFFFFF; }
table.basic-table td { border-top: 1px solid #BBAFA0; padding: 5px; text-align: center; }
table.basic-table th { background: #666666 none repeat scroll 0 0; margin: 0; padding: 2px 10px; line-height: 1.3em; color: #FFFFFF; font-size: 1.2em; font-weight: normal; text-align: center; }

/* Pop-up Windows
============================================== */

div#calendar { border: 8px solid gray; padding: 8px; background-color: white; }
div#calendar select { width: 200px; }

div#ship_popup { border: 8px solid gray; }

div#ship_popup .dijitDialogTitle { padding: 0px; }
div#ship_popup .dijitDialogTitleBar { padding: 0px; }

div#note_popup { border: 8px solid gray; }
div#note_popup .dijitDialogTitle { padding: 0px; }
div#note_popup .dijitDialogTitleBar { padding: 0px; }
div#note_popup textarea { width: 250px; height: 150px; }

/* Generic classes */

input.button { 	background: #DDDDDD; border: 1px solid; border-color: #BBBBBB #BBBBBB #666666; cursor: pointer; background-repeat: repeat-x; border-style: solid; text-align: center; margin: 10px; padding: 3px; }
input.button:hover { border-color: #406B9B; }

input.cancel { background-color: #E95B53; }


input.textbox { margin: 3px; }

div.required { color: red; }

div.progress { margin-top: 55px; }

.center { text-align: center; }

.left {	text-align: left; }

.red { color: red; }

.h20 { height: 20px; }
.h40 { height: 20px; }
.h60 { height: 20px; }

.w70 { width: 70px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 440px; }
.w500 { width: 500px; }
.w525 { width: 525px; }
.w550 { width: 550px; }
.w575 { width: 575px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w675 { width: 675px; }
.w900 { width: 900px; }

.ml25 { margin-left: 25px; }

.wp90 { width: 90%; margin: 0 auto; }

.display_block { display: block; }

hr { width: 50%; }

#anet_warning { width: 100%; background-color: red; color:white; text-align: center; line-height: 1; padding: 5px 10px 6px; margin-bottom: 0; margin-top: 0p; font-size: 0.8em; font-weight: bold; }

/* Dijit Specific Styles
================================================ */
.dijitAccordionPane {
	background-color: #e7e7e7;
}
.dijitAccordionTitle {
	background:#fafafa url("/assets/images/titleBar.png") repeat-x bottom left;
	border-top: 1px solid #bfbfbf;
	padding: 6px 4px 6px 8px;
	cursor:pointer;
}
.dijitAccordionTitle-selected  {
	background: #f9f9f9 url("/assets/images/accordionItemActive.gif") bottom repeat-x;
	font-weight: bold;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #bfbfbf;
	padding: 6px 4px 6px 8px;
	cursor: default;
}
.dijitAccordionArrow {
	background:url("/assets/images/plusButton.gif") no-repeat;
	width:15px;
	height:15px;
	margin-top:2px;
}
.dijitAccordionTitle-selected .dijitAccordionArrow {
	background:none;
	margin-top:2px;
}
.dijitAccordionBody {
	background: #fff;
}
.shifting-frame {
	padding: 25px;	
}