/* BabelandBlue */
html {
	background: #fff;
	color: #000;
}
body {
	padding: 0;
	margin: 0;
	font: 76%  Verdana,Arial, Lucida, sans-serif;
	color: #000;
	background:#fff url(/images/babeland/design-assets/body-background.jpg) repeat-x 100% 100%;
}

a { 
color: #0066ff;
text-decoration: underline;
margin: 0;
padding: 0;
background: none;
}

a:hover, a:active {
 color: #f23196;
 text-decoration: underline;
}

h1, h2, label {
font-family:  Verdana,Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding: 0;
margin: 0;
color: #f23196;
text-decoration: none;
font-weight: bold;
border-bottom: 0;
	border: 0;
}

h1 {font-size: 1.75em; font-weight: normal;}

h2 {font-size: 1.5em; font-weight: normal;}

h3 {font-size: 1.1em;}

h2, h3 {padding: 0.5em;}

h4 {font-size: 1em;	margin-bottom: 0.5em;}

h2 a, h3 a, h4 a, .articleimglist a {text-decoration: none;}

p { margin: 0.5em 1em 0 0; line-height: 1.5em;}

p a:visited {color: #999; background-color: transparent;}

img, a img {border: 0; vertical-align: bottom; }

ol, ul {
	padding: 1em;
	margin-left: 2em;
	list-style-image: none;
	display: block;
}

dt {font-weight: bold;}

li {
line-height: 1.5em;
padding: .5em;
}

label {
	font-size: 0.9em;
	display: block;
}

input.goButton {
	font-size: 1em;
	border: 0;
	height: 19px;
	width: 28px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	text-transform: none;
}

input.button {border: 0; cursor: pointer;}
input:focus {background: none; }
input.hidden {padding: 0; margin: 0; border: none;}

#visual-portal-wrapper {
	width: 100%;
	text-align: left;
	font-size: 1em;
	max-width: 800px;
	min-width: 550px;
	margin: 14px auto;
	
}

/*--PORTAL TOP--*/
#portal-top {
	background: url(/images/babeland/design-assets/babeland-banner.gif) no-repeat;
	
	height: 84px;
	width: 799px;	
	position: relative;
	
}

#portal-top #logo-link {
    position: relative;
    top: 5px;
}

#portal-top img, #portal-top img a, #portal-top img a:hover {border: 0;}

#portal-top-contact {
	float: right; 
	width: 22%;
	width: 24%; 
	font-size: 0.9em;
	color: #fff;
	padding-top: 5px;
	
}

#portal-top-contact a {
	color: #fff;
	text-decoration: underline;
	
}
#portal-top-contact p#hours {font-size: .8em;  margin-top: 0; /*padding-left:  25px;*/ line-height: 1em;}

#portal-top-tlc, #portal-top-trc {height: 15px; background-repeat: no-repeat;z-index: 1200; margin: 0; padding: 0; }
#portal-top-tlc {background-image: url(/images/babeland/design-assets/banner-tlc.jpg); background-position:  0% 0%; }
#portal-top-trc {background-image: url(/images/babeland/design-assets/banner-trc.jpg); background-position: 100% 0;}

ul#utilitynav {
	position: absolute; 	
	right: 0;
	bottom: 0;
	width: 420px; 
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #0066ff; 
	list-style-type: none;
	
}
#utilitynav li {background: url(/images/babeland/design-assets/banner-tab.gif) no-repeat 0% 100%;
height: 20px; width: 95px; float: right; margin: 0 5px; padding: 0; text-align: center}
#utilitynav li a {display: block; color: #0066ff; text-decoration: none; padding-top: 3px; letter-spacing: .025em;}
#utilitynav li a:hover {color: #fff; text-decoration: underline;}
/*--END PORTAL TOP--*/

/*--TOP NAV--*/
#topnav {
background: url(/images/babeland/design-assets/topnav-background.gif) repeat-x; 
border-left: 1px solid #ddd;
padding: 0; margin: 0; 
height: 30px; 
width: 798px;
}

#topnav ul {
	list-style-type: none; 
	float: right; 
	margin: 0; 
	padding: 0; 
	border-right: 1px solid #ddd;
	background: url(/images/babeland/design-assets/topnav-white.gif) repeat-x;
}

#topnav li {float: left; }
li#nose {background: url(/images/babeland/design-assets/topnav-nose.gif) no-repeat 0% 0%;padding: 0; margin: 0; width: 22px; height: 29px;}
#topnav li a {display: block; padding-left: 1em; color: #666; text-decoration: none; 	font-size: .95em;
	letter-spacing: .025em;}
#topnav li a:hover {color: #0066ff; text-decoration: underline;}

/*--PORTLET BABELAND SEARCH--*/

#portlet-babeland-search {float: left; padding-left: 1em; padding-top: 3px;}
input#searchinput, input.newsletter {
	border: 1px solid #999;
	height: 1.25em;
	font-size: .9em;
	text-align: left;
	padding-left: 3px;
}

input#searchinput {width: 12em;margin: 3px;}
input.newsletter {width: 100px}
input#q {font-size: .9em; padding: 3px;}
input#search-button {padding: 0; vertical-align: bottom;}
/*--end PORTLET BABELAND SEARCH--*/

/*-- SEARCH RESULTS and FORM --*/
#searchoptions {border: 1px solid #ddd; width: 522px; padding: 0 1em; margin-bottom: 1em;}
#searchform label  {display: inline;}
#searchoptions h2 {padding: 0; margin: .5em 0;}
#searchform fieldset, #newsearchform fieldset {margin-bottom: 1em; }
#searchform legend, #newsearchform legend {padding: 0; margin: 0; padding-bottom: 1em; text-align: left;}
#searchform input.text, #newsearchform input.text {font-size: .9em; padding-left: 3px; height: 1.25em;}
#submitform, input.submitform {padding: 0; cursor: pointer; font-size: .9em;}
/*--PORTAL PATHBAR--*/

#breadcrumb-wrapper { /*padding: 1em 0 2em 0;*/ padding: 0; width: 100%; float: left;}
#breadcrumb-wrapper a { float: right; padding: 5px 10px 0 0;}

#breadcrumbs { 
	position: absolute;
	margin: 0;
	top: 130px;
	width: 98%;
}
 
 #breadcrumbs p {text-align: left; display: block; margin: 0; margin-left: -168px; font-size: 0.85em;
	color: #999;}

/*--END PATHBAR--*/
#contentwrapper {border: 1px solid #ddd; border-top: none; background-color: #fff; width: 797px; padding: 0; margin: 0; /*padding-top: 2em;*/ }

/*PORTAL-COLUMN-ONE*/
#portal-column-one {
	float: left;
	width: 150px;
	text-align: left;
	background-color: #fff;
	color: #666;
}



#portal-column-one ul, #portal-column-one ol, #portal-column-one ul li, #portal-column-one ol li, #portal-column-one p {
padding: 0;
margin: 0;
}

#portal-column-one ul {list-style-type: none;}
#portal-column-one ul li {border-bottom: 1px solid #ddd; line-height: 1.75em;}
#portal-column-one div { padding-left: 3px;}
#portal-column-one h2 {padding: 7px 0;}
#portal-column-one h2 a, #portal-column-one h2 a:visited {color: #f23196; text-decoration: none;}
#portal-column-one h2 a:hover {text-decoration: underline;}
#portal-column-one a {
	color: #666;
	text-decoration: none;
	font-size: .95em;
	letter-spacing: .025em;
}


#portal-column-one div.portletContent {padding: 0.5em 0;width: 92%;}

#portal-column-one div.portletContent a span {
	white-space: normal;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: normal;
	background: 0;
}


#portal-column-one div.portletContent a span img {display: none;}

div.portletContent a:hover span  {background: none;}



#portal-column-one ul ul {border: none; margin: 0; padding: 0;}

#portal-column-one ul ul li {background: none; padding-left: 12px;}

#portal-column-one-shopping-advice p{padding: 1em 0;}
#portal-column-one-shopping-advice a {background: none;}

#promocontainer {height: 125px;}
#best-sellers {clear: left;}
#best-sellers ol {list-style-type: decimal; margin-left: 1.5em;}
#best-sellers a img {padding-top: 6px;}
#shop-nav ul li a{background: url(/images/babeland/design-assets/nav-arrow-grey.gif) no-repeat 0 50%;) no-repeat;
	 padding-left: 12px;}
#shop-nav a:active {color: #0033ff; background: url(/images/babeland/design-assets/nav-arrow-blue.gif) no-repeat 0 50%;}
#shop-nav li a:hover {
text-decoration: none; 
color: #0066ff;
background: url(/images/babeland/design-assets/nav-arrow-blue.gif) no-repeat 0 50%; 
}

#portal-column-one-newsletter h2 {padding-bottom: 5px; }
#portal-column-one-newsletter input {display: inline; padding: 0; margin: 0;}
#portal-column-one-newsletter label {display: inline; color: #666; font-weight: normal}
#portal-column-one ul li#portal-column-one-newsletter a:hover {background-image: none;}
div#portal-column-one, div#portal-column-one-ads, div#portal-column-one-newsletter, div#shop-nav  {border: none;}
div#portal-column-one-ads img {margin-top: 1em; }

/*--BABELAND FOOTER--*/

#babeland-footer {
	clear: both;
	color: #666;
	margin: 7px auto;
	padding: 1em 0;
	text-align: center;
	font-size: 0.85em;
	width: 799px;
}

#babeland-footer ul {
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
}

#babeland-footer ul li {display: inline;}
#babeland-footer ul li a {color: #999; padding: 0 0.75em; }
#babeland-footer ul li a:hover {color: #000;}

/*Buyers Guides*/
#buyersguides {clear:both; width: 99%; text-align: left; margin: 30px auto 0 auto; }
#buyersguides h2, #buyersguides h3 {padding: 3px; margin: 0; color: #f23196; }
#buyersguides h4 {color: #0066ff;padding: 0; margin: 0; }
#buyerswrapper {background: #fff;padding: 5px;}
.guide-floatwrapper {clear: both; float: left; width: 100%;}
.buyer-guide-item { float: left; width: 250px; font-size:  0.8125em; }
.buyer-guide-item img {float: left; border: 1px solid #ddd; margin: 5px 5px 5px 0}
.buyer-guide-item a img {border: 1px solid #ddd;}
.buyer-guide-item a:hover img {border: 1px solid #ccc;}
.buyer-guide-item p { padding-bottom: 1em;}
#buyersguide-bottom {clear: both; background: transparent url(/images/babeland/design-assets/buyersguide-bottom.gif) no-repeat 0% 100%;}

/*--MAIN CONTENT AREA--*/

#portal-column-content {float: right; width: 77%; padding: 0 7px 0 0; background-color: #fff; margin: 0; }


/*content styles*/
.plain {margin: 0; padding: 0;}

.hiddenStructure, .documentFirstHeading, .documentActions, .documentByLine, .documentDescription, #portlet-babeland-newsletter-signup, #order-by-phone, #portlet-babeland-zagat  {display: none;}

/*-- Product detail --*/
#prod_info {border-left: 1px solid #ccc; padding-bottom: 13px; margin-left: 7px; text-align: left; margin-bottom: 2em;  }
#prod_info ul {padding-top: 0;}
#prod_add2cartbox { padding: 0 .5em .5em .5em;}
ul.prod_special_icons, ul#prod_special_icons {padding-top: 10px;}
#floatwrapper {width: 100%; }
#prod_desc {padding: 0; text-align:left; }
.prod_review_rating {margin-right: 1em;}

/*-email a friend-*/
form.emailfriend label {margin-top: 1em;}


/*generic styles*/
.margin {1em}
.margin-left {margin-left: 1em}
.margin-right {margin-right: 1em;}
.margin-top {margin-top: 1em;}
.padding {padding: 1em;}
.padding-left {padding-left: 1em;}
.padding-right {padding-right: 1em;}
.noborder {border: none;}
.border {border: 1px solid #ddd;}
.float-right {float: right;}
.float-left {float: left;}
.paddingleft5em {padding-left: .5em}
.bold {font-weight: bold;}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
	
}

 .liststylenone li {margin-bottom: 1em; }

.clear-noline {
	clear: both;
	margin: 0; 
	padding: 0;
}


/*-- /BabelandBlue --*/
/*---- BabeCart ----*/


h2.grey-background-head {color: #06f;}
label {color: #666;}
a, a:link {font-weight: normal;}
#portal-column-one a:hover {color: #0066ff;}
#portal-column-one label {color: #f23196;}

#portal-column-one-newsletter input {display: inline; padding: 0; margin: 0;}
#portal-column-one-newsletter label {display: inline; color: #333; font-size: .9em; }

#bottombanner {padding-top: 1em;}

/*-- Product Detail --*/

/* price box */


li#ico-wishlist {background: url(/images/babeland/ico-wishlist.gif) no-repeat; height: 19px; padding-left: 18px;}
li#ico-emailfriend {background: url(/images/babeland/ico-email.gif) no-repeat 0 50%; padding-left: 20px; margin-left: .5em;}

input#btn-addtocart {
width: 129px;
height: 32px;
background: #fff url(/images/babeland/btn_addtocart.gif) no-repeat;
outline: none;
}

/*-- related items sidebar --*/

.promo {background-color: #fff; margin-top: 0; padding-top: 0;}
.promo a, .promo img {padding-top: 0; margin-top: 0;}

div#related-items ul li form, div#related-items ul li span.related-details a {
/*width: 84px;
height: 14px;*/
position: absolute;
bottom: 5px;
left: 15px;
font-variant: uppercase;
font-weight: bold;
text-size: .85em;
color: #F23196;

}

div#related-items ul li span.related-details a:hover{color: #0066ff;}




/*-- Categories --*/

/*-- Cart --*/
table#basket {width: 97%;}

input.btn-smadd {
width: 40px;
height: 14px;
background: transparent url(/images/babeland/btn-smadd.gif) no-repeat 0 50%;
vertical-align: bottom;
}

input.btn-update {
width: 54px;
height: 15px;
background: url(/images/babeland/btn-update.gif) no-repeat;
}

input.btn-remove {
width: 54px;
height: 15px;
background: url(/images/babeland/btn-remove.gif) no-repeat;
}

img.btn-keepshopping, a img.btn-keepshopping, a:hover img.btn-keepshopping, a:active img.btn-keepshopping {
width: 104px;
height: 23px;
background: url(/images/babeland/btn-keepshopping.gif) no-repeat;
}

input.btn-clearcart {
width: 89px;
height: 23px;
background: url(/images/babeland/btn-clearcart.gif) no-repeat;
}

input.btn-checkout {
width: 89px;
height: 23px;
background: url(/images/babeland/btn-checkout.gif) no-repeat;
}

input.btn-continue {
width: 89px;
height: 23px;
background: url(/images/babeland/btn-continue.gif) no-repeat;
}

#bask_subtotal {
	text-align: right;
	border-right: 1px solid #f39;
	padding-right: 24px;
	height: 30px;
}

tr.bask_greyrow th, tr.bask_greyrow td {
	border-top: 1px solid #f39;
	border-bottom: 1px solid #f39;
}
tr.bask_whiterow td {border-bottom: 1px solid #f39;}
#bask_subtotal, td.bask_rightborder, td.bask_rightborder_center  {border-right: 1px solid #f39;}


/*-- order info --*/
input.btn-placeorder {
width: 89px;
height: 23px;
background: url(/images/babeland/btn-placeorder.gif) no-repeat;
}

input.btn-recalculate {
width: 136px;
height: 23px;
background: url(/images/babeland/btn-recalculate.gif) no-repeat;
}

/*-- Misc --*/
input.btn-login {
width: 89px;
height: 23px;
background: #fff url(/images/babeland/btn-login.gif) no-repeat;
}

input.btn-enter {
width: 89px;
height: 23px;
background: #fff url(/images/babeland/btn-enter.gif) no-repeat;
}

input.btn-send {
width: 89px;
height: 23px;
background: #fff url(/images/babeland/btn-send.gif) no-repeat;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: none; background: #fff 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6  50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #ccc; background-color: #ddd /*  50% 50% repeat-x*/; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ccc; background: #ffffff  50% 50% repeat-x; font-weight: bold; color: #0066ff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #0066ff; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #ccc; background: #ddd /* 50% top repeat-x;*/ color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900  50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666  50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000  50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* --- Tabs ---*/

.ui-tabs { padding: 0em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; border-bottom: 1px solid #ccc;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0 .5em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel { padding: 1em 0em;}
.ui-widget-content { border: none; }
.ui-widget-header {background:white; border:none;}
#tabs { background:white; }
#tabs h2 {font-size: 1em; font-weight: bold; padding: .25em;}