@charset "UTF-8";

/* Hotels at Home - Thalassa Sea & Spa */
/* CSS Author: Rhoda Ndirangu */

@import url("base.css");
@import url("ie.css");
@import url("carts.css");

/********** Home Page Content **********/
.footer-logo{ width:190px; height:85px; background: url(../images/logos/footer-logo.gif) no-repeat; display:block; position:absolute; bottom:3px; left:8px;}
.hp-main-copy{padding:52px 0 0 41px; font-size:0.4em; color:#585858;}
.hp-main-copy p{line-height:1.6em;}
h3.welcome { width:407px; height:33px; text-indent:-9999px; background: url(../images/misc/welcome-trans.png) no-repeat; margin:0 0 24px 0;}
#pgHome h4, .home-title{color:#7f7f7f; text-transform:uppercase; margin-bottom:5px; font-size:0.95em;}
.home-title{position:relative; bottom:50px; text-transform: none; font-weight:bold; display:block; width:80%;}
#pgHome{ /*background: url(../images/backgrounds/body-home-bg-trans.png) no-repeat center top;*/ }
.logo { width:180px; height:147px; display:block; text-indent:-9999px; background: url(../images/logos/logo.gif) no-repeat; margin:0 0 0 15px; }
.print-logo { display:none; }

/********** End Home Page Content **********/

/********** Top Navigation/Menus and Items**********/

.client-menu { background: #fff url(../images/misc/menu1.gif) no-repeat left center; padding:0 0 0 28px; height:26px; margin:0 8px 0 100px; float:left; display:inline;}
.client-menu li { position: relative; z-index:2000; padding:0 20px 0 0; display: block; float: left; display:inline; background: url(../images/misc/menu1_bg.gif) repeat-x 0; font: 0.30em/26px "Helvetica", Arial, sans-serif; text-transform: uppercase; height:26px; text-indent:0;}
.client-menu li ul { display: none; position: absolute; top: 1em; left: 0; z-index:1200; width:210px; margin:0px 0 0 0; padding:5px 0; font-size:1em; background-color:#b7c9da; padding:12px; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; height:auto;}
.client-menu li ul a, .client-menu li a{  color:#000;}
.client-menu a { color: #000; text-decoration: none; display: block; width: auto; }
.client-menu li a.drop_arrow{ background: url(../images/icons/drop-arrow.gif) no-repeat right center; padding-right:9px;}
.client-menu li ul li { background-image:none; font-size:1.2em; height:auto; width:210px;}
.client-menu li ul li a{ display:block; padding-left:7px; background: url(../images/icons/bullet3.gif) no-repeat left center; color:#25435c;}
.client-menu li ul li a:hover{text-decoration:underline;}
.client-menu li ul li p{line-height:1em; text-transform:none;}
.client-menu li ul li strong{font-size:1.2em;}
.client-menu li > ul { top: 0; left: 0; }
/*.client-menu li:hover ul {display:block; width:210px; position:absolute; top:27px;} */
.client-menu li.client ul{top: 27px;}
.client-menu li.newsletter ul{display:none; top:27px; padding-top:8px; z-index:1203;}
.client-menu li.newsletter ul li p{ text-align:right; clear:both; margin-top:0;}
.client-menu li.newsletter ul li input.close{margin-bottom:5px;}
.client-menu li.newsletter ul li input, .client-menu li.client ul li input{width:210px; text-align:center; text-transform:uppercase; font-size:0.8em; margin-top:4px; line-height:17px;}
.client-menu li.newsletter ul li input.close, .client-menu li.client ul li input{width:auto;}
.client-menu li.newsletter ul li select{font-size:0.9em; margin-top:4px; text-transform:none;}
.client-menu li.newsletter ul li .med{width:210px; text-transform:none;}
.client-menu li.newsletter ul li a.newsletter-submit{background-image:none; padding:0; margin-left:174px; width:35px; height:16px; display:block; text-align:right; padding-top:10px;}
.client-menu li.newsletter ul li.confirmation p{text-align:left;}

.track_order{ height:25px; width:248px; margin:4px 0 0 0; position:relative; left:405px;  z-index:300; }
.track_order ul{width:248px;}
.track_order ul li { position: relative; z-index:290;  display: block; width:133px;}
.track_order ul li a{display:block; text-indent:-9999px; background:transparent url(../images/icons/track-order-trans.gif) no-repeat;}
.track_order ul li a.submit{background-image:none;}
.track_order ul li ul { display:none; position: absolute; top: 1em; left: 0; z-index:291; overflow:hidden; width:248px; margin:0; font-size:0.45em; background-color:#a4998a; padding:10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; border-top: 2px groove #333; border-right: 1px ridge #333; border-bottom: 1px outset #333; border-left: 1px inset #333; }
.track_order ul li > ul { top: auto; left: auto;}
.track_order ul li > ul li{ width:auto; }
.track_order ul li:hover ul { display: block; width:248px; position:absolute; top:32px; }
.track_order ul li ul li a{margin:10px 10px 0 0; text-align:right;}
.track_order ul li ul li input{width:236px; margin-top:5px; text-align:center; font-size:0.65em; text-transform:uppercase;}
.track_order ul li ul li input.submit{background-image:none; padding:0; margin-left:174px; width:35px; height:16px; display:block; text-align:right;}

.language{font-size: 0.30em; text-transform:uppercase; float:right; margin:4px 0 0 0; }
.language li { position: relative; width: 175px; z-index:2000;}
.language li ul { display: none; position: absolute; top: 1em; left: 0; z-index:1200; width:173px; margin:0px 0 0 0; padding:5px 0; font-size:1em; text-indent:13px; border-right: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; background-color:#FFF;}
.language li ul a, .language li a{  color:#000; line-height:17px;}
.language li a.lang_arrow{ border:#b8b8b8 solid 1px; width:159px; height:17px; display:block; background: url(../images/icons/arrow.gif) no-repeat right center; padding:0 9px 0 5px; }
.language li ul li { padding:0px;}
.language li > ul { top: 0; left: 0; }
.language li:hover ul { display: block; width:173px; position:absolute; top:19px;}
.language select{font-size:0.9em;}

.chat{width:74px; text-indent:-9999px; float:left;}
.chat a{ display:block; width:131px; height:29px; background: url(../images/icons/chat.gif) no-repeat; }

.search{height:10px; padding-top:7px; position:relative; top:15px; left:80px; width:315px; font-size:0.35em;}	
.search li{float:left; display:inline;}
.search input{width:148px;}
.search_txt{ text-indent:-9999px; width:113px; height:17px; background: url(../images/misc/nav_sprite.gif) no-repeat left -116px; position:relative; top:5px;}
.search a{position:relative; top:3px;}

#main_nav { width:648px; background-color:#f1eeea; top:-7px; left:0; position:relative; z-index:0;}
#main_nav ul{ width:648px; height:54px; display:block;}
#main_nav ul li{float:left; display: inline; text-indent:-9999px;}
#main_nav li a{background: url(../images/misc/nav_sprite.gif) no-repeat; height:54px; display:block;}

#main_nav li#bains a{ width: 143px;  background-position:0 0; }
#main_nav li#corps a{ width: 67px; background-position:-143px 0;}
#main_nav li#visage a{ width: 70px; background-position:-210px 0; }
#main_nav li#homme a{ width: 84px; background-position:-281px 0; }
#main_nav li#idees  a{ width: 131px; background-position:-365px 0; }
#main_nav li#bonneaffaires a{ width: 152px; background-position:-496px 0; }

#main_nav li#bains a:hover, #main_nav li#bains a.current{ width: 143px;  background-position:0 -54px; }
#main_nav li#corps a:hover, #main_nav li#corps a.current{ width: 67px; background-position:-143px -54px;}
#main_nav li#visage a:hover, #main_nav li#visage a.current{ width: 70px; background-position:-210px -54px; }
#main_nav li#homme a:hover, #main_nav li#homme a.current{ width: 84px; background-position:-281px -54px; }
#main_nav li#idees  a:hover, #main_nav li#idees a.current{ width: 131px; background-position:-365px -54px; }
#main_nav li#bonneaffaires a:hover, #main_nav li#bonneaffaires a.current{ width: 152px; background-position:-496px -54px; }


/********** End Top Navigation/Menus and Items**********/

.breadcrumb{color:#898c8f; font-size:0.35em; width:760px; height:40px; clear:both;}
.breadcrumb li{float:left; display: inline; padding-right: 3px; margin-top:5px;}
.breadcrumb li:before {content: ">"; padding:0 5px;}
.breadcrumb li:first-child:before {content: ""; padding-left:0px;}
.breadcrumb li a{ color:#898c8f; text-decoration: none; font-weight:bold;}

.hp-1{display:block; position:relative; top:42px; left:10px; z-index:1;}
.hp-1 span{ width:242px; height:219px; display:block; background: url(../images/misc/hp-1-trans.png) no-repeat; position:absolute; text-indent:-9999px; z-index:20;}
.hp-2{width:206px; height:210px;}
/*.hp-2 a{width:206px; height:210px; display:block; text-indent:-9999px;}*/
.hp-3{width:206px; height:300px; margin:10px 0 0 0;}

.hp-4, .hp-5{width:544px; height:142px; margin:15px 0 0 0;}
.hp-5{ margin:44px 0 0 0; width:760px;}
.hp-4 li, .hp-5 li{float:left; display:inline;}
.hp-4_1 a, .hp-4_2 a, .hp-5_1 a{width:266px; height:142px; display:block;}
.hp-4_2 a{width:278px;}
.hp-5_1 a{width:206px;}
.hp-5_1 {width:206px; margin-left:10px; }
.sub_bar-2 li.hp-5_1{margin:10px 0 -10px;}
#pgHome .hp-4_2 {width:278px; height:142px; }

/********* Footer Content *********/

#footer {width:960px; border-top:#e2dedb solid 1px; margin:35px auto 15px auto; padding:25px 10px 0 10px; color:#969696; font-size:0.37em; line-height:1.5em; clear:both;}
#footer span{font-weight:bold;}
.footer-nav span{font-weight:bold; text-transform:uppercase;}
.footer-nav ul{padding:15px 5px 0 5px;}
.footer-nav li{float:left; display:block; width:15%; margin:5px 7px;}
.footer-nav li:last-child{margin:0;}
.footer-nav li a{display:block; width:100%; padding:2px 0; color:#969696; }

.footer-icons{width:796px; height:53px; margin:30px auto 0 auto; background: url(../images/misc/footer-icons-trans.png) no-repeat;}
.footer-icons li{float:left; display:inline}
.footer-icons li a{display:block; text-indent:-99999px; width:240px; height:53px;}
.footer-icons li a.icon2{width:185px;}
.footer-icons li a.icon3{width:195px;}
.footer-icons li a.icon4{width:175px;}

.site-info{clear:both; display:block; text-align:center; border-top:#e2dedb solid 1px; padding:15px 0 0 0; margin:20px 0 0 0;}
.site-info li a{ margin:0 5px; color:#7c6f64;  font-size:0.85em;}

/********* End Footer Content *********/

/********** Left Navigation **********/

#left_nav{ width:207px; height:auto; margin:12px 0 0 3px; background: url(../images/backgrounds/left_Nav_bg.gif) repeat-y; font-size:0.88em; color:#9dbbd4;}
#left_nav ul li a span.current{ background: url(../images/icons/left-nav-arrow.gif) no-repeat left center; padding-left:6px; color:#FFF; margin-left:-14px;} 
#left_nav ul{ width:190px; height:auto;  padding:3px 0;  margin: auto; }
#left_nav ul li{border-top:#6090ba solid 1px; display:block; padding:9px 0 9px 12px;}
#left_nav ul ul li, li.first{border:0!important; padding:0; }
#left_nav ul li ul{width:180px;}
#left_nav li a{color:#9dbbd4;  line-height:1.5em; }
#left_nav li a.active{color:#FFF; font-weight:bold; margin-left:-5px;}
#left_nav ul li a span{margin:9px 0 0 -8px; font-weight:bold; text-transform:uppercase;}
.left_nav_bott{ width:207px; height:13px; background: url(../images/backgrounds/left_Nav_bott.gif) no-repeat; margin:0 0 88px 3px;}
#left_nav ol li a{margin-left:0;}
#left_nav ol{ width:150px; margin:0 0 0 16px;}
#left_nav ol li{ border:0; padding:9px 0; display:block; clear:both;}
#left_nav ol li span{font-size:1.3em; font-weight:bold; display:block; float:left; display:inline; margin:0 4px 12px 0;}
#left_nav li.active{color:#FFF;}
.nav_content{padding:17px 15px 20px 17px;}
.nav_content strong{font-size:1.4em; font-weight:bold;}
.nav_content blockquote{margin:4px 0 0 18px;}
.nav_content span{font-size:0.8em;}
#left_nav .faq-nav{width:165px;}
#left_nav .faq-nav li span.long{margin:0 4px 45px 0;}

#left_nav h3{ width:207px; height:52px; display:block; text-indent:-9999px; background: url(../images/misc/left_nav_header.gif) no-repeat; }
#pgFace #left_nav h3{background-position:0 0;}
#pgFaq #left_nav h3{background-position:0 -52px;}
#pgStep1 #left_nav h3, #pgStep2 #left_nav h3, #pgStep3 #left_nav h3, #pgStep4 #left_nav h3, #pgStep5 #left_nav h3, #pgOrderStatus #left_nav h3, #pgOrderDetails #left_nav h3, #pgOrderStatus #left_nav h3, #pgCart #left_nav h3, #pgMyAccount #left_nav h3{background-position:0 -106px;}
#pgIdeesCadeaux #left_nav h3{background-position:0 -160px;}
#pgCorps #left_nav h3{background-position:0 -268px;}
#pgHomme #left_nav h3{background-position:0 -322px;}
#pgVisage #left_nav h3{background-position:0 -213px;}
#pgBonneAffaires #left_nav h3{background-position:0 -374px;}

/********* End Left Navigation **********/

/********* Heroes **********/

.hd-hero, .hd-hero_2{ width:747px; height:340px; margin:auto;}
.hd-hero_2{height:165px; background: url(../images/heros/hero_2.jpg) no-repeat; padding-top:10px;}
#pgBains .hd-hero{background: url(../images/heros/hero-bains.jpg) no-repeat;}
#pgBonneAffaires .hd-hero{ background: url(../images/heros/hero-Accessoires.jpg) no-repeat; }
#pgCorps .hd-hero{ background: url(../images/heros/hero-corps.jpg) no-repeat; }
#pgHomme .hd-hero{ background: url(../images/heros/hero-masculin.jpg) no-repeat; }
#pgVisage .hd-hero{background: url(../images/heros/hero-visage.jpg) no-repeat;}
#pgIdeesCadeaux .hd-hero{ background: url(../images/heros/hero-idees.jpg) no-repeat; }

.hd-hero h3, .hd-hero_2 h3{text-indent:-9999px; display:block; line-height:3.75em;}
.hd-hero_2 h3{ width:747px; height:40px; background: url(../images/heros/hero_2-header.jpg) no-repeat right; }
/*Bains */
.hd-hero_2 h3.Bains-ExfoliantsStimulants{background-position:right 0;}
.hd-hero_2 h3.Bains-LesEssentiels{background-position:right -40px;}
.hd-hero_2 h3.Bains-capillaires{background-position:right -80px;}
/*Corps*/
.hd-hero_2 h3.Corps-MinceurFermete{background-position:right -120px;}
.hd-hero_2 h3.Corps-DouceurConfort{background-position:right -160px;}
/*Visage*/
.hd-hero_2 h3.Visage-Antiage{background-position:right -200px;}
.hd-hero_2 h3.Visage-SoinsTousTypes{background-position:right -240px;}
.hd-hero_2 h3.Visage-PeauxSensibles{background-position:right -280px;}
/*Accessoires*/
.hd-hero_2 h3.Accessoires-Livres{background-position:right -320px;}
.hd-hero_2 h3.Accessoires-Rescue{background-position:right -360px;}
.hd-hero_2 h3.Accessoires-Infusions{background-position:right -400px;}
.hd-hero_2 h3.Accessoires-BainNature{background-position:right -440px;}
.hd-hero_2 h3.Accessoires-BainCouleur{background-position:right -480px;}
/*Idees*/
.hd-hero_2 h3.IdeesCadeaux-LesRituels{background-position:right -520px;}
.hd-hero_2 h3.IdeesCadeaux-CarteCadeau{background-position:right -560px;}

#pgBonneAffaires .hd-hero_2 h3{background:none;} 
#pgHomme .hd-hero_2 h3{background-image:none;}

.hd-hero .hero_txt, .hd-hero_2 .hero_txt{float:right; width:255px; margin:20px 20px 0 0;}
.hd-hero_2 .hero_txt{width:400px;}
#pgBains .hd-hero_2 .hero_txt{width:470px;}
.hd-hero .hero_txt p span, .hd-hero_2 .hero_txt p span{ font-weight:bold; line-height:1.3em; }
.hd-hero .hero_txt p, .hd-hero_2 .hero_txt p{line-height:1em; text-align: justify; text-justify: newspaper;}
.hero_txt p:first-child{text-align:right;} 
p.txt-just{text-align: justify; text-justify: newspaper;}
#pgBains .hd-hero_2{ background: url(../images/heros/hero_2-bains.jpg) no-repeat; }
#pgBonneAffaires .hd-hero_2{ background: url(../images/heros/hero_2-accessoires.jpg) no-repeat; }
#pgCorps .hd-hero_2{ background: url(../images/heros/hero_2-corps.jpg) no-repeat; }
#pgHomme .hd-hero_2{ background: url(../images/heros/hero_2-masculin.jpg) no-repeat; }
#pgVisage .hd-hero_2{ background: url(../images/heros/hero_2-visage.jpg) no-repeat; }
#pgIdeesCadeaux .hd-hero_2{ background: url(../images/heros/hero_2-idees.jpg) no-repeat; }

/********* End Heroes **********/

/********* H3 Image Headers *********/

.heading{background: url(../images/misc/heading.jpg) no-repeat right; width:745px; height:60px; display:block; text-indent:-9999px;}
#pgFaq h3.heading{background-position:0 -120px;}
#pgStep1 h3.heading{background-position:0 -60px;}
#pgStep2 h3.heading{background-position:0 -240px;}
#pgStep3 h3.heading{background-position:0 -300px;}
#pgStep4 h3.heading{background-position:0 -360px;}
#pgContact h3.heading{background-position:0 -180px;}
#pgCart h3.heading{background-position:0 0; height:43px;}
#pgSearch h3.heading{background-position:0 -420px; height:43px;}
#pgOrderDetails h3.heading{background-position:0 -480px; height:43px;}
#pgSitemap h3.heading{background-position:0 -542px;}
#pgMentions h3.heading{background-position:0 -602px;}
#pgCosmetique h3.heading{background-position:0 -662px;}
#pgCondition h3.heading{background-position:0 -722px;}
#pgTechnique h3.heading{background-position:0 -782px;}
#pgStep5 h3.heading{background-position:0 -842px; height:43px;}
#pgOrderStatus h3.heading, #pgMyAccount h3.heading, #pgOrder h3.heading{background-position:0 -902px;}
#pgTerms h3.heading{background-position:0 -962px;}
#pgError h3.heading{background-position:0 -1022px;}
#pgDefault h3.heading{background-position:0 -1084px;}
/********* End H3 Image Headers *********/

/********* FAQ Pages *********/

.faq-content h4, .form-content h4, .contact h4, #pgStep5 h4, .terms-content h4{display:block; font-weight:bold; font-size:1.2em; text-align:right; padding:10px 0 10px 0; width:auto; clear:right;}
.faq-content ul li{display:block; border-bottom:#b8b8b8 solid 1px; padding:0 0 25px 0; margin:0 0 20px 0;}
.terms-content ul{ padding:5px 0 0 25px; list-style: disc outside; }
.terms-content ul li{padding:5px 0;}
.faq-content dd, .contact dd, .form-content dd{ background: url(../images/misc/bullet.gif) no-repeat left top; display:block; padding:0 0 0 9px;}
.faq-content span, .form-content span{font-size:0.8em; float:right; margin:10px 0 0 0;}
.faq-content .browser-icon{margin:0 0 0 15px; float:right;}
.faq-content h5{display:block;font-size:1em;font-weight:bold;text-align:right; line-height:45px; margin:0 0 12px 0;}
.terms-content h4{text-align:left;}
/********* End FAQ Pages *********/

.contact span{font-size:0.8em; text-align:right; float:right;}
.contact fieldset { margin: 20px 0 10px 10px; padding-top:8px; width:410px; border:0; }
.contact h4{border-top: 1px solid #B8B8B8; margin:15px 0 0 0;}
.contact textarea, #pgStep3 textarea{width:395px; height:100px;}
.salutation {color:#51585e; font-size:0.8em; text-transform:uppercase;}
.salutation input{width:22px!important; border:0 !important;}
#pgStep3 label.message-copy{width:auto;}
#pgContact a.button{margin:0 15px 0 0; float:right; background-position:-523px -206px;}

/********* Checkout Pages *********/

.form-content fieldset{ margin: 10px 0 10px 4px; width:410px; padding-bottom:10px; border-bottom: 1px solid #B8B8B8; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; }
.form-content label, .contact label{ display: inline-block; line-height: 1.8em; vertical-align: top; text-transform:uppercase; color:#51585e; font-size:0.8em; width: 150px; }
.form-content fieldset input.submit, .contact fieldset input.submit{ width:35px; height:16px; background: url(../images/icons/ok.png) no-repeat; text-indent:-9999px; font-size:0em; border:0;  margin-left:360px;}
.form-content fieldset input, .form-content fieldset select, .contact fieldset input, .contact fieldset select{width:240px; font-size:9px;}
.form-content fieldset select, .contact fieldset select{text-transform:uppercase; font-size:0.75em;}
.form-content fieldset li, .contact fieldset li{padding:5px 0;}
.form-content fieldset:last-child{border: none;}
.form-content em, .contact em, .error, label.error { color: #F00;}
.form-content fieldset fieldset label{margin-left: 123px;}
.form-content a.button{ width:128px; height:20px; display:block; text-indent:-9999px; float:right; margin:12px 0 0 0; background: url(../images/misc/button.gif) no-repeat; clear:both;}
#pgStep1 .form-content a.button, #pgStep2 .form-content a.button, #pgStep3 .form-content a.button, #pgStep4 .form-content a.button{background-image:none; padding:9px 20px 8px 20px;  text-indent:0; width:auto; height:auto; color:#fff; text-transform:uppercase; font-size:1.2em; text-decoration:none; font-weight:bold; border:1px solid #ccc;
background: #1d567c; /* Old browsers */
background: -moz-linear-gradient(top, #1d567c 0%, #052f4b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d567c), color-stop(100%,#052f4b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d567c 0%,#052f4b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d567c 0%,#052f4b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1d567c 0%,#052f4b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d567c', endColorstr='#052f4b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #1d567c 0%,#052f4b 100%); /* W3C */
}
#pgStep1 .form-content a.button:hover, #pgStep2 .form-content a.button:hover, #pgStep3 .form-content a.button:hover, #pgStep4 .form-content a.button:hover{background: #052f4b; /* Old browsers */
background: -moz-linear-gradient(top, #052f4b 0%, #1d567c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#052f4b), color-stop(99%,#1d567c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #052f4b 0%,#1d567c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #052f4b 0%,#1d567c 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #052f4b 0%,#1d567c 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052f4b', endColorstr='#1d567c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #052f4b 0%,#1d567c 99%); /* W3C */}
.form-content span{text-align:right; margin-top:-10px;}
.form-content dl{width:260px; float:right; overflow:hidden;}
.form-content fieldset input.SelectHotel{width:25px;}
#pgStep2 .form-content .button, #pgOrderStatus .form-content .button, #pgOrder .form-content .button{margin-right:15px;}
#pgOrderStatus .form-content .button, #pgOrder .form-content .button, a.hotel-search-btn { background: url(../images/misc/nav_sprite.gif) -413px -188px; width:99px; height:20px;}
#pgStep4 select.med{width:130px; margin-left:-1px;}
#pgStep4 select.sm{width:70px;}
#pgStep4 input.xsmall{width:50px;}
#pgStep4 .form-content span{text-align:left; text-transform:none;}
#pgStep4 .form-content label{text-align:right; margin-right:10px;}
#pgStep4 .form-content fieldset{border:none;}
#pgStep1 .form-content{padding-top:10px;}
#pgStep1 .form-content dl {float:none; margin-left:-9px;}
#pgStep5 h6{display:block; color:#FFF; text-align:right; padding-right:22px; width:725px;}
input#viewAll{width:20px;}
a.hotel-search-btn {background-position:-413px -210px; display:block; text-indent:-9999px; float:right; overflow:hidden; margin:0 55px 0 0;}
select#shipViaID{width:315px;}
#pgStep1 fieldset input, #pgStep1 .form-content fieldset select {width:255px; }


h4.order-summary{ width:430px; height:37px; text-indent:-9999px; margin-top:30px; background: url(../images/misc/order-summary-trans.png) no-repeat; }
li.print-receipt, li.pdf{float:left; display:inline;}
li.print-receipt {width:79px; margin:8px 10px 22px 275px; overflow:hidden;}
li.pdf{width:93px; margin:8px 0 22px 0;}
li.print-receipt a{width:79px; background-position:-432px -117px; margin:0;}
li.pdf a{width:93px; background-position:-418px -141px; margin:0}
a.validate{background-position:-523px -206px; float:right; width:79px; margin-right:15px;}

.customer-review li{ float:left; display:inline; width:246px; text-transform:none; font-size:1em; margin:10px 0 0 11px;}
.customer-review li:first-child{margin-left:0;}
.customer-review dl{padding:14px 10px 10px 10px; line-height:1em;}
.customer-review dd{padding:0 0 0 8px;}
.customer-review dt span{font-size:0.8em;}
.customer-review dt{padding-bottom:10px;}
.customer-review li strong{text-transform:uppercase; font-size:0.95em;}
.customer-review ol li:first-child{}
.customer-review ol li{margin:0;}
.last{margin-left:0 !important; clear:both;}
.message{line-height:0.8em; padding:20px; font-size:0.9em;}
.message span{text-transform:uppercase;}
#pgStep5 .span-3{float:none;}
#pgCondition p, #pgThankyou p{text-align:justify; text-justify: newspaper;}
#pgThankyou .contact h4{margin:0; border:0; text-align:left;}

.SSL_info{ width:760px; height:95px; margin:15px auto; background: url(../images/misc/ssl.png) no-repeat; }
.SSL_info img{margin:18px 0 0 30px;}
/********* End Checkout Pages *********/

/********* Product Item Page *********/

h1{height:60px; margin:0 0 20px 30px;}
#product-content{font-size:0.45em; width:760px; overflow:hidden;}
#product-content img{border:#d2d2d2 solid 1px; padding:3px; background-color:#dfd9d4;}
#product-content li.item-img{float:left; display:inline; width:250px; margin:0 0 0 30px;}
#product-content li.item-copy{width:440px; float:left; margin-left:30px;}
#product-content blockquote{ display:block; font-weight:bold; margin:8px 0 0 0; background:#fff; padding:8px 4px; border:1px solid #dce3e4;}

.tools{margin:13px 0 0 10px;}
.tools li{float:left; display:inline;}
li.enlarge a, li.share a, li.print a{ background: url(../images/misc/icons.gif) no-repeat 0 0; width:57px; height:11px; margin:0 26px 0 0; display:block; text-indent:-9999px;}
li.enlarge a{background-position:0 -12px;}
li.print a{background-position:0 -27px; margin:0;}
li.details{width:220px; font-size:0.7em; color:#615a57; padding-top:16px; margin:14px 0 0 10px; background: url(../images/misc/icons.gif) no-repeat 0 -39px;}

#product-content ul.list{ font-size:0.8em; color:#615a57; margin:20px 0 0 0; background: url(../images/misc/ingredients-trans.png) no-repeat left top; padding:0 0 0 30px;}

/*.chat2 {text-indent:-99999px; background: url(../images/icons/chat-live-trans.png); width:235px; height:30px; margin:50px 0 0 0;}*/
.chat2{margin:50px 0 0 0;}
.chat2 span, .chat2 div{ font-size:97% !important;}
.chat2 strong{font-size:105%;}
.chat2 .help{margin:0 0 0 -3px;display:block; background: url(../images/icons/help-fr.gif) no-repeat; width:129px; height:19px; text-indent:-99999px;}

/*********End Product Item Page *********/

#pgSitemap li span{ font-size:1.3em; padding:2px 0 5px 0; display:block; font-weight:bold;}
#pgSitemap dd ol{margin-left:12px;}
#pgSitemap dd > a{font-weight:bold; display:block; padding-bottom:3px;}
#pgSitemap dd{margin-bottom:16px;}

.more-info{font-size:0.35em; line-height:0.9em; margin:8px 12px 0 12px;}

/*Default Page*/
#pgDefault img.logo{float:left; margin:0 20px 20px 10px; background-image:none;}
#pgDefault #content{margin:160px auto 0 auto; float:none;}
#pgDefault p.first{margin-top:5%;}
body#pgDefault{height:auto;}
body#page{font-size:0.75em; background:none;}
iframe html {background:none;}

/* Accept Terms Addition */
.confirmTerms { background: #edf2f6; border: 1px solid #d8d5c4; display: block;  width: 419px; padding: 6px 7px 5px; margin:8px 0; overflow:hidden; font-size:0.9em; margin:-5px 0 0 0;}
.confirmTerms a{color:#081928; text-decoration:underline;}
.confirmTerms p{float:left; margin:0; line-height:3em;}
#cardImgAmex, #cardImgMaster, #cardImgVisa, #cardImgDiscover{position:absolute; right:30px;}

div#pleaseWaitButtonDiv2_PleaseWaitButton1, div#pleaseWaitButtonDiv_PleaseWaitButton1{float:right; margin:0;}
div#pleaseWaitButtonDiv2_PleaseWaitButton1{padding-top:5px; font-weight:bold;}
.medium{font-size:0.9em;}
.medium i{font-size:0.96em;}

#pg404 #ErrorMessage .errorInfo { border:0;  display: block; text-align: center;  margin:0 0 0 5px;  }
#pg404 #ErrorMessage li span { font-weight: bold; font-size: 12px; }
#pg404 #ErrorMessage li p	 { padding: 2px 10px; margin: 0;  }
#pg404 .faq-content{padding-top:0;}
#pg404 .faq-content ul li a {display:inline; background:none; padding:0;}
#pg404 .faq-content ul{padding:10px 10px 30px 0;}
#pg404 .topSellers-list{ margin: 0 20px; display: table;}
#pg404 .topSellers-list li{float:left; display:inline; padding-right:10px; width:120px; border:0; }
#pg404 .topSellers-list li span{display:block; float:left; text-align:left;}
#pg404 .topSellers-list img{border:1px solid #CCC;}
#pg404 h4, #pg404 h5{margin:0; line-height:normal; text-align:left;}





