﻿

  /*----------------------------------------
  / Globals
  ----------------------------------------*/
  
  body {
    background: #b5b5b5 url(../images/background_body.png) repeat-x top center !important;
    font-family: Arial, Helvetica, sans-serif;
/*  font-size: 14px; edited out by chrism - 03/08/11 */
  font-size: 10pt;
    line-height: 18x;
    color: #191919;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #191919;
    margin-bottom: 18px;
/*    text-shadow: 0px 1px 2px rgba(0,0,0,0.5); edited out by chrism - 11/08/11 */
  }
  h1 {
    font-size: 18pt;
    font-weight: normal;
  }
  h2 {
    font-size: 20px;
    font-weight: normal;
  }
  h3, h4, h5, h6 {
    font-size: 16px;
  font-weight: normal;
  }
  a {
    color: #ef330b;
    text-decoration: none;  
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
  }
  li{list-style: none;}
  a:hover {
    color: #000;
  }
  .clearB {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
    margin: 0;
  }
#content {
overflow:hidden !important;
display:block;
height :auto;
clear:left;
}
  .contentBox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
  background:#666666;
behavior: url(/useruploadedstyles/PIE.htc);
  }

  /*----------------------------------------
  / Layout
  ----------------------------------------*/

  #wrapper {
    width: 992px;
    margin: 0 auto;
    position: relative;
  }
  
 #Form1, #aspnetForm {
    margin: 0 auto;
    position: relative;
    width: 992px;
  }

#MainTableForContent { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.4);
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    float: left;
    height: auto;
    margin: 0 10px 3px 0;
    padding: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    radius: 5px 5px 5px 5px;
}

  /*----------------------------------------
  / Header
  ----------------------------------------*/
  #header {
    height: 55px;
    position: relative;
    margin-bottom: 12px;
  z-index:6;
  }
  #logoHeaderCapral {
display: block;
position: absolute;
top: 8px;
overflow: hidden;
font-size: 1px;
line-height: 1px;
left: -10px;
  }
  #logoHeaderCapral img{
  	width: 80%;
  }
  #utilities {
float:right;
    height: 25px;
    font-size: 12px;
margin-top:7px;
  }
  #utilities a {
    margin-right: 10px;
    color: #191f1f;
    /*padding-left: 20px;*/
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
  }
  #utilities a img {vertical-align:middle;}
  #utilities a#smallerFont {
    background: transparent url(../images/icon_smaller_font.jpg) no-repeat 0 1px;
    padding-left: 20px;
  }
  #utilities a#biggerFont {
    background: transparent url(../images/icon_bigger_font.jpg) no-repeat 0 1px;
    padding-left: 20px;
  }
  #utilities a#print {
    background: transparent url(../images/icon_print.jpg) no-repeat 0 1px;
    padding-left: 16px;
  }
  #utilities a#share {
    background: transparent url(../images/icon_share.jpg) no-repeat 0 1px;
    padding-left: 18px;
  }
  #number_header{margin-bottom: 5px; padding-left: 20px; background: url('../images/phone-receiver.png') top left no-repeat; background-size: 14px; bottom: -15px; color: #131313; font-size: 140%; font-weight: bold; position: absolute; right: 11px; text-shadow: 1px 1px 1px #fff; font-size: 130%; line-height: 90%;}
  #number_header .numbers:before{content: "(";}
  #number_header .numbers:after{content: ")";}

tr#Header1_TRTopBannerHTML td table {background:transparent !important;}

  #topNav {
    height: 28px;
float:right;
    color: #191f1f;
    text-align: center;
    padding:6px 6px 0 6px;
    border: 1px solid #b3b3b3;
    background-color: #d3d3d3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px rgba(255,255,255,1);
    font-size: 12px;
  behavior: url(/useruploadedstyles/PIE.htc);
  }
  #topNav a,   #topNav span {
    color: #191f1f;
    padding: 2px 0;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  
  }
  #topNav a:hover {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  }
  #topNav a.loginLink {
     background: url("/Images/UserUploadedImages/icon_login.png") no-repeat scroll 0 8px transparent;
    padding: 8px 0 13px 16px;
  *line-height:28px;
  vertical-align:top;
  }
  #topNav a.loginLink:hover {
    background: #585858 url(../images/icon_login_white.png) no-repeat 3px 7px;
    color:#fff;
  
  }

   #topNav a.loginLinkActive {
    background: #585858 url(../images/icon_login_white.png) no-repeat 3px 7px;
    color:#fff;
  }



  .loginBoxHoverHelp {display:block; width:100%; position:absolute;}
  #topNav a.loginLink:hover:hover .loginBoxHoverHelp{height:240px; padding:0; z-index:99;}
  #loginBox {
    position: absolute;
    top: 35px;
    left: 767px;
  *top: 34px;
    *left: 765px;
    width: 190px;
    background-color: #585858;
    color: #fff;
    padding: 10px;
  z-index:2100;
  display:none; 
  }

#ctl00_mainContentPlaceHolder_ctl00_RememberMePanel label {float: left; !important;}
#ctl00_mainContentPlaceHolder_ctl00_RememberMePanel input {width: 20px;}  
  /*Old login styles*/
  
  /*#topNav a.loginLink {
    padding-left:14px;
    background: transparent url(../images/icon_login.png) no-repeat 0 11px;
    color:#fff;
    text-shadow: 0 1px 0 #333;
  }
  #topNav a.loginLink:hover {
  
  }
  #loginBox {
    position: absolute;
    top: 25px;
    left: 760px;
    width: 180px;
    border: 1px solid #7d7d7d;
    background-color: #585858;
    color: #fff;
    z-index: 99;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.7);
    box-shadow: 0px 2px 5px rgba(0,0,0,.7);
  behavior: url(/useruploadedstyles/PIE.htc);
  }*/
  
  #loginBox .login-element {
border: none;
    background: none;
    width: 210px;
    padding: 0;
    float: left;
    margin: 0 0 10px;
  }
  #loginBox .lgn-header {
    display: none;
  }
  #loginBox .lgn-username input,
  #loginBox .lgn-password input {
    width: 180px;
  }
  #loginBox a {
    color: #fff;
  }
  
  #loginBox a:hover {
    color: #ef330b;
  }
  #loginBox .lgn-btn a {
    padding: 4px 10px;
    border: 1px solid #909090;
    background-color: #c4c4c4;
    color: #000;
  }
  #loginBox .lgn-btn a:hover {
    border: 1px solid #c4c4c4;
    background-color: #e7e7e7;
  }
  /*----------------------------------------
  / Navigation
  ----------------------------------------*/
  #navContainer {
    position: relative;
    height: 40px;
/*  background: transparent url(../images/background_nav.png) repeat-x top left; edited out by chrism - 03/08/11 */
    color: #fff;
    position: relative;
    font-size: 15px;
/*  -webkit-border-radius: 5px; edited out by chrism - 03/08/11 */
/*  -moz-border-radius: 5px; edited out by chrism - 03/08/11 */
/*  border-radius: 5px; edited out by chrism - 03/08/11 */
/*  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.7); edited out by chrism - 03/08/11 */
/*  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.7); edited out by chrism - 03/08/11 */
/*  box-shadow: 0px 1px 3px rgba(0,0,0,.7); edited out by chrism - 03/08/11 */
  margin-bottom: 4px;
  width:990px;
  z-index:5;
  }
  /* --- Main navigation --- */
  #navContainer ul {
    margin: 0;
     
  }
  #navContainer ul li {
    list-style: none;
    float: left;
    line-height: 40px;
    margin: 0;
 /* background: transparent url(../images/background_nav_separator.png) no-repeat top right; edited out by chrism - 03/08/11 */
  background: transparent url(../images/topNavSpacer25.gif) no-repeat right 8px;

  }
  /*
  #navContainer ul li.iFOL292 {
    width: 170px;
  }
  #navContainer ul li.iFOL293 {
    width: 126px;
  }
  #navContainer ul li.iFOL294 {
    width: 134px;
  }
  #navContainer ul li.iFOL295 {
    width: 66px;
  }
  #navContainer ul li.iFOL296 {
    width: 132px;
  }
  #navContainer ul li.iFOL297 {
    width: 80px;
  }
  */
  #navContainer ul li a {
    display: inline-block;
    color: #858585;
    font-size: 12px;
/*  font-weight: bold; edited out by chrism - 10/08/11 */
/*  text-shadow: 0px -1px 0px rgba(0,0,0,0.7); edited out by chrism - 03/08/11 */
  padding: 0 6px;
    margin-right: 2px;
  }
  #navContainer ul li.first a {
    border-left: none;
  }
  #navContainer ul li a:hover {
/*  background: transparent url(../images/background_nav_hover.png) repeat-x top left; edited out by chrism - 03/08/11 */
  color: #ef330b;
cursor:pointer;
  }
  #navContainer ul li a:hover span {cursor:pointer;}
  #navContainer ul li.first a:hover {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #navContainer ul li a.selected {
/*  background: transparent url(../images/background_nav_selected.jpg) no-repeat top center; edited out by chrism - 03/08/11 */
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
  }
  #navContainer ul li a span {
    height:55px;
    width:100%;
    display:block;
    
  }
  #navContainer ul li a span:hover, #navContainer ul li:hover a span {
    background:url(../images/menu-arrow.png) no-repeat bottom center;
  }
  #navContainer ul li li a span {
    background:none !important; 
  }
  /* styles for level 2 */
  #navContainer ul li ul {display: none;}
  #navContainer ul li:hover ul ,
  #navContainer ul li:focus ul {display:block;}
  #navContainer ul li ul {
    background:#242424;
      height: auto;
      padding: 0 20px 20px;
      position: absolute;
      top: 39px;
      width: auto;
      z-index: 3000;
    filter:alpha(opacity:90); moz-opacity:0.90; opacity:0.90;
    max-width:601px;
    min-width:470px;
    margin-top:13px;
  }
  /* --- background images --- */
  #navContainer ul li.iFOL292 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    left:0;
  }
  #navContainer ul li.iFOL293 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    left:0;
  max-width:420px;
  min-width:375px;
  }
  #navContainer ul li.iFOL294 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    left:0;
  }
  #navContainer ul li.iFOL295 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    right:0;
  }
  #navContainer ul li.iFOL296 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    right:0;
  }
  #navContainer ul li.iFOL297 ul {
    /*background: #dcdcdc url(../images/background_dropdown.jpg) no-repeat 20px 20px*/
    right:0;
  }
  #navContainer ul li.iFOL292 ul li ul,
  #navContainer ul li.iFOL293 ul li ul,
  #navContainer ul li.iFOL294 ul li ul,
  #navContainer ul li.iFOL295 ul li ul,
  #navContainer ul li.iFOL296 ul li ul,
  #navContainer ul li.iFOL297 ul li ul {
    background: none;
  }
  #navContainer ul li ul li {background: none; line-height: 18px !important; padding: 20px 0 0; margin-bottom:3px; text-align:left; width:200px; float:none; display:inline-block; vertical-align:top; vertical-align:top;
    *display:inline;
    zoom:1;}
  #navContainer ul li ul li.first{}
  #navContainer ul li ul li a {width:auto; border-left:none; text-shadow: none;color: #fff; font-size:13px; display: block; min-width:100px; text-align:center;}
  #navContainer ul li ul li a:hover,
  #navContainer ul li ul li a.selected {background: none; color: #000;}
  #navContainer ul li ul li a span {font-weight:bold; height:auto; /*float: left;*/ display: block; /*border-bottom: 1px solid #999;*/}
  #navContainer ul li ul li:hover,
  #navContainer ul li ul li:focus {background-color: transparent;}
  /* styles for level 3 */
  #navContainer ul li ul li ul {
    position:relative;
    border-bottom:none;
    clear:both;
    top:0;
    padding:3px 0 0 0;
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 0;
    margin-top:0;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #navContainer ul li ul li ul li {padding-bottom:3px; background: none; line-height: 24px;  padding-top: 0; display:block;}
  #navContainer ul li ul li ul li a {float:none; text-shadow: none; color: #fff;}
  #navContainer ul li ul li ul li a:hover,
  #navContainer ul li ul li ul li a.selected {background: none; color: #19d8b4;}
  #navContainer ul li ul li ul li a span {float:none; font-weight:normal; border-bottom: none;}
  
.sb-search-submit{display: block; width: 26px; height: 25px; position: absolute; top: 1px; right: 1px; text-indent: -9999px; overflow: hidden; font-size: 1px; line-height: 1px; background: transparent url(../images/button_search.jpg) no-repeat top left; border: none; padding: 0;} 

 #searchContainer {
    width: 220px;
    height: 27px;
    position: absolute;
    top: 6px;
    right: 20px;
    background: transparent url(../images/background_search.jpg) no-repeat top left;
  }
  #searchContainer .searchPanel {
    padding: 0 !important;
  }
  #searchContainer label {
    display: none;
  }
  #searchContainer input {
    border: none;
    background: none;
    width: 180px;
    height: 15px;
    line-height: 15px;
  }
  #searchContainer #ctl00_SearchPlaceHolder_ctl00_SearchLinkButton {
    display: block;
    width: 26px;
    height: 25px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    background: transparent url(../images/button_search.jpg) no-repeat top left;
    border: none;
    padding: 0;
  }
  
  /*----------------------------------------
  / new menu dropdown 2016
  ----------------------------------------*/
  
  #navContainer.new_menu{}
  #navContainer.new_menu > ul > li > a{margin-right: 0;}
  #navContainer.new_menu > ul > li > a > span{height: 44px;}
  /*#navContainer.new_menu > ul > li > a:hover,
  #navContainer.new_menu > ul > li :focus > a{color: #fff; background: #242424; border-radius: 0;}
  #navContainer.new_menu > ul > li:hover > a,
  #navContainer.new_menu > ul > li:focus > a{background: #242424; color: #fff;}*/
  #navContainer.new_menu > ul li a span:hover,
  #navContainer.new_menu > ul li:hover a span{background: url(../images/menu-arrow.png) no-repeat bottom center;}
  #navContainer.new_menu > ul > li > ul{width: auto; min-width: auto; top: 31px; padding: 0;}
  #navContainer.new_menu > ul > li{position: relative; margin-left: 0;}
  #navContainer.new_menu > ul > li > ul li{display: block; width: 220px; padding: 18px 15px; margin: 0;}
  #navContainer.new_menu > ul > li > ul li a{margin: 0;}
  #navContainer.new_menu > ul > li > ul > li a span{background: transparent;}
  #navContainer.new_menu > ul > li > ul li:hover{background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
  #navContainer.new_menu ul li ul li a {text-align: left;}
  #navContainer.new_menu ul li ul li ul{display: none; background: #009b7e; left: 100%; min-width: auto; position: absolute; top: 0; opacity: 1; height: auto; padding: 0; min-height: 100%;}
  #navContainer.new_menu ul li ul li:hover ul,
  #navContainer.new_menu ul li ul li:focus ul{display: block;}
  #navContainer.new_menu ul li ul li a:hover,
  #navContainer.new_menu ul li ul li a.selected{color: #fff;}
  #navContainer.new_menu ul li ul li ul li{width: 230px;}
  #navContainer.new_menu ul li.iFOL296 ul li ul,
  #navContainer.new_menu ul li.iFOL295 ul li ul,
  #navContainer.new_menu ul li.iFOL297 ul li ul{right: 100%; left: auto;}
  #navContainer.new_menu ul li.iFOL295 ul,
  #navContainer.new_menu ul li.iFOL296 ul,
  #navContainer.new_menu ul li.iFOL297 ul{right: auto;}
  #navContainer.new_menu ul li.iFOL295 > ul > li{width: 200px;}
  #navContainer.new_menu ul li.iFOL295 > ul > li  ul li{width: 250px;}
  #navContainer.new_menu ul li.iFOL296 > ul > li > ul > li{width: 310px;}
  #navContainer.new_menu ul li.iFOL4461 > ul > li > ul > li{width: 260px;}
  #navContainer.new_menu ul li.last{background: none;}
  #navContainer.new_menu #searchContainer{right: 10px; width: 200px;}

  
  /*----------------------------------------
  / Banner
  ----------------------------------------*/
  #bannerContainer {
    background-color: #fff;
    border: 1px solid #bbb;
  padding: 10px 9px 0;
  height: auto;
  margin-bottom: 4px;
  /*
    background: #fff url(../images/background_banner_container.png) repeat-x top left;
  */
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    border: 1px solid #aaa;
  }
  .bannerSlide {
    margin-bottom: 10px;
    background-color: #fff;
  z-index:1;
  }
  #currentHeadlines {
    height: 46px;
/*  background: transparent url(../images/background_current_headlines.jpg) no-repeat top left; edited out by chrism - 03/08/11 */
/*  background: transparent url(../images/current_headlines.jpg) no-repeat top left; */
  line-height: 36px;
  padding: 0 5px;
  font-size: 14px;
  overflow:hidden;
  color: #191919;
  }
  #currentHeadlines h2{display:none;}
  #currentHeadlines strong{float:left;}
  #currentHeadlines .headline-slideshow {
    height: auto !important;
      margin-left: 130px;
      width: 700px !important;
  }
  #currentHeadlines .mainItem, #currentHeadlines .allsubItems {
    float:right;
  }
  #currentHeadlines .slideshow-content-description {
    display:none;
  }
  
  /*----------------------------------------
  / Content
  ----------------------------------------*/
  #content {
    margin-bottom: 10px;
  }
  #featuredBoxContainer {
  margin-bottom: 4px;
 background: #ccc;
  }
  .featuredBox {
  width: 237px;
  height: 185px;
  overflow: hidden;
  float: left;
  margin-left: 4px;
    padding: 3px;
    background-color: #efefef;
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.2) inset, 0px 1px 0px rgba(255,255,255,0.4);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.2) inset, 0px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 2px 3px rgba(0,0,0,.2) inset, 0px 1px 0px rgba(255,255,255,0.4);
    border: 1px solid #aaa;
    position: relative;
  }
  .featuredBox.first {
    margin-left: 0;
  }
  .featuredBox a {
    display: block;
  width: 236px;
    height: 150px;
  /*
    background-color: #fafafa;
    background-image: -moz-linear-gradient(#fafafa, #eee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#eee));
    background-image: -webkit-linear-gradient(#fafafa, #eee);
    background-image: -o-linear-gradient(#fafafa, #eee);
  */
  }
  .featuredBox a:hover {
    background-color: #e2e1e1;
    background-image: -moz-linear-gradient(#eee, #dadada);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#dadada));
    background-image: -webkit-linear-gradient(#eee, #dadada);
    background-image: -o-linear-gradient(#eee, #dadada);
  }
  #featuredItemContainer {
    background-color: #fff;
    border: 1px solid #bbb;
    height: 130px;
  margin-bottom: 4px;
  }
  .featuredItem {
    width: 164px;
    height: 124px;
    border-right: 1px solid #dedede;
    float: left;
    padding: 3px 0;
  }
  .featuredItem.first {
    padding-left: 3px;
    width: 160px;
  /*
    background: transparent url(../images/background_bolts.png) no-repeat 5px 0;
  */
  }
  .featuredItem.last {
    border-right: none;
    padding-right: 3px;
    width: 161px;
  /*
    background: transparent url(../images/background_bolts.png) no-repeat 144px 0;
  */
  }
  .featuredItem a {
    display: block;
    width: 164px;
    height: 124px;
    background-image: -moz-linear-gradient(#fafafa, #eee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#eee));
    background-image: -webkit-linear-gradient(#fafafa, #eee);
    background-image: -o-linear-gradient(#fafafa, #eee);
  }
  .featuredItem.first a {
    width: 160px;
  }
  .featuredItem.last a {
    width: 161px;
  }
  .featuredItem a:hover {
    background-color: #eee;
    background-image: -moz-linear-gradient(#eee, #dadada);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#dadada));
    background-image: -webkit-linear-gradient(#eee, #dadada);
    background-image: -o-linear-gradient(#eee, #dadada);
  }

/*-----image widget-----*/
.image-widget dt {text-align:center;}
.image-widget img {max-width: 100%; width: 100%;display:block;text-align:center;}
.image-widget .mainItem,
.image-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;text-align:center;}
.image-widget .allsubItems {display:inline;}
.image-widget .mainItem>a,
.image-widget .subItem>a{display:inline-block;}

.image-widget .item {text-align: center;}
.image-widget .title h3 a {margin: 5px 0;display: inline-block;}
.image-widget .image {float: left;}
.image-widget .image a,
.image-widget .item ul li {display: block; width: 100%;}

  
  /* --- Left menu --- */
  
  #leftContainer {
    width: 199px;
    margin: 0 10px 0 0;
    float: left;
  }
  
  /* --- Side navigation --- */
  #LeftMenu {
    height: auto !important;
    margin-bottom: 10px;
  }
  #LeftMenu .panelbar {
    width: 200px !important;
    height: auto !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.7);
    box-shadow: 0px 1px 3px rgba(0,0,0,.7);
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #LeftMenu .panelbar .group {display:block !important;}

  #LeftMenu ul.rootGroup {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
position: relative;
background: #4a4a4b url(../images/background_side_nav.png) repeat-x top left;
behavior: url(/useruploadedstyles/PIE.htc);}

  #LeftMenu ul {
    background-color: #939396;
    list-style: none;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
  }

#LeftMenu ul li {
    margin: 0;
    background-color: #4a4a4b;
  }

  #LeftMenu ul li.first { }

  #LeftMenu ul li.last { }

  #LeftMenu ul li a {
    display: block;
    padding: 7px 30px 7px 15px;
    color: #cecece; 
  }
  #LeftMenu ul li.noChildren a {
    background: none;
  }
  #LeftMenu ul li a:hover {
    color: #fff;
  }
#LeftMenu ul li span.expander {position: absolute; right: 0px; top: 0px; color:#fff; text-indent:-9999px; display:block; width:30px; height:29px;}
#LeftMenu ul li span.expander:hover,
#LeftMenu ul li span.expander:focus {cursor:pointer;}
#LeftMenu ul.level1 li span.expander {height:25px;}
#LeftMenu ul li span.can-expand {background: transparent url(../images/arrows_left_nav_top_level.gif) no-repeat top left;}
#LeftMenu ul li span.can-collapse {background: transparent url(../images/arrows_left_nav_top_level.gif) no-repeat bottom left;}
#LeftMenu ul.level1 li span.can-expand {background: transparent url(../images/arrows_left_nav.gif) no-repeat top left;}
#LeftMenu ul.level1 li span.can-collapse {background: transparent url(../images/arrows_left_nav.gif) no-repeat bottom left;}
  #LeftMenu ul li ul {
    background-color: #bbb;
    margin-bottom: 0;
        overflow-x: hidden;
        overflow-y: hidden;
    color: #666;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
  }
  #LeftMenu ul li ul li {
    margin: 0;
    background: none;
    border: none;
  }
  #LeftMenu ul li.last ul {  }
  #LeftMenu ul li.last ul li.last { }
  #LeftMenu ul li ul li a {
    padding: 5px 30px 5px 15px;
    color: #444;
  }
  #LeftMenu ul li ul li.noChildren a {
    background: none;
  }
  #LeftMenu ul li ul li a.link span {
    color: #444;
  }
  #LeftMenu ul li ul li a.link:hover span {
    color: #ef330b;
  }
  #LeftMenu ul li ul li ul {
    background-color: #ddd;
    margin-bottom: 0;
    text-shadow: 0px 1px 0px rgba(255,255,255,.8);
  }
  #LeftMenu ul li ul li ul li a {
    padding: 5px 15px 5px 30px;
    color: #666;
  }

#LeftMenu ul li ul li ul li ul li a {
    padding: 5px 15px 5px 40px;
  }

  #LeftMenu ul li ul li ul li.noChildren a {
    background: none;
  }
  #LeftMenu ul li ul li ul li a.link span {
    color: #666;
  }
  #LeftMenu   ul li ul li ul li.item a {
    padding: 3px 30px 3px 25px;
    width: 146px !important;
  }
  #LeftMenu ul li ul li ul li ul {
    background-color: #efefef;
  }
  #LeftMenu ul li ul li ul li ul li.item a {
    padding: 3px 4px 3px 35px;
    width: 162px !important;
  }
  #LeftMenu ul li ul li ul li ul li.noChildren a {
    background: none;
  }
  /*vertical menu styles*/
  #LeftMenu,
  #LeftMenu .rootGroup,
  #LeftMenu li.item {
    width: 200px !important;
  }

  #LeftMenu li.item a {
    width: 155px !important;
  }
  #LeftMenu .MenuItemOne {
    font-size: inherit !important;
  }
  #LeftMenu a.link span {
    font-size: 12px;
    color: #cecece;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
  }
  #LeftMenu a.link:hover span {
    color: #fff;
  }
  #LeftMenu .slide {
    width: 200px !important;
  }
  
  #LeftMenu ul li.active a {
    background-position: 4px -30px;
  }
  #LeftMenu ul li.active ul li a,
  #LeftMenu ul li ul li.active ul li a,
  #LeftMenu ul li ul li ul li.active ul li a {
    background-position: 4px 0px;
  }
  #LeftMenu ul li ul li.active a,
  #LeftMenu ul li ul li ul li.active a,
  #LeftMenu ul li ul li ul li ul li.active a {
    background-position: 4px -24px;
  }
  
  /*root/level2 vertical menu*/
  #LeftMenu a.link,
  #LeftMenu a.CMLevel1Selected{/*float:left;*/height:auto;border:none;  width: 157px !important;}
  #LeftMenu a.link span,
  #LeftMenu a.CMLevel1Selected span{background:none;height:auto;padding:2px 2px 2px 0px;}
  #LeftMenu a.link:hover span,
  #LeftMenu a.link:focus span{background:none;}
  /*level 2 horizontal menu*/
  #LeftMenu a.CMLevel2,
  #LeftMenu a.CMLevel2Selected{height:auto;border:none;}
  #LeftMenu a.CMLevel2 span,
  #LeftMenu a.CMLevel2Selected span{background:none;height:auto;}
  #LeftMenu a.CMLevel2Selected:hover span,
  #LeftMenu a.CMLevel2:hover span,
  #LeftMenu a.CMLevel2:focus span{background:none;}
  /*level 3 horizontal menu*/
  #LeftMenu a.CMLevel3,
  #LeftMenu a.CMLevel3Selected{height:auto;border:none;}
  #LeftMenu a.CMLevel3 span,
  #LeftMenu a.CMLevel3Selected span{background:none;height:auto;}
  #LeftMenu a.CMLevel3Selected:hover span,
  #LeftMenu a.CMLevel3:hover span,
  #LeftMenu a.CMLevel3:focus span{background:none;}

#LeftMenu .rpSlide {display:none;}
#LeftMenu ul.rpRootGroup > li > a.rpExpandable {background: transparent url(../images/arrows_left_nav_top_level.gif) no-repeat top right;}
#LeftMenu ul.rpRootGroup > li > .rpSlide > ul.rpGroup > li > a.rpExpandable {background: transparent url(../images/arrows_left_nav.gif) no-repeat top right;}
#LeftMenu ul.rpRootGroup > li > .rpSlide > ul.rpGroup > li > .rpSlide > ul.rpGroup > li > a.rpExpandable {background: transparent url(../images/arrows_left_nav.gif) no-repeat top right;} 

#LeftMenu ul.rpRootGroup {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#LeftMenu ul.rpRootGroup > li.rpFirst {
    margin: 0;
    background: #4a4a4b url(../images/background_side_nav.png) repeat-x top left; position:relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }

#LeftMenu ul.rpRootGroup li.rpLast {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.MenuItemOneOver {background-color: transparent;}
.MenuItemOne:Visited:Hover {background-color: transparent;}
.MenuItemOne:Hover {background-color: transparent;}

  
  /* --- Related articles --- */
  .relatedItems {
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    padding: 2px 10px 0;
    border: 1px solid #B3B3B3;
    background-color: #D3D3D3;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.5);
    font-size: 12px;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  .relatedItems h2 {
    margin-bottom: 0;
    border-bottom: 1px solid #b3b3b3;
    color: #6a6a67;
    font-size: 16px;
    text-shadow: none;
  }
  .relatedItems ol {
    margin-bottom: 10px;
  }
  .relatedItems ol a {
    color: #6a6a67;
  }
  
  .relatedItems ol a:hover {
    color: #ef330b;
  }
  /* --- Main content --- */
  #mainContent {
    width: 488px;
    margin: 0 10px 3px 0;
    padding: 10px;
    float: left;
    background-color: #fff;
    border: 1px solid #bbb;
    height: auto;
    position: relative;
  /*
    background: #fff url(../images/background_banner_container.png) repeat-x top left;
  */
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(255,255,255,0.4);
    border: 1px solid #aaa;
  }
  #mainContent.wide {
    width: 759px;
    margin-right: 0;
  }
  #mainContent.full {
    width: 968px;
    margin-right: 0;
  }
  #mainContent.loginPage {
    height: 500px;
  }

  
  .tabContent img{
    margin-left: -13px;
margin-top: -4px;  
  }

#mainContent.videoBox {background:url(../images/capral-video-bg.jpg) no-repeat top left; height:476px; width:535px; padding:33px 113px 0 113px; border:none;}
#mainContent.videoBox h1 {color:#fff;}
#mainContent.videoBox p {color:#fff;}

#mainContent.full ol li {line-height:150%;margin:0 20px 10px 30px;}
  
  /* ------ Tabbed content ------ */
  #tabbedContentContainer {
    margin-bottom: 20px;
  }
  #tabbedContentContainer ul.tabbedContentTabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 37px; /*--Set height of tabs--*/
    width: 771px;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }
  #tabbedContentContainer ul.tabbedContentTabs li {
    float: left;
    margin: 0 5px 0 0;
  padding: 0;
  /*height: 60px;*/ /*--Subtract 1px from the height of the unordered list--*/
  line-height: 36px; /*--Vertically aligns the text within the tab--*/
  height:36px;
  margin-bottom: -1px; /*--Pull the list item down 1px--*/
  position: relative;
  top: 1px;
  background: #e2e2e2;
  width: 147px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0 ;
    background-image: -moz-linear-gradient(#fafafa, #e2e2e2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e2e2e2));
    background-image: -webkit-linear-gradient(#fafafa, #e2e2e2);
    background-image: -o-linear-gradient(#fafafa, #e2e2e2);
  }
  #tabbedContentContainer ul.tabbedContentTabs li.first {
    border-left: none;
  }
  #tabbedContentContainer ul.tabbedContentTabs li.last {
    margin-right: 0;
  }
  #tabbedContentContainer ul.tabbedContentTabs li a span {
  text-align:center;
    display: block;
    color: #000;
  }
  
  #tabbedContentContainer ul.tabbedContentTabs li.overview a span {
  }
  #tabbedContentContainer ul.tabbedContentTabs li.basicDetails a span {
  }
  #tabbedContentContainer ul.tabbedContentTabs li.documents a span {
  }
  #tabbedContentContainer ul.tabbedContentTabs li.imageGallery a span {
  }
  #tabbedContentContainer ul.tabbedContentTabs li a {
    display: block;
*display:inline-block;
width:100%;
    text-align: left;
    font-weight: bold;
    font-size:12px; /* May need to comment this out */
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
  background:url(../images/tab_bg.jpg) repeat-x;
  }
  #tabbedContentContainer ul.tabbedContentTabs li.active a {
  background:url(../images/tab_bg-selected.jpg) repeat-x;
  }
  #tabbedContentContainer ul.tabbedContentTabs li a:hover {  
  }
  #tabbedContentContainer ul.tabbedContentTabs li.active,
  #tabbedContentContainer ul.tabbedContentTabs li.active a:hover {
    border-bottom: 1px solid #f9f9f9;
  }
  #tabbedContentContainer #tabsContainer {
    width: 735px;
 
    border-top: none;
  background-color: #fff;
    padding-top: 10px;
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;
  }
  
  
  
  
    #tabbedContentContainer .documents{
    float: left;
    margin: 0 5px 0 0;
  padding: 0;
  /*height: 60px;*/ /*--Subtract 1px from the height of the unordered list--*/
  line-height: 36px; /*--Vertically aligns the text within the tab--*/
  height:36px;
  margin-bottom: -1px; /*--Pull the list item down 1px--*/
  position: relative;
  top: 1px;
  background: #e2e2e2;
  width: 147px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0 ;
    background-image: -moz-linear-gradient(#fafafa, #e2e2e2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e2e2e2));
    background-image: -webkit-linear-gradient(#fafafa, #e2e2e2);
    background-image: -o-linear-gradient(#fafafa, #e2e2e2);
  }
  
  
  
  #tabbedContentContainer .documents a span {
    text-align: center;
    display: block;
    color: #000;
    font-weight: bold;
}
  

  
  
  #tabbedContentContainer #tabsContainer .tabContent {
    width: 695px;
  }
  #tabbedContentContainer #tabsContainer .tabContent h3 {
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
  }
  #tabbedContentContainer #tabsContainer #tab1 {
    
  }
  
  #tabbedContentContainer #tabsContainer #tab1 .imageContainer,
  #tabbedContentContainer #tabsContainer #tab1 .textContainer,
  #tabbedContentContainer #tabsContainer #tab1 .videoContainer {
    float: left;
    width: 208px;
    margin: 0 0 10px 0;
    padding: 0 15px;
  }
  #tabbedContentContainer #tabsContainer #tab1 .imageContainer {
    padding-left: 0;
  }
  #tabbedContentContainer #tabsContainer #tab1 .imageContainer img,
  #tabbedContentContainer #tabsContainer #tab1 .videoContainer img {
    border: 4px solid #eee;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,.5);
  }
  #tabbedContentContainer #tabsContainer #tab1 .textContainer {
    width: 216px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  #tabbedContentContainer #tabsContainer #tab1 .textContainerNoVideo {
    width: 424px;
    border-left: 1px solid #eee;
    border-right: 0px solid #eee;
  }
  #tabbedContentContainer #tabsContainer #tab1 .textContainer p {
    margin-bottom: 0;
  }
  #tabbedContentContainer #tabsContainer #tab1 .videoContainer {
    padding-right: 0;
  }
  
  #tabbedContentContainer #tabsContainer #tab2.techDetails table {
    border-collapse: collapse;
    margin: 20px auto;
  }
  #tabbedContentContainer #tabsContainer #tab2.techDetails table th,
  #tabbedContentContainer #tabsContainer #tab2.techDetails table td {
    text-align: right;
    padding: 6px 10px;
    border: 1px solid #cecece;
  }
  #tabbedContentContainer #tabsContainer #tab2.techDetails table th {
    text-align: right;
    font-weight: bold;
  }
  #tabbedContentContainer #tabsContainer #tab2.techDetails #techDetailsTable {
    display: inline;
  float: left;
  }

#techDetailsTable table {
    border-collapse: collapse;
    margin: 20px auto;
  }

#techDetailsTable table th,
#techDetailsTable table td {
    text-align: right;
    padding: 6px 10px;
    border: 1px solid #cecece;
  }

#techDetailsTable table th {
    text-align: right;
    font-weight: bold;
  }

#techDetailsTable {
    display: inline;
  }

  #tabbedContentContainer #tabsContainer #tab2.techDetails #techDetailsCompatibleWith {
    display: inline;
  float: left;
  margin: 26px 20px;
  }  
  #tabbedContentContainer #tabsContainer #tab3 ul {
    margin: 20px 0 20px 20px;
    list-style-type:none;
  }
  #tabbedContentContainer #tabsContainer #tab3 ul.spec-left {float:left; width:172px;}
  #tabbedContentContainer #tabsContainer #tab3 ul.spec-right {float:left; width:420px;}
  #tabbedContentContainer #tabsContainer #tab3 ul li {
    width: 200px;
    margin: 0;
    padding: 0 10px 15px 0;
    line-height: 20px;
    float: left;
  }
  #tabbedContentContainer #tabsContainer #tab3 ul.spec-left li {width:162px;}
  #tabbedContentContainer #tabsContainer #tab3 a {
    font-weight: bold;
  }
  #tabbedContentContainer #tabsContainer #tab3 img {
    font-weight: bold;
  }
  #tabbedContentContainer #tabsContainer #tab3 ul.spec-left li img {float:left; clear:left;}
  #tabbedContentContainer #tabsContainer #tab3 ul.spec-left li a {float:left; clear:left; width:162px;}
  #tabbedContentContainer #tabsContainer #tab4 .imageGallery {
  
  }
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery .mainItem,
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery .subItem {
    width: 150px;
    margin: 0 10px 20px;
    vertical-align: top;
display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;
  }
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery .allsubItems {
    display: inline;
  }
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery dl {
    display: none;
  }
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery .mainItem img,
/*   #tabbedContentContainer #tabsContainer #tab4 */ .imageGallery .subItem img {
/*     border: 4px solid #eee; */
    display: block;
    float: none;
    margin: 0 auto;
/*
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,.5);
*/
  
  }

  /* --- Image Widget --- */
.ImgDocwidget .mainItem, .ImgDocwidget .subItem {width:25%;float:left;    margin-bottom: 20px;}
.ImgDocwidget .mainItem dl, .ImgDocwidget .subItem dl {display: inline-block; padding: 0 20px 0 10px;}
.ImgDocwidget .mainItem dl dt a, .ImgDocwidget .subItem dl dt a {    word-wrap: break-word; word-break: break-all;}
.ImgDocwidget div:nth-child(4){clear: both;}
div[id$="DivFileUpload"] a{background: #ef330b; color: #fff;border-radius: 20px;padding: 5px 20px;    display: inline-block;    margin: 15px 0 25px;}
.ImgDocwidget .mainItem img, .ImgDocwidget .subItem img{width:200px;height:158px;}
span[id$="lblSuccess"]{color: #fff; background: green; display: inline-block; padding: 8px 12px;width: 98%;}
.widgetPageLinks{clear:both;}
.widgetPageLinks h3{display:none;}


/*-----cloud zoom-----*/

.zoom-container {overflow:hidden; position:relative; min-height:700px;}
.zoom-container .image-list {float:left; width:300px; margin-top: 10px;}
.zoom-container .download-list {float:left; clear:left; width:300px; margin-top: 10px;}
.zoom-container .image-zoom {position:absolute; top:100px; right:0;}
.zoom-container .image-zoom #wrap {}

.zoom-container .zoom-desc {background: url('/images/UserUploadedImages/11/magnify-icon.png') left center no-repeat; padding: 10px 0 10px 40px; position:absolute; top:45px; right:0;}
  
  /* ------ Right column ------ */
  #rightContainer {
    width: 240px;
    float: left;
  }
  #rightContainer .featuredBox {
    float: none;
    margin-left: 0;
    padding: 3px;
    margin-bottom: 10px;
  }
  /* ------ Breadcrumbs ------ */
  .breadcrumbsContainer {
  
  }
  .breadcrumbsContainer #breadcrumbs {
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    padding: 0 20px 0 0;
    font-size: 12px;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  .breadcrumbsContainer.bottom #breadcrumbs {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #999;
    color: #fff;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  .breadcrumbsContainer.top #breadcrumbs {
    border: 1px solid #B3B3B3;
    background-color: #D3D3D3;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px rgba(255,255,255,1);
    color: #fff;
    clear:both;
  
  }
  .breadcrumbsContainer #breadcrumbs img {
    vertical-align: middle;
    padding-right:10px;
  }
  .breadcrumbsContainer #breadcrumbs a {
    color: #444;
    padding-right:10px;
  }
  .breadcrumbsContainer #breadcrumbs a:hover {
    color: #666;
  }

  }
  .breadcrumbsContainer #breadcrumbs a.homeIcon img {
    padding: 0 5px 0 2px;
    margin: 0;
    width: 36px;
    overflow: hidden;
  }

  #breadcrumbs {float: left; width: 970px;}
  #breadcrumbs p#breadcrumblabel {display: none;}
  #breadcrumbs ol {list-style-type: none; float: left; margin-bottom: 0;}
  #breadcrumbs ol li {float: left;margin-left: 0;}
  #breadcrumbs ol li:first-child a {display: none;}
  #breadcrumbs ol img {float: left;}
  #breadcrumbs > a {float: left;}
  #breadcrumbs a.homeIcon {padding: 0; margin: 0 10px; width: 36px; overflow: hidden;}
  #breadcrumbs a.homeIcon img {padding: 0 5px 0 2px;margin: 0;width: 36px;overflow: hidden;}

  /*----------------------------------------
  / Contacts & Locations Accordion
  ----------------------------------------*/
  .contentBox iframe {
    display: block;
  }
  .contentBox small {
    display: block;
    padding-bottom: 20px;
  }
  #accordionContainer {
    /*width: 488px;*/
width: 100%;
    /*clear: both;*/
overflow:hidden;
  }
  #accordionContainer ul {
    padding-left: 0;
  }
  #accordionContainer ul li {
    list-style: none;
    margin-bottom: 3px;
    margin-left: 0;
  }
  #accordionContainer ul li a.accHeading,
  #accordionContainer ul li ul li a.accHeadingInner {
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding-left: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius:  5px;
    border-bottom-radius: 5px;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
cursor:pointer;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #accordionContainer ul li a.accHeading {
   /* background: url(../images/background_level1.jpg) no-repeat;*/
 background: url(../images/background_level1.jpg) no-repeat;
    color: #bbbbbb;
    text-shadow: 0px -1px 0px rgba(0,0,0,.8);font-size:12px;
  }
  #accordionContainer ul li ul li a.accHeadingInner {
    /*background: url(../images/background_level2.jpg) no-repeat;*/
 background: url(../images/background_level2.jpg) no-repeat;
    color: #d2d2d2;
    text-shadow: 0px -1px 0px rgba(0,0,0,.6); font-size:12px;
  }
  #accordionContainer ul li a.accHeading:hover,
  #accordionContainer ul li ul li a.accHeadingInner:hover {
    color: #fff;
  }
  #accordionContainer li.active a.accHeading,
  #accordionContainer li.active div ul li.active a.accHeadingInner {
    background-position: left bottom;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-bottom-radius: 5px 5px 0 0;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #accordionContainer li.active div.panel li a.accHeadingInner {
    background-position: left top;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom-radius: 5px;
  }
  #accordionContainer ul li div.panel {
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    background: #f0f0f0;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-bottom-radius: 0 0 5px 5px;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #accordionContainer ul li div.panel.main {
    display:block !important;
}
  #accordionContainer ul li div.panel ul {
    padding: 5px;
    margin: 0;
  }
  #accordionContainer ul li div ul li div.panel {
    background: #fff;
    padding: 10px;
    margin: 0;
  }
  #accordionContainer ul li div ul li div.column {
    width: 146px;
    margin-right: 8px;
    float: left;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-bottom-radius: 0;
    font-size: 12px;
behavior: url(/useruploadedstyles/PIE.htc);
  }
  #accordionContainer ul li div ul li div.column.last {
    margin-right: 0;
  }
  #accordionContainer ul li div ul li div.column h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
/*
  #accordionContainer ul li div ul li div.column a {
    background: none;
    color: #ef330b;
    display: inline;
    text-shadow: none;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
  }
*/
  #accordionContainer ul li div ul li div.column a:hover {
    color: #000;
  }
/*
  #accordionContainer ul li div ul li div.column a.buttonLink {
    display: inline-block;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-bottom-radius: 20px;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,.4);
    background-color: #ef330b;
    background-image: -moz-linear-gradient(#ef330b, #067c66);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#067c66), to(#ef330b));
    background-image: -webkit-linear-gradient(#ef330b, #067c66); 
    background-image: -o-linear-gradient(#ef330b, #067c66);
    text-shadow: 0 1px 1px #000;
    color: #fff;
    margin: 5px 0;
    line-height: 24px;
    height: auto;
behavior: url(/useruploadedstyles/PIE.htc);
  }
*/
  
  /*----------------------------------------
  / Cross-browser buttons
  ----------------------------------------*/

  a.buttonLink {
    background: transparent url('/images/UserUploadedImages/898/bg_button_a.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serf;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    }
    
    a.buttonLink span {
    background: transparent url('/images/UserUploadedImages/898/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 6px 18px;
    text-shadow: 0 1px 1px #000000;
    }
    
    a.buttonLink:hover {
    background-position: bottom right;
    outline: none;
    }
    
    a.buttonLink:hover span {
    background-position: bottom left;
    }
    
  /*----------------------------------------
  / Footer
  ----------------------------------------*/
  #web20Footer {
    background-color: #dcdcdc;
    background-image: -moz-linear-gradient(#dcdcdc, #ccc);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#dcdcdc));
    background-image: -webkit-linear-gradient(#dcdcdc, #ccc); 
    background-image: -o-linear-gradient(#dcdcdc, #ccc);
    border: 1px solid #efefef;
    padding: 0;
    height: auto;
    min-height: 310px;
  }
  #web20Footer h3 {
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    background: transparent url(../images/icon_capral.png) no-repeat 20px 0;
    padding: 0;
    height: 40px;
    margin-bottom: 18px;
    border-bottom: 1px solid #989898;
  }
  #web20Navigation {
    margin: 0 5px 0 15px;
    height: auto;
  }
  #web20Footer .navBox {
    float: left;
    margin: 0 5px;
    width: 280px;
  }
  #web20Footer .navBox.first {
    /*padding-left: 15px;*/
  }
  #web20Footer .navBox ul li {
    font-size: 12px;
    color: #6a6a67;
    font-weight: bold;
    list-style: none;
    margin: 0;
  }
  #web20Footer .navBox ul li ul {
    margin-top: 18px;
    padding-left:0px;
  }
  #web20Footer .navBox ul li ul li {
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: normal;
  }
  #web20Footer .navBox ul li a {
    color: #6a6a67;
  }
  #web20Footer .navBox ul li a:hover {
    color: #ef330b;
  }

#footerNav {left: 2px;
    float: left;
    margin-top: 25px;
    color:#fff;
}

#footerNav a {color:#fff;
}

#footerCopyright {
    right: 2px;
    margin-top: 25px;
    float:right;
    color:#fff;
}

#footerCopyright a {
    color:#fff;
}

.breadcrumbsContainer #breadcrumbs a {background:url/Images/UserUploadedImages/logo_breadcrumb.png;}
#lightbox-infoFooter, #lightbox-infoBox {display:block !important;}
#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover{color:#000 !important;}
  
  /* --- Social Media --- */
  
  #socialMedia {
    margin-bottom: 20px;
    text-align: right;
    padding-right: 20px;
    height: 32px;
    font-size: 12px;
  }
  #socialMedia p {
    margin-bottom: 0;
    padding: 0;
    line-height: 32px;
    float: right;
  }
  #socialMedia span {
    display: inline-block;
    height: 32px;
  /*
    vertical-align: top;
  */
    float: left;
  }
  #socialMedia a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    text-align: left;
    background-position: top left;
    margin-left: 10px;
    float: left;
  }
  #socialMedia a.twitter {
    background: transparent url(../images/icon_twitter.png) no-repeat;
  }
  #socialMedia a.facebook {
    background: transparent url(../images/icon_facebook.png) no-repeat;
  }
  #socialMedia a.youTube {
    background: transparent url(../images/icon_youtube.png) no-repeat;
  }
  #socialMedia a:hover {
    background-position: top right;
  }
  
  #footer {
    color: #fff;
    height: 50px;
    position: relative;
    font-size: 12px;
  }
  #footer a {
    color: #fff;
  }
  #footer a:hover {
    color: #ef330b;
  }
  #footer #footerNav {
    position: absolute;
    top: 0px;
    left: 2px;
  }
  #footer #footerCopyright {
    position: absolute;
    top: 0px;
    right: 2px;
  }
  
.preTabWrapper {
  overflow:hidden;
  width: 95%;
  margin:0 15px 20px;
}
.preTabWrapper p, .preTabWrapper li {
  color:#191919;
  font-size:12px;
}
  .pretabInfoLeft, .pretabInfoRight{
      float:left;
      width:339px;
      margin-right:20px;
  }
  .pretabInfoRight {
      margin-right:0;
  }

/*IE Shadow*/
.ieShadow {
   zoom: 1\9;
   width:100%\9;
   height:auto\9;
 display:block\9;
  box-shadow:0 0 2px #888888\9;
  -o-box-shadow:0 0 2px #888888\9;
  -moz-box-shadow:0 0 2px #888888\9;
  -webkit-box-shadow: 0 0 2px #888888\9;
  *display:block;
  *zoom:0;
  *width:auto;

}


.jquery-corner {margin:0;}
  
  
/*-----home page slide-----*/
.bannerSlide {position:relative; width:970px; height:450px; overflow:hidden; margin:0 auto;}
.home-slider {width:970px; height:520px;}
.home-slider .mainItem {position:relative; float:left; width:970px; height:520px;}
.home-slider .mainItem p {width:250px; text-align: center; font-family:Helvetica, Arial, sans-serif; font-size:11pt; font-weight:lighter; line-height:21px; color: #191919;}
.home-slider .mainItem p.top-left {position:absolute; top:50px; left:50px;}
.home-slider .mainItem p.top-right {position:absolute; top:50px; right:50px;}
.home-slider .mainItem p.bottom-left {position:absolute; bottom:50px; left:50px;}
.home-slider .mainItem p.bottom-right {position:absolute; bottom:50px; right:50px;}
.home-slider .mainItem p.extrusion-manufacturing {position:absolute; top:170px; left:30px;}
.home-slider .mainItem p.extrusion-manufacturing1 {position:absolute; top:250px; left:60px;}
.home-slider .mainItem p.amplimesh {position:absolute; top:290px; left:65px;}
.home-slider .mainItem p.estore {position:absolute; top:250px; left:125px;}
.home-slider .mainItem p.building-systems {position:absolute; top:197px; right:105px; width:240px; }
.home-slider .mainItem p.virtual-tour {position:absolute; top:265px; right:63px; width:240px; }
.home-slider .mainItem p.aluminium-centres {position:absolute; top:210px; left:47px;}
.home-slider .mainItem p.any-time {position:absolute; top:255px; left:125px;}
.home-slider .mainItem p.brands {position:absolute; top:125px; left:245px; color:#FFFFFF; width:220px;}
.home-slider .mainItem p.sustainable-capral {position:absolute; top:197px; left:25px; width:228px;}
.home-slider .mainItem p.corporate {position:absolute; top:278px; left:45px; color:#FFFFFF; width:257px;}
.bannerSlide #coda-nav-1 { padding:5px 10px; width:auto !important; bottom: 17px; position: absolute; right: 433px; z-index: 100; filter:alpha(opacity:80); moz-opacity:0.80; opacity:0.80;}
.bannerSlide #coda-nav-1 ul {width:auto !important;}
.bannerSlide #coda-nav-1 ul li {margin:0; padding:0; float:left; display:block;}
.bannerSlide #coda-nav-1 ul li a {float:left; background: url(../images/dots_08c.png) no-repeat scroll 0 0 transparent; border: 0 none; height: 14px; outline: 0 none; text-indent: -5555px; width: 14px;}
.bannerSlide #coda-nav-1 ul li a.current {background: url(../images/dots_08c.png) no-repeat scroll 0 -30px transparent;}
.bannerSlide #nav a {background: url(../images/dots_08c.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 14px; text-indent: -5555px; width: 14px; outline:0; border:0;}
.bannerSlide #nav .activeSlide {background: url(../images/dots_08c.png) no-repeat scroll 0 -30px transparent;}
.bannerSlide #coda-nav-left-1 a {background: url(../images/heronav_prev.png) no-repeat scroll 0 0 transparent; outline:0; bottom: 220px; display: block; height: 80px; left: 20px; position: absolute; width: 128px; filter:alpha(opacity:60); moz-opacity:0.6; opacity:0.6; z-index:100; text-indent:-5000px;}
.bannerSlide #coda-nav-right-1 a {background: url(../images/heronav_next.png) no-repeat scroll 0 0 transparent; outline:0; bottom: 220px; display: block; height: 80px; right: -20px; position: absolute; width: 80px; filter:alpha(opacity:60); moz-opacity:0.6; opacity:0.6; z-index:100; text-indent:-5000px;}

/* aggregator styles */
.aggregator-list li {float: left; width: 45%; list-style: none; text-align: center; padding-bottom: 20px;}
.aggregator-list p {text-align: center;}
.aggregator-list a {font-size: 18px;}

/* specification page changes */
.spec-left {}
.spec-right img {float: left;}

/* ------ Multi Level Tabbed content ------ */
#tabbedContentContainerMultiLine {margin-bottom: 20px; position:relative; float:left;}
#tabbedContentContainerMultiLine ul {position:absolute; top:0; left:0; margin: 0; padding: 0; float:left; list-style-type: none; width: 755px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
behavior: url(/useruploadedstyles/PIE.htc);}
#tabbedContentContainerMultiLine ul css3-container {z-index:0 !important;}
#tabbedContentContainerMultiLine ul li {float: left; margin: 0 5px 0 0; padding: 0; line-height: 36px; height:36px; width: 243px; 
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  background: #e2e2e2 url(../images/tab2_bg.jpg) repeat-x top left;
behavior: url(/useruploadedstyles/PIE.htc);
border:1px solid #cccccc; border-bottom:none;}

#tabbedContentContainerMultiLine ul li a {display:block;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
position:relative; z-index:2;}
#tabbedContentContainerMultiLine ul li a span {display:block; text-align:center; color:#6a6a6a;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;}

#tabbedContentContainerMultiLine ul li.active {}

#tabbedContentContainerMultiLine ul li.active a {background-color: #FFFFFF;
/*background-color: rgb(7, 171, 140) transparent;
background-color: rgba(7, 171, 140, 0.8);*/}
#tabbedContentContainerMultiLine ul li.active a span {color:#000;}
#tabbedContentContainerMultiLine ul li.first {}
#tabbedContentContainerMultiLine ul li.last {margin-right: 0;}

#tabbedContentContainerMultiLine ul li.line-one.active a {position:absolute; width:243px; height:36px;z-index:1;}

#tabbedContentContainerMultiLine ul li.line-two.first {margin-left:0px;}
#tabbedContentContainerMultiLine ul li.line-two.active {}

#tabbedContentContainerMultiLine #tabsContainer {float:left; clear:both; margin-top:150px; padding-top:37px; width:743px; background-color:#FFFFFF; border: 1px solid #cccccc; border-top: none; 
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;
behavior: url(/useruploadedstyles/PIE.htc);}

#tabbedContentContainerMultiLine #tabsContainer .tabContent {width:683px;
/*background-color: #ef330b;
background-color: rgb(7, 171, 140) transparent;
background-color: rgba(7, 171, 140, 0.8);
*/    padding: 20px 0 20px 60px;
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;
behavior: url(/useruploadedstyles/PIE.htc);}

#tabbedContentContainerMultiLine #tabsContainer .tabContent h3 {border-bottom: 1px solid #cecece; padding-bottom: 10px; }

/* Multi Line Tabs Style 2 */
#tabbedContentContainerMultiLine ul.multiLineTypeTwo {}
#tabbedContentContainerMultiLine ul.multiLineTypeTwo li {}

/* ------ Technical Manuals Tabbed content ------ */

#tabbedContentContainerMultiLinetech {margin-bottom: 20px; position:relative; float:left;}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs {position:absolute; top:0; left:0; margin: 0; padding: 0; float:left; list-style-type: none; width: 755px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
behavior: url(/useruploadedstyles/PIE.htc);}
#tabbedContentContainerMultiLinetech ul css3-container {z-index:0 !important;}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li {float: left; margin: 0 5px 0 0; padding: 0; line-height: 36px; height:36px; width: 87px; 
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  background: #e2e2e2 url(../images/tab2_bg.jpg) repeat-x top left;
behavior: url(/useruploadedstyles/PIE.htc);
border:1px solid #cccccc; border-bottom:none;}

#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li a {display:block;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
position:relative; z-index:2;}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li a span {display:block; text-align:center; color:#6a6a6a;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;}

#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.active {}

#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.active a {background-color: #FFFFFF;
/*background-color: rgb(7, 171, 140) transparent;
background-color: rgba(7, 171, 140, 0.8);*/}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.active a span {color:#000;}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.first {}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.last {margin-right: 0;}

#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.line-one.active a {position:absolute; width:87px; height:36px;z-

index:1;}

#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.line-two.first {margin-left:60px;}
#tabbedContentContainerMultiLinetech ul.tabbedContentTabs li.line-two.active {}

#tabbedContentContainerMultiLinetech #tabsContainer {float:left; clear:both; margin-top:37px; padding-top:37px; width:745px; background-color:#FFFFFF; border: 1px solid #cccccc; border-top: none; 
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;
behavior: url(/useruploadedstyles/PIE.htc);}

#tabbedContentContainerMultiLinetech #tabsContainer .tabContent {width:683px;
/*background-color: #ef330b;
background-color: rgb(7, 171, 140) transparent;
background-color: rgba(7, 171, 140, 0.8);
*/    padding: 20px 0 20px 60px;
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius:  0 0 5px 5px;
    border-radius:  0 0 5px 5px;
behavior: url(/useruploadedstyles/PIE.htc);}

#tabbedContentContainerMultiLinetech #tabsContainer .tabContent h3 {border-bottom: 1px solid #cecece; padding-

bottom: 10px; }

/* Multi Line Tabs Style 2 */
#tabbedContentContainerMultiLinetech ul.multiLineTypeTwo {}
#tabbedContentContainerMultiLinetech ul.multiLineTypeTwo li {}

.map-info {height:100px;}

#mainContent .brochure-box {width:162px; margin:0 60px 40px 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}

#mainContent .brochure-box img {margin:0 0 0 0;}
#mainContent .brochure-box wc {width:448px; margin:0 60px 40px 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#mainContent .brochure-box h2 {/* color:#000; */ margin:0 0 0 0; padding:0;font-size:15px;line-height: 18px;
    color: #ef330b;
    text-decoration: none;  
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
#mainContent .brochure-box p {/* color:#000; */ margin:0 0 0 0; padding:0;}
#mainContent .brochure-box p a {/* color:#000; */}
#mainContent .brochure-box p.size {/* color:#000; */ margin:0 0 0 0; padding:0;}
#mainContent .dl-box{display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin: 0 20px 40px 30px;}

/* Login Page Style */
.login-element {
  width: 213px;
  margin:0 auto;
  }
  
.login-element input {
  width: 206px;
 float:left;
  }


/*----------------------------------------
/ refer a friend modal popup
----------------------------------------*/
#refer-friend {width:500px; left:45%; top:20%;}
#refer-friend iframe {border:none; height:500px; width:500px; float:left; clear:both; overflow:hidden; background-color:transparent;}
#refer-friend iframe body {background-color:transparent;}
#refer-friend button {background-color:#737069; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; color:#fff; font-weight:100; margin:0 0 10px 0; padding:7px 11px; text-transform:lowercase; margin-left:400px;}
#refer-friend button:hover,
#refer-friend button:focus {cursor:pointer; background-color:#999;}


/*----------------------------------------
/ Membership registration form styling
----------------------------------------*/

#divFormCreatorTableContentMain {font-size:135%;}
#divFormCreatorTableContentMain div label {font-size:100%;display:inline-block; margin-top:10px;}
#divFormCreatorTableContentMain .clsCheckBoxListSpanOptions, #divFormCreatorTableContentMain .clsRadioButtonListSpanOptions {
    float: none;
}

#divMandatoryMessage p {font-size:90%;}


/*----------------------------------------
/ Project Postcard main page (/Projects)
----------------------------------------*/
.postcard-list li {width: 100%; list-style: none; display: inline-block; margin: 5px 0 10px 5px;}
.postcard-list img {float:left; padding-right: 15px;}
.postcard-list p {margin-right: 5px;}
.postcard-list td {vertical-align: top; padding: 5px; }

/*----------------------------------------
/ Prrice List page
----------------------------------------*/

#PriceList {padding:20px;}
#PriceList img.priceBG {width:930px;}
#PriceList .clsFormCreator {margin-bottom:20px;}
#PriceList h1 {font-weight:bold;}
#PriceList a {font-weight:bold;}

#PriceList .login-element {width:350px;padding:20px 35px;}
#PriceList .login-element label {float:left;width:100px;}
#PriceList .lgn-username {clear:both;display:block;margin-top:20px;}
#PriceList .lgn-password {clear:both;display:block;}

/*----------------------------------------
/ Project Postcard detail page
----------------------------------------*/
#project-detail {width:100%;}
#project-detail div.col {display: inline; float: left; margin-right: 40px;}
#project-detail .last {margin-left: 50px;}

/* #share-project img {padding-right: 20px; vertical-align: top;} */
#share-project td {vertical-align: top; }

/* Product Page SEO */
  h1.product {
  	font-size: 10pt;
  	font-weight: normal;
  	color: grey;
  	margin-bottom: 18px;
  }
  p.product {
    font-size: 18pt;
    font-weight: normal;
    margin-bottom: 0;
  }


/* Custom Login Box Fixes - 14-02-2014 */
#info-window.login-page .main-login h1{display: block !important; font-size: 20px; border: 0; margin: 0 0 10px 0; padding: 0;}
#info-window.login-page div.top-bar{display: none !important;}
#info-window.login-page .login-window{}
#info-window.login-page .main-login{margin: 0 auto;border: solid #c5c5c5 1px;background: #fafafa;width: 213px !important; padding:15px 10px 10px 10px; float: none;}
#info-window.login-page{ margin: 0 auto !important;}
#info-window.login-page .ellogo{display: none !important;}
#info-window.login-page .login-element .lgn-btn{padding: 0 0 10px 0;}
#info-window.login-page .main-login .login-button input{display: inline;padding: 5px 10px;float: none;width: auto;
filter: none;box-shadow: none;border: 1px solid #929292;border-radius: 0px;margin-bottom: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dddddd));background: -moz-linear-gradient(top, #f6f6f6, #dddddd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#dddddd');text-decoration: none;text-shadow: none; color: #000000;font-size: 110%;}
#info-window.login-page .login-input input{width: 206px !important;float: left;padding: 2px;}
#info-window.login-page .login-input a.forgot{display: none;}
#info-window.login-page h2{display: none;}
#info-window.login-page .main-login .login-input label{font-weight: normal; width: 100%; color: #000000; margin-bottom: 5px;font-size: 110%;}
#info-window.login-page .loginLinks {padding-top: 5px; width: 235px; margin: 0 auto;}
#info-window.login-page .loginLinks a{color: #ef330b; margin-top: 5px;}
#info-window.login-page .main-login .content{width: 213px;}
#info-window.login-page .login-input, #info-window.login-page .login-button{width: 218px !important;}
#info-window.login-page .remember-me{width: 218px !important; font-size: 110%;}
#info-window.login-page .remember-me input{float: right !important;margin-top: 4px;}
#info-window.login-page div.login-error{margin: 10px 0;}
#info-window.login-page .remember-me span{margin: 0;}

.loginPage {text-align: center; background: #eee !important;     padding: 40px 0 0 !important;}
.loginPage #info-window.login-page {overflow:hidden;
    margin: 0 !important;
    width: 390px !important;
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
.loginPage #info-window.login-page .main-login {overflow: hidden;
    margin: 0 auto;
    border: none;
    background: #fafafa;
    width: 220px !important;
    padding: 30px 50px;
    float: left;
    text-align: left;
    height:330px;
}
.loginPage #login-purchase {
    width: 270px;
    margin-left: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    border: none;
    height: 390px;
}
.loginPage  #login-purchase button {display: none;}
.loginPage #info-window.login-page .loginLinks {
    padding-top: 5px;
    width: 235px;
    margin: 10px 5px;
    clear: both;
    float: left;
    text-align: left !important;
}
.loginPage #info-window.login-page .main-login h1 {
    display: block !important;
    font-size: 19px;
    border: 0;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 140%;
    font-weight: bold;
    font-family: arial;
}


/*  Document list */
#divDocListResults .clsSearchParameters{width: 97%; background: #eaeaea; border: 0;padding: 20px 10px; }
#divDocListResults #divDocListRepeater table#tableDocList{width: 100%; border: 0; margin: 20px 0;}
#divDocListResults #divDocListRepeater table#tableDocList th{background: none;}
#divDocListResults #divDocListRepeater table#tableDocList th a{text-decoration: underline; color: #191919; font-size: 13px;}
#divDocListResults #divDocListRepeater table#tableDocList td{border: 0; font-size: 13px;    vertical-align: middle;}
#divDocListResults #divDocListRepeater table#tableDocList th:first-child{text-align: center;}
#divDocListResults #divDocListRepeater table#tableDocList td:first-child{text-align: center;  padding: 15px;}
#divDocListResults #divDocListRepeater table#tableDocList tr:nth-child(even), #divDocListResults #divDocListRepeater table#tableDocList tr.odd{background: #eaeaea;}
#divDocListResults #divDocListRepeater table#tableDocList td a{color: #191919; text-decoration: underline; }
#divDocListResults #divDocListRepeater #paging{text-align: center;}
#divDocListResults #divDocListRepeater #paging a{color: #191919;}
#divDocListResults .clsFormResultsSearchButton{float: right;}
#divDocListResults .search-parameters {
width: 600px;
display: block;
float: left;
clear: left;
}
#divDocListResults .search-parameters label{display: block;
float: left;
margin-right: 20px;
line-height: 31px;
}
#divDocListResults .search-parameters input{
height: 25px;
width: 400px;
}

span.green {    color: #242424;    font-weight: bold;}


/* Video Gallery */

.video-widget .mainItem, .video-widget .subItem {    display: inline-block;    list-style: none;    list-style-position: outside;    vertical-align: top;    width: 220px;    margin: 15px;    min-height: 110px;}
.video-widget .mainItem > a, .video-widget .subItem > a{    display: block;    overflow: hidden;   max-height: 210px;}
.video-widget .mainItem > a img, .video-widget .subItem > a img{        max-width: 100%;   display: block;}
.video-widget .mainItem .mainItemHeading, .video-widget .subItem .subItemHeading{    text-decoration: none;    width: 100%;    font-size: 18px;    margin: 5px 0;    display: inline-block;    text-align: left;    font-weight: 400;    }
.video-widget .mainItem dd, .video-widget .subItem dd{        display: inline-block;    text-align: left;    font-size: 13px;    font-weight: 100;   line-height: 24px;}

h1#nyroModalTitle {    color: #fff;    margin-bottom: 10px;}
a#closeBut, .nyroModalClose {    background: url(../images/fancybox.png) -40px 0 no-repeat;    text-indent: -9999px;    display: block;    width: 30px;    height: 30px;    position:absolute;    top: 34px;    right: -10px;    z-index: 100;}
div#nyroModalContent {    padding: 0;    outline: 0;    position: relative;    border: 0 solid #fff;    background: #fff;    display: table;    text-align: center;}

#login-purchase {     width: 700px;
    margin-left: -365px !important;
    top: 30% !important;
    border: 10px solid #d4d4d4;
    padding: 0 !important;}
#login-purchase button {    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #eee;
    border: none;
    text-transform: uppercase;
    font-size: 90%;
    font-weight: bold;
    padding: 10px;}
#login-purchase .buyOnline {    width: 250px;
    float: right;
    height: 330px;
    padding: 30px 50px;
    position: relative;
    background: url(../images/bg-capral-purchase.jpg) bottom right no-repeat #fff;}
#login-purchase .buyOnline a {    font-weight: bold;
    background: #008e73;
    color: #fff;
    padding: 10px;
    margin: 20px 0;
    display: block;
    width: 70px;
    text-align: center;}
#login-purchase #loginBox {    height: 290px;
    display: block !important;
    position: relative !important;
    float: left !important;
    width: 270px !important;
    left: auto !important;
    top: auto !important;
    padding: 30px 40px !important;}
#login-purchase #loginBox h2 {color: #fff;  font-size: 19px;
    line-height: 140%;
    font-weight: bold;}
#login-purchase .buyOnline h2 {font-family: arial; color: #008e73; font-size: 19px;
    line-height: 140%;
    font-weight: bold;}

#navContainer.new_menu ul li ul li.iFOL381 > a > span:after {display:none;}
#navContainer.new_menu ul li ul li.iFOL382 > a > span:after {display:none;}
#navContainer.new_menu ul li ul li.iFOL382 ul {display: none;}
#navContainer.new_menu ul li ul li.iFOL381 ul {display: none;}

#mainContent table img {margin-right:10px;}
.lightbox-enabled img{height: auto;}
.tup img{width: 398px;height: auto;}
