@charset "UTF-8";
/* Style declarations for Summers & Zim's */
/* Author: Excelsior Marketing */



/* -- [ imports ] -- */

@import url("clearfix.css");

@import url("blog.css");

/* -- [ /imports ] -- */

/* -- [ global ] -- */

body  { 
margin: 0;
padding: 0;
background: #005398;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #363636;
}

body a, 
body a:visited,
body a:hover {
color: #005398;
text-decoration: underline;
}

h1 {
clear: left;
margin: 0 0 5px 0;
padding: 0;
font-size: 22px;
line-height: 28px;
color: #005398;
}

h2 {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 18px;
color: #000;
}

h3 {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 16px;
color: #000;
}

h3.sub-heading {
margin: 0 0 10px 0;
font-weight: normal;
}

h4 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 16px;
color: #000;
}

p {
margin: 0;
padding: 0;
line-height: 18px;
}

ul {
margin: 0;
padding: 0;
}

ul li {
margin: 0;
padding: 0;
line-height: 18px;
}

#all-wrap {
width: 100%;
margin: 0;
padding: 0;
}

p.crumb {
font-size: 12px;
}

.attn {
color: #c00;
}

/* -- [ /global ] -- */


/* -- [ header ] -- */

#header-wrap {
position: relative;
z-index: 999;
width: 100%;
height: 150px;
margin: 0;
padding: 0;
background: url(../img/header-bg.gif) top left repeat-x;
}

#header {
position: relative;
z-index: 999;
width: 968px;
height: 150px;
margin: 0 auto 0 auto;
padding: 0;
}

img.logo {
position: absolute;
top: 45px;
left: 20px;
display: block;
border: 0;
}

img.univ-img {
position: absolute;
z-index: 999;
top: 94px;
right: 16px;
display: block;
border: 0;
}

#minor-nav {
z-index: 2;
position: absolute;
top: 10px;
left: 20px;
text-align: left;
}

#minor-nav p {
margin: 0;
padding: 0;
color: #fff;
font-size: 12px;
}

#minor-nav a,
#minor-nav a:visited,
#minor-nav a:hover {
color: #fff;
text-decoration: underline;
}

#phone-numbers {
z-index: 2;
position: absolute;
top: 10px;
right: 20px;
text-align: right;
}

#phone-numbers p {
margin: 0;
padding: 0;
color: #fff;
font-size: 18px;
line-height: 24px;
}

#phone-numbers p.toll-free {
color: #fae91b;
}

/* -- [ /header ] -- */

/* -- [ main navigation ] -- */

#nav-wrap {
position: relative;
z-index: 1;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
background: url(../img/nav-bg.gif) top left repeat-x;
}

#nav {
position: relative;
z-index: 1;
width: 968px;
height: 40px;
margin: 0 auto 0 auto;
padding: 0;
}

#nav ul {
display: block;
margin: 0 0 0 20px;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
display: inline;
margin: 0 8px 0 0;
padding: 0 18px 0 0;
list-style: none;
font-size: 18px;
line-height: 40px;
color: #000;
background: url(../img/nav-sep.gif) top right no-repeat;
}

#nav ul li.nav-cat {
background: url(../img/nav-cat-sep.gif) top right no-repeat;
}

#nav ul li.nav-last {
background: none;
}

#nav ul li a,
#nav ul li a:hover,
#nav ul li a:visited {
text-decoration: none;
}

/* -- [ /main navigation ] -- */

/* -- [ main ] -- */

#main-wrap {
width: 100%;
margin: 0;
padding: 0;
background: url(../img/main-bg.gif) #fff top left repeat-x;
}

#main {
position: relative;
width: 968px;
margin: 0 auto 0 auto;
padding: 20px 20px 70px 20px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 928px;
}

#main-int-wrap {
float: left;
display: inline;
width: 928px;
margin: 0;
padding: 0;
}

#main-left {
position: relative;
float: left;
display: inline;
width: 708px;
margin: 0 20px 0 0;
padding: 0;
}

#main-left p {
margin: 0 0 15px 0;
}

#main-left ul {
margin: 0 0 20px 25px;
padding: 0;
}

#jump-and-see {
position: absolute;
z-index: 999;
top: -80px;
right: 0px;
text-align: right;
}

#jump-and-see p {
font-size: 12px;
line-height: 14px;
}

#jump-and-see a.jump-comres,
#jump-and-see a.jump-comres:hover,
#jump-and-see a.jump-comres:visited {
margin: 0;
padding: 0 35px 0 0;
background: url(../img/jump-to-arrow.png) top right no-repeat;
}

#section-nav {
position: absolute;
top: 0;
right: 0px;
width: 150px;
text-align: right;
}

#section-nav h4 {
margin: 0 0 3px 0;
}

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

#section-nav ul li {
margin: 0;
padding: 0;
width: 150px;
font-size: 12px;
line-height: 18px;
}

#section-nav ul li a,
#section-nav ul li a.active,
#section-nav ul li a.active {
display: block;
width: 150px;
line-height: 18px;
}

#section-nav ul li a.active,
#section-nav ul li a.active:hover,
#section-nav ul li a.active:visited {
background:url(../img/section-nav-active.gif) top right no-repeat;
text-decoration: none;
}

/* -- [ /main ] -- */

/* -- [ sidebar ] -- */

#sidebar {
float: left;
display: inline;
width: 200px;
margin: 70px 0 0 0;
padding: 0;
}

#sidebar p {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}



#sidebar .need-help-now {
display: block;
width: 200px;
margin: 0;
padding: 8px 4px 4px 8px;
background: #fbdacc;
voice-family: "\"}\""; 
voice-family:inherit;
width: 188px;
}

#sidebar .need-help-now h4 {
margin: 0 0 3px 0;
padding: 0;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #c20303;
}

#sidebar .sidebar-products {
display: block;
width: 200px;
margin: 0;
padding: 8px 4px 4px 8px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 188px;
}

#sidebar .sidebar-group {
display: block;
width: 200px;
margin: 15px 0 0 0;
padding: 8px;
background: url(../img/sidebar-group-bg.gif) top left repeat-x;
voice-family: "\"}\""; 
voice-family:inherit;
width: 184px;
}

#sidebar .sidebar-each {
display: block;
margin: 5px 0 20px 0;
}

#sidebar .sidebar-each img {
margin: 0 0 3px 0;
display: block;
border: 0;
}

#sidebar .sidebar-each img.mascot {
float: right;
display: inline;
margin: 3px -8px 0 0;
padding: 0;
}

p.plug span.plug-name {
display: block;
margin: 4px 0 0 0;
text-align: right;
}

#sidebar .henrys-left {
float: left;
width: 46px;
}

#sidebar .henrys-right {
float: right;
margin: 3px 0 0 5px;
width: 133px;

}

.henrys-right h4 {
font-size: 13px;
}


/* -- promos -- */

.promo-each {
display: block;
margin: 10px 0 10px 0;
}

.promo-each img {
border: 0;
}

/*-- [ /sidebar ] -- */


/* -- [ home ] -- */

.home-desc {
float: left;
display: inline;
width: 328px;
margin: 0;
padding: 0;
}

.home-right {
float: left;
display: inline;
width: 379px;
}

.home-plug {
clear: left;
float: left;
display: inline;
width: 351px;
margin: 20px 0 0 28px;
}

.home-flash {
float: left;
display: inline;
margin: 0 0 15px 5px;
padding: 0;
border: solid 4px #e5e5e5;
background: #fff;
width: 376px;
}

.home-cat-wrap {
float: left;
display: inline;
margin: 0 0 0 28px;
padding: 0 11px 0 11px;
border: solid 4px #e5e5e5;
background: #fff;
width: 321px;
height: 268px;
}

.home-cat {
float: left;
display: inline;
margin: 14px 0 0 0;
padding: 0;
width: 321px; /* home-cat-wrap  width - left and right .home-cat margins */
}

.home-cat-desc {
float: left;
display: inline;
width: 201px;
margin: 0;
padding: 0;
}

.home-cat h2 {
font-weight: normal;
margin: 0 0 5px 0;
}

.home-cat p {
font-size: 12px;
line-height: 16px;
margin: 0 !important;
padding: 0;
}

.home-cat img {
float: left;
display: inline;
border: solid 2px #bbb;
margin: 2px 10px 0 0;
}

.home-plug {
width: 351px;
margin: 15px 0 0 28px;
}

/* -- [ /home ] -- */

/* -- [ about us ] -- */

.about-desc {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

.about-images {
float: left;
display: inline;
width: 202px;
margin: 100px 0 0 15px;
padding: 0;
}

.about-images img {
display: block;
border: solid 1px #bbb;
margin: 0 0 20px 0;
padding: 0;
}

/* -- [ /about us ] -- */

/* -- [ affiliations ] -- */

.aff-desc {
float: left;
display: inline;
width: 530px;
margin: 0;
padding: 0;
}

.aff-mvc-wrap { /* wraps (m)emberships, (v)endors and (c)ertifications */
clear: left;
float: left;
display: inline;
width: 708px;
margin: 20px 0 0 0;
padding: 0;
}

.aff-mv { /* (m)emberships and (v)endors */
float: left;
display: inline;
width: 345px;
margin: 0;
padding: 0;
}

.aff-mv h3 {
font-weight: normal;
}

.aff-mv ul {
margin: 5px 0 20px 25px;
}

.aff-c { /* (c)ertfications */
float: left;
display: inline;
width: 363px;
margin: 0;
padding: 8px;
background: url(../img/aff-cert-bg.gif) top left repeat-x;
voice-family: "\"}\""; 
voice-family:inherit;
width: 347px;
}

.aff-c h3 {
margin: 0 0 3px 0;
}

.aff-c p {
margin: 5px 0 5px 5px !important;
}

/* -- [ /affiliations ] -- */

/* -- [ customer-service ] -- */

.staff-desc {
float: left;
display: inline;
width: 530px;
margin: 0 0 20px 0;
padding: 0;
}

.staff-each {
clear: left;
float: left;
display: inline;
width: 600px;
margin: 0 0 30px 0;
padding: 0;
}

.staff-each p {
margin: 0 !important;
padding: 0;
}

.staff-each img {
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
border: solid 1px #bbb;
}

.staff-each p em {
font-size: 12px;
margin: 0 0 0 10px;
}

/* -- [ /customer-service ] -- */

/* -- [ contact us / request service] -- */

.contact-desc {
float: left;
display: inline;
width: 540px;
margin: 0 0 20px 0;
padding: 0;
}

.contact-form-wrap {
float: left;
display: inline;
width: 708px;
margin: 0;
padding: 0;
}

.contact-form-fields {
float: left;
display: inline;
width: 354px;
margin: 0 30px 0 0;
padding: 0;
}

.contact-form-loc {
float: left;
display: inline;
width: 324px;
margin: 0;
padding: 0;
}

.contact-form-loc iframe {
margin: 20px 0 5px 0;
padding: 0;
}

#contact_form,
#pay_form,
#request_form,
#contract_form {
clear: left;
float: left;
display: inline;
margin: 0;
padding: 0;
}

#pay_form .pay_form_hidden {
display: none;
}

#contact_form label,
#pay_form label,
#request_form label,
#contract_form label {
display: block;
margin: 0 0 3px 0;
padding: 0;
}

#contact_form label em,
#contact_form p em,
#pay_form label em,	
#pay_form p em,
#request_form label em,
#request_form p em,
#contract_form label em,
#contract_form p em {
font-style: normal;
color: #c00;
}

#contact_form input,
#pay_form input,
#request_form input,
#request_form select,
#contract_form input,
#contract_form select {
display: block;
/*width: 250px; */
margin: 0 0 10px 0;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}

textarea {
display: block;
margin: 0 0 10px 0;
padding: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}

input.submit {
clear: left;
display: block;
width: auto;
margin: 0;
padding: 0;
}

#contact_form p,
#request_form p,
#contract_form p {
margin: 0 0 3px 0;
padding: 0;
}

div.sel-serv {
float: left;
display: inline;
width: 354px;
margin: 0 0 7px 0px;
padding: 0;
}

div.contact-check {
float: left;
clear: left;
margin: 0 0 0 20px;
}

#contract_form div.contact-check label,
#request_form div.contact-check label,
#contact_form div.contact-check label {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#contract_form div.contact-check input,
#request_form div.contact-check input,
#contact_form div.contact-check input {
float: left;
display: inline;
width: 15px;
height: 15px;
margin: 0 5px 10px 0;
padding: 0;
}

p.contact-map-dir {
margin: 5px 0 0 0;
font-size: 12px;
}

/* -- [ /contact us / request service ] -- */

/* -- [ com/res services ] -- */

.comres-desc {
float: left;
display: inline;
width: 450px;
margin: 0 0 20px 0;
padding: 0;
}

.comres-services-wrap {
clear: left;
float: left;
display: inline;
width: 708px;
margin: 0;
padding: 0;
}

.comres-service {
float: left;
display: inline;
width: 215px;
margin: 0 15px 0 0;
padding: 0;
}

.comres-service img {
display: block;
margin: 0 0 7px 0;
padding: 0;
border: solid 2px #bbb;
}

.comres-service h4 {
margin: 0;
padding: 0;
line-height: 18px !important;
}

.comres-service p {
font-size: 12px;
}


/* -- [ /com/res services ] -- */


/* -- [ services ] -- */

/* -- [ com/res services ] -- */

.serv-desc {
float: left;
display: inline;
width: 420px;
margin: 0 0 20px 0;
padding: 0;
}

.serv-img-wrap {
clear: left;
float: left;
display: inline;
width: 430px;
margin: 0;
padding: 0;
}

.serv-img-wrap img {
float: left;
display: inline;
margin: 0 11px 0 0;
padding: 0;
border: solid 2px #bbb;
}

.serv-tips {
float: right;
display: inline;
width: 270px;
margin: 150px 0 0 0;
padding: 10px;
background-color: #f6f4d9;
border: solid 1px #b7aa00;
voice-family: "\"}\""; 
voice-family:inherit;
width: 248px;
}

.serv-tips ul {
margin: 5px 0 5px 25px !important;
}

.serv-tips ul li {
font-size: 12px;
line-height: 18px !important;
margin-bottom: 5px;
}

.serv-tips p {
margin: 0 !important;
padding: 0;
font-size: 12px;
line-height: 16px;
}

.comfort-institute {
float: left;
margin: 30px 0 0 0;
}

.comfort-institute-home {
float: left;
margin: 0;
}

/* -- [ /services ] -- */

/* -- [ tips ] -- */

.tips-desc {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

.tips-desc dl {
margin: 0;
padding: 0;
}

.tips-desc dl dt {
margin: 0;
padding: 0 0 0 22px;
line-height: 18px;
font-weight: bold;
color: #000000;
background: url(../img/tips-check.gif) top left no-repeat;
}

.tips-desc dl dd span {
color: #005398;
background: #f8ef91;
font-weight: bold;
padding: 2px;
}

.tips-desc dl dd {
margin: 3px 0 10px 22px;
padding: 0;
}

/* -- [ /tips ] -- */

/* -- [ footer ] -- */

#footer-wrap {
position: relative;
width: 100%;
height: 115px;
margin: 0;
padding: 0;
}

#footer {
width: 968px;
height: 115px;
margin: 0 auto 0 auto;
padding: 10px 20px 0 20px;
font-size: 12px;
background: url(../img/footer-bg.gif) top left no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 928px;
}

#footer .contact-copyright {
float: left;
display: inline;
}

#footer .cat-links {
float: right;
display: inline;
}

#footer div.vcard {
color: #fff;
line-height: 16px;
}

#footer a,
#footer a:visited,
#footer a:hover {
color: #fff;
text-decoration: underline;
}

#footer a.cat-hdr,
#footer a.cat-hdr:visited,
#footer a.cat-hdr:hover {
color: #fcea1f;
text-decoration: underline;
}

#footer ul.glob-cat,
#footer ul.com-cat,
#footer ul.res-cat {
float: right;
display: inline;
margin: 0 0 0 22px;
padding: 0;
list-style: none;
}

#footer ul.glob-cat li,
#footer ul.com-cat li,
#footer ul.res-cat li {
display: block;
margin: 0;
padding: 0;
line-height: 16px;
font-weight: normal;
list-style: none;
}

/* -- [ /footer ] -- */



/* -- sizzlin' cash coupon -- */

.promo .promo-img {
margin: 0 0 20px 0;
}

.coupon-wrap {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 700px;
}

.coupon-wrap .coupon-detals {
float: left;
display: inline;
width: 290px;
margin: 0 10px 0 0;
}

.coupon-wrap .coupon-img {
float: left;
display: inline;
width: 400px;
margin: 0;
padding: 0;
}

/* -- peco -- */

ul.peco-list li {
margin: 0 0 20px 0;
}

ul.peco-list li ul li {
margin: 0 !important;
}


/* products */

.products {
float: left;
display: inline;
width: 650px;
margin: 20px 0 0 0;
padding: 0;
}

.prod-row {
margin: 0 0 20px 0;
padding: 0;
min-width: 530px;
}

.prod-movers-row {
margin: 0 0 0 150px;
}

.prod-movers-row div.mover {
float: left;
width: 50%;
width: 150px;
margin: 0;
}

.prod-movers-row div.mover div {
float: right;
}

.prod-each {
float: left;
width: 130px;
text-align: center;
}

.prod-each img {
border: solid 1px #b5b5b5;
margin-bottom: 3px;
}

.prod-each dl {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.prod-each dd {
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}

.prod-each dt {
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
line-height: 18px;
color: #036e0a;
font-weight: bold;
}


/* product detail */

.prod-wrap {
float: left;
display: inline;
width: 650px;
margin: 0;
padding: 0;
}

.prod-imgs {
float: left;
display: inline;
width: 230px;
margin: 0 30px 0 0;
}

.prod-imgs img {
border: solid 1px #b5b5b5;
}

.prod-addview {
width: 230px;
margin: 10px 0 0 0;
}

.prod-addview h3 {
font-size: 14px;
margin: 0 0 5px 0;
}

.prod-addview ul {
margin: 0 !important;
padding: 0;
list-style: none;
}

.prod-addview ul li {
float: left;
margin: 0 20px 0 0 !important;
padding: 0;
}

.prod-addview ul li img {
border: solid 1px #b5b5b5;
}


.prod-details {
float: left;
display: inline;
width: 390px;
margin: 0;
text-align: right;
}

p.prod-price {
font-size: 20px;
font-weight: bold;
margin: 0 0 5px 0 !important;
}

.prod-purchase {
border: 0;
}

.prod-desc {
width: 368px;
text-align: left;
margin: 15px 0 0 0;
padding: 10px;
background-color: #f6f4d9;
border: solid 1px #b7aa00;
}

.prod-desc h3 {
font-size: 14px;
margin: 0 0 5px 0;
}

.prod-desc p {
font-size: 12px;
margin: 0 0 10px 0;
}

/* purchase page */

.purchase-wrap {
float: left;
display: inline;
width: 700px;
margin: 15px 0 0 0;
padding: 0;
}

.purchase-wrap h4 {
font-size: 15px;
margin: 0 0 7px 0;
}

.purchase-left {
float: left;
display: inline;
width: 350px;
}

table.order-details {
width: 350px;
font-size: 13px;
margin: 0;
padding: 0;
}

table.order-details th {
line-height: 30px;
background: #ededed;
}

table.order-details td {
padding: 5px;
line-height: 30px;
background: #fff;
text-align: center;
}

.payment-process {
float: left;
width: 350px;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
border-top: solid 1px #ccc;
}

.payment-process p {
margin: 0 !important;
}

.ups-mark {
float: left;
width: 350px;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
border-top: solid 1px #ccc;
}

.ups-mark img {
float: left;
margin-right: 15px;
}

.ups-mark p {
font-size: 12px;
}

.purchase-right {
float: right;
display: inline;
margin: 0;
padding: 0;
width: 320px;
}

.step-wrap {
float: left;
clear: both;
padding: 15px;
margin: 0 0 15px 0;
width: 290px;
background: #ededed;
}

.step-wrap form {
margin: 10px 0 0 0;
padding: 0;
}

.step-wrap form label {
float: left;
width: 80px;
font-size: 13px;
text-align: right;
padding: 0 10px 0 0;
}

.step-wrap form label em {
font-style: normal;
color: #c00;
}

.step-wrap form input {
float: left;
}

.step-wrap form input.submit {
float: right;
margin: 10px 0 0 0;
}

.step-wrap form div.input {
float: left;
width: 290px;
margin: 0 0 15px 0;
}

table.calc-total-amount {
width: 290px;
font-size: 13px;
margin: 0;
padding: 0;
}

table.calc-total-amount td.price {
width: 90px;
padding: 5px;
line-height: 20px;
text-align: left;
}

table.calc-total-amount td.purchase-desc {
width: 200px;
padding: 5px;
line-height: 20px;
text-align: right;
}

table.calc-total-amount td.total {
font-weight: bold;
}

/* service contract */

.service-contract-desc {
float: left;
display: inline;
width: 540px;
margin: 0 0 20px 0;
padding: 0;
}

.service-contract-desc ul li {
margin: 0 0 7px 0;
}

.service-contract-form-wrap {
float: left;
display: inline;
width: 708px;
margin: 0;
padding: 0;
}

.service-contract-form-wrap h3 {
margin: 0 0 5px 0;
}