/* MAIN SHELL
This contains all generic repeating info for EVERY page.
*/

html, body {
                     zoom:85%;
	margin:0;
	padding:0;
/*	height:100%;*/
	font-size:100%;
	text-align: center;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active, a:visited, a:hover /* stops the dashed border on firefox */
{
	outline: none;
}

ul, ol, dl {
	text-transform: uppercase; 
}

img{ border:0; }

div, p, ul, h1, h2, h3, a, img {
	margin:0;
	padding:0;
}

#shell {
	width:900px;
/*	height:100%;*/
	margin:0 auto 0 auto;
	position:relative;
	text-align: left;
	top: 0px;
}

#nav {
	display: block;
	clear:both;
	height: 115px ;
}

#nav2 {
	display: block;
	clear:both;
	height: 92px ;
}

#nav3 {
	display: block;
	clear:both;
	height: 78px ;
}

#logo {
	position: absolute;
	top: 13px;
	left: 0px;
	display: inline;
	height:35px; 
	width:124px; 
}

#logo a {
	font-family: Arial, sans-serif ;
	color: #000000;
	display: block;
	height:35px; 
	width:124px;
}

#pro_tab {
	display: none;
}

#consumer_tab {
	display: none;
}

#consumer_tab a {
	margin: 0 11px 0 0px ;
	display: block;
	width: 164px;
	height: 24px;
}


/* top nav */

#topnav {
	clear: right;
	float: right;
	padding: 0 ;
	margin: 15px 0 24px 0 ;
}

#topnav ul {
	margin-right: 0px;
	list-style-type:none;
	font-family: Arial, sans-serif ;
	font-size: 0.85em;
}

#topnav li {
	float: left;
}

#topnav li a {
	margin-left: 24px;
	padding: 0px;
	color: #000000 ;
}



/* top nav end */

/* sub nav */
#subnav {
	clear:right;
	text-align: right;
	margin: 0 0px 0px 0 ;
}

#subnav ul {
	list-style-type:none;
	clear:both;
	font-family: Arial, sans-serif ;
	font-size: 0.75em;
	margin: 0px;
}

#subnav li {
	margin-top: 0px;
	margin-left: 15px;
}

#subnav ul li, #breadcrumbs ul li, #footer ul li {
	display:inline;
}

#subnav ul a {
	padding-left: 10px;
}

#subnav ul a:hover {
	text-decoration:none;
}

#subnav ul .selected:link {
	font-family: Arial, sans-serif ;
	text-decoration:none;
}

/* sub nav end */

/* footer */
#footer {
	clear:left;
	text-align: left;
	padding: 0px 14px 0 0px ;
	display: none;
	height: 97px;
}

#footer ul {
	list-style-type:none;
	float: left;
	font-family: Arial, sans-serif ;
	font-size: 0.7em;
	margin-top: 22px;
}

#footer li {
	margin-right: 16px;
}

#footer ul a {
	padding-left: 0px;
}

#footer ul a:hover {
	text-decoration:none;
}

.footerLink {
	float: right;
	text-transform: uppercase;
	font-family: Arial, sans-serif ;
	font-size: 0.7em;
	padding-left: 8px;
	margin-top: 22px;
}

.footerLink:hover {
	text-decoration:none;
}

#textSizeButtons {
	display: none;
}

#normalText, #largeText, #textSizeDivider {
	display: none;
}

#textSizeDivider { width: 1px; height: 24px }

#textSizeButtons a {
	width: 23px;
	height: 24px;
	display: block;
}

/* footer end */

/* left content nav */
#leftNav {
	list-style-type:none;
	padding: 0 8px 0 0px;
	margin: 0;
}

#leftNav li {
	padding: 14px 0 13px 0px ;
	margin: 0;
	display: block;
}

#leftNav .topLink {
	background: transparent  ;
}

#leftNav a{
	padding-left: 0px;
	font-family: Arial, sans-serif;
	font-size: 0.85em;
}

#leftNav a:hover {
	text-decoration: none;
}

#leftNav .selected {
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
}
/* left content nav end */

#breadcrumbs {
	height: 23px;
	float: left;
	text-align: left;
}

#breadcrumbs ul {
	display: inline; 
	list-style-type:none;
	float: left;
	font-family: Arial, sans-serif ;
	font-size: 0.7em;
	text-transform: none;
	padding: 0 ;
	margin: 0;
	height: 23px;
	line-height: 23px;
}

#mainFlash{
	display: none;
}

#slidingDiv {
	position: relative;
	top: 0px;
	clear: both;
}


#content{
	z-index: 200;
	position: relative;
	top: 0px;
}

#content.noMainImage{
	top: 0px;
}

.contentTopImage {
	float: right;
	display: block;
}

/* heading will stay the same no matter what colour theme */

#heading {
	display: block;
	width: 900px;
}

#heading .headingbar{
	clear: left;
	display: block;
	padding: 3px 0 10px 0px;
}

#heading img{
	float: left;
}

#heading h1{
	color: #000000;
	text-transform: uppercase;
	font-family: Arial, sans-serif ;
	font-size: 1em;
}

#heading h1 span {
	font-weight: normal ;
}

#headingLeftPng {
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingRightPng {
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingTopSpace {
	float: left;
	width: 884px;
	height: 8px;
	font-size: 1px;
}

/* heading end */

#leftContent {
	position: static;
	font-family: Arial, sans-serif ;
	float: left;
	width: 225px;
}

#leftContent.v2 {
	width: 299px;
}

#rightContent {
	float: right;
	font-family: Arial, sans-serif ;
	padding: 0 0 30px 0;
/*	width: 650px;*/
	width: 675px; 
                     padding-bottom:100px;

}

#rightContent.v2 {
	width: 560px;
}

#contentShell h3 {
	display: block;
	font-size: 1em;
	font-family: Arial, sans-serif ;
	margin: 0 30px 0 0;
	padding: 20px 10px 15px 0px ;
}

#rightContent h3 {
	clear: right;
	font-size: 1em;
	margin: 0 0 0 16px;
	padding: 18px 10px 15px 18px ;
}

#rightContent h3.noBG {
	background: none;
	padding: 0 ;
	margin: 30px 10px 10px 31px;
}

#rightContent h3 .author {
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	display: block;
}

#rightContent h4, #leftContent h4 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 21px 0 0 25px;
	padding-right: 30px ;
}

#leftContent h4 {
	margin: 18px 0 0 0px;
}

#rightContent h4 span, #leftContent h4 span {
	font-weight: normal;
}

#rightContent p{
	font-size: 0.75em;
	padding: 0 50px 0 33px;
	margin: 15px 0 5px 0 ;
}

#rightContent p.indent{
	padding: 0 50px 0 100px;
}

#rightContent p.column{
	padding: 0 10px 0 33px;
}

#rightContent.v2 p{
	padding: 0 30px 0 0px;
	margin: 12px 0 0 0px ;
}
#rightContent  ul {
    
    padding-left: 50px;
    padding-right:20px;
    text-transform: none; 
    font-size:0.75em;
}
#rightContent  ol {
    padding-left:20px;
    padding-right:20px;
    text-transform: none; 
    font-size:0.75em;
}


/* date item */

#rightContent .dateItem {
	clear: both;
	margin: 21px 0 0 26px ;
	padding: 0 0 6px 0;
}

#rightContent .dateItem h4 {
	text-transform: none ;
	font-size: 1em;
	margin: 0 30px 0 0px;
}

#rightContent .dateItem p.quote {
	padding: 0;
	margin: 0px 30px 0 0px;
	font-size: 0.75em;
	font-style : italic;
}

#rightContent .dateItem p {
	padding: 0;
	margin: 5px 30px 0 0px;
}

#rightContent .date {
	font-size: 0.75em;
	padding: 2px 0 0 0 ;
	margin: 3px 25px 0px 0 ;
}


/* featured products */

#showFeatures {
	display: none;
}

#hideFeatures {
	display: none;
}

#slideshowMask {
	display: none;
}

#slideshowHolder2 {
	display: none;
}


/* news link */

#contentShell .newsLink {
	margin: 0 14px 0 0px;
	padding: 10px 0 9px 0;
}

#contentShell .newsLink a {
	display: block;
	color: #808080 ;
	margin: 0 0 0 3px;
}

#contentShell .newsLink a:hover {
	display: block;
	color: #4D4D4D;
	text-decoration: none;
}

#contentShell .newsLink a p {
	font-size: 0.8em;
	margin: 0 0 0 0px;
}

/* related link */

.relatedLinkBG1 {
	padding: 0 0 20px 0;
	margin: 10px 0 80px 0;
}

.relatedLinkBG2 {
	padding: 8px 0 0 0;
}

.relatedLink {
	font-family: Arial, san-serif;
	margin: 10px 0 26px 0px ;
}

.relatedLink.top {
	margin: 11px 0 0 0px ;
}

.relatedLink a {
	margin: 0;
	color: #808080;
}

.relatedLink a:hover {
	text-decoration: none;
}

.relatedLink h5 {
	margin: 0 0 0 0px;
	font-size: 0.8em;
	text-transform: uppercase;
}

.relatedLink h5 span {
	display: block;
	font-weight: normal;
}

.relatedLink p {
	font-size: 0.75em;
	margin: 4px 0 0 0px;
	padding-right: 15px;
	color: #808080;
}

.relatedLink img {
	margin: 4px 0 0 0px;
}

.relatedLink select {
	margin: 8px 0 0 0px;
	width: 150px;
}

.relatedLinkHomepage {
	width: 260px;
	float: left;
	display: inline;
	margin: 15px 0 20px 0px ;
}

.relatedLinkOver p {
	color: #404040;
}


.relatedLinkOver h5 {
	text-decoration: underline;
}


/* small related link */

.sRelatedLink {
	float: left;
	display: inline;
	font-family: Arial, san-serif;
	font-size: 0.75em;
	color: #808080;
	margin: 23px 22px 0px 0 ;
}

.sRelatedLink a {
	color: #808080;
}

.sRelatedLink a:hover {
	text-decoration: none;
}

.sRelatedLink h5 {
	display: inline;
	margin: 0 0 0 0px;
	font-size: 1em;
	text-transform: uppercase;
}

.sRelatedLink h5 span {
	font-weight: normal;
}


/* products */

#contentShell .productItem {
	float: left;
	display: inline;
	width: 260px;
	margin: 20px 0 20px 18px;
	padding: 0;
}

#contentShell .productItem .productItemH5 {
	font-size: 1em;
	margin: 0 0 3px 0;
}

#contentShell .productItem p {
	margin: 0 0 19px 0;
	padding: 0;
}

/* customer stories */

#contentShell .customerItem {
	float: left;
	display: inline;
	width: 195px;
	margin: 22px 15px 4px 15px;
	padding: 0;
}

#contentShell .customerItem p {
	margin: 7px 0 8px 15px;
	padding: 0;
	font-size: 0.80em;
}

.customerLink {
	margin: 0px 0px 0px 15px ;
}

/* find hearing centre */

#findCentreMap {
	margin: 0 0 0 16px;
}

#contentShell .findSmallHeadingBar {
	width: 629px;
	display: block;
	clear: both;
	margin: 0 0 0 16px;
	padding: 9px 0 9px 0;
}

#contentShell .findCentreResultItem {
	display: block;
	clear: both;
	margin: 0 0 0 15px;
	padding: 6px 0 0 0;
	width: 629px;
}

#contentShell .findResultNumber{
	width: 26px;
	margin-right: 8px;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	float: left;
}

#contentShell .findResultItem{
	float: left;
	margin: 0 0 0 0;
}

#contentShell .findResultHeading{
	margin: 0;
	padding: 0;
	background: transparent;
}

#contentShell .findResultAddress{
	margin: 1px 0 0 0;
	padding: 0;
}

#contentShell .findResultPhone{
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0;
}


#contentShell .findResultRelatedLink2{
	margin: 0 22px 0 0 ;
}

#contentShell .findResultButtons{
	clear: both; 
	margin:0; 
	display: block; 
	text-align: right;
	position: relative;
	top: -12px;
}

#contentShell .findResultButtons ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contentShell .findResultButtons ul li{
	font-size: 0.75em;
	font-weight: bold;
	display: inline;
	margin: 0 0 0 19px;
	padding: 0;
}

#contentShell .findResultButtons a {
	padding-left: 19px;
}

#contentShell .findResultLine {
	width: 629px;
	display: block;
	clear: both;
	margin: 0 0 0 16px;
	height: 2px;
}

#contentShell .findVLine {
	width: 2px;
	margin: 0;
}

#contentShell .findZoom {
	float:left; 
	position: relative; 
	margin-top:4px;
}

#contentShell .findGreyText {
	font-size: 0.70em;
	color: #999999;
	text-transform: uppercase; 
	font-weight: bold; 
}

#contentShell .findBlueText {
	font-size: 0.75em;
	color: #164269;
	text-transform: uppercase; 
}

#contentShell .findBlueText span {
	font-weight: bold; 
}

/* png corners */

#imageTopLeftCorner {
	display: none;
}

#imageTopRightCorner {
	display: none;
}

#imagebgTopLeftCorner {
	display: none;
}

#imagebgTopRightCorner {
	display: none;
}


#homebgTopLeftCorner {
	display: none;
}

#homebgTopRightCorner {
	display: none;
}

#breadCornerLeft {
	display: none;
}

#breadCornerRight {
	display: none;
}

/* forms */
textarea, input {
	font-family: Arial, san-serif;
}

#formDiv {
	clear: both;
	margin: 0 0 0 16px;
	display: block;
	padding-bottom: 10px;
}

.formColumn1 {
	vertical-align: top;
	text-align: right;
	padding: 5px 0 7px 0;
}

.formColumn2 {
	vertical-align: top;
}

.formLabel {
	font-family: Arial, san-serif;
	margin-right: 11px;
	font-size: 0.75em;
	text-transform: uppercase; 
}

.formLabel span {
	font-weight: bold;
}

.formTextSmall {
	width: 225px;
	height: 15px;
}

.formTextLarge {
	width: 375px;
	height: 15px;
}

.formTextAreaLarge {
	width: 375px;
	height: 130px;
}

.formLine {
	height: 2px;
	display: block;
	font-size: 1px;
}

.formButton {
	width:300px; 
	display: block;
	font-family: Arial, san-serif;
}
.formButton a {
	display: block ;
}
.formButton h5 {
	margin: 0 0 0 29px;
	font-size: 0.8em;
	text-transform: uppercase;
}

.formButton h5 span {
	display: block;
	font-weight: normal;
}

.formButtonOver h5 {
	margin: 0 0 0 29px;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: underline;
}

.formDescrip, #contentShell .formDescrip {
	font-family: Arial, san-serif;
	font-size: 0.75em;
	color: #808080;
	margin: 3px 0 8px 0;
	padding: 0;
}

/* email a friend */
.emailFriendFormColumn1 {
	width: 140px;
	vertical-align: top;
	text-align: right;
	padding: 5px 0 7px 0;
}

body {
	background: #b5b7b9 url(../images/themes/default/bg.gif) repeat-x ;
}

#subnav {
	background: transparent ;
}

#subnav ul {
	margin: 0;
}

#subnav ul a {
	color: #164269 ;
}

#subnav ul a:hover {
	color: #b3212b ;
}

#subnav ul .selected {
	color: #b3212b ;
}


#breadcrumbs {
	color: #a6a6a6 ;
}

#breadcrumbs ul a {
	color: #a6a6a6 ;
}

#breadcrumbs ul a:hover {
	color: #000000 ;
	text-decoration:none;
}

#footer ul a {
	color: #999999 ;
}

#footer ul a:hover {
	color: #666666 ;
}

.footerLink {
	color: #999999 ;
}

.footerLink:hover {
	color: #666666 ;
}

#contentShell {
	clear: left;
	width: 900px;
}


#leftNav a{
	color: #999999;
}

#leftNav a:hover {
	color: #164269;
}

#leftNav .selected {
	color: #164269;
}

#rightContent {
	color: #4d4d4d;
}

#rightContent a {
	color: #4d4d4d;
}

#contentShell h3 {
	color: #164269;
}

#rightContent h3 {
	color: #164269;
}

#rightContent h3.noBG {
	background: transparent;
}

#rightContent .dateItem h4 {
	color: #164269;
}

#rightContent .dateItem p.quote {
	color: #808080;
}

#contentShell .productItem .productItemH5 {
	color:#164269;
}


#contentShell .findResultNumber{
	color: #164269;
}


/* corners */


.formLabel {
	color: #164269;
}

.formLine {
	background: transparent url(/eprise/main/_System/Images/themes/default/forms/line_bg.gif) repeat-x;
}
#divProductSelector
{
   width:400px;
   position:relative;
   left:120px;
}
#imgProductSelector
{
  position:relative;
   width:370px;
   z-index:100;

}
#mainFlash
{
   z-index:1000;
  height:326px
}


#boxtop {
	color: #164269;
	background:  url(../../images/corners/box_top_full.gif) no-repeat left top;
	width:640px;
	height:9px;
	margin-left:16px;
	
}

#boxcontent {
	color: #5B5B5D;
	background-color: #B6B7BB;
	width:604px;
	margin-left:16px;
	font-size:0.8em;
	
	
}

#boxbottom {
	color: #164269;
	background: url(/eprise/main/_System/Images/corners/box_bottom_full.gif) no-repeat left bottom;
	width:640px;
	height:9px;
	margin-left:16px;
}

#status {
	color: #164269;
	background: url(/eprise/main/_System/Images/corners/status.gif) no-repeat;
	width:640px;
	height:60px;
	margin-left:16px;
	
	
}

#status .itemText{
	float:left;
	width:100px;
                     padding-right:30px;
	vertical-align: middle;
	font-size:0.8em;
	color:#164269;
                     text-align:center;
}

#status .itemTextActive{
	float:left;
	width:100px;
                     padding-right:30px;
	vertical-align: middle;
	font-size:0.8em;
	color:white;	
                     text-align:center;
}
#status .itemNumber{
	float:left;
	width:30px;
	vertical-align: middle;
	font-size:1.8em;
	color:#164269;
}

#status .itemNumberActive{
	float:left;
	width:30px;
	vertical-align: middle;
	font-size:1.8em;
	color:white;
}

div .bottom {
	color: #5B5B5D;
	background: #B6B7BB url(/eprise/main/_System/Images/corners/box_bottom_full_extra.jpg) no-repeat;
	width:640px;
	margin-left:16px;
	font-size:0.8em;
}
#divPrint .PairingGuideHeader
{
    font-size:120pt;
}