
.main {background-color: #FAFAFA; margin: 0px 7px 0px 7px}
.margin {background-color: #FAFAFA; margin: 4px 7px 0px 7px}
.main, .main td, .margin, .margin td {font: 9pt Helvetica, Univers, Verdana, Arial, sans-serif; color: #333333}

.cart {background-color: #EBEBEB; margin: 0px}
.cart, .cart td {font: 9pt Helvetica, Univers, Verdana, Arial, sans-serif; color: #333333}
.persist {background-color: white; margin: 0px}
.persist, .persist td {font: 9pt Helvetica, Univers, Verdana, Arial, sans-serif; color: black}

	.persist hr.colored {color: black}
	
	body {overflow-y: auto}
	
body.master {background-color: #ffffff; overflow: auto; margin: 0px; margin-left: auto; margin-right: auto}
body.interior {overflow: auto; margin: 0px; margin-left: auto; margin-right: auto; text-align: center}

iframe {overflow: visible; display: block; margin: 0px; width: 100%; height: 100%}
table.frame {background: none transparent; table-layout: auto; text-align: center}
tr.invisible {display: none}
td.top {background-color: #FAFAFA; text-align: center}
td.bottom {background-color: #BE2E1D; text-align: center}
td.left {background-color: #FAFAFA; vertical-align: top}
td.right {background-color: #FAFAFA; vertical-align: top}

font.font1 {font-family: Helvetica, Univers, Verdana, Arial, sans-serif}
font.font1small {font: 8pt Helvetica, Univers, Verdana, Arial, sans-serif}
font.font1large {font: 14pt Helvetica, Univers, Verdana, Arial, sans-serif}
font.font2 {font-family: Helvetica, Univers, Verdana, Arial, sans-serif}
font.font2small {font: 8pt Helvetica, Univers, Verdana, Arial, sans-serif}
font.font2large {font: 14pt Helvetica, Univers, Verdana, Arial, sans-serif}

.main a, .margin a {color: #BE2E1D}
.main a:hover, .margin a:hover {color: #872014}
.main a.nounderline, .cart a.nounderline {text-decoration: none}
.main img, .margin img {border-color: #BE2E1D}
.cart a {color: #BE2E1D}
.cart a:hover {color: #872014}
.persist a {color: blue}
.persist a:hover {color: blue}
a.category {font: 9pt Helvetica, Univers, Verdana, Arial, sans-serif; text-decoration: none}
a.catdisc {font: 8pt Helvetica, Univers, Verdana, Arial, sans-serif; text-decoration: none} 
.main a.disguise, .main a.disguise:hover, .margin a.disguise, .margin a.disguise:hover {text-decoration: none; color: #333333}
.main tr.banner1, .margin tr.banner1 {background-color: none}
.main tr.banner1 td, .margin tr.banner1 td {font-weight: bold; color: #333333}
.main tr.banner2, .main td.banner2, .margin tr.banner2 {background-color: none}
.main tr.banner2 td, .main td.banner2, .margin tr.banner2 td {font-weight: bold; color: #333333}
.cart tr.banner1 {background-color: none}
.cart tr.banner1 td {font-weight: bold; color: #333333}

.persist tr.banner1 {background-color: black}
.persist tr.banner1 td {font-weight: bold; color: white}
#tooltip {position: absolute; border: 1px solid black; overflow: hidden; visibility: hidden; z-index: 100}
.nonactiveCat {background: transparent}
#container-main {
	margin: 0 auto;
	width: 965px;
}
/************************************************
* General elements *
************************************************/

html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
border:0 none;
padding:0;
}

body.master {
	background: #FAFAFA;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

#TabDesc {
	width: 600px;
}

.main {
	background-color:#FAFAFA;
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
}

.main img {
	border: 1px solid #BE2E1D;
}

.main tr.banner1 td, .margin tr.banner1 td {
color:#333333;
font-size:16px;
font-weight:bold;
padding:0 0 25px;
}

.main, .main td, .margin, .margin td {
color:#333333;
font:9pt Helvetica,Univers,Verdana,Arial,sans-serif;
padding:0 0 5px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", serif;
}
a {
	color:#BE2E1D;
	text-decoration: none;
}
a:hover {
}
a img {
	border: 0;
}
blockquote {
	font-style: italic;
	background:  url("images/whitetrans.png");
	padding: .4em 1em .7em 1em;
	margin: .7em 0 .3em 0;
}

hr {
	border: 1px solid #a8ef9d;
}

/************************************************
* General *
************************************************/

#wrapper-nav {
	height: 82px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
	background: #FAFAFA;
}

#wrapper-subs {
	margin: 65px auto 10px auto;
	padding: 0;
	text-align: left;
	width: 960px;
}

#wrapper {
	margin: 15px auto 10px auto;
	padding: 0;
	text-align: left;
	width: 960px;
}
.clear {
	clear: both;
}
.cleared {
	overflow: hidden;
	width: 100%;
}

/************************************************
* Header *
************************************************/

#header {
	padding-bottom: 20px;
}
#logo-phonak {
	float: left;
}

#logo-phonak-red {
	float: left;
	width: 28px;
}

#logo {
	float: left;
	width: 245px;
}
#logo-red {
	float: left;
	width: 22px;
}

#logo h1 a {
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	text-shadow: 0 0 6px #555;
}
#logo h1 a:hover {
	color: #a8ef9d;
}
#logo #desc {
	font-size: .8em;
	color: #ddd;
	margin-top: .6em;
	line-height: 1.2em;
}
#header #headerbanner {
	float: right;
	width: 468px;
	margin: 30px 0 10px 0;
	text-align: left;
	padding: 10px;
	background:  url("images/whitetrans.png");
	font-size: .8em;
	line-height: 1.5em;
}
#header #headerbanner h3 {
	font-size: 1.1em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}
#header #headerbanner p a {
	border-bottom: 1px dashed #a8ef9d;
}
#header #headerbanner a:hover {
	background:  url("images/blacktrans.png");
}

/************************************************
/* NAVIGATION
************************************************/

#access {
	display:block;
	float:left;
}

#access ul {
	margin: 0 0 0 0;
}

#access ul li {
	list-style: none;
	float: left;
}
#access li a {
background:none repeat scroll 0 0 #E6E6E6;
border:1px solid #C9C9C9;
color:#000000;
font-family:"Trebuchet MS",serif;
font-size:18px;
font-weight:bold;
padding:25px 16px 30px;
text-decoration:none;
text-transform:uppercase;
display:block;
}

#access a:hover {
	color:#fff;
	background:#BE2E1D;
}

#redbar { 
	height: 19px;
	background:url(http://na.audeoworld.com/wp-content/themes/phonak/images/background-redfade.jpg) repeat-x top center ;
}

/************************************************
* Sidebar *
************************************************/
#sidebar {
	background: url(images/background-sidetop.jpg) top center no-repeat;
	float: right;
	overflow: hidden;
	width: 280px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 30px;
}
#sidebar ul li.boxed {
	background: #F7F5F4;
	border: 1px solid #DAD9CB;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
}
#sidebar h3 {
	line-height: 1.3em;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 10px;

}
#sidebar ul ul li a {
	display: block;
	padding: 3px 5px;
}
#sidebar ul ul li a:hover, #sidebar p a:hover {
	background:  url("images/blacktrans.png");
}
#sidebar ul ul ul li {
	background:  url("images/bullet.png") left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}
#sidebar p {
	color: #eee;
	padding: 0 5px 10px 5px;
}
#sidebar img {
	background: none;
	border: none;
	padding: 0 5px;
}
	#sidebar .rsswidget img {
		background: transparent !important;
	}
#sidebar img.avatar {
	float: left;
	padding: 0 15px 5px 5px;
}

/************************************************
* Footer *
************************************************/
#footer {
	background:  url("http://na.audeoworld.com/wp-content/themes/phonak/images/background-footer.gif") top left repeat-x #BE2E1D ;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}
#footer .foot1 {
	float: left;
	width: 310px;
	margin: 10px 0 0 10px;
	display: inline;
}
#footer .foot2 {
	float: left;
	width: 310px;
	margin: 10px 15px 0 15px;
}
#footer .foot3 {
	float: left;
	width: 310px;
	margin: 10px 0 0 0;
}
#footer h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: .4em;
}
#footer h4 {
	font-weight: normal;
	font-size: 1em;
	margin: .8em 0 .2em 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
}
#footer p {
	line-height: 1.5em;
	color: #eee;
	padding: .2em 0 .8em 0;
}
#footer ul li {
	padding: 10px;
	margin-bottom: 10px;
	background:  url("images/blacktrans.png");
}
#footer ul ul li {
	background:  url("images/bullet.png") left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
}
#footer li a {
	display: block;
	font-weight: normal;
	padding: 2px 5px;
}
#footer a:hover {
	background:  url("images/blacktrans.png");
}
#credits {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-top: 2.5em;
	font-size: 12px;
	line-height: 1.4em;
}
#credits a {
	color: #fff;
}
#credits a:hover {
	background:  url("images/blacktrans.png");
	color: #fff;
}
#credits #creditsleft {
	float: left;
	width: 600px;
	color: #ffffff;
}
#credits #creditsright {
	float: right;
	width: 350px;
	text-align: right;
	color: #ffffff;
}

form {margin-bottom:0}
