@charset "utf-8";
/* CSS Document */

body {background:url(images/background.jpg) repeat-x top left #fafafa; color:#262626; font-size:12px; font-family:Arial, Helvetica, sans-serif}

#blue a {  color:#3a90bf; text-decoration:none }
#blue a:hover {color:#3a90bf; text-decoration:underline}
#blue h3 {color:#0a66ac}

/* #red a {color:#bf3a3a; text-decoration:none} */
/* #red a:hover {color:#bf3a3a; text-decoration:underline} */
/* #red a {color: #aaa; text-decoration:none}
#red a:hover {color: #aaa; text-decoration:underline} */

#black a {color:#676767; text-decoration:none}
#black a:hover {color:#676767; text-decoration:underline}

#brown a {color:#c86e2e; text-decoration:none}
#brown a:hover {color:#c86e2e; text-decoration:underline}
/*Site Colors*/

/*Header*/

/*Header Blue */
.header-container {background:url(images/header-nav-bg.jpg) top left repeat-x; height:112px}
.header-nav {position:absolute; top:78px; left:250px; color:#FFFFFF; width:725px; float:left; display:block}
.header-nav ul {list-style:none; margin:0px 0 0 0}
.header-nav ul li {display:inline; color:#023d6c; padding:0; margin:0}
.header-nav ul li a {color:#023d6c; font-size:12px; background:0; font-weight:bold; padding:7px 7px 8px 6px; text-decoration:none; text-transform:uppercase; margin:0}
.header-nav ul li a:hover,
.header-nav ul li a.active {color:#ffffff; font-size:12px; text-decoration:none; background:url(images/header-nav-bg.jpg) top left repeat-x; text-transform:uppercase; font-weight:bold; margin:0}

/*Header Blue */
#blue .header-container {background-image:url(images/header-bg.jpg);}
#blue .header-nav ul li,
#blue .header-nav ul li a {color:#023d6c;}
#blue .header-nav ul li a:hover,
#blue .header-nav ul li a.active {color:#ffffff; background-image:url(images/header-nav-bg.jpg); text-decoration:none}

/*Header Red */
#red .header-container {background-image:url(images/red-header.jpg);}
#red .header-nav ul li,
#red .header-nav ul li a {color:#6c0b02;}
#red .header-nav ul li a:hover,
#red .header-nav ul li a.active {color:#ffffff; background-image:url(images/red-header-nav.jpg); text-decoration:none}

/*Header Brown */
#brown .header-container {background-image:url(images/brown-header.jpg);}
#brown .header-nav ul li,
#brown .header-nav ul li a {color:#6c3600;}
#brown .header-nav ul li a:hover,
#brown .header-nav ul li a.active {color:#ffffff; background-image:url(images/brown-header-nav.jpg); text-decoration:none}

/*Header Black */
#black .header-container {background-image:url(images/black-header.jpg);}
#black .header-nav ul li,
#black .header-nav ul li a {color:#262626;}
#black .header-nav ul li a:hover, 
#black .header-nav ul li a.active {color:#ffffff; background-image:url(images/black-header-nav.jpg); text-decoration:none}

/*Middle*/
.middle-nav-box {background:url(images/main-bg.png) no-repeat top left; width:870px; height:183px; position:relative; padding:20px 0 0 0}
.middle-left h2 {font-size:20px; font-weight:normal; color:#023d6c; margin:5px 0 0px 0; width:400px}
.bubble-text h2 {font-size:21px; font-weight:normal; color:#257abf; width:500px}
.menu ul li a {color:#07385d; padding:5px 0 3px 10px; display:block; font-size:12px; text-decoration:none; font-weight:bold; width:149px; margin:0; line-height:12px}
.menu ul li a:hover {color:#07385d; background:url(images/menu-hover.png) no-repeat top left; font-weight:bold; text-decoration:none; width:149px; line-height:12px; }
.menu ul li a.active {color:#07385d; background:url(images/menu-hover.png) no-repeat top left; font-weight:bold; text-decoration:none; width:149px; line-height:12px}

.middle-left ul li a {color:#07385d; padding:5px 0 3px 10px; display:block; font-size:12px; text-decoration:none; font-weight:bold; width:169px; margin:0; line-height:12px}
.middle-left ul li a:hover {color:#07385d; background:url(images/menu-hover.png) repeat top left; font-weight:bold; text-decoration:none; width:180px; line-height:12px}
.middle-left ul li a.active {color:#07385d; background:url(images/menu-hover.png) repeat top left; font-weight:bold; text-decoration:none; width:169px; line-height:12px}

.middle-left-products ul li a {color:#07385d; padding:5px 0 3px 10px; display:block; font-size:12px; text-decoration:none; font-weight:bold; width:169px; margin:0; line-height:12px}
.middle-left-products ul li a:hover {color:#07385d; background:url(images/menu-hover.png) repeat top left; font-weight:bold; text-decoration:none; width:180px; line-height:12px}
.middle-left-products ul li a.active {color:#07385d; background:url(images/menu-hover.png) repeat top left; font-weight:bold; text-decoration:none; width:169px; line-height:12px}

/*Middle Blue*/
#blue .middle-nav-box {background:url(images/main-bg.png) no-repeat top left; }
#blue .middle-left h2 {color:#023d6c; font-size:20px; text-transform:uppercase; margin:0 0 5px 0 }
#blue .middle-left-products h2 {color:#023d6c; font-size:20px;}
#blue .bubble-text h2 {color:#257abf; font-size:21px; text-transform:uppercase;}
#blue .menu ul li a {color:#07385d;}
#blue .menu ul li a:hover,
#blue .menu ul li a.active {color:#07385d; background:url(images/menu-hover.png) no-repeat top left; text-decoration:none}

#blue .middle-left ul li a {color:#07385d;}
#blue .middle-left ul li a:hover,
#blue .middle-left ul li a.active {color:#07385d; background:url(images/menu-hover.png) repeat top left; border:0px solid #666666; text-decoration:none}
#blue .middle-left-products ul li a {color:#07385d;}
#blue .middle-left-products ul li a:hover,
#blue .middle-left-products ul li a.active {color:#07385d; background:url(images/menu-hover.png) repeat top left; border:0px solid #666666; text-decoration:none}

/*Middle Red*/
#red .middle-nav-box {background:url(images/red-main-bg.png) no-repeat top left; }
#red .middle-left h2 {color:#961307;font-size:20px;}
#red .bubble-text h2 {color:#b81c0c;font-size:21px;}
#red .menu ul li a {color:#5d0d07;}
#red .menu ul li a:hover,
#red .menu ul li a.active {color:#5d0d07; background:url(images/red-hover.png) no-repeat top left; text-decoration:none}

#red .middle-left ul li a {color:#5d0d07;}
#red .middle-left ul li a:hover,
#red .middle-left ul li a.active {color:#5d0d07; background:url(images/red-hover.png) repeat top left; width:180px; text-decoration:none}

#red .middle-left-products ul li a {color:#5d0d07;}
#red .middle-left-products ul li a:hover,
#red .middle-left-products ul li a.active {color:#5d0d07; background:url(images/red-hover.png) repeat top left; width:180px; text-decoration:none}

#red .middle-left-products h2 {font-size:20px}

/*Middle Brown*/
#brown .middle-nav-box {background:url(images/brown-main.png) no-repeat top left; }
#brown .middle-left h2 {color:#9b4d00;font-size:20px;}
#brown .bubble-text h2 {color:#9b4d00;font-size:21px;}
#brown .menu ul li a {color:#622f00;}
#brown .menu ul li a:hover,
#brown .menu ul li a.active {color:#622f00; background:url(images/brown-hover.png) no-repeat top left; text-decoration:none; /*width:180px*/}
#brown .middle-left-products h2 {font-size:20px}

#brown .middle-left-products ul li a {color:#622f00;}
#brown .middle-left-products ul li a:hover,
#brown .middle-left-products ul li a.active {color:#622f00; background:url(images/brown-hover.png) repeat top left; width:180px; text-decoration:none}


/*Middle Black*/
#black .middle-nav-box {background:url(images/black-main.png) no-repeat top left; }
#black .middle-left h2 {color:#383838;font-size:20px;}
#black .bubble-text h2 {color:#383838;font-size:21px;}
#black .menu ul li a {color:#242424; /*width:180px*/}
#black .menu ul li a:hover,
#black .menu ul li a.active {color:#242424; background:url(images/black-hover.png) no-repeat top left; text-decoration:none; /*width:180px*/}
#black .middle-left-products h2 {font-size:20px}

#black .middle-left-products ul li a {color:#242424; width:180px}
#black .middle-left-products ul li a:hover,
#black .middle-left-products ul li a.active {color:#242424; background:url(images/black-hover.png) repeat top left; width:180px; text-decoration:none}

/*Footer*/
.footer-content h3 {color:#0a66ac; font-size:12px; font-weight:bold; letter-spacing:1px}
.footer-copy h1 {color:#0285cf; font-weight:normal; font-size:20px; width:270px}
.footer-mai {color:#3a90bf}

/*Footer Blue*/
#blue .footer-content h3 {color:#0a66ac; font-size:12px;}
#blue .footer-copy h1 {color:#0285cf; font-size:20px;}
#blue .footer-mai {color:#3a90bf}

/*Footer red*/
#red .footer-content h3 {color:#ac170a; font-size:12px;}
#red .footer-copy h1 {color:#cf0402; font-size:20px;}
#red .footer-mai {color:#bf3a3a;}

/*Footer Brown*/
#brown .footer-content h3 {color:#b35800; font-size:12px;}
#brown .footer-copy h1 {color:#cf0402; font-size:20px;}
#brown .footer-mai {color:#c86e2e}

/*Footer Black*/
#black .footer-content h3 {color:#414141; font-size:12px;}
#black .footer-copy h1 {color:#cf0402; font-size:20px;}
#black .footer-mai {color:#676767}

/*Footer Red*/
#red .footer-content h3 {color:#ac170a; font-size:12px; font-weight:bold; letter-spacing:1px}
#red .footer-copy h1 {color:#cf0402; font-weight:normal; font-size:20px; width:270px}
#red .footer-mai {color:#bf3a3a}

/*Footer Brown*/
#brown .footer-content h3 {color:#b35800; font-size:12px; font-weight:bold; letter-spacing:1px}
#brown .footer-copy h1 {color:#cf0402; font-weight:normal; font-size:20px; width:270px}
#brown .footer-mai {color:#c86e2e}

/*Footer Black*/
#black .footer-content h3 {color:#414141; font-size:12px; font-weight:bold; letter-spacing:1px}
#black .footer-copy h1 {color:#cf0402; font-weight:normal; font-size:20px; width:270px}
#black .footer-mai {color:#676767}

/*Header Styles */
.header {width:904px; margin:0 auto; position:relative}
.header h1 {margin:5px 0 0 0; font-size:24px; font-weight:normal; color:#FFFFFF; width:300px}

/*Middle Styles */
.middle-left {float:left; width:257px; display:block; background:#fff; min-height:325px; height:auto !important; height:325px; padding:0 15px 0 15px; border:0px solid #FF0000;}
.middle-left p {color:#262626; font-size:14px; line-height:20px; font-weight:normal;}

.middle-left-products {float:left; width:257px; display:block; background:#fff; min-height:150px; height:auto !important; height:150px; padding:0 15px 0 15px; border:0px solid #FF0000;}
.middle-left-products p {color:#262626; font-size:14px; line-height:20px; font-weight:normal;}

.middle-right {float:right; margin:0 15px 0px 0; width:535px; min-height:325px; height:auto !important; height:325px; display:block; background:url(images/main-content-bg.jpg) repeat-x bottom left #efefef; position:relative; border:0px solid #00FF00;}
.middle-right ul {margin:5px 0 5px 20px}

.middle-right-products {float:right; margin:0 15px 0px 0; min-height:150px; height:auto !important; height:150px; display:block; background:url(images/main-content-bg.jpg) repeat-x bottom left #efefef; position:relative; border:0px solid #00FF00; padding:10px 10px 15px 10px; width:510px}
.middle-right-products ul {margin:5px 0 5px 20px}
.middle-right-products ul li {}
.middle-right-products ul li a {font-size:1.3em; color:#07385d; text-decoration:none; font-weight:bold}
.middle-right-products ul li a:hover {font-size:1.3em; color:#07385d; text-decoration:underline}
.middle-right-products h3.products {font-size:1.3em}

.middle-right-text {position:absolute; top:70px; left:15px; width:360px;}
.middle-right-text p {font-size:16px; color:#0e0e0e; line-height:1.4em; font-weight:normal}

.middle-info {background:#fff; padding:30px 0 20px 0; width:840px; margin:-23px 0 0 18px }
.middle-info h3 {margin:0 0 0px 0}
.man-bubble {position:absolute; bottom:-35px; right:-40px; background:url(images/mobile-air-man-bg.png) no-repeat; width:559px; height:350px}
.menu {float:left; background:url(images/menu-bg.png) no-repeat top left; width:164px; height:142px; padding:03px 0 0 13px; margin:0 0 0 10px}
.menu ul {margin:0px 0 0 0px}
.menu ul li {padding:0px 0 0px 0px; margin:0; width:149px}
.middle-left ul {margin:0px 0 0 0px}
.middle-left ul li {padding:0px 0 0px 0px; margin:0; width:189px}

.middle-content {width:870px; margin:0 auto; padding:32px 0 0 0 }
.middle-text {float:left; width:350px; color:#FFFFFF; }
.middle-text p {font-size:12px; line-height:13px}
.middle-text h1 {font-size:28px; font-weight:normal; margin:0px 0 5px 0; line-height:38px}
.middle-text-locations {float:left; width:550px; color:#FFFFFF; padding:15px 0 0 0 }
.middle-text-locations h1 {color:#fff; font-size:28px; font-weight:normal; margin:0px 0 5px 0; line-height:38px}
.middle-text-locations p a, 
.middle-text-locations p a:active,
.middle-text-locations p a:hover,
.middle-text-locations p a:visited { color: #CCC; text-decoration: underline }
.middle-right h4 {margin:0 0 0 10px}


.bubble {position:relative}
.bubble-text {position:absolute; top:15px; left:10px}
.unit {position:absolute; top:-30px; right:30px; width:300px ; height:240px; overflow:hidden}
.heater-unit {position:absolute; top:29px; right:30px; width:300px ; height:181px; overflow:hidden}
.hepa-unit {position:absolute; top:29px; right:30px; width:300px ; height:181px; overflow:hidden}

.page .middle-info { padding:30px 20px 20px 20px; width:800px; font-size:14px; min-height:400px}


.header-info-text {line-height:1.2em;}
#blue .header-info-text a { color: #cccccc }



/*Footer Styles */
.footer {width:840px; margin:0 auto;   }
.footer-content {border:0px solid #FF0000; padding:20px 0 20px 20px; width:820px; margin:0px 0 0 3px; background:url(images/footer-bg.jpg) repeat-x top left #f3f3f3; min-height:200px;}
.footer-content ul {padding:0; margin:0}
.footer-content ul li {padding:0; margin:0; color:#696969; font-size:11px; line-height:20px; font-weight:normal}
.footer-content ul li a {color:#696969; font-size:11px; line-height:20px; font-weight:normal; text-decoration:none}
.footer-content ul li a:hover,
.footer-content ul li a:active {color:#696969; font-size:11px; line-height:20px; font-weight:normal}
.footer-content p {color:#696969; font-weight:normal; font-size:11px; line-height:20px;}
.footer-ac {width:150px; float:left; display:block}
.footer-ht {width:150px; float:left; display:block}
.footer-dh {width:160px; float:left; display:block}
.footer-hf {width:160px; float:left; display:block}
.footer-copy {width:180px; float:left; display:block}
.footer-copy h4 {color:#696969; font-size:18px; margin:20px 0 0px 0}

#blue .footer-content ul li a {color:#696969; font-size:11px; line-height:20px; font-weight:normal; text-decoration:none}
#blue .footer-content ul li a:hover,
#blue .footer-content ul li a:active {color:#696969; font-size:11px; line-height:20px; font-weight:normal}

#red .footer-content ul li a {color:#696969; font-size:11px; line-height:20px; font-weight:normal; text-decoration:none}
#red .footer-content ul li a:hover,
#red .footer-content ul li a:active {color:#696969; font-size:11px; line-height:20px; font-weight:normal}

#black .footer-content ul li a {color:#696969; font-size:11px; line-height:20px; font-weight:normal; text-decoration:none}
#black .footer-content ul li a:hover,
#black .footer-content ul li a:active {color:#696969; font-size:11px; line-height:20px; font-weight:normal}

#brown .footer-content ul li a {color:#696969; font-size:11px; line-height:20px; font-weight:normal; text-decoration:none}
#brown .footer-content ul li a:hover,
#brown .footer-content ul li a:active {color:#696969; font-size:11px; line-height:20px; font-weight:normal}

ul.list{ list-style:disc; margin:0 20px; padding:0 10px 0 20px;}
#blue ul.list {color:#3a90bf;}
#red ul.list {color:#bf3a3a;}
#brown ul.list {color:#c86e2e;}
#black ul.list {color:#676767;}
ul.list p{color:#262626}

#blue .disclaimer {font-size:11px; color:#3a90bf}
#red .disclaimer {font-size:11px; color:#bf3a3a}
#brown .disclaimer {font-size:11px; color:#c86e2e}
#black .disclaimer {font-size:11px; color:#676767}


/*Styles*/

/*h1 {font-size:40px; font-weight:normal; color:#FFFFFF}*/
.right {float:right}
.left {float:left}
.margin-top {margin-top:15px}
.margin-bottom {margin-bottom:15px}
.margin-right {margin-right:15px}
.margin-left {margin-left:15px}
.clear {clear:both}
p {margin-bottom:10px;}

.error	{color:#FF0000;}

/* Locations */
.locations .middle-test-l {width:46%; float:left; margin:0 0 0 10px}
.locations .middle-test-l{}
.locations .middle-test-r {width:46%; float:right; margin:0 10px 0 0}
.locations .middle-test { margin:0 10px 0 10px }


.middle-text-locations .wrap {border:0px solid #096; width:450px; padding-right:200px;}
.middle-text-locations .wrap .michigan {position:absolute; bottom:0; right:0;}
.middle-text-locations .wrap .kentucky {position:absolute; bottom:30px; right:-70px;}
.middle-text-locations .wrap .illinois {position:absolute; bottom:0; right:75px;}
.middle-text-locations .wrap .indiana {position:absolute; bottom:0; right:75px;}
.middle-text-locations .wrap .ohio {position:absolute; bottom:0; right:75px;}
.middle-text-locations .wrap .missouri {position:absolute; bottom:20px; right:75px;}
.middle-text-locations .wrap .pennsylvania {position:absolute; bottom:30px; right:0px;}
.middle-text-locations .wrap .wisconsin {position:absolute; bottom:0; right:20px;}
/*

.locations .michigan {margin:-140px -150px 0 0}
.locations .kentucky {margin:-55px -165px 0 0}
.locations .illinois {margin:-120px -70px 0 0}
.locations .indiana {margin:-120px -65px 0 0}
.locations .ohio {margin:-100px -50px 0 0}
.locations .missouri {margin:-100px -115px 0 0}
.locations .pennsylvania {margin:-130px -80px 0 0}
.locations .wisconsin {margin:-140px -180px 0 0}
*/

.locations .middle-right {padding:10px 0 10px 0}
.locations .left-right {margin:0 10px 0 10px}
.locations .left-right ul {margin:0 0 0 15px}
.locations .left-right ul li {}
/* .locations .left-right ul li a {color:#333333; text-decoration:none}
.locations .left-right ul li a:hover {color:#666666; text-decoration:underline} */
.locations .left-right ul li a {color:#bf3a3a; text-decoration:none}
.locations .left-right ul li a:hover {color:#bf3a3a; text-decoration:underline} 


/*Cooling Products*/
#blue .producttable {border:2px solid #657db4; background-color:#d1dfff;}
#blue .producttable th{background-color:#657db4; color:#ffffff; font-size:9px; vertical-align:bottom; text-align:center; border-left:1px solid #7da4fc;}
#blue .producttable th:first-child{border-left:0px;}
#blue .producttable td.img{border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6;}
#blue .producttable td{border-left:1px solid #ffffff; text-align:center; font-size:10px;}
#blue .producttable tr{background-color:#d1dfff;}
#blue .producttable .even{background-color:#adc5fd;}
#blue .producttable tr:hover{background:#6a82fa;}
#blue .producttable .img{background-color:#FFFFFF;}

#red .producttable {border:2px solid #ab6814; background-color:#36cb34;}
#red .producttable th{background-color:#6a0b01; color:#ffffff; font-size:9px; vertical-align:bottom; text-align:center; border-left:1px solid #ddc39e;}
#red .producttable th:first-child{border-left:0px;}
#red .producttable td.img{border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6;}
#red .producttable td{border-left:1px solid #ffeed5; text-align:center; font-size:10px;}
#red .producttable tr{background-color:#e79188;}
#red .producttable .even{background-color:#d45649;}
#red .producttable tr:hover{background:#CC3333;}
#red .producttable .img{background-color:#FFFFFF;}

#blue .cooling-products {/*background:url(images/cooling_product_info_bg.jpg) top left repeat-y; width:223px; */padding:0 10px 0 0}
#blue .cooling-products ul {}
#blue .cooling-products ul li {font-size:1.3em}
#blue .cooling-products ul li strong {font-weight:bold}
#blue .cooling-products ul li b {font-weight:bold}

#blue .product-buttons {margin:10px 0 0 0; text-align:center; width:233px}
#blue .product-buttons .buy-bg {background:url(images/header-nav-bg.jpg) center center repeat-x;}
#blue .product-buttons .buy-bg span {color:#FFFFFF;}
#blue .product-buttons a.rent-bg {}
#blue .product-buttons .rent-bg {background:url(images/header-nav-bg.jpg) center center repeat-x; }
#blue .product-buttons .rent-bg span {color:#FFFFFF;}

#blue .breadcrumbs {margin:-15px 0 0 0}
#blue .breadcrumbs ul {list-style:none; margin:5px 0 5px 15px}
#blue .breadcrumbs ul li {display:inline; font-size:1.2em}
#blue .breadcrumbs ul li a {color:#07385d; text-decoration:none}
#blue .breadcrumbs ul li a:hover {color:#07385d; text-decoration:underline}

#red .cooling-products {/*background:url(images/cooling_product_info_bg.jpg) top left repeat-y; width:223px; */padding:0 10px 0 0}
#red .cooling-products ul {}
#red .cooling-products ul li {font-size:1.3em}
#red .cooling-products ul li strong {font-weight:bold}
#red .cooling-products ul li b {font-weight:bold}

#red .product-buttons {margin:10px 0 0 0; text-align:center; width:233px}
#red .product-buttons .buy-bg {background:url(images/red-header.jpg) center center repeat-x;}
#red .product-buttons .buy-bg span {color:#FFFFFF;}
#red .product-buttons a.rent-bg {}
#red .product-buttons .rent-bg {background:url(images/red-header.jpg) center center repeat-x; }
#red .product-buttons .rent-bg span {color:#FFFFFF;}

#red .breadcrumbs {margin:-15px 0 0 0}
#red .breadcrumbs ul {list-style:none; margin:5px 0 5px 15px}
#red .breadcrumbs ul li {display:inline; font-size:1.2em}
#red .breadcrumbs ul li a {color:#5d0d07; text-decoration:none}
#red .breadcrumbs ul li a:hover {color:#5d0d07; text-decoration:underline}

#black .breadcrumbs {margin:-15px 0 0 0}
#black .breadcrumbs ul {list-style:none; margin:5px 0 5px 15px}
#black .breadcrumbs ul li {display:inline; font-size:1.2em}
#black .breadcrumbs ul li a {color:#242424; text-decoration:none}
#black .breadcrumbs ul li a:hover {color:#242424; text-decoration:underline}

#brown .breadcrumbs {margin:-15px 0 0 0}
#brown .breadcrumbs ul {list-style:none; margin:5px 0 5px 15px}
#brown .breadcrumbs ul li {display:inline; font-size:1.2em}
#brown .breadcrumbs ul li a {olor:#622f00; text-decoration:none}
#brown .breadcrumbs ul li a:hover {olor:#622f00; text-decoration:underline}


/* FORMS */
.contact-us input {margin:5px 0 5px 0}

form 				{margin-left:30px}
form label 			{width:175px; font-size:12px; font-weight:bold; text-align:left; margin-right:15px; float:left; line-height:2em; display:block-inline;}
form label.radio	{width:45px; line-height:1.4em; margin-left:6px;}
form input			{}
form input.text		{width:200px; border:1px solid #999; color:#333; padding:3px; float:left; margin:3px 0 3px 0}
form input.radio	{border:0px solid #999; color:#333; padding:3px; float:left; margin:2px 0 2px 0}
form input.select	{width:200px; border:1px solid #999; color:#333; padding:3px; float:left; margin:3px 0 3px 0}
form input.submit	{border:1px solid #0a66ac; color:#FFF; background:#0285cf; padding:3px 6px; float:left; margin:3px 0 6px 0}
form input.textarea	{width:200px; height:125px; border:1px solid #999; color:#333; padding:5px; float:left;}
form br 			{clear:both;}

.location_selector							{position:relative; width:800px; height:550px;}
.locations-text								{width:250px; position:absolute; top:20px; right:20px; background:#fff; border:3px solid #000; padding:15px;}
.locations-text p							{margin:0; padding:0; font-size:13px;}
ul.locations								{}
ul.locations li								{position:absolute;}
ul.locations li.michigan					{top:0px; left:200px;}
ul.locations li.illinois					{top:233px; left:180px;}
ul.locations li.indiana						{top:251px; left:310px;}
ul.locations li.ohio						{top:220px; left:409px;}
ul.locations li.kentucky					{top:374px; left:270px;}
ul.locations li.missouri					{top:331px; left:30px;}
ul.locations li.pennsylvania				{top:181px; left:554px;}
ul.locations li.wisconsin					{top:34px; left:120px;}

ul.locations li s							{margin:0 auto;}
ul.locations li.michigan a					{background:url(images/michigan-map-hover.png) no-repeat top left; width:282px; height:264px; display:block; }
ul.locations li.illinois a					{background:url(images/illinois-map-hover.png) no-repeat top left; width:151px; height:263px; display:block; }
ul.locations li.indiana a					{background:url(images/indiana-map-hover.png) no-repeat top left; width:117px; height:200px; display:block; }
ul.locations li.ohio a						{background:url(images/ohio-map-hover.png) no-repeat top left; width:158px; height:180px; display:block; }
ul.locations li.kentucky a					{background:url(images/kentucky-map-hover.png) no-repeat top left; width:269px; height:144px; display:block; }
ul.locations li.missouri a					{background:url(images/missouri-map-hover.png) no-repeat top left; width:249px; height:217px; display:block; }
ul.locations li.pennsylvania a				{background:url(images/pennsylvania-map-hover.png) no-repeat top left; width:217px; height:145px; display:block; }
ul.locations li.wisconsin a					{background:url(images/wisconsin-map-hover.png) no-repeat top left; width:196px; height:209px; display:block; }

ul.locations li.michigan a:hover			{background:url(images/michigan-map-hover.png) no-repeat bottom left; }
ul.locations li.illinois a:hover			{background:url(images/illinois-map-hover.png) no-repeat bottom left; }
ul.locations li.indiana a:hover				{background:url(images/indiana-map-hover.png) no-repeat bottom left; }
ul.locations li.ohio a:hover				{background:url(images/ohio-map-hover.png) no-repeat bottom left; }
ul.locations li.kentucky a:hover			{background:url(images/kentucky-map-hover.png) no-repeat bottom left; }
ul.locations li.missouri a:hover			{background:url(images/missouri-map-hover.png) no-repeat bottom left; }
ul.locations li.pennsylvania a:hover		{background:url(images/pennsylvania-map-hover.png) no-repeat bottom left; }
ul.locations li.wisconsin a:hover			{background:url(images/wisconsin-map-hover.png) no-repeat bottom left; }

ul.locations li a span						{color:#fff; font-weight:bold; font-size:18px;text-decoration:none; line-height:1.2em;}
ul.locations li a:hover span				{color:#fff; font-weight:bold; font-size:18px;text-decoration:none;}
ul.locations li.michigan a span				{position:absolute; top:180px; left:165px;}
ul.locations li.illinois a span				{position:absolute; top:80px; left:50px;}
ul.locations li.indiana a span				{position:absolute; top:60px; left:30px;}
ul.locations li.ohio a span					{position:absolute; top:75px; left:60px;}
ul.locations li.kentucky a span				{position:absolute; top:80px; left:105px;}
ul.locations li.missouri a span				{position:absolute; top:100px; left:74px;}
ul.locations li.pennsylvania a span			{position:absolute; top:60px; left:50px;}
ul.locations li.wisconsin a span			{position:absolute; top:80px; left:50px;}

html body#red ul.locations li a,
html body#blue ul.locations li a			{color:#fff; font-weight:bold; text-decoration:none; }
html body#red ul.locations li a:hover,
html body#blue ul.locations li a:hover		{color:#fff ;text-decoration:none; border:0;}

/*
ul.locations								{}
ul.locations li								{ float:left; margin-right:10px; position:relative; width:234px; margin-bottom:15px; text-align:center; border:0px solid #000; min-height:190px; height:auto !important; height:190px;}
ul.locations li a							{ margin:0 auto;}
ul.locations li a.michigan					{background:url(images/michigan-map-hover.png) no-repeat 0px 0px; width:204px; height:187px; display:block; }
ul.locations li a.illinois					{background:url(images/illinois-map-hover.png) no-repeat 0px 0px; width:120px; height:185px; display:block; }
ul.locations li a.indiana					{background:url(images/indiana-map-hover.png) no-repeat 0px 0px; width:120px; height:175px; display:block; }
ul.locations li a.ohio						{background:url(images/ohio-map-hover.png) no-repeat 0px 0px; width:150px; height:163px; display:block; }
ul.locations li a.kentucky					{background:url(images/kentucky-map-hover.png) no-repeat 0px 0px; width:200px; height:101px; display:block; }
ul.locations li a.missouri					{background:url(images/missouri-map-hover.png) no-repeat 0px 0px; width:200px; height:170px; display:block; }
ul.locations li a.pennsylvania				{background:url(images/pennsylvania-map-hover.png) no-repeat 0px 0px; width:219px; height:130px; display:block; }
ul.locations li a.wisconsin					{background:url(images/wisconsin-map-hover.png) no-repeat 0px 0px; width:169px; height:181px; display:block; }

ul.locations li a.michigan:hover			{background:url(images/michigan-map-hover.png) no-repeat 0px -188px; }
ul.locations li a.illinois:hover			{background:url(images/illinois-map-hover.png) no-repeat 0px -190px; }
ul.locations li a.indiana:hover				{background:url(images/indiana-map-hover.png) no-repeat 0px -176px; }
ul.locations li a.ohio:hover				{background:url(images/ohio-map-hover.png) no-repeat 0px -163px; }
ul.locations li a.kentucky:hover			{background:url(images/kentucky-map-hover.png) no-repeat 0px -101px; }
ul.locations li a.missouri:hover			{background:url(images/missouri-map-hover.png) no-repeat 0px -170px; }
ul.locations li a.pennsylvania:hover		{background:url(images/pennsylvania-map-hover.png) no-repeat 0px -131px; }
ul.locations li a.wisconsin:hover			{background:url(images/wisconsin-map-hover.png) no-repeat 0px -184px; }

ul.locations li a span						{color:#fff; font-weight:bold; font-size:18px;text-decoration:none; line-height:1.2em;}
ul.locations li a:hover span				{color:#fff; font-weight:bold; font-size:18px;text-decoration:none;}
ul.locations li a.michigan span				{position:absolute; top:140px; left:125px;}
ul.locations li a.illinois span				{position:absolute; top:60px; left:85px;}
ul.locations li a.indiana span				{position:absolute; top:60px; left:95px;}
ul.locations li a.ohio span					{position:absolute; top:65px; left:85px;}
ul.locations li a.kentucky span				{position:absolute; top:60px; left:80px;}
ul.locations li a.missouri span				{position:absolute; top:80px; left:70px;}
ul.locations li a.pennsylvania span			{position:absolute; top:60px; left:50px;}
ul.locations li a.wisconsin span			{position:absolute; top:70px; left:60px;}

html body#red ul.locations li a,
html body#blue ul.locations li a			{color:#fff; font-weight:bold; text-decoration:none; }
html body#red ul.locations li a:hover,
html body#blue ul.locations li a:hover		{color:#fff ;text-decoration:none; border:0;}
*/