@charset "UTF-8";
/* CSS Document */

html { /*height:101%; */}
html, body, p, form, ul, li, h1, h2, h3, h4, h5, h6, br, form { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
body { font-family:Arial, Lucida, Verdana, sans-serif; background:#fff; font-size:11px; color:#000000; padding: 0px 0px 0px 0px; text-align:center; }

a { font-family:Arial, Lucida, Verdana, sans-serif; text-decoration:none; color:#112E83; }
a:hover { color:#000; }
img { border:0px;}
.option { padding:2px; font-size:11px;  color:#000; border: 1px solid #999999 ; width:150px;}
.textinput { padding:2px; font-size:11px;  color:#000; border: 1px solid #999999 ; width:150px; font-family:Arial, Helvetica, sans-serif; }

.textarea { padding:2px; font-size:11px;  color:#000; border: 1px solid #999999 ; font-family:Arial, Helvetica, sans-serif; }

.greensubmit { font-size:10px; padding:0px; height:24px; color:#666666; background: url(/images/SubcribeBigger.jpg) 0 0 no-repeat; border: 0px; width:150px;}
.greensubmitBIG { font-size:10px; padding:0px; height:24px; color:#666666; background: url(/images/SubcribeBigger2.jpg) 0 0 no-repeat; border: 0px; width:200px;}
.greensubmitBIG3 { font-size:10px; padding:0px; height:24px; color:#666666; background: url(/images/SubcribeBigger3.jpg) 0 0 no-repeat; border: 0px; width:230px;}

a.hidden { display:none; }
.hidden { display:none; }

a.Red { color:#990000; }
.Red { color:#990000; }

a.RedBold { color:#990000; font-weight: bold;}
.RedBold { color:#990000; font-weight: bold;}

a.LightBlue {color: #09ADEF;}
.LightBlue {color: #09ADEF;}

a.DarkBlue {color: #112E83;}
.DarkBlue {color: #112E83;}

a.DarkBlueBold {color: #333333; font-weight: bold;}
.DarkBlueBold {color: #333333; font-weight: normal;}




#FrameHolder { background:#fff; }
#Frame { width:960px; padding:5px 0 0 0; margin-left:auto; margin-right:auto; text-align:left; height: auto; }
#FrameTwo { width:960px; padding:0 0 0 0; margin-left:auto; margin-right:auto; text-align:left; height: auto; background:#FFFFFF; }

#SplitBanner{width: 960px; height: 284px; padding:0; margin:0; background:#006699;}
#SplitBannerL {width: 480px; height: 284px; padding:0; margin:0; float:left;}
#SpiltBannerR {width: 480px; height: 284px; padding:0; margin:0; float:left;}

.BackDiv {width: 940px; height: 15px; padding: 8px 10px 5px 10px; margin:0; color:#000000; text-align:right; font-size: 12px;}
.BackDiv a {color: #666666; text-decoration:none; font-weight: bold; }
.BackDiv a:hover {color: #112E83; text-decoration:none; font-weight: bold; }

#TextIntro {width: 940px; height: auto; padding:10px; margin:0; color: #666; line-height: 1.6em;}

#PodHoldDiv {width: 960px; height: auto; padding:0; margin:0;}
.PodHold {width: 192px; height: auto; padding:0; margin:0; float:left;}
.PodImage {width: 192px; height:135px; padding:0; margin:0; background: url(/images/PodLoginBkg.jpg) 0 0 no-repeat;}
.PodInfo {width: 187px; padding:8px 0 0 5px; margin:0; height:75px; color: #000000; line-height: 1.4em;}
.PodInfo a {color: #000000; font-weight: bold; padding:0; margin:0;}
.PodInfo a:hover {color: #999999;}

.IntroGreyText {color:#333333; font-size: 16px; font-weight: normal;}
.PodTitle {color: #112E83; font-size: 13px; font-weight: bold; padding:0; marign:0;}
.PodTitle a {color: #112E83; font-size: 13px; font-weight: bold; padding:0; marign:0;}
.PodTitle a:hover { color:#000000; }

#LoginHold {width: 156px; height: 135px; padding:8px 0 0 30px; margin:0; color: #112E83; font-weight:bold; text-align:left; }
.DealerLoginTitle {font-size: 16px; font-weight:bold; color:#112E83; padding:8px 0 0 20px; margin:0; text-align:left;width: 156px;}

.TextFieldLogin {width: 120px; height: 16px; background:background: url(/images/SubcribeBig.jpg) 0 0 no-repeat;; padding:2px; border: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.TextLoginIntro {font-size: 11px; width: 126px; font-weight: normal; color: #666; border: none; height:24px; padding:0px 0 0 0; margin:0; background: url(/images/SubcribeBig2.jpg) 0 0 no-repeat;}


.LoginTop { width:760px; clear:both; }
.LoginTopLeft { float:left; width:440px; height:236px; background:url(/images/Login_01.jpg) 0 0 no-repeat;  }
.LoginTopRight { float:left; width:320px; height:236px; background:url(/images/Login_02.jpg) 0 0 no-repeat; color:#FFFFFF; font-weight:bold;  }

.LoginBot { width:760px; clear:both; }
.LoginBotLeft { float:left; width:440px; height:207px; background:url(/images/Login_03.jpg) 0 0 no-repeat; }
.LoginBotRight { float:left; width:320px; height:207px; background:url(/images/Login_04.jpg) 0 0 no-repeat; }

.loginHeader { width:760px; clear:both; }
.loginHeaderLeft { float:left; width:440px; height:71px;  }
.loginHeaderRight { float:left; width:310px; height:40px; padding:31px 10px 0 0; text-align:right; color:#CCCCCC; font-size:30px;  }

.loginFooter { width:760px; clear:both; padding:10px 0 0 0; color:#cccccc; }
.loginFooter a { color:#999999; }
.loginFooterLeft { float:left; width:430px; height:30px; padding: 0 0 0 10px ; }
.loginFooterRight { float:left; width:310px; height:30px; text-align:right; color:#999999; font-size:11px;  }



.LoginInput { width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#d2dfee; border:1px #7897ba solid; padding:2px; color:#000000;}
.LoginSubmit { width:154px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#40609d; border:0px #7897ba solid;  color:#FFFFFF; height:18px;}


.LoginBoxes { padding: 10px 0 0 20px; line-height:1.8em; clear:both; text-align:left;}


button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width: auto; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
	

/*blue buttons*/
button.submitBtn { background:url(/images/btn_blue_rightSm.gif) right no-repeat; font-size:15px; font-weight: bold; margin:auto }
button.submitBtn span { height:30px; line-height:30px;background:url(/images/btn_blue_leftSm.gif) left no-repeat;color:#fff; }
button.submitBtn:hover {background:url(/images/btn_blue_right_hoverSm.gif) right no-repeat; }
button.submitBtn:hover span {background:url(/images/btn_blue_left_hoverSm.gif) left no-repeat; }

.DemoNavigationHold { text-align:right; padding: 8px 0 0 0; }
.DemoNavigation { width: 350px; text-align:right; padding: 8px 0px 0 0; float:right; }
.DemoNavigation ul { padding:0; margin:0; width:auto; list-style-type:none;}
.DemoNavigation li { }


#ShowHide1 { border-bottom:2px #666 solid; }
.Hold { background:#fff; clear:both; }

#Main { padding:0; margin:0; height:auto; overflow:auto; width:960px; display:block; }

#MainHome { padding:0 0 0px 0; margin:0; height:auto;  width:960px; display:block; background:#FFFFFF; }

#MainText {width: 920px; height: auto; padding:20px; margin:0;}

#AdminHold {width: 920px; height:auto; padding:0; background:url(/images/lineBlue.jpg) 460px 0px repeat-y;}
#AdminLeft {width: 440px; height:auto; padding:10px; margin:0; float:left;}
#AdminRight {width: 440px; height:auto; padding:10px; margin:0; float:left;}
#AdminRight ul { padding: 0 0 0 25px; }
#AdminRight li { padding: 5px 0 0 15px; list-style-type:square; }

.GreyDark { color:#666; }

.TruckStyle {width: 200px; min-height:72px; height: auto; padding:0; margin:0; float:left; background: url(/images/TruckTitleBkg.jpg) 0 0 no-repeat;}
.TruckStyleTitle {width: 184px; height:62px; padding:10px 8px 0px 8px; margin:0; font-size: 18px; font-weight: bold; color: #112E83;}
.TrucksRemaining {width: 200px; height: 26px; padding:5px 0 0 0; margin:0; color:#112E83; text-align: center; background: url(/images/TrucksStyleBottom.jpg) 0 0 no-repeat; }


#OrderHold {width: 900px; margin-left:auto; margin-right:auto; padding:0;}
#OrderLeft {width: 220px; height: auto; padding:0; margin:0; float:left;}
.OrderRight {width: 300px; height: auto; padding:0; margin:0; float:left; }

.history { clear:both;  }
.historynew { clear:both;  }

.ViewGalleryHold {width: 225px; height:auto; padding:0; margin:0; text-align:center; color:#666666;}
.ViewGalleryIcon {width: 35px; height: 35px; padding:0; margin:0; float:left;}
.ViewGalleryText {width: 135px; height: 23px; padding: 10px 0 0 5px; float:left; margin:0; font-size: 10px;}


.ResHold {width: 198px; height:auto; padding:0; margin:0 13px 15px 13px; float:left; }
.ResTitle {width: 198px; padding:5px 0 0 0; margin:0;  color: #333; font-size: 11px; font-weight:bold; text-align:center;}
.ResImage {width: 198px; padding:0; margin:0; text-align:center;}
.ResInfoHold { clear:both; width: 198px; height: auto; padding:0px 0 0 0px; margin:0;line-height:1.0em; }
.ResInfo {  width: 198px; height: auto; padding:4px 0 4px 4px; margin:0; border-top: 1px dotted #999999;}

.Row { clear:both; padding:4px 0 0 0; text-align:left;  }
.RowLeft { width:50px; float:left; padding: 0 0 0 20px;   }
.RowRight { width:105px; float:left; padding: 0 0 0 4px;  }




/* REGISTRATION FORM */


.CellQuestion {width: 550px; height:auto; padding:0; margin:0; line-height: 1.3em;}
.CellHold {width: 550px; height: 25px; padding:4px; border-bottom: 1px dotted #999999; margin-right: auto; margin-left: auto; color: #112E83;}
.CellLeft {width: 200px; height: 25px; padding:5px 8px 0 0; margin:0; color: #112E83; float:left; text-align: right;}
.CellRight {width: 300px; height: 25px; padding:0; margin:0; float:left;}

.CellInput {width: 200px; height: 15px; padding: 3px; margin:0; border: 1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

.goBig { background: url(/images/SubcribeBig.jpg) 0 0 no-repeat; border:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:22px; width:95px; padding: 0px 4px 0 4px; }
.goBigger { background: url(/images/SubcribeBigger.jpg) 0 0 no-repeat; border:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:22px; width:150px; padding: 0px 4px 0 4px; }

.RegisterButton { background: url(/images/RegisterBkg.jpg) 0 0 no-repeat; border:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:22px; width:181px; padding: 3px 0px 0 20px; }




.HistoryTitle {width: 944px; height: 25px; padding:12px 8px 8px 8px; margin:0; background:url(/images/HistoryTitleBkg.jpg) 0 0 repeat-x; font-weight: bold; color: #000; font-size: 13px;}
.historyLeft {float:left; width:185px; display:block; padding: 8px 0 0 10px; }
.historyRight {float:left; width:350px;  display:block; padding: 8px 0 0 10px; border-left: 1px dotted #999999; line-height: 1.4em;}
.historyCal {width: 250px; height: 220px; padding:20px; margin:0; float:left; border-left: 1px dotted #999999;}

.HistoryInfoHold {width: 330px; height: 20px; padding:4px; margin:0; }
.HistoryInfo {width: 330px; height: 20px; padding:0; margin:0; border-bottom: 1px dotted #999999;}


.HoldVehicleList {width: 600px; height:auto; padding:0; margin-right: auto; margin-left: auto;}
.VehicleTitle {width: 944px; height: 25px; padding:12px 8px 8px 8px; margin:0; background:url(/images/HistoryTitleBkg.jpg) 0 0 repeat-x; font-weight: bold; color: #000; font-size: 18px;}
.VehicleLeft {float:left; width:205px; display:block; padding: 8px 0 0 10px; }
.VehicleRight {float:left; width:350px;  display:block; padding: 8px 0 0 10px;  line-height: 1.4em;}
.VehicleCal {width: 250px; height: 220px; padding:20px; margin:0; float:left; }


.VehicleInfoHold {width: 330px; height: 20px; padding:4px; margin:0; }
.VehicleInfo {width: 330px; height: 20px; padding:0; margin:0; border-bottom: 1px dotted #999999;}


.Interested {color: #112E83; font-weight: bold; font-size: 11px; padding:0; margin:0;}
.Interested a{color: #112E83; font-weight: bold; font-size: 11px; padding:0; margin:0;}
.Interested a:hover{color: #666666; font-weight: bold; font-size: 11px; padding:0; margin:0;}



#TruckHold {width: 600px; height: auto; padding:0; margin-right:auto; margin-left: auto;}

/* GALLERY DEMO SECTION */

.GalleryHold {width: 225px; height: 198px; padding:10px 0px 0 0px; background: url(/images/TruckInfoBkg.jpg) 0 0 no-repeat; float:left; margin-top:20px; }
.GalleryImage {width: 225px; padding:0; margin:0; text-align:center;}
.ModelTitle {color:#112E83; font-weight: bold; font-size: 15px; padding:0; margin:0;}
.ModelTitle a {color:#112E83; font-weight: bold; font-size: 15px; padding:0; margin:0;}
.ModelTitle a:hover {color: #999999; }




/* DEMO STUFF */


#IconSet {width: 450px; height: 30px; padding:0 0 0 10px; margin:0; text-align: left; float:left; font-size: 9px;}

#IconSet h2 { width:65px; padding:5px 0 0 0;  float:left; font-size:15px; color:#666666;}

a.Icons {width:55px; height:18px; display:block; float:left; padding: 7px 0 0 40px; font-size:11px; color:#666666;}
a.Icons:hover { color:#000000; }


#DemoList {width: 930px; margin-left:auto; margin-right:auto; padding: 0; overflow: auto; height: 4005x;}

#DemoHold {min-width: 1000px; width: auto; padding:0; margin:0;}
.DemoOuter {width:225px;  background:url(/images/TruckInfoBkg.jpg) 0 0 no-repeat; float:left; padding: 15px 0 0 0; line-height:1.6em;}
.FlashPadding {padding:3px 0 0 0; line-height:1.1em;}
.TruckPadding {padding: 0 10px 0 10px;}
.Orange { color:#FF6600;} 
.Green { color: #7EAE38;} 

.Gallery { line-height:1.0em; color:#666666; padding: 0 10px 0 10px; height:20px; width:205px; display:block; }

#HomeLeft { padding:48px 0 0 53px; width:283px; float:left; display:block; }
#HomeLeft ul { list-style-type:none; color:#112E83; }
#HomeLeft li { height:17px; padding:4px 0 0 10px; background: url(/images/AltBackgroundGreyLight.gif) 0 0 repeat-x; }
#HomeLeft .liTitle { background:url(/images/AltBackgroundGrey.gif) 0 0 repeat-x; font-weight:bold; }

.NumberRed { width:50px; color:#FF0000; float:left; }
.NumberBlue { width:50px; float:left; }

#HomeCenter { width:305px; padding:48px 0 0 0; float:left; display:block; text-align:center; font-size:14px; color:#999999; line-height:1.4em; }

#HomeRight { width:283px; padding:48px 0 0 0; float:left; display:block; }
#HomeRight ul { list-style-type:none; color:#112E83; }
#HomeRight li { height:17px; padding:4px 0 0 10px; background: url(/images/AltBackgroundGreyLight.gif) 0 0 repeat-x; }
#HomeRight .liTitle { background:url(/images/AltBackgroundGrey.gif) 0 0 repeat-x; font-weight:bold; }
#HomeRight li .NumberBlue { width:70px; float:left; }

#Banner { width:auto; background: #FFFFFF; height:97px; background:url(images/HaderBG.jpg) 0 0 repeat-x; }
#BannerInner { width:960px; height:97px; margin:auto; text-align:left; display:block; }

#BannerInnerLeft { width:213px; float:left; height:71px; padding: 10px 0px 0px 0px; display:block; position:relative; }
#BannerInnerRight { width:512px; float:left; height:56px; padding: 25px 0 0 0; font-size:19px; color: #999999; display:block; position:relative; }
#BannerInnerRight h1 { color:#333; font-size:20px; width:auto; display:block; }
#BannerInnerClock { width:235px; float:left; height:79px; padding: 10px 0px 0 0; display:block; position:relative; text-align:right; }


#Footer { width:auto; background: #FFFFFF; height:50px; color:#cccccc; }
#Footer a { color:#999999; }
#Footer a:hover { color:#112E83; }
#FooterInner { width:960px; background: #FFFFFF; height:30px; margin:auto; padding: 0px 0px 0px 0px; text-align:left; }
#FooterInnerLeft { width:480px; text-align:left; float:left; }
#FooterInnerRight { width:480px; text-align:right; float:left;  color:#999999; font-size:11px;}




.RowOneExpand { color:#00529a; padding: 4px 0 4px 0px; }
.RowOne { color:#00529a; padding: 4px 0 4px 20px; }
.RowTwo { clear:both; padding: 4px 0 4px 20px; }

.HoldTwo { background:#ddeaf8; }
.HoldThree { background:#edf3fb; }
.HoldFour { background:#fff; }

.Cell { width:100px; float:left; display:block; }
.CellTwenty { width:20px; float:left; display:block; }
.CellFourty { width:40px; float:left; display:block; }
.CellFifty { width:50px; float:left; display:block; }
.CellSeventy { width:70px; float:left; display:block; }
.CellOneTen { width:110px; float:left; display:block; }
.CellOneTwenty { width:120px; float:left; display:block; }
.CellOneThirty { width:130px; float:left; display:block; }
.CellOneFourty { width:140px; float:left; display:block; }
.CellOneFifty { width:150px; float:left; display:block; }

#PrintFrame { background:#FFFFFF; padding: 0 0 0 100px; }
#PrintFrame .Cell { width:300px; padding:  6px 0 0 5px; }
#PrintFrame .CellLeft { width:150px; float:left; display:block; text-align:left; color:#00529a; padding:  6px 0 0 200px; }

.BKOrange { background:#f78f1e; }
.BKRed { background:#edc9ca; }
.BKGrey { background:#e0e0df; }
.BKGreen { background:#c2da6c; }

.Header { background: none; height:23px; padding:0px 0 0 0px; font-weight:bold; color:#FFFFFF; }
.Header a { color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.Header ul { margin:0; padding:3px 0 0 0; list-style-type:none; width:710px; float:left; }
.Header li { margin:0; padding:0; list-style-type:none; display:inline; width:auto; padding: 0 10px 0 10px; border-left: 1px #CCCCCC solid; }
.Header .First { padding: 0px 10px 0 5px; border:none; }

#Frame .SearchInput { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0; margin:0; height:15px; width:70px; display:block; background:#dfedfc; border: none; color:#000000; }
#Frame .SearchSubmit { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0; margin:0; height:15px; width:50px; display:block; background:#a6c8ed; border: none; color:#000000; }
#Frame .SearchSelect { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0; margin:0; width:80px; }


th.over, tr.even th.over, tr.odd th.over { background:#dfedfc; }
th.down, tr.even th.down, tr.odd th.down { background:#bce774; }
#Main th.selected, #Main tr.even th.selected, #Main tr.odd th.selected { }
#Main td.over, #Main tr.even td.over, #Main tr.odd td.over { background:#ecfbd4; }
#Main td.down, #Main tr.even td.down, #Main tr.odd td.down { background:#bce774; color:#fff; }
#Main td.selected, #Main tr.even td.selected, #Main tr.odd td.selected { background:#bce774; color:#555; }
/* use this if you want to apply different styleing to empty table cells*/
#Main td.empty, #Main tr.odd td.empty, #Main tr.even td.empty { background:#fff; }

table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:0px 0px; text-align: left; width:1100px; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background: #e6EEEE url(/images/AltBackground.gif) 0 0 repeat-x; border: 1px solid #FFF; padding: 4px; }
table.tablesorter thead tr .header { background: #e6EEEE url(/images/AltBackground.gif) 0 0 repeat-x; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background:#F0F0F6 url(/images/AltBackgroundGrey.gif) 0 0 repeat-x; }


.PopUp {display:none; position:absolute; border:2px solid #999; overflow:auto; background: #fff; padding: 5px; width:200px; height:340px; color:#000; z-index:1000; line-height:1.6em;}