/* 
    Document   : styles
    Created on : Apr 24, 2010, 1:28:03 PM
    Author     : michaelupdegraff
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
Body Width 925 px
*/

body {
	background: #000;
	font: normal 12px/100% Verdana, Arial, sans-serif;
	color: #000;
	margin: 15px;
        margin-top:0;
	text-align: center; /* For IE */
	}
body.fb {
	background: #fff;
}
img {border:0;}
#container {
	position: relative;
	width: 925px !important;
	width /**/: 925px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	}
div.header {
position:relative;
    width: 925px;
	height: 130px;
	background: #000 url(../images/header-bg.png) no-repeat top;
	}
.header img.logo {
        margin:0px;
        margin-left:15px;
        margin-top:15px;
        margin-right:15px;
        float:left;
}

ul.services {
    list-style-type: none;
    margin:0;
    padding:0;
    margin-top:15px;

    color:#f5ee31;
}
ul.services li {
    font-weight:normal;
   padding:3px;
    font-size:15px

}

div.topNav {
    position: relative;
    width:550px;
    float:right;
    text-align:center;
    color:#f5ee31;

    margin:0;
    padding:0;
    margin-top:-100px;

}
.topNav ul {
    position:relative;
    list-style-type: none;
    margin:0;
    padding:0;
    

}
.topNav ul li {
   display:inline;
   margin:0;
   padding:0;
   font-size: 24px;
   margin-left:4px;
   margin-right:4px;
   

}
.topNav ul li a {color:#f5ee31;}

/*  background:url(../images/hangers.png) center no-repeat; */

.topNav p { font-size:18px;line-height:160%;}

.topNav p span {font-size:24px;}



.delivery { position:relative; height:225px; background:#fff url(../images/delivery-bg.png) top no-repeat; }

.van {position:relative; top:25px; left:30px; float:left;}

form { 
    margin-top:15px;
    margin-left:65px;
    float:left; 
    width:215px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #f5ee31;
    padding: 10px; }

form h3, .weeklyCoupon h3 {font-size: 14px; margin:0;margin:5px;color:#333333;padding:0;padding-bottom:5px;}



form p label { width:10%; float:left;}

form p input, form p select { float:right;}

form p { line-height:25px;clear: both;margin:0;margin-top:6px;}

form.scheduleMe h3 {margin:0; padding:0;}

input.delsub { margin:5px 0 5px 5px}

.weeklyCoupon {
    float:right;
    margin-top:15px;
    margin-right:65px;
    width:205px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #f5ee31;
    padding:10px;
    text-align:center;
    color:#333333;
    height:158px;
}

.savings {
    font-weight:bold;
    font-size: 36px;
    color:#5b822b;
    margin:4px;
    padding:4px;

}

.title {
    font-weight: bold;
    margin:4px;
    padding:4px;


}

div.bc { padding:5px;font:bold 14px/120% Arial; color:#5b822b;}
div.bc a{font:bold 14px/120% Arial; color:#5b822b;}

.textme {
    margin:4px;
    padding:4px;
    text-align:left;
    width:175px;
}

.textme a { color:#333333;}

div.img {
    position:relative;
    top:0px;
    left:100px;
    width:65px;
    height:65px;

}


div.internalWrap {position:relative; background: #fff; min-height:500px}

div.fl {position:relative; float:left;}
div.fr {position:relative; float:right;}

div.detergent {
    position:relative;
    width:30%;
    float:left;
    padding-left:20px;
    margin-top:10px;


}

div.detergent h4 {

    margin:0;
    padding:0;
    padding:7px;
    color:#fff;
    font-size: 18px;
    background:#5b822b}

div.detergent p {
    clear:both;
}
div.detergent a {
    float:right;
    color:#5b822b;
    font-size: 10px;

}

div.detergent p img.fl{
    margin:3px;
}

div.welcome {
   position:relative;
    width:60%;
    float:right;
    margin-top:10px;

}

div.welcome h1 {color:#333333; margin:0; padding:0; padding:7px;}

div.welcome h1 span {color:#5b822b;}

div.welcome img {float:left; margin-right:15px;margin-top:15px;}

div.welcome p  {font-size:14px; line-height:140%}

div.welcome p span {font-weight:bold; color:#333333;}

.footer { position:relative; width:100%; background-color:#000; color:#f5ee31;padding:15px; padding-left:0}
.footer ul { list-style-type: none; margin:0; padding:0;}
.footer ul li {display:inline; padding-right:3px; border-right:1px solid #f5ee31;}
.footer ul li a {color:#f5ee31;}
.footer ul li.last {border:none;}
.footer div.fl {width:590px;}

div.serviceTitle{
    
    margin:0;
    padding:0;
    height:50px;
    background-color:#709f31;

}

.serviceTitle h1 {

    margin:0;
    padding:0;
    padding:15px;
    color:#fff;

}

div.clearer {clear:both; height:1%;}

div.service {margin:75px;}

div.service img { border:1px solid #5b822b; float:left; margin-right:15px;}

div.txt_services h1,
div.txt_services h2,
div.txt_services h3,
div.txt_services h4,
div.txt_services h5,
div.txt_services h6 {

    font:bold 18px/100% Verdana;
    color:#5b822b;

}

.txt_services p {

    line-height:120%;
    color:#333333;

}

.image {float:left; width:175px; margin:50px;}

.image img {margin:25px;}

.about {float:right; width:550px; margin:50px;}

.about p {line-height:120%;}

.hours {margin:25px;}

div.short {height:350px}

#map_contact {margin:50px; float:left;}

div.coupons { margin:50px;}

div.coupons img { margin:20px;}

form#couponForm { width:325px;}

form#couponForm p label {width:30%; float:left;}

form#couponForm p input {float:right;}

form#couponForm p {clear:both;}

div.testimonials {
    position:relative;
    width:90%;

    padding-left:20px;
    margin-top:10px;


}

div.testimonials h4 {

    margin:0;
    padding:0;
    padding:7px;
    color:#fff;
    font-size: 18px;
    background:#5b822b url(../images/yelp.png) right no-repeat;
}

div.testimonials p {
  
}

div.testimonials p img.fl{
    margin:3px;
}

form.deliveryForm { margin-left:15px; margin-right:25px;}

p.del {font-size:large; padding:25px;margin-top:0; line-height: 150%;}

.page {height:200px;}

.laundryDetergent { background:#fff url('../images/detergent-bg.jpg') no-repeat;}

.h25 { height: 65px;}

.laundryDetergent h1 {
    position:relative;
    top:35px;
    left:515px;
	width:450px;
	font-size: 55px;
	line-height: 130%;
	color:#fff;

}
.laundryDetergent h1 span { font-size: 60px;}

.laundryDetergent h2 { margin-left:50px; font-size: 30px;}

.laundryDetergent ul {margin-left:50px; margin-right:50px;}

.laundryDetergent ul li {font-size: 24px; line-height:130%}

.laundryDetergent p { margin:25px; line-height:120%; font-size: 18px;}

/* Coupons */
.fb-div {
	width: 475px;
}

.coupon {
	position: relative;
	margin: 20px 0 20px 0;
	width: 450px;
	height: 300px;
	overflow: hidden;
}
#dry-cleaning {
	background:#fff url('http://powercleaners.net/images/power-dry-cleaning-coupon.png') top left no-repeat;
}

#shoe-repair {
	background:#fff url('http://powercleaners.net/images/power-shoe-repair-coupon.png') top left no-repeat;
}

#alterations {
	background:#fff url('http://powercleaners.net/images/power-alterations-coupon.png') top left no-repeat;
}

#household-cleaning {
	background:#fff url('http://powercleaners.net/images/power-household-cleaning-coupon.png') top left no-repeat;
}

.expiration {
	position: absolute;
	top: 110px;
	left: 35px;
	font:bold 1em/100% Arial;
	color: #5B822B;
}

.block {
	display: block;
}

.fb-clearer {clear:both; height:20px;}