/* BASIC STUFF */
body {
		background: #3a5a6f  url(hLogo000.gif) no-repeat 0 0;
		margin: 0;
		padding:0;
		height: 100%;
}
table, div, p , td, input{
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse:collapse; 
		border-spacing:0;
		background-color: transparent;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		color: white;
}
td {vertical-align: top;}
.noborder { border: 0;}

/* LOGO */
#logo{
		position: absolute;
		top: 0;
		left:0;
		width: 198px;
		height: 207px;
		z-index:1;
}

/* BANNER */
#banner {
		padding: 0;
		margin: 0;
		width: 704px;
		height: 70px;
}
#banner img {
float: left;
margin: 0 0 0 199px
}

/* NAVIGATION */
#navigation{
		padding: 0;
		background-color: transparent;
		margin: 0 0 0 199px;
		border: 0;
}
#navigation ul {
		margin: 0;
		padding: 0;
}
#navigation ul li {
		display: block;
		float: left;
       		list-style: none;
		margin: 0 14px 0 0;
		padding: 0;
		line-height: 25px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		float: none;
		display: inline;
}
#navigation a:link{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
}
#navigation a:visited{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
}
#navigation a:hover{
		color: #ccc;
		font-weight: bold;
		text-decoration: none; 

}
#navigation a:active{
		color: #ccc;
		font-weight: bold;
		text-decoration: none;  
}
.productHdr {
		background-color: #5B6E7D;
		font-weight: bold;
		font-size: 11px;
		color: #ccc;
		padding: 2px 10px;
		border-bottom: 1px solid #6F8998;
}
.menu .options {
		margin-right:1px;
		margin-bottom:1px;
		border:1px solid #6F8998;
		border-bottom: 0;
		background-color:#8699a6;
}
#navigation .options a:link {
		border-bottom: 1px solid #6F8998;
		display: block;
		color:#fff;
		display:block;
		padding:2px 10px;
		text-decoration:none;
		font-size: 11px;
		font-weight: normal;
		line-height: 13px;

}
#navigation .options a:visited {
		border-bottom: 1px solid #6F8998;
		color:#fff;
		display:block;
		padding:2px 10px;
		text-decoration:none;
		font-size: 11px;
		font-weight: normal;
		line-height: 13px;
}
#navigation .options a:hover {
		color:#fff;
		background-color: #556D7F;
		font-weight:normal;
}
#navigation .options a:active {
		color:#fff;
		background-color: #556D7F;
		font-weight:normal;
}
#navigation input {
		position: absolute;
		top: 121px;
		left: 686px;
		width: 70px;
		height: 12px;
		border: 1px solid #6F8998;
		background-color: #596f7d;
		font-size: 10px;
}

/* FRONTPAGE */
#front {
		background: url(tableBg0.gif); 
		border: 1px solid #778791;
		border-left: 0;
		border-collapse:collapse; 
		border-spacing:0;
		margin: 0; 
		padding: 0;
}
.frontpage  {
		border-collapse:collapse; 
		border-spacing:0;
		margin: 20px 0 0 0; 
		padding: 0;
}
.fLeft {
		border-collapse:collapse; 
		border-spacing:0;
		padding: 0 0 10px 0;
		height: 100%;
		margin: 0;
		width: 147px;
		background-color: #596f7d;
		border-right: 2px solid #778791;
		vertical-align: bottom;
}
.fLeft img {
		margin: 0;
		border: 0;
		width: 147px;
}
.fMiddle {
		background-color: #2b4556;
		margin:  0;
		padding: 0 20px; 
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		border-collapse:collapse; 
		border-spacing:0;
}
.fMiddle h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 15px;
}
.fMiddle a:link {
		color: #A8A8A8;
}
.fMiddle a:visited {
		color: #A8A8A8;
}
.fMiddle a:hover {
		color: #fff;
}
.fMiddle a:active {
		color: #fff;
}
#main {
		padding: 0;
		margin: 0 0 0 49px;
		width: 710px;
		background-color: transparent;
		height: auto;
		border-left: 1px solid #778791;
} 
html[xmlns] #main {
		top: 142px;
		left: 1px;
}
/* LEFT COLUMN */
#left {
		padding:80px 0 0 0;
		height: 100%;
		margin:0;
		width: 149px;
		background-color: #596f7d;
		vertical-align: top;
		border-bottom: 1px solid #778791;
		border-right: 2px solid #778791;
}
#subNavi {
		margin:0;
		padding: 0;
		background-color: #596f7d;
}
#subNavi h3, .appetizerLeft h3 {
		margin: 0 0 8px 0;
		padding: 3px 6px;
		font-size: 11px;
		font-weight: bold;
		background-color: #2b4556;
		border-top: 2px solid #778791;
		border-bottom: 2px solid #778791;
		letter-spacing: 1px;
		width: 147px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 135px;
}
#browsepanel li{
		display: inline;
}
#browsepanel li a {
		margin: 0 0 0 4px;
		padding: 1px 4px;
		background-color: #2b4556;
		border: 1px solid #778791;
		font-size: 9px;
		font-weight: normal;
		color: #fff;
}
#browsepanel li a:link {
		background-color: #2b4556;
		border: 1px solid #778791;
}
#browsepanel li a:visited {
		background-color: #2b4556;
		border: 1px solid #778791;
}
#browsepanel li a:hover{
		background-color: #778791;
		border: 1px solid #A0B1BB;
}	
#browsepanel li a:active,{
		background-color: #778791;
		border: 1px solid #A0B1BB;
}		
.appetizerLeft img {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		margin: 0 8px 2px 0;
		border: 0px solid #778791;
}
.appetizerLeft h4 {
		margin: 0 6px 10px 0;
		padding: 0px 4px;
		font-size: 11px;
}
.appetizerLeft p {
		margin: 0 0 8px 0;
		padding: 3px 6px;
		font-size: 10px;
		font-family: verdana, helvetica, sans-serif;
}

/* MIDDLE COLUMN */
#middle {
		background: #2b4556;
		margin: 0;
		padding: 0 20px 20px 20px; 
		width: auto;
		height: 100%;
		border-top: 1px solid #778791;
		border-bottom: 1px solid #778791;
		border-right: 1px solid #778791;
}
#middle p {
		margin: 0 0 20px 0;
		line-height: 16px;
}
#middle img {
		border: 0px solid #778A98;
		margin: 0 0 13px 0;
}
#middle h1, #middle h1 .TableHeaderSmall {
		margin: 50px 0 12px 0;
		padding: 0;
		font-weight: bold;
		font-size: 15px;
}
#middle h2 {
		margin: 0 0 6px 0;
		padding: 0;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 1px;
}
#middle h3 {
		margin: 10px 0 0 0;
		padding: 0;
		font-weight: bold;
		font-size: 14px;
}
#middle hr {
		padding: 0;
		margin: 0 0 10px 0;
		width: 100%;
		height: 1px;
		color: #838383;
}

#langBar {
		text-align: right;
		z-index: 1;
		position: absolute;
		top: 5px;
		left: 374px;
		width: 152px;
		height: 23px;
}/* HIDE FROM MAC IE 5 \*/ 
#langBar {
		top: 145px;
		left: 444px;
} /* RESUME */
#productpic {
		position: absolute;
		top: 66px;
		left: -19px;
}  /* HIDE FROM MAC IE 5 \*/ 
#productpic {
		position: absolute;
		top: 204px;
		left: 51px;
} /* RESUME */



#productpic img {
		border: 0px;
}

/* RIGHT COLUMN */
#right {
		width: 156px;
		border: 0;
		vertical-align: top;
}
#right h3 {
		margin: 0 0 8px 0;
		padding: 3px 6px;
		font-size: 11px;
		font-weight: bold;
		background-color: #596f7d;
		border-bottom: 1px solid #778791;
		letter-spacing: 1px;
}
.appetizer {
		padding: 0;
		margin: 0 0 10px 10px;
		border: 1px solid #778791;
		background-color: #2b4556;
		font-color: #A8A8A8;
}
.appetizerLast {
		padding: 0;
		margin: 0 0 0 10px;
		border: 1px solid #778791;
		background-color: #2b4556;
}
.appetizer p, .appetizerLast p {
		padding: 0 8px 8px 8px;
		font-family: verdana, helvitica, sans-serif;
		font-color: #A8A8A8;
		font-size: 10px;



}
.appetizer img, .appetizerLast img {
		position: relative;
		top: -28px;
		left: 100px;
		padding: 0;
		margin: 0 0 -18px 0;
		border: 0px solid #778791;
} /* Hide from Mac \*/
.appetizer img, .appetizerLast img {
		top: -30px;
} /* RESUME */

/* LISTS */
#middle ol li {
		list-style: decimal;
		font-size: 10px;
		background: transparent;
}
ul {
		list-style: none;
		padding:0 2px 6px 0;
		margin:0;
}
#middle ul {
		padding:0;
		margin:0;
}
#middle li {
		background: url(mainList.gif)  no-repeat 0 2px;
		padding:0 0 6px 14px;
		margin: 0;
		font-size: 12px;
}
#subNavi li, #right li, .appetizerLeft li, .fMiddle li {
		background: url(list0000.gif)  no-repeat 0 30%;
		padding:0 0 2px 14px;
		margin: 0 0 0 5px;
		font-weight: bold;
		font-size: 11px;
}
.fMiddle li {
		margin: 0;
}
#middle .downloadbank {
		border-top: 1px solid #6F8998;
		margin: 0;
}
#middle .downloadbank ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
#middle .downloadbank li{
		background: url(mainList.gif)  no-repeat 0 7px;
		border-bottom: 1px solid #6F8998;
		padding: 0;
		margin: 0;
		font-weight: bold;
		font-size: 11px;
}

#middle .downloadbank a {
		display: block;
		margin: 0;
		padding: 4px 0 4px 14px;
		width: 100%;
}
#middle .downloadbank span {
		margin: 0 0 0 10px;
		font-size: 11px;
		vertical-align: right;
		background-color: transparent;
		color: #fff;
		font-weight: normal;
}

/* ANCHORS */
a { 
		font-weight: bold;
		text-decoration: none;
}
#subNavi li a {
		width: 125px;
		display: block;
}
#subNavi li a:link, #right li a:link, .appetizerLeft li a:link {
		color: white;
}
#subNavi li a:visited, #right li a:visited, .appetizerLeft li a:visited {
		color: white;
}
#subNavi li a:hover, #right li a:hover, .appetizerLeft li a:hover {
		color: white;
		background-color: #6F8998;
}
#subNavi li a:active, #right li a:active, .appetizerLeft li a:active {
		color: white;
		background-color: #6F8998;
}
#navigation a:link {
		color: #fff;
}
#navigation a:visited {
		color: #fff;
}
#navigation a:hover {
		color: #ccc;
}
#navigation a:active {
		color: #ccc;
}
#middle a, .fMiddle li a {
		font-weight: bold;
		text-decoration: none;
}
#middle a:link, .fMiddle li a:link {
		color: #A8A8A8;
}
#middle a:visited, .fMiddle li a:visited {
		color: #A8A8A8;
}
#middle a:hover, .fMiddle li a:hover {
		color: #A8A8A8;
		background-color: #3B596D;
}
#middle a:active, .fMiddle li a:active {
		color: #A8A8A8;
		background-color: #3B596D;
}


a:link {
		color: #fff;
}
a:visited {
		color: #fff;
}
a:hover {
		color: #ccc;
}
a:active {
		color: #ccc;
}



 a.appText {
		color: #fff;
		font-weight: normal;
}

/* TABLES */
.download td {
		border-bottom: 1px solid #596F7D;
}
.download td img {
		border: 0;
		float: left;
}
.specsHdr h4{
		margin: 4px 0;
		padding: 4px;
		font-size: 14px;
		background: #596F7D;
}
td.specs1{
		width: 140px;
		padding: 4px;
		margin: 3px 0;
		font-weight: bold;
}
td.specs2{
		padding: 4px;
		margin: 3px 0;
}
td.specs3{
		width: 140px;
		padding: 4px;
		margin: 3px 0;
		background: transparent;
		font-weight: bold;
}
td.specs4{
		padding: 4px;
		margin: 10px 0;
		background: transparent;
}

/* FORMS */
input, textarea, select {
		padding: 0;
		margin: 6px 10px 10px 0;
		border: 1px solid #778791;
		background-color: #596f7d;
		font-size: 11px;
		color: #fff;
}

textarea {
		height: 80px;
}

/* Where to buy hack */
#buypic{
		_padding-top: 20px;
}

#waitingRoom { display: none; }
#productWizard td { line-height: 23px; padding: 20px 0 10px 0; }
#productWizard input { margin: 6px 10px -3px 0; _margin: 6px 10px -1px 0; background: transparent; border: 0; width: auto; }


