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

	body{
		margin: 0px auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color:#F2F2F2;
		color: #1A1A1A;
	}
	
	a{color:#03588C;text-decoration:none;}
	a:hover{
	color: #03588C;
	text-decoration:underline;
}
	
	#wrapper{
		width: 939px;
		margin:0px auto;
		text-align:center;
		padding:0 7px;
		background-color:#fff;
	}
	#container{	
		text-align:left;
	}
	#header{
		width:auto;
		background: url(../assets/images/menu-bg-blank.png) no-repeat;
		height:331px; 
	}
	#headerInterior{
		width:auto;
		background: url(../assets/images/header-bg-int.png) #5892C4 no-repeat;
		height:152px;
		/*IE 6 fix*/margin-bottom:-1px;
	}
	#headerInteriorBottom{
		background: url(../assets/images/header-bg2-int.png) no-repeat;
		height:61px; 		
	}
	#logo{
	width: 584px;
	float:left;
	height: 102px;
	}
	#topMenu{
	float:left;
	width:auto;
	padding: 15px 0 0;
	height: 87px;
	}
	#topMenu li{
		list-style: none;
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #03588C;
	}
	#topMenu li.last{
		border: none;
		padding-right:0px;
	}
	#topMenu  a{
		font-weight: bold;
		color: #03588C;
		text-decoration: none;
	}
	.tollFree{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-top: 47px;
	font-size: 18px;
	text-align: right;
	width:auto;
	}
	#menuBar{
		/*background: url(../images/menu-bar.png) no-repeat;*/
		height: 41px;
		width: auto;
	}
	#menuBar li{
		list-style:none;
		display: block;
		float:left;	
		height: 32px;
		text-align:center;	
		font-family: Georgia, "Times New Roman", Times, serif, Cambria;
		font-size: 14px;
	}
	#menuBar li a{
		display: block;
		text-decoration: none;
		height: 32px;
	}
	#menuBar li.products a{
		width: 194px;
		background: url(../assets/images/nav-products.png) 0 0 no-repeat;
		margin-left: 16px;
	}
	#menuBar li.why a{
		width: 258px;
		background: url(../assets/images/nav-why.png) 0 0 no-repeat;
	}
	#menuBar li.press a{
		width: 208px;
		background: url(../assets/images/nav-press.png) 0 0 no-repeat;
	}
	#menuBar li.dealer a{
		width: 244px;
		background: url(../assets/images/nav-dealer.png) 0 0 no-repeat;
	}
	#menuBar li.products a:hover{background: url(../assets/images/nav-products.png) 0 100% no-repeat;}
	#menuBar li.why a:hover{background: url(../assets/images/nav-why.png) 0 100% no-repeat;}
	#menuBar li.press a:hover{background: url(../assets/images/nav-press.png) 0 100% no-repeat;}
	#menuBar li.dealer a:hover{background: url(../assets/images/nav-dealer.png) 0 100% no-repeat;}
	
	#menuBar li.why-active{width: 258px;background: url(../assets/images/nav-why.png) 0 100% no-repeat;}
	
	#protectionBtn, #allergyBtn, #waterproofBtn, #medicalBtn{height: 85px;display:block;}
	#protectionBtn a, #allergyBtn a, #waterproofBtn a, #medicalBtn a{height: 85px;display:block;}
	
	#protectionBtn{width:237px;background:url(../assets/images/protection-btn.png) 0 0 no-repeat;}
	#allergyBtn{width:233px;background:url(../assets/images/allergy-btn.png) 0 0 no-repeat;}
	#waterproofBtn{width:233px;background:url(../assets/images/waterproof-btn.png) 0 0 no-repeat;}
	#medicalBtn{width:236px;background:url(../assets/images/medical-btn.png) 0 0 no-repeat;}
	
	
	#protectionBtn a{width:237px;}
	#protectionBtn a:hover{background:url(../assets/images/protection-btn.png) 0 100% no-repeat;}
	
	#allergyBtn a{width:233px;}
	#allergyBtn a:hover{background:url(../assets/images/allergy-btn.png) 0 100% no-repeat;}
	
	#waterproofBtn a{width:233px;}
	#waterproofBtn a:hover{background:url(../assets/images/waterproof-btn.png) 0 100% no-repeat;}
	
	#medicalBtn a{width:236px;}
	#medicalBtn a:hover{background:url(../assets/images/medical-btn.png) 0 100% no-repeat;}
	
	
	#headerBottom{
		width:auto;
		background: url(../assets/images/menu-bg2.png) no-repeat;
		height:66px; 
	}
	#main{
		width:auto;
		height: 330px;
		padding:0px;
		background: url(../assets/images/main-bg.gif) repeat-y;
	}
	#main img{border:none;}
	
	#mainContentBox1, #mainContentBoxMid, #mainContentBox4{
		float:left;
		background: transparent;
		display:block;
		padding: 0;
		margin: 0;
	}
	#mainContentBox1{
		width: 237px;	
	}
	#mainContentBoxMid{
		width: 233px;
	}
	#mainContentBox4{
		width: 236px;
	}
	#aContentBox1{
		padding:10px 10px 10px 15px;
		height: 220px;
		background: url(../assets/images/bg-bed.png) 15px 100px no-repeat;
		border-right: 1px solid #CCC;
	}
	#aContentBox2, #aContentBox3, #aContentBox4{
		padding:10px 10px 0 15px;
		height: 230px;
	}
	#aContentBox2{
		background: url(../assets/images/bg-allergy.png) 10px 100px no-repeat;
		border-right: 1px solid #CCC;
	}
	#aContentBox3{
		background: url(../assets/images/bg-waterproof.png) 10px 100px no-repeat;
		border-right: 1px solid #CCC;
	}
	#aContentBox4{
		background: url(../assets/images/bg-medical.png) 10px 100px no-repeat;
	}
	#aContentBox1 li, #aContentBox2 li, #aContentBox3 li, #aContentBox4 li{
		list-style:none;
		padding: 5px 12px;
		font-family:Georgia, "Times New Roman", Times, serif, Cambria;
		font-style: italic;
		font-weight:bold;
		color: #CC8215;
		letter-spacing: 1px;
	}
	
	#aContentBox1 a{color: #CC8215; text-decoration:none;}
	#aContentBox2 a{color: #6E8C25; text-decoration:none;}
	#aContentBox3 a{color: #4988BF; text-decoration:none;}
	#aContentBox4 a{color: #03588C; text-decoration:none;}
	
	#aContentBox1 a:hover,#aContentBox2 a:hover,#aContentBox3 a:hover,#aContentBox4 a:hover{text-decoration:underline;}
	
	#roundTop{
		background: url(../assets/images/round-top.gif) no-repeat;
		height: 8px;
		display: block;
		overflow: hidden;
	}
	
	#roundBottom{
		background: url(../assets/images/round-bottom.gif) no-repeat;
		height: 8px;
	}
	#roundBottom2{
		background: url(../assets/images/round-bottom2.gif) no-repeat;
		height: 8px;
		clear:both;
	}
	#mainLower{
		margin-top: 10px;
	}
	#mainLowerContent{
		background: url(../assets/images/main-bg.gif) repeat-y;
		padding: 0 13px;
		height: 160px;
	}
	#contentLeft{
		background: url(../assets/images/mainLower-bg.png) 0 100% repeat-x;
		width:608px; 
		height:140px; 
		padding:10px;
		float:left; 
		margin-right:10px;
	}
	#contentRight{
		width:275px;
		float:left;
	}
	hr {
		color: #fff; 
		background-color: #fff; 
		border: 1px dotted #ccc; 
		border-style: none none dotted; 
		margin: 7px 0px;
	}
	hr.news {
		color: #fff; 
		background-color: #fff; 
		border: 2px dotted #03588C; 
		border-style: none none dotted; 
		margin: 7px 0px;
	}
	#mainLowerContent h3{margin-top:0;}
	h2, h3{
		font-family: Georgia, "Times New Roman", Times, serif, Cambria;
		color: #03588C;
	}
	h2{font-size: 20px;}
	h3{font-size: 16px;}
	/*#mainInterior{
		width:auto;
		padding-bottom:10px;
		background: url(../assets/images/interior-bg.png) repeat-y;
	}*/
	#mainInterior{
		background: url(../assets/images/interior-bg.png) repeat-y;
		padding-bottom:10px;
		overflow:auto;
	}
	#mainInterior img{border:none;}
	
	/*#contentLeftInt{
		float:left;
		width:180px;
		padding:0 10px 0 15px;
		margin-right:10px;
	}*/
	#contentLeftInt{
		width:190px; 
		margin-left:12px;
		float:left;
		display:inline;
	}
	#contentLeftInt li, #leftColumn li{
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif, Cambria;
	font-size: 14px;
	padding: 3px 0 3px 10px;
	color: #03588C;
	}
	#contentLeftInt li a, #leftColumn li a{color: #03588C;text-decoration:none;}
	
	#contentLeftInt li a:hover, #leftColumn li a:hover{text-decoration:none;}
	
	#contentLeftInt h3, #leftColumn h3{margin-bottom:3px;margin-top:10px;}
	
	#contentRightInt{
	float:left;
	margin-left: 15px;
	width:670px;
	padding:0 10px 0 15px;
	color: #03588C;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	}	
	#contentRightInt li{
		padding: 3px;
	}
	
	#contentRightInt h2{margin-bottom:15px;margin-top:10px;}
	#contentRightInt h3{
	margin-bottom:5px;
	margin-top:20px;
	color: #03588C;
}
	
	#contentRightInt img{
	float:left;
	padding: 0 15px 15px 0;
	text-align: left;
	}
	
	#sideBtns li, #sideBtns li.protection-active{
		list-style:none;
		height: 76px;
		width: 188px;
		padding:0px;
		margin:0px;
	}
	
	#sideBtns li a, li.protection a, li.allergy a, li.waterproof a, li.medical a{
		display:block;
		height: 76px;
		width: 188px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	li.protection a {background: url(../assets/images/protection-side-btn.png) no-repeat;}
	li.allergy a {background: url(../assets/images/allergy-side-btn.png) no-repeat;}
	li.waterproof a{background: url(../assets/images/waterproof-side-btn.png) no-repeat;}
	li.medical a{background: url(../assets/images/medical-side-btn.png) no-repeat;}
	
	li.protection a:hover{background: url(../assets/images/protection-side-btn.png) 0 100% no-repeat;}
	li.allergy a:hover{background: url(../assets/images/allergy-side-btn.png) 0 100% no-repeat;}
	li.waterproof a:hover{background: url(../assets/images/waterproof-side-btn.png) 0 100% no-repeat;}
	li.medical a:hover{background: url(../assets/images/medical-side-btn.png) 0 100% no-repeat;}	
	
	li.protection-active{background: url(../assets/images/protection-side-btn.png) 0 100% no-repeat;}
	
	#testimony{
		 font-family: Georgia, 'Times New Roman', Times, serif, Cambria;
		 color:#03588C;
		 font-style: italic;
		 letter-spacing: 1px;
		 padding:10px 0 0 10px;
		 background: url(../assets/images/quote-top.png) 0 0 no-repeat;
	}
	
	#testimonyBottom{
		 background: url(../assets/images/quote-bottom.png) 100% 100% no-repeat;
		 padding-bottom:10px;
	}

	.yellow{color:#CC8215; font-weight:bold;}
	a.yellow:hover {
	color:#03588C;
	text-decoration:underline;
}

	.yellowWeak{color:#CC8215;}
	a.yellowWeak:hover {color:#CC8215;text-decoration:underline;}

	.green{color:#6E8C25; font-weight:bold;}
	a.green:hover {color:#6E8C25; text-decoration:underline;}
	
	.blue {color:#4988BF; font-weight:bold;}	
	a.blue:hover {color:#4988BF; text-decoration:underline;}
	
	.navy{color:#03588C; font-weight:bold;}
	a.navy:hover {color:#03588C;text-decoration:underline;}

	.navyStrong{color:#03588C; font-weight:bold;}
	a.buttonNavy {color:#FFF; background-color:#03588C; padding: 2px 5px; border: 1px solid 2a7bac;}
	a.buttonNavy:hover {color:#FFF; background-color:#2a7bac; padding: 2px 5px; border: 1px solid 03588C; text-decoration:none}

	#footer{
		padding: 20px 15px; 
		color:#666666; 
		font-weight:bold; 
		font-size: 11px;
		text-align:left;
		clear:both; 
	}
	#footer a{color:#666666; text-decoration:none;}
	#footer a:hover{color:#03588C; text-decoration:underline;}