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

/**************************/

/* -- Basic HTML Rules -- */

/**************************/

/* - stop gap if only inline element in block level container - */

img,object,embed{border:none;vertical-align:bottom;}

/* - to avoid ff<1.03 bug - */

html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,p,blockquote{margin:0;padding:0;}

/* - look normal - */

abbr,acronym{font-style:normal;cursor:help;}

/* - always hide - */

.print,legend{display:none;}

/* - silly border - */

a img,:link img,:visited img,fieldset{border:none;}

/* - dot less - */

ul,ol,dl{list-style:none;}

/* - uniform styles - */

h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select{font-size:1em;}





/************************/

/* -- General Styles -- */

/************************/

/* - default font */

html,body{font-family:'Arial',verdana,tahoma,georgia,sans-serif;}

/* - give default font style - */

p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:75%;line-height:145%;}

/* dont shrink recursivly */

th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;}

/* - give default bottom margin - */

h1,h2,h3,h4,h5,h6,p,ul,dl,ol,pre{margin-bottom:1em;}

/* - table - */

table{border-collapse:collapse;}

td, th{vertical-align:top;}





/*************************/

/* -- General Classes -- */

/*************************/


/* -- contain -- */

.contain:after{content:".";display:block;clear:both;visibility:hidden;height:0;}

/* ie mac fix */

.contain{display:inline-table;}

* html .contain{/* nomac \*/height:1%;/* nomac */}

.contain{display:block;}/* should hide from mac but seems to work */

/* -- image replacement -- */

.imageReplace{position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;}

.imageReplace span{width:100%;height:100%;position:absolute;background-repeat:no-repeat;top:0px;left:0px;z-index:1;}

/* -- clear -- */

.clear{clear:both;}


/**************************/

/* -- Site Rules/Color -- *



	Text Blue  		#0750aa

	Text Purple		#810262

	Text gray/blue 	#47535b

	Text Pink		#d691a8

	Accessible Blue #0750aa



*/

/**************************/


/**********************/

/* -- Site Classes -- */

/**********************/


/* -  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:#0750aa; /*font-size:0.75em;*/ }

	a:focus			{ color:#810262; }

	a:hover			{ color:#810262; }

	.active a		{ color:#810262; }

	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; }

	.footnote		{ font-size:0.65em; }

	

/* -  Template  - */

	body 			{ font-family:'arial'; height:100%; background:#ffffff url(../img/bg_repeat.jpg) repeat-y; }

	#header			{ display:block; background:#ffffff; border-bottom:1px solid #e5eaee; height:54px; }

	#header img		{ vertical-align:middle; padding-left:20px;margin-top:15px; float:left; }

	#header #langSelect{ float:right; padding-top:5px; padding-right:20px; }

	#content		{ padding-bottom:3em; }

	#content a:visited		{ color:#033169; }

	#footer			{ padding-left:187px;}

	.mainInner		{ margin-left:93px; width:540px; padding-top:27px;} 
	
	.mainInner .banner {position:relative; width:540px; height:420px; } /*added by CS for store locator*/

	.mainInner .banner div.mapPad	{ padding-bottom:10px; padding-top:20px; } /*image map doesn't work in IE if the image has padding so had to pad surrounding div instead*/

	.downShift		{ padding-top:315px; }

	.section		{ padding-bottom:0.5em; }



/* -  Pages  - */ 

	/* -  Home  - */

	#pageHome h1.imageReplace 	{ width: 300px; height: 24px; position: relative; } /* alternative dimensions for PT in serum7StylesPT.css */

	#pageHome h1.imageReplace span { background: url(../img/head_storelocator.gif) no-repeat; position: absolute; width: 100%; height: 100%; } /* alternative image for PT in serum7StylesPT.css */

	
/* - Store locator  - */

	.storeDropDown {position:absolute; bottom:70px; right:0; width:170px;}
	
	.storeDropDown p {margin-bottom:0.1em; margin-top:1.3em; color:#47535B}
	
	.storeDropDown p.note {font-size:0.7em; font-style:italic;}
	
	.storeDropDown label {font-size:0.9em}
	
	select {color:#810262; width:100%}
	
	input.blue {background-color:#F7F7FB; border:1px solid #E9E9E9; color:#6AA2CC; margin-top:1em; padding:0.2em; overflow:visible/*for IE extra padding*/}
	
	input.blue:hover {cursor:pointer; color:#810262;}
	
	.addressBox {width:260px; float:left; margin-right:10px;} /* height set for PT in serum7StylesPT.css */
	
	.footnote {clear:both; font-size:0.65em}
	
	.index ul {margin-bottom: 2em;}
	
	.index li {margin-bottom: 1em;}
	
	p.date {font-size: 0.7em;}