﻿*{margin: 0; padding: 0;}

a img{border: none;}

a{
outline: none; 
text-decoration: none;
color: #5f6060;
}

a:hover{
outline: none; 
text-decoration: none;
color: #97005e;
}

p{margin: 5px 0px}

ul{list-style-type: none;}

.purple{color: #97005e;}

html{overflow-y: scroll; height: 100%;}

body{
	background: #e9e8ea url('../_images/alere-bg.jpg') repeat-y center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f6060;
}

#container{
	width: 990px;
	height: 300px;
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
	background: url('../_images/curve.gif') no-repeat top right;
}

#containerWithoutImage{
	width: 990px;
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
}

#containerBackground {
	background: url('../_images/curve-with-image.jpg') no-repeat top right;
	float:right;
	height:100%;
	z-index:1;
}

h1{
	float: left;
	padding-top: 62px;
}

#nav{
	height: 85px;
	width: 550px;
	float: left;
	padding-top: 62px;
	position: relative;
}

#nav ul{
	position: absolute;
	bottom: -4px; left: 23px;
	line-height: 17px;
}

#nav li.active a{color: #faa61a;}

#nav a{
	color: #96005e;
	display: block;
	position: relative;
	width: 550px;
	font-weight:bold;
}

#nav a:hover{color: #839097;}

#nav a span{
	width: 300px;
	position: absolute;
	left: 170px;
	color: #faa01b;
	background: url('../_images/active-arrow-orange.gif') no-repeat 0 6px;
	padding-left: 7px;
	display: none;
} 

#nav a:hover span{display: inline;}

#content{
	width: 870px;
	clear: left;
	padding: 49px 0 0 120px;
	position: relative;
}

h2{
	padding-bottom: 14px;
	font-size: 38px;
	font-weight: normal;
	padding-right: 150px;
}

#contentLeft{
	float: left;
	width: 400px;
	padding-right: 10px;
	line-height: 20px;
	margin-left: -10px;
	padding-left: 10px;
	display: inline;
}

#contentFullwidth{
	float: left;
	width: 800px;
	padding-right: 10px;
	line-height: 20px;
	margin-left: -10px;
	padding-left: 10px;
	display: inline;
}

h3{
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	padding-bottom: 12px;
}

#contentRight{
	width: 235px;
	float: left;
	margin: 0 40px 0 60px;
	display: inline;
}

#contentRight ul{
	font-weight: bold;
	line-height: 20px;
	margin-top: 7px;
}

#contentRight a{
	font-weight: normal;
	color: #96005e;
}

#contentRight a:hover{text-decoration: underline;}

#band{
	width: 990px;
	height: 54px;
	position: relative;
	float: left;
	border-bottom: 25px solid #fff;
	margin-top: 150px;
}

#bandBg{
	opacity: .92;
	filter: alpha(opacity: 92);
	position: absolute; top: 0; left: 0;
}

#langBtn{
	position: absolute;
	top: 15px; left: 108px;
}

#band p{
	font-size: 11px;
	color: #717d85;
	position: absolute;
	top: 21px; left: 715px;
}

#languageSelection{
	position: absolute;
	bottom: 54px; left: 102px;
	width: 223px;
	height: 132px;
	background: url('../_images/languages-bg.gif') no-repeat top left;
}

#languageSelection img{position: absolute; top: 6px; right: 10px;}

#languageSelection ul{
	width: 93px; 
	float: left; 
	padding: 22px 0 0 17px; 
	font-size: 11px; 
	line-height: 16px;
}

#languageSelection a{color: #b7b7b7;}
#languageSelection a:hover{color: #96005e;}


/* Home */ 
#home #container{
	min-height: 575px;
	max-height: 809px;
	overflow: hidden;
}

#home h2{padding-right: 0;}

#home #band{
	position: absolute;
	bottom: 0;
}

#homeImg{
	position: absolute;
	top: -70px; right: 97px;
}

#home h2{position: absolute; z-index: 10; width: 430px; height: 125px; background-color: #fff;}

#home #content p{position: relative; padding-top: 120px; z-index: 15;}

/* About */
#sectionNav{margin-top: 1px;}

#sectionNav li{
	float: left; 
	margin: 0 20px 9px -10px;
	display: inline;
}

#sectionNav img{vertical-align: middle;}

#sectionNav a.active, #leftNav a.active, #brands a.active{
	background: url('../_images/active-arrow.gif') no-repeat 3px 4px;
	color: #96005e;
}

#sectionNav a{color: #839097; padding: 0 10px;}

#sectionNav a:hover{color: #96005e;}

.section{clear: left;}

.section p{padding-bottom: 10px;}

.section p.sectionLink{margin-left: -10px;}

.section a{
	padding-left: 10px;
	background: url('../_images/active-arrow.gif') no-repeat 3px 4px;
	color: #96005e;
}

.section a:hover{text-decoration: underline;}

#faqs li{
	border-bottom: 1px solid #dadde0; 
	margin-bottom: 12px;
}

#faqs h4{
	color: #92c83e;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 11px;
	padding-bottom: 0;
}

.fastFacts{color: #48c2c5;}

.fastFacts h4{
	font-size: 44px;
	color: #34bfc2;
	padding-bottom: 5px;
}

.fastFacts h5{
	font-size: 12px; 
	padding-bottom: 4px;
}

.fastFacts p{
	line-height: 20px; 
	padding-bottom: 28px;
}

#facts{
	overflow: hidden;
	width: 235px;
	height: 185px;
	position: relative;
}

#factsContainer {position: absolute;}

#factsContainer .fact{
	float: left;
	width: 235px;
}

#fastFactsControls{
	border-top: 1px solid #c8ced2;
	width: 235px;
	background: #fff;
	cursor: default;
	padding-top: 5px;
}

#fastFactsControls div{
	display: inline;
	cursor: pointer;
}


/* Products */
#globalProducts{margin-left: -10px;}

#leftNav, #brands{
	width: 190px;
	float: left;
	line-height: 20px;
	margin-top: 7px;
}

#leftNav{padding-bottom: 50px; padding-left: 10px;}

#leftNav a, #brands a{color: #828689; padding-left: 10px;}

#leftNav a:hover, #brands a:hover{color: #95005e;}

#leftNav li{margin-left: -10px;}

.title{
	padding: 0 0 10px 0px;
	color: #95005c;
	font-weight: bold;
}

.last{padding-top: 14px;}

#productContent{
	width: 680px;
	float: left;
	position: relative;
}

#brandContent{
	float: left;
	position: relative;
}

#productInfo{
	float: left;
	line-height: 18px;
	padding-top: 8px;
}

#productInfo div{
	display: none; 
	position: relative;
}

#default{
	padding-right: 180px;
	line-height: 20px;
}

#productInfo h4{
	font-size: 12px; 
	padding-bottom: 3px;
}

#productInfo h5{
	font-size: 21px; 
	padding-bottom: 9px;
}

#productInfo p{width: 255px; padding-bottom: 6px;}

#productInfo ul{
	font-weight: bold; 
	margin-top: 29px; 
	line-height: 20px;
}

#productInfo a{
	font-weight: normal; 
	color: #95005e;
}

#productInfo a:hover{text-decoration: underline;}

#productInfo div img{
	position: absolute;
	top: 10px; left: 290px;
}


/* Map */
#mapContent{
	clear: left;
	width: 870px;
	padding-top: 20px;
	position: relative;
}

#mapContent h4{
	font-size: 14px;
	color: #97005e;
	padding-bottom: 5px;
}

#mapContent p.purple{padding-bottom: 16px;}

#mapLinks{width: 201px; float: left;} 

#mapContent h5.accordionToggle{
	width: 160px;
	font-size: 14px;
	line-height: 23px;
	font-weight: normal;
	padding-left: 12px;
	background: url('../_images/more.gif') no-repeat 0 7px;
	cursor: pointer;
}

#mapContent h5#north.accordionToggleActive{background: url('../_images/less-north.gif') no-repeat 0 7px;}
#mapContent h5#north.accordionToggleActive a, #mapContent h5#north.accordionToggle a:hover{color: #92c83e;}
#mapContent h5#europe.accordionToggleActive{background: url('../_images/less-europe.gif') no-repeat 0 7px;}
#mapContent h5#europe.accordionToggleActive a, #mapContent h5#europe.accordionToggle a:hover{color: #faa01b;}
#mapContent h5#asia.accordionToggleActive{background: url('../_images/less-asia.gif') no-repeat 0 7px;}
#mapContent h5#asia.accordionToggleActive a, #mapContent h5#asia.accordionToggle a:hover{color: #bb6aab;}
#mapContent h5#latin.accordionToggleActive{background: url('../_images/less-latin.gif') no-repeat 0 7px;}
#mapContent h5#latin.accordionToggleActive a, #mapContent h5#latin.accordionToggle a:hover{color: #7c92ca;}
	
#mapContent ul.accordionContent{
	padding-left: 12px;
	width: 160px;
	background-color: #fff;
	overflow: hidden;
	line-height: 20px;
}

#mapContent a{color: #839097;}
#mapContent #northLinks a:hover, #mapContent #northLinks a.active, .north h6{color: #92c83e;}
#mapContent #europeLinks a:hover, #mapContent #europeLinks a.active, .europe h6{color: #faa01b;}
#mapContent #asiaLinks a:hover, #mapContent #asiaLinks a.active, .asia h6{color: #bb6aab;}
#mapContent #latinLinks a:hover, #mapContent #latinLinks a.active, .latin h6{color: #7c92ca;}

#map{
	width: 610px;
	height: 250px;
	float: left;
	position: relative;
	margin: -28px 59px 0 0;
	background: url('../_images/map-bg.gif') no-repeat top left;
	display: inline;
}

#map img{display: none; position: absolute; top: 0; left: 0; z-index: 10;}

#map #mapOverlay{display: block; z-index: 20;}

#map #mapFade{display: block;}

#locations{clear: left; padding-top: 41px;}

#locations h6{
	font-size: 18px; 
	padding-bottom: 11px; 
	margin-top: -15px;
}

#locations ul{
	width: 245px; 
	float: left; 
	line-height: 16px; 
	padding-right: 45px;
}

#locations li{padding-bottom: 15px;}

.location{display: none;}

/* Modal Window */
#modal{width: 415px; height: 247px; font-size: 13px; line-height: 17px; color: #919da5; padding: 27px 89px 27px 24px; }
#modal a{color: #919da5; text-decoration: underline;}
#modal a:hover{color: #96005e;}
#modal h3{margin-bottom: 19px;}
#modal h4{margin-bottom: 14px;}
#modal p{padding-bottom: 10px;}
#modal p.inputRow{padding-top: 35px;}
#modal p.inputRow img{vertical-align: middle; margin: -5px 4px 0 -4px;}
#modal p.inputRow a{color: #637078; text-decoration: underline;}
#modal #languages{display: none; margin-top: 9px;}
#modal #languages p{color: #96005e; padding-bottom: 5px;}
#modal ul{float: left; font-size: 11px; width: 90px;}
#modal #languages a{color: #919da5; text-decoration: none;}
#modal #languages a:hover{color: #96005e;}