/* 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: #5E709E;
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 {
color: #4d6da3;
}

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

img {
display: block;
border: 0;
}

.reg {
font-size: 12px;
}

ul {
margin: 0;
padding: 0;
}

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

p {
margin: 0;
padding: 0;
}

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

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

.clearfix {
display: inline-table;
}

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

.clearfix {
display: block;
}

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

#wrap {
margin: 0 auto 0 auto;
padding: 0;
width: 750px;
text-align: center;
background: #fff;
}

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

#nav {
margin: 0;
padding: 0;
display: block;
height: 31px;
width: 750px;
background-color: #7d5e14;
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: normal;
}

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

#rightcol ul {
width: 155px;
margin: 5px 0 20px 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

#rightcol ul li {
width: 175px;
margin: 0;
display: block;
padding: 0;
list-style-type: none;
}

div#rightcol ul li a, div#rightcol ul li a:visited  {
width: 155px;
margin: 0;
display: block;
padding: 0 0 0 20px;
list-style-type: none;
background: url(../images/li.gif) top left no-repeat;
color: #142f5d;
font-weight: normal;
list-style-position: outside;
}

div#rightcol ul li a:hover {
width: 155px;
margin: 0;
display: block;
padding: 0 0 0 20px;
list-style-type: none;
background: url(../images/li.gif) top left no-repeat;
color: #142f5d;
font-weight: normal;
background-color: #B5C1D9;
list-style-type: none;
list-style-position: outside;
}

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


#footer {
float: left;
display: inline;
margin: 70px 0 0 15px;
padding: 0;
text-align: left;
color: #a5a5a5;
}

.dark-blue {
color: #036;
}

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

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

/* -- [ 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: 570px;
margin: 0;
padding: 0;
}

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

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

.midcol {
margin: 0;
padding: 0;
width: 292px;
text-align: left;
}

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

#right-wrap {
float: left;
display: inline;
margin: 0 0 0 5px;
width: 175px;
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;
}

#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 30px 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 {
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-para {
float: left;
display: inline;
width: 530px;
margin: 13px 0 0 40px;
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;
border: solid 1px #000;
voice-family: "\"}\""; 
voice-family:inherit;
width: 228px;
}

#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;
}