@import url("reset.css");
img, div { behavior: url(../js/iepngfix.htc) }

body { 
 font-family: Arial, Helvetica, sans-serif; font-size: 12px;
 height:100%;
 background-color:#000532;
 background-image: url(../imgs/tile1bk.gif);
 background-repeat: repeat;
 background-position:top;
 }
 html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll;}


wrapper{
 background-image: url(../imgs/mapbk.png) ;
 background-repeat: no-repeat;
 background-position:left top;
 width:100%;
 min-height:100%;
 }
 
#wrapper2 { 
 margin: 0 auto;
 width: 980px;
 background-color:#030a38;
 background-image:url(../imgs/wrapper3.jpg);
 background-repeat:no-repeat;
 min-height:100%;
 }

#flags{background: none;
float:right;
padding-right:275px;
clear:both;
margin-top:-25px;
}
#flags img{background: none;
padding-top:8px;
padding-right:10px;
border:none;
}
 
/*links to other saitek sites*/
#othersaitek{margin-top: -20px;float:left; clear:both;}
#othersaitek li{list-style:none; float:left; font-size:12px; padding-left:15px; color:#ffffff;}
#othersaitek a{color:#ffffff; text-decoration:none;}
#othersaitek a:hover{text-decoration:underline;}

/*header logo*/
#logo{padding-top:20px; padding-left:15px;}

/*navigation*/
/* LEVEL ONE */
ul.dropdown                         { position: relative; margin-left: 190px; margin-top:-16px; }
ul.dropdown li                      { font-weight: bold; float: left;   }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 4px 20px; color: #fff; text-decoration:none;}
ul.dropdown li:last-child a         { border-right: none;  } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #00aeef; color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff; text-decoration:none; }


/* LEVEL TWO */
ul.dropdown ul 						{ width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #0a1841; color: #000;  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*breadcrumb*/

#breadcrumb {font-size:11px; clear:left; padding-top:40px; padding-left:17px; }
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}


#search{ clear:left; margin-left:390px; margin-top:-23px;}
#header{display:block;}
input #search{height:12px; font-size:11px;}


/*EVERYTHING IN THE LEFT COLUMN*/
#leftcol{ width:759px;  float:left; padding-top:40px;}


#snapshot{ width:692px; height:249px; background-image:url(../imgs/snapshotbk.png); background-repeat:no-repeat; background-position: top left; margin-left:35px;}
#snapshot h3{padding-top:18px; padding-left:50px;}
#snapshot ul{padding-left:30px; padding-top:5px;}
#snapshot li{float:left; width:180px; padding-left:20px; padding-right:20px;height:160px; padding-top:8px;}
#snapshot li h4{background-image:url(../imgs/snaparrow.png); background-repeat:no-repeat; background-position:left top; padding-left:15px; padding-bottom:5px;}
#snapshot li img{padding-bottom:10px;}
#snapshot li a{text-decoration:none;}
#snapshot li a:hover{text-decoration:underline;}
#lastli{border-right:#ffffff solid 1px; border-left:#ffffff solid 1px;}

#blogshot{ width:692px; height:249px; background-image:url(../imgs/snapshotbk.png); background-repeat:no-repeat; background-position: top left; margin-left:35px; margin-top:10px;margin-bottom:20px;}
#blogshot h3{padding-top:18px; padding-left:50px;}
#blogshot ul{padding-left:30px; padding-top:5px;}
#blogshot li{float:left; width:180px; padding-left:20px; padding-right:20px;height:160px; padding-top:8px;}
#blogshot li h4{background-image:url(../imgs/snaparrow.png); background-repeat:no-repeat; background-position:left top; padding-left:15px; padding-bottom:5px;}
#blogshot li img{padding-bottom:10px;}
.lastli{border-right:#ffffff solid 1px; border-left:#ffffff solid 1px;}

#buy img{width:115px; padding-right:15px; padding-top:20px;}

#descrip{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:630px; margin-left:30px; padding-top:30px; padding-left:25px; padding-left:25px}

#descripshort{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:430px; margin-left:30px; padding-top:30px; padding-left:25px; padding-left:25px}

#descripshortcon{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:530px; margin-left:30px; padding-top:30px; padding-left:25px; padding-right:10px;}

#descripshortcon p{padding-top:8px; line-height:16px;}

#descripshortcon h4{padding-bottom:8px;}

#descripshortcon table{line-height:16px; margin-top:10px;}

#descripmed{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:490px; margin-left:30px; padding-top:30px; padding-left:25px; padding-left:25px}


#descriplong{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:720px; margin-left:30px; padding-top:30px; padding-left:25px; padding-left:25px}

#descripfront{ background-image:url(../imgs/proddescriptbk.png); background-repeat:repeat; width:672px; min-height:530px; padding-top:30px; margin-left:30px;}


#briefdes{ width:296px; line-height:17px; float:left; }
#briefdes P{ padding-bottom: 8px;}

.productname{background-image:url(../imgs/headersbk.gif); background-repeat:no-repeat; background-position: top left; padding-left:30px; padding-bottom:15px;}

#extraheader{background-image:url(../imgs/headersbk.gif); background-repeat:no-repeat; background-position: top left; padding-left:30px; padding-bottom:15px; margin-top:15px;}

#connect{margin-top:40px;}

#allbullet{ float:right; width:296px; line-height:17px; clear:right; padding-right:30px;}
#allbullet ul{padding-bottom:8px;}
#allbullet li{background-image:url(../imgs/bullet.png); background-repeat:no-repeat; background-position: top left; padding-left:20px; padding-bottom:5px;}
#allbullet p{ padding-bottom: 8px;}


/*EVERYTHING IN THE RIGHT COLUMN*/
#rightcol{ width:220px;height:300px; float:right; padding-top:26px;}

#newsfeed{width:216px; height:286px; background-image: url(../imgs/simnewsbk.png); background-repeat:no-repeat; background-position: top left; padding-left:11px; overflow:hidden; padding-right:20px; }
#newsfeed h3{ padding-top:17px; padding-left:28px; padding-bottom:20px;font-weight:bolder;}
#newsfeed h4 { padding-top:5px; padding-bottom:10px;line-height:16px; font-weight:normal; width:190px;}
#newsfeed h4 a{text-decoration:none;}
#newsfeed h4 a:hover{text-decoration:underline;}
#feed1{width:190px; border-bottom:dotted 1px #ffffff; }
#feed2{width:190px; border-bottom:dotted 1px #ffffff; padding-top:10px;}
#feed3{width:190px; border-bottom:dotted 1px #ffffff; padding-top:10px;}

#newsletter{ width:216px; height:130px; background-image: url(../imgs/newssignupbk.png); background-repeat:no-repeat; background-position: top left; margin-top:10px; padding-left:11px; }
#newsletter h3{padding-top:17px; padding-left:30px; padding-bottom:20px;font-weight:bolder;}
#signup{ margin-top:10px; }
#signup p{line-height:20px;}

#follow{width:216px; height:178px; background-image: url(../imgs/followbk.png); background-repeat:no-repeat; background-position: top left; margin-top:10px;}
#follow h3{padding-top:23px; padding-left:42px; padding-bottom:20px;font-weight:bolder;}
#follow ul {padding-left:10px; padding-top:12px;}
#follow li{float:left; }
#follow li a{display:block; text-decoration:none;}
#follow li a:hover{display:block; text-decoration:underline;}
li#facebook a {background-image:url(../imgs/facebook.png); background-repeat:no-repeat; background-position:top center;width:65px; padding-top:60px;text-align:center;}
li#twitter a{background-image:url(../imgs/twitter.png); background-repeat:no-repeat; background-position:top center; width:65px; padding-top:60px; text-align:center;}
li#youtube a{background-image:url(../imgs/youtube.png); background-repeat:no-repeat; background-position:top center; width:65px; padding-top:60px; text-align:center; }


#latestyoutube{width:216px; height:178px; background-image: url(../imgs/followbk.png); background-repeat:no-repeat; background-position: top left; margin-top:10px; padding-left:15px;}
#latestyoutube h3{padding-top:23px; padding-left:27px; padding-bottom:10px;font-weight:bolder;}

#suppprod{padding-left:32px; margin-top:-10px;}
#suppprod li{padding-bottom:8px;}
#suppprod li a{text-decoration:none}
#suppprod li a:hover{text-decoration:underline}
#thumbnails{width:200px; padding-left:13px; padding-top:10px;}
#thumbnails li{ float:left; padding-left:15px; padding-bottom:10px;}


/*footer*/
#footer{clear:both; padding-top:20px; }
#footer2{width:100%; clear:both;  background-color:#000000; }
#footer3{width:100%; clear:both; height:50px; background-color:#000000; position:absolute;bottom:0;}
#footer2legal {font-size:10px; padding-top: 10px; margin: 0 auto; width:780px; text-align:center;}
#footer2legal img{padding-bottom: 12px;}
#brands{ padding-top: 10px; margin: 0 auto; width:880px;}
#brands li{float:left;}
.tooltip {
	display:none;
	background:transparent url(../imgs/black_arrow.png);
	font-size:14px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	line-height:18px;
	text-align:center;
}

#tip1_up{
width:630px;
border:#00aeef 1px dotted;
z-index:800;
}
#mbk{
height:230px;
background-color:#000532;
background-image:url(../imgs/proflighticon.png); background-repeat:no-repeat; background-position:bottom right;
padding-top:10px;
z-index:800;
}
#tip1_up ul{
width:190px;
float:left;
padding-top:7px;
padding-bottom:10px;
margin-left:15px;
clear:right;
z-index:800;}

#tip1_up h5{
background-image:url(../imgs/bullet.png); background-repeat:no-repeat; background-position: top left; padding-left:20px; padding-bottom:5px; text-decoration:underline; font-size:11px;z-index:8;}
#tip1_up li{
padding-top:8px;
padding-left:20px;
font-size:11px;
background-image: url(../imgs/nav_bullet.gif); background-repeat:no-repeat; background-position: left bottom;
z-index:8;}
#tip1_up li:hover{url(../imgs/nav_bulletroll.gif); background-repeat:no-repeat; background-position: left bottom;}
#tip1_up li a{ text-decoration:none; }
#tip1_up li a:hover{ text-decoration:underline;}

#clearing{margin-bottom:20px;}

/*Slideshow css*/
#slideshow {
    position:relative;

	 z-index:-1;
    height:422px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0.0;
    height: 422px;
   
}

#slideshow DIV.active {
    z-index:1;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:1;
}

#slideshow DIV IMG {
    height: 422px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
/*end of slide show*/

#distform{ margin-top:20px; }
#distlist{ padding-top:20px; }
#distlist h4{padding-bottom:5px;}
.conheader{background-image:url(../imgs/headersbk.gif); background-repeat:no-repeat; background-position: top left; padding-left:30px; padding-bottom:5px; padding-top:3px;}


  #driver1 {
	float: left;
	width: 200px;
	height:132px;
	margin-right:30px;
text-align:center;
	/*background-color:#ef6900;*/

	
}

#driver3 {
	float: right;
	width: 200px;
	height:132px;
	/*background-color:#ef6900;*/
	text-align:center;
	margin-right:60px;

}

#driver2{ 
	float: left;
	width: 25%;
	height:132px;
	margin-bottom:20px;
	/*background-color:#ef6900;*/
	text-align:center;

}
#driver1 img{
padding-top:5px;

}
#driver1 h2{padding-top:5px; padding-left:7px;}

#driver1 p{padding-top:5px; font-size:13px; padding-bottom:8px;}

#driver2 img{padding-top:5px;}

#driver2 h2{padding-top:5px; padding-left:10px;}

#driver2 p{padding-top:5px; font-size:13px; padding-bottom:8px;}

#driver3 img{padding-top:5px;}

#driver3 p{padding-top:5px;font-size:13px; padding-bottom:8px;}

#manuals{ margin-top:50px;}

.error {
	font: normal 11px arial;
	color:#000000;
	padding: 3px;
	margin: 3px;
	background-color: #ffc;
	border: 1px solid #c00;
}
#typerange{ padding-top:15px;}
#download img{ padding-right:30px;}
#slides{z-index:0; }
#bullets li{background-image:url(../imgs/bullet.png); background-repeat:no-repeat; background-position: top left; padding-left:20px; padding-bottom:10px;}
#bullets a{text-decoration:none;}
#bullets a:hover{text-decoration:underline;}

.content2{
color:#000000;}