/*
Theme Name: CMI
Theme URI: http://carwashcmi.com/
Version: 1.0
Author: Spirelike Interactive 
Author URI: http://spirelike.com/
*/

/* Car Wash CMI CSS Document */
/* Copyright 2009. All Rights Reserved. */
/* Created by Spirelike Interactive */
/* Lead Designer: Jeff Barram */
/* LAYOUT STYLES ---------------------------------------------------------- */
/* Global Styles */
#fullheight
{
height:100%;
overflow:hidden;
}
img {
vertical-align: bottom;
border:0px;
}
.hidden {
display: none;
}
.error {
font-family: Tahoma;
font-size: 8pt;
color: red;
margin-left: 50px;
display:none;
}
#clear {
clear: both;
margin: 0;              
padding: 0;
height: 0;
overflow: hidden;
}
:root{
overflow-y:scroll;
}
div.hr 
{
height: 1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:none;
margin: 25px 0 25px;
}
div.hr hr
{
display:none;
}
div.hr-footer
{
height: 1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:none;
}
div.hr-footer hr
{
display:none;
}
/* Main Page Layout ---------------------------------------------------------- */
html, body {
background:#FFFFFF;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
#page-container
{
width:100%;
margin:auto;
}
#main-container
{
width:906px;
height:100%;
background-color:#FFFFFF;
margin:auto;
}
#header
{
width:906px;
height:95px;
margin: 20px 0 20px 0;
}
#logo a
{
display:block;
width:206px;
height:95px;
background:url("images/logo.gif") 0 0 no-repeat;
float:left;
}
#raised-lt
{
width:10px;
height:95px;
background:url("images/raised_lt.jpg") 0 0 no-repeat;
background-position:center;
float:left;
padding: 0 40px 0 40px;
}
#tag
{
width:370px;
height:60px;
padding:40px 0 0 0;
float:left;
background:url("images/tag.gif") 0 0 no-repeat;
background-position:center;
}
#raised-rt
{
width:10px;
height:95px;
background:url("images/raised_rt.jpg") 0 0 no-repeat;
background-position:center;
float:left;
padding: 0 40px 0 40px;
}
#contact
{
width:140px;
padding:30px 10px 0 0;
float:right;
text-align:right;
}
#nav
{
width:906px;
height:46px;
margin:auto;
}
#nav-lt
{
width:8px;
height:46px;
background:url("images/nav_lt.jpg") no-repeat;
float:left;
}
#nav-mid
{
width:890px;
height:46px;
background:url("images/nav_mid.jpg") repeat-x;
float:left;
text-align:center;
margin:auto;
}
#nav-mid ul
{
list-style: none;
padding: 0;
margin: auto;
padding: 12px 0 12px;
text-align:center;
}
#nav-mid li
{
text-align:center;
display:inline;
}
#nav-mid li a
{
color:#666666;
font-size:14px;
font-weight:500;
text-decoration:none;
text-align:center;
padding: 8px 35px 9px 35px;
}
#nav-mid li a:hover
{
color:#006CB5;
width:65x;
height:7px;
background:url("images/nav-arrow.gif") 0 0 no-repeat;
background-position:bottom;
}
#nav-mid .page_item {
  border-left: 1px solid #cccccc;
}
#nav-rt
{
width:8px;
height:46px;
background:url("images/nav_rt.jpg") no-repeat;
float:left;
}
#flash
{
display:inline;
width:618px;
height:304px;
margin: 5px 1.5px 3px 1.5px;
float:left;
}
#links
{
display:inline;
width:281px;
height:304px;
margin: 5px 1.5px 3px 1.5px;
float:right;
}
#ss a
{
display:block;
width:281px;
height:71px;
background:url("images/smartstart.jpg") 0 0 no-repeat;
padding-bottom:6px;
}
#ss a:hover
{
background-position: -281px 0px;
}
#vp a
{
display:block;
width:281px;
height:71px;
background:url("images/vantagepoint.jpg") 0 0 no-repeat;
padding-bottom:6px;
}
#vp a:hover
{
background-position: -281px 0px;
}
#wm a
{
display:block;
width:281px;
height:71px;
background:url("images/washmonitor.jpg") 0 0 no-repeat;
padding-bottom:6px;
}
#wm a:hover
{
background-position: -281px 0px;
}
#register a
{
display:block;
width:281px;
height:71px;
background:url("images/register.jpg") 0 0 no-repeat;
}
#register a:hover
{
background-position: -281px 0px;
}
#pg-content
{
background:url("images/pagecurl.jpg") 0 0 no-repeat;
background-position: top;
margin: 20px 0 20px 0;
padding: 10px 40px 0 40px;
}
#pg-content-home
{
margin: 0 0 20px;
}
#boxlt
{
width:506px;
height:341px;
float:left;
background:url("images/box_lt.jpg") 0 0 no-repeat;
}
#boxlt-content
{
width:450px;
height:301px;
overflow:auto;
margin: 20px 0 20px 0;
padding: 0 20px 0 20px;
}
#boxrt
{
width:391px;
height:341px;
float:right;
background:url("images/box_rt.jpg") 0 0 no-repeat;
}
#boxrt-content
{
width:335px;
height:301px;
overflow:auto;
margin: 20px 0 20px 0;
padding: 0 20px 0 20px;
}
.products-text
{
width:650px;
height:100%;
}
.products-logos
{
width:230px;
height:100%;
}
td.sspic
{
margin:auto;
text-align:right;
vertical-align:middle;
}
td.vppic
{
margin:auto;
text-align:right;
vertical-align:middle;
}
td.wmpic
{
margin:auto;
text-align:right;
vertical-align:middle;
}
td.wmpic2
{
margin:auto;
text-align:right;
vertical-align:middle;
padding: 25px 0 25px 25px;
}
#message-container
{
float:left;
}
.form {padding:0 10px 30px 0px;}
.form label {padding:10px 10px 0 0;}
.form select {width:146px; margin-top:10px}
.form input {margin-top:10px;}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(scripts/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#CEE2FD; border:2px solid #237CF6; border-left:none; padding:5px; min-width:150px; max-width:350px font-size:12px;}
#message-pic
{
background-color:#FF6633;
float:right;
text-align:right;
width:313px;
height:194px;
background:url("images/contact_pic1.jpg") 0 0 no-repeat;
}
#readmore a
{
display:block;
float:right;
margin-right:15px;
width:106px;
height:36px;
background:url("images/read_more.jpg") 0 0 no-repeat;
}
#readmore a:hover
{
background-position: -106px 0px;
}
#vp-links
{
width:906px;
height:64px;
float:left;
text-align:center;
}
#vp-text
{
width:906px;
float:left;
text-align:left;
margin: 10px 0 0 0;
}
#ws-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#partners
{
width:906px;
float:left;
margin: 20px 0 20px 0;
}
#poweredby
{
width:906px;
float:left;
margin-bottom:10px;
}
#partner-links
{
width:906px;
height:64px;
float:left;
text-align:center;
}
#partner-text
{
width:906px;
float:left;
text-align:left;
margin: 10px 0 0 0;
}
#rockwell a
{
width:225px;
height:64px;
background:url("images/rockwell.gif") 0 0 no-repeat;
background-position:center;
float:left;
display:inline;
}
#rockwell a:hover
{
background-position: 0px 2px;
}
#isi a
{
width:225px;
height:64px;
background:url("images/isi.gif") 0 0 no-repeat;
background-position:center;
float:left;
display:inline;
}
#isi a:hover
{
background-position: 0px 2px;
}
#unitec a
{
width:225px;
height:64px;
background:url("images/unitec.gif") 0 0 no-repeat;
background-position:center;
float:left;
}
#unitec a:hover
{
background-position: 0px 2px;
}
#kesseltronics a
{
width:225px;
height:64px;
background:url("images/kesseltronics.gif") 0 0 no-repeat;
background-position:center;
float:right;
}
#kesseltronics a:hover
{
background-position: 0px 2px;
}
#login-container
{
margin:10px 0 0 0;
padding: 100px 0 25px 0;
background:url("images/distributor_center.jpg") 0 0 no-repeat;
background-position: top center;
}
#login
{
width:275px;
margin:auto;
float:left;
padding-left:125px;
}
#loginbtn a
{
display:block;
width:106px;
height:36px;
background:url("images/login.jpg") 0 0 no-repeat;
}
#login a:hover
{
background-position: -106px 0px;
}
#separator
{
width:24px;
height:209px;
background:url("images/login_sep.jpg") 0 0 no-repeat;
background-position:center;
float:left;
}
#signup
{
width:275px;
margin:auto;
padding-left:125px;
float:left;
}
#signupbtn a
{
display:block;
width:106px;
height:36px;
background:url("images/signup.jpg") 0 0 no-repeat;
}
#signupbtn a:hover
{
background-position: -106px 0px;
}
#login-text
{
width:600px;
margin:auto;
float:left;
padding: 25px 0 0 125px;
}
#resource-container
{
margin:10px 0 0 0;
padding: 90px 0 25px 0;
background:url("images/resource_center.jpg") 0 0 no-repeat;
background-position: top center;
}
#register-container
{
margin:10px 0 0 0;
padding: 90px 0 25px 0;
background:url("images/register-title.jpg") 0 0 no-repeat;
background-position: top center;
}
#footer
{
width:906px;
height:75px;
margin:auto;
float:left;
}
#footer-lt
{
width:485px;
text-align:left;
margin: 10px 10px 0 0;
float:left;
}
#footer-lt ul
{
list-style: none;
padding: 0;
margin: auto;
text-align:left;
}
#footer-lt li
{
text-align:left;
display:inline;
}
#footer-lt li a
{
color:#666666;
font-size:10px;
text-decoration:none;
text-align:left;
padding: 0 5px 0 5px;
}
#footer-lt li a:hover
{
text-decoration:underline;
}
#footer-rt
{
width:400px;
text-align:right;
margin: 10px 0 0 10px;
float:right;
}
#footer-rt
{
color:#666666;
font-size:10px;
text-decoration:none;
text-align:right;
}
#footer-rt a
{
color:#666666;
font-size:10px;
text-align:right;
text-decoration:underline;
}
#footer-rt a:hover
{
text-decoration:none;
}

table.products-intro, table.products, table.vantage-point-intro, table.vantage-point, table.distributor, table.register { border-collapse: collapse; }
table.products td#middle {padding-top:none;}
table.products td#top {padding-top:10px;}
table.products-intro td { padding: 5px 10px 5px .3em; border-left:hidden; border-right:hidden; border-bottom:hidden; font-size:13px;}
table.products td.title, table.distributor td.title { padding: 5px 10px 5px .3em; border-left:hidden; border-right:hidden; border-top:none; font-size:13px; }
table.products td { padding: 5px 10px 5px .3em; border-left:hidden; border-right:hidden; border-top:hidden; color:#666666; font-size:13px; }
table.distributor td {vertical-align:middle; padding: 15px 10px 15px 10px; border-left:hidden; border-right:hidden; border-top: 2px #ccc dotted; color:#666666; font-size:13px; }
table.vantage-point-intro td {font-size:12px; color:#333333;  text-decoration:none; line-height:2em; padding: 15px 0 30px 0; border-left:hidden; border-right:hidden; color:#666666; font-size:13px; }
table.vantage-point td { text-decoration:none; line-height:2em; padding: 15px 0 15px 0; border-left:hidden; border-right:hidden; border-top: 2px #ccc dotted; color:#333333; font-size:13px; }
table.vantage-point td.title { padding: 5px 10px 5px 10px; font-size:13px; }
table.vantage-point td.vp-btn {border-top:none; padding: 20px 0 15px 0; margin:auto; vertical-align:top;}
table.vantage-point td.vp-txt {border-top:none; padding: 0 0 15px 0; font-size:12px; color:#333333;  text-decoration:none; line-height:2em;}
th { padding: .3em; border: 1px #fff solid; color:#FFFFFF; }
thead { background: #666; color:fff; } 
table.resources {border-collapse: collapse;}
table.resources td{  padding: 15px 10px 15px .3em; border-left:hidden; border-right:hidden; border-top: 1px #ccc solid; color:#666666; font-size:13px; }
table.resources td.title {width:200px;}
table.resources td.link {width:200px;}
table.resources td.text {width:300px;}
table.contact {border-collapse: collapse; float:left;}
table.contact td{padding: 5px 10px 5px .3em; border:none; color:#666666; font-size:13px; }
table.contact td.c1 {width:200px;}
table.contact td.c2 {width:200px;}

table.register tr {margin:auto;}

/* Type STYLES ---------------------------------------------------------- */
.contact, .contact a, .contact a:visited {font-size:14px; color:#999999; text-decoration:none; line-height:1.5em;}
.contact a:hover {text-decoration:underline;}
.poweredby {font-size:11px; font-weight:700; font-style:italic; color:#999999;}
.sep {font-size:11px; color:#999999;}
.nav a, .nav a:visited {font-size:20px; color:#FFFFFF; text-decoration:none;}
.nav a:hover {text-decoration:underline;}
a.anchorlink:link {text-decoration:none;}
a.text:link, a.text:visited {font-size:16px; color:#666666; text-decoration:underline; display:inline; line-height:2em;}
a.text:hover {text-decoration:none;}
h1, h1 a, h1 a:visited {font-size:16px; color:#006CB5; text-decoration:none; font-weight:700;}
h1 a:hover { text-decoration:underline;}
h2 {font-size:12px; color:#333333; text-decoration:none; font-weight:700;}
h3, h3 a, h3 a:visited {font-size:16px; color:#333333; text-decoration:none; font-weight:700;}
h3 a:hover {text-decoration:underline;}
h4, h4 a, h4 a:visited {font-size:15px; color:#990000; text-decoration:none; font-weight:700;}
h4 a:hover {text-decoration:underline;}
.light {font-size:12px; color:#666666;  text-decoration:none;}
a.tiny, a.tiny a:visited {font-size:9px; color:#666666;  text-decoration:none; line-height:3em; display:inline;}
a.tiny:hover {text-decoration:underline;}
p, ul, .text, .form {font-size:12px; color:#333333;  text-decoration:none; line-height:2em;}
p a, ul a, .text a {color:#333333; text-decoration:underline;}
p.news {line-height:1em;}
p a:hover, ul a:hover, .text a:hover {color:#CCCCC; border-bottom:none; text-decoration:none;}
.quotes {font-size:11px; color:#333333; font-style:italic; font-weight:700; text-indent:50px; line-height:1.5em;}
.quotes a {font-size:11px; color:#666666; font-style:normal; font-weight:100; line-height:1.5em; text-decoration:none}
.quotes a:hover { text-decoration:underline;}
.footer, .footer a, .footer a:visited {font-size:14px; color:#666666; border-bottom:none; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.copyright, .copyright a, .copyright a:visited {font-size:12px; color:#999999; border-bottom:none; text-decoration:none;}
.copyright a:hover {text-decoration:underline;}