﻿body { text-align:center; background:#fff; margin:0; padding:0; font-family:Verdana; }

.fontsetting{ font-size:18px;}

#wrap{width:924px; margin:0 auto; text-align:left;  }

#innerWrapper{ background-color:#FFF; width:924px;}

#index #header { position:relative;width:924px; height:398px; background-color: #FFFFFF;}
#index #header .logo{ background-image:url("../images/TMS-HomeLogo-WithAddy.jpg"); width:242px; height:350px; background-color:#f2f2f2; margin-right:4px;}

#page #header { position:relative;width:924px; height:162px; background-color: #FFFFFF;}
#page #header .logo{ background-image:url("../images/TMS-InteriorHeader-WithAddy.jpg"); width:924px; height:132px; background-color:#f2f2f2; margin-right:4px;}
#page .truckflash{ width:510px; height:274px; }
#header .topBlack { background-color:#000; width:924px; height:30px;}
#header .stripesGray { width:924px; height:3px; border-top: solid 1px #d1d1d1 ; border-bottom: solid 1px #d1d1d1 ; margin-top:2px; margin-bottom:2px ;}
#header .flash { width:650px; height:350px; }
#header .redBar { background-color:#de302a; width:24px; height:350px; margin-left:3px; }

#main_nav .menuItem{ text-align:center; padding:0 20px; text-transform:uppercase; background-color:Transparent;}
#main_nav{position:relative; width:924px; height:41px;background-color:#000 ; z-index:10;}


#main_nav a { color:#FFFFFF; font-size:12px;  }
#main_nav a:hover { color:#FFFFFF; font-size:12px;}
#main_nav .staticMenuItemStyle{ height: 41px;}
#main_nav .staticMenuStyle{ height:41px;  }
#main_nav .staticHoverStyle{height: 40px; background-color:#de302a; }
#main_nav .dynamicMenuItemStyle{ height: 30px; background-color:#000; z-index:10;}
#main_nav .dynamicMenuStyle{ height:30px;  z-index:10; }
#main_nav .dynamicHoverStyle{ background-color:#de302a;  z-index:10; }
#main_nav .dynMenuItem {position:relative; padding:0 10px; z-index:10; }
#content{ min-height:200px;}
.border_right{ width:156px; background: url("../images/border.jpg") repeat-y top right;}
.border_left{ width:156px; background: url("../images/border.jpg") repeat-y top left;}

#vehicle_list .vehicleRow{ background-color:#d1d1d1; padding:5px; }

#vehicle_list .vehicleAltRow{ background-color:#fff; padding:5px;}
#vehicle_list .text{ width:150px;}
#vehicle_list .image{ width:140px;}
#vehicle_list .hyper{ width:140px;}
#vehicle_list a {color: #000;}
#vehicle_list a:link {color: #000;}
#vehicle_list a:hover {color: #000;}


#truckflash { position:relative; z-index:3;height:284px; float:left;}
#vehicle_detail{ width:400px; font-family:Arial; font-size:14px; font-weight:bold; margin-bottom:10px;  text-align:left;}
#vehicle_detail a:link {color: #000;}
#vehicle_detail a:hover{ width:400px; font-family:Arial; font-size:14px; font-weight:bold; margin-bottom:10px;  text-align:left;}
#vehicle_detail .flash { position:relative; width:510px; height:274px; z-index:0; }
#vehicle_detail .flashContent { position:relative;  z-index:3; margin-bottom:10px;}
#vehicle_detail .fieldHeaderStyle { font-family:Arial; font-size:13px; font-weight:normal; text-transform:uppercase; text-align:left;}
#vehicle_detail DetailsView{ width:400px;}
#vehicle_detail td{ width:200px; padding:2px 5px;}
#vehicle_detail .DetailsView1_RowStyle{ background-color:#f2f2f2; }
#vehicle_detail .DetailsView1_AltRowStyle{ background-color:#fff; }
#vehicle_detail .DetailsView1_HeaderStyle{ font-family:Arial; font-size:16px; text-transform:uppercase; text-align:left;}
#vehicle_detail .text{ width:150px;}
#vehicle_detail .image{ width:140px;}
#vehicle_detail .links{ color:#000;}
#formView { background-color:#f2f2f2;  font-size:12px; width:390px; margin: 0 10px 10px 0;  }
#formView .inner { background-color:#f2f2f2; padding:5px; font-size:12px; width:380px; }
#formView a:link {color: #000;}
#formView a:hover {color: #447bbf;}
#formView .req_row{}
#formView .req_chk{ border-style:inset; border-width:1px; border-color:#f7f7f7; }
#formView .req_data{}


.sitemapStyle{color:#8aa7cf; font-size:10px;}

.portal_banner{ color:#FFFFFF; text-align:center; padding-top:15px; font-size:30px; margin:0 0 10px 0; height:60px; background-color:#BA264A;}
#portal_lists{ position:relative; width:80%; margin:10px auto; text-align:left;}
.portal_lists{ position:relative; width:95%; margin:10px auto; text-align:left;}
.portalLists{ float:left; width:48%;text-align:left; margin-left:10px;}
.titlediv{ margin-bottom:10px;  border-bottom:solid 1px #BA264A;  }
.list_title{ font-size:12px; font-weight:bold; text-decoration:none;}
.list_items{text-decoration:none;}
.hyperclass{text-decoration:none; color:#1A2553;}

.left{float:left;}
.right{ float:right;}
.clear{ clear:both;}
.padding_ten{padding:10px;}
.padding_four{padding:10px 4px;}


#footer .stripesGray { width:924px; height:3px; border-top: solid 1px #d1d1d1 ; border-bottom: solid 1px #d1d1d1 ; margin-top:2px; margin-bottom:2px ;}
#footer{ width:924px; height:50px; margin:0 auto;  font-size:10px; text-align:center; }
#footer .innerfooter{width:575px; margin:0 auto;}
#footer .staticMenuItemStyle{}
#footer .staticMenuStyle{}
#footer .staticHoverStyle{}
#footer a { color:#000;}
#footer a:hover { color:#000;}
#footer .menuItem{ text-align:center; padding:0 20px; text-transform:uppercase;}

#locationTitle{ text-align:center;}
#dropdownlists{ text-align:left;}
.centre{ text-align:center;}
#locations{ border:solid 1px #1A2553; margin:10px; padding:10px;}
#locations .locationHeader{ font-weight:bold; color:#1A2553;}
#locations .locationSection{}
#locations .locationContent{}
#dropdownlists .ddlLabel{ width:300px; text-align:right; font-weight:bold; padding:10px;}
#dropdownlists .ddlDropdown{  padding:10px 0;}
.viewLocationButton{width:600px; text-align:center;}

#rightHeader{ width:300px; float:right; position:absolute; top:10px; left:520px;}
#SearchControl .content{}
.search_button{font-size:12px; color:#BA264A; font-weight:bold; text-decoration:none; }

.loginViewDiv {}

#wiz
{
    position: relative;
    text-align: left;
}
.formOuter
{
    padding: 5px;
}
.formLeft
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 200px;
    position: relative;
    text-align: left;
    float: left;
}
.formRight
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 300px;
    position: relative;
    text-align: left;
    float: left;
}

.formLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}
.formRblLeft
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
    position: relative;
    text-align: left;
    float: left;
}
.formRblRight
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100px;
    position: relative;
    text-align: left;
    float: left;
}

.formRblLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}

.formText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}
.formVal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #d96721;
    font-weight: bold;
}

