/*----------------------------------------------------------
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 { position:relative; width:840px; padding: 0px; margin: 0 auto; }
#wrap #frame .topbar .social { position:absolute; top:2px; right:2px; width:210px; line-height:20px; text-align:right; }
#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 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 0 2px 3px; 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; }
#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:179px; height:96px; float:left; padding:3px; margin:3px; background: #eeeeee; border:1px #cccccc solid; text-align:center; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton a { color:#fff; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton img { display:block; width:179px; height:80px; border:0px #ffffff solid; }
#contentWrap #contentFrame #content #aircraftButWrap .aircraftRow .aircraftButton:hover { background: #dddddd; }


.productDetails-X { display:none;}
.productDetails { overflow:hidden; border-bottom:1px solid #e6e1d7; 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;}


#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:216px; }

#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; }


/* //////////////////////////// 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; height:216px; 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: 20px; }

#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:#1C2F67; color:#fff; text-align:center; border:1px solid #ccc; border-radius:5px;}
.contact-block a, .contact-block a:link, .contact-block a:visited { color:#ff0000; text-decoration:underline;}
.contact-block a:hover { color:#fff;}

.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; }