#logo img { max-height: 87px; max-width: 334px; }
header { background-image: none; background-color: #FFFFFF; color: #222222; border-bottom: 3px solid #F36C02; }
body { border-color: #F36C02; }
.letterPressed .left, .letterPressed .right { display: none; }
.letterPressed .middle { border-radius: 0 0 5px 5px; background-color: #F48024; border: 1px solid #F36C02; }
#twoPxBorder { border-top: 2px solid #F48024; }
#main { background-color: #F48024; }
a.customButton, input.customButton, .customButton { background-image: none; background-color: #F48024; }
.cta-header { font-size:20px; margin-right: 90px; margin-top:14px }
#copyright { background-color: #F48024; border-top: 1px solid #F36C02; }
a       { color: #F48024; }
a:hover { color: #F36C02; }

ul.withArrows li div.question       { color: #F48024; }
ul.withArrows li div.question:hover { color: #F36C02; }

.boxBottom, .boxTop { display: none; }
.boxContent { border-radius: 3px; margin-top: 15px; padding-top: 10px; padding-bottom: 10px; }
.boxContent.green { background-color: #69737B; }

nav#mainNav ul li.active, nav#mainNav ul li:hover { border-color: #F48024; }
nav#mainNav ul li .dropdown { background-color: #F48024; }

#mapContainer { border-bottom-color: #F36C02; }
#slider .carousel-caption { background-color: #F48024; }
#slider .carousel-caption .carousel-caption-big { border-color: #F48024; }
.blueButton       { background: linear-gradient(to bottom, #F48024 0%,#F37020 50%,#F36C02 51%,#D35C00 100%); }
.blueButton:hover { background: linear-gradient(to bottom, #D35C00 0%,#F36C02 50%,#F37020 51%,#F48024 100%); }

.boxContent.grey.backgroundImage { text-shadow: 2px 2px 0 #E1E1E1; background-image: url('/main_images/composite-door-config-new.png'); background-position: bottom right; background-repeat: no-repeat; min-height: 180px; }
.boxContent.grey.backgroundImage a.customButton { text-shadow: none; color: #FFFFFF !important; }

img.responsive, 
#imgHeaderContainer .imgHeader, 
#osdSlider img { max-width: 100%; width: 100%; height: auto; }
.composite-quote-button { margin-right: 10px; background-color: #A2AB10 !important; border-color: #A2AB10 !important; }
.composite-quote-button #quoteTab { background-color: #B2BB20; }
header .phone-number { display: none; text-align: center; }
header .phone-number .cta-header { margin: 0; margin-top: 10px; padding: 0; }

@media (max-width: 979px) {
  #slider .carousel-caption h4 { font-size: 24px; }
  header .header-top-margin { margin-top: 50px; }
  header .top-buttons { margin-top: -50px; }
  div#quoteTab > a { width: 100% !important; }
}

@media (max-width: 767px) {
  header .phone-number { display: block; }
  header .socialLinks  { display: none; }
  header #logo { width: 100%; text-align: center; }
  footer .span6 { width: 50%; float: left; margin: 5px 0; padding: 0 50px; }
  footer .clearfix-767 { clear: both; }
  footer ul { margin-left: 0 !important; padding-left: 0; }
}

@media (max-width: 575px) {
  #imgHeaderContainer #imgHeaderText { font-size: 24px; }
}

@media (max-width: 480px) {
  body #logo { width: 100%; }
}

@media (max-width: 454px) {
  .letterPressed .middle { margin-right: 30px; }
  .letterPressed .middle.composite-quote-button { margin-right: 10px; }
  div#quoteTab { width: auto; padding-left: 6px; padding-right: 6px; }
  div#quoteTab > a { width: 100% !important; display: block; }

}


@media (max-width: 390px) {
  header .center .span25 .right.pull-right.span18 { top: 0; left: 0; }
  header .top-buttons.letterPressed { float: none !important; }
  #imgHeaderContainer #imgHeaderText { font-size: 20px; }
  .letterPressed .middle { height: 26px; width: 100%;  margin: 0 !important; margin-left: -95px; border-radius: 0 !important; }
  div#quoteTab { line-height: 26px; width: 100%;  padding-left: 0; padding-right: 0; margin-right: 0; border-radius: 0 !important; }

  .not-logo-container { width: 100%; }
  header .header-top-margin { margin-top: 60px; }
  header .top-buttons { margin-top: -60px; }
}