/* @override http://www.cleaningwoodfloors.com/assets/styles/site.css */

/* 
cleaningwoodfloors.com - CSS by Jason Reed
jason@jasonreedwebdesign.com
http://www.jasonreedwebdesign.com
*/

/* @group Colors */

/* Background	-	555440 */
/* Red			-	800000 */
/* Orange		-	de9445 */
/* Text			-	333333 */
/* Footer		-	a8a8a8 */
/* Border		-	e7e7e7 */
/* Img Border	-	e2d7bb */

/* @end */

/* @group CSS Reset */
/* table, tbody, tfoot, thead, tr, th, td, */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* @end */

/* @group Globals */

body {
	background: #555440;
	font: 62.5%/1.5 Helvetica, Verdana, Arial, sans-serif;
	color: #333;
}

li, dt, dd, td {font-size: 1.2em; }
li *, dt *, dd *, td * {font-size: 1em !important; line-height: 1.3em !important; }
ul, ol, dl {margin-bottom: 1.8em; }
p {font-size: 1.4em; line-height: 1.3em; margin-bottom: 3em; }
td p {font-size: 1.2em !important; margin-bottom: 2em; }

a {text-decoration: none; color: #de9445; }
a:hover {text-decoration: underline; }

strong {font-weight: bold; }
em {font-style: italic; }
.underline {text-decoration: underline; }

img.left {margin: 0 1em 1em 0; }
img.right {margin: 0 0 1em 1em; }

/* @end */


/* @group Layout */

#container {
	margin: 0 auto;
	width: 966px;
	margin-top: 12px;
	background: url(../images/bg_content.gif) repeat-y left;
}

#header {
	width: 944px;
	background: url(../images/bg_header.gif) no-repeat left top;
	padding: 11px 11px 0;
	margin: 0;
}

#content {
	clear: both;
}

#contentPrimary {
	float: left;
	width: 490px;
}

#left, .left {float: left; }
#right, .right {float: right; }

#left.sidebar {
	display: inline;
	width: 195px;
	padding: 0 0 18px;
	margin: 0 26px 2px 11px;
	background: url(../images/bg_sidebar-bottom.gif) no-repeat left bottom;
}

#left.sidebar .wrap {
	padding: 18px 18px 0;
	background: url(../images/bg_sidebar-top.gif) no-repeat left top;
}

#right.sidebar {
	width: 206px;
	padding: 80px 11px 0 0;
}

.twoCol #contentPrimary {
	width: 720px;
}

.twoCol #right.sidebar {
	display: none;
}

.clear {
	width: 100%;
	clear: both;
}

/* @end */

/* @group Headings */

h1, h2, h3, h4, h5, h6, .ProductNameColorLARGE, .productnamecolorSMALL, #help .productnamecolorLARGE {
	font-family: "Georgia", Times, serif;
	font-weight: normal;
}

h1 a {
	float: left;
	display: block;
	width: 194px;
	height: 123px;
	text-indent: -999em;
	background: url(../images/bg_h1.gif) no-repeat left top;	
	outline: none;
	-moz-outline: 0;
}

h2, .ProductNameColorLARGE {
	font-size: 2.4em !important;
	line-height: 1.2em !important;
	margin-bottom: 1em !important;
}

.ProductNameColorLARGE {
	display: block;
	margin-bottom: .4em !important;
}

td h2 {
	margin-top: .5em;
}

#header h3 {
	float: right;
	display: block;
	width: 725px;
	height: 123px;
	background: url(../images/bg_header-image.jpg) no-repeat left top;
	text-indent: -999em;
	margin: 0 0 10px;
}

#left.sidebar h3 {
	font-size: 1.6em;
	color: #333;
	margin: 0 0 .7em 0;
}

#contentPrimary h3,
.productnamecolorSMALL {
	clear: both;
	font-size: 1.8em !important;
	color: #800000;
	width: 490px !important;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background: #FFFAEE !important;
	padding: .3em 0;
	margin: 0 0 .8em;
}

.twoCol #contentPrimary h3,
.twoCol .productnamecolorSMALL {
	width: 720px !important;	
}

#help h2 {
	margin-bottom: 0 !important;
}

#help .productnamecolorLARGE {
	display: block;
	font-size: 1.4em !important;
	margin: .8em 0 -.6em;
}

#help #contentPrimary h3 {
	display: inline;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.1em !important;
	border: none;
	background: none !important;
	width: auto;
	color: #de9445;
	text-align: left;
}

#contentPrimary h4 {
	font-size: 1.6em !important;
	margin: 0 0 .4em;
}

#contentPrimary p+h3, 
#contentPrimary p+h4 {
	margin-top: 1em;
}

/* @end */

/* @group Nav/UI */

/* @group navUtility */

#navUtility {
	clear: both;
	float: right;
	margin: 0;
	padding-right: 3px;
}

#navUtility li {
	float: left;
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	border-left: 1px solid #e7e7e7;	
}

#navUtility li.first {
	margin: 0;
	padding: 0;
	border: none;
}

#navUtility li a {
	color: #333;
}

/* @end */

/* @group Lefthand Nav */

#left.sidebar ul li {
	margin: 0 0 .4em;
}

#left.sidebar ul li a {
	font-weight: bold;
	background: url(../images/arrow_orange.gif) no-repeat left center;
	padding: 0 0 0 6px;
	margin: 0;
}

/* @end */

/* @group Sidebar Links */

#sidebar-links li {
	margin-bottom: 20px;
}

#sidebar-links a {
	display: block;
	width: 206px;
	height: 155px;	
	text-indent: -999em;
	outline: none;
	-moz-outline: 0;
}

#navCleaningFloors {
	background: url(../images/link_cleaning-your-floors.jpg) no-repeat left top;
}

#navTroubleshooting {
	background: url(../images/link_troubleshooting-problems.jpg) no-repeat left top;
}

#navFAQ {
	background: url(../images/link_FAQ.jpg) no-repeat left top;
}

#navPrecautions {
	background: url(../images/link_precautions.jpg) no-repeat left top;
}

/* @end */

/* @end */

/* @group Content */

#badges {
	margin-top: 30px;
	text-align: center;
}

.productnamecolor {
	display: block;
	font-size: 1.3em !important;
	font-family: "Georgia", Times, serif;
}

.pricecolor {
	color: #800000;
}

#productDetails td, #productDetails table, #productDetails tr {
	border: none !important;
	background: none !important;
}

#productDetails td img {
	display: none;
}

#productDetails td a img {
	display: inline;
}

#productDetails #contentPrimary input {
	margin-left: 30px;
}

#productDetails #contentPrimary {
	font-size: 1.2em;
}

#productDetails #contentPrimary * {
	font-size: 1em;
}

.productnamecolorSMALL {
	display: block !important;
	margin-top: 30px;
}

#product_photo {
	border: 2px solid #e2d7bb;
	margin: 0 10px 10px 0;
}

#help td {
	line-height: 2em;
	text-align: left !important;
}

.productnamecolorSMALL b {
	font-weight: normal !important;
}

#login #contentPrimary input {
	margin: 5px 0 0 5px;
}

#shoppingCart .bgcolor1 {
	display: block;
	width: 100% !important;
	font-weight: bold;	
	border-bottom: 1px solid #e7e7e7;
	padding: .6em 0;
}

#shoppingCart td, #shoppingCart table, #shoppingCart tr {
	background: none !important;
	background-image: none !important;
	border: none !important;
}

#shoppingCart form[name="Proceed_To_Checkout_Form"] {
	border-top: 1px solid #e7e7e7;
	margin-top: 20px;
	padding-top: 20px;
}

#shoppingCart td img {
	display: none;
}

#shoppingCart td a img, #shoppingCart form[name="Proceed_To_Checkout_Form"] img {
	display: inline;
}


#shoppingCart td[bgcolor="eee4c7"] td {
	padding: 0 3px 6px;
}

#shoppingCart [colspan="5"] font {
	display: block;
	margin-top: 20px;
}

#help br {
	height: 1px !important;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	background: url(../images/bg_footer.gif) no-repeat left top #555440;
	padding: 15px 11px 0 0;
}

#footer p {
	float: right;
	color: #a8a8a8;
	font-size: 1.1em;
}

#footer a {
	color: #a8a8a8;
}

/* @end */

/* @group Clearfix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* @end */



