/*-----------------------------------*/
/* Reset
-----------------------------------*/
    * {
        padding:0;
        margin:0;
    }
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
    li, dd { margin-left:5%; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }

    .hide{ display:none; }
    .left{ float:left; }
    .right{ float:right; }
    .clear{ clear:both; font-size:1px; line-height:1px; }
	.center{ text-align: center; }
    a img{ border:none; }
	a{text-decoration: none;}
	.bold { font-weight: bold;}

	.noborder{ border: none !important; }
	.nobottommarg{ margin-bottom:0 !important;}

	
	.imgFloatRight{ float: right; padding-left: 15px; padding-bottom: 15px; padding-top: 8px;}

	.imgFloatLeft{ float: left; padding-left: 15px; padding-bottom: 15px; padding-top: 8px;}
	.imgFloatLeft25{ float: left; padding-left: 25px; padding-bottom: 15px; padding-top: 8px;}

/*-----------------------------------*/
/* Default
-----------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
	background: #fffdd6 url("../img/background.png") repeat-x;
	
	}

#wrapper{
	width: 775px;
	margin: 0 auto;
	overflow: auto;
}

#outside{
	width: 825px;
	margin:25px auto;
}


/*-----------------------------------*/
/* Logo
-----------------------------------*/

	div.logo{
		position: absolute;
	}

	div.logo span{
		display: none;
	}
	
	div.logo a{
		background: url("../img/logo.png") no-repeat;
		display: block;
		width: 234px;
		height: 109px;
	}
	
/*-----------------------------------*/
/* Header
-----------------------------------*/

#header{
	/*background: url("../img/header-bg-1.jpg") no-repeat;*/
	background: #fffdd6 url("../pics/background/rotate.php") repeat-x;
	height: 314px;
}

.quote p{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-style: italic;
	line-height: 1.2em !important;
	margin: 0 !important;
	padding-left: 220px;
	padding-top: 7px;
}

/*-----------------------------------*/
/* Spacers
-----------------------------------*/
	
.blueSpacerTop{
	overflow: auto;
	width: 725px;
	float: right;
	height: 34px;
	background: #0973ba;
	margin-top: 25px;
}

	.blueSpacerTop p{
		font-size: 1.2em;
		color: #FFF;
		text-align: right;
		padding-right: 18px;
		padding-top: 8px;
		margin: 0 !important;
		line-height: 1.2em !important;
	}
	
.blueSpacer10{
	background: #0973ba;
	height: 10px;
}

/*-----------------------------------*/
/* Content
-----------------------------------*/

#content{
	background: #FFF;
}	

#leftColumn{
	width: 204px;
	background: url("../img/red-background.png") repeat-y;
	padding-bottom: 8px;
}

	#leftColumn h3{
		color: #FFF;
		font-size: 1.3em;
		text-decoration: underline;
		font-style: italic;
		font-weight: bold;
		margin: 0em !important;
		line-height: 1.2em !important;		
	}

	#leftColumn p{
		color: #FFF;
		line-height: 1.2em !important;
		width: 170px;
		font-size: 1em;
				
	}

		#leftColumn span.heading{
			font-weight: bold;
			font-size: 1.1em;
			
		}

			#leftColumn span.heading a{
				color: #FFF;
				text-decoration: none;
			}

				#leftColumn span.heading a:hover{
					text-decoration: underline;
				}
		#leftColum span.date{
			font-size: 1.1em;
		}

		#leftColumn p{
			
		}


#mainColumn, #rightColumn, #rightColumn2{
	padding-top: 8px;
}

#rightColumn{
	width: 535px;
	padding-right: 20px;
}

#rightColumn2{
	width: 535px;
	padding-right: 20px;
}

.full{
	padding: 0px 20px;
}

#mainColumn a, #rightColumn a{
	color: #3070D0;
}

p.blueText, span.blueText{
	color: #3070D0;
	font-size: 1.2em;
	font-weight: bold;
}

h3.blueText{
	color: #3070D0;
	font-weight: bold;
}

p.redText, span.redText{
	color: #ed1c24;
	font-weight: bold;
}

h1 span.blueText{
	font-size: 80%;
	color: #005CAE;
}


/*-----------------------------------*/
/* Nav
-----------------------------------*/

.news{
	padding-top: 8px;
	padding-left: 13px;
}

/*-----------------------------------*/
/* Nav
-----------------------------------*/

#navigation{
	margin-top: 37px;
	margin-left: 20px;
}

#nav{
	list-style-type: none;
	margin: 0 !important;
	padding-left: 0 !important;
}

	#nav li{
		line-height: auto !important;
		margin-left: 0 !important;
		margin-bottom:0 !important;
		margin-top: 0 !important;
		height: 33px;
		width: 146px;
		display: block;
		background: url("../img/nav/button-template.png") no-repeat;
	}
	
		ul#nav li:hover{
			background-position: 0px -33px;
			color: #be141b;
			text-decoration: none;
		}

	ul#nav a{
		display: block;
		color: #000;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 3px;
	}
	
	ul#nav a:hover{
		color: #be141b;
	}
		
		#nav a span{
			padding-top: 10px;
			padding-left: 10px;
		}
		

		#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:130px;}
		#flyout ul {padding:0; margin:0; list-style:none; width:130px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;}
		#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

		#flyout li {float:left; margin-bottom:1px;}
			#flyout li.main{
				background: url("../img/nav/button-template.png") no-repeat;
				height: 33px;
				width: 146px;
				display: block;
				margin-left: 0 !important;
				margin-bottom:0 !important;
				margin-top: 0 !important;
			}
		#flyout li a {display:block; float:left; color:#000; 	padding-left: 10px; padding-top: 3px; font-family:arial, sans-serif; font-size:1.2em; font-weight: bold; text-decoration:none;}
		#flyout li a.fly {}

		#flyout li:hover {position:relative;}
		#flyout li a:hover {position:relative; color:#fff;}
		#flyout li:hover > a {color:#be141b;}

		#flyout ul.drop{
			background: #FFF;
			border: 2px solid #000;
			width: 160px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
		}
		
			#flyout ul.dropLong{
				width: 180px !important;
			}
		
			#flyout ul.drop a{
				font-size: 1em !important;
			}
			
			#flyout ul.drop li{
				margin: 0 !important;
				border-bottom: 1px solid #e0ddb1;
				width: 100% !important;
			}
			
			#flyout ul.drop a:hover{
				color: #be141b;
			}

		#flyout ul li a {}
		#flyout ul li a.fly {}
		#flyout ul ul li a {}
		#flyout ul ul li a.fly {}
		#flyout ul ul ul li a {}

		#flyout li a.current,
		#flyout ul li a.current,
		#flyout ul ul li a.current,
		#flyout ul ul ul li a.current {color:#be141b;}

		#flyout :hover ul,
		#flyout :hover ul :hover ul,
		#flyout :hover ul :hover ul :hover ul {left:125px;}

		#flyout :hover ul ul,
		#flyout :hover ul :hover ul ul {left:-9999px;}

		#flyout ul li:hover > a {color:#be141b;}
		#flyout ul ul li:hover > a {color:#be141b;}

/*-----------------------------------*/
/* footer
-----------------------------------*/

#footer{
	background: #0973ba;
	
}	
	
/*-----------------------------------*/
/* Type
-----------------------------------*/

h1 {
	font-size: 1.8em;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color: #ed1c24;
	font-weight: bold;
	}
h2 {
	font-size: 1.4em;
	margin: .8em 0em .8em 0em;
	font-weight: bold;
	color: #3070D0;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: .8em 0em .8em 0em;
	}

/*-----------------------------------*/
/* Locations
-----------------------------------*/

.locations{
	overflow: auto;
	padding-top: 10px;
}

.locationsCol1, .locationsCol2, .locationsCol3{
	width: 217px;
	float: left;
	border-right: 1px solid #3070D0;
}

	.locationsCol2, .locationsCol1{
		padding-right: 20px;
	}

	.locationsCol2, .locationsCol3{
		padding-left: 20px;		
	}

	.locationsCol3{
		border-right: none;
	}

.location{
	padding-bottom: 15px;
}

	.location a{
		color: #3070D0;
	}

	.location em{
		color: #666;
	}

	.location h3{
		color: #3070D0;
		margin: 0 !important;
		font-weight: bold;
		font-size: 1.3em;
	}
	
		.location h3 span{
			font-size: 70% !important;
			font-weight: normal;
		}
		
		.location h3 a{
			text-decoration: none;
		}

	.location p{
		margin: 0 !important;
		line-height: 1.1em !important;
	}


/*-----------------------------------*/
/* Consumers Guide
-----------------------------------*/
div.consumersguide{
	padding-left: 0px !important;
	padding-right: 20px !important;
	text-align: center;
}


div.consumersguide h1{
	text-align: center;
	font-size: 2em;
}

	div.consumersguide h2{
		text-align: center;
		background: #0973ba;
		color: #FFF;
		padding: 5px 0px;
		font-family: Geneva,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 2.5em;
		letter-spacing: -1.5px;
		margin-top: 12px;
	}



/*-----------------------------------*/
/* Products
-----------------------------------*/

.product{
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #3070D0;
	overflow: auto;
}

	.product .image{
		float: left;
		display: block;
		width: 145px;
	}
	
		.product .image img{
			padding: 4px;
			background: #FFF;
			border: 1px solid #E2E2E2;
		}
	
	.product h3{
		color: #3070D0;
		margin: 0 !important;
		padding: 0 !important;
		font-weight: bold;
	}

	.product p{
		margin: 0 !important;
		padding: 0 !important;
	}
	
		.product p.description{
			padding-top: 5px !important;
		}
	
	.product span.price{
		color: #ED1C24;
		font-weight: bold;
	}
	
	.product ul{
		margin-left: 155px;
	}

/*-----------------------------------*/
/* Ear Store
-----------------------------------*/

#earstorenav{
	border: 1px solid #000;
	width: 168px;
	margin: 13px 0px 0px 13px;
	background: #D0F0F0;
  	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
	#earstorenav a{
		color: #000;
		text-decoration: none;
		font-weight: bold;
		display: block;
		padding-left: 10px;
	}


	#earstorenav ul{
		list-style-type: none;
		margin: 0 !important;
	}
	
	#earstorenav li{
		margin: 0 !important;
		border-top: 1px solid #000;
		line-height: 2em;
	}

		#earstorenav li.first{
			border-top: 0 !important;
			padding-top: 1px;
		}
/*
	#earstorenav a:hover{
		background: #C2E0E0;		
	}
problem with rounded corners in firefox & safari*/


p.orderline{
	background: #0973ba;
	color: #FFF;
	font-size: 2em;
	text-align: center;
	width: 400px;
	display: block;
	height: 35px;
	margin: 10px auto;
	font-weight: bold;
	border: 1px solid #0965a2;
}

/*-----------------------------------*/
/* Anthem
-----------------------------------*/

div.anthem{
	background: #DCD4CC;
	padding: 13px 15px;
	margin-top: 5px;
	border: 1px solid #CBC3BC;
}

	div.anthem img{
		float: left;
		padding-right: 5px;
	}

	div.anthem h2{
		margin: 0px;
		color: #ed1c24;
		text-transform: uppercase;
		padding-top: 4px;
	}
	
	div.anthem p{
		margin-top: 8px;
		margin-bottom: 0px !important;
	}
	
	div.anthem1{
		background: #DCD4CC;
	}
	
	div.anthem2{
		width: 85%;
		background: #DCD4CC;
	}
	
	div.anthem3{
		width: 75%;
		background: #DCD4CC;
	}
	
	div.anthem4{
		width: 60%;
		background: #DCD4CC;
	}

/*-----------------------------------*/
/* Testimonials
-----------------------------------*/

div.testimonial{
	padding-top: 15px;
	border-bottom: 2px solid #000;
}
	div.testimonial img{
		float: left;
		width: 170px;
	}

	div.testimonial p{
		margin-top: 0px !important;
		line-height: 1.2em;
		padding-top: 5px;
	}
	
	div.testimonial p.source{
		margin-top: 8px;
		margin-bottom: 0px;
		padding-left: 185px;
		font-size: 95%;
	}

		div.testimonial p.source span{
			color: #ed1c24;			
		}
		

/*-----------------------------------*/
/* cta
-----------------------------------*/
	
.ctaConsumersGuide{
	padding-left: 9px;
}

/*-----------------------------------*/
/* Rounded Box
-----------------------------------*/
.rounded-box{
	background: #f3f6fa;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border: 1px solid #e5e7e9;
    border-radius: 5px;
    padding: 10px 15px;
    color: #FFF;
	margin-bottom: 10px;
}


.rounded-box a{
	color: #40200d;
	text-decoration: none;
}

.rounded-box a:hover{
	text-decoration: underline;
}


.style44{
	font-size: 14px;
}

.banners{
	padding-top: 2px;
	padding-bottom: 5px;
}

div.success{
	background: #d0f2c2;
	color: #47832e;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 1px solid #abdd97;
	border-bottom: 1px solid #abdd97;
	padding: 10px;
	font-weight: bold;
}

label.error { 
	text-align: left;
	display: inline;
	color: #A90000;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background: url("../img/error.png") no-repeat;
	padding-left: 22px;
	padding-top: 5px;
	background-position: 0 5px;

}
input.error{
	border: 2px solid #A90000;
}