/******* Stylesheet for Print - Boots Serum7 *************/

@import 'styles_default.css';

/**********************/
/* -- Site Classes -- */
/**********************/
/* -  Forms  - */
	
/* -  Lists  - */
	/* Simple List */
	.simpleList		{ padding-bottom:0.5em; }
	.simpleList li	{ color:#47535b; padding-bottom:0.5em; }
	.simpleList li a{ font-size:1em; }

	/* Centered List */
	.centeredList	{ text-align:center; }
	.centeredList li{ color:#47535b; font-size:0.7em; }
	
	/* 	Definition List  */
	.definitionList		{ color:#47535b; padding-left:0.5em; }
	.definitionList dt	{ float:left; font-weight:bold; padding-right:0.3em; padding-bottom:0.3em; }
	.definitionList dd	{ padding-bottom:0.3em; }

	/* Menu */
	#menuSide 			{ display:none; }
	
/* -  Typography  - */
	h1				{ color:#810262; font-size:1.8em; }
	h2				{ color:#810262; font-size:0.9em; font-weight:bold; }
	h3				{ color:#47535b; font-size:0.8em; font-weight:bold; }
	h4				{ color:#47535b; font-size:0.8em; font-weight:bold; margin-bottom:0; }
	a				{ color:#47535b; font-size:0.75em; }
	p				{ color:#47535b; font-size:0.75em; }
	.headerMargin	{ margin-bottom:1em; }
	.name			{ margin:0; color:#810262; font-weight:bold; }
	.date			{ color:#810262; }
	.uppercase 		{ text-transform:uppercase; }
	
/* -  Template  - */
	html, body { height: 100%; }

	body 			{ font-family:'arial'; height:100%; }
	#flashWrap 		{ height: 100%; }
	#pageWrap		{ width:700px; }
	#header			{ display:none;}
	#header img		{ vertical-align:middle; padding-left:20px;}
	#content		{ padding-bottom:3em;}
	#content a:visited		{ color:#033169; }
	.mainInner		{ padding-left:73px; width:540px; padding-top:27px; }
	.mainInner .banner		{ text-align:center; }
	.mainInner .banner img	{ padding-bottom:0.9em; padding-top:0.6em; }
	.downShift		{ padding-top:315px; }
	.section		{ padding-bottom:0.5em; }


	
/* -  Pages  - */ 
	/* -  Home  - */
	#pageHome h1.imageReplace 	{ width: 167px; height: 35px; position: relative; }
	#pageHome h1.imageReplace span { background: url(../img/serum7_l.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

	/* -  Story  - */
	#pageStory .main		{ background:url(../img/bg_story.jpg) 0 0 no-repeat; }
	#pageStory h1.imageReplace 	{ width: 229px; height: 30px; position: relative; }
	#pageStory h1.imageReplace span { background: url(../img/serum7_story.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
	
	/* -  Science  - */
	#pageScience h1.imageReplace 		{ width: 154px; height: 25px; position: relative; }
	#pageScience h1.imageReplace span 	{ background: url(../img/the_science.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

	/* -  Range  - */
	#pageRange .main		{ background:url(../img/bg_range.jpg) 0 0 no-repeat; }
	#pageRange h1.imageReplace 		{ width: 151px; height: 56px; position: relative; }
	#pageRange h1.imageReplace span 	{ background: url(../img/range_and_routine.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

	.product		{ margin-bottom:1.5em; }
	.product .productImage	{ float:left; }
	.product .productDescription	{ margin-left:150px; }

	/* -  Bloggers  - */
	#pageBloggers h1.imageReplace 		{ width: 224px; height: 31px; position: relative; }
	#pageBloggers h1.imageReplace span { background: url(../img/serum7_bloggers.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
	
	.paraPadding		{ padding:2em 0; }
	.blogger		{ margin-bottom:3em; }
	.blogger .bloggerImage	{ float:left; }
	.blogger .bloggerDescription	{ margin-left:100px; }
	
	/* -  Amnesty  - */	
	#pageAmnesty h1.imageReplace 		{ width: 111px; height: 31px; position: relative; }
	#pageAmnesty h1.imageReplace span 	{ background: url(../img/amnesty.gif) no-repeat; position: absolute; width: 100%; height: 100%; }
	
	/* -  Contact  - */	
	#pageContact h1.imageReplace 		{ width: 139px; height: 25px; position: relative; }
	#pageContact h1.imageReplace span 	{ background: url(../img/contact_us.gif) no-repeat; position: absolute; width: 100%; height: 100%; }