@media screen {

/* Global styles common to all pages [ AbleCommerce Theme "Smoothie" ] */

html { margin-bottom: 1px; min-height: 100%; } /* Forces a vertical scrollbar in Firefox, preventing horizontal page shifting (IE always has scrollbar) */
body { background: #aed4f3; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; }

#storeHeader,
#outerContentWrapper	{ border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0 auto; width: 990px; }
#outerContentWrapper	{ border-bottom: 1px solid #fff; width: 988px; }
#innerContentWrapper	{ background-color: #e3efff; }
table#contentLayout		{ width: 100%; }
#leftSidebarPanel			{ vertical-align: top; }

.header,
a.button,
input.button,
.searchFilterHeader,
.section .header,
div.pageHeader,
table.selectShippingMethod th.shipto,
a.altoddButton,
.LoginMessage a,
.LoginMessage a:hover,
.LoginMessage a:visited	{ background-color: #c8dbf1; background-image: url("images/smoothie_bg.gif"); background-repeat: repeat-x; color: #6998bf; }

a.button:hover,
input.button:hover,
a:hover.altoddButton,
.LoginMessage a:hover		{ background-image: url("images/smoothie_hover.gif"); color: #fff; }


#rightSidebarPanel .section .header,
#mainPanel .dialogSection .header,
table.addressBook th.caption,
#ctl00_wpm_CheckoutPage_ctl02_GiftWrapPanel .header,
table.selectShippingMethod td.methods h3	{ background-color: #40a5de; background-image: url("images/smoothie_bg2.gif"); background-repeat: repeat-x; color: #fff; }
	
	table.selectShippingMethod td.methods	{ background-color: #f5f5f5; }
	.selectShippingMethod .verticalText		{ background-color: #6998bf; color: #fff; }

.searchSortHeader,
#ctl00_wpm_CheckoutPage_ctl02_ShipMultiPanel .header	{ background-color: #7ab4e4; background-image: url("images/smoothie_bg3.gif"); background-repeat: repeat-x; color: #fff; }

.checkoutProgress	{ background-color: #c2c2c2; background-image: url("images/smoothie_med.gif"); background-repeat: repeat-x; }

.searchSortHeader span,
table.selectShippingMethod td.methods h3	{ color: #fff; }


a.button,
input.button,
div#ImageAjax img,
h2.sectionHeader,
#storeHeader .search input.searchPhrase,
#leftSidebarPanel,
#rightSidebarPanel,
#mainPanel .dialogSection .header,
#mainPanel .dialogSection .content,
#mainPanel .dialogSection .nofooter,
.checkoutProgress,
table.addressBook th.caption,
table.selectShippingMethod td.methods,
.addGiftOptions,
.paymentMethodList,
table.paymentForm th.caption,
div.orderSummaryPanel,
a.altoddButton,
.onePageCheckoutCell,
.LoginMessage a,
table.form,
.summarySection	{ border-color: #bbb !important; }

.addressBook .address {  }


td, p, form { margin: 0px; text-decoration: none; }
	p	{ margin: 1em 0; }

ul { margin: 2px 0 2px 20px; }

.validationSummary ul { padding-left: 0px; margin: 2px 0; } /* Form validation messages */

body a:link,
body a:visited	{ color: #3398d1; }
body a:hover		{ color: #0f73ac; }
	/* link styling for links that are highlighted on a page */
	/* Found (so far) on: home page featured products */
	a.highlight { font-weight: bold; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; }

input { vertical-align: middle; }
	input.textBox { background-color: #fff; border: 1px solid #B2AF7D; margin: 0 3px 0 15px; width: 190px; height: 16px; }

a.button,
input.button {
	background-position: center;
	border-style: solid;
	border-width: 1px;
	color: #6998bf !important;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;	
	margin: 1px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;	
	white-space: nowrap;
}
	a.button,
	a.button:hover	{ display: -moz-inline-box; /* inline-block is not supported by firefox*/ display: inline-block; padding: 4px 5px; }
	a.button:hover	{ padding: 5px 5px 3px; }

	input.button,
	input.button:hover	{ *background-color: #908260; height: 21px; padding: 0 6px 2px; *padding: 1px 6px; }
	input.button:hover	{ padding: 1px 6px; *padding: 2px 6px 0; }

.searchButton,
.allButton	{
	border: none;
	color: #6998bf;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 9px;
	font-weight: bold;	
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.searchButton { background: url("images/btn_button.gif") no-repeat; padding: 0 2px 2px; *padding: 0 2px; width: 60px; height: 19px; }
	.searchButton:hover	{ background: url("images/btn_button_hover.gif") no-repeat; padding: 1px 2px; *padding: 2px 2px 0; }

.allButton { background: url("images/btn_button.gif") repeat-x; line-height: 22px; padding: 0 2px; position: absolute; left: 172px; width: 56px; height: 19px; }
	.allButton:hover { background: url("images/btn_button_hover.gif") repeat-x; color: #fff; }

p.highlight { color: #575757; font-weight: bold; margin-top: 5px; padding-top: 5px; text-decoration: none; }

/* Text styles used to provide status information */
.goodCondition,
.warnCondition,
.errorCondition	{ font-weight: bold; padding-bottom: 3px; }
.goodCondition	{ color: #008000; }
.warnCondition	{ color: #FFA500; }
.errorCondition	{ color: #FF0000; }

/* style for element that acts as a spacer between other elements */
.spacer { clear: both; font-size: 1px; height: 1px; line-height: 1px; margin: 0; padding: 0; }

.breadCrumbPanel,
.CategoryBreadCrumbs { color: #3398d1; font-size: 10px; padding: 5px 0; }
	.breadCrumbPanel a,
	.CategoryBreadCrumbs a	{ text-decoration: none; }
	.breadCrumbPanel a:hover,
	.CategoryBreadCrumbs a:hover	{ text-decoration: underline; }
	.breadCrumbLink { border: 1px solid #ff0000; color: #5872CB; margin: 4px 0 8px 0; padding: 4px 0 8px 0; text-decoration: underline; text-indent: 0px; }

.msrp	{ color: #777; display: block; text-decoration: line-through; } /* generic styling for a suggested retail price */

/* applied to ajax progress update */
#centeredProgress {
	background: #fff url("images/processing.gif") no-repeat 50%;
	border: 5px solid #C1C1C1;
	color: #fff;
	margin-left: -150px;
	margin-top: -200px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 200px;
	z-index: 99;
}

/* background style for the screen when an ajax progress update is displayed */
#ajaxProgressBg { background-color: #000; border: 0; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 0; opacity: 0.3; filter: Alpha(opacity: 30); }

/* style for the ajax progress indicator */
#ajaxProgress {
	background: #fff url("images/processing.gif") no-repeat 50%;
	border: 2px solid #808080;
	left: 50%;
	margin-left: -100px;
	padding: 0px;
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1;    
}

/* Popup from clicking product's "More Images" */
div#ImageAjax	{ background: #dbdbdb url("images/bg_header.gif") repeat-x; height: 610px; padding: 0 0 30px; }
	div#ImageAjax img	{ background: #fff; border-style: solid; border-width: 1px; padding: 3px; }

hr { width: 100%; }

h2 { font-size: 12px; }

h2.sectionHeader {
	background: #eee;
	border-style: solid;
	border-width: 1px;
	color: #000;
	font-size: 14px;	
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin: 0 0 12px 0;
	padding: 0 2px;	
}



/* Styles to support the page layout */

#storeHeader { background: #f5f5f5; border-bottom: 0; }
	#storeHeader .logo,
	#storeHeader .headerContent	{ background: url("images/bg_header.gif") bottom repeat-x; border-bottom: 1px solid #bbb; }
	#storeHeader .logo { margin: 6px 0 0 0; padding: 0; }
		#storeHeader .logo img { margin: 10px; }
	#storeHeader .headerContent { height: 110px; margin: 0px; white-space: nowrap; }
		
		#storeHeader .shortcuts { width: 400px; height: 60px; }		
			#storeHeader .shortcuts  a {
				background-position: 50% 0;
				background-repeat: no-repeat;
				display: block;
				float: right;
				font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
				font-size: 9px;
				font-weight: bold;
				margin: 10px 3px 0;			
				padding: 30px 3px 0;			
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				width: auto;
			}	
			#storeHeader .shortcuts a.home			{ background-image: url("images/icon_home.gif"); }
			#storeHeader .shortcuts a.basket		{ background-image: url("images/icon_cart.gif"); }
			#storeHeader .shortcuts a.acct			{ background-image: url("images/icon_account.gif"); }
			#storeHeader .shortcuts a.admin			{ background-image: url("images/icon_admin.gif"); }
			#storeHeader .shortcuts a.wishlist	{ background-image: url("images/icon_wish.gif"); }
			#storeHeader .shortcuts a.login			{ background-image: url("images/icon_login.gif"); }
			
			#storeHeader .shortcuts a.home:hover			{ background-image: url("images/icon_home_hover.gif"); }
			#storeHeader .shortcuts a.basket:hover		{ background-image: url("images/icon_cart_hover.gif"); }
			#storeHeader .shortcuts a.acct:hover			{ background-image: url("images/icon_account_hover.gif"); }
			#storeHeader .shortcuts a.admin:hover			{ background-image: url("images/icon_admin_hover.gif"); }
			#storeHeader .shortcuts a.wishlist:hover	{ background-image: url("images/icon_wish_hover.gif"); }
			#storeHeader .shortcuts a.login:hover			{ background-image: url("images/icon_login_hover.gif"); }
		
		#storeHeader .search  { height: 25px; margin: 5px 2px 0 0; padding-right: 5px; }
			#storeHeader .search a	{ font-size: 10px; }
			#storeHeader .search input.searchPhrase	{ background: #fff; border-style: solid; border-width: 1px; color: #000; margin: 0 2px 0 0; width: 145px; height: 15px; }



/* Sidebars */

#leftSidebarPanel,
#rightSidebarPanel	{ border-style: solid; padding: 0; width: 194px; }
#leftSidebarPanel		{ background-color: #f5f5f5; border-width: 0 1px 0 0; }
#rightSidebarPanel	{ background-color: #eee; border-width: 0 0 0 1px; }

	#leftSidebarPanel .section,
	#rightSidebarPanel .section	{ margin: 0px 0px 2px 0px; }

.searchFilterHeader,
#leftSidebarPanel .section .header,
#rightSidebarPanel .section .header	{ height: 26px; margin: 0; padding: 0; }

	.searchFilterHeader h2,
	#leftSidebarPanel .section .header h2,
	#rightSidebarPanel .section .header h2			{ font-size: 14px; line-height: 26px; margin: 0; padding: 0; text-indent: 15px; }
	.searchFilterHeader h2											{ font-size: 12px; }

	#rightSidebarPanel .section .header a 			{ color: #000000; float: right; margin: 2px 3px 0 0; padding: 2px 3px 0 0; text-decoration: underline; }
	#rightSidebarPanel .section .header a:hover	{ color: #984700; }

#leftSidebarPanel input					{ font-size: 10px; width: 140px; height: 15px; }
	#leftSidebarPanel input.button	{ width: 32px; height: 21px; }

#rightSidebarPanel br	{ display: none; }
	#rightSidebarPanel .section br	{ display: block; }

/* additional styling usually applied to content area when no footer is displayed */
#rightSidebarPanel .section .nofooter { /*border-bottom: solid 1px #636363;*/ }

/* footer for firhg sidebar content section */
#rightSidebarPanel .section .footer {
	background: url("images/sectionFooterBackground.gif");
	color: #8C0901;
	height: 24px;
	line-height: 24px;
	margin: 8px 0 0;
	padding: 0 2px;
}
.Cell,
.ourDepartmentsCell,
.expressCheckoutCell	{ padding: 5px; }
.onePageCheckoutCell	{ padding: 10px; }
.ourDepartmentsCell		{ line-height: 18px; }

.labelheading	{ margin: 4px 0 0 2px; }

/* --Contact page */
	#auctivaContactSidebar	{ padding: 0 0 0 10px; }
		#auctivaContactSidebar h2	{ font-size: 14px; margin-left: 0; }
		#auctivaContactSidebar h3	{ font-size: 12px; margin-bottom: 0; }
	#auctivaContact	{ padding: 0 0 0 175px; }
		#auctivaContact img	{ background: #fff; padding: 7px; }
		#auctivaContact address	{ font-size: 14px; font-style: normal; font-weight: bold; margin: 14px 0; padding: 0 0 0 7px; }



/*Styles for main content panel */

#mainPanel  { background-color: #fff; margin: 4px 4px 0px; padding: 4px 4px 20px; }
	#mainPanel .section { margin-bottom: 5px; }
		#mainPanel .section .header h2	{ font-size: 12px; font-weight: bold; height: 25px; line-height: 27px; margin: 0px; text-indent: 7px; }
		#mainPanel .section .header a		{ color: #6998bf; font-size: 10px; }
			
		#mainPanel .section .content { padding: 10px; }

div.pageHeader	{ line-height: 29px; margin-bottom: 9px; }
	div.pageHeader h1 					{ font-size: 14px; font-weight: bold; line-height: 26px; margin: 0; padding: 0; text-indent: 15px; }
	div.pageHeader div.content	{ padding: 3px; }

	/* styling for text within the search sort header */
	.searchSortHeader span { font-weight: bold; margin-left: 12px; } 

h2.preference {
	background: url("images/section_header_bg.gif") repeat-x;
	color: #fff;
	height: 29px;
	line-height: 24px;
	margin: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0 5px 0 4px;
}

.welcomeImage 	{  }
.welcomeText td	{ font-size: 14px; padding: 5px 10px; }



/*Styles for dialog section */

/* used to display a dialog box in the main panel */
#mainPanel .dialogSection { background: #fff; border-top: 1px solid #fff; }

/* header for dialog box in the main panel */
#mainPanel .dialogSection .header {
	border-style: solid;
	border-width: 1px;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px 4px;
}

/* the header / caption of a dialog box */
#mainPanel .dialogSection .header h2 { float: left; font-size: 12px; line-height: 27px; margin: 0; }

#mainPanel .dialogSection .header a { color: #000; float: right; text-decoration: underline; }
	#mainPanel .dialogSection .header a:hover { color: #8C0901; float: right; text-decoration: underline; }

#mainPanel .dialogSection .content { border-style: solid; border-width: 0 1px 1px; min-height: 180px; padding: 2px; }
	#mainPanel .dialogSection .content table th.rowheader { background-color: #fff; }
	#mainPanel .dialogSection .content table td.txt { }

/* additional styling usually applied to content area when no footer is displayed */
#mainPanel .dialogSection .nofooter	{ border-style: solid; border-width: 0 0 1px; }
#mainPanel .dialogSection .footer		{ background: #dcdcdc; color: #8C0901; height: 24px; line-height: 24px; margin: 8px 0 0; }


/* styling for validation summaries that appear in the main panel */
#mainPanel .validationSummary { margin-bottom: 6px; }



/* Styles for the store footer section */

#storeFooter { background: #e5e5e5 url("images/bg_footer.gif") repeat-x; border-top: 1px solid #d4d6d9; font-size: 10px; height: 79px; margin: 0 auto; text-align: center; }

/*.navList{overflow:auto; zoom:1}

.navList ul{list-style:none; margin:0; padding:0}
.navList ul li{float:left;}
.navList ul li a{display:block}*/

.navList ul	{ margin: 20px 0 0; padding: 0; }
	.navList li	{ display: inline; }

/*#storeFooter ul	{ font-weight: bold; float: left; position: relative; left: 50%; margin: 15px 0 0; }
		#storeFooter ul li	{ position: relative; right: 50%; }	*/
			#storeFooter ul li a	{ border-left: 1px solid #bbb; padding: 0 7px; }
				#storeFooter .navHome a	{ border: none; }



/* Styles for the store navigation section */

/* container for the store navigation links */
#storeNav  { margin: 2px 1px; width: 198px; }

/* default style for hyperlink in store navigation */
#storeNav a {
	background-color: #000;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 3px 8px 40px;
	border-bottom: 1px solid #fff;
}

/* default style for hyperlink in store navigation (hover) */
#storeNav a:hover {
	background-color: #000;
	border-bottom: 1px solid #fff;
	color: #F99034;
	display: block;
	font-weight: bold;
	padding: 8px 3px 8px 40px;
	text-decoration: underline;
}

#storeNav a.basket		{ background-image: url("images/storeNav_basket.jpg"); }
#storeNav a.wishlist	{ background-image: url("images/storeNav_wishlist.jpg"); }
#storeNav a.account		{ background-image: url("images/storeNav_account.jpg"); }
#storeNav a.login			{ background-image: url("images/storeNav_login.jpg"); }
#storeNav a.logout		{ background-image: url("images/storeNav_logout.gif"); }
#storeNav a.admin			{ background-image: url("images/storeNav_admin.gif"); }



/* Styles for the store search dialog */

/* styling for the search dialog container */
#storeSearch {
	border-bottom: 1px solid #fff;
	display: block;
	padding: 0;
	margin: 0 20px;
	width: 530px;
}

/* styling for the search keywords text box */
#storeSearch input.keywords { border: 1px solid #EE8122; padding: 2px 0 0 4px; width: 131px; height: 15px; }

/* styling for the search button */
#storeSearch input.searchButton { margin: 0; vertical-align: middle; }

/* styling for the tagline in the search image */
#storeSearch .tagline { color: #4A4A48; font-family: Arial; font-size: 24px; margin-right: 45px; width: 250px; }



/* Default styling for generic input forms */

/* container for form */
table.inputForm {  }

/* default styles for cells in form*/
table.inputForm th, table.inputForm td { padding: 2px; } 

/* styling for row headers in form */
table.inputForm .rowHeader { background: #fff; color: #333; padding: 6px; text-align: right; }

/* style for links that appear within rowheader */
table.inputForm .rowHeader a {
	border: 1px solid #650101;
	width: 100%;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 6px;
}

/* set style for other elements within rowheader */
table.inputForm .rowHeader * { font-size: 12px; font-weight: bold; }



/* Styling for pager controls */

/* style for paging container */*
.paging { text-align: right; padding: 15px 0px 5px 1px; margin: 15px 0 5px 0; }
/* span within the paging container - this is actually the active page index */
.paging span, 
.paging .current {padding: 3px 5px;  border: 1px solid #3398d1; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background-color: #f5f5f5; color: #3398d1 !important; }
/* link within paging container */
.paging a { padding: 3px 5px; border: 1px solid #0f73ac; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background-color: #3398d1; color: #fff !important; text-decoration: none; }
/* link(hover) within paging container */
.paging a:hover { background-color: #0f73ac; color: #fff !important; border: 1px solid #3398d1; }



/* Styles for the simple category list (such as might show on the home page) */

ul.category { list-style-type: none; margin: 0; padding: 0; }

ul.category li { margin: 0; padding: 0; }

ul.category li,
.productGridBorder td	{ border-bottom: 1px solid #e8e8e8; padding: 0; }

ul.category li a,
a.searchCriteria { background: #fff; display: block; line-height: 10px; padding: 8px 0; text-decoration: none; text-indent: 15px; }

ul.category li a:hover,
a.searchCriteria:hover { background: url("images/bg_a_item.gif") left bottom repeat-x; padding: 7px 0 9px; }

.productGridBorder table	{ width: 100%; }

h3.searchCriteria { background: #eee; color: #000; font-size: 12px; font-weight: bold; margin: 0; padding: 3px 0 4px 5px; text-indent: 5px; }

/* container for the search filter controls */
.searchFilterPanel { background: #fff; padding-bottom: 10px; }

.productGridBorder div input	{ margin-top: 9px; }
.productGridBorder div input.button	{ margin-top: 10px; }

/* used for the show all link in the search filter panel */
.showAll { font-weight: bold; text-align: right; width: auto; display: block; padding: 2px; }

.summarySection h3 { font-size: 100%; }



/* Styles for the buy product form */

table.buyProductForm td, 
table.buyProductForm th	{ padding: 3px; }

table.buyProductForm .rowHeader { background-color: #fff; border-width: 0; color: #333; font-size: 12px; font-weight: bold; text-align: right; }

.optionPicker td  { border: outset 2px #999; }
	.optionPicker td.selected { border: inset 2px #999; }



/* Styles for the catalog nodes */

.catalogWrapper { padding: 5px; }

.catalog { padding: 0px; }

/* node in the catalog display - used in flow layouts */
.catalog .flowNode { border: 1px solid #c4c4c4; float: left; margin: 0px; padding: 5px; text-align: center; width: 238px; height: 180px; }

/* node in the catalog display - used in table layouts */
.catalog .tableNode {  padding: 12px; }
	.catalog .tableNode div { /*margin-top: 10px;*/ }
	.catalog .tableNode img { margin-top: 6px; }

.catalog .thumbnail	{ color: #01076C; display: block; margin: 0 auto 5px; width: auto; }
.catalog .cartLink  { margin-bottom: 20px; margin-top: 10px; vertical-align: bottom; }

.catalog .separator { } /* style for item separator */



/* Styles for featured products grid */

/* container for the products grid */
table.productsGrid { }
.featuredProductContainer {	padding-bottom: 40px; }

td.thumbnail	{ padding: 2px; text-align: center; }
td.details		{ padding-left: 5px; }



/* Styles for product display pages */

div.productHeader  { background: #546FC8; margin: 0 0 9px 0; padding: 0; }

div.productTabDetail { border: 1px solid #000; min-height: 200px; padding: 4px; }
	div.productTabDetail h2 { background: #fff; border: 1px solid #000; font-size: 12px; font-weight: bold; margin: 2px 0px 4px 0px; padding: 4px; }



/* Styles for the mini basket - appears in sidebar */

#miniBasketMainBox { font-size : 11px; padding : 0; position: relative; width: 100%; }
.miniBasketItemBox { float: left; padding: 3px; position: relative; width: 180px; }

.miniBasketIconBox { float: left; width: 35%; }
.miniBasketItemTitleBox { float: none; position: inherit; }
.miniBasketItemTitleNoIconBox { padding-left: 5px; }

.miniBasketItemTitle { font-size: 11px; }
	.miniBasketItemTitle a { font-size: 11px; }

.miniBasketSubItemTitle {font-size: 10px; padding: 0 0 0 4px; text-indent: 0px; margin:  30px 5px 0 10px; clear: both; }
	.miniBasketSubItemTitle li { font-size: 9px; list-style-image: url("images/miniBasketBullet.gif"); list-style-type: none; margin: 0 0 0 10px; }

.miniBasketQtyDeleteLine { clear: both; padding : 1px 10px 10px; text-align: center; }

.miniBasketQtyInput { border: 1px solid #808080; font-size: 9px; margin-right: 3px; margin-top: 1px; padding: 1px; width: 15px; height: 12px; }

#miniBasketSubTotalBox	{ padding: 3px; }

.miniBasketPrice	{ color: #a70000; }
.miniBasketPrice, 
.miniBasketPriceLabel,
#miniBasketSubTotalBox #sub_label	{ font-size: 12px; font-weight: bold; }
.miniBasketPriceLabel,
#miniBasketSubTotalBox #sub_label	{ display: block; float: left; text-align: right; width: 49%; }

#ship_label,
#miniBasketSubTotalBox #tax_label	{ float : left; font-size: 11px; font-weight: bold; width: 45%; text-align : right; }
#miniBasketSubTotalBox #sub_label {	width: 45%; }
#ship_num,
#miniBasketSubTotalBox #tax_num 	{ float: left; font-size: 11px; font-weight: normal; padding-left: 3px; width: 49%; }

#miniBasketSubTotalBox #sub_num	{ color: #cc0000; float: left; font-size: 12px; font-weight: bold; padding-bottom: 5px; padding-left: 3px; width: 49%; }
#miniBasketShippingEstimateBox	{ padding: 3px 0; }
#miniBasketCheckoutButtonBox		{ margin: 2px 0 0; padding: 8px 0; text-align: center; }



/* Styles for the basket & wishlist */

.emptyBasketPanel		{ background: url("images/empty_shop.gif") no-repeat 15%; }
.emptyBasketPanel,
.emptyWishlistPanel { height: 50px; padding: 20px 0 0 60px; margin: 20px 35px 35px; text-align: center; }
	.emptyBasketPanel span.message,
	.emptyWishlistPanel span.message { color: #666; font-size: 18px; font-weight: normal; }

/******************************************************************************************/
/* styles for the nano basket                                                             */
/******************************************************************************************/

	#nanoBasketContainer {
	  float:left;
	  margin:0px 5px;padding:5px 0 0;  width:220px; }
	  #nanoBasketContainer div { float:left;width:100%; }
		#nanoBasket	{ margin:0; }
			#nanoBasket a	{ cursor:default;color:#3398D1; }
			#nanoBasket a:hover { color:#3398D1; }
			#nanoBasketCart,
			#nanoBasketText	{ }
			#nanoBasketCart	{
			  background:transparent url(images/icon_cart_sm.gif) no-repeat scroll 0 0;
			  text-indent:-9999px;
			  overflow:hidden;
			  margin:-3px 5px 0 0;
			  width:20px;height:20px;
			  display:block;
			  float:left;
			  text-align:left;
			  cursor:pointer !important;
			  z-index:999;
			  position:relative;
			  }
			  #nanoBasketCart:hover 
			  {
			    background:transparent url(images/icon_cart_hover_sm.gif) no-repeat scroll 0 0;
			  }
			#nanoBasketText	{ display:block;float:left;margin:0 5px; }
			#nanoBasketCheckout	{ 
			font-family: Tahoma, Arial, Helvetica, sans-serif;
	        background:#C8DBF1 url(images/smoothie_bg.gif) repeat-x center;
	        font-size: 9px;
	        text-transform: uppercase;
	        color: #6998BF !important;
	        font-weight: bold;
	        cursor:pointer !important;
	        margin: -3px 0 1px 0;
	        text-align:center;
	        text-decoration:none;
	        vertical-align: middle;
	        font-weight:900;
	        border: 1px solid #bbb;
	        white-space: nowrap;
	        padding: 4px 5px 4px 5px;
	        display:block;
	        float:left;
	        cursor:pointer !important;
	        }
				
			#nanoBasketCheckout:hover	{ 
			background:#C8DBF1 url(images/smoothie_hover.gif) repeat-x center;
	       color : #675D29;
	      border: 1px solid #bbb;	      
	      }
				
/******************************************************************************************/
/* end styles for the nano basket                                                         */
/******************************************************************************************/

/* Styles common to all checkout pages */

div.checkoutPageHeader	{ margin: 0 auto 8px; }
	div.checkoutPageHeader h1 { border-bottom: 1px solid #0f73ac; color: #0f73ac; font-size: 24px; margin: 10px auto 6px; padding: 0;width:830px; }
	div.checkoutPageHeader p.checkoutAlert,#mainPanel p.LoginMessage { width:810px;margin-left:auto;margin-right:auto; }
	
/* chekcout page header - styling for checkout steps */
div.checkoutPageHeader div.checkoutSteps { background-color: #E5DECA; border: 1px solid #BEB49D; float: right; margin: 4px 5px 4px 4px; padding: 0; }

div.checkoutPageHeader div.content { padding: 2px; }

/* used to contain the details for an individual shipment, used wherever information is organized by shipment */
div.shipmentSection { border: 1px solid #000; border-collapse: collapse; margin-bottom: 5px; }
	div.shipmentSection div.header { border: 1px solid #000; }
		div.shipmentSection h2 { font-size: 12px; height: 25px; line-height: 25px; margin: 0px; padding: 0 2px; }

div.shipmentSection .content { padding: 2px; }

/* used wherever a list of order items is displayed */
table.itemList { width: 100%; }
	table.itemList th.columnHeader	{ margin: 0px; background-color: #C4DAFC; padding: 7px 2px; }
	table.itemList th.items					{ }
	table.itemList th.price 				{ text-align: right; }
	table.itemList td								{ border-bottom: 1px solid #e7e7e7; padding: 3px 2px; }
		table.itemList td.items { }
		table.itemList td.price { text-align: right; }
		table.itemList td a			{ color: #304FBA; }

/* used when checkout navigation buttons (e.g. continue, back) appear by themselves outside of any  other container.  */
.checkoutNavigation { margin-top: 4px; margin-bottom: 8px; }

/* used when the checkout navigation section has a validation summary.  */
.checkoutNavigation span.validation { display: block; margin-bottom: 12px; }

/* contains the buttons or links in the checkout navigation section */
.checkoutNavigation span.buttons { }



/* Styles for table that lays out a form of data (such as an invoice) */

table.form	{ border-style: solid; border-width: 1px; margin: 4px 0px; page-break-inside: avoid; width: 100%; border-collapse: collapse; }

table.form td, 
table.form th { padding: 4px 8px; }

table.form th { font-weight: bold; font-size: 14px; }	
	table.form th.verticalText	{ font-size: 10px; text-align: center; vertical-align: middle; width: 10px; } /* styling for header cell intended for vertical text */
	table.form th.header		{ text-align: left; }
		table.form th.header span.caption { font-size: 20px; }
	table.form td.address		{ width: 180px; }
	table.form td.expand		{ width: 504px; } /* style for cell on right that should expand to the full width possible */
	table.form td.dataSheet	{ padding: 0px; }
		table.form td.dataSheet * { font-size: 12px; } /* style for font within the datasheet */

table.form table.dataSheet { margin-bottom: -1px; }

table.dataSheet tr.totalRow td, 
table.dataSheet tr.totalRow th	{ background-color: #656565; border-bottom: double 3px #808080; border-top: double 3px #808080; color: #fff; }

table.form td.orderSummary { padding: 10px; width: 202px; } /* this is the container for the order summary on the view order page */
	table.form td.orderSummary h3 { margin: 0 0 2px; }

h1.invoice		{ font-size: 24px; font-weight: bold; margin: 0 0 6px 0; }
h1.storeName	{ font-size: 18px; font-weight: bold; margin: 0 0 6px 0; }



/* Styles for checkout progress indicator */

.checkoutProgress {
	border-style: solid;
	border-width: 1px;
	color: #666;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	margin: 0 4px;
	*margin: 8px 4px 0;
	text-transform: uppercase;
}

.checkoutProgress span { display: block; float: left; width: auto; }
	.checkoutProgress span.on		{ background: url("images/progress_arrow.gif") right center repeat-x; border-left: 2px solid #fff; height: 22px; padding: 3px 2px 0; }
		.checkoutProgress span.on span	{ color: #fff; padding: 3px 14px 3px 4px; }
	.checkoutProgress span.off	{ margin: 1px; padding: 2px; }
		.checkoutProgress span.off span	{ padding: 3px 6px 2px; }


/* Styles for checkout steps */
#storeHeader div.checkoutSteps { background-color: #E5DECA; border: 1px solid #BEB49D; padding: 0; width: 100%; }



/* Styles for select shipping address. This is used on both checkout/ShipAddress and Members/AddressBook */

table.addressBook { border-collapse: collapse; width: 100%; }

table.addressBook th.caption { border-style: solid; border-width: 1px; height: 25px; line-height: 25px; padding: 0 2px; }
	table.addressBook th.caption .buttons	{ line-height: 1; margin-top: 2px; }
	table.addressBook th.caption .text 		{ display: block; float: left; }
	table.addressBook th.caption .buttons	{ display: block; float: right; }
	table.addressBook td.entries 					{ text-align: left; padding: 5px; }

table.addressBook .entry {
	background: url("images/shipping_address_bg.gif") no-repeat;
	display: block;
	float: left;
	margin: 0 0 0 80px;
	padding: 5px 0 0;
	text-align: left;
	vertical-align: middle;
	width: 350px;
	height: 195px;
}

.addressBook .address { float: left; font-weight: bold; line-height: 15px; padding: 60px 0 0 50px; text-align: left; width: 200px; }

.addressBook td .buttons	{ float: right; margin-top: 5px; padding: 60px 0px 0px 0; text-align: left; width: 100px; }
	.addressBook td .buttons a	{ display: block; margin-bottom: 5px; width: 40px; }
	table.addressBook td .buttons .button { margin-right: 5px; }
	


/* Styles for select multiple shipping addresses (checkout/shipaddresses.aspx) */

/* Items table on this page will use default styling from the common itemList class, you can override or add to the styling attributes below */
table.setShippingAddresses { }
	table.setShippingAddresses th { }
		table.setShippingAddresses th.items { }
		table.setShippingAddresses td.items { }
		
		table.setShippingAddresses th.price { }
		table.setShippingAddresses td.price { }
		
		table.setShippingAddresses th.address { }
		table.setShippingAddresses th.address { }



/* Styles for select shipping method (checkout/shipmethod.aspx) */

table.selectShippingMethod { border: none; }

/* default header style for shipping method table */
table.selectShippingMethod td.dataSheet { padding-top: 1px; border: none; }
	table.selectShippingMethod td.dataSheet th { padding: 5px 2px; background-color: #c7daf1; }
table.selectShippingMethod th.shipto 		{ border: none; }

table.selectShippingMethod th.items,
table.selectShippingMethod td.items { background-color: #dedede; }

table.selectShippingMethod td.methods	{ border-style: solid; border-width: 0 0 0 1px; padding: 4px; text-align: left; width: 200px; }
	table.selectShippingMethod td.methods h3	{ font-size: 100%; font-weight: bold; margin: 0 0 6px; padding: 2px; text-align: center; }

table.selectShippingMethod td.methods .caption { display: block; font-weight: bold; margin-bottom: 6px; text-align: center; }

/* section to ask the customer whether to set gift options for an order */
.addGiftOptions { 
	background: #fff url("images/giftbox3.gif") no-repeat; 
	border-style: solid; 
	border-width: 1px; 
	float: right; 
	margin: 0 auto; 
	text-align: right; 
	width: 693px; 
	height: 100px; 
}

/* caption of the add gift options section */
.addGiftOptions h3 { font-size: 100%; margin: 10px 10px 5px 300px; }

.addGiftOptions .content,
.addGiftOptions .buttons { margin-right: 10px; margin-top: 5px; }

.VisiblePanel	{ display: block; }
.HiddenPanel	{ display: none; }



/* Styles for select gift options (checkout/giftoptions.aspx) */

td.dataSheet table.itemList td	{ border-bottom: none; }

.giftOptions { }
	.giftOptions div.giftWrap 	{ margin-top: 2px;margin-bottom: 6px; }
		.giftOptions div.giftWrap div.noGiftWrap		{ font-style: italic; }
		.giftOptions div.giftWrap div.oneGiftWrap		{ }
			.giftOptions div.giftWrap div.oneGiftWrap span.name			{ font-weight: bold }
			.giftOptions div.giftWrap div.oneGiftWrap span.price		{ }
		.giftOptions div.giftWrap div.multiGiftWrap	{ }
			.giftOptions div.giftWrap div.multiGiftWrap span.title	{ background: none; font-weight: bold }
			.giftOptions div.giftWrap div.multiGiftWrap select 			{ }
	.giftOptions div.giftMessage	{ }
		.giftOptions div.giftMessage span.title			{ background: none; font-weight: bold; }
		.giftOptions div.giftMessage span.price 		{ }
		.giftOptions div.giftMessage textarea 			{ width: 98%; height: 40px; }
		.giftOptions div.giftMessage span.count 		{ }
		.giftOptions div.giftMessage span.countText	{ }

.giftOptions div.giftWrap td	{ text-align: left; }
	.giftOptions div.giftWrap td a	{ background: #bbb; border: 1px solid #999; display: block; margin-top: 3px; padding: 3px; width: 50px; height: 50px; text-align: center; vertical-align: middle; }
.giftOptions div.giftWrap img	{ max-width: 50px; max-height: 50px; }



/* Styles for confirm and pay (checkout/payment.aspx) */

.paymentMethodSummary 		{ width: 170px; padding: 10px; }
div.paymentMethodSummary	{ float: left; }

.paymentMethodList 		{ border-style: dashed; border-width: 0 0 0 1px; width: 545px; }
div.paymentMethodList	{ float: right; }

.paymentMethodSummary .section { margin-bottom: 20px; }

table.orderSummary { width: 100%; }
	table.orderSummary th { font-weight: normal; text-align: right; white-space: nowrap; }
	table.orderSummary td { text-align: right; width: 80px; }

	table.orderSummary tr.totalDivider {  }
		table.orderSummary tr.totalDivider td { width: 100%; }
			table.orderSummary tr.totalDivider td hr {  }

table.paymentForm	{ margin-bottom: 20px; margin-left: 5px; width: 100%; }
	table.paymentForm td						{ padding: 2px; }
	table.paymentForm th.caption  	{ border-style: dotted; border-width: 0 0 1px; padding-top: 8px; }
	table.paymentForm th.rowHeader	{ text-align: right; }
	table.paymentForm td.submit 		{ text-indent: 10px; }



/* Styles for your account (Members/MyAccount.aspx) */

ul.columns { list-style: none; margin: 0 0 0 30px; padding: 0; }
	ul.columns li { background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; margin: 2px; text-indent: 15px; }

div div.iner_frame	{ margin-top: -8px; }
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table,
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table th,
body #outerContentWrapper #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table td	{ border-color: #fff !important; }
div.iner_frame table th.columnHeader	{ background: #dbdbdb; }



/* Styles for view order page (Members/MyOrder.aspx) */

/* container for the order summary table */
div.orderSummaryPanel { background-color: #f5f5f5; border-style: solid; border-width: 1px; margin: 4px 0px; }

table.orderSummaryTable { width: 100%; }
	table.orderSummaryTable th.rowHeader { text-align: right; width: 16%; }
	
	

/* Styles for view row-style of my account page (Members/My Account.aspx) */

.odd,
.even,
.altodd,
.alteven	{ padding: 6px 2px 6px 6px; }
.odd			{ background-color: #e7e7e7; }
.even			{ background-color: #fff; }
.altodd		{ background-color: #fff; }
.alteven	{ background-color: #e7e7e7; }


a.altoddButton	{ border-style: solid; border-width: 1px; line-height: 22px; padding: 1px 5px; text-decoration: none; }



/* Styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx) */

.ship_to { writing-mode: tb-rl; filter: flipv fliph; }



/* Common to all */

.small_cell { width: 300px; }
	.small_cell .header { margin-top: 0; }
.lebeling { width: 100px; }



/* Styles for paged list of data */

table.pagedList { min-width: 300px; }
	table.pagedList tr.evenRow	{ background-color: #e7e7e7; }
	table.pagedList tr.empty td { border: 1px solid black; font-style: italic; padding: 10px; text-align: center; width: 300px; }
		table.pagedList td	{ padding: 2px 4px; }
		table.pagedList th	{ background-color: #dbdbdb; color: #444; font-weight: bold; margin: 0px; padding: 6px 4px; }
			table.pagedList th a { color: black; text-decoration: underline; }
				table.pagedList th a:hover { color: #ee7408; }
				


/* Style for the Product Image */

.productimg 		{ float: left; margin-bottom: 10px; text-align: center; vertical-align: top; }
.productOptions	{ float: left; margin-bottom: 10px; padding-left: 20px; text-align: center; }
	.productOptions table	{ margin: 0 auto; text-align: left; }



/* Styles for modal popup dialogs */

.modalBackground	{ background-color: #808080; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup				{ background-color: #e3efff; border: 3px solid #808080; padding: 3px; width: 600px; }
.modalPopupHeader	{ background-color: #ddd; border: 1px solid #808080; color: #000; cursor: move; font-weight: bold; margin: -3px; padding: 6px; }
.modalPopupText		{ padding: 10px; }

/* enable scrolling within modal popup dialog */
.modalPopupText .modalPopupScroller { height: 400px; margin: -10px; overflow: scroll; padding: 10px; }

/* style for the click to view price popup */
.pricePopup { background-color: #fff; border: 3px solid #666; margin-left: -150px; padding: 3px; position: absolute; left: 50%; width: 300px; z-index: 99; }

.pricePopupHeader { background-color: #40a5de; background-image: url("images/smoothie_bg2.gif"); background-repeat: repeat-x; color: #fff; font-weight: bold; margin: -3px; padding: 6px; }

/* used on the click to view price display */
.pricePopup span.fieldHeader	{ display: block; float: left; width: 135px; text-align: right; margin-right: 6px; }
.pricePopup span.fieldValue		{ display: block; float: left; }



/* One Page Checkout */

.opcFrame			{ margin: 0 auto; width: 800px; }
.opcMainPanel	{ padding-right: 10px; width: 600px; }

.opcSidebar	{ padding-top: 15px; width: 200px; }
	.onePageCheckoutCell	{ background: #f5f5f5; border-style: solid; border-width: 0 1px 1px; }

.opcPaymentMethods { background-color: #efefef; width: 130px; }

p.image_desc { margin-left: 3px; margin-right: 3px }

.ProductItemView		{ border: 1px solid #b9b9b9; padding: 5px 5px 15px; width: 194px;  }
.ProductItemViewOdd	{ background: #efefef; border: 1px solid #b9b9b9; padding: 5px 5px 15px; width: 194px; }	
	.ProductItemView div,
	.ProductItemViewOdd div	{ background: #fff; border: 1px solid #b9b9b9; padding: 5px; }
	
	#rightSidebarPanel .ProductItemView,
	#rightSidebarPanel .ProductItemViewOdd	{ border: none; }

.AgreementView { background-color: #fff; border: 1px solid #92A7EC; margin: 5px; padding: 10px; }

/* Login Message - appears at checkout when not logged in */
.LoginMessage { color: #cc0000; font-weight: bold; padding: 5px 0; margin: 0 auto; text-indent: 10px; width: 800px; }
	.LoginMessage a	{ border-style: solid; border-width: 1px; color: #fff; font-weight: bold; padding: 1px 15px; text-decoration: none; }


.orderItemsList { color: #666; margin-left: 12px; padding: 0; }


.validationSummary{background:#fbe3e4; border:2px solid #fbc2c4; color:#8a1f11 !important; font-size:10px; padding:4px; margin:5px 0}
.validationSummary ul{list-style:none; margin:0; padding:0}
.validationSummary li{margin:0}


	/* Added for ConLib changes which removed HTML table borders */
	#auctivaWishlist table,
	div.iner_frame table,
	table.form	{ border-collapse: separate !important; border-width: 0 0 1px 1px; }
	
	#auctivaWishlist table,
	#auctivaWishlist table th,
	#auctivaWishlist table td,
	div.iner_frame table,
	div.iner_frame table th,
	div.iner_frame table td,
	table.form,
	table.form th,
	table.form td	{ border-style: solid; border-color: #bbb; }
	
	#auctivaWishlist table th,
	#auctivaWishlist table td,
	div.iner_frame table th,
	div.iner_frame table td,
	table.form th,
	table.form td	{ border-width: 1px 1px 0 0 !important; }
	
	div.iner_frame table td	{ vertical-align: middle; }
	
	#auctivaWishlist table table,
	#auctivaWishlist table table th,
	#auctivaWishlist table table td,
	div.iner_frame table table,
	div.iner_frame table table th,
	div.iner_frame table table td,
	table.form table,
	table.form table th,
	table.form table td	{ border: none; }


/* close the screen media selector */
}