/* Title: primary.css */
/* Description: Presentation declaration for the STAINMASTER Savvy Home Newsletter */
/* Last Updated 12/11/05 */

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background-color: #67999A;
text-align: center;
}

body a, body a:visited {
color: #ba944a;;
text-decoration: none;
font-weight: bold;
}

body a:hover {
color: #ba944a;;
text-decoration: none;
font-weight: bold;
}

h1 {
font-size: 12px;
margin: 0 0 2px 0;
padding: 0;
color: #142f5d;
}

h1.thin {
font-size: 12px;
font-weight: normal;
margin: 0 0 2px 0;
padding: 0;
}

.light-blue {
font-size: 14px;
color: #4d6da3;
}

.cranberry {
color: #933;
font-weight: bold;
}

.bold {
  font-weight: bold;
}

img {
display: block;
border: 0;
}

.reg {
color: #000000;
font-size: 12px;
font-weight: normal;
font-style: normal;
}

.regi {
color: #000000;
font-size: 12px;
font-weight: normal;
font-style: italic;
}

.footnote {
color: #666666;
font-size: 11px;
font-weight: normal;
font-style: normal;
}

.tmreg {FONT-SIZE: 9px; font-weight: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; vertical-align: top; }

ul {
margin: 0;
padding: 0;
}

ul li {
margin: 0 0 3px 0;
padding: 0;
text-align: left;
}

p {
margin: 0;
padding: 5 0 0 0;
}

/* #################### -- Clearfix -- #################### */
.clearer {
	clear: both;
	}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* #################### -- end Clearfix -- ##################### */

#wrap {
margin: 0 auto;
padding: 0;
width: 750px;
background: #fff;
}

#mast {
margin: 0;
padding: 0;
}

#nav {
margin: 0;
padding: 0;
display: block;
height: 31px;
width: 750px;
background-color: #2E5D69;
color: #fff;
font-size: 10px;
}

#nav ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li a, #nav ul li a:visited {
line-height: 24px;
display: block;
padding: 5px 20px 0 20px;
margin: 0 10px 0 0;
color: #fff;
font-weight: normal;
list-style: none;
}

#nav ul li a:hover {
line-height: 24px;
display: block;
margin: 0 10px 0 0;
padding: 0px 20px 0 20px;
border-top: solid 5px #fff;
color: #fff;
font-weight: normal;
list-style: none;
}

.rightcol-h1 {
margin: 0 0 0 12px;
font-weight: bold;
}

#rightcol {
margin: 30px 0 0 0;
padding: 0;
text-align: left;
vertical-align: top;
}

#rightcol ul {
width: 175px;
margin: 5px 0 20px 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#rightcol ul li {
width: 175px;
margin: 0;
display: block;
padding: 0;
list-style-type: none;
text-indent: -6px;
line-height: 1.8;
}

div#rightcol ul li a, div#rightcol ul li a:visited  {
width: 175px;
margin: 0;
display: block;
padding: 0;
list-style-type: none;
text-indent: 12px;
line-height: 1.8;
background: url(../images/li.gif) center left no-repeat;
color: #142f5d;
font-weight: normal;
list-style-position: outside;
}

div#rightcol ul li a:hover {
width: 175px;
margin: 0;
display: block;
padding: 0;
list-style-type: none;
text-indent: 12px;
line-height: 1.8;
background: url(../images/li.gif) center left no-repeat;
color: #142f5d;
font-weight: normal;
background-color: #D0CCA4;
list-style-type: none;
list-style-position: outside;
}

div#rightcol ul li.active {
color: #142f5d;
font-weight: normal;
background-color: #D0CCA4;
}

#footer {
float: left;
display: inline;
margin: 30px 0 0 15px;
padding: 0;
text-align: left;
color: #a5a5a5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#imgRight {
	padding: 15px 0 15px 15px;
}

#imgLeft {
	padding: 15px 15px 15px 0;
}

.dark-blue {
color: #142f5d;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.dark-blue-bold {
color: #142f5d;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
}

.teal-bold {
color:#5496A2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
}

.dark-blue a, .dark-blue a:visited {
width: 175px;
text-align: center;
color: #036;
}

.dark-blue a:hover {
width: 175px;
text-align: center;
color: #142f5d;
}

/* -- [ Home ] -- */

#essence {
float: left;
display: inline;
width: 750px;
margin: 0 0 20px 0;
padding: 0;
background: url(../images/essence-bg.gif) top left repeat-y; 
}

#left-wrap {
float: left;
display: inline;
width: 575px;
margin: 0;
padding: 0;
}

#home-leftcol {
float: left;
display: inline;
width: 272px;
margin: 0;
padding: 0;
}

#home-midcol {
float: left;
display: inline;
width: 297px;
margin: 0;
padding: 0;
}

.midcol {
margin: 0 0 0 3px;
padding: 0;
width: 297px;
text-align: center;
}

.midcol img {
display: block;
margin: 0;
padding: 0;
border: 0;
}

#right-wrap {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 170px;
color: #142f5d;
}

#home-banner-comment {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#home-comment-wrap {
float: right;
margin: 0;
padding: 0;
text-align: center;
}

.home-comment {
width: 175px;
display: block;
text-align: center;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#home-comment img {
display: block;
margin: 0 0 3px 0;
}

#home-banner {
float: left;
display: inline;
margin: 0 0 0 10px;
padding: 0;
text-align: left;
}

#home-banner img {
float: left;
display: inline;
margin: 0 10px 0 0;
}

.home-hr {
	align: center;
	width: 288px;
	color: #2F5D6C;
	margin: 5px 0 5px 0;
 }

.home-hr-bottom {
	align: center;
	width: 288px;
	color: #2F5D6C;
	margin: 7px 0 0 0;
 }

/* -- [ Inside Pages ] -- */

#essence {
float: left;
display: inline;
width: 750px;
margin: 0 0 20px 0;
padding: 0;
}

#essence table {
width: 750px;
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
background: url(../images/essence-bg.gif) top left repeat-y;
}

#essence table td {
margin: 0;
padding: 0;
}

#inside-left-col {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
width: 575px;
background: #fff;
}

#inside-left-col p {
margin: 0 0 15px 0;
}

#essence table td#inside-right-top {
margin: 0 0 20px 0;
padding: 0 0 0 0;
width: 175px;
}

#essence table td#inside-right-bot img {
padding: 20px 0 3px 0;
margin: 0;
background-color: #fff;
}

#inside-left-col-imgs {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#inside-left-col-imgs img {
float: left;
display: inline;
margin: 0 1px 0 0;
padding: 0;
}

#inside-header {
float: left;
display: inline;
width: 530px;
margin: 13px 0 0 40px;
padding: 0;
text-align: left;
}

#inside-para {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
display: inline;
width: 530px;
margin: 13px 15px 0 30px;
padding: 0;
text-align: left;
}

/* -- [ #inside-para layout: Specific layout for inside pages ] -- */


#inside-para table#q-n-a {
float: left;
display: inline;
width: 530px;
margin: 0 0 15px 0;
padding: 0;
border: 0;
border-collapse: collapse;
}

#inside-para table#q-n-a td {
margin: 0;
padding: 0;
}

#inside-para table#q-n-a td.q-a {
width: 50px;
margin: 0;
padding: 0 0 10px 0;
text-align: left;
vertical-align: text-top;
}

#inside-para table#q-n-a td.quest-ans {
margin: 0;
padding: 0 0 10px 0;
text-align: left;
vertical-align:text-top;
}

#inside-para ul {
margin: 0 0 15px 30px;
padding: 0;
}

#inside-para ul li {
margin: 0 0 10px 0;
padding: 0;
}

#inside-para ol {
margin: 0 0 15px 30px;
padding: 0;
}

#inside-para ol li {
margin: 0 0 10px 0;
padding: 0;
}

#inside-para div#sidebar {
float: right;
display: inline;
width: 250px;
margin: 5px 0 10px 20px;
padding: 10px;
background-color: #E8F2F1;
width: 228px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}

#inside-para div#sidebar ul {
margin: 5px 0 0 0;
padding: 0;
list-style-type: disc;
}

#inside-para div#sidebar ul li {
margin: 0 0 5px 33px;
padding: 0;
text-align: left;
list-style-type: disc;
}

#inside-para div#sidebar ol {
margin: 5px 0 0 0;
padding: 0;
}

#inside-para div#sidebar ol li {
margin: 0 0 5px 33px;
padding: 0;
text-align: left;
}