/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* ---- Font Replacement ---- */

@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('../fonts/CartoGothicStd-Book.eot');
    src: local('?'), url('../fonts/CartoGothicStd-Book.ttf') format('truetype'), url('../fonts/CartoGothicStd-Book.svg#webfont') format('svg');
}

@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('../fonts/CartoGothicStd-Italic.eot');
    src: local('?'), url('../fonts/CartoGothicStd-Italic.ttf') format('truetype'), url('../fonts/CartoGothicStd-Italic.svg#webfont') format('svg');
}

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('../fonts/CartoGothicStd-Bold.eot');
    src: local('?'), url('../fonts/CartoGothicStd-Bold.ttf') format('truetype'), url('../fonts/CartoGothicStd-Bold.svg#webfont') format('svg');
}

@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('../fonts/CartoGothicStd-BoldItalic.eot');
    src: local('?'), url('../fonts/CartoGothicStd-BoldItalic.ttf') format('truetype'), url('../fonts/CartoGothicStd-BoldItalic.svg#webfont') format('svg');
}


/* ---- Headers & Typography ---- */

h1 {
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    font-size: 26px;
    color: #002E5E;
    padding: 0 0 10px 0;
}

h2 {
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    letter-spacing: -.02em;
    font-size: 20px;
    color: #002E5E;
    padding-top: 10px;
}

.rr-promo h3, .rr-promo-map h3{
    font-family: 'CartoGothicStdBold', Helvetica, Verdana, Sans-Serif;
    letter-spacing: -.02em;
    font-size: 14px;
    padding-bottom: 5px;
    color: #6c5037;
}



.content-wrap p {
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    color: #00447E;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 5px 0 ;
}

.content-subpage-wrap p {
	font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
	color: #0068B4;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0 15px 0;

}

.content-subpage-wrap span {
    font-family: 'CartoGothicStdBold',Helvetica, Verdana, Sans-Serif;
    color: #0068B4;
    line-height: 0;
    font-size: 12px;
}

.footer-header {
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    color: #F28E00;
    font-size: 16px;
    line-height: 20px;
    color:#F28E00;
    letter-spacing: -.01em;
}

.footer-small-header {
    font-family: 'CartoGothicStdBook',Helvetica, Verdana, Sans-Serif;
    color: #00447E;
    font-size: 13px;
    line-height: 22px;
    color:#ffda92;
}

.free{
    color:#ffffff;
}

.number{
    font-family: 'CartoGothicStdBook',Helvetica, Verdana, Sans-Serif;
    color: #aa9177;
    font-size: 16px;
    line-height: 20px;
    color:#ab9177;
    letter-spacing: -.02em;
}

/* ---- Links ---- */

p a{
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    color: #002B6D;
    text-decoration: none;
}

p a:visited {
     color: #002B6D;
    text-decoration: none;
}

p a:hover {
    color: #486c5f;
    text-decoration: none;
    border-bottom: dotted 1px  #486c5f; 
}

.thumb-header a:hover {
    color: #8AAAD9;
    text-decoration: none;
    border-bottom: dotted 1px  #486c5f; 
}

.thumb-header a {
    font-family: 'CartoGothicStdBold', Helvetica, Verdana, Sans-Serif;
    letter-spacing: -.02em;
    font-size: 14px;
    color: #002B6D;
    text-decoration: none;
}

.thumb-header  {
    padding: 15px 0 0 0;
}


/* ---- Layout ---- */

#outer-wrapper {
    width: 100%;
    margin: auto;
    font-family: 'CartoGothicStdBold',Helvetica, Verdana, Sans-Serif;
    color: #00447E;
    font-size: 12px;
}

#header-wrapper{
    background-image: url(../images/header_bg.png); 
    width: 100%;
    height:74px;
    margin: auto;
    background-repeat:repeat-x;
    position: absolute;
    z-index:99;
}

#header-content{
    margin:auto;
    padding: 0;
    width:930px;
}

.logo{
    position:absolute;
    z-index:100;
}

#feature-wrapper {
    width:100%;
    margin:auto;
    background-color: #f7f9fa;
    padding-top: 50px;
}

/* -- HOMEPAGE IMAGE -- */

#feature-content {
    width: 930px;
    height:  346px;
    margin: auto;
    background:url(../images/feature-legs.jpg)no-repeat; /* Change image name to the left */
}

.feature-text{    
    margin: 85px 0 0 35px;    
}

.feature-text h2{    
    font-size: 30px;
    font-weight: bold;
    color: #677075;
    padding-bottom: 5px;    
    text-shadow: 1px 1px 1px #ffffff;
    text-transform:uppercase;
}

.feature-text .description{    
    font-size: 14px;
    color: #7C8A93;
}

.feature-text a{
    text-decoration: none;
}    

.feature-text .learn{    
    font-weight: bold;
    font-size: 14px;
    color: #58AAB5;
}

.feature-text p{    
    padding-top: 10px;
}







#content-wrapper {
    background:url(../images/content_top_border.gif);
    background-repeat:repeat-x;
    clear:both;
    width:100%;
}

#content-subpage-wrapper {
    background:url(../images/subpage-body-bg.jpg);
    background-repeat:repeat-x;
    width:100%;
}

#content {
    margin:auto;
    width:930px;
}

#content-subpage {
    margin:auto;
    padding: 90px 0 0;
    width:930px;
}

#main-content {
    background:url(../images/home-body-bg.jpg) no-repeat scroll center bottom ;
    width:930px;
    padding:30px 0 0;
    overflow: hidden;
    clear: both;
}

#horiz-divider{
    background:url(../images/subpage_horiz-divider.gif) repeat-x scroll right bottom ;
    width:875px;
    margin: auto;
}

.content-wrap {
     float: left;
     width: 470px;
     padding: 0 0 15px 30px;
}

.content-subpage-wrap {
     float: left;
     width: 570px;
     padding: 25px 0 15px 30px;
     min-height:450px;
}

.content-subpage-wrap img {
     padding: 0 0 15px 0;
}

.price-chart {
     padding: 20px 0 25px 0 !important;
}


.content-right-wrap {
     float: right;
     width: 370px;
     height:  281px;
     padding: 15px 0 5px 10px;
     background-image: url(../images/home-right-bg.jpg);
     background-repeat: no-repeat;
     background-position: left top;
}

.content-right-subpage-wrap {
     float:left;
     width: 270px;
     padding: 25px 0 5px 30px;
}

.rr-promo{
     float:left;
     width: 240px;
     margin-bottom:20px ;
     padding: 15px ;
     background-color: #fcf9ed;
     border: 1px solid #f4f0e9;
     overflow: hidden;
}

.rr-promo img{
     float:left;
     margin:0 ;
     padding: 4px 15px 50px 0;
}

.rr-promo img{
     float:left;
     margin:0 ;
     padding: 4px 15px 50px 0;
}

.rr-promo-map img{
     float:left;
     margin:0 ;
     padding: 0 0 15px 0;
}

.rr-promo p {
    line-height: 18px;

}

.rr-promo-map p{
    line-height: 18px;
    padding-bottom: 5px;
}


.rr-specials{
     float:left;
     width: 240px;
     margin-bottom:20px ;
     padding: 15px 15px 25px 15px ;
     background-color: #0068B4;
     border: 1px solid #9b8067;
     overflow: hidden;
}

.rr-specials h3{
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    letter-spacing: -.02em;
    font-size: 14px;
    padding-bottom: 12px;
    color: #ffffff;
}

.rr-specials span{
    color: #a78b71;
    letter-spacing: .03em;
    line-height: 20px;
}

.rr-specials p{
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif ;
    color: #866c53;
    padding: 2px 0 5px;
    line-height: 15px;
}

.rr-specials img{
    padding: 8px 0 13px;
}

.rr-promo-map{
     float:left;
     width: 240px;
     margin-bottom:20px ;
     padding: 15px ;
     background-color: #fcf9ed;
     border: 1px solid #f4f0e9;
     overflow: hidden;
}



#footer-outer-wrapper {
    width: 100%;
    margin: auto;
    height:326px;
    background-image: url(../images/footer_bg.gif);
    background-repeat:repeat-x;
    background-color: #fff;
}

#footer-wrapper{
    width: 930px;
    padding: 27px 0 15px;
    margin: auto;
    background-image: url(../images/footer_top_border.png);
    background-repeat: no-repeat;
}

.footer-content{
	margin: 0 6px;
	overflow: hidden;
	background-color: #002B6D;
	padding: 15px 0 20px;
	font-family: 'CartoGothicStdBook',Helvetica, Verdana, Sans-Serif;
	color: #F6AE4E;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #002B6D;
	border-bottom-color: #002B6D;
	border-left-color: #002B6D;
}

.footer-left{
    margin: 0;
    padding:20px 0 0 40px;    
    width: 240px;
    height: 145px;
    background-image: url(../images/footer-vert-divider.gif);
    background-repeat:repeat-y;
    background-position: right center;
    float:left;
}

.footer-left ul {
    list-style-type: none;
    padding: 5px 0 20px 0;
}

.footer-left li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer-center{
    margin: 0;
    padding:20px 0 0 35px;    
    width: 265px;
    height: 145px;
    background-image: url(../images/footer-vert-divider.gif);
    background-repeat:repeat-y;
    background-position: right center;
    float:left;
}

.footer-center ul {
      width: 280px;
      margin: 0;
      padding:5px 0 0 0;
      list-style: none;
}

.footer-center li {
      float: left;
      width: 140px;
      margin: 0;
      padding: 0;
      line-height: 20px;
} 

.footer-center a:visited {
     color: #F6AE4E;
    text-decoration: none;
}

.footer-center a:hover {
    color: #ffffff;
    text-decoration: none;
}

.footer-center a {
     color: #F6AE4E;
    text-decoration: none;
}

.footer-right{
    margin: 0;
    padding:0;    
    width: 285px;
    height: 145px;
    float:left;
}

.copyright {
    font-family: Helvetica, Verdana, Sans-Serif;
    letter-spacing: 0;
    margin:0 auto;
    padding: 0;
    color: #ffffff;
    font-size: 10px;
    width: 916px;
}

.copyright p{
    float:left;
}

.login {
    font-family: Helvetica, Verdana, Sans-Serif;
    letter-spacing: 0;
    margin:0 auto;
    padding: 0;
    color: #ffffff;
    font-size: 10px;
    float:right;
}

#bbb {
    float:left;
    padding-right: 15px;
}

.login a {
    font-family: Helvetica, Verdana, Sans-Serif;
    letter-spacing: 0;
    margin:0 auto;
    padding: 0;
    color: #FFED00;
    font-size: 10px;
    text-decoration: none;
}

.login a:visited {
     color: #FFED00;
    text-decoration: none;
}

.login a:hover {
    color: #ffffff;
    text-decoration: none;
}

.login a {
     color: #FFED00;
    text-decoration: none;
}

.login img {
    padding-right:5px;
    text-decoration: none;
    vertical-align:text-bottom;
}



/* ---- FOOTER BUTTONS ---- */


.metro-button {
    position: relative;
    font-family: 'CartoGothicStdBook',Helvetica, Verdana, Sans-Serif;
    background:  url(../images/metro_bttn_hover.jpg);
    white-space: nowrap;
    display: block;
    width: 248px;
    height: 46px;
    margin: 25px 0 10px 45px;
    padding: 0px;
}

.metro-button a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    width: 248px;
    height: 46px;
    float: left;
    text-decoration: none;
}

.metro-button img {width: 248px; height: 46px; border: 0; }
* html a:hover {visibility:visible}

.metro-button a:hover img{visibility:hidden}

.metro-button span{
    position: absolute;
    left: 52px;
    top: 7px;
    cursor: pointer;
    color: #e0dad4;
}

.metro-button p{
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    color: #aa9177;
}


.fb-button {
    position: relative;
    font-family: 'CartoGothicStdBook',Helvetica, Verdana, Sans-Serif;
    background:  url(../images/facebook_bttn_hover.jpg);
    white-space: nowrap;
    display: block;
    width: 248px;
    height: 46px;
    margin: 0 0 10px 45px;
    padding: 0px;
}

.fb-button a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    width: 248px;
    height: 46px;
    float: left;
    text-decoration: none;
}

.fb-button img {width: 248px; height: 46px; border: 0; }
* html a:hover {visibility:visible}

.fb-button a:hover img{visibility:hidden }

.fb-button span{
    position: absolute;
    left: 52px;
    top: 7px;
    cursor: pointer;
    color: #e0dad4;
}

.fb-button p{
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    color: #aa9177;
}














/* ---- Main Nav ---- */

.nav-wrap { 
    float:right; 
    margin: 23px 0 0 0;
}

#navlist li{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    font-family: 'CartoGothicStdBook', Helvetica, Verdana, Sans-Serif;
    text-transform: Uppercase;
    color: #7eab9c;
}

#navlist a{
    font-family: 'CartoGothicStdBold', Helvetica, Verdana, Sans-Serif;
    text-transform: Uppercase;
    font-size: 12px;
    color: #6c5037;
    text-decoration: none;
}

#navlist a:visited {
     color: #6c5037;
    text-decoration: none;
}

#navlist a:hover {
    color: #002B6D;
}

#navlist #active {
    color: #002B6D;
}


/*-----Home Main Content Right------*/

.cr-thumb-wrap {
    float:left;
    padding-left:15px;
}

.cr-thumb-wrap li {
    float: left;
    width: 350px;
    padding: 0 15px 15px 5px;
    list-style-type: none;
}

.cr-thumb-wrap img {
    float: left;
    padding: 2px;
    border: 1px dotted #cbdad4;
    margin: 0 12px 0 0;
}

/*--Start Slideshow Styles--*/
.main_view {
    float: left;
    position: relative;
}
/*--Window/Masking Styles--*/
.window {
    height:346px;    width: 930px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
}
.image_reel {
    position: absolute;
    top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
    position: absolute;
    bottom: 40px; right: 55px;
    width: 90px; height:28px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 28px;
    background-color: #503b29;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
    padding: 2px 5px;
    text-decoration: none;
    color: #d0b9a2;
    background: #7e644b;
    border: 1px solid #7e644b;
}

.paging a.active {
    font-weight: bold;
    color: #fff;
    background: #84988a;
    border: 1px solid #9caa97;
}

.paging a:hover {
    color: #fff;
    background: #a68a70;
    border: 1px solid #a68a70;
}

/* --- FORMS --- */

.form{
    padding: 20px;
    background-color:#FCF9ED;
    border:1px solid #F4F0E9;
    /* height: 500px; */
}

.form p{
    padding: 0 5px 0 0;
    float: left;
}


.form-header{
    font-family: 'CartoGothicStdBold', Helvetica, Verdana, Sans-Serif !important;
    letter-spacing: -.02em;
    font-size: 16px;
}

.star {
    color: #7b9e93 !important;
}


input {
     background-color: #FFFFFF;
     border: 1px solid #e8dfd5;
     margin: 0 15px 15px 0;
     font-size: 14px;
     color: #726C59;
     padding: 3px;
     float: left;
     width: 150px;
}

.zipcode, .city {
     background-color: #FFFFFF;
     border: 1px solid #e8dfd5;
     margin: 0 15px 15px 0;
     font-size: 14px;
     color: #726C59;
     padding: 3px;
     float: left;
     width: 125px;
}

.form-header-zip{
    margin-left: 10px;
}

.header-dark{
    color: #675544 !important;
    font-weight: bolder;
    float: left;
    width: 480px;
    margin: 10px 0 5px 0;
}

.message{
    color: #675544 !important;
    font-weight: bolder;
    float: left;

    margin: 5px 0 0 0;
    font-size: 11px !important;
}

.header-telephone{
    width: 380px;
    margin-bottom: 10px;
}

.option{
    margin-right: 80px;
    
}

.state {    
    width: 60px;
}

.checkbox{
    width: 15px;
    padding: 0;
    margin: 4px 5px 0 0;
    float: left;
}

.checkbox-right{
    width: 15px;
    padding: 0;
    margin: 4px 5px 0 25px;
    float: left;
}

textarea {
     background-color: #FFFFFF;
     border: 1px solid #e8dfd5;
     height: 105px;
     margin-bottom: 15px;
     font-size: 14px;
     color: #726C59;
     padding-left: 5px;
     padding: 5px;
     float: left;
     margin-right: 250px;
}

select {
     background-color: #FFFFFF;
     border: 1px solid #e8dfd5;
     margin-bottom: 15px;
     font-size: 14px;
     padding: 2px;
     color: #726C59;
 }
 

#submit {
     color: #fff;
     width: 67px;
     height: 25px;
     border: none;
     background: #8cb2a5 url(../images/submit_bttn.jpg) 0 0 no-repeat;
     cursor: pointer;
}

/* --- PRICE TABLE --- */

#mytable {
    width: 550px;
    padding: 0;
    margin: 0;
}

caption {
    padding: 0 0 5px 0;
    width: 700px;     
    font: italic 11px Arial, Helvetica, sans-serif;
    text-align: right;
}

th {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align:center;
    padding: 6px 6px 6px 12px;
    background:#8eb2a6;
    <!--background: #CAE8EA url(../images/special.jpg) no-repeat;-->
}


th.nobg {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #DAC1AD;
    color: #0068B4;
    background:none;
}

td {
	padding: 6px 6px 6px 12px;
	color: #0068B4;
	text-align:center;
	background-color: #fff;
	background-position: center center;
	vertical-align: middle;
}


td.alt {
    background: #FBF8F3;
    color:#9F806D;
    text-align:center;
}


td.price{
	color: #95b3a7;
	border-right: 1px solid #e6ecea;
	border-left: 1px solid #e6ecea;
	border-bottom: 1px solid #e6ecea;
	background-color: #82B8DF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}


td.parts{
	color: #95b3a7;
	border-right: 1px solid #e6ecea;
	border-left: 1px solid #e6ecea;
	border-bottom: 1px solid #e6ecea;
	background-color: #DCE3ED;
}


td.special{
	color: #95b3a7;
	border-right: 1px solid #e6ecea;
	border-left: 1px solid #e6ecea;
	border-bottom: 1px solid #e6ecea;
	background-color: #AFD9ED;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

th.spec {
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 10px Arial, Helvetica, sans-serif;
}

th.specalt {
    border-top: 0;
    background: #FBF8F3 url(images/bullet2.gif) no-repeat;
    font: bold 10px Arial, Helvetica, sans-serif;
    color: #797268;
}

/* --- CALENDAR STYLES --- */

#calendarDiv {
    display: block;
    display: none;
    position: relative;
    border: 1px solid #9F9985;
}
#calendarDiv a {
    cursor: pointer;
}
#calendar {
    background: #efead6;
    clear: both;
    text-align: center;
    font-size: 105%;
}
#calendar, #linksTable {
    width: 250px;
}
#calendar .calendarHeader {
    background: #8DB3A6;
    border-bottom: 1px solid #8DB3A6;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
#calendar .weekDaysTitleRow {
    background: #c7c1ad;
    color: #726C59;
    font-weight: bold;
    font-size: 11px;
}
#calendar .weekDaysRow {
    background: #fdfbf4;
    color: #666;
}
#calendar .weekDaysCell {
    color: #78715b;
    border: 1px solid #faf7ea;
}
#calendar .weekDaysCellOver {
    background: #fff;
    border: 1px solid #91ab00;
}
#closeCalender {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 1px;
    display: block;
    padding: 0 5px ;
    cursor: pointer;
    font-size: 11px;
    background: #ff004e;
    font-weight: bold;
    color: #fff;
    border: 1px solid #da053c;
}
#closeCalender:hover {
    background: #DF0048;
    color: #fff;
}
#linksTable {
    background: #484641;
}
#linksTable a {
    display: block;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 80%;
    padding: 2px 5px;
}
#linksTable a:hover {
    background: #62605a;
    color: #fff;
}
#prevMonth {
    float: left;
    background-color: #675544;
}
#nextMonth {
    float: right;
    background-color: #675544;
}
#today {
    background: #e4dfcf;
    border: 1px solid #91ab00;
}
#brown-box .white {
	color: #FFF !important;
}