﻿html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../images/gradv.gif);
    background-repeat: repeat-x;
    background-color: #7e756c;
    text-align: center;
}

body {
    min-width: 1000px;
}

img {
    border: 0px;
}

h1 {
    color: #5B4630;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: normal;
}
h2 {
    margin-top: 15px;
    font-size: 14px;
    color: #5B4630;
}
h3 {
    color: #5B4630;
    font-size: 1.17em;
}
h3 a:link, a:visited, a:hover, a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5B4630;
}
H1.ver1 {
    color: #5b4630;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 0px;
}
H1.ver2 {
    color: #5b4630;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 25px;
}

#wraper {
    width: 1000px;
    height: auto; /*border-left: 1px solid #aca398; */ /*border-right: 1px solid #aca398;*/
    background-image: url(../images/bg.gif);
    background-repeat: repeat-y; /*background-color:#e0d6c1;*/ /*background-image: url(../images/wraper.gif);  /*background-repeat: repeat-y;*/ /*padding: 0px 5px;*/
    margin: 0 auto;
    font-size: 0.6em;
    text-align: left;
}

/*==========================HEADER=======================*/
#header {
    position: relative;
    z-index: 10;
    width: 1000px;
    height: 140px;
    margin: 0px;
    top: 0px;
    background-color: #f4f0e8;
}

#fca_logo {
    position: absolute;
    top: 7px;
    left: 15px;
}

#header_num {
    position: absolute;
    top: 18px;
    left: 690px;
    width: 300px;
    height: 50px;
    color: #959491;
    text-align: right;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

#header_phrase {
    color: #5b4630;
    font-size: 1.6em;
}

#searchbox {
    position: absolute;
    top: 65px;
    left: 400px;
}

input.search_img {
    position: relative;
    left: 4px;
    top: 0px;
    border: 0px;
}

input.search {
    border: double 1px #707070;
    color: #707070;
    font-family: Tahoma,sans-serif;
    font-size: 112.5%;
    font-style: normal;
    padding: 5px 5px;
    vertical-align: top;
    width: 260px;
    height: 14px; /*_height:25px;*/
}

#store_loc {
    line-height: 30px;
    position: absolute;
    top: 38px;
    left: 842px;
    text-align: right; /*position:absolute; top:38px; left:889px;*/ /*position:absolute; top:57px; left:888px;*/ /*line-height: 17px;*/ /*text-align:right;*/
}

a:link, visited, a:active {
    color: red;
    text-decoration: underline;
    font-size: 12px;
}

a:hover {
    color: yellow;
    text-decoration: underline;
    font-size: 12px;
}


.grayred_link a:link, .grayred_link a:visited, .grayred_link a:active {
    color: #958577;
    text-decoration: underline;
    font-size: 12px;
}

.grayred_link a:hover {
    color: #b83a32;
    text-decoration: underline;
    font-size: 12px;
}

/*==========================TOP NAVIGATION =======================*/

.menu {
    position: relative;
    top: 100px;
    float: left;
    display: inline;
    padding: 0px;
    height: 40px;
    width: 100%;
    background: url(../images/nav_top.gif) repeat-x top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    z-index: 1000;
}

.menu img {
    vertical-align: top;
}

.menu ul {
    padding-left: 190px;
    margin: 0px;
    border: 0px;
    list-style-type: none;
}

.menu ul li {
    float: left;
    position: relative;
    margin: 0;
}

.menu ul li table {
    font-size: 12px;
}

/*MAIN LEVEL MENU DEFINITIONS*/

.menu ul li ul {
    display: none;
    padding: 1px;
}

.menu ul li a {
    display: block;
    height: 27px;
    float: left;
    text-decoration: none;
    font-weight: bold;
    padding: 13px 20px 0 20px;
    color: #ab9e8d;
}

.menu ul li:hover a, .menu ul li a:hover {
    height: 27px;
    color: #fff;
    background: url(../images/nav_top.gif) 0 -40px no-repeat;
}

/*2ND LEVEL MENU DEFINITIONS*/

.menu ul li:hover ul, .menu ul li a:hover ul {
    display: block;
    padding: 0px;
    position: absolute;
    margin: 0;
    top: 40px;
    left: 0px;
    height: auto;
    color: black;
    border: 1px solid #cdc0a3;
    border-top: 1px solid #cdc0a3;
}

.menu ul li:hover ul.leftbutton, .menu ul li a:hover ul.leftbutton {
    left: 0px;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
    margin: 0;
    border-top: 1px solid #fff;
    padding: 3px 6px 3px 6px;
    height: auto;
    color: #372115;
    background: #f4f0e8;
    width: 13em;
    font-size: 11px;
    font-weight: bold;
}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {
    color: #372115;
    background: #e0d6c1;
    font-size: 11px;
    font-weight: bold;
}

/*==========================LEFT MENU=======================*/
#leftnav {
    clear: both;
    float: left;
    display: inline;
    width: 191px;
    background-color: #e0d6c1; /*#e0d6c1 */
    margin: 0;
    padding: 0px;
    height: 100%;
    padding: 10px 0px 30px 0px;
    font-family: Arial, Sans-Serif;
}

h3#text_title {
    position: relative;
    top: -5px;
    color: #352014;
    padding: 0px 5px 3px 10px;
    font-size: 1.4em;
}

#leftnav_menu {
    /*list-style-image: url(../images/arrow_b.gif); */
    position: relative;
    top: -20px;
    left: 0px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1.5em;
    padding-left: 10px;
}

ul#nav-landing {
    margin: 0;
    padding: 0 10px 0 0;
    list-style-type: none;
    font-weight: bold;
    font-size: 0.83em;
}

ul#nav-landing li.header2 {
    padding: 5px 0px 5px 0px;
    color: #755e50; /*border-bottom:1px solid #cdc0a3;*/
    border-top: 1px solid #cdc0a3;
}

ul#nav-landing li.header2_bottom {
    padding: 5px 0px 5px 0px;
    color: #755e50;
    border-top: 1px solid #cdc0a3;
    border-bottom: 1px solid #cdc0a3;
}

#leftnav_menu li a {
    color: #755e50;
    text-decoration: none;
}

#leftnav_menu li a:hover {
    color: #b83a32;
    text-decoration: none;
}

.stainmaster {
    padding: 51px 0 0 20px;
    line-height: 36px;
}

/*==========================CONTENT=======================*/

.content {
    float: left;
    display: inline;
    width: 809px;
    _width: 806px;
    padding: 0; /*background:#fff;*/
    background: url(../images/banner_bg.gif) 0px 360px repeat-y;
    overflow: hidden;
}

/*==========================FOOTER=======================*/

#footer {
    clear: both;
    background-color: #f4f0e8;
    border-top: 1px solid #e0d6c1;
    width: 1000px;
    height: 66px;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0px;
}

ul#footer_links {
    position: absolute;
    left: 0px;
    top: 14px;
    list-style-type: none;
    font-size: 11px;
}

ul#footer_links li {
    display: block;
    float: left;
    font-size: 11px;
}

ul#footer_links li a {
    display: block;
    float: left;
    color: #7e756c;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

ul#footer_links li a:hover {
    display: block;
    float: left;
    color: #b83a32;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

#footer_images {
    float: right;
    position: absolute;
    top: 0px;
    left: 460px;
    padding-right: 0px;
}

.copyright {
    clear: both;
    color: #7e756c;
    font-weight: bold;
    padding: 45px 0 0 40px;
    margin: 0px;
}

/* ====Below Footer - store locations ====*/
.footer2 {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0px;
    clear: both;
    background-color: #331f13;
    border-top: 1px solid #e0d6c1;
    border-bottom: 1px solid #59534c;
    width: 1000px;
    height: 17px;
    text-align: center;
}

/* ====Below Footer ====*/
.bel_footer {
    background-color: #7e756c;
    padding: 15px 10px;
    color: #332f2b;
}

.bel_footer a:link, .bel_footer a:visited, .bel_footer a:active {
    color: #332f2b;
    text-decoration: underline;
    font-size: 10px;
}
.bel_footer a:hover {
    color: #fff;
    font-size: 10px;
}

.footer_city a:link, .footer_city a:visited, .footer_city a:active {
    font-size: 9px;
    color: #fff;
    text-decoration: none;
}
.footer_city a:hover {
    font-size: 9px;
    color: #fff;
    text-decoration: underline;
}


/* ======== Reuse=======*/
.spacing1_h {
    padding: 0 5px;
    color: #7e756c;
}
.pos_t4 {
    padding-top: 4px;
}
.pad_l5 {
    padding-left: 5px;
}
.pad_l10 {
    padding-left: 10px;
}
.pad_l15 {
    padding-left: 15px;
}
.pad_tl5 {
    padding: 5px 0 0 5px;
}
.pad_t5 {
    padding-top: 45px;
}
.pad_l29 {
    padding-left: 29px;
}
.pad5r {
    margin: 0 5px 0 8px;
}
.mar_r15 {
    margin: 0px 10px 2px 10px;
}
.mar_r10 {
    margin: 7px 10px 0px 10px;
}
.mar_r15t5 {
    margin: 0 10px 2px 0;
}
.mar_l24t10 {
    margin: 0px 0 0 24px;
    height: 100%;
}
.mar_t5 {
    margin-top: 5px;
}
.ie-png2 {
    margin-top: 5px;
}
.mar_t20 {
    margin-top: 30px;
}
.mar_tl5 {
    margin: 5px 0 0 0px;
}
.mar_L5 {
    margin: 0px 0 2px 5px;
}
.mar_L4 {
    margin: 0px 0 2px 4px;
}
.mar_L3 {
    margin: 0px 0 2px 3px;
}
.mar_L2 {
    margin: 0px 0 2px 2px;
}
img.mar_L5-end {
    margin: 2px 0px 2px 5px;
}
.img_left {
    float: left;
    margin: 3px 15px 5px 0;
    border: #aea195 2px solid;
}
.img_left_noborder {
    float: left;
    margin: 3px 15px 5px 0;
}
.img_right {
    float: right;
    margin: 3px 0px 5px 15px;
    border: #aea195 2px solid;
}
.border2x {
    border: #aea195 2px solid;
}
.pos_tl {
    position: absolute;
    top: 109px;
    left: 855px;
}
.inline {
    display: inline;
    float: left;
}
.inline_padl10 {
    display: inline;
    float: left;
    padding-left: 10px;
}
.inline_t6 {
    display: inline;
    float: left;
    padding-top: 6px;
}
.inline_tl10 span {
    display: inline;
    float: left;
    padding: 10px 0 0 5px;
}
.font_b {
    color: #5b4630;
    font-size: 0.8em;
    font-weight: bold;
}
/* brown */
.font_bb {
    color: #5b4630;
    font-size: 0.7em;
}
.font_c {
    color: #5b4630;
    font-size: 1.1em;
    font-weight: bold;
}
.font_cc {
    color: #5b4630;
    font-size: 1em;
    font-weight: bold;
}
.font_d {
    font-size: 12px;
    font-weight: bold;
    font-family: arial, verdana;
    color: #161514;
}
/* dk brown */
.font_dd {
    font-size: 12px;
    font-family: arial, verdana;
    color: #161514;
}
.font_green {
    color: #4e6c3e;
    font-weight: bold;
    font-size: 0.85em;
}
.font_gray {
    color: #abaaaa;
    font-size: .9em;
    font-style: italic;
}
.font_underline {
    font-weight: bold;
    text-decoration: underline;
}
.par {
    color: #2d241f;
    padding: 4px 0 20px 0;
    font-size: 12px;
}
.par2 {
    color: #2d241f;
    padding: 4px 0 13px 0;
    font-size: 12px;
}
.par3 {
    color: #2d241f;
    padding: 4px 10px 20px 0;
    font-size: 12px;
}
.hr_line {
    color: #e0d6c1;
    height: 1px;
    margin: 7px 0;
}
.hr_line2 {
    color: #e0d6c1;
    height: 1px;
    margin-bottom: 13px;
}
.hr_line3 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #cdc0a3;
    border-top: none;
}
ol li {
    margin-bottom: 10px;
}
.align_right {
    text-align: right;
    margin: 5px 0;
}
.align_right2 {
    text-align: right;
    font-size: 10px;
}
.align_left {
    text-align: left;
    margin: 0px 0 -20px 0px;
}
.align_center {
    text-align: center;
}
.align_top {
    width: 100%;
    vertical-align: top;
}
acronym {
    border-bottom: 1px dotted #ccc;
    cursor: help;
}
.word_space {
    word-spacing: 35px;
    position: relative;
    top: 3px;
    color: #f4f0e8;
    font-size: 8px;
}

ul.list_img {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.list_img li {
    background-image: url(../images/arrow_r.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    margin-left: 15px;
}

/* ======== Each Store =======*/

.store_phone {
    position: absolute;
    top: 68px;
    left: 250px;
    width: 150px;
    height: 17px;
    color: #5f544b;
    font-size: 1.5em;
    font-family: Monaco, Curier, Verdana, Arial;
    font-weight: bold;
}

.store_hours {
    position: absolute;
    top: 15px;
    left: 227px;
    width: 150px;
    height: 17px;
    color: #5f544b;
    text-align: right;
    font-size: 1.2em;
    font-family: Monaco, Curier, Verdana, Arial;
    font-weight: bold;
    line-height: 15px;
}

.fca_store_hours {
    /*position:absolute;     top:20px;     left:-12px;*/
    color: #5f544b;
    text-align: right;
    font-size: 1.0em;
    font-family: Monaco, Curier, Verdana, Arial;
    font-weight: bold;
    line-height: 15px;
}

.store_loc_each {
    line-height: 15px;
    position: absolute;
    top: 8px;
    left: 750px;
    width: 240px;
    text-align: right;
    font-family: Monaco, Curier, Verdana, Arial; /*font-family: Arial, Helvetica, sans-serif;*/
    color: #5f544b;
    font-size: 1.2em;
}

.stainmaster_stores {
    padding: 40px 0 0 20px;
    line-height: 36px;
}

.footer_stores {
    position: relative;
    top: 3px;
    color: #f4f0e8;
    font-size: 9px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.text_title_content2 {
    color: #5b4630; /* brown */
    padding: 10px 0 0 24px;
    font-size: 1.5em;
}

.font2 {
    font-size: 0.7em;
}
.vcard .org {
    font-weight: bold;
}
.vcard .type, .store_loc_each .vcard .tel, .vcard .country-name {
    visibility: hidden;
    position: absolute;
}
.likealink {
    cursor: pointer;
    text-decoration: underline;
}

