@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Specific Styles
 */

body {
	background-color:#ddd9d9;
}
body a {
  outline: none;
}
div#all {
  width: 960px;
  margin: 1px auto;
  overflow: hidden;
  zoom: 1;
  background-color: #fff;
}

div#header {
  padding: 10px 2px 0px 2px;
}


div#header-logo {
  float: left;
  width: 185px;
  height: 110px;
  margin: 0px 0 10px 0;
  display: block;
  zoom: 1;
  overflow: hidden;
}

div#header-logo h1 a {
  width: 185px;
  height: 110px;
  background: url(/img/powerscreen-logo.jpg) 0 -10px no-repeat;
  display: block;
  margin: 0;
  padding: 0;
}

div#header-logo h1 a span {
  display: none;
}

div#header-right {
  float: right;
  margin-right: 6px;
  width: 645px;
}

ul#header-flags {
  float: left;
  width: 188px;
  display: block;
  margin: 0;
  padding: 7px 0 0 192px;
  list-style: none;

}

ul#header-flags li {
  width: 26px;
  float: left;
}

div#header-sub-nav {
  float: none;
  clear: both;
}

form#sitesearch {
  float: right;
  display: block;
  width: 271px;
  background-color: #d9d9d9;
  padding:2px;
  vertical-align:center;
}

form#sitesearch label {
  width: 81px;
  float: left;
  display: block;
  text-align: center;
  color: #005550;
  font-weight: bold;
  line-height:22px;
}
form#sitesearch input#hdr-search-btn
{
  position:relative;
  top:3px;
  vertical-align:center;
}

form#sitesearch input#headsearch {
  width: 141px;
  vertical-align:center;
}

ul#corporate-nav {
  list-style: none;
  float: none;
  clear: both;
}

ul#corporate-nav li {
  margin-top: 22px;
  float: left;
  display: block;
  background: url(/img/corp-li.gif) center right no-repeat;
  height: 36px;
  line-height: 36px;
  padding-right: 1px;
}

ul#corporate-nav li a {
  color: #666666;
  text-decoration: none;
  padding: 0 10px 0 14px;
  list-style: none;
  display: block;
}

ul#corporate-nav li a.active {
 background: url(/img/corp-li-a.gif) center bottom no-repeat;
}

#header-sub-nav {
  position: absolute;
  top: 134px;
  margin-left:2px;
  overflow: visible;
  height: 25px;
}

#header-sub-nav div.half {
  float: left;
  width: 371px/*477*/;
  height: 25px;
  /*background:url(/img/sub-nav-background.gif) top right no-repeat #d2d2d2;*/
  /*background:url(/img/sub-nav-background-big.gif) top left no-repeat #d2d2d2;*/
  background: #d2d2d2;
}

#header-sub-nav div.small {
  overflow: visible;
  float:left;
  /*width:167px;*/
  width: 134px;
  height:27px;
  /*background:url(/img/sub-nav-background-small.gif) top left no-repeat #d2d2d2;*/
  background: #d2d2d2;
  display:block;
  position:relative;
  /* z-index:9;*/
  color:#000;
  margin-right:2px;
  line-height:25px;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

#header-sub-nav div.small:hover {
  overflow: visible;
}
#header-sub-nav div.small a{
  text-decoration:none;
  color:#000;
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  padding:0 3px;
}


#header-sub-nav div#sub-nav-first{
  margin-right:2px;
  float:left;
}

#header-sub-nav div.half ul {
  height: 25px;
  list-style:none;
  margin:0;
  padding:0;
  z-index:9;
}

#header-sub-nav div.half ul li {
  line-height:25px;
  margin:0;
  padding:0;
  text-align:center;
  position:relative;
  z-index:9;
  background: #d2d2d2;
}

#header-sub-nav div.half ul li#products-li-top {
  width: 134px;
}

#header-sub-nav div.half ul li ul.half {
  position:relative;
  display: none;
  width: 134px;
}



#header-sub-nav div.half ul.inner {
  position:absolute;
  display:none;
  background-color: #d2d2d2;
  top: 0;
  left: 0px;
  width:250px;
  border-left: 2px solid #fff;
  margin:0;
  padding:0;
  z-index:9;
}

#header-sub-nav div.half ul.inner li {
  text-align:left;
  padding:3px;
  z-index:9;
}
#header-sub-nav div.half ul.inner li a {
  padding: 0 10px 0 10px;
}
#header-sub-nav div#sub-nav-first ul li {
  padding:0;
}


#header-sub-nav div.half ul li ul li a {
  text-decoration:none;
  color:#000;
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  padding:0;
  background: #fff url(/img/hover-li-bg.jpg) top left repeat-x;
}
#header-sub-nav div.half ul li ul li {
  background: #fff url(/img/hover-li-bg-invert.jpg) top left repeat-x;
  width: 100%;
  float: left;
}

#header-sub-nav div.half ul li ul li ul li a,
#header-sub-nav div.half ul li ul li ul li a:hover {
  background: #d2d2d2;
}

#header-sub-nav div.half ul li.active a{
  background-color:#ff161f;
  color:#fff;
}

#header-sub-nav div.half h2{
  display:block;
  float:left;
  width:95px;
  color:#e20b16;
  background:url(/img/sub-nav-h3.gif) top right no-repeat #d2d2d2;
  margin:0;
  padding:0 0 0 8px;
  line-height:25px;
  text-transform:uppercase;
  font-size:1.0em;
}

#hpflash img{
  display:block;
  margin:0;
  padding:0;
}


div#footer{
  display:inline-block;
}
div#footer{
  overflow:hidden;
  display:block;
  float:none;
  clear:both;
  width:100%;
  margin:0 auto;
}

div#footer div#ftr-links {
  float: left;
  width: 63%;
  margin-left:1%;
}

div#footer div#copyright {
  text-align: right;
  float: right;
  width: 33%;
  margin-right:1%;
}

#subheader{
  float:none;
  clear:both;
  line-height:58px;
  height:58px;
  background:url(/img/subnav-background.gif) bottom left no-repeat;
  padding:30px 0 32px 0;

}

#subheader h2{
  height:58px;
  line-height:58px;
  margin:0;
  padding:0 0 0 12px;
  font-size:2.5em;
  color:#666666;
  font-weight:normal;
  font-family:arial;
  text-transform:uppercase;
}

#main-body{
  overflow:hidden;
  zoom:1;
}

form#contact-us-form {
  overflow: hidden;
  margin: 10px 0 10px 0;
  padding: 10px;
  background: #e2e2e2;
}

div.form-element{
  margin:0;
  padding:5px 0;
  line-height:26px;
}

div.form-element label.normal {
  float:left;
  width:120px;
  text-align:right;
  margin-right:5px;
  display:block;
}
div.form-element label.textarea {
  float:left;
  width:120px;
  text-align:right;
  margin-right:5px;
  display:block;
}

input.submit{
  margin-left:104px;
}

input.error{
  background-color:#fcc;
}

label.error{
  padding-left:5px;
  color:#900;
  font-weight:bold;
}

div.captcha {
  border: 1px solid #000000;
  padding: 5px;
  width: 249px;
}

div#captchactr span.href :hover{
cursor:pointer;
}

div#captchactr div#captchactrinner {
  width:204px;
  display:inline-block;
  overflow:hidden; 
}

div#captchactr div#captchactrinner {
  display:block;
}


div#captchactr div#captchactrinner img {
  display: block;
  float: left;
}
div#captchactr label.verification{
  text-align:left;
  float:none;
  clear:both;
  display:block;
}

div#captchactr input{
  width:100px;
}

div#captchactr a#audio{
  float:right;
  background:url(/securimage/images/audio_icon.gif) no-repeat;
  display:block;
  width:22px;
  height:20px;
}

div#captchactr span#refresh{
float:right;
  background:url(/securimage/images/refresh.gif) no-repeat;
  display:block;
  width:22px;
  height:20px;
}

div#products-scroller{
  border-top:1px solid #5d5c5d;
  padding-top:17px;
  overflow:hidden;
}

div#products-scroller div.text{
  float:left;
  width:339px;
}

div#products-scroller div.text h3{
  text-align:right;
  color:#666666;
  font-weight:normal;
  font-family:arial, helvetica,  sans-serif;
  font-size:3em;
  margin:0;
  padding:0 16px 0 0;
}


div#products-scroller div.text h4{
  text-align:right;
  margin:0;
  padding:0 16px 0 0;
  font-size:0.8em;
  color:#ff1111;
}

div#products-scroller div#productsulouter{
  float:left;
  padding:3px;
  width:578px;
}

div#products-scroller div#productsulouter ul{
  list-style:none;
  margin:0;
  width:578px;
  height:90px;
  overflow:hidden;
  float:left;
  padding:0;
  display:block;
}


div#products-scroller div#productsulouter ul li{
  width:138px;
  background-color:#7d7d7d;
  float:left;
  margin-right:9px;
}

div#products-scroller div#productsulouter ul li div.img{
  display:block;
  margin:0;
  padding:0;
  float:left;
}


div#products-scroller div#productsulouter ul li span.top{
  color:#fff;
  background-color:#ff151f;
  text-transform:uppercase;
  margin:0;
  padding:0 0 0 2px;
  line-height:1.1em;
  display:block;
  font-size:0.8em;
}
div#products-scroller div#productsulouter ul li span.top a{
  color:#fff;
  text-decoration:none;
}

div#products-scroller div#productsulouter ul li span.productname{
  display:block;
  background-color:#7d7d7d;
  color:#fff;
  margin:0;
  padding:0 0 0 4px;
  line-height:2em;
}

div#btn-product-prev,
div#btn-product-next{
  width:9px;
  height:90px;
  marign-right:5px;
  float:left;
  display:block;
  cursor:pointer;
  background:url(/img/product_prev.gif);
}

div#btn-product-next{
  background:url(/img/product_next.gif);
}

div#btn-product-prev span,
div#btn-product-next span{
  display:none;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
}

.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 75px;
  height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
  z-index: 3;
  display: none;
}

.jcarousel-prev {
  z-index: 3;
  display: none;
}


optgroup{
  font-style:normal;
  font-weight:bold;
  padding-left:2px;
}

optgroup option{
  font-weight:normal;
}

.noshow{
  display:none !important;
}

div#subpagewhole{

  padding:138px 0 16px 0;
  overflow:hidden;
  float:none;
  clear:both;
  background:url(/img/default_subpage_background.jpg) no-repeat;
}



#main-content{
  /* background:url(/img/industries_base.gif) bottom no-repeat; */
  margin:86px 66px 0 0;
  padding:10px 18px 0 18px;
  line-height:2em;

  float:right;
  min-height:100px;
  width:510px;
}

#main-content h2{
  font-size: 1.5em;
}


ul#leftmenu{
float:left;
width:230px;
padding: 88px 0 0 1px;
list-style:none;
margin:0;
}

ul#leftmenu li{
margin:0 0 1px 0;

line-height:20px;
text-align:right;
}



ul#leftmenu li a{
/*background:url(/img/product_menu_li.gif) top right no-repeat #dbdada;*/
background: #dbdada url(/img/li-arrow-bg.gif) top right no-repeat;
padding-right:16px;
display:block;
text-decoration:none;
color:#000;
}


ul#leftmenu li ul.sub li a:hover, 
ul#leftmenu li a:hover{
color:#fff;
background-color:#005550;
background: #005550 url(/img/li-arrow-bg.gif) top right no-repeat;
}

ul#leftmenu li ul.sub {
  list-style: none;
  clear: both;
  float: none;   
  margin: 1px 0 0 0;
  padding: 0;
    
}

ul#leftmenu li ul.sub li a {
    background:#ffffff;
}

div#pheroes{
border-top:1px solid #5d5c5d;

}

div#pheroes ul{
list-style:none;
margin-top:27px;
padding:0 0 0 21px;
}

div#pheroes ul li {
float:left;
margin:0;
padding:0;
width:206px;
}

div#pheroes ul li img{
border:1px solid #999999;
padding:2px;

}

div.errors {
  color: #880000;
  border: 2px solid #880000;
  background: #ffeeee;
  padding: 5px;
  font-size: 110%;
}

div.errors ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.errors a {
  color: #880000;
  font-weight: bold;
}