/***
Theme name:							Smoothie Air
Theme version:					    v2
Current version date:		        2010-07-16
First released:					    2009-04-09
Started with:						Base Jump v.1.1
***/

@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; }

/* #mainPanel width changes for different column layouts */
#container.leftSidebar #mainPanel, #container.rightSidebar #mainPanel {
    width:775px;
}
#container.oneColumn #mainPanel {
    width:970px;
}	
#container.threeColumn #mainPanel {
    width:580px;
}	
#mainPanel, #sideBar1, #sideBar2 { 
    float:left !important;	
    margin-bottom:-22222px !important;
    padding-bottom:22222px !important;
    }
#mainPanel > div > a { 
/* (IE/FF only) bug fix when using anchor tag to jump down a page with equal-height-column trick: padding/-margin bottoms   */
position:absolute !important; 
}  

#mainPanel {
padding-left:10px;
padding-right:10px;
}
#mainPanel > div > a {  /* equal height columns bug fix for IE8 and FF.  (a is an anchor element) */
position:absolute !important;
}

#sideBar1 .ProductItemList, #sideBar2 .ProductItemList {
margin:0px auto;
}

#wrapContent {  overflow:hidden; clear:both;  }

#container	{ border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0 auto; width: 990px;  border-bottom: 1px solid #fff;}

.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; }


#sideBar2 .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,
.simpleSearch input.searchPhrase,
#sideBar1,
#sideBar2,
#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;
}
#container .searchButton { background: url("images/btn_button.gif") no-repeat; padding: 0 2px 2px; *padding: 0 2px; width: 60px; height: 19px; }
#container .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;	
}



/*  Header */

#header { background: #f5f5f5; border-bottom: 0; }

	#headerInner	{ background: url("images/bg_header.gif") bottom repeat-x; border-bottom: 1px solid #bbb; }
	#headerInner { overflow:hidden; padding-bottom:15px; margin: 0px; white-space: nowrap; }
		
		
		/*********** storeLogo *************/
		    #header .storeLogo { float:left;}
		    #header .storeLogo img { margin: 10px; }
		
		/*********** navHeader *************/
		#header .navHeader { overflow:hidden; float:right; }
				
			#header .navHeader  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;
			}	
			#header .navHeader a:hover {
			color:#8F8362;
			}

			.navHeader li { display:inline; }


			#header .navHeader li.navHome a		{ background-image: url("images/icon_home.gif"); }
			#header .navHeader li.navAccount a			{ background-image: url("images/icon_account.gif"); }
			#header .navHeader li.navAdmin	a		{ background-image: url("images/icon_admin.gif"); }
			#header .navHeader li.navWishlist a	{ background-image: url("images/icon_wish.gif"); }
			#header .navHeader li.navLogin a,
			#header .navHeader li.navLogout a					{ background-image: url("images/icon_login.gif"); }
			
			#header .navHeader li.navHome a:hover			{ background-image: url("images/icon_home_hover.gif"); }
			#header .navHeader li.navAccount a:hover			{ background-image: url("images/icon_account_hover.gif"); }
			#header .navHeader li.navAdmin a:hover			{ background-image: url("images/icon_admin_hover.gif"); }
			#header .navHeader li.navWishlist a:hover	{ background-image: url("images/icon_wish_hover.gif"); }
			#header .navHeader li.navLogin a:hover,
			#header .navHeader li.navLogout a:hover			{ background-image: url("images/icon_login_hover.gif"); }


		/**************** search ******************/
		#header .SimpleSearch_wrap {}
		#header .simpleSearch  { margin: 15px 2px 0 0; padding-right: 5px; float:right; }
		.simpleSearch input.searchPhrase	{ 
		background: #fff; 
		border-style: solid; 
		border-width: 1px; 
		color: #000; 
		margin: 0 2px 0 0; 
		width: 145px; 
		height: 15px; }
		
		#header .simpleSearch + a {float:right; clear:right; font-size:11px; margin:0px 6px 0px 0px;}


        /************** nanobasket **************/
        #header .NanoBasket_wrap {
        margin-left:300px;
        }
        #header .nanoBasket	{
		 margin:10px 0px 0px 180px;
		 float:left;
	     padding:5px 0 0; 
	     clear:right;
	     width:240px;
	     display:inline;
	     }
			.nanoBasket a	{ cursor:default;color:#3398D1; }
			.nanoBasket a:hover { color:#3398D1; }

			#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;
	        margin: -3px 0 1px 0;
	        text-align:center;
	        text-decoration:none;
	        font-weight:900;
	        border: 1px solid #bbb;
	        padding: 3px 5px 3px 5px;
	        display:block;
	        float:right;
	        margin:0 5px;
	        cursor:pointer !important;
	        }
				
			#nanoBasketCheckout:hover	{ 
		    background:#C8DBF1 url(images/smoothie_hover.gif) repeat-x center;
	        color: #675D29;
	        border: 1px solid #bbb;      
	      }


        /************** footer *****************/
        #footer {
        background:url("images/bg_footer.gif") repeat-x scroll 0 0 #E5E5E5;
        border-top:1px solid #D4D6D9;
        font-size:10px;
        height:79px;
        margin:0 auto;
        text-align:center;
        } 
        .navFooter ul { margin:20px 0 0;padding:0; }
        .navFooter li { display:inline; }
        .navFooter a {border-left:1px solid #BBBBBB;padding:0 7px; }
        

/* Sidebars */

#sideBar1,
#sideBar2	{ border-style: solid; width: 194px; }
#sideBar1		{ background-color: #f5f5f5; border-width: 0 1px 0 0; }
#sideBar2	{ background-color: #eee; border-width: 0 0 0 1px; }

	#sideBar1 .section,
	#sideBar2 .section	{ margin: 0px 0px 2px 0px; }

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

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

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

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

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

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

/* footer for firhg sidebar content section */
#sideBar2 .section .footer {
	background: url("https://dezignzooanimalemporium.com/App_Themes/Smoothie_Blue_v2/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 */
	#contactSidebar	 { padding: 0 0 0 10px; }
		#contactSidebar h2	{ font-size: 14px; margin-left: 0; }
		#contactSidebar 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; padding-left:10px; padding-right:10px; padding-top:10px;}
	#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("https://dezignzooanimalemporium.com/App_Themes/Smoothie_Blue_v2/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; }


/* 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:0px; 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; }


/* Default styling for generic input forms */

/* container for form */
table.opcFrame, .inner_frame div > table, .onePageCheckoutCell, .inner_frame .inputForm, #mainPanel .inputForm, .MyWishlistPage_wrap table table, table.form {border:1px solid #ccc; background-color:#FFF;  width:100%;}
table.opcFrame, .inner_frame div > table, .onePageCheckoutCell, .inner_frame .inputForm, #mainPanel .inputForm, .MyWishlistPage_wrap table table, table.form {-moz-box-shadow:0px 0px 4px #ccc; -webkit-box-shadow:0px 0px 4px #ccc;}
table.opcFrame {padding:10px;}
.altodd td table, .alteven td  table { border:none }
.inner_frame th.columnHeader { background-color:; color:;  }

/* 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; text-decoration: none; padding:8px 0 8px 15px; }

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

.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; }

.ProductRatingImage { display:inline; }

/* 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 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:100%; }
	div.checkoutPageHeader p.checkoutAlert,#mainPanel p.LoginMessage { width:98%; margin:0px 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 { }

.opcMainPanel table table.inputForm.shipTo
    {
  
    }
    table.shipToRadios
    {
    
    }
    table.shipToRadios td
    {
        font-size: 12px;
    }
    .opcMainPanel table input[type=image]
    {
        margin-top: 30px;
    }
    span.required
    {
        float: right;
        font-size: 11px;
    }


/* 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 */
#header 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 #container #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table,
body #container #innerContentWrapper #contentLayout #mainPanel div div.iner_frame div table th,
body #container #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 		{ margin-bottom: 10px; text-align: center; vertical-align: top; }
.productOptions	{ clear: both; margin-bottom: 10px; 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: 100%; }
.opcMainPanel	{ padding-right: 10px; width: 600px; }

.opcSidebar	{ width: 160px; margin-bottom:10px; }
	.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; }
	
	#sideBar2 .ProductItemView,
	#sideBar2 .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 */
	.MyWishlistPage_wrap table,
	div.iner_frame table,
	table.form	{ border-collapse: separate !important; border-width: 0 0 1px 1px; }
	
	.MyWishlistPage_wrap table,
	.MyWishlistPage_wrap table th,
	.MyWishlistPage_wrap 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; }
	
	.MyWishlistPage_wrap table th,
	.MyWishlistPage_wrap 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; }
	
	.MyWishlistPage_wrap table table,
	.MyWishlistPage_wrap table table th,
	.MyWishlistPage_wrap 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; }



/* accordion and flyout menus */
.Flyout li ul {background-color:#fff; border-top:1px solid #eee; border-right:1px solid #eee;}
.category span
{ position: absolute;right: 5px;top: 7px;font-size: 11px;}
ul.Accordion ul
{list-style-type: none;margin: 0;padding: 0;}
ul.Accordion a{display: block;text-decoration: none;}
ul.Accordion li{margin-top: 1px;}
ul.Accordion li li a{padding-left: 20px;}
ul.Accordion li li li a{padding-left: 30px;font-size: 10px;}
ul.Accordion li li li li a{padding-left: 40px;}
ul.Accordion li li a:hover{border-left: 5px #000 solid;padding-left: 15px;}
ul.Accordion li li li a:hover{padding-left: 25px;}
ul.Accordion li li li li a:hover{padding-left: 35px;}


}	/* end media screen */