@charset "windows-1252";
/* CSS Document */
*{
  margin:0px;
  padding:0px;
}
body,td,th {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #D0CFDD;}

h1 {font-size:16px;}

body {	background-color: #010618; margin-top: 0px; margin-bottom:30px;}

a:link {color: #D0CFDD; text-decoration:none;}
a:visited {color: #D0CFDD; text-decoration:none;}
a:hover {text-decoration:none; color:#FFFFFF;}
a:active {color: #D0CFDD; text-decoration:none;}


a:active { outline:none;}
:focus {-moz-outline-style: none;}

hr {
border:none;
text-align: center;
border-top: 1px solid #4c78ba;
width: 95%;
height: 10px;


} 

.contentHeader{
font-size:16px; 
margin-bottom:5px; 
margin-top:0px; 
padding-top:5px;
}

#wrapper {
	width:751px;
	margin: 0 auto;
}


#container {
	width:751px;
	background-image:url(../img/bg_body.gif); 
    background-position:top center; 
    background-repeat:repeat-y;
}

#containerVideoPage {
	width:751px;
	background-image:url(../img/bg_body.gif); 
    background-position:top center; 
    background-repeat:repeat-y;
}

#topHeader {
	 width:751px; 
	 height:69px;
}

#topMenu {
	width:751px; 
	height:25px;
	background-image:url(../p7pm/img/p7PM_frost_hz.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}

#mainBody {
	width:751px;
	height: auto;
	margin-top:0px;
	background-image:url(../img/bg_body.gif); 
	background-position:top center; 
	background-repeat:repeat-y;}
	
#mainBody a.darkLink:link {color: #333333; text-decoration:underline;}
#mainBody a.darkLink:visited {color: #333333; text-decoration:underline;}
#mainBody a.darkLink:hover {color: #333333; text-decoration:underline; font-weight:bold;}
#mainBody a.darkLink:active {color: #333333; text-decoration:underline;}

#mainBody a:link {color: #D0CFDD; text-decoration:none;}
#mainBody a:visited {color: #ffffff; text-decoration:none;}
#mainBody a:hover {color: #ffffff; text-decoration:none; font-weight:bold;}
#mainBody a:active {color: #ffffff; text-decoration:none;}

#mainBody li.newsArchive{margin-top:1.6em;}
 

#leftBar {
	width:231px; 
	float:left;
	padding-bottom:15px;
}	

#leftBarHeader {
	background-image:url(../img/leftbar_drop_shadow.jpg); 
	background-position:left top; 
	background-repeat:repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	text-transform:uppercase; 
	text-align:left; 
	font-weight:bold; 
	padding: 20px 0px 13px 15px;
	color:#FFFFFF;
}	

#leftBarContent {
	padding-left:3px;
}

#leftBarContent a:link {color: #D0CFDD; text-decoration:none; font-size:9px; padding-left:15px;}
#leftBarContent a:visited {color: #D0CFDD; text-decoration:none; font-size:9px; padding-left:15px;}
#leftBarContent a:hover {color: #FFFFFF; text-decoration:none; font-size:9px; padding-left:15px;}
#leftBarContent a:active {color: #D0CFDD; text-decoration:none; font-size:9px; padding-left:15px;}



#rightContent { 
	float:right;
}	

#bodyHeader {
	width:520px; 
	height:187px;
}	

#mainContent {
   /*changed Jan30 default 480px; */
	width:505px; 
	padding:0px 5px 0px 7px; 
	color:#333333;
	font-size: 0.95em;
	line-height: 1.5em;
}	

#mainContent p{
margin:3px 0 5px 0;
/*line-height: 1.3em;*/
}

#mainContent2 {
   /*changed Mar13 default 480px; */
	width:480px; 
	padding:0px 15px 0px 15px; 
	color:#333333;
	font-size: 0.95em;
	line-height: 1.5em;
}	
#mainContent2 p{
margin:3px 0 5px 0;
/*line-height: 1.3em;*/
}
#mainContent2 ul {
list-style:disc outside;
margin-left:15px;
}
#mainContent2 ol {
list-style:decimal outside;
margin-left:20px;
}

#mainContentVidLib {
	width:513px; 
	padding:0px 0px 0px 7px; 
	color:#333333;
	font-size: 0.95em;
	line-height: 1.5em;
	/*background-color:#FF9900;*/
}	

li.ord_term{
padding-bottom:8px;
}
li.guide{
padding-bottom:8px;
}

#guidePos {
   /*changed Jan30 default 480px; */
	width:505px; 
	padding:0px 5px 0px 7px; 
	color:#333333;
	font-size: 0.95em;
	line-height: 1.5em;
}	

#guidePos ul {
list-style:disc outside;
margin-left:20px;
}
#guidePos ol {
list-style:decimal outside;
margin-left:25px;
}

#clear {
	width:751px; 
	height:10px; 
	clear:both;
}	

#footerWrapper {
	width:751px;
	height:52px;
	clear:both;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
}	

#footer	{	
	padding-top:11px;
}

.crumb {
	height:37px;
	width:80px;
	position:absolute;
	text-align:center;
}

.crumb a:link {}
.crumb a:visited {}
.crumb a:hover {}
.crumb a:active {font-weight:bold; color:#FFFFFF;}

.tableHeader { border:#4061AB solid 1px; background-color:#4061AB; color:#FFFFFF; padding:5px; font-size:12px; font-weight:bold;}
.tableHeader a:link {color:#ffffff;}
.tableHeader img {vertical-align:text-bottom; border:0;}


.table { border-left:#B6BECB solid 1px; padding:5px; color:#333333;
		 border-bottom:#B6BECB solid 1px; padding:5px; color:#333333;
	     border-right:#B6BECB solid 1px; padding:5px; color:#333333;
}
.table img{ 
border:none;
}

.tableRight { border-left:#B6BECB solid 1px; padding:5px; color:#333333;
		 border-bottom:#B6BECB solid 1px; padding:5px; color:#333333;
	     border-right:none;
}
.tableRight img{ 
border:none;
}

.tableEmpty{
  border-style:none;
  text-align:center;
  color:#333333;
  vertical-align:top;
  padding-top:10px;
  padding-bottom:10px;
  }

.moterSpec {
   border-left:#B6BECB solid 1px; padding:5px; color:#333333;
	border-bottom:#B6BECB solid 1px; padding:5px; color:#333333;
	border-right:#B6BECB solid 1px; padding:5px; color:#333333;
	text-align:center;
}

#leftBarButton {
	background-image: url(../img/leftBarButton.gif); 
	width:210px; 
	height:17px; 
	margin:0px 0px 0px 5px;
	padding:5px 5px 5px 0px;
}

#leftPhoneButton {
	background: url(../img/buttonPhone.jpg) no-repeat left; 
	width:208px; 
	height:45px; 
	margin:0px 0px 0px 5px;
	padding:5px 5px 5px 0px;
	color:#234279;
	font-weight:bold;
	font-size:12px;
}

#leftBarButton a:link,  #leftBarButton a:visited, #leftBarButton a:hover, #leftBarButton a:active {color:#234279; font-size:10px; font-weight:bold; text-decoration:none;}

/*#leftBarButton a:link {color:#234279; font-size:10px; font-weight:bold; text-decoration:none;}
#leftBarButton a:visited {color:#234279; font-size:10px; font-weight:bold; text-decoration:none;}
#leftBarButton a:hover {color:#234279; font-size:10px; font-weight:bold; text-decoration:none;}
#leftBarButton a:active {color:#234279; font-size:10px; font-weight:bold; text-decoration:none;}*/

.stepRetroTblHeader { border:#4061AB solid 1px; background-color:#4061AB; color:#FFFFFF; padding:5px; font-size:10px; font-weight:bold;}

.stepRetroTbl { border-left:#B6BECB solid 1px; padding:5px; color:#333333;
		 border-bottom:#B6BECB solid 1px; padding:5px; color:#333333;
	     border-right:#B6BECB solid 1px; padding:5px; color:#333333;
		  font-size:10px;
}
.stepRetroTbl img{ 
border:none;
}

.stepRetroTblRight { 
border-left:#B6BECB solid 1px; padding:5px; color:#333333;
border-bottom:#B6BECB solid 1px; padding:5px; color:#333333;
border-right:none;
font-size:10px;
}
.stepRetroTblRight img{ 
border:none;
}

.machineOverviewHeader { border:#4061AB solid 1px; border-left:#b6becb solid 1px; background-color:#4061AB; color:#FFFFFF; padding:5px; font-size:10px; font-weight:bold;}
.machineOverviewHeaderLeft { border-left:#4061AB solid 1px; background-color:#4061AB; color:#FFFFFF; padding:5px; font-size:10px; font-weight:bold;}
.galleryImg {
  margin-left:auto;
  margin-right:auto;
  width:440px;
  border:none;
  padding:5px;
  }

ul.tabMenu {
  margin:0px;
  margin-left:-4px;
  padding:0px;
  padding-bottom:36px;
  font-size: 0.98em;
}
ul.tabMenu li{
  margin:0px;
  padding:0px;
  width:64px;
  list-style-type:none;
  float:left;
  background:url(../img/tabLeft.gif) no-repeat left top;
}
ul.tabMenu li a {
  background:url(../img/tabRight.gif) no-repeat right top;
  display:block;
  padding:5px 0px;
  height:14px;
  text-align:center;
  text-decoration:none;
  color:ffffff;
  color: #ffffff !important;
}

ul.tabMenu li.overviewDown{background:url(../img/tabLeftDown.gif) no-repeat left top;}
ul.tabMenu li.overviewDown a{background:url(../img/tabRightDown.gif) no-repeat right top;}
ul.tabMenu li.specs{width:44px;}
ul.tabMenu li.specsDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:44px;}
ul.tabMenu li.specsDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:44px;}
ul.tabMenu li.motors{width:48px;}
ul.tabMenu li.motorsDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:48px;}
ul.tabMenu li.motorsDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:48px;}
ul.tabMenu li.retrofitkits{width:80px;}
ul.tabMenu li.retrofitkitsDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:80px;}
ul.tabMenu li.retrofitkitsDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:80px;}
ul.tabMenu li.accessories{width:80px;}
ul.tabMenu li.accessoriesDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:80px;}
ul.tabMenu li.accessoriesDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:80px;}
ul.tabMenu li.brochures{width:68px;}
ul.tabMenu li.brochuresDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:68px;}
ul.tabMenu li.brochuresDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:68px;}
ul.tabMenu li.videos{width:160px;}
ul.tabMenu li.videosDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:160px;}
ul.tabMenu li.videosDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:160px;}
ul.tabMenu li.software{width:64px;}
ul.tabMenu li.softwareDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:64px;}
ul.tabMenu li.softwareDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:64px;}
ul.tabMenu li.manuals{width:60px;}
ul.tabMenu li.manualsDown{background:url(../img/tabLeftDown.gif) no-repeat left top; width:60px;}
ul.tabMenu li.manualsDown a{background:url(../img/tabRightDown.gif) no-repeat right top; width:60px;}


.selected{
  color:#214077;
  font-weight:bold;
}

.tabStepper{
  background:url(../img/tabStepper.gif) no-repeat;
  font-size: 0.98em;
  width:69px;
  height:24px;
}
.tabStepper a {
  color:#ffffff;
  color:#ffffff !important;
  padding:5px 0 0 14px;
  }
  
.tabStepperDown{
  background:url(../img/tabStepperDown.gif) no-repeat;
  font-size: 0.98em;
  width:69px;
  height:24px;
}

.tabServo{
  background:url(../img/tabServo.gif) no-repeat;
  font-size: 0.98em;
  width:46px;
  height:24px;
}
.tabServo a {
  color:#ffffff;
  color:#ffffff !important;
  padding:5px 0 0 7px;
  }

.tabServoDown{
  background:url(../img/tabServoDown.gif) no-repeat;
  font-size: 0.98em;
  width:46px;
  height:24px;
}

.stepperSelected{
  color:#ffffff;
  font-weight:bold;
  padding:5px 0 0 14px;
}
.servoSelected{
  color:#ffffff;
  font-weight:bold;
  padding:5px 0 0 7px;
}

a.info{
  position:relative; /*this should be relative*/
  z-index:24;
}

a.info:hover {
z-index:25;
/*background-color:#ffff66;*/

}

a.info span{
display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:relative;
top:5px;
left:-40px;
width:500px;
border:2px solid #4061AB; /* border colour */
background-color:#dce2ea; /* background colour here */
color:#000000;   
padding:5px;      /* text colour */
font-size: .95em;
font-weight:normal;
z-index:30;
}

a.info span.cam{
display: none;  /* hide the span text using this css */
}

a.info:hover span.cam{ /*the span will display just on :hover state*/
display:block;
position:relative;
top:5px;
left:-200px;
width:500px;
border:2px solid #4061AB; /* border colour */
background-color:#dce2ea; /* background colour here */
color:#000000;   
padding:5px;      /* text colour */
font-size: .95em;
font-weight:normal;
z-index:30;
}

a.info span.cnc{
display: none;  /* hide the span text using this css */
}

a.info:hover span.cnc{ /*the span will display just on :hover state*/
display:block;
position:relative;
top:5px;
left:-355px;
width:500px;
border:2px solid #4061AB; /* border colour */
background-color:#dce2ea; /* background colour here */
color:#000000;   
padding:5px;      /* text colour */
font-size: .95em;
font-weight:normal;
z-index:30;
}

.videoHeading{
  color:#214077;
  font-weight:bold;
  font-size:1.2em;
}

#videoBox{
width:368px; 
/*actually movie size 360x298 + 39(controller)*/
height:343px; 
margin-left:-4px; 
float:left;
overflow:hidden;
overflow-x:hidden; 
overflow-y:hidden;

background-color:#000000;
}
#scroll{
width:145px;
height:343px; 
position:relative; 
margin-left:2px; 
float:left; 
overflow:scroll; 
overflow-x:hidden; 
/*background-color:#6699FF;*/
}

#thumbScroll{
width:500px;
height:270px; 
position:relative; 
margin-left:4px; 
float:left; 
overflow:scroll; 
overflow-x:hidden; 
/*background-color:#6699FF;*/
}


.thumbBox{
  width:125px;
  height:42px;
  padding-top:2px;
 /*border:#00CC33 thin solid;*/
}
.thumbBox img{
display:block;
float:left;
padding-left:1px;
padding-right:5px;
padding-top:6px;
/*border:#00CC33 thin solid;*/

}
.thumbBox p{
color:#214077;
font-weight:bold;
font-size: .95em;
line-height:1.1em;
padding-top:8px;
vertical-align:middle;
}



.thumbBox2{
  width:120px;
  height:130px;
  margin:5px 0 0 5px;;
  /*border:#00CC33 thin solid;*/

}
.thumbBox2 img{
display:block;
margin-left:auto;
margin-right:auto;
padding-top:3px;
}
.thumbBox2 p{
padding:0 3px 0 3px;
color:#214077;
font-weight:bold;
font-size: .85em;
text-align:center;
line-height:.9em;
}