@import url(linkStyles.css);

html { 
	min-height: 100%; 
	
	}

body {
	margin-left: auto;
	margin-right: auto;   
	MARGIN-TOP: 0px;
    BACKGROUND-IMAGE: url(/images/bgBody.png);
    COLOR: #333333;
    PADDING-TOP: 0px;
	
	color: #000000; 
	font-family: Arial; 
	font-size: 12px; 
	text-align: left;
	font-style: normal; 
	line-height: 14px;
}

/*
body { 
	color: #000000; 
	font-family: Arial; 
	font-size: 12px; 
	text-align: left;
	font-style: normal; 
	line-height: 14px;
	margin: 10px 0px 0px 0px;
	
	}
*/

#main_wrapper {
	border-left: solid 1px; 
	border-right: solid 1px; 
	border-bottom: solid 0px; 
	border-color: #554e4e;
	width:985px;
	margin: 0 auto;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}	

#main_area  {
	border-left: solid 0px; 
	border-right: solid 0px; 
	border-bottom: solid 0px; 
	border-color: #dcdcdc;
	width:985px;
	margin: 0 auto;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}


h1 {
font-family: Verdana; 
	margin-top:8px;
	margin-left:7px;
	font-size: 18px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: capitalize; 
	/*color: #000066;*/ 
	color: #000000;
	text-decoration: none ;

}

h2 {
font-family: Verdana; 
	margin-top:1px;
	margin-left:2px;
	margin-bottom:2px;
	font-size: 15px; 
	font-style: oblique; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: small-caps; 
	text-transform: capitalize; 
	color: #737373; 
	text-decoration: none ;

}

td {

}
	
.bodyheaderinput {

}

.head { 
	font-family: Verdana; 
	font-size: 25px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: capitalize; 
	color: #000066; 
	text-decoration: none 
	}

/** JAVASCRIPT STYLES FOR MENU **/
#menu li.submenu1 a,
#menu li.submenu1 ul li.submenu2 a,
#menu li.submenu1 ul li.submenu2 ul li.submenu3 a,
#menu li.submenu1 ul li.submenu2 ul li.submenu3 ul li.submenu4 a {
	background-image:url(/images/menu_arrow.gif); 
	background-position:95% 50%; 
	background-repeat:no-repeat;
}
#menu li.submenu1 ul li a,
#menu li.submenu1 ul li.submenu2 ul li a,
#menu li.submenu1 ul li.submenu2 ul li.submenu3 ul li a,
#menu li.submenu1 ul li.submenu2 ul li.submenu3 ul li.submenu4 ul li a {
	background-image:none;
}
/** END JAVASCRIPT STYLES FOR MENU **/
/** BEGIN MENU **/
#menuWrap {

	margin:0 0 6px 0;
	width:240px;
	text-align:left;
	border-top:2px solid #ff6666;
}
#menu,
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	width:240px;
}
#menu ul {
	width:240px;
	border-bottom:2px solid #ff6666;
}
#menu li {
	width:240px;
}
#menu ul li {
	margin:0;
}
#menu ul li ul {
	margin-top:0;
	border:none;
	width:240px;
}
/** MENU LEVEL 1 **/
#menu a {
	padding:6px 30px 6px 10px;
	width:200px;
	height:auto;
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	background-color:#ec1c24; /* Changes all link BG colors */
	border-bottom:2px solid #ff6666;
}
#menu a:hover {
	color:#ffffff;
	background-color:#cc0000;
}
/** SUB MENU LEVEL 2 **/
#menu ul a {
	padding-left:10px;
	width:200px;
	height:auto;
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	background-color:#cc0000; /* #cc0000 Changes all submenu link BG colors - can be done for each level */
	border:none;
}
#menu ul a:hover {
	background-color:#990000;
}
/** SUB SUB MENU LEVEL 3 **/
#menu ul li ul a {
	padding-left:20px;
	width:190px;
}
/** SUB SUB SUB MENU LEVEL 4 **/
#menu ul li ul li ul a {
	padding-left:30px;
	width:180px;
}
/** SUB SUB SUB SUB MENU LEVEL 5 **/
#menu ul li ul li ul li ul a {
	padding-left:40px;
	width:170px;
}
/** END MENU **/
	
	
.Subhead { 
	font-family: Verdana; 
	font-size: 13px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: capitalize; 
	text-decoration: none 
	}
	
.leftnavbars { 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	text-decoration: none 
	}
	
.maillink { 
	color: #CC0000; 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal ; 
	text-decoration: none 
	}
	
.navbartext { 
	color: #000000; 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal 
	}
		
.leftnavbarsselect { 
	color: #FF0000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	font-style: italic; 
	line-height: normal; 
	font-weight: bold; 
	text-decoration: none 
	}

.notopspace {
font-size:14px;
line-height:19px;
margin-top:3px;
}	

.text { 
	color: #000000; 
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal 
	}
	
.boldredtext { 
	color: #000000; 
	font-family: Arial; 
	font-size: 14pt; 
	font-style: normal; 
	line-height: normal ; 
	text-decoration: none ; 
	font-weight: bold
	}
	
.boldredtextlarge { 
	color: #CC0000; 
	font-family: Arial; 
	font-size: 18pt; 
	font-style: normal; 
	line-height: normal ; 
	text-decoration: none ; 
	font-weight: bold 
	}
	
#logo {
	position:absolute;
	top:18px;
	left:14px;
	width:408px;
	height:123px;
	background:url(../images/ClocklogoRot.gif) center no-repeat;
}
	
/*--tables-forms*/
#form_banner {
width:630px;
border-top: solid 1px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: solid 1px;
border-color: #cc0202;
border-bottom-color: #fc5858;
height:25px;
background-image:url(../images/footer-bg.png);
margin-left:10px;
}
#form_banner p {
color:white;
margin-top:5px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#contact_us {
border-top: solid 0px;
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-color: #dcdcdc;
background-color: #efefef;
width:630px;
height:600px;
padding: 20px 20px 20px 20px;
margin-left:10px;
margin-bottom:10px;
}
#contact_us p {
padding: 0px 5px 0px 0px;
}
#contact_us .send { 
				background: #fff;
				border: 1px solid #dbd2bf; 
				color: #432e03;
				font-size: 1.0em;
				margin: 5px 0 5px 180px;
				padding: 5px;
				text-align: center;
				text-transform: uppercase;
				}
	
#contact_us .send:hover {
				background: #dbd2bf;
				border-color: #432e03;
				color: #432e03;
				cursor: pointer;
				} 

#tune_up {
border-top: solid 0px;
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-color: #dcdcdc;
background-color: #efefef;
width:630px;
height:600px;
padding: 20px 20px 20px 20px;
margin-left:10px;
margin-bottom:10px;
}
#tune_up p {
padding: 0px 5px 0px 0px;
}
#tune_up .send { 
				background: #fff;
				border: 1px solid #dbd2bf; 
				color: #432e03;
				font-size: 1.0em;
				margin: 5px 0 5px 180px;
				padding: 5px;
				text-align: center;
				text-transform: uppercase;
				}
	
#tune_up .send:hover {
				background: #dbd2bf;
				border-color: #432e03;
				color: #432e03;
				cursor: pointer;
				} 	
#free_replace {
border-top: solid 0px;
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-color: #dcdcdc;
background-color: #efefef;
width:630px;
height:auto;
padding: 20px 20px 20px 20px;
margin-left:10px;
margin-bottom:10px;
}
#free_replace p {
padding: 0px 5px 0px 0px;
}
#free_replace .send { 
				background: #fff;
				border: 1px solid #dbd2bf; 
				color: #432e03;
				font-size: 1.0em;
				margin: 5px 0 5px 180px;
				padding: 5px;
				text-align: center;
				text-transform: uppercase;
				}
	
#free_replace .send:hover {
				background: #dbd2bf;
				border-color: #432e03;
				color: #432e03;
				cursor: pointer;
				} 	
#service_call {
border-top: solid 0px;
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-color: #dcdcdc;
background-color: #efefef;
width:630px;
height:auto;
padding: 20px 20px 20px 20px;
margin-left:10px;
margin-bottom:10px;
}
#service_call p {
padding: 0px 5px 0px 0px;
}
#service_call .send { 
				background: #fff;
				border: 1px solid #dbd2bf; 
				color: #432e03;
				font-size: 1.0em;
				margin: 5px 0 5px 180px;
				padding: 5px;
				text-align: center;
				text-transform: uppercase;
				}
	
#service_call .send:hover {
				background: #dbd2bf;
				border-color: #432e03;
				color: #432e03;
				cursor: pointer;
				} 	
/*--index--*/	
#index_main {
border: solid 0px;
margin-left:12px;
width:520px;
height:299px;
}
#index_main p {
margin-top:15px;
font-size:15px;
line-height:19px;
}
#index_main img {
border: solid 0px;
float:right;
}
#index_main_sub {
border: solid 0px;
margin-left:12px;
width:auto;
height:auto;
}
#index_main_sub p, #index_main_sub a:hover, #index_main_sub a:link, #index_main_sub a:active, #index_main_sub a:visited {
margin-top:0px;
font-size:11px;
line-height:20px;
text-align: center;
}
#index_main_sub img {
border: solid 0px;
float:right;
}
#index_main_sub #indexTruck {
width:260px;
height:212px;
border: solid 0px;
float:left;
margin-top:40px;
margin-bottom:20px;
}
/*--services--*/	
#services_main {
border: solid 0px;
margin-left:12px;
width:680px;
}
#services_main p {
font-size:14px;
line-height:16px;
}
#services_main img {
border: solid 1px;
float:right;
margin: 8px 8px 8px 8px;
padding: 0px 0px 0px 0px;
}
#services_main .noborder {
border: solid 0px;
float:right;
margin: 8px 8px 8px 8px;
padding-right: 12px;
}
/*--company--*/
#company_main {
border: solid 0px;
margin-left:12px;
width:680px;
}
#company_main p {
font-size:14px;
line-height:16px;
}
#company_main img {
border: solid 1px;
float:right;
}
#company_main #trane_logo {
border: solid 0px;
float:left;
}
#company_main .noborder {
border: solid 0px;
float:right;
margin: 30px 8px 8px 8px;
padding-right: 10px;
}
/*--service areas--*/
#service_areas_main {
border: solid 0px;
margin-left:12px;
width:680px;
}
#service_areas_main p, #service_areas_main a:hover, #service_areas_main a:link, #service_areas_main a:active, #service_areas_main a:visited {
margin-top:6px;
font-size:14px;
line-height:20px;
}
#service_areas_main img {
border: solid 0px;
float:right;
}
/*--products--*/
#products_main {
border: solid 0px;
margin-left:12px;
width:680px;
}
#products_main p {
font-size:14px;
line-height:16px;

}
#products_main_swf {
float:right;
}
/*--testimonials--*/	
#testimonials_main {
border: solid 0px;
margin-left:12px;
width:680px;
}
#testimonials_main p {
font-size:14px;
line-height:19px;
}
#testimonials_main img {
border: solid 1px;
margin: 8px 8px 8px 8px;
}
#testimonials_main #trane_logo {
border: solid 0px;
float:left;
margin: 8px 8px 8px 8px;
}
#testimonials_main #swf_pic {
border: solid 0px;
margin: 0px 0px 0px 0px;
}
#testimonials_main_swf {
border: solid 0px;
margin: 8px 8px 8px 8px;
}
/*--trane--*/	
#trane_main {
border: solid 0px;
margin-left:12px;
width:680px;
margin-bottom:10px;
}
#trane_main p {
font-size:14px;
line-height:19px;
}
#trane_main .notopspace {
font-size:14px;
line-height:19px;
margin-top:3px;
}
#trane_main li {
font-size:14px;
line-height:19px;
margin-bottom:8px;
}
#trane_main img {
border: solid 1px;
margin: 8px 8px 8px 8px;
}
#trane_main #jobopp {
border: solid 0px;
float:left;
margin: 8px 8px 8px 8px;
}
#trane_main .noborder {
border: solid 0px;
float:right;
margin: 8px 8px 8px 8px;
padding-right: 12px;
}
#trane_main .noborderfloatR {
height:auto;
width:196px;
border: solid 0px;
float:right;
margin: 8px 8px 8px 8px;
padding-right: 12px;
}
/*--subs--*/	
#subs_main {
border: solid 0px;
margin-left:12px;
width:680px;
height:auto;
margin-bottom:10px;
clear:both;
}
#subs_main p {
font-size:14px;
line-height:19px;
}
#subs_main .notopspace {
font-size:14px;
line-height:19px;
margin-top:3px;
}
#subs_main li {
font-size:14px;
line-height:19px;
margin-bottom:8px;
}
#subs_main img {
border: solid 1px;
margin: 8px 8px 8px 8px;
}
#subs_main #jobopp {
border: solid 0px;
float:left;
margin: 8px 8px 8px 8px;
}
#subs_main .calicon {
border: solid 0px;
width:19px;
height:19px;
}
#subs_main .calicon_local {
border: solid 0px;
margin: 0px 135px 0px 0px;
padding: 0px 0px 0px 0px;
width:19px;
height:19px;
}
#subs_main .noborder {
border: solid 0px;
float:right;
margin: 8px 8px 8px 8px;
padding-right: 12px;
}

#subs_main #trane_logo {
border: solid 0px;
float:left;
margin: 8px 8px 8px 8px;
}
#subs_main #swf_pic {
border: solid 0px;
margin: 0px 0px 0px 0px;
}
#subs_main_swf {
border: solid 0px;
margin: 8px 8px 8px 8px;
}

#menu_wrapper {
border-top: solid 1px;
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 0px;
margin-bottom:0px;
padding-bottom:0px;
border-color: #dcdcdc;
width:200px;

}

#address_footer {
border: solid 0px;
text-align:center;
margin-top:80px;
margin-bottom:0px;
padding-bottom:0px;
min-height:500px;
}

#address_footer p {
color: #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#header_menu {
border: solid 0px;
 width:870px;
 margin-top:7px;
 margin-bottom:7px;
 text-align:center;
}	
#header_menu_catalog {
 width:680px;
 margin-left:20px;
 margin-top:7px;
 margin-bottom:7px;
 text-align:center;
}	
#index_logo {
border: solid 0px;
margin-left:11px;
margin-right:11px;
}
#footer_banner {
border-top: solid 1px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: solid 1px;
border-color: #cc0202;
border-bottom-color: #fc5858;
height:25px;
background-image:url(../images/footer-bg.png);
}

#footer_banner p {
color:white;
margin-top:5px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#footer_menu {
 margin-top:9px;

}
/*bottom menu*/
#site-bottom-bar {
			background-color: #dad8d8 ;
			border-top: 1px solid #898888 ;
			bottom: 0px ;
			font-family: verdana, arial ;
			font-size: 11px ;
			height: 32px ;
			position: fixed ;
			width: 100% ;
			z-index: 1000 ;
			}
 
		#site-bottom-bar-frame {
			height: 30px ;
			margin: 0px 10px 0px 10px ;
			position: relative ;
			}
 
		#site-bottom-bar-content {
			padding: 0px 0px 0px 0px ;
			}
 
		#menu-root {
			background-color: #E8E8E8 ;
			border: 1px solid #D0D0D0 ;
			color: #cc0000 ;
			display: block ;
			height: 22px ;
			line-height: 22px ;
			text-align: center ;
			text-decoration: none ;
			width: 130px ;
			font-weight:bold;
			float:left;
			margin:0px 20px 0px 10px;
			}
 
 		#menu-root_two {
			
			border: 0px solid #D0D0D0 ;
			color: #cc0000 ;
			display: block ;
			text-align: center ;
			text-decoration: none ;
			width: 175px ;
			font-weight:bold;
				float:left;
				margin:0px 0px 0px 0px;
			}
			
		 #menu-root_three {
			
			border: 0px solid #D0D0D0 ;
			color: #cc0000 ;
			display: block ;
			text-align: center ;
			text-decoration: none ;
			width: 175px ;
			font-weight:bold;
				float:left;
				margin:0px 0px 0px 0px;
			}

		 #menu-root_four {
			
			border: 0px solid #D0D0D0 ;
			color: #cc0000 ;
			display: block ;
			text-align: center ;
			text-decoration: none ;
			width: 175px ;
			font-weight:bold;
				float:left;
				margin:0px 0px 0px 0px;
			}
 
		#menu-root:hover {
		/*	background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ;  */
			color:#ffffff;
			background-color:#cc0000;
			border-color: #000000;
			}
			
 
		#menu_bottom {
			background-color: #E8E8E8 ;
			border: 1px solid #666666 ;
			bottom: 32px ;
			display: none ;
			left: 0px ;
			padding: 5px 5px 1px 5px ;
			position: absolute ;
			width: 200px ;
			}
 
		#menu_bottom a {
			background-color: #E8E8E8 ;
			border: 1px solid #FFFFFF ;
			color: #cc0000 ;
			display: block ;
			margin-bottom: 4px ;
			padding: 5px 0px 5px 5px ;
			text-decoration: none ;
			}
 
		#menu_bottom a:hover {
			/*background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ; */
		color:#ffffff;
		background-color:#cc0000;
		border-color: #ffffff;
			}