/* ASA Tire Systems */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color:#555555;
}

p {
	padding-top:5px;
	padding-bottom:3px;
	margin:0;
	}

a:link, a:visited {
	color:#000000;
	text-decoration:underline;
	}
a:hover {
	color:#CD3301;
	text-decoration:none;
	}	


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 3px;
}



h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}


h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #003366;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

legend {
	color:#CC3300;
	font-weight:bold;

}
/* Div's */

#onlineMeet {
	float:right;
	/*margin-top:20px;*/
	padding-top:45px;
	background-image:url(images/online_meeting.gif);
	background-repeat:no-repeat;
	width:250px;
	}


#download {
	float:right;
	width:235px;
	padding:10px;
	}
	
#download a:link, #download a:visited {
	font-size:8pt;
	color: #52646b;
	text-decoration:none;
	}
	
#download a:hover {
	color: #CC0033;
	text-decoration:underline;
	}

#navigation {
	position:relative;
	height:35px;
	z-index:1000;
}
#navigation-inner {
	position:relative;
	width:882px;
	height:35px;
	z-index:1000;
	margin-left:auto;
	margin-right:auto;
	}
	
	
#contentWrapper {
	float:right;
	width:100%;
	margin-left:-260px;
}	

#leftSide {
	float:left;
	width:255px;
	color:#ffffff;
	padding-top:30px;
}
#leftSide p {
	padding-left:10px;
	}
#leftSide .darkText {
	color:#000000;
	}	
#content {
	margin-left:260px;
	padding-top:10px;
	padding-right:20px;

}
#content p {
/*	line-height: 1.6em; */
	padding-left: 1.2em;
} 
#footer {
	clear:both;
	color:#eeeeee;
	text-align:center;
	font-size:8pt;
	}

#footer a:link, #footer a:visited {
	color:#eeeeee;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#CD3301;
	text-decoration:underline;
	}

#HomePageText {
	padding:0 20px 0 20px;
	}

#webPortfolio {
	width:635px;
		margin:0;
	padding:0px;

}



#webTop {
	background-image: url(images/web_portfolio_top.gif);
}	

#webBottom {
	background-image:url(images/web_portfolio_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}	

#ProductNav a:link, #ProductNav a:visited {
	color: #52646b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
#ProductNav a:hover {
	color: #CC0033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
 }


#ProductMenu {
display: none;
margin-left: 15px;
font-size:8pt;
}
#ProductMenu a:link, #ProductMenu a:visited {
margin-left:10px;
font-size:8pt;
}
/*
.TXmenu a:hover {
color: #B22222;
margin-left: 20px;
}
*/

#multi-level {height:30px; position:relative; z-index:1000;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; text-align:left}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:100px; background:url(images/tire_inventory_software_02.jpg) no-repeat;;}
.menu li.p2 {width:163px; background:url(images/tire_inventory_software_03.jpg) no-repeat;;}
.menu li.p3 {width:166px; background:url(images/tire_inventory_software_04.jpg) no-repeat;;}
.menu li.p4 {width:126px; background:url(images/tire_inventory_software_05.jpg) no-repeat;;}
.menu li.p5 {width:155px; background:url(images/tire_inventory_software_06.jpg) no-repeat;;}
.menu li.p6 {width:172px; background:url(images/tire_inventory_software_07.jpg) no-repeat;;}
/* set up the normal unhovered images in the links */
.menu li a#home {width:100px; background:url(images/auto_inventory_software_02.jpg) no-repeat;}
.menu li a#member {width:163px; background:url(images/auto_inventory_software_03.jpg) no-repeat;}
.menu li a#services {width:166px; background:url(images/auto_inventory_software_04.jpg) no-repeat;}
.menu li a#events {width:126px; background:url(images/auto_inventory_software_05.jpg) no-repeat;}
.menu li a#about {width:155px; background:url(images/auto_inventory_software_06.jpg) no-repeat;}
.menu li a#contact {width:172px; background:url(images/auto_inventory_software_07.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:2000;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#member:hover, .menu li:hover a#member,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#events:hover, .menu li:hover a#events,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:35px; background: #fff; padding:2px 0; border:1px solid #52646b; white-space:nowrap; width:175px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:128px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:175px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:2px solid #fff; border-width:0 0 0 0px;}
.menu :hover ul.sub li a.fly {background:#fff;}
.menu :hover ul.sub li a:hover {background:#52646b; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#52646b; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#52646b; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:125px; top:-4px; background: #fff; padding:0px 0; border:1px solid #52646b; white-space:nowrap; width:175px; z-index:3000; height:auto;}

#tour  {
	width:200px;
	text-align:left;
	}


/* Classes */
.li_homepage {
	margin-left: 9px;
	padding-left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 125%;
	color: #003399;
	list-style-image: url(images/li_home.gif);
}

.li_Checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 125%;
	color: #003399;
	list-style-image: url(images/li_check.gif);
	margin: 15px;
	padding: 15px;
}




.bg_top {
	background-image: url(images/bg_top.jpg);
	background-repeat: repeat-x;
}
.bg_main {
	background-image: url(images/bg_main.jpg);
	background-repeat: repeat-x;
}

.border_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #52646B;
}
 a.nav:link {
	color: #52646b;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
a.nav:visited {
	color: #52646b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;

}
a.nav:hover {
	color: #CC0033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
 }
a.nav:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #52646b;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
  }
.nav_ul {
	line-height: 135%;
	margin-left: 10px;
	list-style-type: none;
} 
.bg_top2 {
	background-image: url(images/bg_top2.jpg);
	background-repeat: repeat-x;
}
.bg_main2 {
	background-image: url(images/bg_main2.jpg);
	background-repeat: repeat-x;
	background-color:#ffffff;
}
.bg_request {
	background-image: url(images/bg_request_info.jpg);
	background-repeat: repeat-x;
}
.bg_top_curve {
	background-image: url(images/top_curve.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bg_bottom_curve {
	background-image: url(images/bottom_curve.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.bg_upcoming {
	background-image: url(images/bg_upcoming2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	
}

.whiteText {
	color:#FFFFFF;
	font-size:18pt;
	}
.bg_nav_repeatX {
	background-image: url(images/navigation_07.gif);
	background-repeat: repeat-x;
}

.div_space_20 {
	height: 20px;
}
.bg_main_left {
	width: 391px;
}
.bg_main_right {
	width: 250px;
}
.roundcont {
	width: 250px;
	background-color: #006699;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br.gif) no-repeat bottom right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

img.logoPadRight {
	padding-right:15px;
	}

p.pad_right {
	padding-right:3px;
	}	

ul.datasheet {
	list-style-image:url(images/pdf_icon_small.gif);
	}	
	
table.seminarAttendees {
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	border-collapse: collapse;
	}	
table.seminarAttendees th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000000;
}
table.seminarAttendees td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
}

.seminarPayment {
	width:500px;
	}
.red {
	color:#CC3300;
	}			
	
p.pinnacle_right {
	padding-right:10px;
	}	
#enrollLeft {
	float:left;
	width:425px;
	}
#enrollRight {
	float:right;
	width:200px;
	}	
a.seminarLink:link, a.seminarLink:visited {	
	color:#CC3300;
	text-decoration:underline;
	font-size: 16pt;
	font-weight:bold;
	}

a.seminarLink:hover {
	color:#000000;
	}
	
	/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 5px solid black;
z-index:100;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
z-index:100;
}

#scrollmenu {
	position:relative;
	width: 695px;
    background-color: #000000;
	}

#scrollmenu ul{
        list-style: none; padding: 0; margin: 0; background-color:#000000;}

#scrollmenu ul li{
        float: left; margin-right: 10px; background-color:#000000;}

#scrollmenu ul li a:link, #scrollmenu ul li a:visited {
        color: #fff; text-decoration: none; font-weight: bold; display:block; width: 75px; text-align: center; background-color:#000000;
         }


#scrollmenu ul li a:hover{
	text_decoration:underline;
	}
 
a.hp_tour_link:link, a.hp_tour_link:visited {
	text-decoration:none;
	
	}
	
.green {
	color:#336633;
	}