/* 
	Russell Cleaning Service
	
	Table of Content
	
	1. Resets
	2. Base Styling/Page Contraints: Page controls
	3. Header
	4. Content
	5. Footer
	6. Generic Classes
	
*/

/*mmmmm Resets mmmmm*/
@import url("reset.css");

/*mmmmm Base Styling/Page Contraints: Page controls mmmmm*/
body {
	background:#6A85A3 url(../images/background_body.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
a, a:link, a:visited {
	color:#0000aa;
	text-decoration:underline;
}
a:active, a:hover {
	color:#aa0000;
	text-decoration:underline;
}
#wrapper {
	margin:0 auto;
	width:900px;
}
#header {
	background:url(../images/background_header.jpg) no-repeat;
	height:178px;
	position:relative;
}
#content {
	background-color:#F0F0F0;
	min-height:592px;
}
#footer {
	color:#FFF;
	clear:both;
	padding:10px 0 0 0;
	position:relative;
}
#content #right-column #right-column-content h1 {
	margin:5px 0;
	color:black;
	font-weight: normal;
	font-size:22px;
	font-family:arial narrow;
}
/*mmmmm Header mmmmm*/
#header img {
	position:absolute;
}
#header img#logo {
	left:24px;
	top:11px;
}
#header img#contact-number {
	bottom:15px;
	right:18px;
	display:none;
}
#header img#spotlight {
	right:35px;
	top:20px;
	display:none;
}
#header #bestOf {
	position:absolute;
	right:0;
	top:0;
	width:500px;
	height:178px;
	text-indent:-9999px;
}
/* Main Navigation */
#header #main-navigation {
	position:absolute;
	bottom:0px;
	left:0;
	height:45px;
	width:582px;
	padding-left:20px;
	background:url(../images/background_navigation.png) no-repeat top right;
}
#header #main-navigation li {
	float:left;
	height:36px;
	margin-top:5px;
}
#header #main-navigation li a {
	color:#333333;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:16px;
	padding:10px 0;
	text-decoration:none;
}
#header #main-navigation li a:hover, #header #main-navigation li.selected a {
	background-color:#858585;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
	color:#FFF;
}
#header #main-navigation li a:hover span, #header #main-navigation li.selected a span {
	border-color:#FFF;
}
#header #main-navigation li a span {
	border-right:1px solid #333333;
	display:block;
	padding:0 7px;
}
#header #main-navigation li#contact a {width:77px;}
/*mmmmm Content mmmmm*/
#content #left-column {
	background-color:#FFF;
	border-right:1px solid #B2B2B2;
	float:left;
	height:576px;
	padding:8px 10px;
	width:226px;
	position:relative;
}
/* Left Navigation */
#content #left-column ul#left-navigation {
	margin:10px 0;
}
#content #left-column ul#left-navigation li {
	margin:0 0 0 10px;
}
#content #left-column ul#left-navigation li a {
	color:#005787;
	display:block;
	font-size:0.8em;
	font-weight:bold;
	padding:6px 0 6px 6px;
	text-decoration:none;
}
#content #left-column ul#left-navigation li a:hover, #content #left-column ul#left-navigation li.selected a {
	background-color:#EFEFEF;
}
#certificates {
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	border-spacing:10px;
	border-collapse:separate;
	position:absolute;
	bottom:64px;
	left:16px;
	width:224px;
}
#certificates tr {
	width:165px;
}
#certificates td {
	width:65px;
	text-align:center;
	vertical-align:middle;
}
#certificates td.grey {
	background-color:#d1d1d1;
}
#certificates td img {
	margin-bottom:0;
}
#content #left-column p#cards-accepted {
	position:absolute;
	bottom:15px;
	left:30px;
	height:40px;
	color:#808080;
	font-size:10px;
	background:url(../images/icons_cards_together.png) no-repeat bottom left;
}
#content #right-column {
	float:left;
	height:100%;
	width:653px;
}
#content #right-column #right-column-content {
	float:left;
	padding:0 10px 0 18px;
	width:361px;
}
#content #right-column h3 {
	margin:13px 0;
}
#content #right-column h3.statement {
	background:url(../images/background_heading_caption.png) no-repeat left center;
	height:21px;
	text-indent:-9999px;
}
#content #right-column h3.petproblems {
	background:url(../images/background_heading_petproblems.png) no-repeat center center;
	height:68px;
	text-indent:-9999px;
	margin-bottom:7px;
}

#content #right-column p {
	font-size:12px;
/*	font-weight:bold;*/
	font-weight:normal;
	line-height:1.25em;
	margin-bottom:15px;
}

#content #right-column ul {
margin:0 0 15px 0;
list-style:disc;
line-height:1em;}
#content #right-column li {
	margin-left:25px;
	font-size:12px;
}
/* Side Panel */
#content #right-column #side-panel {
	background:url(../images/background_right_panel.png) repeat-y;
	float:right;
	height:353px;
	padding:68px 9px 0 9px;
	position:relative;
	width:228px;
}
#content #right-column #side-panel #quoteFormOuterWrapper { position:relative; top:205px; left:-9px;}
#content #right-column #side-panel p {
	margin-left:2px;
}
#content #right-column #side-panel p a.button {
	background-color:#6A85A3;
	color:#FFFFFF;
	display:block;
	font-size:9px;
	letter-spacing:1px;
	padding:0 4px;
	text-decoration:none;
	width:75px;
	float:right;
	margin:4px 5px 0 0;
}
#content #right-column #side-panel #accent {
	left:13px;
	position:absolute;
	top:-33px;
}
#content #right-column #side-panel form {
	background:url(../images/background_form.png) no-repeat;
	height:119px;
	position:absolute;
	bottom:0;
	left:0;
	padding-top:20px;
	width:246px;
}
#content #right-column #side-panel h4 {
	background:url(../images/background_getquote.png) no-repeat left center;
	text-indent:-9999px;
	height:27px;
	position:absolute;
	bottom:139px;
	left:0;
	width:160px;
}
#content #right-column #side-panel form p {
	margin-left:10px;
	margin-bottom:8px;
	width:227px;
	display:block;
	float:left;
}
#content #right-column #side-panel form label {
	font-size:12px;
	float:left;
	width:65px;
	text-align:left;
}
#content #right-column #side-panel form input.textbox {
	border:1px solid #9F9F9F;
	height:15px;
	margin-left:10px;
	width:150px;
	float:right;
	font-size:10px;
}
#content #right-column #side-panel form input.submit {
	float:right;
	background-color:#c4a96a;
	border:1px solid #c4a96a;
	color:#FFF;
}
/*mmmmm Footer mmmmm*/
#footer ul#footer-navigation li {
	float:left;
	margin:3px 0 0 0;
}
#footer ul#footer-navigation li a {
	border-right:1px solid #FFF;
	color:#FFF;	
	display:block;
	font-size:12px;
	padding:0 7px;
	text-decoration:none;
}
#footer ul#footer-navigation li a:hover {
	text-decoration:underline;
}
#footer p#address {
	font-size:12px;
	float:right;
	line-height:1.3em;
	padding:0 5px;
	width:236px;
}
#footer p#ds {
	clear:both;
	display:block;
	font-size:12px;
	padding:0 7px;
	margin-top:0;
}
#footer p#ds a, #footer p#ds a:link, #footer p#ds a:visited {
	color:#8EA2B9;
	text-decoration:none;
}
#footer p#ds a:active, #footer p#ds a:hover {
	color:#e5e5e5;
	text-decoration:underline;
}
/*mmmmm Generic Classes mmmmm*/
.last {
	border-right:none !important;
}
img.align-center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:13px;
}
p.coupon a {
	background:url(../images/button_coupon.png) no-repeat center center;
	display:block;
	height:39px;
	text-indent:-9999px;
}


/*  form styles  */
#content #right-column #side-panel #quoteFormValidate {}
#content #right-column #side-panel #quoteFormValidate p {position:relative;}
#content #right-column #side-panel #quoteFormValidate label.error { color:red; background-color:#f3e6e6; padding:2px 6px; border:1px dashed #c72b2b; width:200px; text-align:right; position:absolute; right:151px; top:-1px; font-size:12px; font-weight:bold;}

/* end form styles */



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#content #right-column #side-panel form label {
		width:67px;
	}
	#content #right-column #side-panel form p {
		width:232px;
	}
}