/*----------------------------------------------------------
Layout CSS file for avfab.com
Created 24 December 2008 by Brian Gaadt, MAI Marketing Alternatives Inc - mai-stl.com
----------------------------------------------------------*/

body {
	padding: 0;
	margin: 0;
}

/* ///////////////////// GLOBAL //////////////////////////////////////////// */

#wrap { display: block; width: 100%; padding: 0 0 0 0; margin: 0; }

#wrap #frame { display: block; width: 100%; padding: 0px; margin: 0 auto; }
#wrap #frame .topbar { width:840px; padding: 0px; margin: 0 auto; }
#wrap #frame #toplock { height:88px; padding: 0px; margin: 0; }
#wrap #frame #toplock .logo { padding: 0; margin: 0; }
#wrap #frame #toplock .logo img.thelogo { border: none; }


/* //////////////////////////// CONTENT ///////////////////////////////////////// */

#contentWrap { display: block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
#contentWrap #contentFrame { display: block; width:840px; clear: both; padding: 0px 0px 10px 0px; margin: 0 auto; }

#contentWrap #contentFrame #content  { display: block; width:580px; float: right; padding:0; margin: 0; }
#contentWrap #contentFrame #content .contentpad  { padding:10px; margin: 0; }
#contentWrap #contentFrame #content img.contentDisplay { display:block; width:180px; height:130px; float: right; margin-left:5px; }
#contentWrap #contentFrame #content img.contentDisplayV { display:block; width:125px; height:180px; float: right; margin-left:5px; }
#contentWrap #contentFrame #content .installpre  { display: block; width:130px; float: left; padding:0; margin: 2px 2px 2px 0; border: 1px #888888 solid; }
#contentWrap #contentFrame #content .installpre a  { display: block; background: #ffffff url(../images/button/install_button.jpg) repeat-x; font-size:10px; text-decoration:none; text-align:center;  padding:2px 3px 2px 3px; margin: 0; color:#555; }
#contentWrap #contentFrame #content .installpre a:hover { color:#777777; background: url(../images/button/install_button_over.jpg) repeat-x ; }

#contentWrap #contentFrame #content #aircraftButWrap { margin-top: 10px;}
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow {}
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton { display:block; width:170px; height:96px; float:left; padding:3px; margin:3px; background: #669835; border:1px #a3d8a3 solid; text-align:center; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton a { color:#fff; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton img { display:block; width:170px; height:80px; border:0px #ffffff solid; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton:hover { background: #9fc581; color:#fff; }


#contentWrap #contentFrame #content #contactForm {}

#contentWrap #contentFrame #content #contactForm #formWrap { padding:0; margin:0; }

#contentWrap #contentFrame #content #contactForm #formWrap #formLeft { float:left; width:230px; padding:0; margin:0; }
#contentWrap #contentFrame #content #contactForm #formWrap #formLeft .slugLeft { display:block; }
#contentWrap #contentFrame #content #contactForm #formWrap #formLeft .slugLeft .labelName { float: left; width:90px; }
#contentWrap #contentFrame #content #contactForm #formWrap #formLeft .slugLeft .inputName { float: right; padding:0; margin:0; }

#contentWrap #contentFrame #content #contactForm #formWrap #formRight { float:right; width:230px; padding:0; margin:0; }
#contentWrap #contentFrame #content #contactForm #formWrap #formRight .slugRight { display:block; }
#contentWrap #contentFrame #content #contactForm #formWrap #formRight .slugRight .labelName { float: left; width:90px; }
#contentWrap #contentFrame #content #contactForm #formWrap #formRight .slugRight .inputName { float: right; padding:0; margin:0; }

#contentWrap #contentFrame #content .repaircaplink { font-size:10px; color:#656565; text-align: right; padding:5px 5px 0 0; margin: 0; }
#contentWrap #contentFrame #content .repaircaplink a { color:#656565; }
#contentWrap #contentFrame #content .repaircaplink a:hover { color:#1c2f67; }

#contentWrap #contentFrame #content .media { width:516px; padding: 0; margin: 0 0 20px 0; }
#contentWrap #contentFrame #content .media#home { height:155px; }

#contentWrap #contentFrame #content .column { float: left; padding:0; margin:0; }

#contentWrap #contentFrame #content .column#col1 { width: 400px; }
#contentWrap #contentFrame #content .column#col2 { float:right; width: 350px; }


.productDetails-X { display:none;}
.productDetails { overflow:hidden; border-bottom:1px solid #A3D8A3; margin-bottom:10px;}
.productDetails .section { clear:both;}
.productDetails .section span { padding: 0 4px;}
.productDetails .section h7 { font-size:0.9em; text-transform:uppercase; font-weight: bold; width:130px; margin-right:5px; text-align:right;}
.productDetails .section p { float:right; width:420px; padding:0 0 10px 0;}
.productDetails .section .productPara { float:right; width:420px; padding:0 0 10px 0;}
.productDetails .section .productPara ul, .productDetails .section .productPara ul li { list-style:none; margin-left:0; padding-left:0;}


/* //////////////////////////// SIDEBAR ///////////////////////////////////////// */

#contentWrap #contentFrame #sidebar  { display: block; width:260px; float: left; padding:0; margin: 0 0 0 0; }

#contentWrap #contentFrame #sidebar #mainNav { display:block; width:260px; border: none; overflow: hidden; padding: 0; margin: 0 0 20px 0; }
#contentWrap #contentFrame #sidebar #mainNav .mainNavpad { padding: 0; margin: 25px 45px 25px 25px; }
#contentWrap #contentFrame #sidebar #mainNav .mainNavpad .mainButton { display: block; }
#contentWrap #contentFrame #sidebar #mainNav .mainNavpad .mainButton a { display: block; padding-left: 2px; }

#contentWrap #contentFrame #sidebar .sideBox { padding:0px; margin: 10px 0 0 0; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav { display:block; width:239px; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton { display:block; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton:hover { display:block; cursor: pointer; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton a { display:block; text-decoration:none; padding:4px; }


#contentWrap #contentFrame #updateLinkwrap { display: block; width:840px; border-bottom: 4px #727272 solid; padding:0 0 0 0; margin:0; }
#contentWrap #contentFrame #updateLinkwrap .updatelink { display: block; float:left; width:280px; text-align:center; padding:20px 0 10px 0; margin:0; }
#contentWrap #contentFrame #updateLinkwrap .updatelink#right { float:right; }


/* /////////////////////////////// FOOTER /////////////////////////////////////////// */


#footWrap { display: block;  width: 100%; padding: 0; margin: 0; }
#footWrap #footer { display: block; width:840px; padding: 0px 0px 5px 0px; margin: 0 auto; }
#footWrap #footer .footNav { padding: 0; margin: 0 0 5px 0; }
#footWrap #footer .footNav .footButton { display: inline; padding: 0; margin: 0 0 0 8px; }

#footWrap #footer #footCompany { display: block; padding:0; margin:0; }
#footWrap #footer #footCompany .footCompanyinfo { float: left; padding:5px 0 0 0; margin:0 10px 0 0; }
#footWrap #footer #footCompany .footCompanymedia { float: right; padding:5px 0 0 0; margin: 0; }
#footWrap #footer #footCompany .footCompanymedia .footMediabutton { padding:0; margin:0; }

.contact-block {padding: 10px; background:#b2aea7; color:#fff; text-align:center; border:1px solid #8d8a84; border-radius:5px;}

.imageRight { float: right; margin-left: 5px; }

.imageLeft { float: left; margin-right: 5px; }

.space { display:block; height:2px; width:2px; }

.clear { clear: both; height: 1%; font-size: 1px; line-height: 0px; }

.break { clear: both; height: 10px; }