body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background: #F0F1F3 url("content-bg.jpg") repeat-y top left;
	color: #222222;
}

hr
{
    text-align:center;
    width:70%;
    background-color:Silver;
}

#header, #navigation, #nav-sections, #sitemap, #main, #content, #left, #right, #footer, #page,
#header .right .row, #login-view, #legal, #footer .left, #copyright,
.general, .general .left, .general .right, .general .promo,
.pad
{
    overflow: hidden;
    height: 100%;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    color: #666666;
}
h2, h3
{
    margin: 0px 0px 15px 0px;
    font-size: 12pt;
}
h4
{
    margin: 0px 0px 10px 0px;
    font-size: 12pt;
}
h5
{
    font-size: 10pt;
}

a, #content a, #home a
{
    color: #527BB9;
    text-decoration: none;
}
a:Hover, #content a:Hover, #home a:Hover
{
    color: #FF6600;
}

#right a.top, #truck-right a.top
{
    background: transparent url("link-up.gif") no-repeat left center;
    padding-left: 10px;
}
#right a.top:Hover, #truck-right a.top:Hover
{
    background-image: url("link-up-selected.gif");
}

/************* HEADER STUFF ************/

#header, #footer, #sitemap, #login-view, #left, #nav-sections
{
    font-family: Arial, Sans-Serif;
}
#header .left
{
    width: 190px;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-left: 29px;
}
#header .right
{
    width: 529px;
    float: right;
}
#header .right .row
{
}
#header h1, #header h2, #header h3
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    text-align: right;
}
#header h1
{
    font-size: 20px;
}
#header h2
{
    font-size: 10px;
}

#header h1, #header .right img
{
    margin-top: 8px;
}
/* Inherits properties from #navigation */
#header ul.address, #header ul.address li
{
}
#header ul.address
{
    text-align: right;
    padding: 0px 0px 5px 0px;
}
#header ul.address li a
{
    padding-left: 14px;
    background: transparent url("sphere1.png") no-repeat left center;
}
#header ul.address li a.first
{
    padding: 0px;
    background-image: none;
}

/************* NAVIGATION ************/

#navigation
{
}
#navigation, #login-view, #footer, #legal
{
}
#navigation ul, #nav-sections ul, #navigation li,
#login-view ul, #login-view li,
#footer ul, #footer li,
#legal ul, #legal li,
#header ul.address, #header ul.address li
{
    margin: 0px;
    list-style-type: none;
}
#navigation li, #nav-sections li, #login-view li, #footer li, #legal li, #header ul.address li
{
    display: inline;
}

#navigation ul, #navigation li
{
    padding: 4px 0px;
}

#navigation a
{
    padding: 3px 10px;
    border-right: solid 1px #929292;
    border-bottom: solid 1px #929292;
}
#navigation a:Hover, #navigation a.Selected
{
    text-decoration: none;
}
#navigation a:Hover, #navigation a.Fade
{
    background-color: #CCCCCC;
}
#navigation a.Selected, #navigation ul.sub-menu li a.Selected
{
    background-color: White;
    border-bottom: solid 1px White;
}
#navigation a.Fade
{
    border-bottom: solid 1px #CCCCCC;
}
#navigation .nav-bottom
{
    background: #F0F0F0 url("nav-bg.png") repeat-x bottom right;
    padding-top: 3px;
    height: 22px;
}

#navigation ul.sub-menu, #navigation ul.sub-menu li
{
}
#navigation ul.sub-menu li a
{
    border-bottom: solid 1px #E1E1E1;
}

#nav-sections
{
    background: #CCCCCC;
    padding-top: 3px;
    height: 22px;
}
#nav-sections ul
{
    margin: 0px;
    padding: 4px 0px;
}
#nav-sections li
{
    margin: 0px;
    padding: 0px;
}
#nav-sections li a
{
    border-right: solid 1px #999999;
    padding: 4px 10px;
}
#nav-sections li a:Hover, #nav-sections li a.Selected
{
    color: #003366;
    background-color: White;
}
#nav-sections li a.Selected:Hover, #navigation ul li a.Selected:Hover,
#navigation ul li a.Fade:Hover
{
    color: #00ADEF;
}

/************* SITE MAP ***********/
#sitemap
{
    width: auto;
    float: left;
}
#sitemap, #login-view, #navigation, #footer, #legal, #copyright
{
    font-size: 8pt;
}

#sitemap a, #login-view a, #navigation a, #nav-sections a, #footer a, #legal a,
#left .Menu ul li a, #left .sub-menu ul li a,
#header ul.address li a
{
    color: #333333;
}
#sitemap a, #left .Menu ul li a, #left .sub-menu ul li a
{
    background: transparent url("sitemap.gif") no-repeat center left;
}

#sitemap a:Hover, #sitemap a.Selected,
#login-view a:Hover,
#navigation a:Hover, #navigation a.Selected,
#footer a:Hover, #footer a.Selected, #legal a:Hover,
#header ul.address li a:Hover
{
    color: #003366;
}

#left .Menu ul li a:Hover, #left .sub-menu ul li a:Hover,
#left .Menu ul li a.Selected, #left .sub-menu ul li a.Selected,
#left .Menu ul li a.selected-down, #left .Menu ul li a.indent-selected
{
    color: #FF6600;
}
/* Defined above with a */
#sitemap a:Hover, #sitemap a.Selected
{
    background: transparent url("link-selected-navy.gif") no-repeat center left;
}
#sitemap a.Selected:Hover
{
    text-decoration: underline;
}

/************* CONTENT ************/
/* This is the main area of the page consisting of two columns - #left and #right */

#content
{
    background: transparent url("content-bg.png") repeat-y top left;
}

#left, #address .left
{
    float: left;
    width: 170px;
}

#right, #address .right
{
    float: right;
    width: 589px;
    background-color: White;
}

#login, .Menu-Item .content, #address .right
{
    padding: 5px;
}
#right, #truck-right .pad
{
    padding: 10px 5px 10px 5px;
}

#content a, #home a, #login a, #sitemap a, #address a
{
    padding-left: 8px;
}
#content a, #home a, #login a, #address a
{
    background: transparent url("link.gif") no-repeat center left;
}
#content a:Hover, #home a:Hover, #login a:Hover,
#address a:Hover
{
    background-image: url("link-selected.gif");
}

/************* FOOTER ************/

/* Inherits other properties from #navigation, #login-view and #sitemap */
#footer
{
    background: #F0F1F3 url("content-bg.jpg") repeat-y top left;
    width: 780px;
}
#footer li a, #legal li a
{
    padding: 0px 8px;
    border-left: solid 1px #666666;
}
#footer .left
{
    float: left;
    text-align: center;   
}
#legal ul li span
{
    padding: 0px 8px;
    color: #333333;
}
#legal
{
    padding: 4px 0px;
}

#stats
{
    text-align: center;
}

/* PAGE SPECIFIC */
/* 1. Misc */
/* unordered lists containing images (i.e. FAQs) */
#right ul.Links, #van-types ul.Links, #truck-right ul.Links
{
    list-style-image: url("link.gif");
}
#right ul.Links li a, #van-types ul.Links li a, #truck-right ul.Links li a
{
    padding: 0px;
    background-image: none;
}
#right ul.Links li a:Hover, #van-types ul.Links li a:Hover, #truck-right ul.Links li a:Hover
{
    background-image: none;
}

/* Form Headings (i.e. Help Search Facility) */
table.Form caption
{
}

/* Search Results */
/* Defined below with .Menu */
.search
{
}

/* Defined above */
div.description
{
    overflow: auto;
    height: 100%;
}
div.description-center
{
    text-align: center;
}

/* 2. MENU */
/* All page elements for this style inherit the same properties so are defined with Menu */
.Menu, .Address, .snap-shot, .snap-intro, .footer-element, .about-item, .contact-item,
.Menu-Item, .panel, .faqs-item, .media-item, .help-item, .legal-item, #Weather, .search,
.AspNet-PasswordRecovery, .AspNet-Login, .form, .general
{
    overflow: auto;
    height: 100%;
    
}
.Menu h3, .Address h3, .snap-shot h3, .snap-intro h3, .footer-element h3, .about-item h3, .contact-item h3,
.Menu-Item h3, .panel h3, .faqs-item h3, .media-item h3, .help-item h3, .legal-item h3, #Weather h3, .search h3,
#home .row .home-item h3, #home .row .home-item-alt h3
{
    margin: 0px 0px 15px 0px;
    font-size: 12pt;
}
.Menu div.content, .Address div.content, .snap-shot div.content, .snap-intro div.content, .footer-element div.content, .about-item div.content, .contact-item div.content,
.Menu-Item div.content, .panel div.content, .faqs-item div.content, .media-item div.content, .help-item div.content, .legal-item div.content, #Weather div.content, .search div.content,
.Menu ul, .form div.content,
#home .row .snap-shot .content, #home .row .home-item .content, #home .row .home-item-alt .content
{
}

.Menu
{
    background-color: #E1E1E1;
}
.Menu h3, .accordion-header-selected h4, .AspNet-Login .AspNet-Login-TitlePanel,
.Menu-Item h3, .Menu-Item h4, .form h4,
.AspNet-PasswordRecovery-UserName-TitlePanel, .AspNet-PasswordRecovery-Question-TitlePanel,
.AspNet-PasswordRecovery-SuccessTextPanel h4,
.product-gallery .AspNet-DataList table caption, #home .row .snap-shot h4,
.retail-item .tabs-content h3, .guidance .AspNet-FormView .AspNet-FormView-Data h4,
.general .promo h3, .retail-item .tabs-content table caption, #van-types .base h5
{
    background-color: #C6C6C6;
    margin: 0px;
    padding: 3px;
    font-size: 8pt;
    color: White;
}
.Menu p
{
}
.Menu ul, .sub-menu ul.Links
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.Menu li, .sub-menu ul.Links li
{
    padding: 0px;
    border-bottom: solid 1px White;
}
.Menu li.alt
{
}
#left .Menu ul li a, #left .sub-menu ul.Links li a, #left .Menu ul li a.indent,
#left .Menu ul li a.down, #left .Menu ul li a.selected-down
{
    display: block;
}
#left .Menu ul li a, #left .sub-menu ul.Links li a,
#left .Menu ul li a.down, #left .Menu ul li a.selected-down
{
    padding: 3px 0px 3px 11px;
    background: transparent url("menu.gif") no-repeat center left;
}
#left .Menu ul li a.down
{
    background-image: url("menu-down.gif");
}
#left .Menu ul li a.indent, #left .Menu ul li a.indent-selected
{
    padding: 3px 0px 3px 21px;
}
#left .Menu ul li a.indent
{
    background-image: url("menu-indent.gif");
}

#left .Menu ul li a:hover, #left .Menu ul li a.Selected,
#left .sub-menu ul li a:hover, #left .sub-menu ul li a.Selected,
#left .Menu ul li a.indent-selected, #left .Menu ul li a.selected-down,
#left .Menu ul li a.down:Hover
{
    background-color: #F0F0F0;
}
#left .Menu ul li a:hover, #left .Menu ul li a.Selected,
#left .sub-menu ul li a:hover, #left .sub-menu ul li a.Selected
{
    background-image: url("menu-selected.gif");
}
#left .Menu ul li a.indent:Hover, #left .Menu ul li a.indent-selected
{
    background-image: url("menu-indent-selected.gif");
}
#left .Menu ul li a.selected-down
{
    background-image: url("menu-down-selected.gif");
    padding-left: 13px;
}

/* Normal Text Menu Items (i.e. Ask a question in FAQs) */
.Menu-Item
{
    border-bottom: solid 1px White;
    background-color: #E1E1E1;
}
.Menu, .Menu-Item, .sub-menu
{
    margin-bottom: 20px;
}
.Menu-Item .description, .Menu-Item p
{
    padding: 5px 0px;
    margin: 0px;
}
.Menu-Item .form-item
{
    padding: 0px 0px 8px 0px;
}

/* Messages - AJAX Message Facility (not always used) */
.Menu-Messages
{
    overflow: auto;
}
.Menu-Messages h5
{
    font-size: 12pt;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
}
.Menu-Messages .description
{
    margin-bottom: 10px;
}

/* 3. Weather */
#Weather
{
    min-height: 100px;
}
#Weather h3
{
    
}
#Weather table
{
    width: 98%;
    margin: 3px 2px;
}
#Weather table tr td
{
    text-align: center;
    white-space: nowrap;
}
#Weather table tr td strong
{
    font-weight: normal;
}
#Weather table tr td.Header
{
    white-space: nowrap;
    padding: 2px 0px;
}
#Weather table tr td.Symbol
{
    height: 74px;
    width: 40%;
    background-color: #0396C3;
}
#Weather table tr td.Temp
{
    height: 40px;
    width: 30%;
    color: Black;
    border-left: solid 4px White;
}
#Weather table tr td.Label
{
    color: #B4B4B4;
    font-size: 8pt;
}

/* 4. Address */
.Address
{
}

/* home page snap-shots and snap-introduction */
.snap-shot
{
}
.snap-intro
{
}

/* Area Descriptions (also can be used in Menu) */
.area-desc, .area-desc-right
{
}

/* 6. About Us (and Projects) */
/* main defined above with .Menu */
.about-item
{
}

/* 7. Contact Us */
/* main defined above with .Menu */
.contact-item
{
    margin-bottom: 20px;
    padding: 5px;
}
.contact-item .left
{
    float: left;
    width: 49%;
}
.contact-item .right
{
    float: right;
    width: 49%;
}
.contact-item h4
{
    font-size: 10pt;
}
.contact-item .item
{
    padding: 0px 0px 10px 0px;
}

/* 8. Links */
/* main defined below with .details-item */
.links-item
{
}

/* 9. FAQs */
/* main defined above with .Menu */
.faqs-item
{
}

/* 10. Media */
/* main defined above with .Menu */
.media-item
{
}

/* 11. Help */
/* main defined above with .Menu */
.help-item
{
    margin-bottom: 20px;
}

/* 12. Legal */
/* main defined above with .Menu */
.legal-item
{
}

/* 13. Details Listing - new style for listing media and event items with abstract */
.details-item, .details-record, .links-item, .details-record .item
{
    overflow: auto;
    height: 100%;
}
.details-item, .links-item
{
    margin-top: 20px;
}
/* NB. Remember to change border colour in home.css form .home-items */
.details-item, .contact-item
{
    border: solid 1px #DEDEDE;
}
.details-item .description
{
    padding: 5px 3px;
}

.details-item .left
{
    float: left;
    width: 30%;
}
.details-item .right
{
    float: right;
    width: 69%;
}
.details-item h4, .details-record h3, .links-item h4
{
}
.details-item h4
{
    margin: 0px;
}
.details-record h3, .links-item h4
{
}

.details-item .content, .details-item h4, .details-item .left .content, .details-record h3
{
    padding: 3px;
}
.details-item .content .description
{
    padding: 5px 0px;
}
.details-item img.thumb
{
    margin: 4px;
}

.details-record .item
{
}
.details-record table, .about-item table.datasheet
{
    width: 100%;
}
.details-record table tbody tr td, .about-item table.datasheet tbody tr td
{
    border: solid 1px Silver;
    vertical-align: top;
    padding: 2px;
}
.details-record table tbody tr td.label, .about-item table.datasheet tbody tr td.label
{
    text-align: right;
    width: 20%;
}

/*********** SPECIFIC STYLES ***********/

/* Defines the link at the bottom of the page to us */
#page
{
    width: 770px;
    padding-bottom: 28px;
}

/* Inner area of all the sections */
div.content
{
}

/* General label (record counts, etc) */
.general-lbl
{
    color: Gray;
    font-size: 8pt;
}

/* any other division */
.general
{
    margin-bottom: 20px;
}
.general .col
{
    float: left;
    width: 49%;
    margin-right: 5px;
}
.general .left
{
    float: left;
    width: 49%;
}
.general .right, .general .promo
{
    float: right;
    width: 49%;
}
.general .right
{
    text-align: right;
}
.general .promo
{
    border: solid 1px #DEDEDE;
}
.general .promo .description
{
    padding: 5px;
}

.pad
{
    padding: 5px;
}

/* doc-link */
#right .doc-link, #home .doc-link, #login .doc-link, #truck-right .doc-link
{
    background: transparent url('adobe.gif') no-repeat left top;
    padding-left: 18px;
}

/* Login-View: Top of banner, whether user has logged in or not; contact or email */
#login-view
{
    width: auto;
    float: right;
    background: #F0F0F0;
    border-bottom: solid 1px #C3C3C3;
}
/* inherits other properties from #navigation */
#login-view ul, #login-view li,
#footer ul, #footer li
{
    padding: 2px 0px;
}

/* Inherits other properties from #sitemap */
#login-view a
{
    padding: 2px 3px 2px 16px;
    background: transparent url("loginview.gif") no-repeat center left;
    border-right: solid 1px #C3C3C3;
}
#login-view a:Hover
{
    background-image: url("loginview-selected.gif");
}
#login-view ul li span.intro
{
    padding-left: 5px;
}
#login-view ul li span.name
{
    padding-right: 5px;
}

/* Home - defined in home.css */
#home, #right, #login, #truck-right
{
    min-height: 490px;
}

/* Navigation at the bottom of the page */
#legal
{
    width: auto;
    float: right;
}
#copyright
{
    text-align: center;
    margin: 10px 0px;
}
#copyright .item
{
    margin-bottom: 5px;
}

/* Aligning Text */
.align-right
{
    text-align: right;
}

/* Right column of Trucks page */
#truck-right
{
    overflow: auto;
    height: 100%;
    float: right;
    width: 600px;
    background-color: White;
}
/* Defined with #right*/
#truck-right .pad
{
}

#content a.back
{
    margin-top: 20px;
    display: block;
}