@import url("global.css");
 @import url("/assets/fancybox/jquery.fancybox-1.3.1.css");
 
 
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
width:100%;
}


  #logo {
 position: relative;
 top: 2px;
 width: 305px;
 }
 
 #topNav {
	width: 960px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-bottom: 1px solid #aaa;
	padding-bottom: 10px;
 }
 #topNav div {

	text-align: left;
	position: relative;
 }
 #topNav div .socialIcons {
	 position:absolute;
	 right:0;
	 top: 25px;
	 width: auto;
	}
 #topNav div .socialIcons a {
	 color: black;
	 font-size: 24px;
	 padding-left: 5px;
 }
 #topNav div ul {
 position: absolute;
 right:0;
 top: 55px;
 list-style-type: none;
 margin:0;
 }
 #topNav div ul li {
 float: left;
 display: block;
 padding-left: 15px;
 }
 #topNav div ul li a {
 color: black;
 text-decoration: none;
 }
 
 #topNav div ul li a:hover {
 color: orange;
 }
 
 #content {
 width: 960px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;

 }
 

 
 #pageNav {
 position: relative;
 margin-top: 15px;
 clear: both;

 }
 
 

 .breadCrumbs {
margin-top: 5px;
margin-bottom: 20px;
margin-left: 10px;
 color: #6a6a6a;
 font-size: 0.9em;
 }
 
.breadCrumbs a { 
 text-decoration: none;
 color: #6a6a6a;
 }
 
 #pageNav ul {
 list-style-type: none;
 margin:0;
 z-index: 5;
 position: relative;
 margin-left: -16px;
 }
 
 #pageNav ul li {
text-align: center;
 display: inline-block;
 box-sizing: border-box;
padding: 10px;
margin-left: 16px;
margin-right: 16px;
 }
 
 #pageNav ul li a {
 color: black;
 text-decoration: none;
 }
 
 #pageNav ul li.selected,  #pageNav ul li:hover {
	 background: orange;
	 border-radius: 3px;
	
 }
 
  #pageNav ul li.selected a,  #pageNav ul li:hover a {
 color:white;
 }
 
 #pageSelector {
 display: none;
 height: 34px;
 background: url("/assets/img/bubble.png") 0 -34px repeat-x;
 position: absolute;
 z-index: 1;
 text-align: center;
 }
 #pageSelector .left {
 position: absolute;
 left: 0;
 top:0;
 height: 34px;
 width: 10px;
 background: url("/assets/img/bubble.png") 0 0 no-repeat;
 }
 #pageSelector .right {
 position: absolute;
 right: -1px;
 top:0;
 height: 34px;
 width: 10px;
 background: url("/assets/img/bubble.png") -64px 0 no-repeat;
 }
 #pageSelector .middle {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 width: 18px;
 height: 34px;
 background: url("/assets/img/bubble.png") -27px 0 no-repeat;
 }
 #front {
 text-align: center;
 position: relative;
 margin-bottom: 10px;
 }
 #front .link {
 background: url('/assets/img/Spacer.gif'); position: absolute;top:0; left:0; display: block; width: 117px; height: 150px; z-index: 12; text-decoration: none;
 }
  #front .link_bottom {
    top: 150px;
  }
 
 
.frontbar {
 width: 960px;
 height: 72px;
 margin-top: 15px;
 background: url("/assets/img/front.png") 0 0 no-repeat;
 position: relative;
 top: -17px;
 z-index: 10;
 }
 .obs {
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
 }
 .obs table tr td {
 vertical-align: top;
 padding-right: 14px;
 }
.searchBox {
 background: url("/assets/img/searchBox.png") 0 0 no-repeat;
 width: 310px;
 height: 29px;
 padding-top: 1px;
 }
 .searchBox .bb {
 background: 0;
 width: 304px;
 height: 23px;
 padding: 3px;
 font-size: 16px;
 line-height: 23px;
 font-style: italic;
 color: #717171;
 background: none;
 border: none;
 }
 
 .productsPreview ul {
 list-style-type: none;
 margin:0;

 padding:0;
 width: 970px;
 overflow: hidden;
 }
 .productsPreview ul li {
 float: left;
 display: block;
 width: 236px;
 height: 311px;
 margin:2px;
 text-align: center;
    
 position: relative;
 font-size: 0.9em;
 background-image: url('/assets/img/productFrame.jpg');
 background-repeat: no-repeat;


 }
 
 .productsPreview ul li .pd {
  padding:10px;
 }
  .productsPreview ul li .pd a {
            line-height: 160px;
  }
  .productsPreview ul li .pd a img {
          vertical-align: middle;
  }
 
 .myprojectlist ul li .remdiv {
 display: none;
 position: absolute;
 width: 220px;
 height: 28px;
 top:4px;
 left: 5px;
 line-height: 28px;
 border-bottom: 1px solid #FF7878;
 background: url('/assets/img/myprojectcross.gif') 5px 0 no-repeat;
 background-color: #bf0000;
 color: white;
 font-size: 0.9em;
 cursor: pointer;
 }
 
 .productsPreview ul li h2 {
 color: #4c4c4c;
 font-size: 1.1em;
 text-align: left;
 margin-top: 10px;
 }
 
  .productsPreview ul li p {
  margin-top: 10px;
 color: #9b9b9b;
 font-size: 1em;
 text-align: left;
 }
 
 .productsPreview ul li .bar {
 position: absolute;
 bottom:12px;
 left:5px;
 width: 220px;
 height: 30px;
 cursor: pointer;
 background: #F68B1F;
 border-top: 3px solid #FFDBB1;
 }
 
 .productsPreview ul li .bar a {
 color: white;
 text-decoration: none;
 }
 
  .productsPreview ul li .bar a.buttonlink {
  display: block;
 width: 16px;
 height: 16px;
 overflow: hidden;

 float: left;
 margin: 7px 5px;
 background-image: url('/assets/img/orangeIcons.gif');
 }
 .productsPreview ul li .bar a.buttonlink span {
 position: absolute;
 top: -3000px;
 left: -3000px;
 }
 
 .productsPreview ul li .bar a.autocad {
     
 }
 
 .productsPreview ul li .bar a.brochure {
           background-position: -22px 0;
 }
 
 .productsPreview ul li .bar a.datasheet {
                       background-position: -44px 0;
 }
 
 .productsPreview ul li .bar a.moreinfo {
 top: 5px;
 right: 12px;
 line-height: 20px;
 position: absolute;
 font-weight: bold;
 }
 .productsPreview .popbubble {
 height: 15px;
 width: 56px;
 background: #404040;
 z-index: 5;
 position: absolute;
 color: #9f9f9f;
 line-height: 15px;
 font-size: 11px;

  
 }
 .productsPreview .popbubble span {
 position: absolute;
 top: 15px;
 left: 0;
 display: block;
 width: 56px;
 height: 5px;
 background:  url("/assets/img/popArrow.png") center 0  no-repeat;
 }
 

 
.constrain {
width: 960px;
position: relative;
 overflow: hidden;
}
 .constrain ul {
 position: relative;
 width: 30000px;
 }
 
 
 .page  {
 clear:both; float:left; width:960px; overflow:hidden;
 }
 
 .page ul {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;

 }
 .page li {
 float:left; position:relative; right:50%;

 }
 .page li a {
 text-decoration: none;
 color: black;
 font-size: 1.2em;
 display: block;
 margin: 7px;
 padding: 2px 4px;
 }
  .page li a:hover {
  background: #E98E24;
  color:white;
  }
  
    .page li .current {
  background: #E98E24;
  color:white;
  }
 

 
 #footer {
 background:  #000000;
 border-top: 3px solid #000000;
 text-align: center;
 }
 #footer .center {
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 width: 960px;
 color: #aaa;
 }
	#footer .center table {
	width: 100%;
	}
	#footer .center table th {
	width: 33%:
	text-align: left;
	}
 
 	#footer .center table td {
	color: #aaa;
	vertical-align: top;
	}
	#footer .center table td p { 
	padding: 0 7px;
	font-size: 0.9em;
	}
	#footer .center table td a {
	color: #aaa;
	text-decoration: none;
	}
	#footer .center table td a:hover { 
	color: #ffcc00;
	}
	#footer .center table td.right {
	padding: 10px;
	padding-left:0;
	padding-top:0;
	}
	#footer .center table td.right p {
	padding:0;
	padding-bottom: 10px;
	}
 	#footer .center .btm {
 	border-top: 1px solid #aaa;
 	color: #4c4c4c;
 	font-size: 0.9em;
 	}
 	#footer .center .btm td { 
 	padding-bottom: 6px;
 	}
 	#footer .center .btm .r {
 	text-align: right;
 	}

 #footer .subsub {
 width: 205px;
 height: 22px;
 background: url("/assets/img/subscribeInput.png") 0 0 no-repeat;
 padding:2px;
 }
 #footer .subsub #form_email {
 width: 201px;
 height: 18px;
 line-height: 18px;
 background: none;
 margin:0;
 border: none;
 color: #747474;
 font-size: 12px;
 font-style: italic;
 outline-width: 0;
 }

 
 #footer .center table ul {
 list-style-type: none;
 padding:0;
 margin:0;
 margin-left: 0;
 }
 
 #footer .center table ul li a {
 color: #aaa;
 text-decoration: none;
 }

 .padTop {
 padding-top: 10px;
 }
 .padTop h3 {
 font-size: 1.3em;
 color: #5c5c5c;
 text-align: center;
 }
 
#productContainer {
width: 940px;
background: white;
margin-left: auto;
margin-right: auto;
}
#productContainer table {
width: 100%;
margin:0;
padding:0;
}
#productContainer table .description {
width: 362px;
vertical-align: top;
padding: 15px 20px;
background: #212121;
text-align: left;
color: #ccc;
}
#productContainer table .description .desccont ul li {
list-style-type: square;
display: list-item;
list-style-position: outside;
padding: 3px;
padding-left: 0;
margin-left: 18px;
}
.description .rrp {
color:#ccc;
margin-top:15px;
font-size:16px;
}

.description .rrp span {
font-size:11px;
display: block;
margin-top:5px;
}

#productContainer table .description h2 {
padding: 8px 0;
margin:0;
}
#productContainer table .description p {
font-size: 0.9em;
}
#productContainer table .description ul {
list-style-type: none;
margin: 10px 0;
padding:0;
}
#productContainer table .description ul li {
margin:0;
padding:0;
display: block;
}
#productContainer table .description ul li a {
color: #858585;
font-size: 0.9em;
text-decoration: none;
padding-left: 23px;
display: block;
height: 21px;
line-height: 21px;
background: url("/assets/img/productsIcon.png") 2px 0 no-repeat;
}
#productContainer table .description ul li a:hover {
color: #FFCC00;
}


#productContainer table .description ul .prProject a {
background-position: -2px -84px;
}

#productContainer table .description ul .prProject a.sel {
background-position: -2px -253px;
color: #db0000;
}

#productContainer table .description ul .prProject a:hover {
background-position: -2px -210px;
}

#productContainer table .description ul .prProject a.sel:hover {
background-position: -2px -253px;
color: #db0000;
}

#productContainer table .description ul .prEmail a {
background-position: -2px -63px;
}

#productContainer table .description ul .prEmail a:hover {
background-position: -2px -189px;
}

#productContainer table .description ul .prPrint a {
background-position: -2px -105px;
}

#productContainer table .description ul .prPrint a:hover {
background-position: -2px -231px;
}


#productContainer table .docs {
width: 362px;
height: 49px;
border-top: 1px solid #453E36;
background: #121212;
padding-bottom: 3px;
text-align: left;
}
#productContainer table .docs ul {
padding-left: 20px;
height: 21px;
margin-top: 10px;
}
#productContainer table .docs ul li {
margin:0;
padding:0 20px;
float: left;
display: block;
}


#productContainer table .docs ul li a {
padding-left: 18px;
display: block;
height: 21px;
line-height: 21px;
background: url("/assets/img/productsIcon.png") -2px 0 no-repeat;
}


#productContainer table .docs ul .prBrochure a {
background-position: -2px -23px;
}

#productContainer table .docs ul .prBrochure a:hover {
background-position: -2px -149px;
}


#productContainer table .docs ul .prAutocad a {
background-position: -2px -1px;
}

#productContainer table .docs ul .prAutocad a:hover {
background-position: -2px -127px;
}


#productContainer table .docs ul .prDatasheet a {
background-position: -2px -44px;
}

#productContainer table .docs ul .prDatasheet a:hover {
background-position: -2px -170px;
}



#productContainer table .docs ul li a {
color: #cecece;
font-size: 0.9em;
text-decoration: none;
}
#productContainer table .docs ul li a:hover {
color: #FFCC00;
}



#categoryContainer {
width: 940px;
background: white;
margin-left: auto;
margin-right: auto;
}
#categoryContainer table {
width: 100%;
margin:0;
padding:0;
color: #ccc;
text-align: left;
z-index: 1;
position: relative;
}
#categoryContainer table tr th {
width: 330px;
padding: 15px;
background: #212121;
vertical-align: top;
position: relative;
z-index: 2;
text-align: left;
}


#categoryContainer table tr td {
background-repeat: no-repeat;
background-position: top center;
padding:0;
vertical-align: top;
}
#categoryContainer table tr td .rel {
position: relative;
height: 380px;
margin:0;
padding:0;
}
#categoryContainer table tr td .alpha {
filter: alpha(opacity=0);
opacity: 0;
width: 100%;
height: 100%;
background: #000;
padding:0;
margin:0;
position: relative;
}
#categoryContainer table tr td .abs h3 {
font-weight: normal;
font-size: 1.35em;
}
#categoryContainer table tr td .abs p {
font-weight: normal;
font-size: 0.9em;
color: #fff;
padding-top: 5px;
}

#categoryContainer table tr td .abs p a{
 color: white;
}

#categoryContainer table tr td .abs p a:hover{
 text-decoration: none;
}
#categoryContainer table tr td .abs {
position: absolute;
top: 30px;
left: 40px;
width: 470px;
height: 270px;
color: white;
}

#subHighlighted {
position: absolute;
left: -21px;
z-index: 3;
width: 385px;
height: 41px;
background: url("/assets/img/subcategoryOver.png") 0 0 no-repeat;
}

#categoryContainer table tr th h2 {
padding: 8px 0;
margin:0;
color: white;
font-size: 1.7em;
font-weight: normal;
}
#categoryContainer table tr th p {
font-size: 0.9em;
}

#categoryContainer table tr th ul  {
list-style-type: none;
position: relative;
z-index: 5;
margin:0;
padding:0;
padding-top: 45px;
color: white;
}
#categoryContainer table tr th ul li  {
padding: 8px 0;
}

#categoryContainer table tr th ul li a  {
text-decoration: none;
color: white;
}


.hidden {display:none;}
#browseType {
width: 394px;
}

.dd2 {
	/*display:inline-block !important;*/
	padding:0;
	margin:0;
	text-align:left;
	background-color:#fff;
	font-size:12px;
	float:left;
	width: 302px !important;
}
.dd2 .ddTitle {
	background:transparent url("/assets/img/selectBox.png") no-repeat;
	padding:1px 8px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:27px;
}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:29px; font-size:14px; font-weight:normal; font-style: italic; color:#747474;}

.dd2 .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top: none;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	display:none;
	margin:2px;
	margin-top: 0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#f5f5f5;
	font-size:14px;
		width: 295px !important;
}
.dd2 .ddChild .opta >span {
padding-left: 8px;
background: #333;
color: white;
line-height: 20px;
display: block;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
	display:block;
	padding:4px 0 4px 3px;
	text-decoration:none;
	color:#414141;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd2 .ddChild a:hover {
	background-color:#ddd;
}
.dd2 .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2 .ddChild a.selected {
	background-color:#fff;	
}

.rrContainer a {
display: block;
float: left;
width: 246px;
height: 22px;
}

.rrContainer a div {
height: 22px;
width: 22px;
background: url('/assets/img/relatedRecommendedSprite.png') -22px 0 no-repeat;
float: left;
}

.rrContainer a span {
margin:0;
margin-left: 3px;
padding:0;
font-size: 8px;
width: 210px;
height: 22px;
float: left;
display: block;
background: url('/assets/img/relatedRecommendedSprite.png') -210px -23px no-repeat;
}
.rrContainer a {
text-decoration: none;
}


#clickContainer {
position: relative;
}
#clickContainer .arrows {
display: block;
width: 44px;
height: 60px;
position: absolute;
top: 160px;
opacity: 0.5;
text-decoration: none;
-webkit-transition: opacity 0.4s ease-in;
}
#clickContainer .arrows:hover {
opacity: 1;
}
#clickContainer .leftControl {
left: -46px;
background: url('/assets/img/relatedRecommendedSprite.png') -415px -20px no-repeat;
}

#clickContainer .rightControl {
right: -45px;
background: url('/assets/img/relatedRecommendedSprite.png') -458px -20px no-repeat;
}





.rrContainer .related {
width: 186px;
}
.rrContainer .related span {
width: 150px;
background-position: -1px -22px;
}

.rrContainer .recommended span {
background-position: -1px -44px;
}


.rrContainer .rSelected div, .rrContainer a:hover.related div {
background-position: 3px 0;
}

.rrContainer .rmSelected div, .rrContainer a:hover.recommended div {
background-position: 3px 0;
}


.rrLine {
margin-top: 5px;
position: relative;
height: 20px;
background: url('/assets/img/relatedRecommendedSprite.png') 0 -90px repeat-x;
}



.rrLine .slider {
position: absolute;
top:0;
left: 70px;
width:40px;
height: 20px;
background: url('/assets/img/relatedRecommendedSprite.png') -74px -72px no-repeat;
}

.rrLine .slideReco {
left: 280px;
}

.rrLine .end {
position: absolute;
top:0;
width:62px;
height: 20px;
background: url('/assets/img/relatedRecommendedSprite.png') -8px -72px no-repeat;
}

.rrLine .left {
left: 0;
background: url('/assets/img/relatedRecommendedSprite.png') -8px -72px no-repeat;
}

.rrLine .right {
right: 0;
background: url('/assets/img/relatedRecommendedSprite.png') -118px -72px no-repeat;
}

.lnav {
width: 933px;
height: 50px;
margin-left: auto;
margin-right: auto;
background: url('/assets/img/headingBackground.jpg') 0 0 no-repeat;
position: relative;
text-align: left;
padding-top: 16px;
padding-left: 15px;
}

.pnav {
height: 165px;
width: 948px;
margin-left: auto;
margin-right: auto;
background: url('/assets/img/myprojectheader.jpg') 0 0 no-repeat;
position: relative;
text-align: left;
}
.pnav h1 {
display: none;
}
.pnav p {
position: absolute;
left: 230px;
top: 30px;
font-size: 0.85em;
padding-right: 20px;
color:#6c6c6c;
}

.pnav a {
position: absolute;
top: 106px;
width: 120px;
height: 26px;
line-height: 26px;
color: #838383;
text-decoration: none;
padding-left: 35px;
display: block;
background: url('/assets/img/myProjectIcons.png') 0 0 no-repeat;
}

.pnav a:hover {
color: #4c4c4c;
}

.pnav .projectEmail {
left: 95px;
background-position: 0 -99px;
}
.pnav .projectEmail:hover {
left: 95px;
background-position: 0 -1px;
}

.pnav .projectPDF {
left: 407px;
background-position: 0 -129px;
}

.pnav .projectPDF:hover {
left: 407px;
background-position: 0 -31px;
}


.pnav .projectPrint {
left: 704px;
background-position: 0 -165px;
}


.pnav .projectPrint:hover {
left: 704px;
background-position: 0 -67px;
}

.bodyText > table {
width: 100%;
}

.bodyText .tdiv {
width: 420px;
margin-top: 15px;
}
.bodyText .tdiv th {
text-align: left;
padding-right: 10px;
}
.bodyText div table {
color: #6a6a6a;
}

  .bodyText .rcolumn th {
text-align: left;

}

.bodyText .rcolumn {
width: 518px;
margin-top: 10px;
}
.bodyText .rcolumn table {
width: 100%;
}
.bodyText .mapCont {
margin:0;
padding:0;
width: 518px;
height: 258px;
clear: right;
background: url('/assets/img/mapShadow.png') 0 0 no-repeat;
}
.bodyText .mapCont .div {
margin:0;
padding:0;

  padding-top: 4px;
padding-bottom: 4px;

}
.bodyText .mapCont #map {

height: 250px;
width: 518px;
position: relative;

}

.bodyText p {
padding-top: 5px;
padding-bottom: 10px;
padding-left: 6px;
color: #6a6a6a;
line-height: 23px;
}
.bodyText p a {
color: #343434;
}
.supportWidth {
width: 580px;
}
.sresultsHead {
font-size: 1.4em;
color: #7a7a7a;
font-style: italic;
font-weight: normal;
padding-top: 6px;
}
.sresultsHead strong {
color: #575757;
}

.eml_form {
width: 625px;
margin-left: 30px;
margin-right: 30px;
text-align: center;
}
.eml_form .emlFrmTxt {
width: 472px;
height: 38px;
background: url('/assets/img/myproject_form_elements.png') 0 0 no-repeat;
padding: 0 6px;
}


.eml_form .emlFrmTxt input {
width: 458px;
background: none;
border: none;
outline-width: 0;
font-size: 15px;
padding: 10px 2px;
color: #8a8a8a;
font-style: italic;
}

.eml_form .emlFrmMsg {
width: 472px;
height: 136px;
background: url('/assets/img/myproject_form_elements.png') 0 -49px no-repeat;
padding: 4px;
}

.eml_form .emlFrmMsg textarea {
border: none;
background: none;
width:462px;
height:128px;
outline-width: 0;
color: #8a8a8a;
font-size: 15px;
font-style: italic;
}

.eml_form h2 {
text-align: left;
}
.eml_form table {
width: 100%;
}
.eml_form table th {
text-align: left;
font-weight: normal;
width: 150px;
vertical-align: middle;
}
.eml_form table td {
text-align: left;
vertical-align: middle;
}
.eml_form table td.tright {
text-align: right;
padding-top: 4px;
padding-right: 9px;
}

.white-popup-block {
background: #f2f2f2 url('/assets/img/bg.jpg') repeat fixed;
padding: 20px 30px;
max-width: 700px;
text-align: left;
margin: 20px auto;
position: relative;
}


.rimless	h1, .rimless h2 {
	margin-top: 20px;
	margin-bottom:10px;
}
.rimless	ul {
		margin-top: 10px;
		margin-bottom:10px;
		padding-left: 30px;
	}
.rimless	ul li {
		line-height: 1.5em;
	}
	
	.dfgh {
		display:none !important;
	}