/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/*Typography */
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a {color:#B5B5B5;text-decoration:underline;}
a:visited {color:#B5B5B5;text-decoration:underline;}
a:focus, a:hover {color:#DBDBDB;text-decoration:none}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;font-family:Arial, Helvetica, sans-serif;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* general */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/body-background.jpg);
text-align:center;
padding-bottom:10px;
}
.large-text {
font-size:;
}
.small-text {
font-size:;
}
a, a:link {color:#003D53;text-decoration:underline;}
a:focus, a:hover {color:#006D94;text-decoration:none;}
a:visited { color:#006D94; }
.r {
text-align:right;
}
.l {
text-align:left;
}
.j {
text-align: justify;
}
.c {
text-align: center;
}
#wrapper {
width:960px;
margin:20px auto;
border:2px solid white;
text-align:left;
background-color:#FFFFFF;
}
/* header */
#header {
background:url(images/Top-header.jpg) no-repeat top center;
height:136px;
}
#header h1 {
font-size:2.4em;
font-weight:bold;
text-align:left;
color:white;
padding-top:40px;
padding-left:30px;
}
#header img {
display:block;
width:150px;
float:right;
border: 1px solid #999999;
margin:26px;
}
#header p {
font-weight:bold;
font-size:0.7em;
text-align:center;
padding:3px;
background-color:white;
color:#3D3D3D;
}
/* menu */
#menu {
background:url(images/menu.jpg) repeat-x center;
height:40px;
padding:5px 0;
}
#menu ul {
padding:5px 0;
list-style: none;
height:30px;
overflow:auto;
}
#menu li {
float: left;
text-align: center;
height:30px;
border-left:1px solid white;
border-right: 1px solid #D6D6D6;
text-transform:uppercase;
font-size:0.8em;
}
#menu li#first-item {
border-left:none;
}
#menu li#last-item {
border-right:none;
}
#menu a {
text-decoration:none;
color: #666666;
display:block;
padding:5px 37px 0 37px;
}
#menu a:hover {
color:#333333;
}
/* Title */
#title {
background-color:#FFFFFF;
background: url(images/title-bg.jpg) no-repeat center center;
padding:28px;
font-size:1.3em;
font-weight:bold;
}
#title h2 {
color:#000033;
}
/* page */
#page {
font-size:0.8em;
background: white url(images/main-bg-alt.jpg) repeat top left;
padding:28px;
}
#page h3 {
font-size:1.2em;
font-weight:bold;
margin-bottom:1em;
color:#595959;
}
#page h4 {
font-size:1.1em;
font-weight:bold;
margin-bottom:1em;
color:#8C8C8C;
}
/* content */
#content {
float:left;
width:600px;
margin-bottom:38px;
}
#content .outer, .side-outer {
border:1px solid #CCCCCC;
padding: 2px;
background-color:white;
}
#content .inner {
background: white url(images/content-inner-bg.jpg) repeat-y top left;
padding:15px;
text-align:justify;
overflow:hidden;
}
/* Footer Action */
#content .footer-action {
padding:10px;
margin-top:2px;
background-color:#D9D9D9;
}
/* anti flicker wrapper */
.footer-action-wrapper {
background: #D9D9D9 url(images/action-arrow.jpg) no-repeat center right;
width:177px;
margin-left:auto;
}
.footer-action a, .footer-action a:link, .footer-action a:visited {
display:block;
text-decoration:none;
padding:1px 27px 1px 0px;
width:150px;
}
.footer-action a:hover, .footer-action a:active {
background: #D9D9D9 url(images/action-arrow-hover.jpg) no-repeat center right;
}
/* sidebar */
#sidebar {
width: 276px;
float:right;
margin-bottom:38px;
}
.side-inner {
padding:15px;
background: white url(images/sidebar-inner-bg.jpg) repeat-x top left;
}
#sidebar ul {
margin:0;
padding:0;
list-style:none;
}
#sidebar li {
margin:0;
padding-left:-15px;
border-bottom:1px solid #E0E0E0;
background: url(images/services-button-links.jpg) no-repeat center left;
}
#sidebar li#last-service {
border-bottom:none;
}
/* anti flicker wrapper */
#sidebar a,#sidebar a:link, #sidebar a:visited {
display:block;
text-decoration:none;
padding:8px 0 7px 27px;
}
#sidebar a:hover,#sidebar a:active {
background: url(images/services-button-links-hover.jpg) no-repeat center left;
padding:8px 0 7px 27px;
text-decoration:none;
}
/* footer */
#footer {
clear:both;
text-align:center;
height:15px;
line-height:1;
border-top:1px solid #E6E6E6;
font-size:11px;
}
#footer p {
padding:5px;
}
/* Home */
#user-type {
overflow:hidden;
width:904px;
padding:28px;
font-size:0.8em;
background: url(images/bottom-header.jpg) no-repeat top left;
}
.service-option {
width:432px;
background: url(images/service-options-bg.jpg) repeat-y center center;
}
#domestic-option {
float:left;
border:2px solid white;
width:432px;
height:185px;
background-image:none;
background-color:white;
overflow:hidden;
}
#cs-logo {
float:left;
width: 205px;
padding:20px;
background-color: white;
}
#cs-logo h2 {
font-weight:normal;
margin-top:10px;
}
#cs-description {
float:right;
width: 138px;
padding:20px;
padding-top:22px;
padding-left:24px;
background: url(images/service-options-bg.jpg) repeat-y center left;
}
#cs-description h2 {
font-weight:bold;
font-size:1.6em;
line-height:36px;
color:#333333;
}
#commercial-option {
float:right;
border:2px solid white;
height:185px;
}
/* anti flicker wrapper */
#big-button-wrapper {
background: url(images/services-button.jpg) no-repeat 70% 50%;
font-size:1.2em;
width:422px;
}
#user-type a, #user-type a:link, #user-type a:visited {
display:block;
width:382px;
padding:20px 20px;
text-decoration:none;
color: #666666;
}
#user-type a:hover,#user-type a:active {
background-color:white;
background: url(images/services-button-hover.jpg) no-repeat 70% 50%;
}
img#van {
float:right;
margin-left:20px;
margin-top:-20px;
margin-bottom:15px;
}
img#plug {
float:right;
margin-left:20px;
margin-bottom:20px;
}
/* Photo Slide Show */
/*** set the width and height to match your images **/
#slideshow {
position:relative;
height:338px;
width:450px;
border:15px solid #CCCCCC;
margin:30px auto;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height:338px;
width:450px;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
#slide-height {
height:450px;
}