﻿* {
    font-family: Verdana, Arial, Sans-Serif;
}
body, html {
    font-size: 10pt;
    text-align: center;
}
.clear {
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
}
#page {
    width: 550px;
    margin: auto;
    text-align: left;
    position: relative;
}
#valvolineTitle {
     margin:20px 0px 5px 66px; 
     font-size:18px; 
     color:#0c2577;
}   

/* Google Map divs */
#map_border {
    height: 146px;
    width: 187px;
    background-color: #949494;
    border-top: solid 4px #949494;
    border-left: solid 4px #949494;
    border-right: solid 4px #949494;
    border-bottom: solid 3px #949494;
}
#map {
    height: 146px;
    width: 187px;
    background-color: #949494;
}

/* Store Information */
#storeInfo h2 {
    font-weight: normal;
    font-size: 1.4em;
    margin: 0px;
}
#storeInfo h3 {
    font-size: 1.2em;
    color: #213370;
    margin: 0px;
}
#storeInfo #storePhone {
    margin: 5px 0px 10px 0px;
}

.header_border {
    height: 9px;
    width: 542px;
    background-color: #b4b4b4;
}

/* Store Hours in the Header */
#storeHoursContainer {
    width:305px; 
    border-right: solid 1px #b4b4b4;
    border-top: solid 1px #b4b4b4; 
    border-bottom: solid 1px #b4b4b4; 
    float:left;
}

#storeHoursTable {
     width:305px;
     font-size:10px; 
     text-align:center;
}

.storeHoursCell {
    width:39px; 
    vertical-align:top; 
    padding:2px 0px;
}

.storeHoursCell strong {
    color:#999999;
}

.border_right {
    border-right: solid 1px #b4b4b4;
}

#specialClosingsContainer {
     padding:3px 0px;
     text-align:center; 
     font-size:10px; 
     color:#999999;
     border-bottom: solid 1px #b4b4b4; 
}

/* Promotions */
#promotionsContainer {
    width:305px; 
    border-right: solid 1px #b4b4b4;
    float:left;
    vertical-align:middle;
    min-height:111px;
    height:auto !important;
    height:111px;
}

/* Services Container in the Header */
#servicesHeader {
    width:305px;
    float:left;
}
#servicesHeaderIconContainer {
    float:left;
    width:43px;
}

#servicesHeaderTextContainer ul {
    margin:0px;
    padding:0px 0px 0px 15px;
}

/* Coupons */
.coupon {
    border: 1px dotted #939495;
    width: 531px;
    padding:15px 0px 15px 10px;
    vertical-align:middle;
}
.coupon table {
    margin-top:15px;
    vertical-align:middle;
    font-size: 1em;
    text-align: left;
}
.coupon table td {
    padding: 0px 10px;
}
.coupon .amountContainer {
    width:200px;
}
.coupon .disclaimerContainer {
    width:225px;
    color: #999999;
    font-size:10px;
}
.coupon .date {
    float: left;
}
.coupon .code {
    float: right;
    text-align: right;
}
.coupon h2 {
    color: #ff242c;
    font-size: 2em;
    margin: -10px 0px 0px 0px;
    position: relative;
}
.coupon h3 {
    font-weight: bold;
    font-size: 1em;
    color: #0c2577;
    margin: 0px;
}

/* Services in the Main Body of the Page */

#servicesBody {
    border: 1px solid #d3d3d3;
    height: 97px;
    width: 541px;
    vertical-align:middle;
}
#servicesBodyIconContainer {
    width: 75px;
    float:left;
}
#servicesBodyTextContainer {
    width: 466px;
    float:left;
    margin-top:5px;
}
#servicesBodyTextContainer ul {
    margin:0px;
    padding:0px 0px 0px 15px;
    color:#0c2578;
}
.serviceBodyName {
    float:left;
    font-size:11px;
    margin:0px 20px 0px 0px;
}


/* Features */
#featuresContainer {
    width:541px; 
    float:left; 
    text-align:center;
}

#featuresTable {
     margin-left:auto; 
     margin-right:auto;
}

#featuresTable td {
    width:85px; 
    height:80px; 
    text-align:center;
}


.orDiv {
    width: 40px;
    padding: 3px 0px;
    background-color: #cc0000;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 250px;
    top: -1em;
    z-index: 1000;
}

/* share this */
#shares {
    padding-top: 15px;
    text-align: center;
}
@media print {
    #shares {
        display: none;
    }
}
