/* Home Page CSS */
body#homebody #sitebanner { height: 300px; }

  #content { font-size: 110%; text-align: justify; color: #777;}
  #content #beauty, #content #wellness, #content #comfort, #content #accessories { background: url('../images/new/bg_productBox_bottom.gif') no-repeat left bottom; margin-left: 30px; margin-right: 30px; padding-bottom: 30px; overflow: auto; /*position: relative; z-index: 50;*/}
  #content div.custom #promo { background: url('../images/new/bg_productBox_promo_bottom.gif') no-repeat left bottom; margin-left: 30px; position: relative;}
  #content div.custom #beauty, #content div.custom #wellness, #content div.custom #comfort, #content div.custom #accessories, #content div.custom #promo { margin-left: 0; margin-right: 0;}
  #content #beauty h3 { background: url('../images/new/title_home_beauty.gif') no-repeat left top; text-indent: -9999em; width: 738px; height: 27px; padding: 0;}
  #content div.custom #beauty h3 { background-image: url('../images/new/title_custom_beauty.gif');}
  #content #wellness h3 { background: url('../images/new/title_home_wellness.gif') no-repeat left top; text-indent: -9999em; width: 738px; height: 27px; padding: 0;}
  #content #comfort h3 { background: url('../images/new/title_home_comfort.gif') no-repeat left top; text-indent: -9999em; width: 738px; height: 35px; padding: 0;}
  #content #accessories h3 { background: url('../images/new/title_home_accessories.gif') no-repeat left top; text-indent: -9999em; width: 738px; height: 35px; padding: 0;}
  #content div.custom #promo h3 { background: url('../images/new/title_custom_promo.gif') no-repeat left top; text-indent: -9999em; width: 738px; height: 60px; padding: 0;}
  
  #content #beauty div.productBox_inner h4 { background: url('../images/new/subtitle_home_beauty.gif') no-repeat 27px 25px; text-indent: -9999em; width: 534px; height: 79px; padding: 0;}
  #content div.productBox_inner h4 { padding-top: 25px;}
  #content #beauty div.productBox_inner { background: url('../images/new/bg_productBox_beauty_middle.jpg') no-repeat 0 0;}
  #content #wellness div.productBox_inner { background: url('../images/new/bg_productBox_wellness_middle.jpg') no-repeat 0 0; position: relative; padding-bottom: 20px;}
  #content #comfort div.productBox_inner, #content #accessories div.productBox_inner { background: url('../images/new/bg_productBox_middle.gif') no-repeat 0 0;}
  #content div.custom #promo div.productBox_inner { background: url('../images/new/bg_productBox_promo_middle.jpg') no-repeat 0 0;}
  #content div.productBox_inner p, #content div.productBox_inner div.lytessBoxWrap { padding-left: 30px; padding-right: 30px;}
  #content div.custom div.productBox_inner div.lytessBoxWrap { padding-left: 15px; padding-right: 15px;}
  
  #content #wellness div.productBox_inner p { width: 380px;}
  #content #wellness div.productBox_inner div.videoLinkBox { width: 280px; text-align: center; position: absolute; right: 30px; bottom: 0;}
  #content #wellness div.productBox_inner div.videoLinkBox  h4 { padding: 0 18px 5px 0;}
  #content #wellness div.productBox_inner div.videoLinkBox a.videoLink { background: url('../images/new/bg_productBox_mtslink.gif') no-repeat 8px 0; width: 280px; height: 31px; color: #fff; text-decoration: underline; text-align: center; display: block; line-height: 31px; font-weight: bold; font-size: 12px; height: 1%;}
  #content #comfort div.productBox_inner h4 { padding-left: 0;}
  #content #comfort div.productBox_inner div.lytessBoxWrap { float: left; padding: 20px 0 5px 212px; margin: 0;}
  #content div.productBox div.lytessBox { margin-right: 35px;}
  
  #content div.productBox_inner div.lytessBoxWrap { height: 143px; margin-top: 20px; margin-bottom: 25px;}
  
  #content div.productBox { margin-bottom: 25px;}
  #content div.productBox h4 { padding-left: 30px; font-style: italic; font-size: 20px;}
  
  #content div.productBox div.lytessBox { float: left; width: 147px; margin: 0 20px 0 0;}
  #content div.custom div.productBox div.lytessBox { margin-bottom: 15px;}
  #content div.productBox div.lytessBox img { width: 147px; height: 123px;}
  #content div.productBox div.lytessBox a.textLink { float: right; background: #333 url('../images/new/icon_bullet_lytessBox.gif') no-repeat 6px 6px; padding: 0 5px 0 18px; color: #fff; text-decoration: none; text-transform: lowercase; font-size: 12px;}
  
  #content #accessories div.productBox_inner ul { padding: 25px 30px 0; margin: 0; list-style: none;}
  #content #accessories div.productBox_inner ul li { margin: 0 0 10px 0;}
  #content #accessories div.productBox_inner ul li img { float: left; padding-right: 15px; height: 104px;}
  #content #accessories div.productBox_inner ul li h4 { padding-top: 0; font-size: 18px;}
  #content #accessories div.productBox_inner ul li em.fontSmaller { font-size: 13px; color: #777;}
  
  #content div.home_aboutus { padding: 0 50px 20px;}
  #content div.home_aboutus h3 { padding-top: 0; font-size: 18px;}
 
 
/* Styles for Promo (5 Friends save 20% off) form */ 
  #content div.custom #promo p { width: 500px; color: #3b637c;}
  #content div.custom #promo p a, #content div.custom #promo fieldset h4 { color: #eb9831;}
  #content div.custom #promo fieldset { border: 0; font-weight: bold; padding-bottom: 30px;}
  #content div.custom #promo fieldset label { color: #3b637c; font-size: 16px;}
  #content div.custom #promo legend { display: none;}
  #content div.custom #promo label { display: block; padding: 10px 0;}
  #content div.custom #promo input, #content div.custom #promo textarea { border: 1px solid #ccc; padding: 5px; font-size: 16px;}
  #content div.custom #promo input { height: 20px; width: 250px;}
  #content div.custom #promo input#msgSubject { width: 400px;}
  #content div.custom #promo input#submit { border: 1px solid #838383; height: 35px; width: 125px; font-weight: bold; cursor: pointer; background-color: #ededed; color: #000; float: right; margin-right: 88px;}
  
  #content div.custom #promoBoxContainer { position: absolute; right: 20px; top: 315px; width: 185px;}
  #content div.custom #promoBoxContainer h4 { background: url('../images/new/title_promo_lytess.gif') no-repeat left top; text-indent: -9999em; width: 183px; height: 69px; padding: 0;}
  
/* Styles for Tooltip pop-ups */ /*  */
.tooltip-body,.tooltip-header { width: 350px; padding: 5px 15px; font-family: arial,verdana,serif; z-index: 500;}
.tooltip-body { background-color: #fff; border: 1px solid #A5CFE9; border-top: none; font-size: 12px; text-align: justify; padding: 15px;}
.tooltip-header { font-weight: bold; border: 1px solid #A5CFE9; color: #fff; background-color: #4a7d98; font-size: 14px;}
.tooltip-body2 { background-color: #fff; border: 1px solid #A5CFE9; font-size: 12px; text-align: justify; padding: 15px;}
.tooltip-body3 { width: 170px; background-color: #fff; border: 1px solid #A5CFE9; font-size: 12px; text-align: justify; padding: 15px;}


/* Miscellaneous Classes */
.bold { font-weight: bold;}
.clear { clear: both;}
.fontSmaller { font-size: 12px;}
.orange { color: #f60;}
.red { color: #f00;}
.darkGray { color: #333;}
.noteLighter { font-size: 90%; color: #777;}
.uppercase { text-transform: uppercase;}
.lowercase { text-transform: lowercase;}
.floatLeft { float: left; padding: 0 15px 10px 0;}
.floatRight { float: right; }
.pushLeft { margin-left: 10px;}
.pushLeft30 { margin-left: 30px;}
.pushMarginRight { margin-right: 13px;}
.marginBottom10 { margin-bottom: 10px;}
.padBottom3 { padding-bottom: 3px;}
.textCenter { text-align: center;}


/* New Homepage */
#newContainer { padding: 26px 30px 20px;}
#newLytess { background: url('../images/new/bg_lytess_products.gif') no-repeat left top; width: 736px; height: 405px; position: relative; margin: -44px 0 10px;}
#newLytess h1 {
	width: 193px;
	height: 70px;
	text-indent: -9999em;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 38px;
	top: 16px;
	font-size: 18px;
}
#newLytess #lytessInfo { width: 240px; margin: 0 0 0 30px; float: left;}
#newLytess #lytessInfo h2 { font-size: 14px; padding: 30px 0 0 0;}
#newLytess #lytessInfo h3 { font-size: 12px; padding: 0px 0 0 0;}
#newLytess #lytessInfo h4 { font-size: 10px; padding: 0px 0 0 0;}
#newLytess #lytessInfo p, #home_mts_silipos div.homeContentBoxLeft p, #home_mts_silipos div.homeContentBoxRight p { font-size: 12px; line-height: 15px;}
/*#newLytess #lytessInfo  h2, #newLytess #lytessInfo p a { color: #e19721;}*/
/*#newLytess #lytessInfo  h4, #newLytess #lytessInfo p a { color: #e19721;}*/

#newLytess a.absLink { position: absolute; bottom: 10px; height: 295px;}
#newLytess a.lytess1 { right: 310px; width: 110px;}
#newLytess a.lytess2 { right: 160px; width: 145px;}
#newLytess a.lytess3 { right: 32px; width: 120px;}


div.newProductInfo { float: left; width: 236px; height: 381px;}

/*news classes*/
div.newsInfo { float: left; width: 236px; height: 700px;}
#newsInfo p { font-size: 12; padding:  10px 0 0 12px ; float: left;}
#newsInfo h2 { font-size: 14; padding:  20px 0 0 12px; float: left;}

div.LytessInfoVideo {
	float: left;
	width: 215px;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}
div.LytessInfoVideo2 {
	float: left;
	width: 215px;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}


div.homeMoreProduct {
	float: left;
	width: 236px;
	padding: 0px;
}
#homeMoreProduct p {
	font-size: 12;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 12;
	left: 12px;
}
#homeMoreProduct h2 {
	font-size: 14px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
}
div.homeMoreProductDoubleWide {
	float: left;
	width: 480px;
	padding: 0px;
}
#homeMoreProductDoubleWide h2 {
	font-size: 14px;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 12px;
}
#homeMoreProductDoubleWide p {
	font-size: 12;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 12;
	left: 12px;
}


div.newsImgBoarder {margin: 20px; padding: 20px;}

/*end news classes*/

#home_mts_silipos { background: url('../images/new/0X_62222_8502_sm.jpg') no-repeat left top; width: 368px; height: 275px; position: relative; margin: 35px 0 10px;}
#home_mts_silipos h2 { color: #333; font-size: 24px; text-align: center; padding-top: 5px; font-style: italic;}
#home_mts_silipos div.homeContentBoxLeft { float: left; width: 365px; height: 275px; position: relative;}
#home_mts_silipos div.homeContentBoxLeft p { padding-left: 195px; width: 150px;}
#home_mts_silipos div.homeContentBoxRight { float: right; width: 365px; height: 275px; position: relative;}
#home_mts_silipos div.homeContentBoxRight h2 { padding-left: 20px;}
#home_mts_silipos div.homeContentBoxRight p { padding-left: 155px; width: 185px;}
#home_mts_silipos div a#mtsProdLink { position: absolute; width: 215px; height: 219px; top: 46px; left: 20px;}
#home_mts_silipos div a#mtsVidLink { position: absolute; width: 175px; height: 35px; bottom: 48px; left: 8px;}
#home_mts_silipos div a#gmbProdLink { position: absolute; width: 140px; height: 165px; top: 2px; left: 0px;}
#home_mts_silipos div a#gmgProdLink { position: absolute; width: 150px; height: 100px; bottom: 0; left: 0;}


#home_mts_silipos div a, #home_mts_silipos div p.lightBlue { color: #3b637c; font-weight: bold; text-decoration: none; font-size: 14px; text-align: left;}
#home_mts_silipos div a:hover { text-decoration: underline;}
#home_mts_silipos div a.priceLink { }

span.priceArrow { background: url('../images/new/icon_arrow.gif') no-repeat left center; padding-left: 15px;}