* {
    padding: 0;    margin: 0;
} 

body {    
background: #fff;	
font: 12px Tahoma, Arial, Helvetica, sans-serif;	
line-height: 1.5em; 	
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

a {	color: #3B6EBF;	text-decoration: none;	}
a:hover {	text-decoration: underline;	}


#wrap {	margin: 0px auto; width: 992px; background: #fff url('../graphics/1024_panel_middle.gif'); background-repeat: repeat-y; }
#top { background: #fff url('../graphics/1024_panel_top.gif'); height: 16px; overflow:hidden; }
#content { padding: 5px 20px 5px 20px; }
#bottom { background: #fff url('../graphics/1024_panel_bottom.gif'); height: 16px; overflow:hidden; }

#nav {
font:14px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:10px;
}

#greyHR { background: #fff url('../graphics/hr_grey.gif'); height: 1px; overflow:hidden; }
#greyHRmargin { background: #fff url('../graphics/hr_grey.gif'); height: 1px; overflow:hidden; margin:10px; }
#greyHR4 { background: #fff url('../graphics/hr_grey4.gif'); height: 1px; overflow:hidden; }
#greyHR4margin { background: #fff url('../graphics/hr_grey4.gif'); height: 1px; overflow:hidden; margin:10px; }
.greyVER4 { background-image: url('../graphics/ver_grey4.gif'); width:1px; height:300px; float:left; margin:0px 10px 0px 10px; }
.greyVER600 { background-image: url('../graphics/ver_grey.gif'); width: 1px; height:600px; float:left; margin:0px 10px 0px 10px; }
.greyVER { background-image: url('../graphics/ver_grey.gif'); width: 1px; height:510px; float:left; margin:0px 10px 0px 10px; }
#blackHR4 { background: #fff url('../graphics/hr_black4.gif'); height: 1px; overflow:hidden; }
#blackHR { background: #fff url('../graphics/hr_black.gif'); height: 1px; overflow:hidden; }
#blackVER { background: #fff url('../graphics/ver_black.gif'); width: 1px; overflow:hidden; }
#blackVER4 { background: #fff url('../graphics/ver_black4.gif'); width: 1px; overflow:hidden; } 

.spacer{clear:both; height:10px; display:block; margin:0px; padding:0px;}
.sep { width:1px; height:1px; float:left; margin:5px 5px 5px 5px; }
.sepV { background: #fff url('/graphics/spacer.gif'); height: 1px; overflow:hidden; margin:4px; }

.secHeader {
background-color: #E8E8E8;
width:auto;
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:bold;
padding:4px;
}

.secHeaderFlexible {
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:25px;
padding-top:0px;
padding-bottom:4px;
background: no-repeat #fff url('../graphics/icons/double_arrow_redV.jpg');
}

.more {
float:right;
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:bold;
background: no-repeat #fff url('../graphics/icons/moreBG.jpg');
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
margin-top:0px;
}

.more2 {
float:right;
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:bold;
background: no-repeat #fff url('../graphics/icons/moreBG.jpg');
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
margin-top:-25px;
}

.panel_160_content {width:160px; float:left;}
.panel_180_content {width:160px; float:left;}
.panel_300_content {width:300px; float:left;}
.panel_260_content {width:260px; float:left;}
.panel_760_content {width:760px; float:left;}
.panel_980_content {width:980px; float:left;}
.panel_580_content {width:580px; float:left;}
.panel_620_content {width:620px; float:left;}
.panel_440_content {width:440px; float:left;}
.panel_480_content {width:480px; float:left;}
.panel_420_content {width:420px; float:left;}
.panel_logo {width:190px; height:90px; float:left; margin-right:20px;}
.panel_728_ad {width:728px; height:90px; border:1px dashed #D7D7D7; float:left;}
.panel_300_ad {width:300px; height:250px; border:1px dashed #D7D7D7; float:left;}
.panel_160_ad {width:160px; height:600px; border:1px dashed #D7D7D7; float:left;}
.panel_300_news {width:300px; height:250px; border:0px; float:left;}

.selectedTab {
background-color: #DDDDDD;
padding:4px;
}

.selectedTabNone {
background-color: #FFFFFF;
padding:4px;
}

.text1 {
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:none;
padding:5px;
border-left:1px dashed #D7D7D7;
border-bottom:1px dashed #D7D7D7;
border-right:1px dashed #D7D7D7;
overflow:hidden;
}

#navlist { list-style-image: url(../images/spacer.gif); } 
#navHRlist li { display: inline; list-style-type: none; padding-right: 20px;} 
.thinborder {
  border:solid 1px silver;
  padding:4px;
  } 

.textFooter {
text-align:center;
color: #999999;
font:12px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:none;
padding:5px;
}

.effect_Shadow {
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='black', Positive='true')
}
.effect_NoShadow {
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='gray', Positive='true')
}
.effect_Grayscale {
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=1, rotation=0)
}

#gallery_wrap {
	width: 420px;
	height: 280px;
	padding: 15px;
	background: url(../graphics/img/border.png) top left no-repeat;
	float:left;
}


.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(../graphics/menu/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  

.kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../graphics/menu/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}

.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}

#kwick2 {
	background-position:-200px 0px;
}

#kwick3 {
	background-position:-400px 0px;
}

#kwick4 { 
	background-position:-600px 0px;
}

#kwick5 { 
	background-position:-800px 0px;
}

#kwick6 { 
	background-position:-1000px 0px;
}

#kwick7 { 
	background-position:-1200px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}

#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}

#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}

#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}

#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}

#kwick7.active, #kwick7:hover {
	background-position: -1200px bottom; 
}


#kwick1 a{
	background-image:url(../graphics/menu/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick7 a{
	background-image:url(../graphics/menu/end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick7 a:hover{
	background-position: right -120px;
}

// filmstrip code starts
.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
h3 {
	font-size: 1.45em;
	line-height: 1.05em;
	border-bottom: 1px solid #333;
}
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
// filmstrip code ends

