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



/* == wrapper styles == */
#pageWrapper{
	width:960px;
	margin:0 auto;
}
* html #container {
	height: 100%;
}

/* == logo position == */
#DD{
	display:block;
	float:left;
	height:76px;
	width:135px;
	background-image:url(../images/DD.jpg);
	background-repeat:no-repeat;
	background-position:-3px 8px;
}


/* == main menu styles == */

#mainMenuWrapper{
    background-image:url(../images/mainMenuBG.jpg);
	background-repeat:repeat-x;
	height:60px;
	width:960px;
}
div.menu{
	float:left;
	width:948px;
}
ul.mainMenu{
	width:936px;
	float:left;
	margin:0;
	padding:0;
    list-style: none;
}
ul.mainMenu li {
	float: left;
	position: relative;
}
div.first {
	float: left;
    background: url(../images/mainMenuStart.jpg) no-repeat;
	width: 12px;
	height: 60px;
}
ul.mainMenu li.item {
	height: 60px;
	background:url(../images/mainMenuDiv.jpg) top left no-repeat;
}
ul.mainMenu li.spacer {
	display: block;
    background:url(../images/mainMenuBG.jpg) repeat-x;
	width: 10px;
}

/* == adjust menu width for IE == */

* html ul.mainMenu li.spacer {
	display:inline-block;
    background:url(../images/mainMenuBG.jpg) repeat-x;
	width:10px;
}
/* ============================== */


ul.mainMenu a {
	float: left;
	display: block;
	position: relative;
    text-decoration: none;
	margin-left: 1px;
	padding: 5px 16px;
	height: 50px;
	font-size: 9px;
}

ul.mainMenu a:hover {
	margin:0;
    background-image:url(../images/mainMenuBGover.jpg);
	background-repeat:repeat-x;
	margin-left:1px;
	border-bottom:0;
    outline: none;
}

ul.mainMenu a.selected {
    color: #999;
}

ul.mainMenu a:focus {
    outline: none;
}
div.menu span.menuTitle {
	color:#12468D;
	font-weight:bold;
	font-size:14px;
}
div.mainEnd{
	background-image: url(../images/mainMenuEnd.jpg);
	background-repeat:repeat-x;
	float:right;
	height: 60px;
	width:12px;
}

/* == dropdown menu styles == */

li ul.mainDrop {
  	display: none;
	list-style:none;
  	position: absolute;
  	top: 50px;
	left:1px;
	background-color:#FFF;
	padding-bottom:10px;
	background:url(../images/dropBase.png) center bottom no-repeat;
	border:0;
	border-top:solid 1px #CCC;
	width:160px;
	z-index:10;
}

/* == reset for all but IE == */  
li > ul.mainDrop {
  	display: none;
	list-style:none;
  	position: absolute;
  	top: 50px;
	left:1px;
	background-color:#FFF;
	padding-bottom:30px;
	background:url(../images/dropShadow.png) right bottom no-repeat;
	border:0;
	width:175px;
}
/* ===================== */

li:hover ul, li.over ul{ 
	display: block;
}
* html li:hover ul, li.over ul{ 
	display: block;
}

li ul.mainDrop li {
	margin:0;
	padding:0;
	border: 0;
	display: block;
	/*float: none;
	height:25px;*/
	height:auto;
	width:160px;
}
li ul.mainDrop li a{
	display: block;
	height:auto;
	border: 0;
	width:136px;
	padding:7px 12px;
	background:url(../images/dropMenuBG.jpg) left top repeat-x;
	margin:0;
}
li ul.mainDrop li a:hover{
	display: block;
	height:auto;
	padding:7px 12px;
	border: 0;
	width:136px;
	background:url(../images/mainMenuBGover.jpg) left top repeat-x;
	margin:0;
}
li ul.mainDrop li img{
	margin:0;
	padding:0;
}

/* == top menu styles == */

#topMenuWrapper{
	height:25px;
}
/*#pageWrapper > #topMenuWrapper{
	float:right;
	width:800px;
	height:25px;
}*/
div.topMenu{
	float:right;
	width:510px;
}
ul.subMenu{
	float:right;
	margin:0;
	padding:0;
    list-style: none;
}
ul.subMenu li {
	float: right;
}
ul.subMenu li.first {
	float: right;
	display:inline-block;
    background-image: url(../images/subMenuFade.jpg);
	background-repeat:no-repeat;
	width:132px;
	height: 25px;
}
ul.subMenu li.item {
	display:block;
    background-image:url(../images/subMenuBG.jpg);
	background-repeat:repeat-x;
	height:25px;
}
ul.subMenu li.item img{
	float:left
}

ul.subMenu a {
	display:inline-block;
    text-decoration: none;
	padding:5px 15px;
	margin:0;
}

ul.subMenu a:hover {
	margin:0;
    background-image:url(../images/subMenuBGover.jpg);
	background-repeat:repeat-x;
    outline: none;
}

ul.subMenu a.selected {
    color: #999;
}

ul.subMenu a:focus {
    outline: none;
}

div.flags{
	background-image: url(../images/subMenuBG.jpg);
	background-repeat:repeat-x;
	float:right;
	height: 25px;
	padding-top:3px;
	padding-right: 3px;
}
div.flags img{
	padding:3px 2px;
}
div.subEnd{
	background-image: url(../images/subMenuEnd.jpg);
	background-repeat:repeat-x;
	float:right;
	height: 25px;
}

/* == search styles == */
div.search {
	background-image: url(../images/subMenuBG.jpg);
	background-repeat:repeat-x;
	float:right;
	width: 120px;
	height: 25px;
	padding:3px 10px 0 10px;
}


div.search div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background:url(../images/searchBG.png) 0 0 no-repeat;
}

div.search div.searchbox:hover  {
	background:url(../images/searchBG.png) 0 -18px no-repeat;
}

div.search div.searchbox:hover input {
	color: #000000;
}

div.search div.searchbox input:focus {
	color: #000000;
}

div.search div.searchbox input {
	width: 94px;
	height: 15px;
	padding: 3px 5px 0px 0px;
	border: none;
	outline: none;
	background: none !important;
	float: right;
	color: #646464;
	font-size: 11px;
}
	
/* == quotes styles == */
#quotes{
	display:block;
	float:right;
	height:50px;
	width:750px;
	margin-top:0;
	padding:0;
}

/* == stories styles == */
#stories{
	display:inline-block;
	width:960px;
	margin:0;
	padding:0;
}

/* == info banner styles == */
#banner{
	float:left;
	display:inline-block;
	width:960px;
	clear:both;
	padding:3px 0;
}
div.breadcrumbs {
	position:relative;
	display:block;
	padding-left:10px;
	float:left;
}
div.breadcrumbs ul.bread{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	list-style: none;
}
div.breadcrumbs ul.bread li{
	margin-left: 0;
	padding:0 12px;
	border: none;
	list-style: none;
	display: inline;
	border-right: 2px solid #CCC;
	font-size:9px;
}
div.breadcrumbs ul.bread a{
	display:inline-block;
	text-decoration:none;
}
div.breadcrumbs ul.bread a:hover{
	color:#12468D;
	text-decoration:underline;
}
div.breadcrumbs ul.bread li.last{
	color:#12468D;
	font-weight:bold;
	border:none;
}

/* == login styles == */
div.login {
	position:relative;
	display:block;
	padding-right:10px;
	float:right;
}
div.login ul{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	list-style: none;
}
div.login ul li{
	margin-left: 0;
	padding:0 12px;
	border: none;
	list-style: none;
	display: inline;
	border-left: 2px solid #CCC;
	font-size:9px;
}
div.login ul a{
	display:inline-block;
	text-decoration:none;
}
div.login ul a:hover{
	color:#12468D;
	text-decoration:underline;
}
div.login ul li.first{
	color:#12468D;
	font-weight:bold;
	border:none;
}

/* == intro styles == */
#intro{
	padding:10px 20px 10px 25px;
}


/* == products styles == */
#productsWrapper{
	width:960px;
	float:left;
	background-image:url(../images/productsBGfull.jpg);
	background-repeat:no-repeat;
}
div.product{
	float:left;
	width:960px;
	padding:10px 0;
}
div.truckLog{
	width:320px;
	float:left;
	height:100%;
}
div.mineWatch{
	width:320px;
	float:left;
	height:100%;
	background-image:url(../images/divFadeMid.png);
	background-repeat:no-repeat;
	background-position:left center;
}
div.stedFast{
	width:320px;
	float:left;
	height:100%;
	background-image:url(../images/divFadeMid.png);
	background-repeat:no-repeat;
	background-position:left center;
}
div.product span.logos {
	display:block;
	margin-left:25px;
}
div.product p {
	padding-right:30px;
	padding-left:30px;
}
div.product img {
	margin: 0 30px 15px 5px;
}
div.product h4 {
	padding-right:10px;
	padding-left:25px;
	font-size:13px;
	letter-spacing:-1px;
}

/* == content styles == */
#contentWrapper {
	width:100%;
	min-height:450px;
}
div.content{
	float:left;
	width:960px;
	padding:20px 0;
}
div.content a {
	color:#12468D;
}
div.content a:hover {
	text-decoration:underline;
}
div.content ul li a {
	color:#666666;
}
div.content ul li a:hover {
	text-decoration:none;
}

/* == col 1 content styles == */
div.col1{
	width:320px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/menuTopLine.gif) left top repeat-x;
	background-color:#f3f3f3;
}

div.col1 div.pageMenu{
	padding:5px 0 15px 0;
}

div.col1 div.pageMenu ul{
	list-style:none;
	padding-left:0;
	margin-left:0;
	padding-bottom:10px;
}
div.col1 div.pageMenu li.menuItem {
	margin:0 0 10px 0;
	display:block
}
div.col1 div.pageMenu li.menuItem a {
	padding-left:10px;
	padding-right:10px;
	display:block;
}
div.col1 div.pageMenu li.menuItem a:hover {
	color:#12468D;
	background-color:#d3dce7;
	padding-left:10px;
	padding-right:10px;
	display:block;
}
/*div.col1 div.pageMenu ul li.menuItem:hover{
	background-color:#dfe6ee;
}*/
div.col1 div.pageMenu ul li.active{
	background-color:#dfe6ee;
}
div.col1 div.pageMenu h3, div.col1 div.pageMenu p{
	margin-left:10px;
}
div.col1 div.pageMenu li.menuItem h4 {
	font-size:12px;
	color:#12468D;
	font-weight:bold;
	display:block;
	margin:0 10px;
}
/* == col 2 content styles == */
div.col2{
	width:304px;
	float:left;
	margin:0;
	padding:0;
	padding-left:15px;
}
div.col2 ul.listMenu{
	list-style:none;
	padding-left:0;
	margin-left:0;
	padding-bottom:10px;
	width:100%;
	float:left;
}
div.col2 p, div.col2 h1, div.col2 h2, div.col2 h3{
	margin-right:10px;
	clear:both;
}
div.col2 ul.listMenu li.menuItem {
	margin-bottom:10px;
	display:block;
	padding:5px 0;
	float:left;
	width:100%;
}
div.col2 ul.listMenu li.menuItem span.date{
	color:#12468D;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
	padding-left:5px;
	padding-top:3px;
	float:left;
}

div.col2 ul.listMenu li.menuItem a {
	padding:3px 10px 3px 60px;
	display:block;
}
div.col2 ul.listMenu li.menuItem a:hover {
	color:#12468D;
	background-color:#d3dce7;
}

div.col2 ul li.link {
	list-style:none;
	margin-bottom:5px;
	display:block;
	padding:0;
	float:left;
	width:100%;
}

div.col2 ul li.link a{
	color:#12468D;
	font-weight:bold;
	display:block;
	padding:5px 0;
	padding-left:5px;
}
div.col2 ul li.link a:hover {
	color:#12468D;
	background-color:#d3dce7;
}


div.col2 ul.listMenu li.active{
	background-color:#dfe6ee;
}


div.col2 ul.listMenu li.options {
	padding-top:10px;
	margin-bottom:10px;
	background-color:transparent;
	border-top:#dfe6ee solid 1px;
	list-style:none;
	display:block;
	float:left;
	width:100%;
	clear:both;

}
div.col2 ul.listMenu li.options a {
	padding:3px 5px 3px 5px;
	color:#12468D;
	background-color:transparent;
}
div.col2 ul.listMenu li.options a:hover {
	text-decoration: underline;
	background-color:transparent;
}
div.col2 img {
	margin:5px 5px 15px 5px;
	float:right;
	display:inline;
}
div.col2 p {
	clear:both;
}
div.col2 ul{
	list-style:disc inside none;
	margin-bottom:10px;
	}


/* == col 3 content styles == */
div.col3{
	width:300px;
	min-height:450px;
	float:left;
	background:url(../images/divFadeMid.png) left center no-repeat;
	padding-left:20px;
	display:inline;
}
div.col3 ul{
	list-style:disc inside none;
	margin-bottom:10px;
	}
div.col3 img {
	margin:5px 5px 15px 5px;
	float:right;
	display:inline;
}
div.col3 p, div.col3 h4, div.col3 h3, div.col3 h3, div.col3 h1{
	clear:both;
}

/*div.divider{
	height:100%;
	float:left;
	margin:0;
	padding:0;
	width:1px;
	background-image:url(images/divFadeBot.jpg) bottom no-repeat;
	background-color:#848484;
}*/

	
/* == page column variations == */
#newsPage div.col3 p, #newsPage div.col3 h4, #newsPage div.col3 h3, #newsPage div.col3 h2, #newsPage div.col3 h1 {
	clear:none
}
#newsPage div.col1{
	width:220px;
}
#newsPage div.col2{
	width:309px;
}
#newsPage div.col3{
	width:389px;
}
#legalPage div.col1{
	width:320px;
}
#legalPage div.col2{
	width:598px;
}
#legalPage div.col3{
	width:0;
	background:none;
}
#legalPage div.col3 ul{
	list-style:disc outside none;
}
#legalPage div.col2 h2 {
	clear:none;
}
#casePage div.col1{
	width:220px;
}
#casePage div.col2{
	width:309px;
}
#casePage div.col3{
	width:389px;
}
#casePage div.col3 img{
	float:left;
}

#contactPage div.team p, #contactPage div.team h4, #contactPage div.team h3, #contactPage div.team h2, #contactPage div.team h1 {
	clear:none;
	margin:5px 0;
}
#linkPage div.col3 p, #linkPage div.col3 h3, #linkPage div.col3 h2, #linkPage div.col3 h1 {
	clear:none;
}
#searchResults div.col2{
	width:598px;
}
#searchResults div.col3{
	width:0;
	background:none;
}

/* == inline menu styles == */
div.inlineMenu{
	width:98%;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
}
div.inlineMenu div.productList {
	background:url(../images/menuTopLine.gif) left top repeat-x;
	background-color:#f3f3f3;
	margin:0;
	padding:0;
}	
div.inlineMenu div.productList ul{
	list-style:none;
	margin-top:5px;
	margin-bottom:5px;
}
div.inlineMenu div.productList p{
	padding-left:10px;
	clear:none;
}
div.inlineMenu div.productList h2{
	padding-left:10px;
}
div.inlineMenu div.productList h3{
	padding-left:10px;
}
div.inlineMenu div.productList ul li a{
	padding:3px 10px;
	font-weight:bold;
	display:block;
	margin-right:2%;
}
div.inlineMenu div.productList ul li a:hover{
	display:block;
	background-color:#d3dce7;
	margin-right:4%;
}	
div.inlineMenu div.productList img{
	margin:0;
	padding:0;
	float:none;
}
div.col3 div.inlineMenu div.productList ul li a:hover{
	margin-right:0;
}	


/* == download link styles ==*/
div.download {
	background:url(../images/menuTopLine.gif) left top repeat-x;
	background-color:#f3f3f3;
	width:98%;
	margin:0;
	padding:0;
	float:left;
	margin-top:10px;
}
div.download div.adobe {
	background:url(../images/adobe_icon.jpg) no-repeat;
	margin-left:15px;
	float:left;
	width:40px;
	height:40px;
	display:inline;
}
div.download h2{
	padding-left:65px;
	line-height:1.2em;
}
div.download p{
	padding:0;
	margin:0;
	padding-left:65px;
	padding-right:2%;
	clear:none;
}
/* == hack for 3px jog in IE === */
* html div.download p{
	  height: 1%;
	  padding-left:10px;
	  margin-left: 0;}
/* == end hack == */

div.download a{
	color:#666666;
}	

div.download a:hover{
	color:#12468D;
	text-decoration:underline;
}	
div.download img{
	margin:0;
	padding:0;
	float:none;
}


/* == basket link styles ==*/
div.shop {
	background:url(../images/menuTopLine.gif) left top repeat-x;
	background-color:#f3f3f3;
	width:98%;
	margin:10px 0;
	padding:0;
	float:left;
}
div.shop div.basket {
	background:url(../images/basket.jpg) no-repeat;
	margin-left:10px;
	float:left;
	width:50px;
	height:50px;
	display:inline;
}
div.shop h2{
	padding-left:70px;
	padding-top:5px;
	line-height:1.2em;
}
div.shop p{
	padding:0;
	margin:0;
	padding-left:70px;
	padding-right:2%;
	margin-bottom:5px;
	clear:none;
}
/* == hack for 3px jog in IE === */
* html div.shop p{
	height: 1%;
	padding-left:10px;
	margin-left: 0;
	margin-bottom:5px;
}
/* == end hack == */

div.shop a{
	color:#666666;
}	

div.shop a:hover{
	color:#12468D;
	text-decoration:underline;
}	
div.shop img{
	margin:0;
	padding:0;
	float:none;
}

/* == form link styles ==*/
div.formWrapper {
	float:left;
	background:url(../images/menuTopLine.gif) left top repeat-x;
	background-color:#f3f3f3;
	width:98%;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
div.formWrapper div.form {
	width:95%;
	padding-left:5%;
	float:left;
	padding-bottom:10px;	
	display:inline;
}
div.form form#contact label{
	float:left;
	padding:8px 0;
	clear:both;
}
div.form form#contact input{
	width:50%;
	float:left;
	clear:both;
}
div.form form#contact .input{
	margin:0;
	height:18px;
	width:90%;
	margin-bottom:10px;
}
div.form form#contact .upload{
	margin:0;
	height:22px;
	width:90%;
	margin-bottom:20px;
}
div.form form#contact .submit{
	width:50%;
	margin-bottom:20px;
}
div.form form#contact select{
	float:left;
	margin-bottom:15px;
	clear:both;
	height:20px;
	width:50%;
}
div.form form#contact textarea{
	float:left;
	width:90%;
	margin-bottom:15px;
	clear:both;
}
div.formWrapper a{
	color:#666666;
}
div.formWrapper .input:focus{
	background-color:#d3dce7 !important;
	color:#12468D;
}
div.formWrapper textarea:focus{
	background-color:#d3dce7 !important;
	color:#12468D;
}
div.formWrapper a:hover{
	color:#12468D;
	text-decoration:underline;
}	
div.formWrapper img{
	margin:0;
	padding:0;
	float:none;
}

/* == animation holder styles == */

#history{
	margin-bottom:20px;
}
#video{
	margin-bottom:20px;
}


/* == footer styles == */
#footerWrapper{
	width:960px;
	float:left;
	background-image:url(../images/footerBGfull.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	margin-bottom:5px;
}
div.footer{
	float:left;
	width:930px;
	padding:0 15px 10px 10px;
	margin-top:5px;
}
div.footer div.link {
	float:left;
	height:25px;
	color:#FFFFFF;
	background-color:transparent;
	font-size:9px;
}
div.footer div.one {
	width:400px;
	height:100%;
}
div.footer div.two {
	width:400px;
	height:100%;
	background:url(../images/footerDivFade.png) left center no-repeat;
}
div.footer div.three {
	width:235px;
	height:100%;
	background:url(../images/footerDivFade.png) left center no-repeat;
}
div.footer div.four {
	width:123px;
	height:100%;
	background:url(../images/footerDivFade.png) left center no-repeat;
}
div.footer div.link p {
}
div.footer img {
	margin-right:5px;
	margin-left:15px;
}
div.footer h2 {
	margin-right:10px;
	margin-top:5px;
}
div.footer div.link a{
	color:#FFFFFF;
	background-color:transparent;
	font-weight:bold;
}
div.footer div.link a:hover{
	color:#12468D !important;
	font-weight:bold;
}
div.footer div.link div.w3cx {
	display:block;
	height:13px;
	padding:0;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:30px;
	background: url(../images/W3C_xhtml.gif) 0 0 no-repeat;
}
div.footer div.link div.w3cx:hover {
	background: url(../images/W3C_xhtml.gif) 0 -13px no-repeat;
}
div.footer div.link div.w3css {
	display:block;
	height:13px;
	padding:0;
	margin:0;
	margin-bottom:10px;
	margin-left:30px;
	background: url(../images/W3C_css.gif) 0 0px no-repeat;
}
div.footer div.link div.w3css:hover {
	background: url(../images/W3C_css.gif) 0 -13px no-repeat;
}


/* == adding corners ==*/
div.end{
	width:10px;
	float:right;
	height:100%;
}
div.start{
	width:10px;
	height:100%;
}
div.left{
	background:url(../images/menuLeftLine.gif) left top repeat-y;
}
div.right{
	background:url(../images/menuRightLine.gif) right top repeat-y;
}
div.bottom{
	background:url(../images/menuBotLine.gif) left bottom repeat-x;
}

/* == CMS styles ==*/

#aboutPage h5 {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	background-color:#f3f3f3;
  	margin-bottom: 5px;
	display:block;
}
.logo {
	padding-bottom:5px;
	margin-bottom:5px;
	display:block;
	text-align:right;
	float:none !important;
}



/* == search results styles == */
#searchResults ol{
	list-style:none;
}
#searchResults #os_resultbar {
	border-top:#f3f3f3 solid 2px;
}
#searchResults #os_resultbar h3{
	margin:5px 0;
}
#searchResults h3 a{
	font-weight:bold;
}
#searchResults blockquote{
	margin:0;
	padding:0;
}
#searchResults p{
	margin:0 0 15px 0;
}
#searchResults #os_pagination div {
	float:left;
}
#searchResults span.divider {
	display:inline-block;
	padding:0 10px;
}
#searchResults cite {
	visibility:hidden;
}
#searchResults small {
	visibility:hidden;
}