@charset "utf-8";
body {
	padding:0;
	margin:0;
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
    background:url(../hearing-aid-images/bk.gif) repeat-x #1e2833;
	color:#FFFFFF;
	text-align: center;
}

body.land {
	padding:0;
	margin:0;
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
    background:url(../hearing-aid-images/bk-land.gif) repeat-x #1e2833;
	color:#FFFFFF;
	text-align: center;
}

#voucher-icon{float:right;margin:15px;border:0;}
#voucher-small-icon{float:right;margin-right:2px;border:0;}

#call{font-size:18px;display:block;}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	text-align: left;
	padding:0;
} 
table {
	border-collapse:collapse;
	margin-top:10px;
}
td {
	border:#b3ad9b 1px solid;
	background:#EBEBEB;

}
td a img { border:solid 1px #B3AD9B; }
td a:hover img { border:solid 1px #5083BC; }
th {
	border:#b3ad9b 1px solid;
	background:#263441;
	color:#fff;
	font-weight:bold;
}
table#shopTab, table#shopTab td{
	border:0px;
	background:#fff;
	padding:5px;
	text-align:left;
}
table#shopTab {
	border:1px solid;
}
div.prodContent {
	/*width:45em;*/
	min-height:80px;
	min-width:300px;
	height:100%;
	background:#ccc;
padding:5px;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	display:inline;
	color:#330033;
	font-weight: bold;
}
#topNav {
	height:37px;
	background:#161e26;
	color:#fff;

}

.topLinks {
	padding:8px 3px 0px 3px;
}
.topLinks a {
	margin:0px 4px;
}
#header {
	clear:both;
background: url(../hearing-aid-images/hearing-aids-service.jpg) right no-repeat;
height:199px;
}
#header #logo {
 background:url(../hearing-aid-images/hearing-aids-logo.gif) right no-repeat;
 width:330px;
float:left;
 height:199px;
 }

#header img {
 	float:left;
}
#headerland {
	clear:both;
	background: url(../hearing-aid-images/hearing-aids-service.jpg) right no-repeat;
	height:199px;
	margin-top:37px;
	font-size:18px;
}
#headerland #logoland {
	background:url(../hearing-aid-images/hearing-aids-logo-land.gif) right no-repeat;
	width:330px;
	float:left;
	height:199px;
}
#headerland #emailland{
	padding:50px 0 0 340px;
	color:#0069de;
	font-weight:bold;
}
#headerland #emailland a:link{
	color:#0069de;
	font-weight:bold;
	text-decoration:none;
}
#headerland #emailland a:hover{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#headerland #emailland a:visited{
	color:#0069de;
	font-weight:bold;
	text-decoration:none;
}
#header a.login, #header a.addfav {
	display:inline-block;
	/*margin-top:178px;*/
}
#header #logoClick {
	height:178px;
	display:block;
}
#header a.login {

	margin-left:50px;
}
#header a.addfav {

	margin-left:25px;
}
#headerland #telland{
	padding:5px 0 0 350px;
	color:#0069de;
	font-weight:bold;
}

#menu {
	padding:5px 5px;
	background:#161e26;
	color:#2d4b69;
	clear:both
}
#menu a { 
	margin:0px 4px;
	color:#fff;
}
#main {

	padding:11px 0px;
}
#free-phone { float:right; font-size:16px; margin:0; font-weight:bold; }
#free-phone h2, #free-phone h1  {margin:0;padding:0;}
p.please-call { font-size:14px; font-weight:bold; color:#1C64D1; }

#lhPanel, #rhPanel {
 	width:23%;
	padding:0;
	float:left;
	margin-right:5px;
}

#rhPanel {
width:21%;
 float:right;
 padding:10px;
 background:#161e26;
 margin: 0 0 0 5px;
}

#rhPanel .yel {
color:#fff;
}
#rhPanel a:link, #rhPanel a:visited {
color:#8FAFBE;
}
#categories {
width:100%;
	border-right: 1px solid #000;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;
}
#categories  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#categories  li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	}

#categories li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 5px solid #1958b7;
	border-right: 5px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #categories  li a {
	width: auto;
}

#categories li a:hover {
	border-left: 5px solid #1c64d1;
	border-right: 5px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

.lhSec {
	padding:5px;
	height:88px;
		background:url(../hearing-aid-images/lhPanelBk.gif) repeat-x ;
	
}
.lhSec img {
	border:1px #0069de solid;
	float:left;
	margin-right:10px;
}
#lta {
	border-top:2px #4377b1 solid;

}
.lhSec h3 {
	display:block;
	height:59px;
}
#content{
	width:74%;
	background:#fff;
	color:#000;
	padding:8px 8px 4px 8px;
	float:left;
	min-height:262px;
}
#content.home {
	width:51%;
}
#content.wide { width:auto; }
#content p{
	padding:0;
	margin:8px 0px 8px 0px;
}
#content p a, #content a {
	color:#000;
}
.featureBox {
	width:49%;
	height:237px;
	float:left;
	background:url(../hearing-aid-images/featuredBk.gif) repeat-x;
	/*margin-right:6px;*/
}
.featureBox#Lfb {
	margin-right:11px;
}
#content .featureBox h3 {
	padding:6px 10px;
}
#content .featureBox h3 a {
	color:#fff;
}
#content .featureBox h4 {
	padding:3px 10px;
}
#content .featureBox p {
	margin:0px;
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
}
#content .featureBox img { 
	float:left;
	margin:5px 5px 5px 0px;
}
#content .featureBox .ftDetails {
	color:#bae5f0;
	font-size:24px;
}
#content .featureBox a {
	color:#bae5f0;

}
#botNav {
	font-size:11px;
	padding:6px 8px 0px 8px;
	clear:both;
	}
#botNav span {
	font-size:10px;
	color:#6699FF;
	float:right;
}

h1 {
	font-size:24px;
	padding:0px;
	margin:0px;
	color:#000;
}
h1.land {
	font-size:14px; 
	color:#0069de;
	padding:0px;
	margin:0px;
}
h2 {
	font-size:14px; 
	color:#0069de;
	padding:0px;
	margin:0px;
}
h3 {
	font-size:18px;
	color:#fff;
	padding:0px;
	margin:0px;
}
h4 {
	font-size:18px;
	color:#000033;
	padding:0px;
	margin:0px;
}

a:link, a:visited, a:hover {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#0069de;
	text-decoration:underline;
}

/*MODAL POPUP*/
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
.modal{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:auto;
	overflow:hidden;
	width:408px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
	color:#000;
}
.modal a{
	color:#000;
}
.modal h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
.modalClose {
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor:default;
}/*END MP*/
/* ADD IN separate widths and heights for the lh menu popup*/

#afterCareWin, #suppliersWin, #batteriesWin, #matchingWin {
		height:500px;
		width:600px;
		text-align:left;
		line-height:1.5em;
		
}
img.modimg {
	float:right;
	margin:0 0 5px 5px;
	border:5px solid #999999;
}
/*-------*/
/*Contact form*/

label
{
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}


input, textarea
{
	color: #000;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	background: #ccc;
	border: 1px solid;
	padding:2px;
}
#txtSend {
	border:1px solid;
	background:#6699FF;
}


fieldset
{
	border: 1px solid;
	width: 50em;
	padding:10px;
}

legend
{
	font-size:1.2em;
	font-weight:bold;
	border:none;
	padding: 2px 6px;
} 
/*validation*/
div.error {
	color: red;
}
div.error li { margin-left: 30px; }
div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline
}

input.error, select.error, textarea.error {
	border: 2px solid red;
	background-color:#99CCFF;
	margin: 0px;
	color: red;
}

/*validation end*/
/*end form*/
.midNo {
	border:none;
	margin:0 2px;
	vertical-align:middle;
}
/*flash gal*/
.pics {  
    height:100%;  
    width:100%;  
    padding:0;  
    margin:22px 65px;  
} 

 
.pics img {  
    padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0 
} 
#suppliers {
	height:76px;
	width:66px;
	display:inline;
	float:left;
}
#supText {
	margin-left:79px;
}
/**/
#lhPanel.addLhs div {
	background:#161E26;
	padding:5px 10px;
}


#styles {
	float:right;
}
#styles img {
	margin:0 0 5px 5px;
	border:5px solid #999999;
}
#accessBasket {
	background:#161E26;
	display:block;
	padding:3px;
	text-align:center;
}

#container #main #content .blueLink {
	color: #0069de;
	font-size:110%;
}
#suppliersWin p img{
	margin:40px;
}
/*checkout form val*/
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #000033;
	color : #FFF;
	font-weight: bold;
}
/**/
#prodRange {
	width:500px;
	text-align:left;
}
#prodRange span{
	display:inline-block; /*to prevent the lines of text from being split onto 2 lines*/
}
.alLeft {
	text-align:left;
}

hr {
 border:1px solid #0066FF;
}
#content a.manufacturer:link{
	color:#0069de;
	font-weight:bold;
	text-decoration:none;
}
#content a.manufacturer:active{
	color:#0069de;
	font-weight:bold;
	text-decoration:none;
}
#content a.manufacturer:hover{
	color:#0069de;
	font-weight:bold;
	text-decoration:underline;
}
#content a.manufacturer:visited{
	color:#0069de;
	font-weight:bold;
	text-decoration:none;
}

a.normal:link{
	color:#0069de;
	font-weight:normal;
	text-decoration:none;
}
a.normal:hover{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
a.normal:visited{
	color:#0069de;
	font-weight:normal;
	text-decoration:none;
}

a.hiddenwhite:link{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
a.hiddenwhite:hover{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
a.hiddenwhite:visited{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}