/* Generic styles to use throughout    ============================================================================*/

a
{
	text-decoration: none;
	color: #29A3E2;

}

a:HOVER
{
	color: #F7AF3D;
}

.bold 
{
	font-weight: bold;
}

.clearer 
{
	clear: both; 
	height: 0px;
}

#footer a
{
	color: black; 
	font-style: italic
}


/* Primary navigation   ============================================================================*/

#header
{
	font-size: 1px; 
	padding: 0px;		
}

#headermenucont
{
	width: auto; 
	background-color: #002D69;  
	margin: 0px; 
	height: 22px;
}

#headermenu
{
	
	padding: 3px;
	margin-bottom: 0px;
	margin-left: 220px;
}

#headermenu li
{
	display: inline;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
}

#headermenu li.divider
{
	color: White;
}

#headermenu li
{
	color: #29A3E2;
}


#headermenu li a
{
	color: white;
	text-decoration: none;
}

#headermenu li a:hover
{
	color: #F7AF3D;
	text-decoration: none;
}




/* Product menu (needs clearing up) - Note: alternative file for IE6    ============================================================================*/


#topheader /* Product range bit above the actual menu */
{
	height: 23px; 
	background-image: url(/img/Group_Site_Front_Product_Range.jpg);
	padding-left: 16px;
	color: #002D69;
	padding-top: 6px;
	font-size: 15px;
	font-weight: bold;
}


#menubar
{
	margin: 0px;
	float: left;
	overflow: visible;
	width: 220px;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 2
}


#productmenu
{
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow: visible;
}

#productmenu li
{
	height: 25px;
	width: 204px;
	padding-left: 16px;
	color: #002D69;
	padding-top: 11px;
	background-image: url(/img/products/Group_Site_Front_Product_Button.jpg);
}

#productmenu li:HOVER
{
	background-image: url(/img/products/Group_Site_Front_Product_Button_Over.jpg);
}


#productmenu li ul
{
	width: 0px;
	display: none;
	padding-left: 0px;
	margin-left: 204px;
	margin-top: -28px;
	list-style: none;
	overflow: hidden;
	margin-bottom: 3px;
}

#productmenu li ul li
{
	width: 100%;
	font-size: 11px;
	font-weight: normal;
	height: 14px;
	padding-left: 5px;
	color: #29A3E2;
	padding-top: 3px;
	border: solid 1px #dddddd;
	overflow: hidden;
}

#productmenu li ul li.odd:HOVER, #productmenu li ul li.even:HOVER
{
	background-color: #929292;
}

#productmenu li ul li.odd
{
	background-color: #E6E6E6;
}

#productmenu li ul li.even
{
	background-color: #CCCCCc;
}


#productmenu .even, #usedmenu .even, #yearitem .even, #axle .even, #type .even, #taillift .even, #shutter .even, #pricecat .even
{
	background-color: #F2F2F2;
}

#productmenu .odd, #usedmenu .odd, #yearitem .odd, #axle .odd, #type .odd, #taillift .odd, #shutter .odd, #pricecat .odd
{
	background-color: #E6E6E6;
}




#productmenu li.odd:HOVER
{
	background-color: #bbbbbb;
}


#productmenu li.even:HOVER
{
	background-color: #cccccc;
}





#productmenu li ul li a:HOVER
{
	color: #002D69;
}

#productmenu li a, #usedmenu li a
{
	color: #002D69;
	text-decoration: none;
	display: block;
	width: 210px;
	overflow: hidden;
}

#productmenu li a:HOVER, #usedmenu li a:HOVER
{
	color: #F7AF3D;
	text-decoration: none;
}


#productinf
{
	font-size: 12px; 
	padding: 0px; 
	overflow: hidden; 
	position: absolute; 
	height: 355px; 
	width: 0px; 
	left: 701px; 
	top: 0px; 
	background-image: url(/img/products/Sliding_Text_Box.png);
	
}


/* Front page images (see below for individual defs     ============================================================================*/

.frontpageimg
{
	padding: 0px;
	margin-left: 13px; 
	display: inline;
	height: auto;
	width: 100px;
	font-size: 0px;
}

/* Gallery code - NEED FIXING FOR IE8 */

#frontpagegallery
{
	padding: 0px;
	padding-left: 30px;
	margin-left: 13px;
	height: auto;
	display: inline;
	position: relative;
	vertical-align: top;
	width: 150px;	
	font-size: 0px;	
}

#frontpagegallery img
{
	padding: 0px;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
}


/* Main page buttons along the bottom   ============================================================================*/

#defaultrentals, #defaultparts
{
	background-color: #002D69;
}


#defaultrentals:HOVER, #defaultparts:HOVER
{
	background-color: #29ABE2;
}

#defaultcheetah
{
	background-color: #EC1C24;
}

#defaultcheetah:HOVER
{
	background-color: #800D29 ;
}

#defaultvideo
{
	background-color:#929292;
}

#defaultvideo:HOVER
{
	background-color:#7F9F87;
}

#defaultnews
{
	background-color:#8D7DB3;
}

#defaultnews:HOVER
{
	background-color:#4A3D67;
}

#defaultblog
{
	background-color:#662D91;
}

#defaultblog:HOVER
{
	background-color:#93278F;
}

#defaultportal
{
	background-color:#FF0000;
}

#defaultportal:HOVER
{
	background-color:#D4145A;
}


/* Jobs list ===========================================================================*/

#joblist
{
	margin-left: 0px;	
	padding-left: 15px;	
}

#joblist li a
{
	
	color: black;		
}
#joblist li a:hover
{
	color: #F7AF3D;		
}


/* Used trailers menu system   ============================================================================*/

#usedmenu li
{
	height: 20px;
	width: 210px;
	padding-left: 5px;
	color: #29A3E2;
	padding-top: 5px;
	overflow: hidden;
}

#usedmenu
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#usedmenu li
{
	width: 205px;	
}
.usedinfo
{
	float: left; 
	width: 280px; 
	height: 100px; 
	margin-right: 20px;	
	margin-bottom: 20px;
	background-image: url(/img/used_sales/used_sales_textbox.jpg);
	background-position: 133px 0px;
	background-repeat: no-repeat;
	font-size: 10px;
}

#usedsearch
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 900px;
}

#usedsearch li
{
	display:inline;
	border-top-color: #002D69;
	border-top-width: 2px;
	border-top-style:solid;
	border-right-color: #002D69;
	border-right-width: 2px;
	border-right-style:solid;
	padding: 3px;
	font-weight: bold;	
	height: 10px;	
	color: #002D69;
	z-index: 2;
}

#usedsearch li a
{
	color: #002D69;
}

#yearitem, #axleitem, #typeitem, #tailliftitem, #shutteritem, #pricecatitem
{
	background-color: #F2F2F2;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 100%;
	border-style: solid; 
	border-width: 2px;
	z-index: 100;
}


/* NOTE: Width is hacked to 110% in IE6 specific sheet, so update that if you update here */
#yearitem li, #axleitem li, #typeitem li, #taillift li, #shutter li, #pricecat li
{
	height: 14px;
	border: 0px;
	width: 90%;
	display: block;
	margin: 0px;
}













/* Finance portal form elements   ============================================================================*/

.financeform
{
	background-color: #eeeeee;
	font-size: 8pt;
}








/* Doubledeck options pages  ============================================================================*/


.ddmenuitempad 
{
	background-image: url(/img/products/Box_Van_Double_Deck_Trailers/features/button_infill.gif);
	width: 171px;	
}

.ddmenuitem
{
	background-color: #002D69;
	background-image: url(/img/products/Curtainsided_Double_Deck_Trailers/features/button.gif);
	width: 171px;	
}

.ddmenuitemselected
{
	background-color: #29abe2;
	background-image: url(/img/products/Curtainsided_Double_Deck_Trailers/features/button.gif);
	width: 171px;	
}

.ddmenuitem:HOVER
{
	background-color: #960C88;
}

.ddmenuitem a, .ddmenuitemselected a
{
	padding-left: 33px;
	color: Black;
	font-size: 11px;
	height: 12px;
}




/* Timeline ============================================================================*/

.timelineevent 
{
	width: 100%;
	height: 100%;
	overflow: visible;
	display: block;
	left: 0px;
	right: 0px;
	position: relative;
	display: none;
	padding: 0px;
	background-color: black; 	
	color: White;
	
}

.timelineevent img
{
	margin-bottom: 5px;
}

.timelineevent div
{
	padding: 10px;	
	font-size: 9pt;
}
.timelineimage
{
	position: absolute; 
	top: 200px;
	left: 10px;
	
}
.timelineeventf 
{
	width: 100%;
	height: 100%;
	overflow: visible;
	left: 0px;
	right: 0px;
	position: absolute;
	display: none;
	padding: 0px;
}


.timelinepoint
{	
	top: 32px;
	width: 0px;
	height: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: #6666ff ;
	position: absolute;
}
.timelinepoint:HOVER
{
	cursor: pointer;	
}

#aboutmenu
{
	font-size: 0px;
}

#aboutmenu ul
{
	
	display: inline;
	float: right;
	margin: 2px;
	height: 28px;
	margin-left: 0px;	
	padding-left: 0px;
	font-size: 0px;
}

#aboutmenu ul li 
{
	display: inline;
	margin-left: 1px;	
	margin-right: 1px;	
	padding-left: 0px;
	padding-right: 0px;
}



#aboutmenu ul li a, #aboutmenu ul li span
{
	display: inline-block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	background-image: url(/img/about/AboutUs_button1.gif);
	background-color: white;	
	padding-left: 33px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;	

}

#aboutmenu ul li a:HOVER
{
	background-color: #002D69;
	color: #002D69;
}

/* Buttons on about.asp  ============================================================================*/

.aboutimg
{
	background-color: #002D69;
}

.aboutimg:HOVER
{
	background-color: #000000;
}





/* Factory tour */

#tourmenu
{
	list-style-type: none;	
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 9px;
	font-size: 12px;
}



#tourmenu li
{
	padding: 2px;	
	padding-left: 5px;
	padding-right: 0px;
	display: block;
	width: 215px;
	height: 16px;
	
}

#factorytour h2
{
	font-size: 18px;
	margin-top: -5px;
}

#tourmenu .even
{
	background-color: #F2F2F2;
}

#tourmenu .odd
{
	background-color: #E6E6E6;
}






/* Gallery CSS for all product pages  ============================================================================*/


#gallerycont img 
{
	padding: 0px;
	margin: 0px;
	background-color: #002D69;	
}

#gallerycont img:hover
{
	background-color: #29abe2;
}

#gallerycont img.playing
{
	background-color: #960C88;
}



/* Pop up features window  ============================================================================*/

.popupwin			/* Full window */
{
	display: none; 
	font-size: 12px; 
	position: absolute; 
	width: 600px; 
	height: 305px; 
	left: 50px; 
	top: 25px;	
}

.scroll				/* Up down scroll buttons - make sure the absolute position is set via the style attrib */
{
	position: absolute; 
	left: 0px;  
	text-align: center; 
	height: 20px; 
	color: white; 
	width: 100%;
	padding: 3px;
}


#popmenucont, #popmenucont1		/* Contains left hand menu */
{
	 position: absolute; 
	 width: 160px; 
	 overflow: hidden; 
	 height: 305px;	 
}

#popmenu, #popmenu1			/* Actual left hand menu */
{
	height:265px; 
	color: white; 
	position: absolute; 
	left: 0px; 
	top: 20px; 
	width: 100%; 
	overflow: hidden;	
	
}

.scrollitemselected
{
	margin-left: -2px;
	border: solid 2px blue;
}

#popdetails, #popdetails1			/* Container for the details */
{
	position: absolute; 
	top: 0px; 
	width: 440px; 
	left: 160px; 
	overflow: hidden; 
	height: 305px;	
}

.featureoption		/* Container for the actual feature text (width inherited from popdetails */
{
	width: 420px;
	margin: 20px;
	margin-left: 0px;
	padding: 0px; 
	height: 265px;
	position: relative;
	/* overflow-x: none;   Not sure why this was put in here? Looking for errors */
}




/* NOT SORTED */

#financelinks {
	list-style-type: none; 
	margin: 0px;
	padding-left: 0px;
}

#financelinks li
{
	height: 40px	
}

.productpagepic
{
	float: left; 
	position: relative; 
	width: 110px; 
	height: 120px; 
	padding-left: 20px;	
}

.coldstoreleft
{
	margin: 0px;
	float: left;
	width: 220px;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 355px;
	color: #002D69;
	font-size: 13px;
}

.coldstorefade
{
	height: 100%;
	background-image: url(/img/products/cold_stores_details/main_2.jpg);
	width: 730px;
}

.blastfreezerfade
{
	height: 100%;
	background-image: url(/img/products/blast_freezer_details/main_2.jpg);
	width: 730px;
}


.coldstorefadecomplex
{
	height: 100%;
	background-image: url(/img/products/cold_stores_details/main_3.jpg);
	width: 730px;
}

.coldstoreheader
{
	color: #29A3E2;
	font-weight: bold;	
}


.blogposting
{
	padding-top: 10px;
	float: left;	
	border-bottom: dashed 1px #29ABE2; 
	width: 700px;
	padding-bottom: 0px;
}

.blogposting p
{
	margin-top: 12px;
	margin-bottom: 8px;
}

.blogposting a, .newslink
{
	color: Black;
	border-bottom: dotted 1px black;

}


.blogcomment
{
	padding: 0px;
	margin-top: -20px;
	clear: both;
	text-align: right;
	width: 700px;
	font-size: 10px;
	color: #808080;
}

.videoselect, .videoselectodd, .videoselectedodd, .videoselectedeven
{
	height: 110px; 
	width: 250px;
	overflow: hidden;
}

.videoselectodd
{
	background-color: #CCCCCC;
}

.videoselectedodd, .videoselectedeven
{
	background-color: #B297AD;
}

.videoselect:HOVER, .videoselectodd:HOVER
{
	background-color: #BEBBDB ;
}


.videohead
{
	color: #29ABE2; 
	font-size: 12px; 
	font-weight: bold;
}

.lbhead
{
	color: #29ABE2;
	font-size: 20px;
	font-weight: bold;
}

.lghead
{
	color: #CCC;
	font-size: 20px;
	font-weight: bold;
}

/* NOT SORTED YET */


#cheetahmenu
{
	font-size: 0px;
}

#cheetahmenu ul
{
	display: inline;
	float: left;
	margin: 2px;
	height: 28px;
	margin-left: 0px;	
	padding-left: 0px;
}

#cheetahmenu ul li 
{
	display: inline;
	margin-left: 1px;	
	margin-right: 1px;	

}

#cheetahmenu ul li a
{
	display: inline-block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	background-image: url(/img/products/cheetah_aero_system/cheetah_button_1.gif);
	background-color: white;	
	padding-left: 30px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;	

}

#cheetahmenu ul li a, #cheetahmenu ul li span
{
	display: inline-block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	background-image: url(/img/products/cheetah_aero_system/cheetah_button_1.gif);
	background-color: white;	
	padding-left: 30px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;	

}

#cheetahmenu ul li a.cheetahmenuselected 
{
	background-color: #29ABE2;	
	color: #29ABE2;
}

#cheetahmenu ul li a:HOVER
{
	background-color: #000;
	color: #000;
}

.cheetahdemoheading
{
	margin-top: 5px;
	margin-bottom: 2px;
	color: #002D69;
	font-weight: bold;
}

.cheetahdemoul
{
	margin-left: 15px; 
	padding-left: 0px;
}



.rollerliftleft, .babyrollerliftleft, .cubeliftleft, .megarollerliftleft, .megarollerliftenclosedleft
{
	margin: 0px;
	float: left;
	width: 220px;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 355px;
	color: white;
	font-size: 12px;
	
}

.rollerliftleft
{
	background-image: url(/img/products/rollerlift/title_image.jpg);
}

.rollerliftfade, .babyrollerliftfade, .cubeliftfade, .megaliftfade, .megarollerliftenclosedfade
{
	height: 100%;
	width: 730px;
}

.rollerliftfade
{
	background-image: url(/img/products/rollerlift/main_fade.jpg);
}

.babyrollerliftleft
{
	background-image: url(/img/products/baby_rollerlift/title_image.jpg);
}

.babyrollerliftfade
{
	background-image: url(/img/products/baby_rollerlift/main_fade.jpg);
}

.megarollerliftleft
{
	background-image: url(/img/products/mega_rollerlift/title_image.jpg);
}

.megarollerliftfade
{
	background-image: url(/img/products/mega_rollerlift/main_fade.jpg);
}


.megarollerliftenclosedleft
{
	background-image: url(/img/products/mega_rollerlift_enclosed/title_image.jpg);
}

.megarollerliftenclosedfade
{
	background-image: url(/img/products/mega_rollerlift_enclosed/main_fade.jpg);
}


.cubeliftleft
{
	background-image: url(/img/products/Cubelift/title_image.jpg);
}

.cubeliftfade
{
	background-image: url(/img/products/Cubelift/main_fade.jpg);
}


.tabbar
{
	width: 100%; 
	background-image: url(/img/util/black15.gif);
	background-repeat: repeat-x;
	font-size: 0px;	
	height: 50px;
}


#standardfeatures
{
	position: absolute; 
	display: none; 
	width: 700px; 
	height: 100%; 
	left: 0px; 
	top: 0px; 
	background-image: url(/img/trans/40.png);	/* Overridden in IE6 specific sheet */

}

#taurus1 h1, #taurus2 h1, #taurus3 h1, #taurus4 h1
{
	font-size: 18px;
	color: #FFED00;
}

#taurus1 h2
{
	font-size: 18px;
	color: #C8C8C8;
}

#taurus1, #taurus2, #taurus3, #taurus4
{
	background-color: #3B7E2E;
	color: White;
	font-size: 12px;
}


#taurusmenu
{
	font-size: 0px;
}

#taurusmenu ul
{
	
	display: inline;
	float: right;
	margin: 2px;
	height: 28px;
	margin-left: 0px;	
	padding-left: 0px;
	font-size: 0px;
}

#taurusmenu ul li 
{
	display: inline;
	margin-left: 1px;	
	margin-right: 1px;	
	padding-left: 0px;
	padding-right: 0px;
}



#taurusmenu ul li a, #taurusmenu ul li span
{
	display: inline-block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	background-image: url(/img/products/taurus_ambulance/Button_1.gif);
	background-color: white;	
	padding-left: 33px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;	

}

#taurusmenu ul li a:HOVER
{
	background-color: #002D69;
	color: #002D69;
}

/* Buttons on about.asp  ============================================================================*/


#custodial1 h1, #custodial2 h1, #custodial3 h1, #custodial4 h1
{
	font-size: 18px;
	color: #002D69;
}


#custodial1, #custodial2, #custodial3, #custodial4
{
	background-color: white;
	color: black;
	font-size: 12px;
}


#custodialmenu
{
	font-size: 0px;
}

#custodialmenu ul
{
	
	display: inline;
	float: right;
	margin: 2px;
	height: 28px;
	margin-left: 0px;	
	padding-left: 0px;
	font-size: 0px;
}

#custodialmenu ul li 
{
	display: inline;
	margin-left: 1px;	
	margin-right: 1px;	
	padding-left: 0px;
	padding-right: 0px;
}



#custodialmenu ul li a, #custodialmenu ul li span
{
	display: inline-block;
	color: #002D69;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	background-image: url(/img/products/Custodial_Vehicles/Button.gif);
	background-color: white;	
	padding-left: 33px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;	

}

#custodialmenu ul li a:HOVER
{
	background-color: #002D69;
	color: #002D69;
}

/* Buttons on about.asp  ============================================================================*/