﻿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.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:74px; left:864px; width:200px; height:50px; color:#959491; 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;
} 

.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;}
img.mar_L5 {margin: 2px 0 2px 5px;}
.mar_L2 {margin: 2px 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_loc_each {
line-height: 15px;
position:absolute; top:8px; left:842px;
text-align:right;
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;}