/* 
========================================================================================================= CREDITS
Copyright 	: Copyright (c) 2009 JPL & Learntobehealthy.org. All Rights Reserved.
Author(s) 	: L. Daughenbaugh - ldaughenbaugh@jplcreative.com
			: Based off of work by: J. Jackson - jjackson@jplcreative.com
Date      	: 3/4/2009 
Notes     	: Base css document for learntobehealthy.org/store
========================================================================================================= CHANGE LOG
Date		Name				Desc
========================================================================================================= BEGIN CSS
*/

body  {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	color: #193285;
	background: url(../img/body-background.gif) repeat-x center top;
}
body.pf { margin-top: 9px; background: none; }

h1 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 18px; font-weight: bold; }
h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 13px; font-weight: bold; color: #102E90; }
h4 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #0C8E27; }

p { margin: 0px 0px 13px 0px; padding: 0px; }

a:link, a:visited { text-decoration: none; color:#3551B0; }
a:hover, a:active { text-decoration: underline; color: #193285; }

strong { font-weight: bold; }
em { font-style: oblique; }

/* ====================================================================================================== WEB SITE CONTAINER */

.container { margin: 0px auto; padding: 0px; width: 960px; text-align: left; }
.container-pf { margin: 0px auto; padding: 0px; width: 760px; text-align: left; }

/* ====================================================================================================== HEADER */

.header {
	padding: 9px 0px 0px 0px; 
	height:130px; 
	font-size: 10px; 
	background: url(../img/header-background.gif) no-repeat center top;
}
.logo  { padding: 0px 0px 0px 32px; width: 340px; float: left; }
.login { padding: 0px 10px 0px 0px; width: 200px; float: left; }

.top-nav { width: 352px; float: left; }
.top-nav li { float: right; }
.top-nav li a {
	padding: 0px 10px;
	float: left;
	white-space: nowrap;
	font-weight: bold;
	display: block;
	height: 19px;
	background: url(../img/topnav-bg.gif) no-repeat right 3px;
}
.top-nav li a.cart { background: none; }
.top-nav li a.checkout { margin: 0px; width: 74px; background: url(/store/lib/img/buttons/checkout-small.gif) no-repeat; }
.top-nav li a.checkout span { display: none; }

.search { padding: 22px 0px 0px 0px; width: 588px; float: right; }
.search fieldset { margin: 5px 0px 0px 0px; border: 1px solid #E3EBFF; height: 35px; padding: 0px; width: 275px; display: block; float: right; }
.search fieldset label { margin: 2px 0px; width: 60px; height: 33px; background:url(../img/search-label.gif) no-repeat; float:left; }
.search fieldset input.search_field { margin: 9px 0px; padding: 2px; width: 182px; height:15px; border:1px solid #748EE4; float:left; }
.search fieldset input.search_submit { float:left; margin: 9px 0px; }

.sale_items { 
	margin: 0px 24px 0px 33px; 
	width: 114px; 
	height: 40px; 
	background: url(../img/sale-items.gif) no-repeat; 
	border: 1px solid #E3EBFF; 
	display: block; 
	float: right;
}
.search label span, .sale_items span { display: none; }

/* ====================================================================================================== NAVIGATION */

/* main content area (1 column) */
.full-col { width: 960px; display: block; }

/* main content area (2 columns) */
.outside-content { padding: 0px; background: url(../img/main-content-bg.gif) repeat-y; }
.content { padding: 0px 0px 1px 0px; background:url(../img/main-content-bottom-bg.gif) left bottom no-repeat; height: 100%; } /* 100% for IE6 to make sure bg img fills space */
.inner-content { margin: 0px 0px 0px 10px; } /* indent inner content to align w/ breadcrumbs/headers */
.inner-content-categories { margin: 0px 0px 0px 10px; } /* indent inner content to align w/ breadcrumbs/headers */

.inner-content a:link, .inner-content a:visited { text-decoration: underline; color: #193285; }
.inner-content a:hover, .inner-content a:active { text-decoration: none; color: #3551B0; }

.inner-content ul { margin: 0px 0px 13px 15px; }
.inner-content ul li { padding: 2px 0px 2px 12px; background: url(../img/icons/bullet.gif) no-repeat 0px 10px; }
.inner-content blockquote { margin: 0px 0px 0px 27px; }

/* bg duplicated here for IE6 */
.left-col-container { float:left; width:232px; font-size: 10px; line-height: 16px; background: url(../img/main-content-bg.gif) repeat-y; }

.left-col { padding: 14px 0px 0px 10px; width: 222px; background:url(../img/main-content-top-bg.gif) no-repeat; }
.left-col a { color: #193285; font-weight: bold; }

.right-col-home { padding: 0px 20px 0px 28px; float:left; width: 680px; }
.right-col { padding: 0px 0px 0px 17px; float:left; width: 711px; }

/* left-col navigation */
ul.nav { display: block; }
ul.nav li { margin: 0px; }
ul.nav li.last { margin: 0px; }
ul.nav li a { display: block; height: 23px; }

ul.nav li a.home { background: url(../img/nav/nav-home.gif) no-repeat; }
ul.nav li a.premium_membership { background: url(../img/nav/nav-premium_membership2.gif) no-repeat; display: block; }
ul.nav li a.premium_activities { background: url(../img/nav/nav-premium_activities.gif) no-repeat; }
ul.nav li a.kits_cd { background: url(../img/nav/nav-kitscd.gif) no-repeat; }
ul.nav li a.edu_tools { background: url(../img/nav/nav-edutools.gif) no-repeat; }
ul.nav li a.apparel_access { background: url(../img/nav/nav-apparel.gif) no-repeat; }
ul.nav li a.sale_item { background: url(../img/nav/nav-salesitems.gif) no-repeat; }

ul.nav li a:hover, ul.nav li a:active { background-position: 0px -23px; }
ul.nav li a.premium_membership:hover, ul.nav li a.premium_membership:active {}

ul.nav li a.active:link, ul.nav li a.active:visited, 
ul.nav li a.active:hover, ul.nav li a.active:active { background-position: 0px -46px; }

ul.nav li a.premium_membership.active:link, ul.nav li a.premium_membership.active:visited, 
ul.nav li .premium_membershipa.active:hover, ul.nav li a.premium_membership.active:active {}

ul.nav a span { display: none; }

/* left-col sub-navigation */
ul.nav li ul { margin: 5px 0px -5px 0px; padding: 0px; }
ul.nav li ul li { margin: 0px; padding: 0px 0px 0px 39px; }

.proceeds { padding: 135px 5px 0px 10px; background: url(../img/nav/nav-character-background.gif) no-repeat; }
.proceeds p.indent { text-indent: 48px; }

/* ====================================================================================================== BREADCRUMBS */

.breadcrumb { margin: 0px 0px 20px 0px; border: 1px solid #6A87CC; padding: 6px 10px; background: #3551B0; color:#FFF; font-weight: bold; }
.breadcrumb a:link, .breadcrumb a:visited { color:#FFF; font-weight: normal; }
.breadcrumb img { display: none; } /* hides .NET sitemap image */

/* ====================================================================================================== PAGE TITLES */

h1 span { display: none; }
h1.welcome { margin: 20px 0px 15px 10px; height: 15px; background: url(../img/home/welcome-to-our-online-store.gif) no-repeat; }

.right-col h1 { margin: 0px 0px 15px 0px; height: 30px; border-bottom: 1px solid #6A87CC; width: 711px; }

h1.about { background: url(/store/lib/img/interior_pgs/heading-about-us.gif) no-repeat; }
h1.help { background: url(/store/lib/img/interior_pgs/heading-help.gif) no-repeat; }
h1.privacy { background: url(/store/lib/img/interior_pgs/heading-privacy-policy.gif) no-repeat; }
h1.return { background: url(/store/lib/img/interior_pgs/heading-return-policy.gif) no-repeat; }
h1.shipping { background: url(/store/lib/img/interior_pgs/heading-shipping-policy.gif) no-repeat; }
h1.sitemap { background: url(/store/lib/img/interior_pgs/heading-site-map.gif) no-repeat; }
h1.login-register { background: url(/store/lib/img/interior_pgs/heading-login-register.gif) no-repeat; }
h1.password { background: url(/store/lib/img/interior_pgs/heading-password-recovery.gif) no-repeat; }
h1.sale-items { background: url(/store/lib/img/interior_pgs/heading-sale-items.gif) no-repeat; }
h1.search-results { background: url(/store/lib/img/interior_pgs/heading-search-results.gif) no-repeat; }
h1.tell-a-friend { background: url(/store/lib/img/interior_pgs/heading-tell-a-friend.gif) no-repeat; }

/* ====================================================================================================== HOME */

.intro { margin:0px 0px 30px 10px; }

.callout_01 h2 
{ margin: 0px; padding: 0px; border: 1px solid #3551B0; height:30px; background:url(../img/home/h2-background.gif) no-repeat; }
.callout_02 h2, .callout_03 h2 
{ margin: 0px; padding: 0px; border: 1px solid #3551B0; height:30px; background:url(../img/home/h2-shop-background.gif) no-repeat; }

.callout_01 .graphic-bg { background:url(/App_Themes/Store/img/home/purchase-membership.png) top left no-repeat; position:absolute; top:32px; left:0px; width:424px; height:299px; }
.callout_01 .text { position:absolute; top:118px; left:272px; width:150px; }
.callout_01 .text .buttons { margin:20px 0 0 22px;  }
.callout_01 .text .buttons a { height:22px; display:block; margin:0 0 12px 0; }

.callout_01 p, .callout_02 p, .callout_03 p { margin: 0px; padding: 0px; }

.callout_01 h2 a, .callout_02 h2 a, .callout_03 h2 a { display: block; height: 30px; }
.callout_01 h2 span, .callout_02 h2 span, .callout_03 h2 span { display: none; }
.callout_02 h2, .callout_03 h2 { background-position: -8px 0px; }

.callout_01 { width: 433px; height: 336px; border: 1px solid #6A87CC; float: left; position:relative; }
.callout_02 { width: 227px; height: 164px; border: 1px solid #6A87CC; float: left; margin:0px 0px 6px 11px; }
.callout_03 { width: 227px; height: 164px; border: 1px solid #6A87CC; float: left; margin:0px 0px 0px 11px; }

/* ====================================================================================================== MY ACCOUNT */

.myaccount {
	margin: 0px 24px 0px 0px; 
	padding: 0px 10px 10px 0px;
	width: 924px;
	border: 1px solid #102E90;
}
.myaccount h2 {
	margin: 0px;
	padding: 8px 0px 0px 10px;
	background: url(../img/heading-background-repeat.gif) 0px 0px repeat-x; 
	display: block; 
	height: 25px; 
	width: 495px;
	border: 1px solid #DBE3F4;
	border-right: none;
}
h2.fill-bg { width: 923px;  }

.myaccount-content { padding: 25px; width: 455px; float: left; }
.myaccount p.myaccount-holder { height: 100px; } /* used to keep minimum height */

.myaccount ul { margin: 0px; padding: 0px; }
.myaccount ul li { padding: 0px 0px 0px 10px; line-height: 25px; background:url(../img/bullet-background.gif) 0px 11px no-repeat; }

.message-thanks { background: url(/store/lib/img/my_account/myaccount-character-background.png) top right no-repeat; }

.user-type-message { padding: 60px 0px 0px 0px; float: left; }
.user-type-message ul { margin: 0px 0px 13px 0px; }
.user-type-message ul li { padding: 2px 0px 2px 9px; line-height: 18px; background: url(../img/icons/bullet.gif) no-repeat 0px 11px; }

.membership-status-basic, .membership-status-premium { 
	padding: 3px 0px 3px 10px !important;
	border-top: 1px solid #102E90; 
	border-bottom: 1px solid #102E90; 
	background-color: #F0F5FF !important; 
	display: block;
}
.membership-status-basic img, .membership-status-premium img { padding-bottom: 2px; vertical-align: middle; }
.membership-status-basic { width: 180px; }
.membership-status-premium { width: 225px; }

/* ====================================================================================================== PRODUCTS */

/* PRODUCT LISTING PAGE */
.product { margin: 30px 0px 20px 0px; padding: 0px 17px 0px 0px; width: 684px; display: block; }
.product .product_image { padding: 5px 0px 5px 5px; width: 220px; height: 177px; background: url(../img/product-image-background.gif) no-repeat; float:left; }
.product .product_image img { border: 1px solid #16318B; }

.product .product_desc { float: left; width: 260px;  }
.product .product_desc h2 { margin: 40px 0px 5px 0px; color: #0C8E27; }
.product .product_desc h2 a { color: #0C8E27; }
.product .product_desc p { margin: 0px 0px 11px 0px; }
.product .product_desc p label { padding: 2px 5px 0px 0px; font-weight: bold; text-align: right; display: block; width: 60px; float: left; }

.product .right { padding: 44px 0px 0px 0px; text-align: right; }
.product .right ul { font-size: 12px; font-weight: bold; }

a.add_cart {
	margin: 12px 0px 8px 0px; 
	width: 103px; 
	height: 22px; 
	display: block; 
	background: url(/store/lib/img/buttons/add-to-cart.gif) no-repeat;
}
a.add_cart span { display: none; }
a.more_info {
	width: 103px; 
	height: 22px; 
	display: block; 
	background: url(/store/lib/img/buttons/more-info.gif) no-repeat;
}
a.more_info span { display: none; }

/* item text styles */
.price { font-size: 12px; font-weight: bold; color:#0C8E27; }
.sale { font-size: 12px; font-weight: bold; color:#D11412; }
.strike { font-size: 12px; font-weight: bold; color: #0C8E27; text-decoration: line-through; }
.out_stock { margin: 12px 0px 8px 0px; font-weight: bold; color: #D11412; text-transform: uppercase; }

.update { margin: 0px 20px 0px 0px; float: right; }
.cart-buttons { margin: 15px 0px 0px 0px; }

/* PRODUCT DETAILS PAGE */
.product-left-col { width: 286px; float: left; }
.product_image_details { padding: 6px 0px 7px 6px; width: 280px; height: 216px; background: url(../img/product-image-background-lg.jpg) no-repeat; }
.product_image_details_pf { padding: 6px 0px 7px 6px; width: 280px; height: 216px; background: none; }
.product_image_details img, .product_image_details_pf img { border: 1px solid #16318B; }

.product_desc_details { padding: 0px 17px 0px 0px; width: 398px; float: left; }
.product_desc_details h2 { text-indent: 0px; margin: 10px 0px 5px 0px; color: #0C8E27; }
.product_desc_details p { margin: 0px 0px 11px 0px; }
.product_desc_details p.system-req { margin: 40px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #6A87CC; font-weight: bold; }
.product_desc_details p label { padding: 2px 5px 0px 0px; font-weight: bold; text-align: right; display: block; width: 60px; float: left; }

/* RECOMMENDED PRODUCTS */
.recommended { margin: 56px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #6A87CC; font-weight: bold; }
.recommended-product { margin: 0px 0px 0px 15px; padding: 0px 35px 0px 0px; width: 124px; float: left; }
.recommended-product a { color: #193285; }
.recommended-product img { border: 1px solid #16318B; }
.recommended-product p { margin: 0px 0px 8px 0px; }
.recommended-product .price, .recommended-product .sale { font-size: 11px; }

/* PAGING OPTIONS */
.paging { margin: 0px 0px 29px 0px; padding: 0px 17px 0px 0px; border-bottom: 1px solid #6A87CC; }
.paging_bottom { padding: 10px 20px 0px 0px; border-top: 1px solid #6A87CC; }
.paging span, .paging_bottom span { color: #CCC; }

.paging_bottom_pf { padding: 10px 20px 0px 0px; border-top: 1px solid #6A87CC; text-align: right; }

p.backto { margin: 0px 0px 30px 0px; padding: 0px 10px 10px 0px; border-bottom: 1px solid #6A87CC;  text-align: right; }
p.backto_pf { margin: 10px 0px 30px 0px; padding: 0px 10px 10px 0px; border-bottom: 1px solid #6A87CC;  text-align: right; }
p.pf-header { margin: 0px; padding: 15px 10px 0px 0px; text-align: right; font-size: 10px; }

/* IMAGE FEATURES */
.image-features ul { }
.image-features ul li { float: left; }
.image-features ul li a { height: 28px; display: block; float: left; }
.image-features ul li a span { display: none; }

.image-features ul li a.enlarge { width: 88px; background: url(/store/lib/img/buttons/enlarge.gif) no-repeat; }
.image-features ul li a.email { width: 95px; background: url(/store/lib/img/buttons/email.gif) no-repeat; }
.image-features ul li a.print { width: 81px; background: url(/store/lib/img/buttons/print.gif) no-repeat; }

/* ====================================================================================================== CHECKOUT */

ul.order_process { margin: 0px auto 31px auto; height: 35px; width: 861px; }
ul.order_process li {
	display:none;
	width: 177px;
/* old version
	padding: 0px 0px 0px 0px; 
	float: left; 
 
	height: 25px; 
	border: 2px solid #FFF; 
	background-color: #169230;
	color: #FF0; 
	font-weight: bold; 
	text-align: center;*/
}
ul.order_process li.current { display:block; }

.checkout { margin: 20px auto 0px auto; width: 960px; }

ul.order_process li span {display:none;}

.accordion-container { margin: 0px 0px 5px 0px; border:1px solid #102E90; width: 958px; }
.accordion-container h2 {
	margin: 0px; 
	padding: 7px 10px 0px 10px; 
	height: 24px; 
	background: url(../img/heading-background-repeat.gif) repeat-x; 
	border: 1px solid #DBE3f4;
	font-size: 12px; 
	font-weight: bold; 
	color: #193285;
}
.accordion-container h2 span { float: right; }

.accordion-content { padding: 20px; } /* available space: 918px; */
.accordion-content p.continue { margin: 0px 50px 0px 0px; text-align: right; clear: both; }
.accordion-content p.continue input { vertical-align: middle; }

.accordion-content p.place-order { margin: 15px 50px 0px 0px; text-align: right; clear: both; }
.accordion-content p.place-order input { margin-left: 10px; vertical-align: middle;  }

/* two columns within form fieldsets */
.accordion-left-col { margin: 0px 20px 0px 0px; width: 439px; float: left; }
.accordion-right-col { width: 459px; float: left; }

/* general form styles */
.accordion-content fieldset { }
.accordion-content fieldset legend { display: none; }
.accordion-content fieldset ul { margin: 0px 0px 13px 0px; padding: 10px 0px 0px 0px; }
.accordion-content fieldset ul li textarea { width: 400px; height: 75px; border: 1px solid #102E90; padding: 2px; }

.calculate {margin-top:5px;}
/* specific form styles for ul.basic */
/* float:left;clear:left;width:100%; prevents labels inside li from not expanding outside of li area */
ul.basic { margin: 0px 0px 13px 0px; padding: 10px 0px 0px 0px; }
ul.basic li { padding: 0px 0px 15px 0px; margin: 0px; float: left; clear: left; width: 100%; }
ul.basic li label { padding: 2px 0px 0px 5px; width: 130px; float: left; vertical-align: top; display: block; clear: both; }
ul.basic li span, span.req { color: #FF0000; }
ul.basic li input { width: 220px; border: 1px solid #102E90; padding: 2px; }
ul.basic li.inline input { width: auto; border: none; }
ul.basic li.inline table { width: 220px; }
ul.basic li.inline table label { width: 30px; }

.payment-container { margin: 0px 0px 13px 0px; padding: 5px 10px; background-color: #F0F5FF; width: 390px; font-weight: bold;}
.payment-container .radio label {margin-right:15px;}
.payment-container .radio input[type="radio"] {}

.creditcard-container { margin: 0px 0px 13px 0px; padding: 5px 10px; background-color: #F0F5FF; width: 390px; font-weight: bold; }
.ponumber-container { padding: 5px 10px; background-color: #F0F5FF; width: 390px; font-weight: bold; }
.creditcard-container a, .ponumber-container a { color: #102E90; }



.paymenttype, .creditcard { margin: 0px 0px 15px 0px; }
.creditcard-name { margin: 0px 0px 15px 0px; }
.creditcard-name p { margin: 0px 0px 5px 0px; }
.creditcard-name input { border: 1px solid #102E90; padding: 2px; width: 310px; }

.creditcard td { text-align: center; padding: 5px; }
.creditcard td label { margin-top: 5px; display: block; }


.creditcard-number { margin: 0px 0px 15px 0px; }
.creditcard-number input { border: 1px solid #102E90; padding: 2px; width: 125px; }
.creditcard-number input.cvv { width: 35px; }

.creditcard-expiration { margin: 0px 0px 13px 0px; }
.creditcard-expiration input { border: 1px solid #102E90; padding: 2px; width: 20px; }
.creditcard-expiration input.expyear { width: 35px; }

.creditcard-po { margin: 0px 0px 13px 0px; }
.creditcard-po input { border: 1px solid #102E90; padding: 2px; width: 100px; }

.verisign { margin: 10px 68px 10px 0px; text-align: right; }

/* ====================================================================================================== CART */

.shoppingcart { margin: 20px auto 0px auto;  width: 960px; border: 1px solid #102E90; }
.shoppingcart h2 {
	margin: 0px;
	padding: 8px 0px 0px 10px;
	background: url(../img/heading-background-repeat.gif) 0px 0px repeat-x; 
	display: block; 
	height: 25px; 
	border: 1px solid #DBE3F4;
}
.shoppingcart-content { padding: 25px; }

/* SHOPPING CART TABLE RESULTS */
.gvCart .AspNet-GridView { width: 100%; }
.gvCart .AspNet-GridView table { margin: 0px; padding: 0px; width: 100%; border: none; }	

.gvCart .AspNet-GridView table thead tr th {
	padding: 5px; 
	border-bottom: 1px solid #102E90; 
	font-weight: bold;
	color: #102E90;
	vertical-align: top;
}
.gvCart .AspNet-GridView table tbody tr td {
	padding: 20px 5px; 
	border-bottom: 1px solid #102E90; 
	vertical-align: top;
	color: #0C8E27;
	font-weight: bold;
}
.gvCart .AspNet-GridView table tbody tr td .sale { font-size: 11px; }
.gvCart .AspNet-GridView table tbody tr td .item-number { color: #193285; font-weight: normal; }

.gvCart .AspNet-GridView table tfoot tr td {
	padding: 20px 5px; 
	border-bottom: 1px solid #102E90;
	vertical-align: top;
	background-color: #F0F5FF;
}

/* table width: 910px plus 10px of padding */
.gvCart .AspNet-GridView .cart_item { width: 470px; float: left; }
.gvCart .AspNet-GridView .cart_item img { margin: 0px 75px 0px 15px; border: 1px solid #102E90; float: right; }

thead .cart_price, thead .cart_quantity, thead .cart_quantity input, thead .cart_total { font-size: 12px; }
tbody .cart_price, tbody .cart_quantity, tbody .cart_quantity input, tbody .cart_total { font-size: 11px; }

.cart_price { width: 165px; float: left; }
.cart_quantity { width: 73px; float: left; }
.cart_quantity input, .quantity
{ width: 26px; padding: 2px; color: #0C8E27; font-weight: bold; text-align: center; border: 1px solid #000;  }
.cart_quantity .update { width: 73px; padding:0px; margin:52px 0 0 0;  border:none;  }
.cart_total { padding: 0px 30px 0px 55px; width: 90px; float: left; text-align: right; }

.cart_code { padding: 0px 0px 0px 15px; width: 405px; float: left; color: #0C8E27; font-weight: bold; }
.cart_code em { color: #193285; font-weight:normal; }
.cart_code input { padding: 2px; border: 1px solid #3551B0; width: 200px; }
.cart_totals { padding: 0px 30px 0px 0px; width: 450px; float: left; text-align: right; }
.cart_code .apply { float:right; border:none; padding: 0px; width: 66px; }


.cart_totals_list { float: right; padding: 0px 10px 0px 0px; line-height: 23px; }
.cart_totals_values { float: right; line-height: 23px; }
.total { color: #B21B2A; font-weight: bold; }

/* ====================================================================================================== ORDER REVIEW */

.gvReview .AspNet-GridView { width: 100%; }
.gvReview .AspNet-GridView table { margin: 0px; padding: 0px; width: 100%; border: none; }	

.gvReview .AspNet-GridView table thead tr th {
	padding: 5px; 
	border-bottom: 1px solid #102E90; 
	font-weight: bold;
	color: #102E90;
	vertical-align: top;
}
.gvReview .AspNet-GridView table tbody tr td {
	padding: 20px 5px; 
	vertical-align: top;
	color: #0C8E27;
	font-weight: bold;
}
.gvReview .AspNet-GridView table tbody tr td .sale { font-size: 11px; }
.gvReview .AspNet-GridView table tbody tr td .item-number { color: #193285; font-weight: normal; }

.gvReview .AspNet-GridView table tfoot tr td {
	padding: 0px 5px; 
	vertical-align: top;
}

.edit-order { margin: 0px 0px 5px 0px; padding: 0px 15px 20px 0px; text-align: right; }
.review-order {
	padding: 20px 0px; 
	border-top: 1px solid #102E90;
	border-bottom: 1px solid #102E90;
	vertical-align: top;
	background-color: #F0F5FF;
}
.review-details-left { padding: 0px 0px 0px 15px; width: 385px; float: left; }
.review-details-left .review-title { color: #0C8E27; font-weight: bold; }
.review-details-left .col1 { padding-right: 20px; float: left; width: 180px; }
.review-details-left .col2 { float: left; width: 180px; }


/* table width: 910px plus 10px of padding */
.gvReview .AspNet-GridView .cart_item { width: 470px; float: left; }
.gvReview .AspNet-GridView .cart_item img { margin: 0px 75px 0px 15px; border: 1px solid #102E90; float: right; }

/* ====================================================================================================== SITE MAP */

.sitemap h1 { background: url(/store/lib/img/interior_pgs/heading-site-map.gif) no-repeat; }
.sitemap h2 {
	padding: 2px 0px 0px 17px; 
	height: 20px; 
	border: 1px solid #DCE3f5; 
	clear: both; 
	background: url(/store/lib/img/interior_pgs/heading-background.gif) repeat-x;
	font-size: 12px; 
	font-weight: bold; 
	color: #193285;
}
.sitemap h2 a:link, .sitemap h2 a:visited { text-decoration: none; }
.sitemap a { color: #193285; }
.sitemap ul { margin: 0px 0px 13px 0px; }
.sitemap ul li {
	padding: 0px 0px 0px 50px; 
	background:url(../img/icons/bullet.gif) 40px 13px no-repeat;
	line-height: 27px; 
}

/* ====================================================================================================== FOOTER */

.footer-container { margin-top: 23px; width: 100%; background: url(../img/footer-background.gif) repeat-x; font-size: 10px; }
.footer { margin: 0px auto; padding: 0px 25px 0px 0px; width: 935px; text-align: right; background: url(../img/footer-inner-background.gif) center top no-repeat; }
.footer a:link, .footer a:visited { color: #193285; }

.footer-left { padding: 12px 0px 0px 18px; float: left; width: 200px; text-align: center; color: #2A67BE; font-weight: bold; font-size: 9px; }
.footer-left img { margin: 7px 0px 0px 4px; }

.footer-seo { margin: 20px 0px 0px 0px; padding: 0px 40px 0px 50px; text-align: center; font-size: 9px; }

.footer ul { padding: 30px 0px 0px 0px; }
.footer ul li.phone { padding-bottom: 10px; font-weight: bold; font-size: 11px; }
.footer ul li.copyright { padding-top: 10px; font-weight: bold; font-size: 10px; }
.footer ul li.copyright a:link, .footer ul li.copyright a:visited { font-weight: bold; font-size: 10px; }

/* ====================================================================================================== MODALS */

.modal { display: none; position: absolute; top: 50%; left: 50%; z-index: 1001; }

#modal_image { 
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	background: #FFF;
	border: 1px solid #000;
}
.close-modal { margin: 0px; padding: 0px; }
.close-modal a { height: 18px; display: block; text-indent: -9999px; }

.enlarge_modal .close {
	padding: 1px 10px 0px 0px;
	display: block; 
	height: 19px; 
	width: 522px; 
	background: url(/store/lib/img/modals/close-bg.gif) repeat-x;
	text-align: right;
	font-size: 10px;
}
.enlarge_modal .image { padding: 10px 0px 0px 0px; text-align: center; }

.enlarge_modal {
	margin: -234px 0px 0px -266px;
	width: 532px; 
	height: 468px;
	display: none; 
	position: absolute;  
	top: 50%;  
	left: 50%;  
	padding: 0px;  
	text-align: left;  
	z-index: 1001;
	background: #FFF;
}

/* MODAL ON STORE HOME PAGE */
.membership_modal {
	margin: -294px 0px 0px -266px;
	width: 565px; 
	height: 889px;
	display: none; 
	position: absolute;  
	top: 50%;  
	left: 50%;  
	padding: 0px;  
	text-align: left;  
	z-index: 1001;
	background: #FFF;
}
.membership_modal .close {
	padding: 12px 0px 0px 12px;
	display: block; 
	height: 36px; 
	width: 527px; 
	/*background: url(/store/lib/img/modals/membership-options-close.png) 15px 12px no-repeat;*/
	text-align: right;
	font-size: 10px;
}
.membership_modal .image { padding: 0 0px 50px 0px; text-align: center; }

.membership_modal a.ind-free, .membership_modal a.ind-basic, .membership_modal a.ind-prem, .membership_modal a.group-50-basic, .membership_modal a.group-50-premium, .membership_modal a.group-100-basic, .membership_modal a.group-100-premium, .membership_modal a.group-150-basic, .membership_modal a.group-150-premium
{
	position:absolute;
	width:56px;
	height:19px;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	background:url(/store/lib/img/modals/bg-button.png) top left no-repeat;
}
.membership_modal .ind-free { left:295px; top:702px;  }
.membership_modal .ind-basic { left:374px; top:702px; }
.membership_modal .ind-prem { left:463px; top:702px; }
.membership_modal .group-50-basic { left:374px; top:775px; }
.membership_modal .group-50-premium { left:463px; top:775px; }
.membership_modal .group-100-basic { left:374px; top:806px; }
.membership_modal .group-100-premium { left:463px; top:806px; }
.membership_modal .group-150-basic { left:374px; top:835px; }
.membership_modal .group-150-premium { left:463px; top:835px; }

/* END MODAL ON STORE HOME PAGE */

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#modal_image[id], #overlay[id], .modal[id] { position: fixed; } 



/* ====================================================================================================== TOOL TIP */

#tooltip {
	position: absolute;
	width: 350px;
	border: 1px solid #102E90;
	padding: 7px;
	background-color: #F0F5FF;
	display: none;
	z-index: 1000;
	text-align: left;
	color: #000;
}

/* ====================================================================================================== MESSAGES/ALERTS/NOTICES */

.alert { color: #990000; font-weight: bold; } 
.message { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #009933; 
	background: #CCE0CF url(../img/icons/notes.gif) 7px 12px no-repeat; 
	color: #009933 !important; /* important overrides .net */
	font-weight: bold;
}
.errors { 
	margin: 0px 0px 13px 0px; 
	padding: 13px 13px 0px 30px; 
	border: 2px solid #990000; 
	background: #FAEAEA url(../img/icons/warning.gif) 7px 12px no-repeat; 
	color: #990000 !important; /* important overrides .net */
	font-weight: bold;
}
.message a { color: #009933; }
.errors a { color: #990000; }
.message ul, .errors ul { margin-bottom: 13px; }
a.loginunderline { text-decoration:underline; }

/* ====================================================================================================== PNG FIX/HACK FOR IE */

img.png { behavior: url(/store/lib/iepngfix.htc); }

/* ====================================================================================================== FLOATS/CLEARS */

.left { float: left; }
.right { float: right; }
.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }
.hidden { visibility: hidden; }

/* ====================================================================================================== .NET FORM STYLES */

/* login/register screen, also used on forgot password screen */
.login-col { width: 285px; padding: 20px 50px 20px 0px; float: left; }
.register-col { width: 274px; padding: 20px 30px 20px 50px; float: left; border-left: 1px solid #6D88E3; }
.register-pt2-col { width: 684px; }

ul.login { margin: 0px 0px 13px 0px; padding: 25px 0px 0px 0px; width: 274px; font-weight: bold; }
ul.login a { font-weight: normal; text-decoration: underline; }
ul.login li { padding: 0px 0px 15px 0px;  }
ul.login li label { padding: 2px 10px 0px 5px; width: 80px; float: left; vertical-align: top; display: block; text-align: right; }
ul.login li input.border { width: 160px; border: 1px solid #6D88E3; padding: 2px; }

ul.register { margin: 0px 0px 13px 0px; padding: 25px 0px 0px 0px; width: 274px; font-weight: bold; }
ul.register li { padding: 0px 0px 15px 0px;  }
ul.register li label { padding: 2px 10px 0px 5px; width: 50px; float: left; vertical-align: top; display: block; text-align: right; }
ul.register li input.border { width: 170px; border: 1px solid #6D88E3; padding: 2px; }

ul.register-pt2 { margin: 0px; padding: 25px 0px 0px 0px; width: 652px; font-weight: bold; }
ul.register-pt2 li { padding: 0px 0px 15px 0px;  }
ul.register-pt2 label { padding: 2px 10px 0px 5px; width: 220px; float: left; vertical-align: top; display: block; text-align: right; }
ul.register-pt2 input.border { width: 170px; border: 1px solid #6D88E3; padding: 2px; }

input.f_name, input.l_name, input.address_1, input.address_2, input.city, input.postal_code, input.number_students, input.class_id
{ width: 170px; border: 1px solid #6D88E3; padding: 2px; }

.register-pt2-col p { padding: 2px 0px; clear: both; }
.register-pt2-col p small { padding: 0px 0px 0px 170px; font-size: 10px; font-style: oblique; }
.register-pt2-col p label.req { font-weight: bold; }
.register-pt2-col div.left { float: none; }
.register-pt2-col div.right { float: none; }
.register-pt2-col div.right input { width: 170px; border: 1px solid #6D88E3; padding: 2px; }
.register-pt2-col div.right .checkbox input { width: auto; border: none; padding: auto; }

.checkboxes { padding: 0px 0px 10px 170px; }

.register-pt2-col span.checkbox label { display: inline; float: none; width: 50px;  }

.register-pt2-col label { padding: 2px 10px 0px 5px; width: 150px; float: left; vertical-align: top; display: block; text-align: right; }
.register-pt2-col input.border { width: 170px; border: 1px solid #6D88E3; padding: 2px; }

ul.tellafriend { margin: 0px 0px 13px 0px; padding: 25px 0px 0px 0px; font-weight: bold; list-style-type: none; }
ul.tellafriend a { font-weight: normal; text-decoration: underline; }
ul.tellafriend li { padding: 0px 0px 15px 0px;  }
ul.tellafriend li label { padding: 2px 10px 0px 5px; width: 120px; float: left; vertical-align: top; display: block; text-align: right; }
ul.tellafriend li input.border { width: 200px; border: 1px solid #6D88E3; padding: 2px; }

ul.password { margin: 0px 0px 13px 0px; padding: 25px 0px 0px 0px; font-weight: bold; list-style-type: none; }
ul.password a { font-weight: normal; text-decoration: underline; }
ul.password li { padding: 0px 0px 15px 0px;  }
ul.password li label { padding: 2px 10px 0px 5px; width: 170px; float: left; vertical-align: top; display: block; text-align: right; }
ul.password li input.border { width: 200px; border: 1px solid #6D88E3; padding: 2px; }

/* ====================================================================================================== .NET/ORDER HISTORY STYLES */

table.order-history { margin: 0px 0px 13px 0px; width: 610px; }
table.order-history thead tr th {
	padding: 8px 5px; 
	color: #07298B; 
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #07298B;
	text-align: left;
	vertical-align: top;
}
table.order-history .history-date { width: 100px; }
table.order-history .history-order { padding-right: 30px; width: 90px; text-align: right; }
table.order-history .history-total { padding-right: 40px; width: 70px; text-align: right; }
table.order-history .history-status { width: 110px; }
table.order-history .history-tracking { width: 160px; }

table.order-history tbody tr td { padding: 5px; color: #0C8D26; font-weight: bold; vertical-align: top; }
table.order-history a { color: #0C8D26; text-decoration: underline; }
table.order-history a:hover { color: #07298B; text-decoration: none; }

/* ====================================================================================================== .NET STYLES */
.popupControl { background-color: #AAD4FF; position: absolute; visibility: hidden; border: 2px solid #000; }

/* @group STANDARD FORMS */
/* ******************** */

.basic-form { padding: 15px 15px 5px 15px; border: 1px solid #CED5F0; font-size: 11px; }
.basic-form ul { margin: 0px; padding: 0px; list-style: none; }
.basic-form li { padding: 0px 0px 7px 0px; clear: both;  }

.basic-form label { padding-right: 10px; width: 80px; display: block; float: left; text-align: right; }
.basic-form input { color: #000; vertical-align: middle; }
.basic-form input.basic { padding: 3px; width: 200px; border: 1px solid #6D88E3; }
.basic-form input.small { padding: 3px; width: 150px; border: 1px solid #6D88E3; }
.basic-form select { padding: 2px; width: 206px; border: 1px solid #6D88E3; color: #000; }
.basic-form textarea.wide { padding: 2px; width: 300px; height: 65px; background-color: #CEE8CF; border: 1px solid #0A530E; }

.basic-form li.radiobuttons label { padding-right: 10px; display: inline; width: auto; float: none; }
.basic-form .radio-label { padding-right: 20px; display: block; width: 100px; float: left; text-align: right; }

.basic-form li.checkboxes label { padding: 0px; width: auto; float: none; text-align: left; }
.basic-form .checkboxes-label { padding-right: 10px; display: block; width: 220px; float: left; border-bottom: 1px solid #FFF; }
.basic-form td.td-checkboxes { padding-right: 4px; }

/* following two styles used on Join Now form */
.join-now-form { width: 600px; }
.submit-container { margin: 0px 0px 0px 245px; padding-top: 10px; text-align: left; }

/* ******************** */
/* @end STANDARD FORMS */