@charset "utf-8";
/* CSS Document */

/* --- Stylesheet for Site - Boots Serum7 Lift --- */

/* -- Site Rules/Color -- *

	Text Purple		#7A256E
	Text gray	 	#7A858D
	Text light (on dark bg) #F7F7F7
	
	bg purple #7A256E
	bg above fold #FEFEFE
	bg below fold #FCFCFC
	bg footer purple #823276
	bg footer gray #

*/

/* --  Typography  -- */

h1, h2, h3, h4, h5			{ font-family: Helvetica, sans-serif;}
h1 							{ color:#7A256E; font-size:1.8em; position: absolute; left: -10000px; top: 0px; background-color: #F6F6F6; }
h2 							{ color:#7A256E; font-size:1.55em; line-height: 1.3em; /*margin: 0 0 15px 0;*/ padding-top: 10px; padding-bottom: 15px; }
h3 							{ color:#7A256E; font-size:1.2em; line-height: 1.3em; padding-top: 25px; padding-bottom: 10px; }
	body#serum7 h3 				{ color:#68727B; font-size:1.3em; line-height: 1.3em; padding-bottom: 10px; }
	body#serum7_lift h3 		{ color:#7A256E; font-size:1.3em; line-height: 1.3em; padding-bottom: 10px; }

h4 							{ color:#7A256E; font-size:0.8em; font-weight:bold; /*margin: 10px 0;*/ padding: 10px 0; line-height: 1.4em;}
	 .overlay h4 	{ color:#68727B; font-size:1em; line-height: 1.3em; margin-bottom: 15px; }
h5							{ color:#7A256E; font-size:0.9em; font-weight:bold; /*margin-bottom:5px;*/ padding-bottom: 5px; line-height: 1.4em; }
h6							{ color:#68727B; font-size:0.8em; font-weight:bold; /*margin-bottom:5px;*/ padding-bottom: 5px; line-height: 1.4em; }

a:link, a:visited			{ color:#7A256E; text-decoration: underline; }
a:focus 					{ color:#7A858D; }
a:hover 					{ color:#7A256E; text-decoration: none; }
a.external 					{ }


p 							{ color:#7A858D; font-size: 11px; margin-bottom: 10px; line-height: 1.5em; }
.header p 					{ font-size: 13px;}
p.last						{}
p.small						{ font-size: 10px;}
pre, code, samp, kbd, var 	{ font:100% mono-space,monospace; }
pre 						{ overflow:auto; }
abbr, acronym 				{ text-transform:uppercase; border-bottom:1px dotted #000; letter-spacing:1px; }
abbr[title], acronym[title]	{ cursor:help; }
sup, sub					{ font-size:.8em; }
em, cite, q					{ font-style:italic; }
img							{ border:none; }			
hr							{ display:none; }	
table						{ width:100%;border-collapse:collapse; }
th,caption					{ text-align:left; }

.pullout					{ float: right; padding: 0 0 20px 20px;}


/* --- Grid --- */

html, body 					{ height: 100%; margin-bottom: 1px; font-family: Arial, Helvetica, sans-serif;  }
body 						{ background:#7f2e73 url(../images/body_bg_tile.jpg) repeat-x; }

#wrapper					{ position: relative; width: 100%; }
#topBar						{ position: absolute; top: 0; left: 0; height: 91px; width:100%; background: #7A256E; }
	.logo					{ background-color: #7A256E; }
		#serum7_logo		{ position: relative; top: 23px; left: 30px; float: left; }
		#boots_logo			{ position: relative; top: 13px; right: 30px; float: right; }

#navigation					{ position: absolute; top: 120px; left: 0; width: 190px; }
.topNav .navItem, .topNav .navItemSelected		{ background: #F6F6F6; height: 30px; padding: 0; border-bottom: solid 1px #934F8A; }

	ul.topNav				{ border: solid 1px #934F8A; border-left: none; border-bottom: none; }
	
	#navHome_en				{ background: url(../images/home_btn_en.png) no-repeat bottom left; }
	#navSerum7_en			{ background: url(../images/serum7_btn_en.png) no-repeat bottom left; }
	#navLift_en				{ background: url(../images/new_serum7_lift_btn_en.png) no-repeat bottom left; }
	#navCampaign_en			{ background: url(../images/the_campaign_btn_en.png) no-repeat bottom left; }
	
	#navHome_en:hover		{ background: url(../images/home_btn_en.png) no-repeat top left; }
	#navSerum7_en:hover		{ background: url(../images/serum7_btn_en.png) no-repeat top left; }
	#navLift_en:hover		{ background: url(../images/new_serum7_lift_btn_en.png) no-repeat top left; }
	#navCampaign_en:hover	{ background: url(../images/the_campaign_btn_en.png) no-repeat top left; }

	#navHome_fr				{ background: url(../images/home_btn_fr.png) no-repeat bottom left; }
	#navSerum7_fr			{ background: url(../images/serum7_btn_fr.png) no-repeat bottom left; }
	#navLift_fr				{ background: url(../images/new_serum7_lift_btn_fr.png) no-repeat bottom left; }
	#navCampaign_fr			{ background: url(../images/the_campaign_btn_fr.png) no-repeat bottom left; }
	
	#navHome_fr:hover		{ background: url(../images/home_btn_fr.png) no-repeat top left; }
	#navSerum7_fr:hover		{ background: url(../images/serum7_btn_fr.png) no-repeat top left; }
	#navLift_fr:hover		{ background: url(../images/new_serum7_lift_btn_fr.png) no-repeat top left; }
	#navCampaign_fr:hover	{ background: url(../images/the_campaign_btn_fr.png) no-repeat top left; }

	#navHome_pt				{ background: url(../images/home_btn_pt.png) no-repeat bottom left; }
	#navSerum7_pt			{ background: url(../images/serum7_btn_pt.png) no-repeat bottom left; }
	#navLift_pt				{ background: url(../images/new_serum7_lift_btn_pt.png) no-repeat bottom left; }
	#navCampaign_pt			{ background: url(../images/the_campaign_btn_pt.png) no-repeat bottom left; }
	
	#navHome_pt:hover		{ background: url(../images/home_btn_pt.png) no-repeat top left; }
	#navSerum7_pt:hover		{ background: url(../images/serum7_btn_pt.png) no-repeat top left; }
	#navLift_pt:hover		{ background: url(../images/new_serum7_lift_btn_pt.png) no-repeat top left; }
	#navCampaign_pt:hover	{ background: url(../images/the_campaign_btn_pt.png) no-repeat top left; }
	
	#navHome_en.navItemSelected, #navSerum7_en.navItemSelected, #navLift_en.navItemSelected, #navCampaign_en.navItemSelected	{ background-position: top left;}
	#navHome_fr.navItemSelected, #navSerum7_fr.navItemSelected, #navLift_fr.navItemSelected, #navCampaign_fr.navItemSelected	{ background-position: top left;}
	#navHome_pt.navItemSelected, #navSerum7_pt.navItemSelected, #navLift_pt.navItemSelected, #navCampaign_pt.navItemSelected	{ background-position: top left;}
	
	.topNav .navItem a:link, .topNav .navItem a:visited { display: block; width: 189px; height: 30px; text-indent: -9999em;  }
	.topNav .navItem a:hover 		{ }
	.topNav .navItemSelected a:link, .topNav .navItemSelected a:visited	{ display: block; width: 189px; height: 30px;  text-indent: -9999em;   }

#pageBody					{ margin:0 auto; padding-left:200px; width:730px; }
#container					{ position: relative; width: 723px; margin: 0 auto; padding: 122px 13px 0 13px; background: url(../images/wrapper_bg.png) no-repeat left 101px; }

#homepage_header		{ width: 697px; height: 300px; background: #F6F6F6 url(../images/homepage_header.jpg) no-repeat; }
#campaign_header		{ width: 697px; height: 300px; background: #F6F6F6 url(../images/campaign_header.jpg) no-repeat; }

#serum7_header_en			{ width: 697px; height: 300px; background: #F6F6F6 url(../images/serum_7_header_en.jpg) no-repeat; }
#serum7_lift_header_en		{ width: 697px; height: 300px;  background: #F6F6F6 url(../images/serum_7_lift_header_en.jpg) no-repeat; }

#serum7_header_fr			{ width: 697px; height: 300px; background: #F6F6F6 url(../images/serum_7_header_fr.jpg) no-repeat; }
#serum7_lift_header_fr		{ width: 697px; height: 300px;  background: #F6F6F6 url(../images/serum_7_lift_header_fr.jpg) no-repeat; }

#serum7_header_pt			{ width: 697px; height: 300px; background: #F6F6F6 url(../images/serum_7_header_pt.jpg) no-repeat; }
#serum7_lift_header_pt		{ width: 697px; height: 300px;  background: #F6F6F6 url(../images/serum_7_lift_header_pt.jpg) no-repeat; }

	.headerLeft				{ margin-right: 400px; padding: 30px 30px 0 30px; /*height: 260px;*/ }
	.headerLeftWide			{ margin-right: 220px; padding: 30px 30px 0 30px; /*height: 260px;*/ }
	.headerRight			{ margin-left: 400px; padding: 30px 30px 0 30px; /*height: 260px;*/ }
	.headerRightWide		{ margin-left: 300px; padding: 30px 30px 0 30px; /*height: 260px;*/ }


.content					{ width: 697px; background: #FEFEFE;  }
.content #products			{ position: relative; width: 627px; padding: 60px 35px 15px 35px; background: #FEFEFE url(../images/above_fold_tile.jpg) repeat-x bottom left;  }

.content #range_en				{ position: relative; width: 697px; padding: 50px 0px 0px 0px; background: #FCFCFC url(../images/serum7_range.jpg) repeat-x bottom left; height: 310px;  }
.content #range_fr				{ position: relative; width: 697px; padding: 50px 0px 0px 0px; background: #FCFCFC url(../images/serum7_range.jpg) repeat-x bottom left; height: 310px;  }
.content #range_pt				{ position: relative; width: 697px; padding: 50px 0px 0px 0px; background: #FCFCFC url(../images/serum7_range_pt.jpg) repeat-x bottom left; height: 310px;  }

.content #rangeLift			{ position: relative; width: 697px; padding: 50px 0px 0px 0px; background: #FCFCFC url(../images/serum7lift_range.jpg) repeat-x bottom left; height: 310px;  }
.contentLeft				{ float: left; width: 295px; }
.contentRight				{ float: right; width: 295px; }

.column_1, .column_2, .column_3, .column_4, .column_5 { float: left; /*background-color: #F5F5F5;*/ }
	
	body#serum7 .column_1					{ width: 170px; }
	body#serum7 .column_2					{ width: 150px;}
	body#serum7 .column_3					{ width: 150px; }
	body#serum7 .column_4					{ width: 105px; }
	body#serum7 .column_5					{ width: 105px; padding-right: 17px; }
	
	body#serum7_lift .column_1				{ width: 170px; padding-right: 20px; }
	body#serum7_lift .column_2				{ width: 170px; padding-right: 20px; }
	body#serum7_lift .column_3				{ width: 150px; padding-right: 20px; }
	body#serum7_lift .column_4				{ width: 127px; padding-right: 20px; }


.colCopy	{ height: 100px; background-color: #FCFCFC; }

.productShot	{ position: absolute; top: 130px; right:50px;  }




.content .regForm			{ width: 627px; padding: 0px 35px 20px 35px; background: #FCFCFC url(../images/below_fold_tile.jpg) repeat-x top left; overflow: hidden; position: relative;}	
.content .regContent		{ width: 627px; padding: 0px 35px 0 35px; background: #FCFCFC; }	



#footer						{ width: 697px; height: 32px; clear: both; margin-bottom: 20px; }
.purpleFooter				{ background-color: #823276; }
	.purpleFooter a 		{ color: #F7F7F7; line-height: 30px; font-size: 11px; padding: 0 0 0 35px; text-decoration: none;  }
	.purpleFooter a:hover 	{ color: #FEFEFE; text-decoration: underline;  }
.grayFooter					{ background-color: #8f8f8f; }
	.grayFooter a 			{ color: #F7F7F7; line-height: 30px; font-size: 11px; padding: 0 0 0 35px; text-decoration: none;  }
	.grayFooter a:hover 	{ color: #FEFEFE; text-decoration: underline;  }
	 


.overlayTrigger 				{ height: 0; }	
.overlayTrigger a				{ text-indent: -9999em; }
body#serum7 .overlay 			{ display: none;  position: absolute; top: 0; left: 0; width: 617px; height: 480px;  background:  url(../images/mb_bg_lift.png) no-repeat top left; padding: 15px 30px 25px 50px; }
body#serum7_lift .overlay 		{ display: none;  position: absolute; top: 0; left: 0; width: 617px; height: 480px;  background:  url(../images/mb_bg_lift.png) no-repeat top left; padding: 15px 30px 25px 50px; }

.overlayCopy 	{ padding-right: 200px; }

.jqmOverlay a	{ }


	body#serum7 .column_1 a.jqModal		{ background: url(../images/plus_gray.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 5px; left: 125px; outline: none; }
	body#serum7 .column_2 a.jqModal		{ background: url(../images/plus_gray.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 45px; left: 85px; outline: none; }
	body#serum7 .column_3 a.jqModal		{ background: url(../images/plus_gray.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 45px; left: 85px; outline: none; }
	body#serum7 .column_4 a.jqModal		{ background: url(../images/plus_gray.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 30px; left: 45px; outline: none; }
	body#serum7 .column_5 a.jqModal		{ background: url(../images/plus_gray.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 5px; left: 67px; outline: none; }



	body#serum7 .column_1 a.jqModal:hover,			
	body#serum7 .column_2 a.jqModal:hover,		 	
	body#serum7 .column_3 a.jqModal:hover,			
	body#serum7 .column_4 a.jqModal:hover,			
	body#serum7 .column_5 a.jqModal:hover		{ background: url(../images/plus_gray_over.png);}


a.jqmClose { float: right; padding: 10px 20px 0 0; font-size: 11px; text-decoration: underline; }


	body#serum7_lift .column_1 a.jqModal		{ background: url(../images/plus_purple.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 15px; left: 120px; outline: none;}
	body#serum7_lift .column_2 a.jqModal		{ background: url(../images/plus_purple.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 100px; left: 115px; outline: none;}
	body#serum7_lift .column_3 a.jqModal		{ background: url(../images/plus_purple.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 100px; left: 125px; outline: none;}
	body#serum7_lift .column_4 a.jqModal		{ background: url(../images/plus_purple.png) no-repeat left top; width: 23px; height: 24px; display: block; position: relative; top: 45px; left: 85px; outline: none;}



	body#serum7_lift .column_1 a.jqModal:hover,			
	body#serum7_lift .column_2 a.jqModal:hover,		 	
	body#serum7_lift .column_3 a.jqModal:hover,			
	body#serum7_lift .column_4 a.jqModal:hover 	{ background: url(../images/plus_purple_over.png);}



/*A.tip 				{ }
A.tip:hover 		{ position: relative; }
A.tip span			{ display: none; }
A.tip:hover SPAN 	{ display: block;  z-index: 100; background: #f8f8f8; position: absolute; top: 10px; left: 0px; margin: 10px; padding: 3px 5px;  text-decoration: none; border: solid 1px #993399; font-size: 10px; }*/