/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 12px;
    line-height:18px;
    color:#303055;
    background:url(../Images/site-bg.jpg) repeat-x #E3EAF2;
}

img {border:0;}

a {color: #303664; }
a:hover { color: #303664; }

ul {margin-top:0;margin-bottom:0;margin-left:15px;padding:0;}

h3 {margin:0;padding:0;font-size:12px;font-weight:normal;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.fontBlue {color:#175CBA;}

/* MASTERPAGE */
.siteWrapper {width:100%;background:url(../Images/site-bg-image.jpg) no-repeat center top;}
.siteFooter {color:#8EA7BD;font-size:10px;}
.siteFooter a {color:#8EA7BD;font-size:10px;}
.siteFooter a:hover {color:#303664;}

/* HOMEPAGE */
.homeSpotlightBox {margin-top:10px;}
.homeSpotlight1 {width:273px;height:214px;padding:20px 20px 0 20px;margin-right:15px;line-height:18px;color:#303664;background:url(../Images/home-spotlight-bg.gif) no-repeat;}
.homeSpotlight2 {width:273px;height:214px;padding:20px 20px 0 20px;margin-right:16px;line-height:18px;color:#303664;background:url(../Images/home-spotlight-bg.gif) no-repeat;}
.homeSpotlight3 {width:273px;height:214px;padding:20px 20px 0 20px;line-height:18px;color:#303664;background:url(../Images/home-spotlight-bg.gif) no-repeat;}
.homeSpotlight1 .header, .homeSpotlight2 .header, .homeSpotlight3 .header  {margin-bottom:10px;font-family:Helvetica;font-size:16px;font-weight:bold;}
.homeDropdowns { width: 150px; }

/* CONTENT PAGE */
.contentContainer {width:970px;}
.contentHeader {width:970px;height:67px;background:url(../Images/content-bg-header.gif) no-repeat;}
.contentHeader .pageHeader {width:905px;height:37px;padding:30px 0 0 65px;font-size:20px;font-family:helvetica;color:#303664;}
.contentContentSpan {width:970px;background:url(../Images/content-bg-span.gif) repeat-y;}
.contentContent {width:970px;height:400px;background:url(../Images/content-bg.gif) no-repeat;}
.contentContent .pageContent {padding:20px 65px 0 65px;line-height:18px;}
.contentContent .pageContent2 {padding:20px 25px 0 25px;line-height:18px;}
.contentBottom {width:970px;height:32px;background:url(../Images/content-bg-bottom.gif) no-repeat;}

.orangeBoxFull {width:800px;padding:20px;border:1px solid #FFE598;background:#FFF7D5;}
.orangeBoxFull a {font-size:11px;}

.p7epm_content .orangeBoxFull {width:735px;padding:20px;border:1px solid #FFE598;background:#FFF7D5;}
.p7epm_content .orangeBoxFull a {font-size:11px;}

.backToTop {margin-top:15px;}

.browseHelperLinks {margin-left:20px;}
.additionalProducts {font-size:18px;font-weight:bold;line-height:20px;}
.additionalProducts a {font-size:12px;font-weight:normal;}


/* E-STORE STYLES */

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10px; }
input.inputArea { width: 220px; font-family: Arial; font-size: 10px; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10px; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10px; }
textarea.inputArea { width: 220px; height:100px;font-family: Arial; font-size: 10px; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* BROWSE PAGE */
.leftNavContainer .mainCategory { font-weight: bold; border-bottom: 1px dotted #222266; }
.leftNavContainer .onState, .leftNavContainer .offState { margin-right: 16px; padding: 2px 0 4px 4px; border-bottom: 1px dotted #DDD099; }
.leftNavContainer .onState { font-weight: bold; background-color: #FFF0BB; }
.leftNavContainer .offState {  }

/* PRODUCT VIEW PAGE */

.categoryTitle { font-size: 14pt; font-weight: bold; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { border: 1px solid #999999; }
/*
.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }
*/

/* CATEGORY PAGE */

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */

.cartPage { width: 600px; }
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

#sidenav, #main { margin-top: 0px; background-color: White; border: 2px solid #8888BB; padding: 12px; }
#sidenav { float: left; width: 230px; }
#main { float: left; width: 600px; margin-left: 14px; }

#sidenav .indented { margin-left: 16px; background-color: White; }

.productDescription { background-color: #E8E8FF; padding: 12px; margin-bottom: 16px; }
.productDescriptionTitle { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
.productDescriptionText { vertical-align: top; }
.productImage { vertical-align: top; width: 160px; text-align: center; }


.productRow { margin-bottom: 14px; }
.productRow td { padding: 4px; }
.productRowTitle { background-color: #FFF0BB; color: #222255; }
.productRowTitle a { text-decoration: none; color: #222255; }
.titleProductName { font-size: 16px; font-weight: bold; }
.aircrafttype { width: 200px; }
.mechanismoperation { width: 160px; }
.cabinlocations { width: 140px; }

.tdButton { vertical-align: bottom; width: 120px; text-align: center; }
.RequestInfoButton { padding: 1px 6px 1px 6px; font-size: 10px; color: #FFFFFF; background-color: #555588; border: 1px solid #2222AA;  }

.aircraftNavigation { margin-bottom: 12px; }
.aircraftNavigationDropdown { width: 220px; }

.aircraftManufacturer, .aircraftCategory, .aircraftDetails { cursor: pointer; }
.aircraftDetailsTable { cursor: default; }

.aircraftManufacturerBar { margin: 0 0px 14px 0px; border: 0px; border-bottom: 1px solid #d5e0e8; }
.aircraftProducts { padding: 0px 12px 0px 12px; }

.aircraftManufacturer {width:845px;height:37px;font-size: 24px;line-height:normal;font-weight: bold; background:url(../Images/browse-tier-1.gif) no-repeat;padding:8px 0 0 40px;margin:0 0 2px 0;}
.aircraftCategory {width:860px;height:25px;font-size: 14px; font-weight: bold; background:url(../Images/browse-tier-2.gif) no-repeat;padding:10px 0 0 25px;margin:0 0 2px 0;}
.aircraftDetails {width:885px;background:url(../Images/browse-tier-3-top.gif) no-repeat #FFF1BC;padding:5px 0 0 0px;margin:1px 0px 1px 0px;}
.aircraftDetailsBottom { width:860px; height:7px; font-size:0.1em; line-height:0.1em; background: url("../Images/browse-tier-3-bottom.gif") no-repeat #FFF1BC; padding: 0px 0px 0px 25px; margin: 0px 0px 2px 0px; }
.aircraftDetailsMain {  }

.aircraftDetailsTable { margin:10px 0; }
.aircraftDetailsTable td { padding: 5px 10px 5px 10px; }
.aircraftDetailsAircraftList, .aircraftDetailsCabinLocations, .aircraftDetailsImage { border-left: 1px solid #D5E0E8;}

.aircraftDetailsTitle { font-weight: bold; }
.aircraftDetailsDescription { width: 300px; }
.aircraftDetailsAircraftList { width: 250px; }
.aircraftDetailsCabinLocations { width: 150px; }
.aircraftDetailsImage { width: 220px; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft,a #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}