/*custom styles*/

@font-face { font-family: 'newFont'; src: url("webfonts/OpenSans-Regular.eot"), url('webfonts/OpenSans-Regular.ttf'); }

/*Master*/

.imgJoesGirlLeft { float: left; }
.imgJoesGirlRight { float: right; }
.divMottoText { color: White; font-style: italic; display: inline-block; padding-top: 20px; }
.divCenterImages { background-color: Black; width: 100%; height: 60px; text-align: center; margin: 0px auto; }
.tagLine{font-weight:bold;text-align:center;color:white;}
.footerAdmin { text-align: right; }
.footerAdmin a { color: White !important; text-decoration: none; font-size: x-small; }
#header{height:110px !important;}
    #header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 110px !important; }
    #header.header-sticky.sticky-active .header-inner{height:110px;}
    #mainMenu nav { margin-top: 10px; }
#mainMenu nav > ul > li > a { font-size: 14px; }

/*Home*/
.homevid { text-align: center; }
.homevid video{width: 100% !important;max-width:1000px;}
.divHomeContent section{padding:40px 0px;}
.divHomeContent .lead{text-align:left !important;}
.parallax-image img{width:100%;}
.divHomeMobileLink{display:none;font-weight:bold;text-align:center;}
.heading-text.heading-section > h2:before{ background-color: red; }

/* About Page*/
.divAbout section{padding:40px 0px;}

/*Inquiry Page*/
.errorMsg{color:red; font-weight:bold;}
.divInquiry .divCaptcha input{border:1px solid black;min-width:150px;}
.divInquiry .divCaptcha{font-size:large;width:auto !important;text-align:left !important;}
.pnlInquire section{padding:40px 0px;}
.smallBoldText { font-weight: bold; font-size: smaller; }
.divOptionName { width: 100px; display: inline-block; }
.divRoofOption { width: 100px; height: 100px; display: inline-block; margin-top: 10px; }
.divColorColumn { width: 30px; display: inline-block; }
.divColorRow tr td { width: 34px; height: 30px; text-align:center; }
.divColorLeft, .divColorRight { display: inline-block; vertical-align: top; }
.colorHeight { width: 30px; height: 30px; padding-top: 5px; display: inline-block; vertical-align: top; }
.imgProduct1, .imgProduct2 { width: 100px; }
.pnlInquire select{width:100px;}
.rbColor { width: 32px; display: inline-block; }
.imgColor { width: 31px; height: 31px; }
.divInquiry .navButtons { text-align: center; display:inline-block;width:100%;margin-top:10px;}
.msgSuccess { font-weight: bold; font-size: larger; color: Red; }
.requiredField { color: Red; }
.prodImage { width: 130px; display: inline-block; margin-top: 10px;vertical-align:top; }
.productRight { display: inline-block; }
.divInquiry input,textarea,select{border:1px solid black;}


/*Contact*/
.divContact { color: white; background-color: grey; background-image: url('../images/contactBG.jpeg');font-weight:bold; }
.divContact section { padding: 40px 0px; }
.contactPane { padding-left: 10%; text-align: left; max-width: 600px; margin: 0px auto; }
.contactFooter { width: 100%; }
.Captcha { text-align: left; }
.contactLine { margin-bottom: 10px;font-size:large; }
    .contactLine input { width: 200px; }
.requiredField { color: Red; }
.divInquirySuccess { min-height: 500px; }
textarea{border-radius:5px;}
.captchaCover { background-color: white; height: 12px; width: 250px; position: relative; top: -35px; }

/*Living Space*/
.divLivingSpace section{padding:40px 0px;}
.smallPrint { text-align: center; font-size: smaller; }

/*Guest Homes, Metal Construction, Carports pages*/
.divGuestHome section{padding:40px 0px;}
.divGuestHome p{ text-align: left; }
.divGuestHome p.smallPrint{text-align:center;}
.divGuestHome ul li{text-align:left;}

/*Locations Page*/
.divLocationsContent { min-height: 600px; }
.locationImg { width: 100%; }
.locationlink { display: inline-block; text-align: center; font-size: large; border: 2px solid #ababab; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px; clear: both; margin: 10px 10px; }
a.locationlink { text-decoration: none; padding: 10px; color: #444; }
    a.locationlink:hover { color: #336699; }

/*locations pages*/
.divAboutWrapper{width:80%;margin:0px auto;font-family:newFont;}
.divAboutWrapper .divAboutContent h3{text-align:center;margin-top:40px;}
.imgMetalBuilding { width: 32%; display: inline-block; }
.crumbLink { margin-right: 10px; line-height: 2; float: left; }
a.crumbLink { text-decoration: none; color: #444; }
    a.crumbLink:hover { color: #336699; }
.locationImage { float: right; width: 40%; margin-left: 20px; }
.divGalleryItem { width: 33%; display: inline-block; vertical-align: top; font-size: small; }
.divGalleryImage img { width: 95%; }

/*Individual location page*/
.divAboutContent h4 { text-align: center; }

/* Admin */
.divProductManager{text-align:center;}
.adminPage{text-align:center;}
.gvInquiryRow { font-size: small; }
.gvInquiryHead th { font-size: small;text-align:center; }
.gvInquiryRow td { padding: 2px 10px; max-width: 300px; }
.divInquiryFilter { font-size: small; font-weight: bold; }
.divSearch { display: inline-block; padding: 4px; border-radius: 5px; background-color: White; }
    .divSearch input { outline: none; font-style: italic; font-weight: bold; }
.divItemsPerPage { display: inline-block; margin-right: 10px; }
.divPrint { display: inline-block; }
    .divPrint a { text-decoration: none; color: Blue; }
.productForm { text-align: left; margin: 0px auto; display: inline-block; }
.productEntry { margin-bottom: 10px; }
.productLabel { min-width: 150px; display: inline-block; }
.divPager { padding: 20px; }
.divLogin { margin: 20px auto; border: 1px solid black; border-radius: 5px; width: 30%; padding: 10px; }
.footerAdmin { text-align: right; }
    .footerAdmin a { color: White; text-decoration: none; font-size: x-small; }
.breadCrumb { text-align: left; padding: 10px; }
    .breadCrumb a { color: Black; text-decoration: none; }
        .breadCrumb a:hover { color: Red; text-decoration: none; }
.loginField { margin-bottom: 10px; }
.divAdminLinks { margin: 0px auto; width: 40%; text-align: left; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; background-color: #E8E8E8; padding: 10px; }
.adminLink { margin-bottom: 5px; }
    .adminLink i { margin-right: 10px; }
    .adminLink a { color: Black; text-decoration: none; }
        .adminLink a:hover { color: red; }
.imgEditProduct { width: 200px; display: inline-block; }

/*accordion styles*/

.accordion-toggle { cursor: pointer; margin: 0; }
.accordion-content { display: none; font-size: 11pt; }
    .accordion-content p { }
    .accordion-content.default { display: block; }
.panel-group home-accordion { text-align: left; }
h4.accordion-toggle { text-align: left; background-color: #E8E8E8; padding: 10px; }
    h4.accordion-toggle:hover, h4.accordion-toggle:active { background-color: red; color: white; }

/* My Account Page*/
.divMyAccount { text-align: center; margin: 0px auto; width: 95%; }
.divMyAccountLeftPane { width: 24%; display: inline-block; text-align: left; }
.MyAccountLink { border-bottom: 1px solid #eeeeee; font-size: medium; }
.divMyAccountRightPane { width: 70%; display: inline-block; vertical-align: top; }
.divOrderItemSearch { float: left; }
.OrderAdminPage { text-align: center; }
.divOrderAdminMenu { width: 99%; min-height: 40px; border-radius: 5px; }
    .divOrderAdminMenu .lblItemSearch { margin: 10px 0px 0px 10px; }
    .divOrderAdminMenu .divItemSearch { border: 1px solid black; border-radius: 5px; }
    .divOrderAdminMenu .divItemsPerPage { padding-top: 5px; }
.gvOrderAdminHeader th { text-align: center; }
.gvOrderAdminRow td { padding: 5px; }
.currencyInput { width: 100px; text-align: center; }
.lblCheckoutNotes { position: relative; right: 105px; }
.orderReview { text-align: left; margin: 0px auto; width: 85%; font-size: small; }
    .orderReview h4 { text-align: center; margin: 5px; }
.orderAddressInfo { display: inline-block; width: 200px; display: inline-block; border: 2px solid #c6c6c6; border-radius: 5px; margin: 10px 0px; padding: 10px; }
.orderTotal { width: 86%; text-align: right; }
.gvOrderItems th { text-align: center; padding: 0px 5px; }
.gvOrderItems tr { border-bottom: 1px solid #c6c6c6; height: 25px; }
td.gvItemName { max-width: 700px; }
td.gvItemQuantity { min-width: 50px; padding: 0px 10px; text-align: center; }
td.gvPrice { min-width: 50px; padding: 0px 10px; text-align: right; }
span.totalLabel { width: 60px; display: inline-block; }
.divItemsPerPage select { width: auto; }

/*Registration Panel*/
.pnlRegister { margin: 0px auto; width: 50%; }
    .pnlRegister .registerField span { display: inline-block; width: 150px; }
    .pnlRegister .registerField .requiredField { width: 100%; }
/* User Manager*/ 
.gvUsers, .gvProducts, .gvSessionStats { margin: 0px auto; }
.divProductManager { text-align: center; }
.gvOrderAdminRow a { font-weight: bold; }
.gvOrderAdminRow .tbCustomerNotes { border: 1px solid grey; }
.formMessage {margin:0px auto;width:50% !important; }
.navButtons {text-align: center; clear: both; }

/* Inquiry Manager*/
.divInquiry{margin:0px auto; width:50%;font-size:large;}

    /*Responsive tweaks*/
@media screen and (max-width:767px){
    #header { height: 100%;}
        #header .header-inner #logo a > img, #header #header-wrap #logo a > img { height: auto;width:100%; }
    #mainMenu nav { margin-top: 20px; }
    .divHomeMobileLink{display:block;}
    .divInquiry{width:90%;font-size:medium;}
    .captchaCover {top: -55px; }
}