/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Arial, Helvetica, sans-serif; color:#154d6a; background:#7b7b7b url(images/bg.gif) repeat-y center top} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto; background-color:#FFFFFF} 
ul{list-style:none; font-size:1.1em}
a{color:#154d6a; text-decoration:none; outline:none;}
a:hover{color:#154d6a;}
.clr{clear:left}
p{font-size:1.25em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3{font-weight:bold; color:#8A9B25}
h1{font-size:2.55em; margin-bottom:0.5em }
h2{font-size:2.05em; }
h3{font-size:1.85em;}
sup{color:#990000; font-size:1.3em}


/*---------------HEADER---------------*/
#header{position:relative; height:120px; width:960px; display:block; padding-top:15px; margin-bottom:35px}
#banner-promo{position:absolute; top:20px; left:229px}
#logo{float:left; width:182px; height:120px;  margin:0; display:inline; font-family:Arial, Times, serif; font-size:2.5em; margin:0 0 0 10px; background-image:url(images/logo.gif); text-indent:-3000px}
#logo a{height:120px; width:100%; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none}
ul#header_contact{text-align:right; margin:0px 10px 16px 0; float:right; display:inline; color:#8A9B25}
ul#header_contact li{font-size:1.3em;}
ul#header_contact li.num{font-size:2.3em; font-weight:bold;}
ul#header_contact a{color:#8A9B25; font-size:1.15em; font-weight:bold}
ul#header_contact a:hover{color:#2B3C06;}

#bread{font-size:1.1em}

/*---------------NAV---------------*/ 
ul#nav{width:730px;  height:40px; line-height:40px;  background-image:url(images/nav-bg.jpg); float:right}
ul#nav li{float:left; padding:0 18px; font-size:1.25em; font-family:Arial, Verdana, Times, serif; display:inline}
ul#nav li a{color:#fff}
ul#nav li a:hover{color:#154D6A}
ul#nav li a, #footer a{text-decoration:none}
 
/*---------------TWO COLs---------------*/
#twocols{width:770px; float:right; position:relative; }

/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:520px; margin-left:40px }
#maincol a{text-decoration:underline}
#maincol a:hover{color:#8A9B25}
#maincol img{float:right; margin:0 0 15px 15px; border:2px solid #8A9B25;}
body#hearing-aids #maincol img{float:left; margin:0; }
body#hearing-aids #maincol img.book, #maincol img.banner{border:none; float:none; margin:0}

p.book-test{width:400px; background-color:#E6EFBB; border:1px solid #8A9B25; padding:10px; text-align:center; font-size:2.0em}

/*---------------LEFT COL---------------*/
#leftcol{width:190px; float:left; position:relative; margin:0; padding:0; display:inline;  height:auto !important; height:715px; min-height:715px;}
#leftcol img{margin:50px 0 20px 33px}

#module-brand{width:183px; background:url(images/module-brand-mid.gif) repeat-y; float:right;}
#module-brand .top{background:url(images/module-brand-top.gif) no-repeat left top; padding:0; margin:0; height:37px }
#module-brand .bottom{background:url(images/module-brand-bottom.gif) no-repeat left bottom;  padding:0; margin:0;  }

ul#brands{width:160px; height:35px; line-height:35px; height:auto; margin: 0 auto}
ul#brands li{border-bottom:1px solid #d5d5d5; font-size:1.15em; font-weight:bold}
ul#brands li a:hover{color:#8A9B25}

/*---------------RIGHT COL---------------*/
#rightcol{float:right; display:inline; position: relative; width:170px; margin:0; text-align:right;}
#rightcol img{float:left; margin-bottom:20px}

/*---------------INDEX---------------*/
ul.bullet{font-size:1.3em}
ul.bullet li{margin-bottom:3px; }
ul.bullet li a{background:url(images/tick.gif) no-repeat; padding-left:20px}

/*---------------REGIONS---------------*/
ul.regions{margin-bottom:20px; float:left}
ul.regions li{width:173px; float:left; font-size:1.15em; margin-bottom:3px}
ul.regions h2{display:block; width:100%; clear:left}

/*---------------FORMS---------------*/
form{width:100%; margin:0 auto;}
form{border:6px solid #8A9B25; margin-bottom:20px}
form input.field, form select, form textarea{font-family: verdana, Helvetica, sans-serif; font-size:0.95em; color:#154d6a; border:1px solid #7f9db9; padding:3px}

form p{width:99%; padding:3px; margin:0; background-color:#e3e8c7; margin-bottom:1px}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; width:100px; line-height:1.8em; color:#154D6A}
form p.double-height{height:80px;}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:none}


/*-----free test------*/
form#free-test{width:500px;}
form p{width:494px; float:left}
form#free-test p label{width:100px}
form#free-test p span.submit{margin-left:100px}
form#free-test option{width:80px}
form#free-test input.field{width:300px}
form#free-test input.field-sm{width:50px}

/*-----callback-----*/
form#call-back p label{width:130px}
form#call-back input.field{width:250px}
form#call-back p span.indent{margin-left:135px}
form#call-back input.field-sm{width:50px}

/*-----contact------*/
form#contact{width:450px;}
form#contact p{width:444px;}
form#contact p input.field{width:250px}
form#contact p textarea{width:250px}
form#contact p label{width:120px}
form#contact p span.submit, form#contact p span.letters{margin-left:125px}
form#contact p input.field-sm{width:50px}
form#contact p span.indent{margin-left:130px}

/*---------------INDEX---------------*/
body#index #maincol img{margin-bottom:25px}

/*---------------TESTIMONIALS & FAQs---------------*/
ul.testimonial, ul.faq_a, ul#faq_q, ul#faq-cat{font-size:1.2em; margin-bottom:20px}
ul.testimonial li, ul.faq_a li{margin-bottom:6px}
ul.testimonial li.name, ul.faq_a li.question{font-weight:bold}
ul#faq_q{margin:25px 0}
ul#faq_q li{margin-bottom:10px}
ul#faq-cat{margin:25px 0; float:left}
ul#faq-cat li{float:left}

/*---------------ARTICLES---------------*/
ul.article_list{margin-bottom:12px}
ul.article_list li{font-size:1.1em; margin-bottom:5px; line-height:1.5em}
ul.article_list li.title{font-weight:bold; margin-bottom:0}

#module-articles{width:160px; background:url(images/module-brand-mid.gif) repeat-y; float:left; margin-bottom:10px}
#module-articles .top{background:url(images/module-articles-top.gif) no-repeat left top; padding:0; margin:0; height:37px }
#module-articles .bottom{background:url(images/module-articles-low.gif) no-repeat left bottom;  padding:0; margin:0; height:7px; font-size:0  }

ul#articles-cat{width:140px; height:35px; line-height:35px; height:auto; margin: 0 auto}
ul#articles-cat li{border-bottom:1px solid #d5d5d5; font-size:1.15em; font-weight:bold; text-align:left}
ul#articles-cat li a:hover{color:#8A9B25}

/*---------------SITEMAP---------------*/
ul#sitemap{font-size:1.25em}
ul#sitemap li{margin-bottom:5px}

/*---------------PRODUCTS---------------*/
ul.product{width:520px; font-size:1.25em; float:left; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #789}
ul.product li.title, ul.product li.desc, ul.product li.cta{width:350px; float:left; margin-bottom:10px}
ul.product li.title{font-weight:bold; font-size:1.4em}
ul.product li.desc{margin-bottom:20px; width:100%}

ul.product-image{width:520px; font-size:1.25em; float:left; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #789}
ul.product-image li.image{width:170px; text-align:center; float:right;}
ul.product-image li.image img{border:2px solid #8A9B25}
ul.product-image li.title, ul.product-image li.desc, ul.product-image li.cta{width:350px; float:left; margin-bottom:10px}
ul.product-image li.title{font-weight:bold; font-size:1.4em}
ul.product-image li.desc{margin-bottom:20px;}
/*---------------CONTACT---------------*/
ul#contact_details{margin:0 0 20px 10px; float:left; width:240px; }
ul#contact_details li{font-size:1.1em}
ul#contact_details li.address_bold{font-weight:bold}
ul#contact_details li.tel{margin-top:12px; font-weight:bold}
ul#contact_details li.fax{font-weight:bold}
ul#contact_details li.email{margin-top:12px; font-weight:bold}

ul#contact{font-size:1.2em; margin-bottom:20px}

/*---------------FOOTER---------------*/
#footer{width:959px;  clear:both; text-align:center; font-size:1.1em; color:#FFF; background-color:#8A9B25}
#footer a{color:#FFF}

.error{color:#FF0000}

ul#footer-loc{width:900px; float:left; margin:20px 0 20px 20px;}
ul#footer-loc li{float:left; margin-left:3px}