/* Custom CSS Overrides can go in here     */

/* BEGIN: styling of section headers tags */
/* 1.618 = golden ratio */
/* 1.3 = major twelfth ratio */


H1 {
 font-family: Arial, Times, serif;
 font-size: 59.301px;
 line-height: 1.1;
 color: #5c5c5c;
}

H2 {
 font-family: Arial, Times, serif;
 font-size: 36.651px;
 line-height: 1.3;
 color: #00AABC;
 text-indent: 14px;
}


H3 {
 font-family: Arial, Times, serif;
 font-size: 22.652px;
 line-height: 1.3;
 color: #3F8F46;
}

H4 {
 color: #5c5c5c;
 margin-bottom: -10px;
}


/*right column related docs portlet title bar*/
div.wlp-bighorn-titlebar {
 font-family: Arial, Times, serif;
 font-size: 14px;
 line-height: 1.3;
 text-indent: 7px;
}

div.document-download-link {
 padding: 22.652px;
}

div.section-title {
 font-family: Arial, Times, serif;
}

/* I think I made this one up?? */
div.section-sub-header {
 font-family: Arial, Times, serif;
 font-size: 22.652px;
 line-height: 1.3;
 color: #00AABC;
}

/*part and clei titles on product pages*/
div.product_partnum {
 font-family: Arial, Times, serif;
 font-size: 22.652px;
 line-height: 3.236;
}

/*part numbers on product pages*/
div.reg {
 font-family: Arial, Times, serif;
 font-size: 22.652px;
 line-height: 3.236;
}

/*clei numbers on product pages*/
div.product_clei {
 font-family: Arial, Times, serif;
 font-size: 22.652px;
 line-height: 3.236;
}

/*making the main product page header smaller*/
.portlet-product-detail h1{
 font-family: Arial, Times, serif;
 font-size: 36.651px;
 line-height: 1.3;
}


/* END: styling of section headers tags */


/* POPUP DIV RELATED CSS (javascript part of this is in runtime_custom.js)  */

div.trigger {
display: none;
width: 280px;
padding: 10px;
background: #ffffff;
border: 1px solid #1a1a1a;
position: absolute;
}

/* END POPUP DIV RELATED CSS */


/* MYADTRAN TAB QUICK FIXES */

.portlet-myadtran .portlet-tabs-1 td,
.portlet-myadtran .portlet-tabs-2 td {
  border-top: 0px white solid;
}

.portlet-myadtran .portlet-tabs-2 table {
  margin-top: 2px;
}


/* END MYADTRAN TAB QUICK FIXES */


/* BEGIN: responsive slides homepage image slider */

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.rslides {
  margin: 0 auto;
  }

.rslides_container {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: -20px;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }


/* END: responsive slides homepage image slider */