@import url('infinitLeftCol.css');
@import url('infinitNavigation.css');
@import url('infinitMPP.css');
@import url('infinitProduct.css');
@import url('infinitGallery.css');
@import url('infinitEcom.css');

#SiteContainer{
width:990px;
margin:4px auto;
}

#BodyContainer{
position:relative;
float:left;
width:990px;
color:#000;
}

#Banner{
position:relative;
float:left;
width:900px;
height:40px;
padding: 20px 0 0 0;
margin:0 45px 20px 45px;
border-top:solid 30px #a00;
}

#HomePage{
position:relative;
float:left;
width:899px;
margin:0 45px;
background:#fff;
}

.FirstHomePageLink{
position:relative;
float:left;
width:295px;
height:130px;
background:#eceaeb;
margin:6px 0 0 0;
}

.HomePageLink{
position:relative;
float:left;
width:295px;
height:130px;
background:#eceaeb;
margin:6px 0 0 7px;
}

#TwoCols{
position:relative;
float:left;
width:900px;
margin:0 45px;
background:#fff url(images/css/TwoColBG.jpg) repeat-y;
border-bottom:solid 1px #414141;
}

#StandardWrapper{
position:relative;
float:right;
width:628px;
margin:10px;
}

#StandardWrapper h1{
margin:0;
font-size:24px;
}

#CompatibilityLinks{
position:relative;
float:left;
width:890px;
margin:10px 45px;
background:#fff;
border:solid 1px #999;
padding:4px;
}

#CompatibilityList{
position:relative;
float:right;
width:620px;
margin:20px;
}

#CompatibilityBrandIntro{
position:relative;
float:left;
border:solid 1px #000;
padding:10px;
font-size:14px;
margin:0 0 20px 0;
width:600px;
}

#CompatibilityBrandIntro img{
position:relative;
float:left;
}

#CompatibilityListWrapper{
position:relative;
float:left;
background:#fff url(images/css/CompatibilityListBG.jpg) repeat-y;
}
.CompatibilityModelList{
position:relative;
float:left;
width:190px;
margin:0 4px 0 0;
font-size:11px;
padding:6px;
}


.FAQSection{
position:relative;
float:left;
width:620px;
border:solid 1px #ccc;
margin:0 0 10px 0;
}

.FAQSection h2{
margin:0;
padding:2px;
font-size:14px;
background:#a00;
color:#fff;
}

.FAQWrapper{
padding:6px;
}

.FAQQuestion{
margin:0;
padding:0;
font-weight:bold;
text-decoration:underline;
cursor: pointer;
}

.FAQAnswer{
font-size:11px;
padding:0 20px;
}

.PressQuote{
position:relative;
float:left;
width:620px;
border-top:solid 1px #ccc;
padding:10px 0;
margin:0 0 20px 0;
}

.MediaQuoteSection{
position:relative;
float:left;
width:610px;
margin:0;
padding:0;
font-size:14px;
}

.MediaQuoteSection img{
position:relative;
float:left;
padding:4px;
margin:0 10px 2px 0;
}

.MediaTitle{
position:relative;
float:right;
text-align:right;
font-size:14px;
font-weight:bold;
width:500px;
}
.MediaDate{font-size:11px;font-weight:normal;}

#ContactForm{
position:relative;
float:right;
width:390px;
margin:10px 100px;
}

#ContactForm .form_section_title{
font-weight:bold;
padding:8px 0 0 0;
}

#ContactForm .form_label{
font-size:12px;
text-align:right;
width:80px;
padding:4px 0 0 0;
}

#ContactForm .form_element{
font-size:11px;
text-align:left;
width:300px;
}

#ContactForm .form_element input{
width:220px;
}

#ContactForm textarea{
width:380px;
height:100px;
border:solid 1px #ccc;
background:#eee;
}

#ContactForm input{
border:solid 1px #ccc;
padding:2px;
font-size:11px;
background:#eee;
width:200px;
}
#ContactForm select{
border:solid 1px #ccc;
font-size:11px;
background:#eee;
width:230px;
}

#FadeAll{
z-index:4;
position:absolute;
background: rgba(0, 0, 0, 0.8);
width:100%;
height:99%;
display:none;
}

#PopUp{
z-index:5;
position:absolute;
left:20%;
top:20%;
width:520px;
height:200px;
padding:70px 10px;
border:solid 1px #000;
background:#ffc url(images/css/Alert.jpg) 470px 10px no-repeat;
display:none;
text-align:center;
}

#PopUp h1{
margin:0 0 20px 0;;
font-size:20px;
}

#PopUp h2{
margin:20px  0 20px 0;;
font-size:26px;
}

#FooterRegion{
position:relative;
float:left;
width:900px;
margin:0 0 20px 44px;
}

#CopyNotice{
position:relative;
float:left;
font-size:10px;
margin:0 0 0 44px;
}