/*--------------- universal element styles -----------------*/
a, input {outline:none;}
.mousefinger {cursor:pointer;}


body, form {
	margin : 0;
	padding : 0;
}

body, td, th, div, p {
	font-family : arial, helvetica, sans-serif;
	font-size : 10px;
	color : #666666;
}

td {
	vertical-align : top;
}

h1 {
	padding : 0;
	margin : 0;
}

hr {
	height : 1px;
	background-color : #336666;
	border : none;
	margin : 0 0 20px 0;
	padding : 0;
}

img {
	padding : 0;
	margin : 0;
	border : 0;
}
p.bold {
	font-weight : bold;
}

#main {
	width : 717px;
	margin-left: auto; margin-right: auto;
}

input, textarea {
	
	font-size : 11px;
	line-height : 11px;
	color : #666666;
}
.button {
	position : relative;
	top : 4px;
	cursor : pointer;
}

.clear {
	clear : both;
}

.right {
	float : right;
}

.errortext {
	color: #CC0000;
}

a {
	color : #336666;
}
a:hover {
	color : #89a6a6;
}
strong.green {
	color : #336666;
}


/*---------------- header ------------*/
div#checkout_header{height:auto;}

#header {
	margin  :0;
	height : 149px;
}

#logo {
	display : block;
	margin : 14px 0px 0px 11px;
	width:148px;
}

#supportnav_container {
	width: 717px;
	height:76px;
	border-top : 7px solid #a9d9c5;
	z-index:2998;
	background-color:#FFFFFF;
}

ul#supportnav {
	float:right;
	margin:0;
	padding: 2px 0 4px;
	border-bottom : 1px solid #a9d9c5;
}

ul#supportnav li {
	display:inline;
	padding : 0 8px;
}

ul#supportnav li a {
	color : #336666;
	font-size : 10px;
	text-decoration : none;
}

ul#supportnav li a:hover {
	color : #89a6a6;
}

#support_emailsignup_container { 
	visibility: hidden;
	position:absolute;
	top:0px;
	left:513px;
	width:193px;
	margin:0;
}

#support_emailsignup { 
	width:193px;
	margin:0;
	padding: 6px 6px 6px 5px; 
	background: #a9d9c5;
}

#support_emailsignup img#signup_image {
	display:block;
}	

#support_emailsignup input.signin_text {
	width: 140px;
	margin: 0 3px 0 0;
	padding:1px;
	border:1px solid #808080;
	vertical-align:middle;
}

#support_emailsignup img.button {
	position:inherit;
	top:0px;
	vertical-align:middle;
}		 

#search {
	clear:both;
	margin : 0px 0px 0px 0px;
	font-weight : bold;
	line-height : 10px;
	position : relative;
	text-align:right;
	width:220px;
	top: 2px;
	right: 1px;
}


#mainnav_container {
	position:absolute;
	top:83px;
	z-index:2999;
	width:717px;
	height:66px;
	background-color:#ffffff;
	border-bottom : 1px solid #a9d9c5;
}

#mainnav_container div#nav_top a, #mainnav_container ul#nav_main a { color:#ffffff;}

form#searchform {
	top:-24px;
	left:524px;
	position:absolute;
	width:200px;
}

form#searchform span {
	font-weight:bold;
	color: #0e5f60;
	vertical-align:middle;
}

form#searchform input {
	width: 100px;
	border:1px solid #cccccc;
	margin:0 6px;
	vertical-align:middle;
}

form#searchform img.button {
	position:inherit;
	top:0px;
	vertical-align:middle;
}	

div#nav_top  {
    width:717px;
	height:30px;
	padding:0;
	margin:0;
	background-color:#f0f9f4;
}	

ul#nav_main  {
   	width:717px;
   	height:35px;
   	border-top: 1px solid #a9d9c5;
   	padding:0;
   	margin:0;
}

ul#nav_main li {
	display:inline;
}

ul#skincare_menu {
	left:20px;
	width:150px;
}	

ul#bodycare_menu {
	left:116px;
	width:170px;
}

ul#makeup_menu {
	left:446px;
	width:150px;
}

ul.menu_drop {
	top:0px;
	visibility:hidden; 
	position:absolute;
	padding:0;
	margin:0;
	text-align:left;
	border:#cccccc 1px solid;
	background:#ffffff;
}	

ul.menu_drop li {
	margin:0;
	padding:2px 0 2px 6px;
	border-top: #cccccc 1px solid;
	list-style:none;
}

ul.menu_drop li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color: #0e5f60;
	list-style:none;
}

ul.menu_drop li a:hover {
	color: #929191;
}

ul.menu_drop li.head {
	margin:0 0 1px 0;
	padding:2px 0 2px 6px;	
	border-bottom: #cccccc 1px solid;
	border-top: none;
	text-transform:uppercase;
	color: #929191;	
}

/*---------------- leftnav ------------*/

#leftnav {
	float : left;
	width  :148px;
	margin : 0px 0px 0px 12px;
	padding : 0;
	
}

#leftnav ul {
	padding : 0;
	margin : 0 0 0 0px;
	list-style-type : none;
	line-height  :0px;
	
}

#leftnav ul li {
	padding : 0;
	margin : 0;
	line-height : 0px;
}

#leftnav ul li.leftnavhead, #leftnav ul li a {
	
	padding : 3px 0px 3px 12px;
	line-height : 10px;
}
#leftnav ul li a {
	display : block;
	text-decoration : none;
	border-top : 1px solid #CCCCCC;
	color : #336666;
	font-weight : bold;
}

#leftnav ul li a:hover {
	color : #89a6a6;
	line-height : 10px;
}

#leftnav ul li.selected a {
	background : #e1f4ec url(/images/icon_arrow.gif) 4px 5px no-repeat;
	color : #336666;
}


#leftnav ul li.leftnavhead {
	text-transform : uppercase;
	color : #929191;
	border-bottom : 1px solid #CCCCCC;
	margin : 24px 0px 1px 0px;
}

#leftnav h1, #leftnav h2 {
       	display : inline;
	font-size : 10px;
	font-weight : normal;
	line-height : 10px;
	padding : 0px ;
}


/*---------------- homepage styles -----------------*/

#home_main {
	width : 717px;
	margin-left: auto; margin-right: auto;
}

.absolute_container {
	position:absolute;
}

#home_button {
	position:relative; 
	left:600px; 
	top:335px; 
	z-index:1000; 
	width:91px; 
	height:91px;
}

#promos_drop {
	visibility:hidden; 
	position:absolute; 
	top:406px; 
	left:0;
}

a#promos_trigger {color:#ffffff; display:block; height:24px; cursor:pointer;}

#home_flash {
	height:256px;	
}

#home_nonflash {
	height:256px;	
}	

#home_promos {
	height:142px;
	background:#f0f9f4;
}

#optin_thanks_layer {
	position:absolute; top:157px; left:180px;
}

#optin_layer {
	width:391px; height:257px; background:url(/images/home/optin_box/opt_in.gif); position:absolute; top:157px; left:180px;
}

#optin_layer form{
	margin:158px 0 0 64px;
}

#optin_layer #email {
	width:192px; height:13px; border:1px solid #e46184; padding:2px 2px 1px 2px; vertical-align:top;
}		

#home_main div.close {
	margin-left:320px;
}

/*---------------- content area -------------------*/
#content {
	margin : 30px 0px 0px 187px;
	
}
#landingcontent, #multiproductcontent{
	margin : 10px 0px 0px 187px;
	padding : 0;
	width : 515px;
}
#landingcontent #landingtable {
	width : 514px;
	border : 0px;
	padding : 0px;
    /*spacing : 0px;*/
	margin : 0px;
}

#landingtable td {
        padding : 10px 0px 0px 0px ;
}



/*---------------- product info/ program info -------------------*/

#productinfo {
	width:520px;
}
#productinfotable {
	border-bottom : 1px solid #f7d54e;
	padding : 0px;
	margin : 0px;
}

#productimage {
	float : left;
}

#productinfo h1, #productinfo h2, #productinfo h1, #productinfo p, #productinfo h3, #productinfo #location, #productinfo #ingredients, #productinfo #buybox {
	margin-left : 200px;
} 


#productinfo h1 {
	color : #336666;
	text-transform : uppercase;
	font-size : 18px;
	font-weight : normal;
	border-bottom : 1px solid #f7d54e;
}
/* ----- lines under the H1 can be changed to a different color with the addition of extra classes here.
#productinfo h1.blue {
	border-bottom : 1px solid #b0d3e3;
}
*/
.am {
	background : url(/images/am.gif) center right no-repeat;
}

.pm {
	background : url(/images/pm.gif) center right no-repeat;
}

/*
.ampm {
 	background : url(/images/ampm.gif) center right no-repeat;
}
*/

#productinfo h2 {
	color : #999999;
	text-transform : uppercase;
	font-size : 12px;
	font-weight : normal;
	margin : 0;
	padding : 0;
}

#productinfo p {
	color : #333333;
}

#productinfo h3 {
	margin : 0;
	padding : 0;
	color : #336666;
	font-weight : bold;
	font-size : 10px;
}

#ingredients, #location {
	margin-bottom : 10px;
}
#ingredients, #ingredients a, #location {
	color : #999999;
}

#ingredients a:hover {
	color : #336666;
}


#ingredientpops div {
	display : none;
	position : absolute;
	z-index : 100;
	border : 1px solid #a9d9c5;
	border-top : 7px solid #a9d9c5;
	width : 150px;
	background-color : #ffffff;
}



#ingredientpops h1 {
	display : block;
	width : 132px;
	margin : 0;
	cursor : pointer;
	font-size : 15px;
	border-bottom : 1px solid #a9d9c5;
	padding : 3px 15px 3px 3px;
	background : url(/images/icon_close.gif) 137px 3px no-repeat;
}
#ingredientpops p {
	padding : 3px;
	margin : 0;
	color : #999999;
}


#buybox {
	margin-top : 25px;
	
}
#buybox #productsize {
	float : left;
	display : inline;
	color : #999999;
	font-weight : bold;
	margin-top : 6px;
	width : 125px;
	
}
#buybox #productcost {
	float : left;
	color : #333333;
	font-weight : bold;
	margin : 6px 10px 0px 0px;
	display : inline;
}


.qty, input.qty {
	width : 35px;
	height: 14px;
	margin: 6px 10px 0 0;
	border: 1px solid #999999;
}

#buybox img.button {vertical-align: top; padding-top: 2px;}

#solutions_benefits_mask {
	position:absolute;
	left:187px;
	top:70px;
	width:530px;
	height:109px;
	background-color:#FFF;
	z-index:1000;
}
#solutions_benefits_container {
	position:absolute;
	left:340px;
	top:/*179px*/70px;
	width:359px;
	height:126px;
	z-index:999;
}

#solutions_benefits_container #benefits_copy {
	width:359px;
	height:109px;
	margin:0;
	padding:0;
}

#solutions_benefits_container #benefits_btn {
	position:relative;
	top:-1px;
	width:128px;
	height:18px;
	float:right;
	/*margin-top:108px;*/
}


#content.programcontent {
	margin-right : 20px;
}

#program {
	width : 517px;
	height: 280px;
	padding : 0;
	margin: 0px;
	float : left;
	display : inline;
}

.antiwrinkle {
	background : url(/images/head_skincare_antiwrinkle.jpg) no-repeat;
}
.hydrating {
	background : url(/images/head_skincare_hydrating.jpg) no-repeat;
}
.brightening {
	background : url(/images/head_skincare_brightening.jpg) no-repeat;
}
.matifying {
	background : url(/images/head_skincare_matifying.jpg) no-repeat;
}
.nourishing {
	background : url(/images/head_skincare_nourishing.jpg) no-repeat;
}
.soothing {
	background : url(/images/head_skincare_soothing.jpg) no-repeat;
}
.ageprevention {
	background : url(/images/head_skincare_ageprevention.jpg) no-repeat;
}
.firminglifting {
	background : url(/images/head_skincare_firminglifting.jpg) no-repeat;
}

.programcontent #program #pop_link {
	margin-left:495px;
}	

.programcontent #program #buyseparetely {
	margin : 176px 0 0 286px;
	padding : 0;
	width : 230px;
}

#buyseparetely p {
	text-align: right;
	margin: 0 7px 8px 0;
	padding:0;
	color : #818181;
}

#buyseparetely p.bold {
	color : #000000;
	font-weight : bold;
}

#buyseparetely p a, img {
	margin: 0;
	padding:0;
}

#programsteps {
	margin-bottom : 20px;
	width : 517px;
	float : left;
	display : inline;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

#programsteps .programstep {
	padding : 6px 10px 10px 7px;
	width : 172px;
	border-left: 1px solid #e9e9e9;
	background: #f5f5f5;
}

#programsteps .programstepbottom {
	padding : 0 10px 15px 7px;
	width : 172px;
	border-left: 1px solid #e9e9e9;
	background: #f5f5f5;
}

#programsteps .programstep a, #programsteps .programstep div {
	width:154px;
}

#programsteps .programstep a {
	color : #316262;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
}

#programsteps .programstep .productdesc {
	color : #8c8c8c;
	font-weight : normal;
	font-size : 11px;
	padding-top:5px;
}

#programsteps .programstepbottom .productsize {
	color : #999999;
	font-weight : bold;
	font-size : 10px;
}

#programsteps .programstepbottom .productprice {
	color : #333333;
	font-weight : bold;
	font-size : 10px;
}


/*---------------- bottom info, product --------------------*/
#bottominfospacer {
	clear:both;	
	height:15px;
	border-bottom:1px solid #f7d54e;
	margin-bottom:20px;
}	

#bottominfo.programpage div, #bottominfo.programpage ul.tabs li, #bottominfo.programpage ul.tabs, #bottominfo.programpage #programdetails, #bottominfo.programpage #addresses {
	border-color : #cccccc;
}

#bottominfo ul.tabs {
	margin : 0px 0 0 0px;
	padding : 0;
	list-style-type : none;
	position : relative;
	top : 1px;
	height : 19px;
	border-left : 1px solid #CCCCCC;
	float : left;
}
#bottominfo ul.tabs li {
	margin : 0 5px 0 0;
	padding : 0;
	list-style-type : none;
	float : left;
	display : inline;
	text-transform : uppercase;
	border : 1px solid #CCCCCC;
	color : #669999;
	font-size : 12px;
	line-height : 12px;
	cursor : pointer;
	height : 17px;
	width:160px;
	
}
#bottominfo ul.tabs li.first {
	border-left : none;
}
#bottominfo ul.tabs li.selected {
	color : #336666;
	border-bottom : 1px solid #FFFFFF;
	cursor : default;
}
#bottominfo .container {
	border : 1px solid #CCCCCC;
	float : left;
	padding : 0;	
	width: 100%
}
.tabborder {
	display : block;
	padding : 2px 5px 0px;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	background : url(/images/bg_tab.gif) repeat-x;
	height : 13px;
}

#bottominfo ul.tabs li.selected .tabborder {
	background : url(/images/bg_tab_selected.gif) repeat-x;
	
}

#howtoapply {
	float : right;
	margin: 0 1px 0 1px;
	width : 125px;
	border-left : 1px solid #CCCCCC;
}

#howtoapply h1 {
	padding : 0;
	margin : 0 0 20px 0;
	font-size : 12px;
	color : #336666;
}

#howtoapply p {
	line-height : 11px;
}
#howtoapply .producttype {
	color : #666666;
}
#productdetails  #details, #productdetails #addresses {
	border-bottom : 1px solid #CCCCCC;
	
}

#productdetails  #programdetails {
 	padding : 5px;
	color : #666666;
	font-weight  :bold;
	font-size : 11px;
	width : 246px;
 }
#productdetails  #programdetails .label {
	color : #336666;
	font-weight  :normal;
 }
 
#productdetails #addresses {
	padding : 5px 0px 5px 15px;
  	width : 241px;
 
 }
#productdetails #results {
	padding : 5px 15px;
}

#productdetails  #addresses ul,  #productdetails  #results ul {
	margin : 0 0 0 15px;
	padding : 0;
}


#productdetails #addresses .label, #productdetails #results .label {
	color : #336666;
	font-weight : bold;
}


/*-------------------- product page : bottom info, product video ---------------------*/

#productvideo {
	display : none;
}

#productvideo .container {
	width : 514px;
    height: 378px;
}


#productvideo #productvideo_flash {
	width: 390px;
	margin: 10px auto 0;
}

/*
#productvideo #productvideo_title {
	float: left;
	width : 161px;
	color : #999999;
	padding : 20px 5px 5px 5px;
	margin-top : 10px;
}

#productvideo #productvideo_title a {
	float : right;
	color : #558b76;
	margin-top : 10px;
}
*/


/*-------------------- product page : bottom info, works well with ---------------------*/

#workswellwith {
	display : none;
}

#workswellwith .container.twoproduct {
	width : 514px;
}

#workswellwith #workswellinfo, #workswellwith .product {
	float : left;
	display : inline;
	width: 600px;
}

#workswellwith #workswellinfo {
	float: left;
	width : 161px;
	color : #999999;
	padding : 20px 5px 5px 5px;
	margin-top : 10px;
}
#workswellwith #workswellinfo a {
	float : right;
	color : #558b76;
	margin-top : 10px;
}
#workswellwith .product {
	float: left;
	width : 169px;
	border-left : 1px solid #CCCCCC;
	padding : 5px 1px 10px 1px;
	margin-top : 10px;
}

#workswellwith #product2 {
	padding-right: 0;
}

#workswellwith .product .productnames {
	height: 70px;
}

#workswellwith .product .productnames a {
        text-decoration : none;
}

#workswellwith .product a.morelink {
	display : block;
	color : #336666;
	text-decoration : none;
        margin : 3px 4px 4px 4px;
	background : url(/images/icon_arrow.gif) 28px 3px no-repeat;
}

#workswellwith .product a.morelink:hover {
	color : #89a6a6;
}

#workswellwith .product .productnames h1,
#workswellwith .product .productnames h2 {
	font-size : 12px;
	text-transform : uppercase;
	color : #336666;
	padding : 0px;
	margin : 0 4px 0 4px;
	font-weight : normal;
}

#workswellwith .product .productnames h3 {
	font-size : 9px;
	line-height  : 11px;
	color : #8c8c8c;
	padding : 0px;
	margin : 0 4px 0 4px;
	font-weight : normal;
	height : 22px;
}

#workswellwith .product .productimage {
	margin : 0 0 5px 30px;
}


#workswellwith .product .productsize {
	float : left;
	display : inline;
	margin : 4px 0 0 4px;
	font-weight : bold;
	font-size : 9px;
	color : #999999;
}

#workswellwith .product .productcost {
	margin : 0 1px 0 0;
	padding : 4px 3px 0 0;
	text-align : right;
	border-top : 1px solid #f6d034;
	font-weight : bold;
	font-size : 9px;
	color : #333333;
}
#workswellwith .product .qty {
	margin : 0 30px 0 4px;
}

#productdetails {
	width : 514px;
}

#productdetails .application {
	padding: 5px 10px 0 11px; 
	float : left;
	display : inline;
	width : 150px;
	margin-top : 10px;
}

#productdetails .container #cream {
	padding-right: 9px;
}

.programpage #howtoapply {
	float : none;
	padding : 5px;
	width : auto;
	border-left : none;
	background : none;
	border-bottom : 1px solid #999999;
}
.programpage #howtoapply h1 {
	padding : 0;
	margin : 0 0 0px 0;
	font-size : 12px;
	font-weight  :bold;
	text-transform : uppercase;
	color : #89a6a6;
}
.programpage #howtoapply p {
	padding : 0;
	margin : 0 0 0px 0;
	font-size : 11px;
	font-weight  : bold;
	color : #999999;
}
.programpage .application {
	padding : 6px 6px 6px 10px;
	margin : 0 0 0px 0;
	border-right : 1px solid #999999;
	font-size : 10px;
	line-height : 12px;
	font-weight  : normal;
	color : #666666;
}

.programpage .application p{
	margin : 0 0 0px 0;
	height : 100px;

}

.programpage .application.last {
	border-right : none;
}

/*----------------- session pages / view bag ---------------------*/

#sessioncontent {
	padding : 13px 13px 0 13px;

}
#mainerror {
	padding-left : 13px;
	margin-bottom : 0px;
	color : #CC0000;
}

#mainerror ul {
	list-style-type: none;
	margin-left: 5px;
	padding-left: 5px;
}

#mainerror ul li {
	margin-top: 5px;
}

#csphone {
	clear : right;
	float : right;
	display : inline;
	padding-right : 5px;
	font-size : 9px;
	position : relative;
	top : 20px;
}

#sessioncontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 0 0 0 13px;
}

div#sessioncontent p {
	margin-left : 13px;
	margin-top : 10px;
}

#checkoutbuttontop {
	float : right;
	display : inline;
	margin : 13px 0px 0px 13px;
}

.checkouttable {
	margin : 0;
	padding : 0;
	border-collapse : collapse;
	width : 530px;
}

.checkouttable th {
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 0;
}
.checkouttable tr.headerrow th {
	text-align  : center;
	font-size : 11px;
	font-weight : normal;
	color : #336666;
	border-top: 1px solid #336666;
	padding : 3px;
	background : url(/images/bg_th_sessiontable.gif) repeat-x;
}

.checkouttable tr.totalrow td, .checkouttable tr.continuerow td {
	border : none;
}

.checkouttable tr.headerrow th.detailshead {
	text-align  : left;
	border-left: 1px solid #336666;
}
.checkouttable tr.headerrow th.totalhead {
	border-right: 1px solid #336666;
}

.checkouttable td.photo {
	height : 85px;
	width : 90px;
	vertical-align : middle;
	text-align : center;
}

.line_item_border {
	border-bottom:1px solid #336666;
}	

.checkouttable .productname {
	color : #336666;
	text-transform : uppercase;
	font-size : 12px;
	width : 250px;
}
.checkouttable .productdesc {
	color : #8C8C8C;
	font-size : 9px;
	border-bottom : 1px solid #CCCCCC;
	width : 250px;
	padding-bottom : 3px;
}
.checkouttable .productsize {
	color : #999999;
	font-weight : bold;
	font-size : 9px;
	padding : 3px 0px;
}

.checkouttable .details {
	padding-top : 6px;
}

.details .productname a {
	text-decoration: none;
}

.checkouttable select {
	font-size : 10px;
}

.checkouttable .error {
	width : 175px;
	color : #CC0000;
	font-size : 9px;
	
}

.checkouttable input.qty {
	width : 15px;
	margin : 0px;
}
.checkouttable td.quantity {
	padding : 20px  10px 0px 0px;
	text-align : center;
}

.checkouttable td.quantity a {
	color : #336666;
	font-size : 11px;
}
.checkouttable td.price, .checkouttable td.total {
	text-align : right;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	padding-top : 30px;
}

.checkouttable td.price {
	padding-right : 10px;
}
.checkouttable td.total {
	padding-right : 5px;
}
.checkouttable td.total a {
	color : #999999;
	font-size : 9px;
	float : right;
	margin-top : 25px;
	display : inline;
}

.checkouttable tr.totalrow td {
	text-align : right;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 15px;
}


.checkouttable  td#checkoutbuttonbottom {
	text-align : right;
}

.checkouttable tr.continuerow td {
	padding-top : 15px;
}

.checkouttable tr.continuerow td a {
	position : relative;
	top  :4px;
}

.checkouttable td a.removelink, .ordertable td.total a.removelink {
	color : #999999;
}

#workswellbag {
	width : 132px;
	border : 1px solid #336666;
	background : url(/images/bg_th_sessiontable.gif) repeat-x;
	padding : 4px 5px 8px 5px;
}

#workswellbag h1 {
	border : none;
	font-size : 12px;
	padding : 0px;
	margin : 0;
	font-weight : bold;
}
#workswellbag h2 {
	border : none;
	font-size : 11px;
	padding : 0px;
	margin : 0;
	font-weight : normal;
	color : #336666;
}


#workswellbag a.productname {
	display : block;
	text-transform : uppercase;
	font-size : 12px;
	color  :#336666;
	clear : right;
	text-decoration: none;
}
#workswellbag a.productimg {
	display : block;
	width : 68px;
	height : 68px;
	margin : 5px auto;
	border : 1px solid #999999;
}
#workswellbag a.addtobag{
	float : right;
	margin-bottom : 5px;
}


/*----------------- session pages / checkout ---------------------*/


#checkout_header #contshopping {
	float : right;
	display : inline;
	margin-top : 15px;
	margin-right : 8px;
}

#checkout_header table#checkoutnav {
	margin: 0 0 0 13px;
	padding: 0;
	width:690px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#checkout_header table#checkoutnav td {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #677773;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#checkout_header table#checkoutnav.threeitems td {
	padding-left: 53px;
	padding-right: 53px;
}

#checkout_header table#checkoutnav.fouritemsreturning td {
	padding-left: 25px;
	padding-right: 25px;
}

#checkout_header table#checkoutnav.fouritemsnew td {
	padding-left: 37px;
	padding-right: 37px;
}

#checkout_header table#checkoutnav.fiveitems td {
	padding-left: 15px;
	padding-right: 15px;
}

#checkout_header table#checkoutnav td.selected {
	background: #f2faf6;
}

/*----------------- session pages / signin ---------------------*/

#sessioncontent .signinbox {
	float : left;
	display : inline;
	width : 331px;
	height : 236px;
	border : 1px solid #336666;
	padding : 1px;
	margin : 20px 0 50px 0 ;
}

#sessioncontent #return {
	float : right;
}

#sessioncontent #return.solo {
	float : left;
}

#sessioncontent .signinbox form {
	padding : 20px 13px 13px 13px;
	margin : 0px;
	background : url(/images/bg_boxgradient.gif) repeat-x;
}

#sessioncontent .nonmembers {width:334px; height:238px; float:left; margin-top:20px; margin-left:20px; border:solid 1px #336666;}

#sessioncontent .nonmembers .bgsetup {padding : 10px 13px 0px 15px; background : url(/images/bg_boxgradient.gif) repeat-x;}

#sessioncontent .nonmembers h2 {text-transform : uppercase; font-weight : normal; color : #336666; font-size : 14px; padding: 11px 0px 14px 0px; margin:0px;}

#sessioncontent .nonmembers p {color : #333333; font-size: 11px; line-height:15px; padding: 0px 0px 8px 0px; margin: 0px;}

#sessioncontent .nonmembers ul {color : #333333; font-size: 11px; line-height:15px; padding: 0px 0px 9px 18px; margin: 0px; height: 70px;}

#sessioncontent .nonmembers .regbutton {margin: 0px 13px 0px 0px; padding: 0px; float: right;}

#sessioncontent .signinbox h2 {
	padding :0 ;
	margin : 0 0 15px 0;
	text-transform : uppercase;
	font-weight : normal;
	color : #336666;
	font-size : 14px;
}

#sessioncontent h1 {
	clear: both;
}

#sessioncontent a {
	color : #336666;
	
}

#sessioncontent p {
	color : #666666;
	font-size : 11px;
	line-height  :15px;
}



#sessioncontent .signinbox p {
	padding : 0;
	margin : 0 0 15px 0;
	color : #333333;
	font-size : 11px;
	line-height  :15px;
}

#sessioncontent .signinbox div.label {
	width : 73px;
	float : left;
	display : inline;
	margin  : 0 5px 0 0;
	padding : 0;
	color : #333333;
	font-size : 11px;
	text-align : right;
}

#sessioncontent .signinbox input {
	width  :217px;
}
#sessioncontent .signinbox .sublabel {
	color : #999999;
	font-size : 9px;
	text-align : right;
	margin-bottom : 10px;
}

#sessioncontent .signinbox #emailsignup {
	margin : 0;
	padding : 0;
	width : auto;
	float : left;
	display : inline;
	
}
#sessioncontent .signinbox .signuptext {
	margin-left : 20px;
	color : #333333;
	
}

.continuebutton {
	float : right;
	display : inline;
	margin : 0px;
	padding : 0px;
	
}
#sessioncontent .signinbox #forgetlink {
	font-size : 11px;
	font-weight : bold;
	color : #336666;
	display : block;
	margin: 0px 0px 0px 80px;
	padding: 0px;
	
}

#passhint {
	display : none;
	font-size : 11px;
	margin-left : 80px;
}

#sessioncontent #passhint h4 {
	margin : 0;
	padding : 0;
}

#hint {
	color : #999999;
	margin-bottom : 3px;
	font-size : 11px;
}

#passhint a {
	font-weight : bold;
}

#resetform a {
	display : block;
	margin-left : 618px;
	margin-top  : 10px;
}
#resetform input {
	margin-bottom  :10px;
}

/*----------------- session pages / billing and shipping ---------------------*/



input.medium, select.medium {
	width : 235px;
	margin : 2px 10px 5px 0px;
}

input.mediumwell, select.mediumwell, textarea.mediumwell {
	width : 300px;
	margin : 2px 10px 5px 0px;
}

select{
	font-size : 11px;
	line-height : 11px;
	color : #666666;
}

input.short, select.short {
	width : 110px;
	margin : 2px 10px 5px 0px;
}

input.long, select.long, textarea.long {
	width : 535px;
	margin : 2px 10px 5px 0px;
}

textarea.long {
	width : 435px;
	margin : 2px 10px 5px 0px;
}

#sessioncontent .formcontent {
	margin-left : 13px;
	margin-bottom : 25px;
	
	border-collapse : collapse;
}


.checkouttablesimple {
	margin-left : 13px;
	margin-bottom : 25px;
	
	border-collapse : collapse;
}

.checkouttablesimple td, #sessioncontent h4 {
	padding : 0;
	margin : 0px;
	font-size : 11px;
	color : #333333;
	font-weight : bold;
	
}

#sessioncontent h4 {
	margin-left : 13px;	
}

#sessioncontent p.aftertable {
	padding : 0;
	margin : 0 0 10px 13px;
	font-weight : normal;
}

.checkouttablesimple td .note, #sessioncontent p.note, h4 span.note {
	font-size : 9px;
	color : #999999;
	font-weight : normal;
}

.checkouttablesimple td.rightside {
	padding-left : 50px;
}
.options {
	color : #666666;
	margin-top : 2px;
	font-weight : normal;
	font-size : 11px;
	
	
	
}
.options input {
	margin-top  :8px;
}
.checklabelbold {
	font-weight : bold;
	text-transform : uppercase;
	color : #333333;
	font-size : 10px;
}

.shippingmethod {
	font-weight : bold;
	
	margin: 4px 13px 0px 13px;
	font-size : 11px;
	float : left;
	display : inline;
}
p#shipnote {
	clear : left;
	margin-top : 0px;
	padding-top : 10px;
}
#sessioncontent p.light {
	color : #999999;
	font-size : 10px;
	width : 520px;
	margin : 20px 13px;
}


.productchoice {
	text-align : center;
	width : 130px;
	height: 175px;
	margin : 0px 30px 25px 0;
	font-size : 12px;
	color : #333333;
	float : left;
	display : inline;
}
.productchoice img {
	border: 1px solid #CCCCCC;
	padding : 5px;
}

input#giftwrap {
	float : left;
	display : inline;
	margin : 13px 0px 0px 13px;
}
p#giftwraptext {
	width : 210px;
	margin : 13px 0px 0px 5px;
	float : left;
	display : inline;
	font-size : 10px;
	color : #333333;
}

#message {
	margin : 13px 0px 0px 270px;
}

#message textarea {
	margin : 3px 0px 7px 13px;
}
.from_to_message {
	margin : 0px 0px 3px 12px;
	width: 255px;
}


#sessioncontent .infobox {
	font-weight : bold;
	float : left;
	display : inline;
	font-size : 11px;
	line-height : 16px;
	color : #666666;
	margin : 0px 0px 0px 13px;
}
#sessioncontent #billaddress {
	
	width  :280px;
}

#sessioncontent #creditcard {
	
}
.linkcontainer {
	clear : both;
	padding-top : 15px;
	margin-bottom : 25px;
	
	
}
.changelink {
	font-weight :  bold;
	font-size : 11px;
	color : #336666;
	margin-left : 13px;
}

#editcardlink {
	float : left;
	display : inline;
	width  : 280px;

}

#selectcardlink {
	float : left;
	display : inline;
}


#editaddresslink {
	float : left;
	display : inline;
	width  : 140px;
	
}

#selectaddresslink {
	float : left;
	display : inline;
}


/*---------------- my account content area -------------------*/
#usercontent {
	margin : 30px 25px 0px 187px;
	
}

#usercontentbottom {
	margin : 20px 25px 0px 25px;
	clear : both;
	
}

#usercontent p, #usercontent .profileinfo, #usercontentbottom p {
	color : #666666;
	font-size : 11px;
	line-height : 15px;
}
#usercontent a, #usercontentbottom a {
	color : #2a5555;
}

#usercontent h1, #usercontentbottom h1  {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 0 0 0 0px;
}
#usercontent .profileinfo {
	margin-top : 10px;
}
#usercontent #profileinfoleft {
	float : left;

}

#usercontent .label {
	color : #336666;
	font-weight : bold;
}

#usercontent #profileinforight {
	margin-left : 280px;
}



.accountform input.medium, .accountform select.medium {
	width : 220px;
	margin : 2px 10px 5px 0px;
}

.accountform select{
	font-size : 11px;
	line-height : 11px;
	color : #666666;
}

.accountform input.short, .accountform select.short {
	width : 102px;
	margin : 2px 10px 5px 0px;
}

.accountform input.long, .accountform select.long {
	width : 480px;
	margin : 2px 10px 5px 0px;
}






.accounttable {
	margin : 0;
	width : auto;
	
	border-collapse : collapse;
}

.accounttable td, #usercontent h4, h5 {
	padding : 0;
	margin : 0px;
	font-size : 11px;
	color : #333333;
	font-weight : bold;
	
}

.formlabel {
	padding : 0;
	margin : 4px 10px 0px 13px;;
	font-size : 11px;
	color : #333333;
	font-weight : bold;
	text-align : right;
	width : 160px;
	float : left;
	display : inline;
	clear : both;
	
}

h5 {
	margin-bottom : 15px;
}

.accounttable td.rightside {
	padding-left :25px;
}


input#hint {
	margin-bottom : 25px;
}

#saveprofilebutton {
	float : right;
	display : inline;
	position : relative;
	top : -23px;
}
#saveprofilebuttonbottom, #saveaddressbutton, #savebutton {
	float : right;
	display : inline;

}

#usercontent .address, #usercontent .billing {
	font-size : 11px;
	margin-bottom : 40px;
	line-height : 16px;
}
#usercontent .address a, #usercontent .billing a {
	font-weight : bold;
}

#usercontent #addressA, #usercontent #addressB {
	float : left;
	margin-right : 40px;
}


#usercontent #billingA {
	float : left;
	width: 160px;
	margin-right : 5px;
}

.stepnumber {
	font-weight : bold;
	font-size : 14px;
	color : #000000;
}

#usercontent #addressselect .address {
	width : 140px;
	padding-left : 5px;
	margin-bottom : 20px;
}

#usercontent #addressselect input {
	float : left;
	display : inline;
	margin : 0px;
	padding : 0px;
}

#usercontent #addressselect #addressA, #usercontent #addressselect #addressB {	
	margin-right : 10px;
	float : left;
	display : inline;
}

#usercontent #addressselect #addressC {	
	margin-left : 330px;
}




.ordertable {
	
	margin : 20px 0 0 0;
	padding : 0;
	border-collapse : collapse;
	width : 100%;
	clear : both;
}



.ordertable td, .ordertable th {
	border-bottom : 1px solid #336666;
	margin : 0;

}

.ordertable td {
	padding : 10px 3px;
	font-size : 11px;
	color : #333333;
}

.ordertable td a {
	font-weight : bold;
	color : #336666;
}

.ordertable tr.headerrow th {
	text-align  : left;
	font-size : 11px;
	font-weight : normal;
	color : #336666;
	border-top: 1px solid #336666;
	padding : 3px;
	background : url(/images/bg_th_sessiontable.gif) repeat-x;
}

.ordertable tr.headerrow th.pricehead, .ordertable td.price, .ordertable td.total  {
	text-align  : right;
	padding-right : 10px;
}


.ordertable tr.headerrow th#firstth {
	text-align  : left;
	border-left: 1px solid #336666;
}
.ordertable tr.headerrow th#lastth {
	border-right: 1px solid #336666;
}



.ordertable td.photo {
	height : 85px;
	width : 90px;
	vertical-align : middle;
	text-align : center;
}

.ordertable .productname {
	color : #336666;
	text-transform : uppercase;
	font-size : 12px;
}
.ordertable .productdesc {
	color : #8C8C8C;
	font-size : 9px;
	border-bottom : 1px solid #CCCCCC;
	width : 175px;
	padding-bottom : 3px;
}
.ordertable .productsize {
	color : #999999;
	font-weight : bold;
	font-size : 9px;
	padding : 3px 0px;
}


.ordertable select {
	font-size : 10px;
}
.ordertable .error {
	width : 175px;
	color : #CC0000;
	font-size : 9px;
	
}



.ordertable .tracking, .ordertable .status, .ordertable .quantity, .ordertable .price, .ordertable .total {
	vertical-align : middle;
	font-weight : bold;
	color : #000000;
	text-transform : uppercase;
}


.ordertable td.quantity {
	text-align : center;
}




.ordertable tr.totalrow td {
	text-align : right;
	color : #000000;
	font-size : 11px;
	font-weight : bold;
	border-bottom : none;
}

.ordertable tr.totalrow td.subtotal {
	text-align : right;
	color : #999999;
	
}

#usercontent #orderoverviewtable td {
	color : #666666;
	font-size : 11px;
	line-height : 16px;
	padding : 5px 10px 10px 0px;
}

#usercontent #orderoverviewtable td.rightside {
	padding-left : 70px;
}


#usercontent #orderoverviewtable .label {
	color : #333333;
	font-weight : bold;
}

.ordertable input.qty {
	width : 15px;
	margin : 0px;
}

.ordertable .shopbutton {
	vertical-align : middle;
}

.ordertable .soldout {
	text-transform : uppercase;
	color : #ff0000;
}

.ordertable .lastpurch {
	width : 160px;
}


.ordertable .error {
	color : #ff0000;
	font-size : 11px;

}

/*----------------- landing pages  ---------------------*/

#landingmain {
	display : block;
	padding : 0;
	width : 515px;
	border : 0;
}

#landingsub1 {
	float : left;
	display : inline;
	margin-top : 21px;
	margin-right : 21px;
}

#landingsub2 {
	float : left;
	display : inline;
	margin-top : 21px;
}

#dentalcare {
	width : 670px;
	height : 321px;
	margin-left : 25px;
	margin-top  :10px;
	background : url(/images/dentalcare_main.gif) no-repeat;
	padding : 0;
	border: 1px solid #d4d4d4;
}

#dentalcare_dynamic {
	margin:0;
	padding: 68px 30px 0 123px;
}

#dentalcare p {
	color : #999999;
	font-size : 11px;
	margin : 0;
	padding : 0;
	line-height : 14px;
}

#dentalcare #buybox {
	margin-top : 10px;
	
}
#dentalcare #buybox #productsize {
	width : 118px;
	
}
#dentalcare #buybox #productcost {
	width :50px;
}


#dentalcare .qty, input.qty {
	width : 30px;
	margin-right : 10px;
}

#skincare {
	height : 290px;
	width : 492px;
	padding : 2px 8px 0px 14px;
	background : url(/images/skincare_main_3d.jpg) no-repeat;
	
}

#skincare p {
	color : #999999;
	font-size : 11px;
	line-height : 14px;
}

#skincare p .repair {
	color : #669999;
	font-weight : bold;
}
#skincare p .restore {
	color : #ff9900;
	font-weight : bold;
}
#skincare p .replenish {
	color : #cc9999;
	font-weight : bold;
}

/*----------------- multi-product pages ---------------------*/


.productbox {
	width : 217px;
	height : 130px;
	border-top: 1px solid #a9d9c5;
	border-bottom: 1px solid #a9d9c5;
	border-right: 1px solid #a9d9c5;
	border-left : 21px solid #a9d9c5;
	float : left;
	margin : 21px 21px 0 0;
	padding: 10px 0 5px 8px;
}

.productbox.last {
	margin-right : 0px;
}

.productbox .productimg {
	float : right;
	width:100px;
}

.productbox .info {
	width:117px;
	color : #9e9f9f;
	font-size : 10px;
	line-height : 12px;
}

.productbox .productname {
    margin-bottom : 18px;
	color : #999999;
	font-size : 11px;
	line-height : 14px;
}

.productbox .productname a { 
	display : block;
	color : #336666;
	font-size : 12px;
	line-height : 14px;
	text-decoration : none;
	font-weight : bold;
}

.productbox .productname a:hover {
	color : #89a6a6;
}

.productbox a.morelink {
	margin-top : 3px;
	display : block;
	width:40px;
	color : #336666;
	text-decoration : none;
	background : url(/images/icon_arrow.gif) 28px 3px no-repeat;
}

.productbox a.morelink:hover {
	color : #89a6a6;
}



/* BAZAARVOICE RATING AND REVIEWS */

.productbox .rating {
    position: absolute;
    width: 150px;
	margin-top:110px;
}

.rating .rating_image{
    float: left;
}

.rating .review_num{
    float: left;    
    color: #9E9F9F;
    font-size: 10px;
}




.programstepbottom a.morelink {
	display : block;
	color : #336666;
	text-decoration : none;
	margin-top : 0px;
	line-height: 9px;
	background : url(/images/icon_arrow.gif) 28px 1px no-repeat;
}

.programstep a.morelink:hover {
	color : #89a6a6;
}

#multiproductcontent p {
	margin : 10px 40px -8px 10px;
	font-size : 11px;
	line-height  :14px;
	color : #666666;
}

.productbox .info.aromaticcare {
	border-color : #fee993;
}

.productbox .info.serums {
	border-color : #a0dcc4;
}

.productbox .info.bodycare {
	border-color : #98c8d1;
}
.productbox .info.haircare {
	border-color : #fceadf;
}
.productbox .info.suncare {
	border-color : #fadc8d;
}

.aromatictext {
	color : #ffcc00;
	font-weight : bold;
}

/*-------------- support pages --------------*/



#leftnav.support {
	text-align : right;
	padding-top : 12px;
}




#supportcontent {
	margin : 12px 0px 0px 24px;	
	float : left;
	display : inline;	
	width : 515px;
}

#supportcontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 10px 0 0 13px;
}

#supportcontent h2 {
	font-size  : 10px;	
	color : #336666;
	font-weight : bold;
	padding : 0;
	margin : 0 0 5px 13px;
}

#supportcontent h3 {
	font-size  : 10px;	
	color : #336666;
	font-weight : bold;
	padding : 0;
	margin : 0 0 5px 13px;
}

#supportcontent p {
	font-weight : normal;
	font-size  : 10px;	
	color : #666666;	
	padding : 0;
	margin : 5px 0px 15px 13px;
	line-height : 14px;
}

#supportcontent ol {
	margin : 0 0 0 13px;
	padding : 0;
	list-style-position: inside;
}
#supportcontent ol ol {
	margin : 0 0 0 0px;
	padding : 0;
	list-style-position: inside;
	list-style-type: lower-alpha
}

#supportcontent li {
	font-size  : 10px;	
	color : #336666;
	font-weight : bold;
	padding : 0;
	margin : 0;
}

#supportcontent li li {
	font-size  : 10px;	
	color : #666666;
	font-weight : bold;
	padding : 0;
	margin : 3px 0 0px 0px;
}

#supportcontent li p {
	font-weight : normal;
	font-size  : 10px;	
	color : #666666;	
	padding : 0;
	margin : 3px 0 15px 0px;
	line-height : 14px;
}

#supportcontent li li p {
	margin : 0px 0 15px 0px;
}

#supportcontent a {
	color : #336666;
}

#supportcontent table {
	width : 100%;
}



/*----------------- customer service pages ---------------------*/



#custservcontent {
	margin : 25px 0px 0px 12px;	
	padding : 0px 0px 0px 12px;
	float : left;
	display : inline;	
	width : 515px;
	font-size : 11px;
	border-left : 1px solid #a9d9c5;
}

#custservcontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0px 0px 15px 0px;
	padding : 0px;
}

#custservcontent h2 {
	font-size  : 11px;	
	color : #336666;
	font-weight : bold;
	padding : 0px;
	margin : 0px;
}

#custservcontent p {
	font-weight : normal;
	font-size  : 11px;	
	color : #666666;	
	padding : 0;
	margin : 0px 0px 15px 0px;
	line-height : 14px;
}

a.top {
	display : block;
	text-align : right;
	font-weight : bold;
	color : #336666;
	margin-bottom : 20px;
	
}

#custservcontent a.beginlink {
	float : left;
	font-weight : bold;
	color : #336666;
	
}

#contactform table {
	margin-left : 11px;
	width : 100%;
}
#contactform td {
	line-height : 18px;
}

#contactform .label {
	width : 130px;
	color : #333333;
	line-height : 14px;
}

#contactform .contactoptions {
	padding-bottom  :20px;
}

#contactform .radio {
	margin : 0px 4px 0px 0px;
	padding : 0;
	width : 20px;
}

.indent {
	padding-left : 24px;
}

#contactform .button {
	margin-left : 390px;
}

/*----------------- customer service landing page ---------------------*/

#custservcontent.cslp {
	margin:12px 0px 0px 12px;
}

#custservcontent h2.cslp {
	font-size:12px;
}

#custservcontent p.cslp {
	font-weight:normal;
	font-size:11px;	
	color:#336666;	
	margin:0px 0px 25px 0px;
}

#cslp_links {
	width:515px;
	margin:0px 0px 20px;
	padding:0px;
	
}

#cslp_links div.cslp_section {
	width:515px;
	height:auto;
	padding:20px 0px;
	margin:0px;
	clear:both;
	/*border-bottom:1px solid #336666;
	background:#dffbf0;*/
}

#cslp_links div.cslp_section h1 {
	font-size:11px;	
	font-weight:bold;
	padding:0px 0px 0px 10px;
	margin:0px;
	text-transform:none;
	border-bottom:1px solid #a9d9c5;
	background:#dffbf0;
}

#cslp_links div.cslp_section p {
	font-size:11px;	
	font-weight:normal;
	padding:10px 0px 0px 10px;
	margin:0px;
}

#cslp_links div.cslp_section div.col1 {
	width:247px;
	height:auto;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

#cslp_links div.cslp_section div.col2 {
	width:257px;
	height:auto;
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#cslp_links ul {
	font-size:11px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	line-height:0px;
	
}

#cslp_links li {
	padding:0px 0px 7px;
	margin:0px;
	line-height:13px;
}

/*----------------- as seen in pages  ---------------------*/

#asSeenIn td {
        vertical-align: middle;
}

#articleListing
{
        vertical-align: middle;
        margin: 15px;
}

#articleListing #publication {
        color: #E89696;
        font-size: 18px;
}
#articleListing #title {
        color: #4B7878;
        font-size: 12px;
        font-weight: bold;
}
#articleListing #date {
        color: #4B7878;
        font-size: 12px;
}
#articleListing #focus {
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        margin-top: 10px;
}
#articleListing #excerpt {
        color: #333333;
        font-size: 12px;
}
#articleListing #link {
        color: #4B7878;
        font-size: 12px;
        margin-top: 10px;
}



/*----------------- email optin pages ---------------------*/

#optinleftnav {
	clear : both;
	float : left;
	display : inline;
	width  :148px;
	margin : 0px 0px 0px 12px;
	padding : 12px;
	
}

#optincontent{
	margin : 10px 0px 0px 187px;
	padding : 0;
	width : 515px;
}

#optincontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0px 0 15px 0;
	padding : 0;
}

#optincontent p {
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
        line-height: 18px;
}

#optincontent p.emp {
	color : #336666;
}

/*----------------- locator pages ---------------------*/


#locatorcontent {
	margin : 12px 0px 0px 24px;	
	float : left;
	display : inline;	
	width : 515px;
}

#locatorwidecontent {
	margin : 12px 0px 0px 24px;	
	width : 680px;
}

#locatorcontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 10px 0 0 0px;
}



#locatorcontent p {
	font-weight : normal;
	font-size  : 10px;	
	color : #666666;	
	padding : 0;
	margin : 5px 0px 15px 0px;
	line-height : 14px;
}

#locatorcontent .label {
	color : #333333;
	font-size : 11px;
	font-weight : bold;
}

#locatorform #submitbutton {
	display : block;
	margin-left : 310px;
}
#locatorresults {
	width : 672px;
}
#locatorresults #firstth {
	width : 230px;
}
#locatorresults #lastth {
	width : 185px;
}
#locatorresults a {
	text-decoration : none;
}


/*----------------- productindex ---------------------*/

#prodindexcontent {
	width : 672px;
	padding : 0;
	margin : 12px auto 0;

}	
#prodindexcontent h1 {
	font-weight : normal;
	font-size  : 18px;
	text-transform : uppercase;
	color : #336666;
	border-bottom : 1px solid #336666;
	margin : 15px 0px 0px 0;
	padding : 0px;
}

.indexcat {
	clear : both;
	border-top: 1px solid #999999;
	padding: 0;
	margin: 0;
}

.indexcat.first {
	border-top : none;
}

.indexcat ul {
	float: left;
	padding : 0;
	margin: 0 0 5px;
	list-style-type :  none;
}

.indexcat ul li {
	padding : 0 20px 0 0;
	margin : 0;
	font-size : 10px;
	width : 200px;
	line-height : 18px;
}

.indexcat a {
	text-decoration : none;
}

.indexcat h2 {
	font-size : 12px;
	font-weight : bold;
	padding : 0px;
	margin : 10px 0px 0px 0px;
	line-height : 18px;
}
.indexcat h2 a {
	color : #666666;
}

.productpop {
	position : absolute;
	display : none;
	width : 210px;
	border : 1px solid #336666;
	background-color : #ffffff;
}

.productpop h1 {
	text-transform : uppercase;
	color : #336666;
	font-size : 11px;
	margin  :0px;
	border-top : 5px solid #a9d9c5;
	padding : 2px 5px 0px;
}
.productpop p {
	
	font-size : 11px;
	margin : 0px;
	padding : 5px;
}

/*----------------- footer ---------------------*/



#prefooter {
	clear : both;
	height : 40px;
	color : #666666;
	line-height : 40px;
	padding-left : 23px;
}

#prefootershort {
	clear : both;
	height : 20px;
}

#footer {
	clear : both;
	margin : 0;
	border-top : 1px solid #a9d9c5;
	padding : 10px 0 25px;
}

#footercall {
	float: left;
	display: inline;
	color: #336666;
	font-weight: bold;
}

#footercopyright {
	width:200px;
	text-align:center;
	margin:3px auto;
}

#footernav {
	text-align:center;
}

#footernav ul {
	margin: 0;
	padding: 0;
}

#footernav ul.bottom {
	margin-top: 10px;
}

#footernav ul li {
	display : inline;
	padding : 4px 7px 4px 7px;
}

#footernav ul li.last {
	background : none;
}

#privacylink {
	font-weight : bold;
}

#copyright {
	margin-left: 48px;	
}

#footernav ul li a {
	color : #336666;
	font-size : 10px;
	text-decoration : none;
}

#footernav ul li a:hover {
	color : #89a6a6;
}

#footernav ul li.selected a {
	color : #336666;
	background-color : #d7f2e7;
	border : 1px solid #a9d9c5;
}

#footernav ul li.selected, #footernav ul li.preselected {
	background : none;
}

#footer #emailsignup {
	float:left;
}

#footer #example {
	margin-top : 4px;
}



/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*------------------- ship/bill/order styles --------------*/
/*------------------- written by stephen ------------------*/

#sessioncontent .review h4{
	color : #000;
	margin: 0px;
	font-weight:bold;
}

#sessioncontent .review, #sessioncontent .billing {
	/*height: 150px;*/
	width: 200px;
	margin: 0 20px 0 0;
	float : left;
	font-size : 11px;
	line-height : 16px;
}

#sessioncontent #reviewbilladdress {
	width:200px;
	margin-bottom  :13px;
	
}

#sessioncontent #reviewcreditcard {
	width:220px;
	
}

#sessioncontent #reviewshipaddress {
	width:230px;
	
}

#sessioncontent p#thankyou{
	font-size : 12px;	
}

#sessioncontent #shippingmethod {
	clear : left;
	border-top: 1px solid #336666;
}

#sessioncontent #giftreview {
	padding : 13px;
	clear : left;
	border-top: 1px solid #336666;
	border-bottom: 1px solid #336666;
}

#sessioncontent #reviewinfocopy{
	border-top: 1px solid #336666;
	padding : 13px;
}

#sessioncontent #reviewinfo{
	border-top: 1px solid #336666;
	padding : 13px;
}

#sessioncontent #giftinfo {
	border-bottom : 1px solid #336666;
	padding : 13px;
}

#sessioncontent #giftwrap {
	float : left;
	display : inline;
	font-size : 11px;
	font-weight : bold;
}

.black{
	color:#000;	
	font-weight:bold;
}

.grey{
	color:#666;	
	font-weight:bold;
}

#sessioncontent #reviewshipaddress a, #sessioncontent #reviewcreditcard a, #sessioncontent #reviewbilladdress a, #sessioncontent #giftwrap a, #sessioncontent p a{
	color : #336666;
	font-weight:bold;	
}



#sessioncontent #shipping {
	width:300px;
	float : left;
	display : inline;
	font-size : 11px;		
}

#sessioncontent #giftcardmessage {
	font-size : 11px;
	margin-left : 280px;
}

#sessioncontent .giftwrap h4{
	color:#666;
	margin: 0px;
	font-weight:bold;
}

.reviewordertable {
	margin-top : 13px;
	padding : 0;
	border-collapse : collapse;
	width : 691px;
	clear : left;
	
}

.reviewordertable th {
	border-bottom : 1px solid #336666;
	margin : 0;
	padding : 0;
	
}
.reviewordertable tr.headerrow th {
	text-align  : center;
	font-size : 11px;
	font-weight : normal;
	color : #336666;
	border-top: 1px solid #336666;
	padding : 3px;
	background : url(/images/bg_th_sessiontable.gif) repeat-x;
}

.reviewordertable tr.totalrow td, .reviewordertable tr.continuerow td {
	border : none;
}

.reviewordertable tr.totalrow td.totalcell {
	border-top : 1px solid #336666;
}

.reviewordertable tr.headerrow th.detailshead {
	text-align  : left;
	border-left: 1px solid #336666;
	width : 490px;
}
.reviewordertable tr.headerrow th.totalhead {
	border-right: 1px solid #336666;
}

.reviewordertable td.photo {
	height : 85px;
	width : 90px;
	vertical-align : middle;
	text-align : center;
}

.reviewordertable .productname {
	color : #336666;
	text-transform : uppercase;
	font-size : 12px;
	width : 350px;
}
.reviewordertable .productdesc {
	color : #8C8C8C;
	font-size : 9px;
	border-bottom : 1px solid #CCCCCC;
	width : 350px;
	padding-bottom : 3px;
}
.reviewordertable .productsize {
	color : #999999;
	font-weight : bold;
	font-size : 9px;
	padding : 3px 0px;
}

.reviewordertable .details {
	padding-top : 6px;
	width : 390px;
	
}
.reviewordertable select {
	font-size : 10px;
}
.reviewordertable .error {
	width : 175px;
	color : #CC0000;
	font-size : 9px;
	
}

.reviewordertable input.qty {
	width : 15px;
	margin : 0px;
}
.reviewordertable td.quantity {
	padding : 20px  10px 0px 0px;
	text-align : center;
	
}

.reviewordertable td.quantity a {
	color : #336666;
	font-size : 11px;
}
.reviewordertable td.price, .reviewordertable td.total {
	text-align : right;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	padding-top : 30px;
}

.reviewordertable td.price {
	padding-right : 10px;
}
.reviewordertable td.total {
	padding-right : 5px;
}
.reviewordertable td.total a {
	color : #999999;
	font-size : 9px;
	float : right;
	margin-top : 25px;
	display : inline;
}

.reviewordertable tr.totalrow td {
	text-align : right;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 8px;
}

.reviewordertable tr.extrasrow td {
	text-align : right;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	padding-right : 5px;
	padding-top : 0px;
}

.reviewordertable tr.extrasrow.shipping td {
	padding-bottom : 8px;
}

.reviewordertable tr.totalrow td.subtotal {
	color : #999999;
}

.reviewordertable tr.extrasrow td.extra {
	color : #999999;
	border: 0;
}

.reviewordertable td.final {
	color : #999999;
	border-bottom : 1px solid #336666;
}

.reviewordertable tr.extrasrow td.amount {	
	border: 0;
}

.reviewordertable  td#checkoutbuttonbottom {
	text-align : right;
}

.reviewordertable tr.continuerow td {
	padding-top : 15px;
	text-align : right;
	color : #666;
	font-size : 11px;	
	font-family: arial, verdana;
}


/*-------- Edit Billing --------*/

#editbillingcontent, #selectedbillingcontent{
	margin : 15px 25px 13px 0px;	
}

#selectedbillingcontent .address {
	padding: 0px 0px 0px 15px
}

#editbillingcontent #addressA,
#editbillingcontent #addressB,
#selectedbillingcontent #addressA,
#selectedbillingcontent #addressB {
	float : left;
	margin-right : 25px;
}

#editbillingcontent .address, #editbillingcontent .billing, #selectedbillingcontent .billing, #selectedbillingcontent .address{
	font-size : 11px;
	margin-bottom : 40px;
	line-height : 16px;
}

#editbillingcontent .address a, #editbillingcontent .billing a, #selectedbillingcontent .billing a, #selectedbillingcontent .address a{
	font-weight : bold;
}

#editbillingcontent #addressselect #selectedbillingcontent {
	padding-left : 13px;
}

#editbillingcontent #addressA,
#editbillingcontent #addressB {
	float : left;
	margin-right : 40px;
}

#editbillingcontent #billingA {
	float : left;
	margin-right : 20px;
}

#editbillingcontent #addressselect .address {
	width : 138px;
	padding-left : 5px;
	margin: 0px 15px 20px 0px;
}

#editbillingcontent #addressselect input {
	float : left;
	display : inline;
	margin : 0px;
	padding : 0px;
}

#editbillingcontent #addressselect #addressA, #editbillingcontent #addressselect #addressB {	
	margin-right : 10px;
	float : left;
	display : inline;
}

#editbillingcontent #addressselect #addressC {	
	margin-left : 330px;
}

.editbillingtable {
	margin-left : 13px;
	width : auto;	
	border-collapse : collapse;
}

.editbillingtable td .note{
	font-size : 9px;
	color : #999999;
	font-weight : normal;
}

.editbillingtable td {
	padding : 0;
	margin : 0px;
	font-size : 11px;
	color : #333333;
	font-weight : bold;	
}

#sessioncontent #editbillingcontent h4, h5{
	padding : 0;
	margin-left : 13px;
	font-size : 11px;
	color : #333333;
	font-weight : bold;	
}

#sessioncontent #selectedbillingcontent h4, h5{
	padding : 0;
	margin-left : 0px;
	font-size : 11px;
	color : #333333;
	font-weight : bold;	
}

.editbillingtable td.checkbox {
	padding : 0;
	margin : 0px;
	font-size : 11px;
	color : #666;
	font-weight : bold;	
}

.editbillingtable td.rightside {
	padding-left :25px;
}

#sessioncontent p.aftereditbillingtable {
	padding : 0;
	margin : 15px 0 10px 13px;
	font-weight : normal;
}

#editbillingcontent #billingbuttons {	
	margin-left : 13px;
	width : 525px;  
}

#selectedbillingcontent #billingA {
	float : left;
	display : inline;
	margin-left : 13px;
	margin-right : 60px;
}

#selectedbillingcontent #billingB {
	float : left;	
	margin-right : 60px;
}


/*------------- cf sweeps -----------------*/
 #sweeps_header{
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 25px;
        text-transform: uppercase;
        color: #336666;
        border-bottom: 1px solid #336666;
        width:523px;
 }

#sweepscontent{
	margin : 10px 0px 0px 0px;
	padding : 0;
	width : 515px;
}

#sweepscontent p, td {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px; 
	line-height: 15px;
	color: #999999;
}
#sweepscontent h2 {
	font-size  : 11px;	
	color : #336666;
	font-weight : bold;
	margin : 10px 0px 0px 0px;
}

 #ty_section{
 border-bottom: 1px solid #336666;
 width:523px;
 }
 #btmtxt{
 width:512px;
 } 
 #persinfo{
 	width:515px;
 	height : 24px;
 	background-color : #D7F2E7;
	margin-bottom:10px;
 }
 #persinfo p.persinfotxt {
 	margin-left:5px; 
	margin-top:5px;
	margin-bottom:5px;
        color : #336666;
 }
 #signin .emp
 {
        color: #336666;
        line-height: 25px;
 }

 #solutions_boxes td
 {
        color: #336666;
        line-height: 20px;
 }
 
 #chkbtns{
	margin-top:10px;
 } 
 .sweeps_short {
	width:144px; 
	height:15px;
	margin-bottom:10px;
}
 .sweeps_med {
	width:200px; 
	height:15px;
	margin-bottom:10px;
}
 .slct_sweeps_short {
	width:60px; 
	height:15px;
	margin-bottom:10px;
}
 .slct_sweeps_long {
	width:200px; 
	height:15px;
	margin-bottom:10px;
}
 .sweeps_long {
	width:296px; 
	height:15px;
	margin-bottom:10px;
}

#sweepsleftnav {
	clear : both;
	float : left;
	display : inline;
	width  :148px;
	margin : 0px 0px 0px 12px;
	padding : 12px;
}

#sweepsleftnav p
{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px; 
	line-height: 15px;
	color: #999999;
        margin-right : 10px ;
}


#chooser {
	width:696px;
	margin:0 auto;
}

#chooser_top {
	width:205px;
	margin:0 auto;
}

#chooser_menu {
	float:left;
	width:163px;
}

#chooser_menu a {
	display:block;
}	

#chooser_flash {
	float:right;
	width:533px;
}		


/*spa checkout*/

#spa_checkout_review {border:1px solid #aad9c6; padding:1px;}
#spa_checkout_review div.border {border:1px solid #aad9c6;}
#spa_checkout_review div.border div, #spa_checkout_review div.border img {float:left;}
#spa_checkout_review p.head {border-bottom:1px solid #aad9c6; margin:9px 0 0 5px; padding-bottom:4px; width:175px;}
#spa_checkout_review p.head a {font-weight:normal; float:right;}
#spa_checkout_review p.head span {text-transform:uppercase; font-size:12px; color:#336666;}
#spa_checkout_review p.body {margin:5px 0 10px 5px; padding:0;}
#spa_checkout_review p.body span {text-transform:uppercase;}

#spa_checkout_confirm {margin: 0 0 0 13px; font-size:11px;}
#spa_checkout_confirm p.bold {color:#000000; float:none; width:auto; padding:0; margin:5px 20px 0 0; font-weight:normal;}
#spa_checkout_confirm p {float:left; width:200px; margin:10px 20px 10px 0; line-height:16px; margin-left:0px !important;}


#spaexperience_top {float:left; margin:20px 0 0 11px;}
#spaexperience_top label {font-size:16px;}
#spaexperience_top span.noInput {margin-left:25px; font-size:16px;}
#spaexperience_top p.left_pad {width:355px; padding:0; color:#666666; font-style:italic; font-size:13px; margin-bottom:20px; margin-right:0; margin-top:0px !important; margin-left:25px !important;}
#spaexperience_top div.spas {margin-left:25px;}
#spaexperience_top div.spas p {float:left; width:205px; font-size:14px; line-height:18px; margin-bottom:0px; margin-right:10px; margin-top:0px !important; margin-left:0px !important;}
#spaexperience_top div.spas p span.caps {text-transform:uppercase;}
#spaexperience_top div.spas p span.smaller {font-size:13px;}
#spaexperience_top div.radios {float:left; margin-top:7px; width:215px;}
#spaexperience_top div.radios input {margin:0 2px 0 6px; padding:0; vertical-align:middle;}
#spaexperience_top div.radios label {font-size:14px; }

a#spaexperience_bottom_trigger {display:block; background-image:url(/images/global/spa_other_off.jpg); width:691px; height:26px; clear:both; cursor:pointer;}
a#spaexperience_bottom_trigger img {visibility:hidden;}

#spaexperience_bottom img {cursor:pointer;}
#spaexperience_bottom div.left {width:325px; float:left; padding-left:16px;}
#spaexperience_bottom h6 {text-transform:uppercase; font-size:11px; font-weight:normal; padding:0; margin:15px 0 0 0;}
#spaexperience_bottom label {text-transform:uppercase; font-size:11px; line-height:22px;}
#spaexperience_bottom input {vertical-align:text-bottom; margin:0; padding:0;}

#spa_experience_foot {border-top:1px solid #a9d9c5; padding-top:15px; margin:15px 0; width:691px; height:34px; text-align:right;}


/*optin*/

#optin_container {position:absolute; width:auto; height:700px; top:0; bottom:0; left:0; right:0; z-index:3001;}
#optin_tint {position:absolute; width:100%; height:700px; top:0; bottom:0; left:0; right:0; z-index:1; background-color:#c0c0c0;}
#optin {background:url(/images/home/opt_in.gif) no-repeat; width:391px; height:257px; position:relative; top:155px; margin:auto; z-index:2;}
#optin #close_btn {float:right;}
#optin table {margin-left:50px;}
#optin table td.input_td {padding-top:10px;}
#optin table td.input_td input {color:#0c8b81; width:195px; padding:4px; border:1px solid #bababa;}