A, A IMG			{ border:0px; }
IMG					{ display:block; }

A					{ color: #dbdbdb; }
A:LINK				{ color: #dbdbdb;}
A:ACTIVE			{ color: #FFFFFF; }
A:VISITED			{ color: #dbdbdb;}
A:HOVER				{ color: #FFFFFF; }


BODY {
	background-color:#2d1b16;
	color:#dbdbdb;
	margin:0px;
	padding:0px;
	height:100%;
	
	background-image:url(img_bg_sub.jpg);
	background-repeat:no-repeat;
}

FORM {
	margin:0px;
}

P {
	margin-bottom:18px;
}

.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}


/* country / language choice page */

#countryChoice {
	position:absolute;
	left:400px;
	top:344px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

#countryChoice DIV {
	margin-top:14px;
}

#countryChoice SELECT {
	width:224px;
}

/* end country / language choice page */


#logoAudeo {
	position:absolute;
	top:0px;
	left:0px;
}

#logoPhonak {
	position:absolute;
	top:578px;
	left:887px;
}


#contentWrapper {
	z-index:3;
	position:relative;
	height:100%;
}



/* home */

#contentHome {
	position:absolute;
	top:118px;
	left:620px;
	width:335px;
	z-index:3;
}

#contentHome SPAN {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dbdbdb;
}

#contentHome SPAN.tit {
	font-size:14px;
	font-weight:bold;
	color:#fefefe;
}

#contentHome SPAN.lead {
	font-weight:bold;
	line-height:18px;
}

#contentHome SPAN.txt {
	line-height:18px;
}

/* end home */


#content {
	position:absolute;
	top:98px;
	left:290px;
	width:440px;
	z-index:3;
}

#contenttop {
	height: 430px;
}

#contenttop[id]{
	height: auto;
	min-height: 430px;
}

#contentPopup {
	position:absolute;
	top:20px;
	left:20px;
	width:454px;
}

#contentGallery {
	position:absolute;
	top:98px;
	left:290px;
	width:555px;
	z-index:3;
}

#content SPAN, #contentGallery SPAN, #content P, #contentGallery P, #contentPopup P {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#dbdbdb;
}

#content .picdescription {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
}

#content H1, #contentGallery H1, #contentPopup H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fefefe;
	margin-top:0px;
	margin-bottom:20px;
}

#content H2, #contentGallery H2, #contentPopup H2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fefefe;
	margin-top:30px;
	margin-bottom:20px;
}

#content H3, #contentGallery H3, #contentPopup H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fefefe;
	margin-top:30px;
	margin-bottom:22px;
}



#content TABLE.listeningTest {
	width:440px;
}
				
#content TABLE.listeningTest TH {
	text-align:center;
	padding-bottom:10px;
}

	#content TABLE.listeningTest TH.left {
		text-align:left;
		padding-bottom:10px;
	}

#content TABLE.listeningTest TD.left {
	width:360px;
	text-align:left;
	padding:7px;
	background-color:#584039;				
}

#content TABLE.listeningTest TD.right {
	width:35px;
	text-align:center;
	background-color:#584039;
}

TABLE.listeningTest TD.listeningTestSpacerH {
	width:2px;
}

TABLE.listeningTest TD.listeningTestSpacerV {
	height:5px;
}


#content UL {
	
}

#content UL LI {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
}


#sidebar {
	position:absolute;
	top:85px;
	left:787px;
	width:208px;
	z-index:3;
}

#sidebar .sidebarTable {
	width:208px;
	margin:0px;
	padding:0px;
	border:none;
}

#sidebar .sidebarTable TD.description {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	
	padding-top:10px;
	padding-left:24px;
	vertical-align:top;
	height:131px;
	
	background-image:url(img_bg_sidebar.jpg);
	background-repeat:repeat-y;
}



#contentGallery .galleryTable TD.pic {
	background-color: #e7d6ac;
	width:135px;
	background-image:url(icon_plus.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	border-right:5px #3d251d solid;

}

#contentGallery .galleryTable TD.pic A {
	width:135px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}


#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	margin-top:50px;
	margin-bottom:10px;
}

div.pos_separator {
	height:1px;
	line-height:1px;
	width:300px;
	margin-bottom:15px;
	background-image:url(img_dots_white.gif);
	background-position: left;
	background-repeat:repeat-x;
}

.flashPlayer {
	margin-top:20px;
	
	width:352px;
	background-color:#584039;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	padding:12px;
	
}

.flashPlayer .flashContent {
	padding-top:10px;
}

/* form elements */

.button {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #FFFFFF;
	
	background-color:#584039;
	border:none;
	padding:3px;
	padding-left:13px;
	padding-right:13px;
	margin:0px;
	
	cursor: pointer;
	cursor: hand;
}

.checkbox {
	margin:0px;
	margin-right:4px;
}

.radiobutton {
	margin:0px;
	margin-right:4px;
}


.textField {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #FEFEFE;
	background-color:#584039;
	border:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	height:17px;
	width:272px;
}

.textAreaField {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #FEFEFE;
	background-color:#584039;
	border:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	height:70px;
	width:404px;
	overflow: auto;
}

.textAreaFieldTellAFriend {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #FEFEFE;
	background-color:#584039;
	border:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	height:70px;
	width:272px;
	overflow: auto;
}

.tfPostalCode {
	width:65px;
}

.tfCity {
	width:140px;
}

/* end form elements */


.spacer {
	display:block;
	margin:0px;
	padding:0px;
	line-height:1px;
}

/* pos locator elements */
.postxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#222222;
}

a.postxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#222222;
}

/* end pos locator elements */

/* Navigation ******************************************** */
/* ******************************************************* */

#navigation A {
	text-decoration:none;
}

#navigation UL#level1, #navigation UL#level2,  #navigation UL#level3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

#navigationWrapper {
	position:absolute;
	top:85px;
	left:0px;
	width:210px;
	z-index:3;
}

#navigationWrapper #navTop {
	font-size:1px;
}

#navigation {
	float:left;
	position:relative;
	width:210px;
}

#navBGFix {
	width:210px;
	background-image:url(nav_bg.png);
}

#navigation UL {
	margin:0px;
	padding:0px;
	
}

/* ******************************************************* */
/* level 1 */



#navigation UL#level1 {
	width:200px;
	border-top:1px #5e4d49 solid;
}

#navigation UL#level1 LI {
	list-style:none;
	display:inline;
	background-image:none;
}
	
#navigation UL#level1 LI A {
	display:block;
	position:relative;
	padding-left:18px;
	padding-top:4px;
	padding-bottom:5px;
	padding-right:2px;
	color:#cdc6c4;
	
	border-bottom:1px #5e4d49 solid;
}

#navigation UL#level1 LI A:hover {
	color:#cdc6c4;
	background-color:#584039;
}

#navigation UL#level1 LI A.active {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#584039;
	border-bottom:1px #796661 solid;
}

#navigation UL#level1 LI A.active:hover {
	color:#FFFFFF;
	background-color:#584039;
	border-bottom:1px #796661 solid;
}

#navigation UL#level1 LI A.current {
	background-image:url(nav_arrow_level_1.gif);
}


/* ******************************************************* */
/* level 2 */

#navigation UL#level2 {
	background-image: url(spacer.gif);
	background-repeat: no-repeat;
}

#navigation UL#level2 LI {
	
}

#navigation UL#level2 LI A {
	display:block;
	position:relative;
	padding-top:4px;
	padding-bottom:5px;
	padding-left:32px;
	padding-right:2px;
	color:#cdc6c4;
	background-image: none;
	
	border-bottom:1px #796661 solid;
	background-color:#584039;
}


#navigation UL#level2 LI A:hover {
	color:#cdc6c4;
	background-color:#7d5b52;
}

#navigation UL#level2 LI A.active  {
	color:#FFFFFF;
	background-color:#7d5b52;
	border-bottom:1px #977c75 solid;
}

#navigation UL#level2 LI A.active:hover {
	color:#FFFFFF;
	background-color:#7d5b52;
	border-bottom:1px #977c75 solid;
}

#navigation UL#level2 LI A.current {
	background-image:url(nav_arrow_level_2.gif);
}

/* ******************************************************* */
/* level 3 */

#navigation UL#level3 {
	background-image: url(spacer.gif);
	background-repeat: no-repeat;
}

#navigation UL#level3 LI {
	
}

#navigation UL#level3 LI A {
	display:block;
	position:relative;
	padding-top:4px;
	padding-bottom:5px;
	padding-left:46px;
	padding-right:2px;
	color:#cdc6c4;
	background-image: none;
	
	border-bottom:1px #977c75 solid;
	background-color:#7d5b52;
}


#navigation UL#level3 LI A:hover {
	color:#FFFFFF;
	background-color:#7d5b52;
}

#navigation UL#level3 LI A.active, #navigation UL#level3 LI A.active:hover {
	color:#FFFFFF;
	background-color:#7D5B52;
}

#navigation UL#level3 LI A.current {
	background-image:url(nav_arrow_level_3.gif);
}

/* ******************************************************* */
