/***********************************************
Sussex Audiology Centre CSS
***********************************************/

/* HTML Tags
***********************************************/
*{
	color:#666;
	font:1em "Tahoma" Arial, Helvetica, sans-serif;
	line-height:1.2em;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}
a{
	color:#1B3181;
}
	a:hover{
		color:#A70069;
		text-decoration:none;
	}
strong{
	font-weight:bold;
	color:inherit;
	line-height:inherit;
}
em{
	font-style:italic;
}
p{
	font-size:1.2em;
	margin:0 0 15px 0;
	line-height:18px;
}
ul{
	margin-left:20px;
	margin-bottom:15px;
	font-size:1.2em;
}
ul li{
	margin-bottom:5px;
}
ul ul{
	font-size:1em;
}

ol{
	margin-left:20px;
	margin-bottom:15px;
	font-size:1.2em;
}
h1{
	font-size:3.1em;
	clear:left;
	margin:12px 0 12px;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
}
h2{
	font-size:1.9em;
	clear:left;
	margin:0 0 15px;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}

h3{clear:left;
	background:url("../graphics/dotted_line.gif") no-repeat left bottom;
	font-size:1.4em;
	padding-bottom:3px;
	font-weight:bold;
	margin:0 0 15px;
	}
	
h4{}
h5{}

html, body{
	text-align:center;
	width:100%;
}
body{
	font-size:62.5%;
}

.divClear{
	clear:both;
	}
	
/* Structure
***********************************************/

#Container{
	color:#000;
	margin:0 auto;
	width:775px;
}

#Header{
	float:left;
	height:73px;
	width:775px;
}

#Header .header-main a{
	width:355px;
	height:0;
	float:left;
	padding:73px 0 0 0;
	margin:0;
	overflow:hidden;
	display:block;
	background:url("../graphics/sussex_audiology_centre_logo.gif") no-repeat left top;
}

#Header .header-contact {
	width:420px;
	height:0;
	float:right;
	clear:none;
	padding:73px 0 0 0;
	margin:0;
	overflow:hidden;
	display:block;
	background:url("../graphics/header_top_right.gif") no-repeat left top;
}

#HeaderImages{
	float:left;
	width:775px;
}
	#HeaderImages img{
		float:left;
	}

#ContentBody{
	background:url("../graphics/left_col_background.gif") no-repeat left bottom;
	clear:both;
	float:left;
	width:775px;
}

/* Inline Navigation
***********************************************/

#NavMenu ul{
	padding-left:35px;
	padding-right:25px;
	margin:0 0 5px;
	background-color:#A986BD;
	float:left;
	width:715px;
	font-size:1em;
}

#NavMenu ul li{
	display:inline;
}

#NavMenu ul li a{
	padding:0.7em 1.2em;
	text-decoration:none;
	float:left;
	color:#FFF;
	font-weight:bold;
	white-space:nowrap;
	font-size:1.1em;
}

#NavMenu ul li a:hover{
	background-color:#D1BEDC;
	color:#1B3181;
}

/* Active Header Links*/
#Home #NavMenu .Home,
#About #NavMenu .About,
#Links #NavMenu .Links,
#News #NavMenu .News,
#Services #NavMenu .Services,
#Findus #NavMenu .Findus,
#Search #NavMenu .Search,
#Verve #NavMenu .Verve,
#Testimonials #NavMenu .Testimonials,
#Mailinglist #NavMenu .Mailinglist,
#Contact #NavMenu .Contact{
	background-color:#D1BEDC;
	color:#A70069;
	cursor:default;
}

/* Content
***********************************************/	

#ContentClear{
	clear:left;
}

#TextContent{
	width:531px;
	float:left;
	padding:0;
}

#FindBoxLeft{
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

#FindBoxLeft h5 {
	color:#A70069;
	font-weight:bold;
	background:none;
		}

.ContactAddressBox{
	width:170px;
	float:left;
	margin:0;
	padding:0;
}

#ContactBoxLeft{
	width:300px;
	float:left;
	margin:0;
	padding:0;
}

#ContactBoxRight{
	width:200px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

.map{
	float:right;
	margin: 10px 0 30px 20px;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
}

.ProductImageLeft{
	width:150px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.ProductBoxRight{
	width:250px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}

.ProductBoxRight span{
	color:#1B3181;
	font-weight:bold;
	font-size:1.5em;
	margin:10px 0 10px 20px;
	padding:0;
}

.product{
  width:500px;
	background:url("../graphics/dotted_line.gif") no-repeat left bottom;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	float:left;
}

.last{
	background:none;
}
	
a.top{
	margin-top: 50px;
	padding-right:20px;
	display:block;
	float:right;
	margin-bottom:10px;
	font-weight:bold;
}

.baha{
  background:url("../graphics/logo_baha.jpg") no-repeat right 12px;
}

#TextContent .Links{
  color:#A70069;
	font-weight:bold;
	background:none;
	margin:0;
	padding:0;
}

a.FreeTrial{
  background:url("../graphics/banner_free_hearing_top.jpg") no-repeat 50% 0;
	display:block;
	float:left;
	height:0;
	padding-top:141px;
	width:531px;
	overflow:hidden;
}

.FreeTrialMiddle{
  width:531px;
	height:138px;
	background-color:#A70069;
}

.FreeTrialMiddle p{
  padding:0 0 6px 12px;
	margin:0;
	font-weight:bold;
  color:#FFFFFF;
}

.FreeTrialMiddle ul{
  color:#FFFFFF;
	padding-left:12px;
	padding-top:4px;
	margin:0 0 0 10px;
}

.FreeTrialMiddle ul li{
  color:#FFFFFF;
	padding:0 0 0 4px;
}

.FreeTrialBottom{
	display:block;
	padding-top:10px;
	width:531px;
	background:#FFFFFF url("../graphics/banner_free_hearing_bottom.jpg") no-repeat center top;
}
	

/* Left Column
***********************************************/

#LeftCol{
	float:left;
	padding:0 15px 83px 0;
}

.LeftNavBorder{
	width:10px;
	height:90px;
	float:left;
	background-color:#1B3181;
}

#LeftNavigationMenu{
	width:219px;
	float:left;
	background-color:#EBE7C8;
}

.LeftNavBorderTop{
	background:url("../graphics/left_col_nav_top_border.gif") no-repeat left top;
	height:0;
	padding-top:9px;
	overflow:hidden;
	display:block;
}

#LeftNavigationMenu ul{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	font-size:1em;
}
	#LeftNavigationMenu ul li{
		margin:0 0 0 10px;
		padding:1px;
		display:block;
		background:url("../graphics/left_col_nav_sep.gif") no-repeat left bottom;
	}
	#LeftNavigationMenu ul li.last{
		background:none;
	}
		#LeftNavigationMenu ul li a{
			padding:4px 0;
			text-decoration:none;
			color:#666;
			display:block;
			font-weight:bold;
			font-size:1.2em;
		}
		#LeftNavigationMenu ul li a:hover{
			color:#A70069;
			text-decoration:underline;
		}
		#LeftNavigationMenu ul li a.first{
			padding-top:0;
		}
			#LeftNavigationMenu ul li ul{
				margin:0;
				padding:0 0 6px;
				font-size:1em;
			}
				#LeftNavigationMenu ul li ul li{
					margin:0;
					background:none;
				}
					#LeftNavigationMenu ul li ul li a{
						padding:0.2em 0 0.2em 22px;
						font-weight:normal;
						background:url("../graphics/left_col_nav_bullet.gif") no-repeat 12px 50%;
					}


/* Listing Items */

.ListingItem{
	background:url("../graphics/listing_bg.jpg") repeat-x left top;
	clear:left;
	margin-bottom:15px;
	padding:0 0 7px;
	}

.ListingItem h5{
	background:none;
	margin:0;
	padding:10px;
	color:#A70069;
	}
	.ListingItem h5 a{
		background:none;
		color:#A70069;
		float:none;
		font-weight:bold;
		margin:0;
		padding:0;
		text-align:left;
		text-decoration:underline;
		}
		.ListingItem h5 a:hover{
			color:#333;
			background:none;
			text-decoration:none;
			}

.ListingItem p{
	font-size:1.1em;
	padding:0 10px 10px;
	}



/* Footer
***********************************************/

#Footer{
	background:url("../graphics/dotted_line.gif") no-repeat left top;
	padding:18px 0 5px;
	margin:3px 0 0;
	display:block;
	clear:both;
}

#Footer a{
	color:#666;
}
	#Footer a:hover{
		color:#A70069;
	}

#Footer ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
}

#Footer ul li{
	float:left;
	margin:0 0 6px;
	padding:0;
}

#Footer ul li a{
	padding:0 0.3em;
	color:#666;
	font-size:1em;
	white-space:nowrap;
	border-right:1px solid #666;
}

#Footer ul li a.first{
	padding-left:0;
}

#Footer ul li a.last{
	border-right:none;
}

#Footer p{
	font-size:1em;
	padding:0;
	color:#666;
	margin:0;
	clear:left;
}


/* Contact Form
*********************************************/

#standardform{
	width:500px;
	float:left;
	margin: 10px 0 0 0;
	}

#standardform fieldset{
	width:500px;
	display:block;
	float:left;
	clear:left;
	margin:0 0 10px;
	padding:10px;
	border:1px solid #DDD;
	background:url("../graphics/listing_bg.jpg") repeat-x;
	}

#standardform legend{
	font-size:1.6em;
	color:#666;
	font-weight:normal;
	margin-bottom:0;
	}
#standardform input,
#standardform textarea,
#standardform select{
	width:70%;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:.3em;
	font-size:1.1em;
	}
#standardform input:hover,
#standardform textarea:hover,
#standardform select:hover{
	border:1px solid #999;
	}

#standardform select{
	width:40%;
	}
#standardform label{
	color:#666;
	font-size:1.2em;
	line-height:1.3em;
	width:25%;
	float:left;
	}
#standardform input{}

#standardform input.Send{
	cursor:pointer;
	font-size:1.6em;
	padding:0;
	width:100px;
	height:32px;
	border:1px thin #666666;
	margin-bottom:30px;
	float:right;
	text-align:center;
	}
#standardform .ErrorText{
	color:#FF0000;
	}	

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
#crumb-trail, #crumb-trail a {
	margin-top: 5px;
	text-decoration: none;
	}