/* ---- FONTS ---- */
.divcenter {z-index:5;width:900px;text-align:left;
}
body {margin:0; padding:0; text-align:center;}
.header .menu {position:relative; width:800px; z-index:5;}
.content {font-family:Verdana; font-size:11px; float:left; text-align:left; padding:10px; color:#666666;}
/* ---- MENUS ---- */
/* main menu */
.menu {margin:0; padding:0; height:35px; float:left; z-index:5;}
.menu em { display:none}
.menu ul { padding:0; margin:0; list-style-type: none;color:#000;}
.menu li { float:left; padding:0; margin:0; display:inline; text-align:left;}
.navtext { font-family:Verdana; font-size:10px;}
.menu li { display: block; height: 35px; text-decoration:none; background: url(../img/navprimary/nav.gif) no-repeat 0 0; position:absolute;}
.menu li a { display: block; height: 35px;}
/* home */
.menu li.menu_0 {width:88px; background-position: 0px 0px;left:0px; z-index:5;}
.menu li.menu_0:hover {background-position: 0px -35px;}
/* products */
.menu li.menu_1 {width:110px; background-position: -88px 0; left:88px; z-index:5;}
.menu li.menu_1:hover {background-position: -88px -35px;}
/* shop */
.menu li.menu_2 {width:83px; background-position: -198px 0; left:198px; z-index:5;}
.menu li.menu_2:hover {background-position: -198px -35px;}
/* support */
.menu li.menu_3 {width:102px; background-position: -281px 0; left:281px; z-index:5;}
.menu li.menu_3:hover {background-position: -281px -35px;}
/* downloads */
.menu li.menu_4 {width:127px; background-position: -383px 0; left:383px; z-index:5;}
.menu li.menu_4:hover {background-position: -383px -35px;}
/* reviews/awards */
.menu li.menu_5 {width:155px; background-position: -510px 0; left:510px; z-index:5;}
.menu li.menu_5:hover {background-position: -510px -35px;}
/* about pmdg */
.menu li.menu_6 {width:135px; background-position: -665px 0; left:665px; z-index:5;}
.menu li.menu_6:hover {background-position: -665px -35px;}

/* drop down */
.menu li ul {display:none; }
.menu li:hover ul, .menu li.over ul {position:absolute;	display:block; left:auto; margin:0;	padding:0 0 20px 0; z-index:5; background: url(../img/navprimary/bg_drop.png) no-repeat bottom;}
.menu li:hover ul li, .menu li.over ul li {clear:both; list-style:none; margin: 0 8px; padding: 0; background-image:none; height:auto; position:relative;}
.menu li ul a:link, .menu li ul a:visited {color: #666; text-decoration:none; margin: 0; padding: 5px 10px; height:auto; background:none; text-align:right;}
.menu li ul a:hover {color:#FFF; border-bottom:none; margin-bottom: 1px;}
.menu li.menu_0 ul {width:88px; background-position: 0px bottom;}
.menu li.menu_1 ul {width:130px; background-position: -169px bottom;}
.menu li.menu_2 ul {width:169px; background-position: -0px bottom;}
.menu li.menu_3 ul {width:150px; background-position: -453px bottom;}
.menu li.menu_4 ul {width:150px; background-position: -453px bottom;}
.menu li.menu_5 ul {width:150px; background-position: -453px bottom;}
.menu li.menu_6 ul {width:130px; background-position: -169px bottom;}
.menu li.menu_0 ul li {width:153px;}
.menu li.menu_1 ul li {width:119px;}
.menu li.menu_2 ul li {width:153px;}
.menu li.menu_3 ul li {width:135px;}
.menu li.menu_4 ul li {width:135px;}
.menu li.menu_5 ul li {width:135px;}
.menu li.menu_6 ul li {width:120px;}
.menu li ul li a {border-bottom: 1px solid #CBCBCB;}
.menu li ul li a.last {border-bottom: none; margin-bottom:-1px;}
.menu li.menu_0 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_1 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_2 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_3 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_4 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_5 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.menu li.menu_6 ul li:hover{background-color: #8cb4cb; border-top:1px solid #5894b4; margin-top:-1px;}
.page {width:800px; margin:0 auto; z-index:110; position:relative;}
/* Homepage Articles */
.about{ margin-left:8px; padding: 0; height: 150px; width: 259px; float: left; background-color:#f9f9f9;} 
.news { margin-left:4px; padding: 0; height: 150px; width: 258px; float:left; background-color:#f9f9f9;}
.quicklinks { margin-left:4px; padding: 0; height: 150px; width: 260px; float:left; background-color:#f9f9f9}
.newslist {margin-left:5px;}


ul.list {list-style-image:url(../img/bullets.gif); list-style-position:outside;margin-top:-3px;}
ul.list li{list-style-type:none;margin-left: -20px;line-height:15px;margin-top:2px;}

a:link {color:#6699CC;text-decoration:none;}
a:visited {color:#6699CC;text-decoration:none;}
a:hover {color:#999999;text-decoration:underline;}

/* hide from mac \*/ 
* html .left {margin-right: -3px;} 
* html .right {margin-left: 0;} 
/* end hide */ 

.textfield {display:inline; width:100px;font:11px Verdana; color:#999999; border:1px solid #999999; margin-right:0px;}
.loginbutton {float:left; left:-31px; top:-19px;margin-left:0px;}

form#login {padding:6px; position:relative;	}
div#form {position:relative; float:right; right:46px;}
div#username-2, div#password-2, div#submit-2 {position:relative; float:left; margin-right:3px; right:-146px; top:18px;}
input#username-field-2, input#password-field-2 { width:10em; border:1px solid #cccccc; height:14px; font-family:Verdana; font-size:10px; color:#666666;}
label.overlabel {font-family:Verdana;color:#999; font-size:11px;}
label.overlabel-apply {	position:absolute; top:3px; left:5px; z-index:1; color:#999; font-family:Verdana; font-size:11px;}
div#submit-2 {padding-top:0px;}
.logo {float:left;padding-left:50px;position:relative;}
div#carttagline {position:relative; float:right; top:3px; right:52px; z-index:5;}
div#register {position:relative; float:right; top:30px; right:-365px; z-index:5;}
.pagetitle {font-family:Verdana; font-size:12px; color:#666666; font-weight:bold;}

/* Support */

div#retainer {position:relative; float:left; margion-top:5px; width:780px;}
div#retainershortl {position:relative; float:left; margion-top:5px; width:390px;}
div#retainershortr {position:relative; float:left; margion-top:5px; width:390px;}
div#box1 {position:relative; float:left; background-color:#f9f9f9; margin-top:5px; padding:7px; width:374px; height:160px;}
div#box2 {position:relative; float:right; background-color:#f9f9f9; margin-top:5px; padding:7px;  width:374px; height:160px;}
div#box3 {position:relative; float:left; background-color:#f9f9f9; margin-top:5px; padding:7px;  width:374px;  height:160px;}
div#box4 {position:relative; float:right; background-color:#f9f9f9; margin-top:5px; padding:7px;  width:374px;  height:160px;}
div#box5 {position:relative; float:left; background-color:#f9f9f9; margin-top:5px; padding:7px; width:374px; height:485px;}
div#box6 {position:relative; float:right; background-color:#f9f9f9; margin-top:5px; padding:7px;  width:374px; height:485px;}
div#prod1{ height: 150px; width: 260px; float: left;} 
div#prod2 {height: 150px; width: 260px; float:left; }
div#prod3 { height: 150px; width: 260px; float:left; }
div#prodleft {position:relative; float:left; width:385px; padding:0px 0px 0px 0px;}
div#prodright {position:relative; float:right; width:385px; padding:0px 0px 0px 0px;}
div#prodleft1 {position:relative; float:left; background-color:#ffffff; width:375px; height:150px; margin-top:5px;padding:5px 5px 0px 5px;  border:1px solid #CCCCCC;}
div#prodright1 {position:relative; float:right; background-color:#ffffff; width:375px; height:150px;margin-top:5px; padding:5px 5px 0px 5px; border:1px solid #CCCCCC;}
div#prodgear {position:relative; float:right; background-color:#ffffff; width:375px; height:285px;margin-top:5px; padding:5px 5px 0px 5px; border:1px solid #CCCCCC;}
div#downloadbox1 {position:relative; float:left; background-color:#ffffff; width:375px; height:90px; margin-top:5px;padding:5px 5px 0px 5px;  border:1px solid #CCCCCC;}
div#downloadbox2 {position:relative; float:right; background-color:#ffffff; width:375px; height:90px;margin-top:5px; padding:5px 5px 0px 5px; border:1px solid #CCCCCC;}
div#downloadbox3 {position:relative; float:left; background-color:#ffffff; width:780px; margin-top:5px; padding:5px 5px 5px 5px;  border:1px solid #CCCCCC;}
/* Notams */

div#newsbox {position:relative; float:left; margin-top:5px; width:765px;}
.newstitle {font-family:Verdana; font-size:10px; color:#666666; font-weight:bold;}
div#article {position:relative; float:right; width:550px; background-color:#f7f7f7; padding:12px;}
div#icons {position:relative; float:left; width:160px; padding:12px;}
div#sectionheader {position:relative; float:right; width:563px; background-color:#80b5d4; margin-top:5px; padding:5px; left:-15px; font-family:verdana; font-size:10px; font-weight:bold; color:#FFFFFF;} 
div#row {position:relative; float:left; width:780px;}
div#title {position:relative; float:left; }
div#producttitle {position:relative; float:left; right:10px;}
div#productdesc {position:relative; float:left; width:370px; }
div#miscdesc {position:relative; float:right; width:400px; }
div#video {position:relative; float:right;padding-top:10px;margin-bottom:10px;}
div#gallery {position:relative; float:right; margin-bottom:20px; top:10px;width:386px;}
div#sysreq {position:relative; float:right; margin-bottom:20px; top:10px;width:386px;}
div#support {position:relative; float:right; margin-bottom:20px; top:10px;width:386px;}
div#productheader {position:relative; float:right; width:375px; background-color:#b0d0e1; padding:5px;font-family:verdana; font-size:10px; font-weight:bold; color:#FFFFFF;} 
div#productheaderwide {position:relative; float:right; width:780px; background-color:#b0d0e1; font-family:verdana; font-size:10px; font-weight:bold; color:#FFFFFF;} 
div#column1 {position:relative;float:left; padding:5px; width:275px;}
div#column2 {position:relative;float:left; padding:5px; width:355px;}
div#column3 {position:relative;float:left; padding:5px; width:50px;}
div#column4 {position:relative;float:left; padding:5px; width:50px;}
div#column5 {position:relative;float:left; padding:5px; width:100px;}
div#column6 {position:relative;float:left; padding:5px; width:530px;}
div#column7 {position:relative;float:left; padding:5px; width:50px;}
div#column8 {position:relative;float:left; padding:5px; width:50px;}
div#retainerrow {position:relative; float:left; margion-top:5px; width:780px;border-bottom:solid 1px #CCCCCC;}
/* Text Generator */

.textgenerator {font-family:Century Gothic, Verdana;font-size:16px;font-style:normal;font-style:normal;font-weight:normal;text-decoration:none;text-transform:uppercase;letter-spacing:0px;color:#666666;background-color:#ffffff;	}
.textgeneratorprod {font-family:Century Gothic, Verdana;font-size:14px;font-style:normal;font-style:normal;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:0px;color:#002d62;background-color:#ffffff;padding-left:10px;	}

img { border: none; }
#jquery-overlay {position: absolute;top: 0;left: 0;z-index:120;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 130;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;z-index:102;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 140;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;
}

	
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {font-family: Verdana,; font-size: 11px;}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 0 0 4px;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " ";}
.ui-tabs-nav li {float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 10px; background: url(tab.png) no-repeat;}
.ui-tabs-nav a {margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #ffffff; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */     outline: 0; /* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2;  margin-top: 0; color: #000;}
.ui-tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 20px; /* IE 6 treats height as min-height */ min-height: 20px; padding-top: 6px; padding-right: 0;}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../img/navprimary/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
div#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6 {height:125px; background-color:#ffffff;overflow-y:scroll;overflow-y:auto;}
div#rotate {background-color:#ffffff; border:solid 1px #DDDDDD;}
div#tabnav {background-image:url(../img/navprimary/tab_bg.gif);}
div#fragment-10,#fragment-20,#fragment-30,#fragment-40,#fragment-50,#fragment-60,#fragment-70 {height:350px; background-color:#f9f9f9;overflow-y:scroll;overflow-y:auto;}