﻿/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	line-height:1.75;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}
/* Remove border from image(s) */
img, a {border:0;}

p { margin : 0;padding : 0;}
a:visited, a:link {color : #a43b55;text-decoration : underline;background:none;}
a:hover {color : #FB0F0C;text-decoration : underline;background:none;}
h1 { color : #064E8F;margin: 0px 0px 10px 0px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #efece7;}
h2 {color :#064E8F;margin : 20px 0 10px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #efece7;}
h3 {color:#064E8F;padding:0 0 10px 0;font:normal 14px Arial,Helvetica,sans-serif;border-bottom:1px solid #efece7;}
h4 {text-align:left;color:#042268;margin:8px 0px 2px 0px;font:normal 120% Arial,Helvetica,sans-serif;}
h5 {color : #7CB4DB;margin : 10px 0;font : normal 14px Arial, Helvetica, sans-serif;border-bottom : 1px solid #efece7;}
h6 {padding:0;margin:10px 0 0 0;color:#009933;font:bold 110%/140% Arial, Helvetica, sans-serif;text-align:left;}
.hd6 {padding:0;margin:10px 0 0 0;color:#009933;font:normal 120%/140% Arial, Helvetica, sans-serif;text-align:left;}
.hd7 {color:#005BA8;padding:12px 0 2px 0;font:normal 140% Arial,Helvetica,sans-serif;text-align:left;border:none;margin:0;letter-spacing:1px}
ul {padding:0;margin:0;list-style:none;}

/* Start Comfort Cool Fans Specific Formatting */
body {padding:0;margin:0 auto;text-align:center;background:top center url(../images/bg_body.gif) repeat-x #dadada;font:normal 12px/1.6em Arial, Helvetica, sans-serif;}
p {text-align:left;}
.wrapper {padding:0;margin:0 auto;text-align:center;width:920px;height:auto;background:top center url(../images/bg_main.png) repeat-y;}

/* Sizes Main Content Holder, align in center of page and apply white background */
.main {padding:0;margin:0 auto;text-align:center;width:900px;height:auto;background:#FFF;}

/* Style breadcrumb elements */
.titleSection 
{   font: 80%/120% Verdana, Arial, Helvetica, sans-serif;
    padding:0;margin:0 auto;
	color:#777;
    display: block;
    width: 900px;
    height: 24px;background : url(/images/bg.gif) repeat-x;
 }
 
 .divMenuTitle {float:left;text-align:left;margin:10px 0 0 30px;color:#dadada;width:auto;height:20px;font : italic 17px Georgia, serif;}
 .breadcrumb {float:right;margin:10px 20px 0 0;color:#7CB4DB;}
 
/* Style Main Content elements */

#main-content {margin : 0 auto;background:#fff;width:900px;margin:8px 0 0 0;}
.box {background : #f7f7f7;border : 1px solid #f0e9eb;padding :6px 10px 15px 15px;}
.box h1 {margin:0px 0 0 0;color:#064E8F;font:bold 24px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border-bottom : 1px solid #efece7;letter-spacing:1px;}
.box h2 {color:#064E8F;margin: 0px 0px 0px 0px;padding-bottom:10px;font:normal 22px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border-bottom : 1px solid #efece7;}
.box h3 {padding:0;color:#064E8F;margin:0;padding-bottom:6px;font:normal 22px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border-bottom : 1px solid #efece7;}
.box ul {padding:0;margin:0 0 0 15px;list-style:square url(../images/bullet.png);text-align:left;padding-top:3px;}
#mainlogo {margin:20px 0 20px 0;text-align:left;}
.logotxt1 {font : normal 18px Georgia, serif;color : #C9060A;margin : 10px 0 20px 15px;}
.logotxt2 {font : normal 18px Georgia, serif;color : #777; }
#left-column {width : 580px;padding :0 0 20px 30px;float:left;}
#right-column {width : 270px;float : right;margin:0 6px 0 0;}

/* Sidebar Styles */
#main-image {margin:0;padding:0;text-align:center;height:auto;}
.sidebar {float:right;width:234px;margin:0 16px 0 0;padding:0;background:top center url(../images/shadow.jpg) no-repeat;height:auto;}
.boxshadow {width : 234px;margin : 0 auto;padding :0;background : url(../images/shadow.jpg) no-repeat top;height:29px;}

/* Style footer elements */
.footer 
{
    padding:0;margin:0 auto;text-align:center;
	color:#fff;
    display: block;
    width: 900px;
    height:60px;
    background:#7CB4DB;
}
/* style footer and sets the real width */
.footer-links {	padding:0;margin:0 auto;text-align:center;color:#FFF;border-top:1px solid #4c4c4c;padding:8px 0 0 0;}
.footer-links a {text-decoration:none;color:#dadada;}
.footer-links a:hover {color:#005ba8;}

/* General Style Classes */
.float-left {float:left;}
.float-right {float:right;}

.page-icon {margin:20px 0 20px 0;text-align:left;}

.product-logo {float:left;margin:0 0 4px;padding:0;background:#7CB4DB;height:42px;width:580px; }
.highlight {background:#BFE8FF;float:left;width:572px;text-align:left;color:#042268;margin:12px 0px 12px 0px;padding:2px 2px 2px 6px;font:normal 120% Arial,Helvetica,sans-serif;letter-spacing:1px;}
.page-title {float:left;margin:0 0 4px;padding:0;background:#7CB4DB;height:46px;width:580px; }
.highlight-new {float:left;width:220px;background:red;text-align:center;color:#FFF;margin:-14px 0 0 0;padding:4px 6px 6px 6px;font:bold 120% Arial,Helvetica,sans-serif;}
.normal {font-weight:normal}
.rebates {text-align:left;color:green;padding:6px 0 6px 18px;font:normal 130% "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;background:left center url(/images/bullet_triangle_green.png) no-repeat; }

/* Product Spec Table Styling */
.specs
{float:left;
font-size: 11px;
color: #222222;
background: #f7f7f7;
width:590px;
margin:-12px 0px 20px 0;
padding:6px;
}

.specs th
{
text-align: right;
vertical-align: top;
font-weight: bold;  
padding:4px 15px 6px 0;
width: 28%;color:#777;
}

.specs td
{
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
padding: 4px 10px 6px 10px;
}

/* Product Price Styles */
.product-price {padding:0;margin:0;color: #cc0000;font-size: 20px;font-family: Georgia,"Times New Roman",serif;}
.product-coupon {padding:4px;color: #cc0000;font:bold 36px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;}
.special-price {padding:0;margin:0;color:#cc0000;font:bold 180% Georgia,"Times New Roman",serif;}
.muted {color:#336699;}
.disclaimer {margin:6px 0 4px 0;padding:0 4px 0 4px;font:normal 11px Arial, Helvetica, sans-serif;text-align:center;}
.smaller {margin:6px 0 4px 0;padding:0 4px 0 4px;font:normal 10px Arial, Helvetica, sans-serif;text-align:center;}

/* Feedback Form Styles */
.feedbackform{ padding: 5px;}
div.fieldwrapper ul {margin:0;list-style-image:none;list-style:none;text-align:left;}
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;text-align:right;
width: 190px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid #efece7;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

.caps {text-transform: uppercase;}
.center {text-align:center;}

/* energy savings table styles */
#savings-table {width:570px;height:auto;padding:2px 9px 4px 5px;border:1px solid #ececec;}
#savings-table table {margin:0 auto;
	width:560px;
	font:normal 10px Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	color:#000;background:#fff;
	}
#savings-table table a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
#savings-table table a:visited {
	color:#444;
	font-weight:normal;
	}
#savings-table table a:visited:after {
	content:"\00A0\221A";
	}
#savings-table table a:hover {
	border-bottom-style:solid;
	}
#savings-table thead th,
#savings-table thead td,
#savings-table tfoot th,
#savings-table tfoot td {text-align:right;
	border:1px solid #523A0B;
	border-width:1px 0;
	background:#BFE8FF;
	}
#savings-table th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
#savings-table tbody th,
#savings-table td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
#savings-table tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
#savings-table tbody th a:link,
#savings-table tbody th a:visited {
	font-weight:bold;
	}
#savings-table tbody td,
#savings-table tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
#savings-table tbody tr.odd th,
#savings-table tbody tr.odd td {
	border-color:#EBE5D9;
	background:#e0f2fc;
	}
#savings-table tbody tr:hover td,
#savings-table tbody tr:hover th {
	background:#ffffee;
	border-color:#BFE8FF;
	}
#savings-table caption {
	font:normal 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}
	
.blue {background:#7CB4DB;}
.align-right {text-align:right;}
.terms-content {text-align:left;float:left;}
.terms-content ul {padding:0;margin:0 0 0 15px;list-style:square url(../images/bullet-square.png);text-align:left;padding-top:3px;}

.product-title {text-transform:uppercase;text-align:left;background:#BFE8FF;color:#064E8F;margin : 10px 0;padding:8px 0 8px 10px;font:normal 25px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;letter-spacing:1px;border:none;}
.progressMessage {background : #f7f7f7;border : 1px solid #37D0F9;padding :40px 10px 15px 15px;width:300px; height:100px; position:absolute;top:600px;left:250px;visibility:visible;}
.page-headline {text-align:left;background:#BFE2FF;color:#064E8F;margin:10px 0;padding:5px 0 7px 10px;font:normal 18px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border:none;letter-spacing:1px}
.guar-headline {text-align:left;background:#BFE2FF;color:#064E8F;margin:10px 0;padding:4px 0 4px 10px;font:normal 170% "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border:none;letter-spacing:1px}
.homepage-headline {text-align:center;color:#064E8F;margin:10px 0;padding-bottom:10px;font:bold 24px "Myriad Pro",Myriad,Arial,Helvetica,sans-serif;border-bottom : 1px solid #efece7;}
.red-reverse {background:#CC0000;border:0;margin-top:50px;color:#FFF;font-size:16px;padding:10px;width:480px;font-weight:bold;}
.cities-served {margin:0 auto;padding:0 0 15px 0;width:840px;height:auto;font:normal 80% Arial,Helvetica,sans-serif;text-align:justify;line-height:1.6;margin-bottom:10px;}
/* sitemap links */
.sitemap {float:left;text-align:left;color:#777; width:600px;margin:0 0 0 50px;}
.sitemap a {text-decoration:none;color:#777;padding:6px;}
.sitemap a:hover {color:#fff;background:#7CB4DB;padding:6px;}