﻿html, body
{
    margin: 0;
    padding: 0;
}

body
{
    background: #00984a url(Images/bg.gif); 
    color: #fff; 
}

.main 
{
    background: #fff; 
    color: #000; 
    border: solid 2px #00793c; 
    margin: auto; 
    width: 768px; 
}

.main .color-1
{
    background: #CCFFE4; 
    color: #000; 
}

.main .frame
{
    border: solid 1px #e73942; 
    margin: 0 4px 4px 0; 
}
.main .frame-outer
{
    margin: 4px 0 0 4px; 
}

.main, .main table
{
    font: small Arial; 
}

.main h1
{
    background: inherit; 
    color: #00984a;
    font: bold x-large Arial;
}


.main table
{
    border-collapse: collapse; 
}
.main td
{
    vertical-align: top; 
}
.main th
{
	padding-left: 4px; 
	text-align: left; 
}

.main a
{
    text-decoration: none; 
}
.main img
{
    border: none; 
}

.main .center
{
    margin: auto; 
    text-align: center; 
}
.main .pad
{
    padding: 4px 8px; 
}

.main .header .logos 
{
    padding: 16px; 
    text-align: center;
}
.main .header .logos .slogan
{
    color: #00984a;
    font: bold italic 20px Arial;
}
.main .header .logos .phone
{
    color: #c70005; 
    font: bold italic 24px Arial; 
    padding-top: .5em; 
}

.main .header .menu
{
    clear: both; 
    margin: 0; 
    padding: 0; 
}

.main .header .menu li
{
    border-right: solid 1px #fff; 
    float: left; 
	list-style:none;
    width: 108px; 
}
.main .header .menu li.hq
{
    border-right: none; 
    width: 114px; 
}
.main .header .menu li a
{
    background: url(Images/menu.gif);
    color: #fff;
    font: large Verdana bold; 
    display: block; 
    line-height: 36px; 
    width: 100%; 
    text-align: center; 
}

.main .header .menu li.hq a
{
    background: url(Images/menu-hq.gif);
    color: #fff;
}

.main .header .menu li a:hover
{
    background-position: 0 -36px; 
    color: #ccc;
}

.main .content
{
    clear: both; 
    min-height: 350px; 
}

.main .content a
{
    color: #060; 
    font-weight: bold; 
}
.main .content a:hover
{
    color: #f00; 
    text-decoration: underline; 
}

.main .content .page
{
    width: 100%; 
}

.main .content .title
{
    background: #e73942;
    color: #fff;
    font-weight: bold; 
    padding: .25em; 
}

.main .content .hours
{
	color: #f00; 
	font-weight: bold; 
	font-size: x-small; 
	padding: 8px; 
	/* border-top: solid 2px #f00; */
}
.main .content .hours ul
{
	margin: 0 0 0 36px; 
}


.main .content .disclaimer
{
	color: #f00; 
	font-weight: bold; 
	font-size: x-small; 
	padding: 8px; 
}

.main .content .form-control table
{
    width: 100%; 
}
.main .content .form-control table td
{
    padding: 4px 0 4px 0; 
}


.main .content .fleet-control
{
    width: 100%; 
}
.main .content .fleet-control td
{
    padding: 4px 0 4px 0; 
}
.main .content .fleet-control td .name
{
    font-style: italic; 
}
.main .content .fleet-control td .rates
{
    font-size: x-small; 
}
.main .content .fleet-control td .blackout
{
    color: #f00; 
    font-weight: bold; 
    font-size: x-small; 
}

.main .content .vehicle-info .name
{
    background: #000; 
    color: #fff; 
    font-weight: bold; 
    text-align: center; 
    padding: .25em; 
}

.main .content .quote-control
{
    width: 100%; 
}
.main .content .quote-control td
{
    padding: 2px 4px 2px 4px; 
}
.main .content .quote-control .qty
{
    text-align: right; 
}
.main .content .quote-control .unit-price
{
    color: #333; 
    font-size: x-small; 
}
.main .content .quote-control .unit-price .amount
{
    font-weight: bold; 
}


.main .content .quote-control .subtotal
{
    font-weight: bold; 
    text-align: right; 
}

.main .content .checked-bullets
{
    margin-left: 20px; 
	list-style-image: url(Images/check.gif); 
}
.main .content .checked-bullets li
{
	padding: 4px; 
}


.main .content .faqHeader {
	TEXT-ALIGN: left;
	COLOR: #000000;
	FONT-FAMILY: arial;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: 900

}

.main .content .faqQuestion {
	TEXT-ALIGN: left;
	COLOR: #00894a;
	FONT-FAMILY: arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: 900;
	LINE-HEIGHT: 12	0%;
	MARGIN-TOP: 0;
	MARGIN-BOTTOM: 0
}

.main .content .faqQuestion A {
	COLOR: #00894a;
	FONT-FAMILY: arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: 900;
	LINE-HEIGHT: 12	0%;
	MARGIN-TOP: 0;
	MARGIN-BOTTOM: 0
}

.main .content .faqQuestion A:hover {
	BACKGROUND-COLOR: #dbdbdb;
}

.main .content .faqAnswer {
	TEXT-ALIGN: left;
	COLOR: #000000;
	FONT-FAMILY: arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: 500;
	MARGIN-TOP: 1;
	MARGIN-BOTTOM: 3
}

.main .content .special
{
    background: #dcffde; 
    color: #098011; 
    border: 2px dashed #18a722; 
    font-family: Arial; 
    font-size: 14px; 
    padding: 16px; 
    width: 500px; 
	margin: auto;
}
.main .content .special .special-title
{
    background: inherit; 
    color: #000; 
    font-weight: bold; 
    font-size: 16px; 
    text-align: center; 
}
.main .content .special .footprint
{
    background: inherit; 
    color: #000; 
    font-size: x-small; 
    text-align: center; 
}

.main .footer 
{
    background: #00793c; 
	color: #fff;
    font-size: x-small;
    font-family: Arial; 
    padding: 4px; 
    text-align: center; 
}
.main .footer p
{
    margin: .5em; 
    padding: 0; 
}
.main .footer a
{
    font-weight: bold; 
    color: #ccc; 
}
.main .footer a:hover
{
    color: #fff; 
    text-decoration: underline; 
}
.main .footer .powered-by img
{
	vertical-align: middle; 
}