/* marketing.css 
  =======================================
    1. Marketing
    2. Stacked
    3. Side by side 
    4. Multi-offer page
  =======================================
*/

/* Marketing 
==================================================== */
#marketing {
  position:relative;
}
#marketing img.marketing_image {
  z-index:-1;
  position:absolute;
}

#marketing .blue_crew_wrapper {
  padding:72px 75px 35px;
  height:338px;
  width:356px;
}

#marketing .blue_crew_wrapper div {
  color:#fff !important;
  margin-top:20px;
}

/* used for tv install offer */
#marketing .blue_crew_wrapper h2 span {
  color:#fff !important;
  font-size:26px;
  font-weight:700;
  padding-top:15px;
  text-transform:none !important;
}

#marketing .blue_crew_wrapper h2 {
  color:#003e7e;
  font-size:26px;
  font-weight:700;
  text-transform:uppercase;
}


#marketing .blue_crew_wrapper h3 {
  color:#06f;
  font-size:16px;
  font-weight:400;
}

#marketing .blue_crew_wrapper h3 span{
  color:#fff;
  font-size:16px;
  font-weight:500;
  margin-top:20px;
}

#marketing .button {
  margin-right:20px;
}

#marketing .blue_crew_list {
/*  background: #fff url(/shs.I27.9235/shs/images/promotions/blue-crew-logo.png) no-repeat top 538px;*/
  width:800px;
}

#marketing .punchlist {
  float:left;
  margin-left:12px;
  width:300px;
}

#marketing .blue_crew_logo {
  height:282px;
}

#marketing dl.what_well_do {
  color:#003e7e;
  font-size:14px;
  margin:20px 100px 0 0;
}
#marketing dl.what_well_do dt {
  font-weight:700;
  line-height:30px;
}

#marketing .details {
  font-size:12px;
  margin:5px 75px 20px;
}

#marketing .disclaimer {
  color:#999;
  font-size:11px;
  margin:20px 75px; 
  text-align:justify;
}
#marketing .contact_tab {
  margin:50px 0px 0;
}


/* Stacked
==================================================== */
#marketing .stacked {
  margin:20px 0 15px;
}

#marketing .stacked h4 {
  font-size:34px;
  font-weight:700;
  line-height:30px;
}
#marketing .stacked h5 {
  font-size:20px;
  font-weight:400;
}

/* Side by side
==================================================== */

#marketing .side_by_side {
  margin:20px 0 15px;
}
#marketing .side_by_side h4 {
  border-right:1px solid;
  float:left;
  font-size:50px;
  height:30px;
  line-height:30px;
  margin-right:8px;
  padding:4px 8px 10px 0;
  position:relative;
}
#marketing .red * {
  color:#c00;
}
#marketing .blue * {
  color:#003e7e;
}
#marketing .side_by_side h4.red {
  border-right:#c00;
}
#marketing .side_by_side h4.blue {
  border-right:#003e7e;
}
#marketing .side_by_side h4 span {
  font-size:30px;
  position:relative;
  bottom:17px;
}
#marketing .side_by_side .regular_price {
  font-size:10px;
  padding-top:4px;
}
#marketing .side_by_side .save {
  font-size:20px;
  line-height:10px;
  position:relative;
}

/* Multi-offer page
==================================================== */
.offer {
}
.offer.two_column_offer li {
  float:left;
  width:49%;
}
.related_items {
  padding:10px 0;
}
.related_items li {
  margin-bottom:10px;
  width:49%;
}

/* Multi offer image container
---------------------------------------------------- */
.marketing {
}
.marketing .interior {
  position:relative;
}

/*
.marketing #sidebar {
	margin-top: 230px;
}
*/

.multi_offer {
  position:absolute;
  left:385px;
  top:20px;
}
.multi_offer .column {
  float:left;
  height:210px; 
}

.multi_offer .offer_price {
  border-right:1px solid #e0e0e0;
  padding-right:20px;
  margin-right:20px;
  width:365px;
}
.multi_offer h2 {
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
}
.multi_offer h3 {
  font-size:12px;
  font-weight:400;
}
.multi_offer .offer {
  font-size:55px;
  font-weight:700;
  margin:10px 0;
}
.multi_offer .price_list {
  margin-top:10px;
}

.multi_offer .information {
  width:170px;
}
.multi_offer .description dt {
  font-weight:700;
}
.multi_offer .description dd {
  margin:2px 0;
}
.multi_offer .expiration {
  bottom:0;
  font-weight:700;
  position:absolute; 
}