/* airways style sheet */

/* LB:#DAE2EE B:#5276AD R:#FF1111 */

BODY { background: #FFFFFF; margin: default; padding: 0px 9px 0px 9px; }
.pagearea { background-color:#FFFFFF; margin-top: 5px; padding: 0px; }

/*.displayarea { width: 100%; background: #FFFFFF URL(header_mid.jpg) repeat-x; }*/

.displayarea { 
	text-align: left;
	/* max-width hack for IE since it doesn't understand the valid css property */
	/*width: expression(document.body.clientWidth > 1200 ? "1200px" : "auto");  */
	width: 100%;
	/*max-width: 1200px;*/
	margin: 0 auto;
	background: #FFFFFF URL(header_mid.jpg) repeat-x;
	}

.headingarea { width: 100%; height: 88px; background: URL(mid_header_fade.jpg) 170px 0px no-repeat; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
  .headerleft { width: 170px; height: 88px; background: URL(left_header_fade1.jpg) left no-repeat; }
  .headermain { height:88px; width: 350px; line-height: 85px; font-weight: bold; color: #fff;
				/*background: URL(mid_header_fade.jpg) center no-repeat;*/ /*border: 1px solid #000;*/ }
  .headerright { float: right; /*overflow: hidden;*/ width: 310px; height: 88px; background: URL(right_header_fade1.jpg) right no-repeat; }

.leftcolumn { width: 465px; background: #FFF;  }
  .lefttop {  height: 18px; width: 138px; }
  .leftmain { width: 465px; height: 480px; background: URL(Xmontage_high.jpg) no-repeat; }
  .leftbase {  height: 0px; }

.displayarea img { border: none; }


#leftnavtopic { width: 460px; /*height: 480px;*/ text-align: center; }


#left_nav { width: 465px; height: 480px; background: URL(montage_high.jpg) no-repeat 0px 0px; vertical-align: top; }
#left_nav img { border: none; padding: 0px; margin: 0px; }

.leftnav_b1 img, .leftnav_b2 img, .leftnav_b3 img, .leftnav_b4 img, .leftnav_b5 img, .leftnav_b6 img, .leftnav_b7 img, .leftnav_b8 img { width: 55px; height: 55px; border: none; }
.leftnav_b1 { position:absolute; top:130px; left:162px; width: 55px; height: 55px; background: URL(hg_arc.gif) no-repeat; }
.leftnav_b2 { position:absolute; top:150px; left:104px; width: 55px; height: 55px; background: URL(pg_arc.gif) no-repeat; }
.leftnav_b3 { position:absolute; top:192px; left:54px; width: 55px; height: 55px; background: URL(ml_arc.gif) no-repeat; }
.leftnav_b4 { position:absolute; top:247px; left:22px; width: 55px; height: 55px; background: URL(pm_arc.gif) no-repeat; }
.leftnav_b5 { position:absolute; top:310px; left:8px; width: 55px; height: 55px; background: URL(phg_arc.gif) no-repeat; }
.leftnav_b6 { position:absolute; top:380px; left:16px; width: 55px; height: 55px; background: URL(hga_arc.gif) no-repeat; }
.leftnav_b7 { position:absolute; top:436px; left:44px; width: 55px; height: 55px; background: URL(ap_arc.gif) no-repeat; }
.leftnav_b8 { position:absolute; top:484px; left:83px; width: 55px; height: 55px; background: URL(gv_arc.gif) no-repeat; }

.leftnav_b1 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(hg_arc_over.gif) no-repeat; }
.leftnav_b2 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(pg_arc_over.gif) no-repeat; }
.leftnav_b3 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(ml_arc_over.gif) no-repeat; }
.leftnav_b4 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(pm_arc_over.gif) no-repeat; }
.leftnav_b5 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(phg_arc_over.gif) no-repeat; }
.leftnav_b6 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(hga_arc_over.gif) no-repeat; }
.leftnav_b7 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(ap_arc_over.gif) no-repeat; }
.leftnav_b8 a:hover { position:absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(gv_arc_over.gif) no-repeat; }


#top_nav { width: 330px; height: 60px; float: right; /*float: left;*/ vertical-align: top; background: transparent; padding: 20px 10px 0px 0px; }
#top_nav img { border: none; padding: 0px; margin: 0px; }

.topnav_b1, .topnav_b2, .topnav_b3, .topnav_b4, .topnav_b5, .topnav_b5, .topnav_b6 { float: right; }

.topnav_b1 img, .topnav_b2 img, .topnav_b3 img, .topnav_b4 img, .topnav_b5 img, .topnav_b6 img { width: 55px; height: 55px; }

.topnav_b1 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(gv_icon_header.gif) no-repeat; }
.topnav_b1 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(gv_icon_header_over.gif) no-repeat; }
.topnav_b2 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(ap_icon_header.gif) no-repeat; }
.topnav_b2 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(ap_icon_header_over.gif) no-repeat; }
.topnav_b3 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(ml_icon_header.gif) no-repeat; }
.topnav_b3 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(ml_icon_header_over.gif) no-repeat; }
.topnav_b4 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(pg_icon_header.gif) no-repeat; }
.topnav_b4 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(pg_icon_header_over.gif) no-repeat; }
.topnav_b5 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(hg_icon_header.gif) no-repeat; }
.topnav_b5 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(hg_icon_header_over.gif) no-repeat; }
.topnav_b6 { position: relative; top:0px; left:0px; width: 55px; height: 55px; background: URL(shopicon.gif) no-repeat; }
.topnav_b6 a:hover { position: absolute; top:0px; left:0px; width: 55px; height: 55px; background: URL(shopicon_hover.gif) no-repeat; }

#topicnav { text-align: left; padding-left: 40px; padding-top: 0px; }
#topicnav img { float: left; margin-right: 20px; }
.leftlinks { display: block; text-align: left; margin-top: 4px; }

.rightcolumn { width: 120px; background: #FFF; padding: 10px; padding-top: 0px; }
    .righttop {  height: 10px; width: 120px; }
	.rightmain { width: 120px; }
	.rightbase {  }

.footer { width: 100%; height: 27px; background: #FFF URL(mid_footer_fade.jpg) repeat-x; color: #FFFFFF; text-align: left; border: solid 0px #900; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
    .footerleft { float: left; width: 12px; height: 27px; background: URL(left_footer_fade.jpg) left no-repeat; }
	.footermain { float: left; width: 550px; height: 27px; background: URL(mid_footer_fade.jpg) repeat-x; padding-top: 5px; text-align: left; }
	.footerright { float: right; width: 12px; height: 27px; background: URL(right_footer_fade.jpg) right no-repeat; }

.footer a { color: #DEDEDE; }
.footer a:hover { color: #FFFFFF; text-decoration: none; }


.mainarea { /*width: 530px;*/ width: 100%; padding: 12px; padding-top: 10px; }
.listbg1 { background-color: #EAEFFF; }
.listbg2 {}

.toplinkarea { background: #FFFFFF; padding-top: 10px; padding-bottom: 10px; }

hr { background: none; color: #FFFFFF; width: 0px; height: 0px; }

.N_profile, .N_messages, .N_messages_new, .N_membership, .N_links, .N_logoff { background: none; }

.bestdeal { background: #86A0C5; border: solid 1px #6699FF; padding: 0px; }
.bestdeal_title { background: #0C2F8D URL(logo_cut.jpg) left no-repeat; padding-left: 22px; padding: 2px 0px 2px 22px; }
.bestdeal h2 { color: #FFF; /*font-size: 120%;*/ margin: 0px; padding: 4px 8px 4px 8px; }
.bestdeal p { color: #FFF; /*font-size: 120%;*/ margin: 0px; padding: 4px 8px 4px 8px; }

X#showtopic_style .listwrapperTB { display: none; }
X#showtopic_style .listwrapperLR { display: none; }