﻿* {
    font-family: Verdana, Arial, Sans-Serif;
}

body, html {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    background-image: url("./images/background-repeat.gif");
    background-repeat: repeat-x;
    background-position: center top;
    min-width: 770px;
    width: auto !important;
    width: 770px;
    font-size: 12px;
    _height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
body {
    overflow-y: hidden;
}
a img {
    border: 0px;
}
.clear {
    clear: both;
}
h1 {
 color: #213370;
 font-size: 20px;
 margin-top: 0px;
}
h2 {
    color: #213370;
    font-size: 16px;
    margin: 0px;
}
h3 {
    color: #213370;
    font-size: 16px;
    margin: 0px;
}
#rightSide h3 {
    font-size: 15px;
}
#page {
    width: 775px;
    margin: auto;
    text-align: left;
    padding: 16px 0px 0px 0px;
    position: relative;
}
#header {
    width: 770px;
    height: 76px;
    background-image: url("./images/top.gif");
    background-repeat: no-repeat;
    background-position: right top;
    margin-bottom: 20px;
    position: relative;
}
#search {
    width: 200px;
    bottom: 15px;
    right: 15px;
    position: absolute;
}
#search .button {
    background-image: url("./images/button.gif");
    display: block;
    width: 70px;
    height: 19px;
    overflow: hidden;
    text-indent: -300px;
    text-align: left;
    float: left;
    margin-left: -1px;
}
#search img {
    display: none;
}
#search input.text {
    width: 120px;
    float: left;
    border: 1px solid #7f9db9;
    padding: 2px 1px;
    font-size: 11px;
}
#nav {
    margin: 0px;
    padding: 0px;
    height: 36px;
    overflow: hidden;
    list-style: none;
    text-align: right;
    width: 460px;
    position: absolute;
    bottom: 3px;
    left: 83px;
    display: block;
}
#nav li {
    display: inline;
}
#nav li a {
    display: block;
    text-align: center;
    width: 76px;
    float: left;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 36px;
    vertical-align: middle;
}
#nav li a.guarantee {
    width: 154px;
    margin-left: 72px;
}
#nav li a:hover {
    background-color: #ef1c25;
}


#pylon {
    position: absolute;
    width: 132px;
    height: 443px;
    background-image: url("./images/pylon.png");
    _background-image: url("./images/pylon.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    top: 10px;
    left: -50px;
}
#pylon a {
    position: relative;
    display: block;
    width: 125px;
    height: 165px;
    top: 0px;
    left: 3px;
}
#leftSide {
    float: left;
    margin-left: 90px;
    _margin-left: 45px;
    width: 425px;
}
#rightSide {
    float: right;
    width: 239px;
    background-image: url("./images/rightSide.gif");
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 474px;
    height: auto !important;
    height: 474px;
}
#rightSide .inside {
    padding: 14px;
}

/* Store Image */
#divMainImage {
    width: 226px;
    height: 152px;
    overflow: hidden;
    position: relative;
    margin-right:10px;
    float: left;
}
#divMainImage img {
    margin: 5px 0px 0px 5px;
}
#divMainImage div.frame {
    width: 226px;
    height: 152px;
    background-image: url("./images/storeFrame.png");
    _background-image: url("./images/storeFrame.gif");
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* Store Information section */
#divStoreInfo 
{
    margin-top:5px;
    float: left;
    width: 189px;
}

#divSocialNetworkLinks {
    margin-top: 10px;
    font-size: .9em;
}
#divSocialNetworkLinks table {
    font-size: 1em;
}
#divSocialNetworkLinks img {
    margin: 1px 5px 1px 0px;
}

/* Promotions */
#divPromotions {
    width: 425px;
    position: relative;
    overflow: hidden;
    margin: 5px 0px 0px 0px;
}

/* Coupons */
#divCoupons {
    background-image: url("./images/couponBackground.gif");
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #d2d2d1;
    width: 425px;
    border: 2px solid #c5c5c5;
    position: relative;
    overflow: hidden;
    margin: 5px 0px 15px 0px;
    padding-bottom: 24px;
}
#divCoupons table {
    width: 100%;
    border-top: 2px dashed #b5b5b5;
    border-right: 2px dashed #b5b5b5;
}
#divCoupons table td {
    border-bottom: 2px dashed #b5b5b5;
    border-left: 2px dashed #b5b5b5;
    width: 100%;
    padding: 0px 10px;
    background-image: url("./images/couponIndividual.gif");
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #ffffff;
    _display:block;
    _float:left;
    padding:3px 0px;
    min-height: 85px;
    height: 85px;
}
#divCoupons table td.columns2 {
    width: 50%;
}
#divCoupons table td.columns3 {
    width: 33.3%;
}
#divCoupons table td.columns4 {
    width: 25%;
}
#divCoupons .button {
    width: 425px;
    height: 23px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    background-color: #f03b42;
    color: #ffffff;
    overflow: hidden;
    font-weight: bold;
}
#divCoupons .button a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    height: 23px;
    width: 425px;
    line-height: 22px;
    vertical-align: middle;
}
#divCouponContainer {
    text-align:center;
}
#divCouponDiscount {
    color:Red;
    font-weight:bold;
    font-size:16px;
}
#divCouponText {
    font-size: 10px;
}

/* Bottom Information container */
#divBottomContainer {
    width:425px;
    margin: 15px 0px;
}
.listItemText {
    padding-left:2px;
}

/* News, Careers lists */
#divNewsEvents {
    width: 45%;
    float: left;
    padding-bottom: 15px;
    padding-right:4%;
}
#divCareers 
{
    width: 45%;
    float: left;
    padding-bottom: 15px;
    padding-right:4%;
}
#divNewsEvents ul, #divCareers ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#divNewsEvents li, #divCareers li {
    background-image: url("./images/listIcon.gif");
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding-left: 22px;
    padding-bottom: 14px;
}
.careerInfoLink a{
    color:#000000;
    text-decoration:none;
}
.careerInfoLink a:hover {
    color:#000000;
    text-decoration:underline;
}

/* Services, Special Services lists */
#divServices 
{
    /*width: 235px;*/
    width: 425px;
    float: left;
    padding-bottom: 15px;
    font-size: .75em;
}
#divServices td {
    padding: 2px 0px;
}
#divServices img {
    width: 28px !important;
    height: 28px !important;
}
/*#divSpecialServices 
{
    width: 425px;
    float: left;
    padding-bottom: 15px;
    margin-left: 10px;
    font-size: .75em;
}*/
.extra {
    width: 33%;
    display: inline-block;
    float: left;
    height: 140px;
    text-align: center;
    font-size: .75em;
    margin-top: 5px;
}
.extra .inside {
    padding: 5px;
}

/* Google Map */
#divGoogleMap {
    background-image: url("./images/mapBackground.gif");
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 3px;
}
#divMap {
    width: 205px;
    height: 220px;
    margin: 0px;
    left: 3px;
}
#divMap .terms-of-use-link, #divMap #logocontrol, #divMap div span {
    display: none !important;
}

/* Driving Directions Control */
#divDirectionsContainer {
    margin-top: 10px;
}
#divDirectionsContainer .button {
    background-image: url("./images/listIcon.gif");
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 0px 16px;
    margin-bottom: -1px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
#divDirectionsContainer .text {
    font-size: 11px;
    width: 155px;
    padding: 3px;
    color: #a3a3a3;
}

/* Store Hours */
#divHoursDisplay th {
    text-align: left;
}

/* Manager Info */
#divManagerInfo 
{
}
#divManagerImage {
    width:60px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
#divManagerName 
{
}
#divMemberSince 
{
}
#divManagerBio 
{
}

#screen {
    display: block;
    position: fixed;
    background-color: #000000;
    top: 0px;
    left: 0px;
    z-index: 1000;
    height: 100%;
    width: 100%;
    margin: auto;
}
#screen {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
  right: 0px;
  bottom: 0px;
}
body > div#screen {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#lightbox {
    width: 489px;
    position: absolute;
    z-index: 1001;
}
#lightbox .top {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("./images/lightboxTop.png");
    _background-image: url("./images/lightboxTop.gif");
    height: 97px;
}
#lightbox .inside {
    position: relative;
    width: 489px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url("./images/lightboxBot.png");
    _background-image: url("./images/lightboxBot.gif");
    padding-bottom: 20px;
}
#lightbox .content {
    position: relative;
    padding: 20px 25px 22px 25px;
    text-align: left;
}
#lightbox .image {
    width: 208px;
    float: right;
    margin-left: 10px;
}
#lightbox .image .top {
    height: 4px;
    overflow: hidden;
    background-image: url("./images/lightboxImgTop.png");
    _background-image: url("./images/lightboxImgTop.gif");
    background-repeat: no-repeat;
    background-position: center;
}
#lightbox .image .bot {
    background-image: url("./images/lightboxImgBot.png");
    _background-image: url("./images/lightboxImgBot.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px 4px 3px 4px;
}
#lightbox h3 {
    font-weight: normal;
    margin-bottom: 10px;
}

.divPopupContent {
    display: none;
}
#lightbox .close {
    display: block;
    width: 70px;
    height: 18px;
    overflow: hidden;
    background-image: url("./images/btnClose.gif");
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 1.5em;
}

/* Features */
#featuresContainer {
    width:817px; 
    min-height:70px;
    height:auto !important;
    height:70px;
    float:left; 
    text-align:center;
    background-image: url("./images/featuresBackground.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom:5px;
    position: relative;
    left: -50px;
}

#featuresTable {
     margin-left:auto; 
     margin-right:auto;
}

#featuresTable td {
    width:85px; 
    height:80px; 
    text-align:center;
}

/* Footer */
#footer {
    font-size: 0.88em;
    margin: 20px 0px;
    position: relative;
    top: 0px;
    width: 800px;   
}

#copyright {
     color: #666666;
     float: left;
}

#bottom-menu {
    float: right;
    margin: 0px 9px 0px 0px;
    position: relative;
}

#footer ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footer ul li {
    float: left;
    margin-right: 20px;
}

#footer ul li a {
    color: #CF1D13;
    /*font-size: 1em;*/
    text-decoration: none;
}

.lightbox {
    /*Dummy class for Google Analytics*/
}
li div.lightbox {
    text-decoration: underline;
}
.locator {
    /*Dummy class for Google Analytics*/
}
.coupon {
    /*Dummy class for Google Analytics*/
}
