/*All code contained herein is Copyright 2010 by QC Industries Conveyors. The unauthorized reproduction of any portion of this site without the express written consent of QC Industries is prohibited by the Digital Millennium Copyright Act. Any site found to be infringing will be immediately subject to the maximum possible penalty.*/

body {
	font-family: 'Droid Sans', "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: #333;
	width: 100%;
	min-width: 350px;
	position:relative;
	overflow:scroll;
	  }
  
html>body {/* be nice to Opera */
  font-size: small;
  }
  
h1{
	font-size:2em;
	line-height:1.4em;
	padding-left:1%;
	padding-right:1%;
	width:100%;
}

.wrap {
	margin: 0;
	width:100%;
	padding:0;
	position:relative;
	overflow:hidden
}

swfObject{
	width:100%;
	height:100%;
}

#header {
	display:none;
}

#headerMobile{
	width:100%;
	height: 66px;
	position:relative;
	padding:0;
	margin:0;
	background-image:url(/images/center-header.jpg);
}

#topsearchform {
	position:relative;
	width:96%;
	right: 2%px;
	left: 2%;
	top: 8px;
	font-size: 90%;
	text-align: right;
}
input#search {
	font-size: 90%;
	height: 11px;
	width: 80px;
	padding: 2px;
}
#skip {
	position: absolute;
	left: -2000px;
}
a {
	color: #000099;
}
#promo {
	display: none;
}

#content, #homepage{
	width: 90%;
	position:relative;
	height:auto;
	padding:0 5% 0 5%;
	margin:none;
	border-bottom:thin;
}

.issuuembed{
	width:100%;
	height:auto;
}


/*Navigation Bar*/
/* affects navigation*/

#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  float:none;
}
#cssmenu {
  position: relative;
  height: 62px;
  width: 100%;
  z-index: 1000px;
  float: right;
  background-image:rgba(0, 0, 0, 0);
  
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  float:none;
}
#cssmenu > ul {
	text-align:left;
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  z-index: 500;
  padding-top: 10px;
  padding-bottom: 22px;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 20px;
  font-weight:300;
  padding: 0px 0px;
  color: #000;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  background-image:url(/images/gradients/150px-eaedf3-cccfd5-darker.jpg);
}
#cssmenu > ul > li:hover::after {
  border-bottom-color: none;
}
#indicatorContainer {
  position: absolute;
  height: 30px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #FFF;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}

#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}

#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}

  
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }

  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }

  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul > li:hover > ul{
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  
  #cssmenu ul li a {
	font-weight:300;
    padding: 6px 20px;
	background-image:url(/images/gradients/150px-eaedf3-cccfd5.jpg);
  }
  
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
	padding-bottom: 28px;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
	background:none;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
}
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;	
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 10px;
    width: 35px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    right: 45px;
    top: 10px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 10px;
    width: 35px;
    border-top: 3px solid #fff;
    right: 45px;
    top: 35px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
  
#cssmenumiddle{
	border-top: 1.5px solid #7B858F;
}

#cssmenutop{
	border:none;
}

#cssmenubottom{
	border-top: 1.5px solid #7B858F;
	border-bottom: 1.5px solid #7B858F;
}

#cssmenubullet{
	height:20px;
	width:20px;
}

/* navigation ends*/
#navigation{
	display:none;
}

#details ul li, #blog-feed ul li {
	margin: 3px 0px 3px 0px;
}
#footer {
	clear: both;
	color: #7C7F8C;
	text-align: center;
	font-size: 80%;
	margin: 20px 0px 20px 0px;
}
#footer li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px 3px 0px 9px;
	background: #fff url("/images/bullets/4px-ffffff.gif") no-repeat 0 .5em;
}
#footer a {
	color: #7C7F8C;
	text-decoration: none;
}
#footer p {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#footer ul {
	display:none;
}
hr {
	clear: both;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}
#content h2 {
	font-size: 120%;
	margin: 0px 0px 6px 0px;
	clear: both;
}
#products h2, #introduction h2, #blog-feed h2, #video h2 {
	background: #cccfd5 url("/images/gradients/150px-eaedf3-cccfd5.jpg") repeat-x top left;
}
#content h2 strong {
	padding: 4px 4px 4px 20px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat 0px .3em;
	border-bottom: 1px solid #7c7f8c;
	display: block;
}
#products h2 strong, #introduction h2 strong, #blog-feed h2 strong, #video h2 strong {
	padding: 4px 10px 4px 30px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat 10px .3em;
	border-bottom: 1px solid #7c7f8c;
	display: block;
}
#content h2 a {
	color: #333;
	text-decoration:none;
}
#content h3 {
	font-size: 90%;
	margin: 0px 0px 6px 0px;
	clear: both;
}
#flash {
	width:100%;
	position: relative;
	padding: 30px 0 20px 0;
}
#introduction p, #video p {
	padding: 0px 1% 1% 1%;
	margin: 0;
}
#introduction, #details, #blog-feed {
	float: left;
	width:100%;
}
#products, #video {
	float: left;
	width: 100%;
}
#introduction, #products, #blog-feed, #video {
	background: #eaedf3;
	border: 1px solid #7c7f8c;
	margin-bottom: 10px;
}

.issuuembed{
	width:100%;
	height:50vw;
}

.feature {
	background: #eaedf3;
	border: 1px solid #7c7f8c;
	padding: 0px;
	font-size: 90%;
	height: auto;
	width: 100%;
	margin: 0 0px 10px 0px;
	position: relative;
}



.feature img {
	float: right;
}

.feature em {
	font-style: normal;
	font-weight: bold;
	font-size: 125%;
	text-transform: uppercase;
	display: block;
	padding: 0px 18px 0px 0px;
}
.feature a {
	display: block;
	color: #000;
	border-top: 1px solid #7c7f8c;
	background: #cccfd5 url("/images/gradients/20px-eaedf3-cccfd5.jpg") repeat-x top left;
	text-decoration: none;
	width: 97.5%;
	position: relative;
	bottom: 0px;
	left: 0px;
	padding: 0px 2.5% 0px 0;
	text-align: right;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
}
.feature a:hover {
	background: #cccfd5;
}
.feature p {
	position:relative;
	margin: 6px;
	padding: 0;
}
.feature a strong {
	padding: 0px 18px 0px 0px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat right 50%;
}
#feature2 img {
	padding: 0px 0px 0px 0px;
}
#content h1 {
	background: none;
	color: #000;
	font-family: 'Droid Sans', "Franklin Gothic Medium", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	padding: 10px 0 1% 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	float:left;
	
}
#content h1 strong {
	font-size: 170%;
	padding: 0 .5em 0 0;
	font-weight: bold;
}

#SeriesHC #content h1 {
	background: none;
	color: #000;
	font-family: 'Droid Sans', "Franklin Gothic Medium", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	padding: 10px 0 1% 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	float:left;
	
}
#SeriesHC #content h1 strong {
	font-size: 170%;
	padding: 0 .5em 0 0;
	font-weight: bold;
}


#breadcrumbs {
	display:none;
}

#details h2 {
	background-image: none;
	background-color: #fff;
}
#details h2 strong, .post h2 strong {
	padding: 4px 4px 4px 20px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat 0px .3em;
	border-bottom: 1px solid #7c7f8c;
	display: block;
}
#featurephoto {
	width:100%;
	height:auto;
	display: block;
	margin-top:15px;
	margin-bottom:15px;
}
#feature4 a {
	display: inline;
	color: #000099;
	border-top: none;
	background: none;
	text-decoration: underline;
	width: auto;
	position: inherit;
	bottom: auto;
	left: auto;
	padding: 0;
	text-align: left;
	font-size: 100%;
	text-transform: none;
	font-weight: bold;
}
#feature4 {
	height: auto;
	text-align: center;
	clear: right;
}
#feature4 em {
	display: inline;
}

#details li {
	list-style: none;
	padding: 0px 0px 0px 14px;
	background: url("../images/bullets/8px-ffffff.gif") no-repeat 0 .4em;
}
.choice {
	background: #eaedf3;
	border: 1px solid #7c7f8c;
	padding: 0px;
	font-size: 100%;
	margin: 10px 0px 10px 0px;
	width: 100%;
	position: relative;
	float: left;
	overflow:hidden;
}
.choice a {
	display: block;
	color: #000;
	border-top: 1px solid #7c7f8c;
	background: #cccfd5 url("/images/gradients/20px-eaedf3-cccfd5.jpg") repeat-x top left;
	text-decoration: none;
	width: 97.5%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: right;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
	padding-right:2.5%;
}
.choice a strong {
	padding: 0px 18px 0px 0px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat right 50%;
}
.choice a:hover {
	background: #cccfd5;
}
.choice h2 {
	border-bottom: 1px solid #7c7f8c;
	padding: .3em 10px .3em 10px;
}
.choice img {
	display: block;
	float: right;
	margin: 0px 2.5% 2em 10px;
	padding: 6px;
	border: 1px solid #7c7f8c;
	background: #fff;
}
.choice p {
	position: relative;
	margin: 0px 10px 2em 10px;
}
p#callus {
	color: #000;
	font-size: 120%;
	background: #e8edf3;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #7c7f8c;
}
#callus a {
	color: #000099;
	text-decoration: underline;
}
.choice h3, .group h3, #products h3 {
	background: #cccfd5 url("/images/gradients/150px-eaedf3-cccfd5.jpg") repeat-x top left;
	font-size: 110%;
	padding: .2em 10px .2em 10px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #7c7f8c;
	list-style:none;
} 
.choice h3 strong, .group h3 strong {
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat left 50%;
	padding: 0px 0px 0px 20px;
}
.photos img {
	float: left;
	border: none;
	border-right: 1px solid #7c7f8c;
	border-bottom: 1px solid #7c7f8c;
}
.photos {
	width: 339px;
	float: left;
	border-left: 1px solid #7c7f8c;
	border-top: 1px solid #7c7f8c;
	margin: 0px 0px 10px 0px;
}
#photo1 #thumb1, #photo2 #thumb2, #photo3 #thumb3, #photo4 #thumb4, #photo5 #thumb5, #photo6 #thumb6, #photo7 #thumb7, #photo8 #thumb8, #photo9 #thumb9, #photo10 #thumb10 {
	display: none;
}
.pdf-link {
	padding: 0px 22px 0px 0px;
	background: url("/images/pdficon_small.gif") no-repeat right 50%;
}
#launch3d {
	text-align: center;
	height: auto;
	margin-top: 0px;
}
#launch3d p {
	padding: 0px 0px 1.4em 0px;
}

/*Basic Forms Styling*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: block;
  padding-right: 12px;
  line-height: 1.8;
  vertical-align: top;
  float: left;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  float: left;
  display: block;
  width: 500px;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
  float: none;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform fieldset fieldset li {
	float: none;
	width: auto;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 20px; /* Width plus 3 (html space) */
}
form.cmxform input {
	float: left;
}
#submit {
	margin: 10px auto;
	display: block;
	float: none;
}
#detailsfield, #applicationfield, #servicefield, #submitfield, #newsletterfield {
	display: block;
	clear: both;
}
#detailsinput, #application, #service {
	width: 500px;
}
.disclaimer {
	font-size: 80%;
}

#content table {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}
#content th, #content td {
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #7c7f8c;
	text-align: center;
}
#content th {
	border-bottom: 1px solid #7c7f8c;
	background: #cccfd5 url("/images/gradients/170px-eaedf3-cccfd5.jpg") repeat-x top left;
}
#conveyor-selection-guide td a {
	width: 20px;
	height: 20px;
	display: block;
	font-size: 0%;
	background: url("/images/bullets/8px-ffffff.gif") no-repeat 50% 50%;
	margin: 0px auto;
}
.group {
	background: #eaedf3;
	border: 1px solid #7c7f8c;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
}
.group img {
	display: block;
	float: right;
	margin: 0px 10px 10px 10px;
	padding: 6px;
	border: 1px solid #7c7f8c;
	background: #fff;
	max-width: 90%;
}
.group p {
	margin: 0px 10px 10px 10px;
}
#pressreleases {
	margin: 20px 0 0 0;
	padding: 0;
}
#pressreleases {
	position: relative;
}
#pressreleases li {
	margin: 0px 120px 20px 0px;
	padding: 0;
	list-style: none;
	clear: both;
}
#pressreleases .date {
	color: #7c7f8c;
	font-size: 85%;
	margin: 0;
	padding: 0;
	width: 110px;
	text-align: right;
	position: relative;
	right: 0;
}
#products li img {
	display: block;
	margin: 4px 0 10px 0;
	padding: 6px;
	border: 1px solid #7c7f8c;
	background: #fff;
}
.dateline {
	color: #7c7f8c;
	text-transform: uppercase;
	font-weight: bold;
}
#left {
	position: relative;
	float: left;
	width: 100%;
}
#right {
	position: relative;
	float: left;
	width: 100%;
}
#sitemap {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitemap li {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	background: url("/images/bullets/8px-ffffff.gif") no-repeat left .4em;
	padding: 0 0 0 12px;
	font-size: 110%;
}
#sitemap li ul {
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 0;
	list-style: none;
}
#sitemap li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	background: none;
	font-size: 90%;
}
p#validationbuttons {
	margin: 6px 0 0 0;
}
#feature1 p {
	background: url("/images/10-year-warranty-badge-small.png") no-repeat right top;
	height: 70px;
}
#feature2 p, #insidefeature p {
	background: url("/images/3d-cad-feature.gif") no-repeat right top;
	height: 70px;
}
/*#feature3 p {
	background: url("/images/pack-expo-icon.gif") no-repeat right top;
	height: 70px;
}*/
/*#feature3 p {
	background: url("/images/as-video.gif") no-repeat right 10px;
	height: 70px;
	font-size: 90%;
}*/
#feature3 p {
	background: url("/images/quick-ship-icon.png") no-repeat right 10px;
	height: 70px;
}
/*#feature3 p a {font-size:100%;}*/

#bearingfeature p {
	background: url("/images/bearing-icon.gif") no-repeat right top;
	height: 70px;
}
#bearing, #feature2, #feature3, #feature1, #insidefeature, #bearingfeature {
	float:left;
	margin-top: 10px;
	margin-bottom:20px;
}


#bearingfeature em {
	text-transform: none;
}
#quotefeature {
	width: 154px;
	padding: 6px;
	height: auto;
	color: #000000;
	text-decoration: none;
	clear: right;
	float:right;
}
#quotefeature div.arrow {
	background: url("/images/arrow-ffbb58-fc7c0e.gif") no-repeat right 10px;
}
#quotefeature div.go {
	background: url("/images/go-ffbb58-fc7c0e.gif") no-repeat right bottom;
}
#quotefeature div em {
	margin-bottom: 4px;
}
table#replacementparts {
	margin: 0 auto;
	width:100%;
}
/*#partdiagram {
	margin: 0 0 20px 0;
}*/
#replacementparts td, #replacementparts th {
	text-align: left;
}
#replacementparts th, #rss-feeds th {
	background: none;
	background-color: #7c7f8c;
	color: #fff;
}
#partlegend {
	text-align: center;
}
table#rss-feeds {
	margin: 10px auto;
	width: 540px;
}
div#subscribe {
	display:none;
}
.new {
	font-size: 85%;
	font-weight: normal;
	color: #000;
	background: #fc7c0e url("/images/gradients/15px-ffbb58-fc7c0e.jpg") repeat-x top left;
	padding: 0 2px 0 2px;
	margin: 0 0 0 8px;
	font-family: 'Droid Sans', "Franklin Gothic Demi Cond", "Franklin Gothic Medium", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
}
#content .spectable td, #content .spectable th {
	text-align: left;
	vertical-align: top;
	font-size: 110%;
	border-bottom: none;
}
#content .spectable td {
	width: 130px;
}
#content .spectable th {
	font-weight: bold;
	width: 70px;
	background: none;
}
#content .spectable {
	width: 200px;
}
#content .beltdetail td, #content .beltdetail th {
	text-align: left;
}
#careers #callus {
	display: none;
}

/*Blog Styles*/
#blog #content a {
	text-decoration: none;
}

.imageright {
	float: center;
	dispaly:block;
}
#content fieldset table td {
	border-bottom: none;
}
#disclaimer {
font-size: 80%;
font-style:italic;
}	
#products .categories {
	list-style: none;
}
.postmetadata {
clear:both;
margin-bottom:26px;
}
.marginleft {	margin-bottom: 6px;	margin-left: 6px;}
.marginright {	margin-bottom: 6px;	margin-right: 6px;}
h1 a {
text-decoration:none;
color:#fff;
}
div#blogsidebar {
	width: 139px;
	border: 1px solid #7c7f8c;
	background: #cccfd5 url("/images/gradients/170px-eaedf3-cccfd5.jpg") repeat-x top left;
	padding: 10px;
	font-size: 85%;
	margin-top: 20px;
}
#s {
	width:119px;
	}
#blogsidebar h2 strong, #blogsidebar h2.widgettitle {
	padding: 4px 4px 4px 20px;
	background: url("/images/bullets/14px-cccfd5.gif") no-repeat 0px .3em;
	border-bottom: 1px solid #7c7f8c;
	display: block;
}
#blogsidebar li.widget {list-style:none;}
.alignright {
	float: right;
	border: none;
	}

.alignleft {
	float: left;
	}
#blogsidebar h2 a {
text-decoration:none;
color: #333;
}
.entry img {
border: none;
margin:	6px;
}
#blogsidebar .textwidget {
margin: 0px;
}
.widget_featured-posts a img {
border: 1px solid #7c7f8c;
margin-bottom: 4px;
}
#blogsidebar .clearfix li {
list-style: none;
background: none;
padding: 4px 0px;
margin: 0px;
}
#blogsidebar .clearfix {
padding: 0px;
margin: 0px;
}
#blogsidebar a, .entry a {text-decoration:none;}



/* Start Belt Page CSS*/


.beltsample{
	display:inline;
	position: relative;
	float: left;
	width:150px;
	height: 100px;
	margin: 10px;
	overflow:hidden;
	list-style:none;
}
		
.beltsample ul{
        	position:relative;
            margin:0;             
            font-family: 'Droid Sans', "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
            font-weight: normal;
            font-size: 11px;
			line-height: 1.4em;
			list-style: none;
			-webkit-padding-start: 0px;
        }
        
.beltsample > ul > li {
            position: relative;
            float: left;
            margin-right: 10px;
			margin-left: 0;
        }
.beltsample > ul > li > a {
            display:block;
            padding:3px 6px;
            text-decoration:none;
            color:#FFFFFF; 
            font-size: 11px;
			height: 16px;
			width: 23px;
			background: #54575D url("/images/gradients/gradient-dark-18px.jpg") repeat-x bottom left;
        }
.beltsample > ul > li > a:hover{
            background: #54575D url("/images/gradients/gradient-dark-18px.jpg") repeat-x bottom left;
            color:#FFFFFF; /* white */
			opacity:0.9;

        }
		
.beltsample ul ul{
	width: 140px;
	position: absolute;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in;
	-moz-transition: height 0.3s ease-in;
	-o-transition: height 0.3s ease-in;
	-ms-transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
	left: 1px;
	top: 22px;
        }
        

.beltsample > ul > li:hover ul ul, .beltsample > ul > li > a:hover ul ul{
            height:10px;
            
        }

        
.beltsample > ul > li:hover ul, .beltsample > ul > li > a:hover ul,
.beltsample ul ul li:hover > ul, .beltsample ul ul li a:hover > ul{
            height:80px; 
        }
        
        
.beltsample ul ul li{
            background-color:#fff; /* white */
			 opacity: 0.75;
            width:140px;
			-webkit-transition: background-color 0.3s ease;
            -moz-transition: background-color 0.3s ease;
            -o-transition: background-color 0.3s ease;
            -ms-transition: background-color 0.3s ease;
            transition: background-color 0.3s ease;
			
        }
        
       
.beltsample ul ul li a:hover, .beltsample ul ul li:hover > a {
            color:#FFFFFF; /* white */
        }
	
	
	/* START BELT SAMPLE THUMBNAIL IMAGES IN CSS */
        
		 #aaa {
			background-image:url(/conveyors/belts/Images/small/aaa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
			
		}
		
		 #aac {
			background-image:url(/conveyors/belts/Images/small/aac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #aad {
			background-image:url(/conveyors/belts/Images/small/aad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #eaa {
			background-image:url(/conveyors/belts/Images/small/eaa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #eab {
			background-image:url(/conveyors/belts/Images/small/eab-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #eac {
			background-image:url(/conveyors/belts/Images/small/eac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #faa {
			background-image:url(/conveyors/belts/Images/small/faa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #fab {
			background-image:url(/conveyors/belts/Images/small/fab-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #fac {
			background-image:url(/conveyors/belts/Images/small/fac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #fad {
			background-image:url(/conveyors/belts/Images/small/fad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;			
		}
		
		 #faf {
			background-image:url(/conveyors/belts/Images/small/faf-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #hac {
			background-image:url(/conveyors/belts/Images/small/hac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #iaa {
			background-image:url(/conveyors/belts/Images/small/iaa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #iaf {
			background-image:url(/conveyors/belts/Images/small/iaf-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #maa {
			background-image:url(/conveyors/belts/Images/small/maa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #mab {
			background-image:url(/conveyors/belts/Images/small/mab-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #mac {
			background-image:url(/conveyors/belts/Images/small/mac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #mad {
			background-image:url(/conveyors/belts/Images/small/mad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #mae {
			background-image:url(/conveyors/belts/Images/small/mae-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #paa {
			background-image:url(/conveyors/belts/Images/small/paa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #pab {
			background-image:url(/conveyors/belts/Images/small/pab-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #pac {
			background-image:url(/conveyors/belts/Images/small/pac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #pad {
			background-image:url(/conveyors/belts/Images/small/pad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #pae {
			background-image:url(/conveyors/belts/Images/small/pae-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #raa {
			background-image:url(/conveyors/belts/Images/small/raa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #rad {
			background-image:url(/conveyors/belts/Images/small/rad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #rae {
			background-image:url(/conveyors/belts/Images/small/rae-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #saa {
			background-image:url(/conveyors/belts/Images/small/saa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #sac {
			background-image:url(/conveyors/belts/Images/small/sac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #sad {
			background-image:url(/conveyors/belts/Images/small/sad-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #sae {
			background-image:url(/conveyors/belts/Images/small/sae-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #taa {
			background-image:url(/conveyors/belts/Images/small/taa-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #tab {
			background-image:url(/conveyors/belts/Images/small/tab-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #tac {
			background-image:url(/conveyors/belts/Images/small/tac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #uac {
			background-image:url(/conveyors/belts/Images/small/uac-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #uae {
			background-image:url(/conveyors/belts/Images/small/uae-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #uaf {
			background-image:url(/conveyors/belts/Images/small/uaf-side-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		#ava {
			background-image:url(../conveyors/sanitary-series/hydroclean/belts/belt-photos/ava-small.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		 #mva {
			background-image:url(../conveyors/sanitary-series/hydroclean/belts/belt-photos/mva-small.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		#mvg {
			background-image:url(../conveyors/sanitary-series/hydroclean/belts/belt-photos/mvg-small.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		#pvf {
			background-image:url(../conveyors/sanitary-series/hydroclean/belts/belt-photos/pvf-small.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		#flattop {
			background-image:url(/conveyors/belts/Images/small/flat-top-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
		
		#flushgrid {
			background-image:url(/conveyors/belts/Images/small/flush-grid-thumb.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 100px;
		}
	
.pf45videothumbs{
	display:inline;
	position: relative;
	float: left;
	width:200px;
	height: auto;
	overflow:hidden;
	padding:0px 0px 20px 20px;
}
		
.pf45videothumbs ul{
        	position:relative;
            margin:0;             
			
        }
        
.pf45videothumbs > ul > li {
            position: relative;
            float: left;
            margin-right: 10px;
			margin-left: 0;
        }
.pf45videothumbs > ul > li > a {
            display:block;
            padding:0px 20px 20px 20px;
            text-decoration:none;
            color:#FFFFFF; 
            font-size: 11px;
			height: 16px;
			width: 23px;
}

.nonav #navigation, .nonav #subscribe, .nonav #breadcrumbs, .nonav #promo {
	display: none;
}

.nonav #content {
	width: 100%;
}

.nonav #content h1 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top:20px;
}
.nonav #newslettersubscribe {
	width: auto;
}
.nocall #callus {
	display: none;
}
@media (max-width: 767px) {
  .stagewrap {
    font-size: 1.3em;
  }
}

@media (max-width: 680px) {
  .stagewrap {
    font-size: 1.1em;
  }
}

@media (max-width: 537px) {
  .stagewrap {
    font-size: .8em;
  }
}

@media (max-width: 400px) {
  .stagewrap {
    font-size: .6em;
  }
}
.stagewrap {
	margin-top:20px;
	width:100%;
	position: relative;
	overflow:hidden;
	margin-bottom: 30px;
	float:left;
	font-size: 2.5vw;
	line-height:normal;
}

#Stage{
	border-top-left-radius: 2.22% 4.8%;
	border-top-right-radius: 2.22% 4.8%;
	border-bottom-right-radius: 2.22% 4.8%;
	border-bottom-left-radius: 2.22% 4.8%;
}
.videowrapper{
	position:relative;
	padding-bottom:61%;
	padding-top:0px;
	margin-top:25px;
}
.videowrapper object,
.videowrapper embed,
.videowrapper iframe {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#mobilerework{
	float:left;
	position:relative;
}

.browsecatalog{
	background: #eaedf3;
	border: 1px solid #7c7f8c;
	padding: 0px;
	font-size: 90%;
	height: auto;
	width: 47.5%;
	margin: 0 0px 10px 0px;
	position: relative;
	overflow: hidden;
}

#flipbook{
	width:100%;
	height:57vw;
}

#flipbook img{
	width:100%;
	height:auto;
}


#connect{
	/*float:center;
	position:relative;
	width:100%;
	width: 139px;
	padding-bottom:15px;
	font-size: 85%;
	margin-top: 20px;
	text-align: center;*/
	display:none;
}

#connect h3{
	text-align:center;
}

.customImage{
	width: 100%;
	height: auto;
	max-width:250px;
	max-height:150px;
	padding-top: 15px;
}

.lunchlabel{
	display:block;
	margin-left:-20px;
}

.lunchlabel input{
	float:left;
	margin-left:-20px;
	margin-right:7px;
}
.phone {
	color: #ffffff;
	font-size:18px;
	font-weight: bold;	
}

.phone a{
	color: #ffffff;
	font-size:18px;
	font-weight: bold;
	text-decoration: none;	
}
/* ROUNDED CORNERS 
.feature, #products, #callus, #subscribe, #promo, #navigation, #introduction, #blog-feed {
	border-radius: 1px;
}
#breadcrubs {
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}*/