body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px; 
background: url(../assets/bg.gif) #222222 repeat-x;
cssbehavior: url('/csshover.htc');
}

.coupon {
padding: 15px;
border: 3px dashed #f1f1f1;
text-align: left;
}

.footer-arrow {
width: 26px;
height: 26px;
display: block;
font-size: 10px;
text-decoration: none;
background:url(/assets/submit-btn.gif) 0px 0px no-repeat;
margin: 5px 0 0 10px;
}

.footer-arrow:hover {
background:url(/assets/submit-btn.gif) 0px -26px no-repeat;
width: 26px;
height: 26px;
display: block;
font-size: 10px;
text-decoration: none;
}

.coupontitle {
color: #005faa;
font-size: 18px;
padding: 15px;
background: #f1f1f1;
}

.couponoffer {
color: #005faa;
font-size: 18px;
}

.coupondetails {
font-size: 12px;
}

.xlarge {

font-size: 32px;
}

.bold {
font-weight: bold;
}

.highlightbox {
padding: 20px;
background: #f3f3f3;
}

.small {
font-size: 12px;
}

.caps {
text-transform: uppercase;
}

.red {
color: #ca0528;
}

a:link, a:visited, .blue, .blue a:link, .blue a:visited {
color: #005faa;
}

a:hover, .blue a:hover {
color: #005faa;
text-decoration: underline;
}

.yellow {
color: #dbaf00;
}

.medium {
font-size: 16px;
}

.articlewhole {
padding-bottom: 15px;
border-bottom: 1px solid #f3f3f3;
}

.articlevideo {
width: 100px;
height: 100px;
background: url('/images/uploads/videoicon.gif') no-repeat;
float: right;
}

.articledate {
float: right;
width: 100px;
background: #f3f3f3;
text-align: center;
font-size: 32px;
}

.articlebody {
float: left;
width: 565px;
}

.title {
font-size: 32px;
font-weight: normal;
text-transform: uppercase;
}

.pad {
padding: 20px;	
}

.clearboth {
clear: both;	
}

.half {
width: 49%;
}

.left {
float: left;
}

.right {
float: right;	
}

.title {

}

.blue {

}

.large {
font-size: 20px;	
}

.xlarge {
font-size: 24px;	
}

#all {

}

#wrapper {
width: 1000px;
margin: 0 auto;
background: #fff;
}

#column {
width: 270px;
float: right
}

#header {
height: 130px;
}

#logo {
width: 307px;
height: 129px;
float: left;
overflow: hidden;
}

#liveagent {
width: 221px;
height: 78px;
padding-top: 31px;
float: right;
}

#phone {
float: right;
width: 270px;
font-size: 33px;
margin-left: 25px;
margin-top: 29px;
}

#navigation {

}

#banner {
height: 234px;

overflow: hidden;
}

#banner #slider{
float: left;
height: 234px;
}

#mainactions {
width: 510px;
float: right;
height: 234px;
}

#mainactions ul {
margin: 0;
padding: 0;	
}

#mainactions ul li {
list-style: none;
float: left;	
}

#plumbing a {
display: block;
width: 170px;
height: 234px;
background: url(../assets/btn-plumbing.jpg) no-repeat top left;
}

#plumbing a:hover {
background-position: -170px 0;
}

#electric a {
display: block;
width: 170px;
height: 234px;
background: url(../assets/btn-electric.jpg) no-repeat top left;
}

#electric a:hover {
background-position: -170px 0;
}

#heatingcooling a {
display: block;
width: 170px;
height: 234px;
background: url(../assets/btn-heating.jpg) no-repeat top left;
}

#heatingcooling a:hover {
background-position: -170px 0;
}

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

#subactions ul {
margin: 0;
padding: 0;
}

#subactions ul li {
float: left;
list-style: none;	
}

#scheduleplumber a {
display: block;
width: 333px;
height: 78px;
background: url(../assets/action-plumber.gif) no-repeat;
}

#scheduleplumber a:hover {
background-position: 0 -78px;
}

#scheduleelectrician a {
display: block;
width: 333px;
height: 78px;
background: url(../assets/action-electrician.gif) no-repeat;
}

#scheduleelectrician a:hover {
background-position: 0 -78px;
}

#scheduleheatingcooling a {
display: block;
width: 334px;
height: 78px;
background: url(../assets/action-heating.gif) no-repeat;
}

#scheduleheatingcooling a:hover {
background-position: 0 -78px;
}

#subpage-actions {}

#subpage-actions ul {
margin: 0;
padding: 0;
}

#subpage-actions ul li {
float: left;
list-style: none;	
}

#subpage-scheduleplumber a, #subpage-scheduleelectrician a, #subpage-scheduleheatingcooling a {
display: block;
width: 270px;
height: 78px;
}

#subpage-scheduleplumber a { background: url(../assets/action-sub-plumber.gif) no-repeat; }
#subpage-scheduleplumber a:hover { background-position: 0 -78px; }

#subpage-scheduleelectrician a { background: url(../assets/action-sub-electrician.gif) no-repeat; }
#subpage-scheduleelectrician a:hover { background-position: 0 -78px; }

#subpage-scheduleheatingcooling a { background: url(../assets/action-sub-heating.gif) no-repeat; }
#subpage-scheduleheatingcooling a:hover { background-position: 0 -78px; }

#main {
line-height: 18px;
}

#submain {
line-height: 18px;
min-height: 300px;
_height: 300px;
}

.pagetitle {
padding: 20px;
font-size: 32px;
background: #f3f3f3;
}

.pagetitle a:link, .pagetitle a:visited {
color: #ca0528 !important;
}

#submain .content {
width: 710px;
float: left;
}

.btns {
margin: 12px 0 12px 0;
padding: 0;
border-bottom: 1px solid #d0d0d0;
}

.btns li {
list-style: none;
border-top: 1px solid #d0d0d0;
}

.btns li a {
display: block;
padding: 12px 0 12px 0;
text-decoration: none;
color: #000;
}

.btns li:hover {
background: #f1f1f1;
}

.btns li a {
display: block;
}

#footer {
background: url(../assets/footer-bg.gif) repeat-x;
color: #fff;
}

#footer .wrapper {
width: 1000px;
margin: 0 auto;
}

#footer .pad {
padding: 15px 0 15px 0;
}

.wrapper {
width: 1000px;
margin: 0 auto;	
}

/* ---------------------------------- */
/* NAVIGATION STYLES */
/* ---------------------------------- */

/* Horizontal Menu w/ 2 Tier dropdown */

#navigation {
height: 39px;
background: url(../assets/nav-bg.gif) repeat-x;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation a {
display: block;
margin: 0;
padding: 12px 15px;
text-align: center;
color: #fff;
text-decoration: none;
}

#navigation a:hover {
color: #fff;
}

#navigation li {
float: left;
position: static;
}

#navigation li:hover {
background: url(../assets/nav-bgb.gif) repeat-x #1e1e1e;
}

#navigation ul ul {
position: absolute;
z-index: 500;
}

#navigation ul ul li {
width: 170px;
clear: left;
background: url(../assets/nav-bg.gif) repeat-x #000;
}

#navigation ul ul li a {
text-align: left;
padding: 9px 15px;
}

#navigation ul ul ul {
position: absolute;
margin-top: -32px;
left: 100%;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}

li.whitearrow a {      
background: url('/assets/arrow-white.gif') no-repeat;
background-position: 157px 12px !important;
}

ul ul ul li a {      
background-image: none !important;
}

/* Horizontal Menu w/ 2 Tier dropdown */

#navigation {
height: 39px;
background: url(../assets/nav-bg.gif) repeat-x;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation a {
display: block;
margin: 0;
padding: 12px 15px;
text-align: center;
color: #fff;
text-decoration: none;
}

#navigation a:hover {
color: #fff;
}

#navigation li {
float: left;
position: static;
}

#navigation li:hover {
background: url(../assets/nav-bgb.gif) repeat-x #1e1e1e;
}

#navigation ul ul {
position: absolute;
z-index: 500;
}

#navigation ul ul li {
width: 170px;
clear: left;
background: url(../assets/nav-bg.gif) repeat-x #000;
}

#navigation ul ul li a {
text-align: left;
padding: 9px 15px;
}

#navigation ul ul ul {
position: absolute;
margin-top: -32px;
left: 100%;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}


