/*
	Default Styles for Hytrol.com
	Media: Web
	Updated: 05/27/11
*/
a:link, a:active, a:visited {
	color: #024397;
	text-decoration: underline;}
a:hover {
	text-decoration: none;}

a.new-window {
	background-image: url('../images/new_window_icon.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;}

body {
	background-image: url('../images/backgrd-bar2.jpg');
	background-repeat: repeat-x;
	margin: 0px;
	font: 12px Arial,Verdana,sans-serif;}

body#home {
	background-image: url('../images/backgrd-bar.jpg');}

blockquote {
	font-style: italic;}

blockquote .quote-attribution {
	font-style: normal;}

#BottomNav {
	clear: both;}

#BottomNavBoxes {
	padding: 10px;}

#BottomNavBoxes div {
	float: left;
	font-size: 12px;
	line-height: 24px;
	margin-left: 15px;}

#BottomNavBoxes div ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}

#BottomNavBoxes div ul li {
	margin: 4px 0px 4px 0px;}
	
#WrapperOutside {
	width: 953px;
	margin: 0px auto 0px auto;
	position: relative;
	padding-left: 0px;
	padding-bottom: 0px;}

#HeaderBar {
	height: 114px;}

#Logo {
	width: 231px;
	float: left;
	margin: 5px 0px 0px 0px;}
#Chat {
	width: 150px;
	float: right;
	text-align: right;
	margin: 3px 20px 0px 50px;}
#Tagline {
	width: 570px;
	float: right;
	text-align: right;
	margin: 17px 20px 0px 50px;
	clear: right;
	color: #024397;
	font-weight: bold;}

.phone {
	font-size: 14pt;
	font-weight: bold;
	color: #000000;}

#TopLinks {
	margin: auto;
	padding: 8px 0px 0px 20px;
	float: right;
	width: 591px;
	height: 35px;
	text-align: right;
	/* background-image: url(../images/top-links-bg.jpg);
	background-repeat: no-repeat; */}
#SelectLanguage a {
	text-decoration: none;
	color: #ABABAB;}

#SearchBox {
	float: left;
	width: 350px;
	text-align: right;
	margin: -10px 0px 10px 10px;}

#SearchBox form {
	margin: 0px;}
	
.SearchBoxHeader {
	font-weight: bold;}

#WrapperMain {
	width: 953px;
	margin: auto;}

#TopNavBar {
	height: 34px;
	text-align: center;}

#MainImage {
	width: 931px;
	height: 283px;
	text-align: center;
	padding-top: 2px;
	margin: auto;}
#IntegrationSearchArea {
	height: 453px;
	text-align: center;
	padding-top: 0px;
	background-image: url('../images/integration-partners-search-backgrd.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 931px;
	margin-left: 11px;
	margin-top: 2px;}
#IntegrationSearchArea2 {
	height: 453px;
	text-align: center;
	padding-top: 0px;
	background-image: url('../images/integration-partners-search-backgrd2.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 931px;
	margin-left: 11px;
	margin-top: 2px;}

/* END Form Styles */#IntegrationMapArea {
	height: 313px;
	text-align: center;
	width: 536px;
	position: absolute;
	left: 20px;
	top: 215px;
}
#IntegrationMapInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	position: absolute;
	height: 180px;
	width: 384px;
	left: 561px;
	top: 333px;
	text-align: center;
}
#IntegrationStockBtn {
	position: absolute;
	height: 101px;
	width: 379px;
	left: 563px;
	top: 222px;
}

#IntegrationSearchSidebar {
	background-color: #DEE2E3;
	text-align: center;
	margin: 10px 0px 5px 0px;
	padding: 1px 5px 5px 5px;
	border: 1px solid #CCCCCC;}



#IntegrationSearchTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	float: left;
	margin-top: 0px;
	margin-left: 35px;
	height: 173px;
	width: 861px;} 
#InternationalSearchTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 861px;
	float: left;
	margin-top: 0px;
	margin-left: 35px;
	height: 180px;}
#GoogleMapArea {
	height: 375px;
	text-align: center;
	padding-top: 0px;
	width: 931px;
	margin-left: 11px;
	margin-top: 2px;}
#LocationsGoogleBox {
	border: 3px solid #000;
	width: 600px;
	height: 350px;
	left: 50px;
	top: 215px;}

#FeatureBoxes {
	height: 211px;
	margin: 20px 8px 20px 10px;
	text-align: center;
	clear: both;}

#FeatureBoxes div {
	width: 33.3%;
	height: 211px;
	float: right;
	text-align: center;}

#InTheNews div {
	width: 45%;}

.byline {
	font-style: italic;
	margin: 3px 0px !important;
	width: 100% !important;}

h1 {
	clear: both;}


h1#PageHeader {
	height: 30px;
	margin: 0px;
	padding: 12px 0px 10px 15px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
}
h1#PartnerHeader {
	height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 21px;
}
h1#PartnerHeader2 {
	height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}

h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	color: #000000;
	font-size: 16px;}
h2.no-margin {
	margin: 0px;}

h3 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	font-size: 14px;}

img.align-left {
	float: left;
	margin: 0px 5px 5px 0px;}

img.align-right {
	float: right;
	margin: 50px 18px 10px 10px;}

img.align-right2 {
	float: right;
	margin: 10px 400px 10px 10px;}
img.align-right3 {
	float: right;
	margin: 10px 10px 10px 10px;}

img.align-center {
	display: block;
	margin: auto;}

img.img-border {
	border: 3px solid #000000;}
	
#FooterWrapper {
	clear: both;
	width: 100%;
	background-color: #070707;
	margin: 20px auto 0px auto;
	background-image: url(../images/footer-bar.jpg);
	background-repeat: repeat-x;
	height: 170px;}
	
#Footer {
	width: 953px;
	margin: auto;
	padding: 35px 10px 6px 40px;
	height: 75px;
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	line-height: 20px;}

#Footer a {
	color: #FFFFFF;}

#LeftColumn {
	width: 180px;
	float: left;
	margin: 10px 10px 10px 15px;}

#SubNav {
	border: 1px solid #CCCCCC;
	padding: 3px;}

#SubNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
#SubNav ul li a:link, #SubNav ul li a:visited {
	width: 164px;
	display: block;
	padding: 9px 0px 9px 8px;
	color: #666666;
	text-decoration: none;}
	
#SubNav ul li a:active {
	color: #FFFFFF;
	background-color: #98C43B;}

#SubNav ul li a:hover {
	background-color: #98C43B;
	color: #FFFFFF;}

#SubNav ul li a.arrow:link, #SubNav ul li a.arrow:active, #SubNav ul li a.arrow:visited {
	background-image: url('../images/arrow-right-gray.gif');
	background-position: 95%;
	background-repeat: no-repeat;}
#SubNav ul li a.arrow:hover {
	background-image: url('../images/arrow-right-white.gif');}

#RightColumn {
	width: 695px;
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	color: #666666;
	line-height: 22px;}
#ClientLogos {
	border: 1px solid #CCCCCC;
	padding: 3px;
	text-align: center;}
#Application-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	padding: 10px;
	width: 212px;
	border: 1px solid #CCCCCC;
	float: right;
	margin: 10px 18px 10px 10px;
	color: #666666;}
#Application-box ul {
	padding: 0px;
	margin: 0px 0px 0px 15px;}
#LeftColumn .box {
	line-height: 22px;
	padding: 0px;
	width: 177px;
	border: 1px solid #CCCCCC;
	float: right;
	color: #666666;
	background-image: url('../images/greenbox.jpg');
	background-repeat: no-repeat;
	background-position: 3px 3px;
	margin-top: 15px;}

#Flash-box1 {
	height: 264px;
	width: 678px;
	background-color: #000000;
	float: left;}

#Flash-Movie {
	float: right;
	margin: 24px;
	border: 1px solid #FFFFFF;}

#Flash-Movie-test {
	float: right;
	margin: 8px;
	border: 1px solid #FFFFFF;}
	
#DropDown {
}


#box-table-a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	width: 325px;
	text-align: left;
	border-collapse: collapse;}
#box-table-a td {
	padding: 2px 2px 2px 6px;
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	border-top: 1px solid #CCCCCC;}

#box-table-a tr:hover td
{
	background: #F5D600;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	cursor: pointer;}


#box2-table-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	width: 325px;
	text-align: left;
	border-collapse: collapse;}


#box2-table-a td {
	padding: 2px 2px 2px 6px;
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	border-top: 1px solid #CCCCCC;}
#box2-table-a tr:hover td {
	background: #F5D600;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	cursor: pointer;}
#industry-solutions-top-info {
	font-family: Georgia;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px;
	width: 673px;
	height: 264px;
	position: relative;}
#industry-solutions-top-info div {
	position: relative;
	float: left;
	height: 264px;
	margin-top: -35%;
	margin-right: 5px;
	margin-left: 350px;}
#industry-solutions-key-system-info {
	font-family: Arial;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	background-image: url('../images/system-solutions-box.jpg');
	background-repeat: no-repeat;
	padding: 5px;
	clear: both;
	width: 675px;
	height: 89px;
	margin-top: 15px;}

.style1 {
	font-size: 16px;
	color: #000000;}
.style2 {
	color: #024397;}
.style3 {
	font-size: 18px;
	color: #333333;}
.style4 {
	padding-left: 10px;}
.style5 {
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 10px;}
.style6 {
	font-size: 16px;	
	color: #000000;
	padding: 10px;}
.style7 {
	font-size: 13px;
	font-weight: bold;}
.style8 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	text-decoration:none;}
.style9 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 5px;
	text-decoration:none;}
.style10 {
	font-size: 12px;
	color: #333333;
	line-height: 22px;}
.style11 {
	font-size: 16px;
	color: #81b40f;
	line-height: 22px;
	font-weight: bold;
	font-family: Georgia;}
.style15 {
	font-weight: bold;
	font-size: 16px;}
.style16 {
	font-weight: bold;
	font-size: 16px;}


/* Hytrol Catalog & Manuals Styles */

a.pdf {
	height: 16px;
	background-image: url('../images/icon_acrobat.gif');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 18px;
	padding: 2px 2px 2px 18px;
	margin:0;}
	
a.print{
	height: 16px;
	background-image: url('../images/printerfriendly.gif');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 18px;
	padding: 2px 2px 2px 25px;
	margin:0;}
	
a.video {
	height: 16px;
	background-image: url('../images/icon-wmp.gif');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 16px;
	padding: 2px 2px 2px 18px;
	margin:0;}	
	
a.zip {
	height: 16px;
	background-image: url('../images/icon_winzip.gif');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 18px;
	padding: 2px 2px 2px 18px;
	margin:0;}

.alt {
	background-color:#eaeaea;}

.caption {
	font-size:10px;}
	
#catalog th {
	text-decoration:none;}
	
#catalog .cat-header {
	background-color:#333333;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	text-decoration:none;
	text-align:left;}
	
#catalog .cat-products {
	text-decoration:underline;}
	
#catalog .cat-subheader {
	background-color:#DDDDDD;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
	text-align:left;
	text-decoration:none;}

.catHeader {
	background-color:#97C6D8; 
	color:#000000; 
	font-weight:bold;
	padding-left:5px;}
	
.col-alt {background-color:#c1d8de;}
	
.divider-lt{border-left:1px solid #999999; margin-left:5px;}

.prodborder {border:1px solid #999999;}

.prodtitle {background-color:#666666; padding:5px; color:#ffffff; font-weight:bold;}

.quickview {
	height:16px;
	width:80px;
	background: url('../images/icon-view.gif') left center no-repeat;
	padding: 0px 0px 0px 10px;
	font-weight:bold;}
	
.quickview-sm {
	height:16px;
	width:40px;
	background: url('../images/icon-view.gif') left center no-repeat;
	padding: 0px 0px 0px 20px;
	font-weight:bold;}
	
.sectionHeader {
	background-color:#c1d8de;
	font-weight:bold;
	color:#000000;}
	
.subcat-title {
	background-color:#eaeaea; 
	font-weight:bold;}

table#manuals {
	cursor:pointer;}
	
table#manuals td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
#tblHeader {
	background-color: #659CBB; 
	color:#000000; 
	font-weight:bold; 
	padding:2px 0px 2px 2px;}
	
.title-cat {background-color:#dddddd; padding:5px; font-weight:bold;}
 
/* End Hytrol Catalog Styles */

/* BEGIN Menu Styles */

body#product-systems a#menu-product-systems,
body#product-catalog a#menu-product-catalog,
body#products a#menu-products,
body#hytrol-in-news a#menu-hytrol-in-news,
body#awards a#menu-awards,
body#e24 a#menu-e24,
body#ezlogic a#menu-ezlogic,
body#mrt a#menu-mrt,
body#controls a#menu-controls,
body#plug a#menu-plug,
body#worldclass a#menu-worldclass,
body#partners a#menu-partners,
body#shipments a#menu-shipments,
body#who-we-are a#menu-who-we-are,
body#why-hytrol a#menu-why-hytrol, 
body#concepts-systems-engineering a#menu-concepts-systems-engineering, 
body#customer-education a#menu-customer-education, 
body#high-quality-products a#menu-high-quality-products, 
body#apparel a#menu-apparel,
body#food-beverage a#menu-food-beverage,
body#electronics a#menu-electronics,
body#distribution-fullfillment a#menu-distribution-fullfillment,
body#health a#menu-health,
body#manufacturing a#menu-manufacturing,
body#book-distribution a#menu-book-distribution,
body#tradeshows a#menu-tradeshows,
body#industry-involvement a#menu-industry-involvement,
body#locator a#menu-locate-partner,
body#press-releases a#menu-press-releases,
body#reference-guide a#menu-reference-guide,
body#literature-req a#menu-literature-req,
body#manuals a#menu-manuals,
body#newsletter-archive a#menu-newsletter-archive,
body#white-papers a#menu-white-papers,
body#book-store a#menu-book-store,
body#contact a#menu-contact,
body#customer-service a#menu-customer-service,
body#locations-directions a#menu-locations-directions,
body#newsletter-signup a#menu-newsletter-signup,
body#locate-partner a#menu-locate-partner,
body#careers a#menu-careers,
body#specials a#menu-specials,
body#pallet-test-system a#menu-pallet-test-system,
body#hytroltv a#menu-hytroltv {
	color: #FFFFFF;
	background-color: #98C43B;
}

/* Add Styles to this list that are fly-out menus that need a white arrow when selected */
body#apparel a#menu-apparel,
body#food-beverage a#menu-food-beverage,
body#electronics a#menu-electronics,
body#distribution-fullfillment a#menu-distribution-fullfillment,
body#health a#menu-health,
body#manufacturing a#menu-manufacturing,
body#book-distribution a#menu-book-distribution {
	background-image: url('../images/arrow-right-white.gif');
	background-position: 95%;
	background-repeat: no-repeat;}

/* END Menu Styles */

/* BEGIN Form Styles */

label.required {
	background-image: url('../images/required-field-bullet.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 10px;}

.paint-colors {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 15px;}
.paint-colors .header {
	background-color: #2989B9;}
.paint-colors table.chips td {
	padding: 3px;}

.quick-facts {
	padding: 0px;
	color: #666666;
	line-height: 22px;
	width: 177px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;}

.quick-facts .header {
	background-color: #2989B9;}
	
.quick-facts ul {
	list-style-type: none;
	margin: 0px 5px 0px 5px;
	padding: 0px;}
.quick-facts ul li {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 3px;
	border-bottom: 1px solid #CCCCCC;}

.quick-facts ul li ul li {
	border: 0px;}

.E24-comparison-header {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('../images/E24-comparison-header-bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
	border: 0px;
	padding: 10px 0px 10px 0px;}
.E24-comparison {
	border: 2px solid #000000;
	border-bottom: 0px;}
.E24-comparison td {
	border: 1px solid #000000;
	color: #000000;}
.E24-comparison td ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;}

.ezlogic-chart-header {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('../images/ezlogic-chart-header-bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
	border: 0px;
	padding: 10px 0px 10px 0px;}
.ezlogic-chart {
	border: 2px solid #000000;
	border-bottom: 0px;}
.ezlogic-chart td {
	border: 1px solid #000000;
	color: #000000;}
.ezlogic-chart td div {
	margin: 0px 25px 0px 25px;}

.mrt-chart-header {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('../images/mrt-chart-header-bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
	border: 0px;
	padding: 10px 0px 10px 0px;}
.mrt-chart {
	border: 2px solid #000000;
	border-bottom: 0px;}
.mrt-chart td {
	border: 1px solid #000000;
	color: #000000;}
.mrt-chart td div {
	margin: 0px 0px 10px 0px;}

.pallet-test-loop-chart {
	border: 2px solid #000000;}
.pallet-test-loop-chart td {
	border: 1px solid #000000;
	color: #000000;}
.pallet-test-loop-chart-header {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF !important;
	background-color: #000000;
	padding: 4px;}

#BuyConveyorOnlineLeft {
	float: left;
	width: 45%;
	text-align: center;}
#BuyConveyorOnlineRight {
	float: right;
	width: 45%;
	text-align: center;}
#BuyConveyorOnlineListing {
	clear: both;}

ul.site-map {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

#Search {
	width: 65%;
	float: left;}
#SearchHelp {
	width: 300px;
	float: left;
	margin: 15px 0px 0px 10px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;}

#ContactUsContentHeader {
	background-image: url('../images/contact-us-customer-service-header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 692px;
	height: 163px;
	color: #000000;}

#CustomerServiceContentHeader {
	background-image: url('../images/customer-service-form-header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 692px;
	height: 163px;
	color: #000000;}

/* BEGIN AddThis Toolbar Styles */
.addthis_toolbox .hover_effect{
	width: 420px;
	padding: 10px 0 6px 10px;
	border: 3px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
.addthis_toolbox .hover_effect div{
	float: left;}
.addthis_toolbox .hover_effect a{
	border: 2px solid #fff;
	padding: 2px 2px 2px 16px;
	position: relative;
	text-decoration: none;}
.addthis_toolbox .hover_effect a:hover{
	border: 2px solid #105CB6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #B4D3F8;
	color: #105CB6;
	text-decoration: none;}
.addthis_toolbox .hover_effect span{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 1px;}
/* END AddThis Toolbar Styles */

/* BEGIN Video Gallery Styles */

.video-gallery-page-header {
	float: right;
	width: 500px;
	height: 154px;
	color: #FFF;
	background: #414143;
	margin: 0 0 20px 0;
	padding: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #B6B6B6 0 0 4px 2px;
	-moz-box-shadow: #B6B6B6 0 0 4px 2px;
	box-shadow: #B6B6B6 0 0 4px 2px;
	behavior: url('css/PIE.php');}
.video-gallery-page-header a {
	color: #fff;}

.video-gallery-section {
	clear: both;
	background: #E3E3E3;
	border: 2px solid #8A8A8A;
	margin: 20px 0px;
	padding: 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #B6B6B6 0 0 4px 2px;
	-moz-box-shadow: #B6B6B6 0 0 4px 2px;
	box-shadow: #B6B6B6 0 0 4px 2px;
	behavior: url('css/PIE.php');}

.video-gallery-section h2 {
	margin-top: 0px;}

.thumb {
	width: 30%;
	float: left;
	text-align: center;
	margin: 10px;}

/* END Video Gallery Styles */