/* HTML 
--------------------------------------------------------- */

body { font-family: Arial, sans-serif;background: #fff;text-align: center ;font-size: small;}
p {font-size: 12px; color: #444;}
a {color:#555; font-size: 12px; font-weight: bold; text-decoration: underline;}
h1, h2 { border-bottom: 4px solid #4C4C4C; padding: 10px 0px 0px 0px; float: left; background: #fff; font-size: 16px; margin: 0 0 4px 0 ; width: 100%;}
a img {border: 0;}
h1 {height:24px; }
select {text-transform: uppercase;}
.myAccount {clear: both; width: 100%; float: left; position:relative;}
h3 {clear: both; float: left;width: 100%;margin: 15px 0;}
.clear {clear:both;}

/* STRUCTURE 
--------------------------------------------------------- */
#wrapper { width: 1000px; margin: 0 auto;}
#header { text-align: left;width: 1000px; float:left; clear: both; padding-bottom: 14px; background: #fff url(../Images/header-back.jpg) repeat-x bottom left; }
#side {float: left; width: 200px; text-align: left;}
#main { text-align: left;width: 790px; float:right;}
#middle { text-align: left;width: 640px; float: left;}
#dealers { text-align: left;width: 140px; float: right;}
#footer { text-align: left;width: 1000px; margin: 0 auto; clear: both;}
#ad { margin-top: 20px;float: right;}

/* NAV
--------------------------------------------------------- */

.holder {float: left; clear: both;width: 100%;}

#nav { float:left; width: 400px; clear:left;}
#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav ul li {float: left; display:inline;}
#nav ul li a {float: left; font-weight: bold; margin: 0 5px 1px 0 ;background: #c40000 url(../Images/tableft.jpg) no-repeat top left; border: none; padding: 0 0 0 10px;text-decoration:none;}
#nav ul li a span {float: left; font-weight: bold; color:#fff; background: #c40000 url(../Images/tabright.jpg) no-repeat top right; border: none; padding: 7px 10px 4px 0;text-decoration:none; text-transform: uppercase;}
#nav ul li a:hover {cursor: hand;}
#nav ul li a:hover span{cursor: hand;}

#subnav { float:right; width: 336px;}
#subnav ul {list-style-type: none; margin: 0; padding: 0;}
#subnav ul li {float: left; display:inline;}
#subnav ul li a {cursor: hand; float: left; font-weight: bold; margin: 0 5px 1px 0 ;background: #fff url(../Images/whitetableft.jpg) no-repeat top left; border: none; padding: 0 0 0 10px;}
#subnav ul li a span {cursor: hand; float: left; font-weight: bold; color:#222; background: #fff url(../Images/whitetabright.jpg) no-repeat top right; border: none; padding: 7px 10px 4px 0; text-transform: uppercase;}

/* MISC 
--------------------------------------------------------- */

.utility {float: right; width: 500px; text-align:right;}
.utility ul {margin: 0; padding: 0; list-style-type: none;}
.utility ul li {display:inline; }
.utility ul li a {font-weight: bold;list-style-type: none; text-decoration: underline;}
.head { border-bottom: 4px solid #4c4c4c; padding:14px 0 0 0 ; float: left; background: #fff; font-size: 16px; margin: 0 0 4px 0; width: 100%;}
.clear {clear: both;}
.logo { float: left; margin: 20px 0; clear: left;}
a.geeks {float:right;}
p.copy {float: left;}
a.helpicon {float: right; text-decoration: none; border: none; width: 80px; padding: 2px 0 2px 20px; margin: 4px 0; background: transparent url(../Images/help.png) no-repeat 2px 2px;}
#toplinks
{
    float: left;
    width: 200px;
}
#toplinks a
{
    color:#A60000; 
}


/* LEGEND
----------------------------------------------------- */

ul#legend { float: left; width: 200px; margin: 0; padding: 0; list-style-type: none;}
ul#legend li {display:inline; float: left; width: 170px; margin: 2px 0; font-weight: bold;}
ul#legend li#share {background: #fff url(../Images/Icons/icon-partshare.jpg) no-repeat top left; padding: 3px 0 3px 30px; }
ul#legend li#fullshare {background: #fff url(../Images/Icons/icon-fullshare.jpg) no-repeat top left; padding: 3px 0 3px 30px; }
ul#legend li#engines {background: #fff url(../Images/Icons/icon-engines.jpg) no-repeat top left; padding: 3px 0 3px 30px; }
ul#legend li#seats {background: #fff url(../Images/Icons/icon-seats-1.jpg) no-repeat top left; padding: 3px 0 3px 30px; }
ul#legend li#aerobatic {background: #fff url(../Images/Icons/icon-aerobatic.jpg) no-repeat top left; padding: 3px 0 3px 30px; }
ul#legend li#ifr {background: #fff url(../Images/Icons/icon-ifr.jpg) no-repeat top left; padding: 3px 0 3px 30px; }

/* SEARCH
----------------------------------------------------- */

.search {background: #a60000; border: solid 4px #c40000; float: left; width: 192px; text-transform: uppercase; margin-bottom: 10px;}
.search p {margin: 2px 0 3px 0; padding: 0;}
.search a {margin: 0 0 4px 5px; color:#fff; font-weight:bold; float : left; clear: both; width: 175px;}
.search select {width: 180px;padding:2px; float: left; clear:both; margin: 5px;text-transform: uppercase; border: solid 1px #fff;}
.search label {color:#fff; width: 40px; font-weight: bold;float: left; margin: 5px 0 0 5px;}
.search .textinput {width: 130px; border: solid 1px #fff; padding: 4px;}
.search .submit {float: right; margin: 7px; clear: both;}
.search .submitbutton
{
    float: right;
    margin: 7px;
    clear: both;
}
.noresults a
{
    background-color: #222;
    padding: 6px 10px;
    float: left;
    margin: 8px 0 0 130px;
    color: #fff;
}

/* SIDE ELEMENTS
----------------------------------------------------- */

#side .box {float: left; clear: both; background: #333; border: 10px solid #333; width: 180px;}
#side .box .hd {float: left; clear:both; color: #fff;}
#side .box .bd {background: #222; padding: 5px;float: left; clear:both; width: 170px; color: #fff;}

#middle .box {float: left; clear: both; background: #c40000; border: 10px solid #c40000; width: 620px; margin-bottom: 10px;}
#middle .box .hd {float: left; clear:both; color: #fff;}
#middle .box .bd {background: #a60000; padding: 5px;float: left; clear:both; width: 610px; color: #fff;}

#middle .box .bd ul {list-style-type: none; margin: 0; padding: 0;}
#middle .box .bd ul li{float: left; }
#middle .box .bd ul li a{float: left; width: 285px; padding: 4px 0 4px 15px; color:#fff; font-weight: bold; background: transparent url(../Images/bullet.gif) no-repeat 4px 7px; margin-left: 5px;}
#middle .box .bd ul li a:hover{float: left; width: 285px; padding: 4px 0 4px 15px; color:#fff; font-weight: bold; background: #960101 url(../Images/bullet.gif) no-repeat 4px 7px; margin-left: 5px;}
#side a {border:none;}

/* PRODUCT LIST
----------------------------------------------------- */

.product {float: left; clear: both; border: solid 1px #666; background: #fff; padding: 5px; width: 628px;margin: 0 0 8px 0;}
.product .thumbnail {float: left; width: 150px; }
.product .thumbnail img {width: 140px;}
.product .viewmore {float: left; font-size: 11px; border: solid 1px #333; width: 133px; padding: 2px;margin: 2px 0 0 0;}
.product .middle {float:left; width: 475px;}
.product .middle p.details {margin: 0; padding: 0; font-weight:bold;}
.product .holder { float: right; width: 142px;border: solid 1px #ccc; text-align: center; padding: 4px;}
.product .holder p.price {font-size: 16px; margin: 0; font-weight: bold;}
.product .holder a {color: #c40000; font-weight: bold; width: 100%; clear: both; margin: 0 auto; float: left; border: none;}
.product h2{ text-transform: uppercase; border-bottom: none; font-size: 12px; width: 320px; color:#1a9ccc; margin: 0; padding: 0;float:left;}
.product .summary{font-size: 11px;width: 320px;padding: 0; float:left;}
.product .remove { position:absolute; right: 10px; bottom: 10px; }

.myAccount .product { width: 608px; margin: 3px; position: relative;}
.myAccount .product h2{ text-transform: uppercase; border-bottom: none; font-size: 12px; width: 300px; color:#1a9ccc; margin: 0; padding: 0;float:left;}
.myAccount .product .holder { position: absolute; width: 135px; border: solid 1px #ccc; text-align: center; padding: 4px; top: 2px; right: 2px;}
.myAccount .product .summary {width: 300px;}
.myAccount .product .middle {width: 300px;}
/* PRODUCT DETAIL
----------------------------------------------------- */
.productdetail { float: left; clear: both; border: solid 1px #666; background: #fff; padding: 5px; width: 628px;margin: 0 0 8px 0; }
.productdetail h1 { text-transform: uppercase; border-bottom: none; font-size: 16px; width: 100%; color:#1a9ccc; margin: 0; padding: 0;float:left;}
.productdetail .main {width: 350px;float: left; display:inline;}
.productdetail .main .image {background: #f9f9f9 url(../Images/plane-placeholder.jpg) no-repeat top left; border: solid 1px #ccc; width: 350px;height: 350px;}
.productdetail .main img{float: left; width: 350px; border: solid 1px #333; }
.productdetail .main .item {float: left; width: 74px; height: 55px;border: solid 1px #333;}
.productdetail .main .item img {width: 74px; height: 55px;}
.productdetail .main p {margin:  0; padding: 4px 0 0 0; font-weight: bold;}
.productdetail .main .small{float: left; width: 74px; clear: none; margin-right: 2px; margin-top: 3px; height: 55px;}
.productdetail .info {float: right; width: 260px; display:inline;}
.productdetail .viewmore {float: left; font-size: 11px; border: solid 1px #333; width: 133px; padding: 2px;margin: 2px 0 0 0;}

.productdetail .details {text-align:left; margin: 10px 10px 10px 0px;width: 200px;}
.productdetail .details span {width: 100px;text-align: left;}

.productdetail .priceholder { float: right; width: 250px;border: solid 1px #ccc; text-align: center; margin: 5px 5px 5px 0;display:inline;}
.productdetail .priceholder p { text-align:left; float: right; margin: 12px 7px 7px 7px; font-size: 12px; font-weight: bold; width: 234px;}
.productdetail p.details {margin: 7px; padding: 0; font-weight:normal; width: 234px; float: left; font-size: 14px;}
.productdetail .info p.details span{width: 70px;float:left;font-weight:bold; clear:left;}
.productdetail .priceholder label {float: left;clear: both;width: 100%;}
.productdetail .priceholder .textinput {float: left;clear: both;width: 210px;margin: 0 !important;}
.productdetail .priceholder a{ float: left; background: #c40000; padding: 6px 7px; color: #fff; border: none; margin: 7px;}
.productdetail .priceholder h3 {background: #ccc; color: #222; padding: 3px 4px; font-weight: bold; font-size: 12px; text-align: left; margin: 0; width: 242px;}
.productdetail .priceholder div {margin-right: 18px;}
.productdetail .priceholder img {float:right; margin: 7px 11px;}

.productdetail  p.price {font-size: 16px; margin: 7px; font-weight: bold; border: solid 1px #ccc; padding: 4px 7px; float: right; width: 100px;}
.productdetail .holder a {color: #c40000; font-weight: bold; width: 100%; clear: both; margin: 0 auto; float: left; border: none;}
.productdetail h2 { text-transform: uppercase; border-bottom: none; font-size: 12px; width: 320px; color:#1a9ccc; margin: 0; padding: 0;float:left;}
.productdetail .info p.summary{font-size: 11px;width: 220px;padding: 4px 0; float:left; border-top: solid 1px #ccc;margin-top: 5px;}
.productdetail .videolist {}
a.need{ float: left; background: #c40000; padding: 6px 7px; color: #fff; border: none; margin: 7px;}
.error {float :left; clear: both;width: 180px;text-align: left;margin-left: 12px;}


/* ALERTS PANEL
----------------------------------------------------- */
.alerts {float: left; clear: both; background: #fff; width: 628px; margin: 0 0 8px 0; background: #f1f1f1;}
.alerts h4 {font-weight: bold; font-size: 14px;}
.alerts img {float:right; margin: 7px;}
.alerts .item {float: left; width: 626px; clear: both; border: solid 1px #444; margin-bottom: 7px; }
.alerts .item .holder {float: right; width: 142px;border: solid 1px #ccc; text-align: center; padding: 4px;clear: none; margin: 7px;}
.alerts .item .holder p {margin-top: 0;}
.alerts .item a.button {background: #222; color: #fff; font-weight: bold; padding: 4px 6px; float: left; clear: both; margin: 10px; width: 80%; border: none;}
.alerts .item p.detail {float: left; width: 450px;clear: none; margin: 7px 0 0 7px;}

/* FORMS
----------------------------------------------------- */

.contactform p {color: #fff;}
.contactform label, .contact label{ width: 95%; float: left; font-size: 14px; font-weight: bold; margin: 7px 3px 0px 3px; clear: both;}
.contactform .textinput, .contact .textinput{ width: 240px; border: solid 1px #fff; padding: 3px; margin: 3px; clear: both; float: left;}
.titletextinput{width:240px; text-transform:uppercase; padding: 3px; border: solid 1px #ccc;margin: 3px 0 0 0;}
textarea { width: 240px; border: solid 1px #fff; padding: 3px; margin: 3px; clear: both; float: left; height: 150px; font-family: Arial, sans-serif; font-size: 12px;}
.contact {float: left; width: 690px; background: #8f0101; margin: 3px; padding: 7px; display:inline;}
.contactform {float: left; width: 590px; background: #8f0101; margin: 3px; padding: 5px;}
.contact p {color: #fff;}
.contact img {width: 260px; padding: 2px; border: solid 1px #df0101; clear: both; float: left;}
.contactform .submitbutton, .contact .submitbutton, .uploadbox .submitbutton, .submitbutton { background: #222; padding: 4px 7px; color: #fff; font-weight: bold;float: left;  margin: 3px; border: solid 1px #fff;}
.maincontactform .textbox { border: solid 1px #ccc; clear: none;margin:5px 0 0 0;}
.maincontactform .submitButton {background: #222; color: #fff; font-weight: bold; padding: 4px 6px; float: left; margin: 10px 0 10px 180px; border: none;}
.contactform a {color: #fff; font-weight: bold;}
.initials {width: 240px; border: solid 1px #fff; padding: 3px; margin: 3px; clear: none; float:none; text-transform: none !important;}

.sellercontact {width:  230px; padding: 0px; margin: 0 0 0 10px; float: left; clear: both;}
.sellercontact p {margin: 0; padding: 0;}
.sellercontact label {width: 110px; float: left; font-size: 12px; font-weight: bold; margin: 7px 3px 0px 9px;  text-align: left;}
.sellercontact .textinput{ width: 180px; border: solid 1px #666; padding: 3px; margin: 3px 0; float: left; }
.sellercontact .textbox{ width: 210px; border: solid 1px #666; padding: 3px; margin: 3px 0; float: left; height: 100px;clear :Both;}
.sellercontact .submitbutton { background: #222; padding: 4px 7px; color: #fff; font-weight: bold;float: left;  margin: 3px 3px 3px 0px; border: solid 1px #fff;clear:both;}

p.savealert a {text-decoration:underline;}

.countrycodeinput 
{
    width: 60px;
    margin: 0 10px 0 0;
    float: left;
    border:1px solid #666;
}
.telephoneinput 
{
    width: 140px;    
    float: left;
    border:1px solid #666;
}

/* MY ACCOUNT AREA
----------------------------------------------------- */

.myAccount {float: left; clear: both; border-left: solid 1px #ccc;border-right: solid 1px #ccc; border-bottom: solid 1px #ccc;  background: #f9f9f9; width: 628px; padding: 5px 5px 15px 5px; }
.myAccount label, .maincontactform label, .modalPopup label { width: 180px; float: left; font-weight: bold; padding: 3px 0 0 0 ; margin: 3px 0 0 0;}
.myAccount .textinput, .maincontactform .textinput, .modalPopup .textinput { width: 240px; padding: 3px; border: solid 1px #ccc;margin: 3px 0 0 0;}
.myAccount .submitButton, .modalPopup .submitButton { background: #222; color: #fff; font-weight: bold; padding: 4px 6px; float: left; margin: 10px 0 10px 180px; border: none;}
.newsubmitbutton{ background: #222; color: #fff; font-weight: bold; padding: 4px 6px; float:right; margin: 10px 0 10px 180px; border: none;}
.myAccount .item, .modalPopup .item {clear:both;}
.myAccount .item em {font-size: 11px;}
.myAccount table.AddressListing {width: 100%; float: left;}
.myAccount table.AddressListing thead tr {background: #ccc; color: #222;}
.myAccount table.AddressListing thead tr th{padding: 4px;}
.myAccount tr.row td{ background: #fff; border-bottom: solid 1px #ccc; padding: 4px 0;}
.myAccount tr.alternaterow td{ background: #f9f9f9; border-bottom: solid 1px #ccc; padding: 4px 0;}
.myAccount .button {background: #222; color:#fff; font-weight: bold; padding: 4px 6px; border: none; margin: 10px 0; clear: both;}
.myAccount .button2 {background: #222; color:#fff; font-weight: bold; padding: 4px 6px; border: none; margin: 10px 0; clear: both;}
.myAccount .message, .modalPopup .message {color: #0076a3; font-weight: bold;}
.Pricetextinput{ width: 220px; padding: 3px; border: solid 1px #ccc;margin: 3px 0 0 0;}
.categories {float: left; clear: both; width: 100%; margin: 0 0 10px 0;position:relative;}
.categories ul {margin: 0;padding:0; list-style-type:none;}
.categories ul li{ float: left; display:inline;}
.categories ul li a {float: left; display:inline; background: #222; color: #fff; padding: 4px 7px; margin: 0 2px 5px 0; font-weight: bold; border:none;}
.categories ul li a:hover {float: left; display:inline; background: #555; color: #fff; padding: 4px 7px; margin: 0 2px 5px 0; font-weight: bold; border:none;}

#capagenav
{
    float: right;
    margin: 5px 0;
}

/*Modal Popup*/
.AddPlaneButton {background: #c40000; padding: 4px 7px; color: #fff; font-weight: bold;float: right;  margin: 0px 0px 3px 3px; border: solid 1px #fff;position:absolute;right: 0; top: 0;}
.modalBackground { background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background:#fff;border:solid 2px #333; padding:10px;width:600px;}
.check {margin-top: 4px;}
.checkboxitem {float: left; clear: none; width: 120px; margin-left: 10px;}
.checkboxitem label {float: right;width: 90px;padding-left: 0px;}
.checkboxitem input {float: left;}
.checkboxitem checkbox {float: left;}
.closeButton {background: #222; padding: 4px 7px; color: #fff; font-weight: bold;float: left;  margin: 9px 3px 3px 3px; border: solid 1px #fff;}

.orderByPanel { margin: 0 0 10px 0; background: #f9f9f9; padding: 6px; display:inline; float: left; clear: both; width: 628px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;text-align:left; font-weight:bold;}
.orderByPanel span{ font-weight: bold;}
.planeActivePanel { border-left: solid 1px #000; border-right: solid 1px #000; border-top: solid 1px #000;padding: 3px;float:left; clear: both;width: 632px;font-size: 11px;}
.filter {float: right;}
.direct {float: right;}
.direct a { float:left; background: #999; color: #fff; padding: 4px 6px; margin: 0px 0 2px 2px;font-weight: bold; border: none;}
.direct a:hover { float:left; background: #666; color: #fff; padding: 4px 6px; margin: 0px 0 2px 2px;font-weight: bold; border: none;}

p.message {color: #fff;font-weight: bold;}

.uploadgallery .galleryimage {float: left; width: 167px; border: solid 1px #ccc; background: #f9f9f9; margin-right: 12px; position:relative;}
.uploadgallery .galleryimage .thumb {width: 167px;clear: both; float: left;border: solid 1px #333 !important;}
.uploadgallery .galleryimage a.setasmain { background: #333; color: #fff; font-weight: bold; font-size: 11px;position:absolute; bottom: 0; left:0;padding: 3px;}
.uploadgallery .galleryimage a.deleteimage { background: #333; color: #fff; font-weight: bold; font-size: 11px;position:absolute; top: 0; left:0;padding: 3px;}

.uploadgallery {float: left; width: 590px; margin: 10px 0 10px 5px; display:inline; padding: 10px; border: solid 1px #ccc; background: #fff;}
.uploadbox {float: left; border: solid 1px #ccc; margin: 10px 0 10px 5px; padding: 10px; clear: both; width: 558px; }

#mvpagenav 
{
    clear: both;
    text-align: right;
    margin-right: 10px;
}
#mvpagenav a 
{
    background: #222; 
    color: #fff; 
    font-weight: bold; 
    padding: 3px 6px; 
    margin: 0px 2px;
}

#videolist {clear:both;}
#videolist .video 
{
    position:relative;
    float:left; 
    width: 150px;
    height:112px;
    margin: 5px;
}
#videolist .video a, 
#videolist .video img
{
    padding:0;
}
#videolist .video input
{
    margin: 2px 7px 0 7px;
    float: left;
    padding: 0;
    height: 22px;
}
#videolist .video label
{
    width: 80px;
    float:left;
    padding: 0;
    color: #ccc;
}
#videolist .video .panel
{
    background: url(/images/panel-bg.png);
    position:absolute;
    width:100%;
    bottom: 0px;
    left: 0px;
    height: 24px;
    z-index: 10px;
}

p.noresults {float: left; border-top: solid 1px #c40000; width: 626px;border-bottom: solid 1px #c40000;padding:7px; font-weight: bold; font-size: 14px; color: #c40000;}

.pager {float:left; width: 100%; background: #f7f7f7; clear: both; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.pager a.previousbutton {float:left;padding: 2px 4px; border-left: solid 1px #ccc; border-right: solid 1px #ccc;text-decoration: none;border-bottom: none;}
.pager a.nextbutton {float:right;padding: 2px 4px;  border-left: solid 1px #ccc; border-right: solid 1px #ccc;text-decoration: none;border-bottom: none;}
.pager span {float:left;padding: 2px 4px;  border-left: solid 1px #ccc; border-right: solid 1px #ccc;text-decoration: none;border-bottom: none;font-weight: bold; color: #666;}

.error {font-weight:bold; float:left; clear: both; width: 100%;}

ul.tabbedContentFilter {list-style-type:none;float: left; width: 100%;margin: 0; padding:0;border-bottom: solid 1px #ccc;}
ul.tabbedContentFilter li{float: left; display:inline;}
ul.tabbedContentFilter li a{float: left; padding: 6px 8px; background: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #ccc;margin-left: 4px; color:#444;}
ul.tabbedContentFilter li a:hover{float: left; padding: 6px 8px; background: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #ccc;margin-left: 4px; color:#222;}
ul.tabbedContentFilter li.current a{background:#f9f9f9;margin-bottom: -1px;border-bottom: solid 1px #f9f9f9;color:#222;}

/* Printed Ad Packages */
#PrintAdPanel
{
    clear:both;
}
.printed-package
{
    width: 170px;
    height: 200px;
    margin: 10px 12px 8px;
    float: left;
    color: #fff;
}
.printed-package h2
{
    clear: both;
    color: #fff;
    background: none;
    border-style:none;
    text-transform: uppercase;
    margin: 15px 0 5px 10px;
    float: none;
}
.printed-package ul
{
    padding: 0;
    margin: 10px 0;
}
.printed-package li
{
    list-style-image: url(../Images/package-bullet.gif);    
    list-style-position: inside;
    padding-bottom: 5px;
    font-weight: bold;
    margin: 0 5px 0 10px;
}
.printed-package p
{
    color: #fff;
    margin: 0 0 0 10px;
}
#package1
{
    background-image: url(../Images/package-up.gif);
    background-repeat: no-repeat;
}
#package2
{
    background-image: url(../Images/package-up.gif);
    background-repeat: no-repeat;
}
#package3
{    
    background-image: url(../Images/package-right.gif);
    background-repeat: no-repeat;
}
