@charset "UTF-8";
@import "hs_common.css";

/* ----- */
/* FONTS */
/* -----

@font-face {   font-family: 'AllerRegular';   src: url('/css/fonts/aller-webfont.eot');
  src: local('☺'), url('/css/fonts/aller-webfont.woff') format('woff'), url('/css/fonts/aller-webfont.ttf') format('truetype'), url('/css/fonts/aller-webfont.svg#webfontrQyAUysh') format('svg');
  font-weight: normal;   font-style: normal;   }*/

/* ------ */
/* LAYOUT */
/* ------ */
.bodyLayout { text-align: center; }
.bodyLayout div#container {   width: 940px;   text-align: left;   margin:0px auto 0 auto;   padding: 0;   }
.clear {clear: both;}

/* ----------- */
/* 9/11 TICKER */
/* ----------- */
#ticker { position:absolute; top:0; left:0; display:block; height:36px; width:100%; z-index:777; }

#marquee { width:960px; margin:0 auto; overflow:hidden; position:relative; font-size:11px; }
#marquee div { width:506550em; text-align:left; position:relative; margin:10px 0; height:16px; overflow:hidden; }
#marquee ul { list-style-type:none; left:0; position:relative; padding:0; margin:0; display:inline; overflow:hidden; }
#marquee ul li { display:block; float:left; width:150px; text-align:center; }
#marquee ul li span {  text-transform:uppercase; font-size:9px; letter-spacing:1px; color:#000; font-weight:bold; }
#marquee .fade { background:url('/images/hs/fade.png') repeat-y scroll 0 0 transparent;
  display: block; left: 0; padding: 8px 0; pointer-events: none; position: absolute; top: 0;
  width: 60px; z-index: 30; }
#marquee .fade-right { background-position: -60px 0; left: auto; right: 0; }

/* ---- */
/* LOGO */
/* ---- */

.ordernow { text-align:right;  padding:4px 0 8px 0; }
.ordernow a { font-family:Arial,sans-serif; color:#808081; }

.bodyLayout #container h1#headerLogo {   float:left;  margin:0 0 30px 0;   padding:0;   text-indent:-9999px;
  background:url('/images/hs/header_horacesmall_logo.gif') no-repeat;   position:relative;   z-index:200;   }
.bodyLayout #container h1#headerLogo a {   width:170px;   height:50px;   display:block;   position:relative;   z-index:201;   }

/* ------ */
/* SEARCH */
/* ------ */

.bodyLayout #container form#search {   height:37px;   overflow:hidden;   text-align:right;   }

.bodyLayout #container form#search input#searchBox {    font-size:1.1em; line-height:20px; font-family: Verdana,Tahoma,Arial,sans-serif;  color:#636466; height: 20px; width:160px; padding:0 5px;  background:url('/images/hs/searchbox.gif') no-repeat;  border:1px solid #ffffff; }

.bodyLayout #container form#search input#searchButton {   background: url('/images/hs/search_button.gif') no-repeat top;   color: #fff;
  font-size: 1.4em; font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;      height:20px;  margin:1px 0; border:none; width:90px;   }
.bodyLayout #container form#search input#searchButton:hover {   background-position:bottom;   }

.bodyLayout #container form#search * { vertical-align:middle !important; }

/* ----------------- */
/* SUPERFISH MEGANAV */
/* ----------------- */

/* ESSENTIAL STYLES */

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 10pt; }
.sf-menu ul { position: absolute; top: -999em;
  width: 540px; /* left offset of submenus need to match (see below) */ }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left;  position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: -6px; z-index: 99;
  top: 43px; /* match top ul list item height */ }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { top: 0;
  left: 37em; /*486px 37em match ul width */ }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { top: 0;
  left: 37em; /*486px 37em match ul width */ }

/* HS SKIN */

#megaNav { position: relative; float: right;
  width: /*642px*/ /*705px;*/ 750px;  z-index: 500; }
#megaNav ul.sf-menu { /*margin-bottom:  1em;*/ }
.sf-menu a { padding: 0 0 0 20px; text-decoration:none;
  font-size: 13px; font-family: 'AllerRegular', Tahoma, Arial, sans-serif; color: #5c8727;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }
.sf-menu a:hover { text-decoration: underline; }
#megaNav ul.sf-menu li ul#rounded { border: 1px solid #9B9B9B; border-top: none;
  padding: 5px 16px 16px 16px;  background:#ffffff;  z-index: 999; left:2px; border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; }
#megaNav ul.sf-menu li ul#rounded li { float:none; padding: 4px 0; }
.navSection  { float: left; position: relative;
  width: 180px; line-height: 7pt; }
#megaNav ul.sf-menu li ul#rounded .navRowSpacer { padding-top: 10px }
#megaNav ul.sf-menu li ul#rounded .navRowParentSpacer { padding-top: 20px; }
#megaNav ul.sf-menu li ul#rounded .navLine { width: 100%; height: 1px;
  background-color: #4a722e; clear: both; margin:15px 0px; font-size: 0; }
#megaNav ul.sf-menu a:hover { text-decoration: underline; }
#megaNav ul.sf-menu li ul#rounded a { display: inline; font-family: verdana, sans-serif;
  padding: 0 0 0 10px; color:#636466;  }
#megaNav ul.sf-menu li ul#rounded a.navProdCat { font-size: 13px; padding: 0;
  font-family: 'AllerRegular', Verdana, Tahoma, Arial, sans-serif;
  color: #5c8727; line-height: 10pt; text-transform:uppercase; }
#megaNav ul.sf-menu li ul#rounded a.navProdCatMorePad { padding:0 0 0 16px;
  font-size: 14px; font-family: 'AllerRegular', Tahoma, Arial, sans-serif;
  color: #5c8727; line-height: 10pt; }
#megaNav ul.sf-menu li ul#rounded a.megaNavExtraPad { padding-bottom: 4px; }
#megaNav ul.sf-menu li ul#rounded .navProdCatSpacer { font-size: 0; height: 5px; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }
.sf-menu li ul li { float:none; padding: 4px 0; }
.sf-menu .navSet:after {content: "."; display: block; height: 0; clear: both;
  visibility: hidden; zoom: 1; }
.sf-menu #navSetApparel, .sf-menu #navSetFabric { margin-top:10px; padding-top:10px;
  border-top:1px solid #b7c7ab; }

/* ------------ */
/* MAIN CONTENT */
/* ------------ */

.bodyLayout #container #mainContent {  clear:both; margin-bottom:30px;  font-size:1.2em;   line-height:1.636em;  font-family:Verdana,Arial,sans-serif; }
.bodyLayout #container #mainContent h3 { text-transform:uppercase;   padding: 0 0 0 0; border-bottom:1px solid #5c8727 /*green*/;   font-size:14px; }
.bodyLayout #container #mainContent h4 { font-size:12px;}
/* --------------- */
/* 2-COLUMN LAYOUT */
/* --------------- */

.bodyLayout #container #mainContent .twoColLeft {   width:290px; float:left;  }
.bodyLayout #container #mainContent .twoColRight {   padding:0 0 0 320px;   }

/* ---------- */
/* LOGIN FORM */
/* ---------- */

.bodyLayout #container #mainContent #dealerLogin ul { list-style-type:none; }
.bodyLayout #container #mainContent #dealerLogin ul li { padding:0 0 10px 0; }
.bodyLayout #container #mainContent #dealerLogin input { line-height:20px; font-family: Verdana,Tahoma,Arial,sans-serif;  color:#636466; height: 20px; width:160px; padding:0 5px;  background:url('/images/hs/searchbox.gif') no-repeat;  border:1px solid #ffffff; }
.bodyLayout #container #mainContent #dealerLogin label { display:block; width:70px; font-family:'AllerRegular',Tahoma,Arial,sans-serif;font-size:14px; float:left; }
.bodyLayout #container #mainContent #dealerLogin input.button {  background: url('/images/hs/search_button.gif') no-repeat top;   color: #fff;
  font-size: 13px; font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;   border: none;   height:20px;   width:90px;   margin:0 0 0 5px; }
.bodyLayout #container #mainContent #dealerLogin .button:hover {   background-position:bottom;   }

/* ------------------- */
/* DISTRIBUTOR LOCATOR */
/* ------------------- */

.bodyLayout #container #mainContent .distributorLocatorSearch { font-size:1.1em; margin:0 0 12px 0; }
.bodyLayout #container #mainContent .distributorLocatorSearch label { margin: 0 5px; }
.bodyLayout #container #mainContent .distributorLocatorSearch .button { background: url('/images/hs/search_button.gif') no-repeat top;   color: #fff; font-size: 14px; font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;   border: none;   height:20px;   width:90px;   margin:5px 0 0 15px; }
.bodyLayout #container #mainContent .distributorLocatorSearch .button:hover {   background-position:bottom;   }
.bodyLayout #container #mainContent .distributorLocatorSearch ul { list-style-type:none; }
.bodyLayout #container #mainContent .distributorLocatorSearch ul li { display:inline; }

.bodyLayout #container #mainContent #distributorLocatorMap { margin:0 0 10px 0; }

.bodyLayout #container #mainContent #distributorLocatorResults { width:100%; font-size:1.1em; }
.bodyLayout #container #mainContent #distributorLocatorResults thead th { font-weight:normal; color:#9fa1a4; /*grey*/ padding:0 0 12px 0; }
.bodyLayout #container #mainContent #distributorLocatorResults tbody td { padding:3px 8px 3px 0; }

/* ----------------- */
/* DISTRIBUTOR TOOLS
/* ----------------- */

#distributorToolsTabbedContent,
#dttcTabs,
#dttcPanes,
.dttcPane,
.dttcP-slide { height: 369px; overflow: hidden;  }

#dttcP-marketing { width:730px; position:relative; }
#dttcP-marketing-slider {  width:10000em; position:absolute; }
.dttcP-slide { float:left; width:680px; padding:25px; }
#dttcP-marketing .navi { position:relative; top:320px; width:60px; text-align:right; }
#dttcP-marketing .navi a { display:block; height:20px; width:20px; background-color:black; float:left; }

.dttcPane .dttcP-slide h3 strong a {  background-color:#5c8727;padding:3px; color:#ffffff; }
.dttcPane .dttcP-slide h3 strong { display:block; margin-bottom:10px; }



#distributorToolsTabbedContent {
  background-color: #e9e9e9;
  margin-bottom:40px;
  border: 3px solid #7a7b7c;
  -moz-border-radius: 10px 0 10px 0;
  -webkit-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;

}

#dttcTabs {
  padding: 0; margin:0; list-style-type: none;
  width: 200px;
  float: left;
}

#dttcTabs li {
  height: 90px;
  border-bottom: 3px solid #7a7b7c;
  text-indent:-9999px;
}

#dttcTabs li a {
  display:block;
  height:90px;
  background-repeat:no-repeat;
  background-position:top;
}

#dttcT-news a { background-image:url('/images/hs/dttcT-news.png'); }
#dttcT-marketing a { background-image:url('/images/hs/dttcT-marketing.png'); }
#dttcT-logos a { background-image:url('/images/hs/dttcT-logos.png'); }
#dttcT-collateral a { background-image:url('/images/hs/dttcT-collateral.png'); }

#dttcTabs li a:hover,
#dttcTabs li a:active,
#dttcTabs li a.current {
  background-position:0 -88px;
  background-color:#7a7b7c;
}

#dttcTabs li a.current {
  background-color:#5c8727;
}

#dttcPanes {
  background-color:#ffffff;
  border-left: 3px solid #7a7b7c;
  
}

.dttcPane {
  padding:25px;
  color: #7a7b7c;
}

.dttcPane#dttcP-marketing { padding:0;  }

#dttcPanes div#dttcP-news {
  background-image:url('/images/hs/dttcP-news-bg.jpg');
  background-repeat:no-repeat;
  background-position:100% 0;
  padding-right:360px;
}

#dttcP-news { text-indent:-9999px; }

#dttcP-news a { text-decoration:underline; }

.bodyLayout #container  #mainContent #dttcPanes h3 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  padding:0; margin:0; border:none;
}

/*.bodyLayout #container  #mainContent #dttcP-news h4,
.bodyLayout #container  #mainContent #dttcP-marketing h4 {
  font-size: 32px;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding: 0;
  margin: 0 0 10px 0;
  line-height:1.15em;
}*/

.bodyLayout #container #mainContent #dttcPanes h4 {
  height:32px; text-indent:-9999px; background-image:url('/images/hs/dt_headers.png'); background-repeat:no-repeat;
  padding:0; margin:10px 0;
}

#mkts-merchandising-pos h4 { background-position:0 -34px; }
#mkts-marketing-advertising h4 { background-position:0 -68px; }
#mkts-marketing-advertising { background-image:url('/images/hs/dt-ads_bg.jpg'); background-repeat:no-repeat; background-position:40% 79%; }
#mkts-connect-online h4 { background-position:0 -102px; }
#mkts-press-releases h4 { background-position:0 -134px; }
#mkts-charitable-initiatives h4 { background-position:0 -164px; }
#dttcP-collateral h4 { background-position:0 -200px; }

.bodyLayout #container  #mainContent #dttcPanes h5 {
  padding:0; margin:5px 0 0; line-height:1.2em; text-transform:uppercase; font-family:Arial,sans-serif; font-size:12px; letter-spacing:1px;
}



#dt-connectSlider, #dt-cSlider { width:620px; position:relative;  overflow:hidden; border:1px solid #d6d6d6; margin:0 auto; height:170px; padding:0px; }
#dt-connectSlides, #dt-cSlides { position:absolute; width:20000em; }
.dt-connectSlide, .dt-cSlide { width:600px; padding:10px; height:150px; float:left; background-image:url('/images/hs/dt-cSlider_bg.gif');
  background-repeat:repeat-y; background-position:210px; }

.dttcP-item { float:left;  height:160px; width:33%; overflow:hidden; text-align:center;  }
#mkts-merchandising-pos .dt-cSlide { background:none; width:630px; }
#dttcP-logos .dttcP-item, #mkts-merchandising-pos .dttcP-item { height:200px;  margin:0 auto; }

#dttcP-logos { padding:15px 0; }
#dttcP-logos .dt-cSlide { width:100%; background-position:245px; }
#dttcP-logos .dttcP-item { overflow:hidden; height:140px; width:100px;  }
#dttcP-logos .dttcP-item img { height:100px; width:100px; }

#dttcP-logos .dttcP-item { width:225px; }
#dttcP-logos .dttcP-item img { margin-bottom:10px; }
#dttcP-collateral .dttcP-item img { height:125px; width:125px; }

.dt-connectSlider-nav, .dt-cSlider-nav { display:block; width:20px; height:170px; background-color:#d6d6d6; background-repeat:no-repeat; cursor:pointer; }
#dt-connectSlider-prev, #dt-cSlider-prev { background-image:url('/images/rk/productslidernavi-left.png'); background-position:2px 50%; float:left; }
#dt-connectSlider-next, #dt-cSlider-next { background-image:url('/images/rk/productslidernavi-right.png'); background-position:-12px 50%; float:right; }
#dt-connectSlider-prev.disabled, #dt-cSlider-prev.disabled { background-image:url('/images/hs/cslider-left-disabled.png'); }
#dt-connectSlider-next.disabled, #dt-cSlider-next.disabled { background-image:url('/images/hs/cslider-right-disabled.png'); }
.disabled { cursor:default !important; }

#dttcPanes .sig { font-style:italic; }

.dtBucket {
  float:left; width:290px; margin:0 26px 40px 0;
  border: 3px solid #7a7b7c;
  -moz-border-radius: 10px 0 10px 0;
  -webkit-border-radius: 10px 0 10px 0;
  border-radius: 10px 0 10px 0;
  height:315px;
}

.dtBucket#dtB-orderOnline {
  margin-right:0;
}

.dtB-content {
  padding:10px;
  font-size:.95em;
  line-height:1.2em;
}

.bodyLayout #container #mainContent
.dtBucket h3 {
  padding:0 3px; margin:0; height:25px; text-indent:-9999px;
  background-color:#5C8727;
  background-image:url('/images/hs/dtB-headerbg.png');
  background-repeat:no-repeat;
  border-bottom:3px solid #7A7B7C;
  -moz-border-radius: 7px 0 0 0;
  -webkit-border-radius: 7px 0 0 0;
  border-radius: 7px 0 0 0;
}

#dtB-quickDocuments h3 { background-position:8px 6px }
#dtB-upcomingEvents h3 { background-position:8px -25px }
#dtB-orderOnline h3 { background-position:8px -57px }

.dtBucket ul { padding:0; margin:0; list-style-type:none; }

#dtB-quickDocuments li { line-height:1.75em; }

#dtB-upcomingEvents ul p { margin:0; padding:0; }
#dtB-upcomingEvents ul li{ margin-bottom:10px; }

#dtB-orderOnline a { font-weight:bold; margin:0; text-decoration:underline; }
#dtB-orderOnline p { margin:5px 0; padding:0; }
.bodyLayout #container #mainContent
#dtB-orderOnline h4 { margin-top:-10px; }
#dtB-orderOnline h4 a {
  display:block; text-indent:-9999px;  height:31px;
  background-image:url('/images/hs/ImageMarketingTools.jpg');
  background-repeat:no-repeat; background-position:50% 50%;
}

#dtB-orderOnline a#dtB-VFI { display:block; height:69px; width:261px; background-image:url('/images/hs/disttoolsOrderOnline.jpg');
  background-repeat:no-repeat; text-indent:-9999px; margin-top:15px; }

/* -------- */
/* ABOUT US */
/* -------- */

.bodyLayout #container #mainContent h4.aboutUsTagLine { padding: 0px; }

/* ------------- */
/* NEWS & EVENTS */
/* ------------- */

.bodyLayout #container #mainContent .newsItem { padding:0 0 15px; }
.bodyLayout #container #mainContent .newsItem * { padding:0 0 0 90px; }
.bodyLayout #container #mainContent .newsItem img { float:left; width:75px; height:75px; padding:0; }

.bodyLayout #container #mainContent h3.upcomingEvents { margin:40px 0 10px 0; }
.bodyLayout #container #mainContent table.upcomingEvents { margin:0 0 40px 0; width:100%; }
.bodyLayout #container #mainContent table.upcomingEvents thead th { color:#9fa1a4; /*grey*/ font-weight:normal; }

.bodyLayout #container #mainContent .pressReleases {  list-style-type:none;  margin:0; padding:0; }
.bodyLayout #container #mainContent .pressReleases li { padding-bottom:5px; }

/* ------------- */
/* CATEGORY PAGE */
/* ------------- */

.bodyLayout #container #mainContent .twoColNavLeft {   list-style-type:none; width:200px; float:left;  margin:0; padding:0; }
.bodyLayout #container #mainContent .twoColNavRight {   padding:0 0 0 240px;   }

/* .categoryMenuWrapper { 
   position: absolute; margin-left: 35px; width: 280px; }

.categoryMenu {
  position: absolute;  top: 0;
  margin-top: 20px;  }

.categoryMenu.fixed {
  position: fixed;
  top: 0;
} */

.bodyLayout #container #mainContent .pageHeader {  list-style-type:none;  margin:0;padding:0; }
.bodyLayout #container #mainContent .pageHeader li { display:inline; padding:0 5px 0 0; }
.bodyLayout #container #mainContent .pageHeader li.pageHeaderLast {  padding:0; }

.bodyLayout #container #mainContent .productLine { width:700px; }

.bodyLayout #container #mainContent .categoryHeader { list-style-type:none; margin:0;padding:0; }
.bodyLayout #container #mainContent .categoryHeader li { display:inline; padding-right:10px;}
.bodyLayout #container #mainContent .categoryHeader li.categoryImageRight { padding:0; }

.bodyLayout #container #mainContent h3.categoryName { padding-bottom:5px; margin-bottom:5px; }
.bodyLayout #container #mainContent h3 .fabricType { /*display:none;*/ color:#5c8727 /*hs green*/; }
.bodyLayout #container #mainContent h3:hover .fabricType { display:inline; }

.bodyLayout #container #mainContent p.categoryDescription { line-height:1.5em; padding-top:0;margin:0 0 20px 0;}

.bodyLayout #container #mainContent .productLine .productImage { height:100px; }
.bodyLayout #container #mainContent .productLine .productDisplay { width:120px; height:225px; float:left; margin:0 50px 0 0; }
.bodyLayout #container #mainContent .productLine .productDisplay.collectionDisplay { height:200px; }
.bodyLayout #container #mainContent .productLine .productDisplay * { margin:0; padding:0; }

.bodyLayout #container #mainContent .productLine .productDisplay .productImageContainer { display:block;height:110px; margin-bottom:10px; text-align:center; }
.bodyLayout #container #mainContent .productLine .productDisplay img {  }

.bodyLayout #container #mainContent .productLine .productDisplay .productSwatches { list-style-type:none; margin:0; }
.bodyLayout #container #mainContent .productLine .productDisplay .productSwatches li { display:inline; }
.bodyLayout #container #mainContent .productLine .productDisplay .productSwatches img { width:15px; height:15px; margin:0 1px 3px 0; }

.bodyLayout #container #mainContent .productLine .productDisplay h4 a { font-family:Verdana,Arial,sans-serif; color:#636466; font-size:11px; line-height:15px; font-weight:normal; padding-bottom:5px;}

.bodyLayout #container #mainContent .twoColNavLeft ul { margin:0; padding:0; list-style-type:none; }
.bodyLayout #container #mainContent .twoColNavLeft li { margin: 0 0 10px 0; }
.bodyLayout #container #mainContent .twoColNavLeft li a { text-transform:uppercase; font-family: 'AllerRegular',Tahoma,Arial,sans-serif; font-size:14px; color:#000000; line-height:20px; }
.bodyLayout #container #mainContent .twoColNavLeft li ul li { margin:0 0 0 10px; }
.bodyLayout #container #mainContent .twoColNavLeft li ul li a { color:#636466; font-family:Verdana,Arial,sans-serif; text-transform:none; font-size:12px;  }
.bodyLayout #container #mainContent .twoColNavLeft li ul li a:hover { color:#7f9f57; }

.bodyLayout #container #mainContent .twoColNavLeft li.navCurrent { padding:20px; background-color:#e9e9e9;
border-radius: 10px 0px 10px 0px;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px; }

/* ------------ */
/* HERO SUPPORT */
/* ------------ */

.bodyLayout #container #mainContent form#heroSupport_viewAllHeroes { background:url('/images/hs/herosupport_header.jpg') no-repeat;
  padding:380px 0 0 160px; height:41px; width:130px; }

.bodyLayout #container #mainContent form#heroSupport_viewAllHeroes .button {   background:url('/images/hs/actionbutton_blank_transparent.gif') no-repeat top;   border:none;   height:30px;   width:120px;  padding:0 0px 0 0; text-align:center;
  color: #fff;   font-size: 14px;   font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;   margin:0;   }
.bodyLayout #container #mainContent form#heroSupport_viewAllHeroes .button:hover {   background-position:bottom;   }

.bodyLayout #container #mainContent #heroSupport_viewPastHeroes .button,
.bodyLayout #container #mainContent #heroSupport_downloadForm .button,
.bodyLayout #container #mainContent #heroSupport_onlineForm .button {
background:url('/images/hs/actionbutton_big.gif') no-repeat top;   border:none;   height:40px;
  width:180px;  padding:0 0px 0 0; text-align:center;
  color: #fff;   font-size: 18px;   font-family: 'AllerRegular',Tahoma,Arial,sans-serif;   margin:0 0 10px 0 ;
}

.bodyLayout #container #mainContent #heroSupport_viewPastHeroes .button {
background-image:url('/images/hs/greybutton_big.gif');
}

.bodyLayout #container #mainContent #heroSupport_viewPastHeroes .button:hover,
.bodyLayout #container #mainContent #heroSupport_downloadForm .button:hover,
.bodyLayout #container #mainContent #heroSupport_onlineForm .button:hover { background-position: bottom; }

/* --------------------- */
/* HERO SUPPORT - HEROES */
/* --------------------- */

.bodyLayout #container #mainContent .heroContainer { padding-bottom:30px; }
.bodyLayout #container #mainContent .heroContainer .heroThumbnail { float:left; width:290px;height:240px; padding-right:30px; padding-bottom:30px; background-color:#ffffff;}
.bodyLayout #container #mainContnet .heroContainer .heroContent {  padding-left:320px;  }
.bodyLayout #container #mainContent .heroContainer .heroContent h3 { margin:0;padding:0; }
.bodyLayout #container #mainContent .heroContainer .heroContent h3 .heroPositiveForceWinner {color:#5c8727;}

/* ------------ */
/* CONTACT PAGE */
/* ------------ */

.bodyLayout #container #mainContent .contactColLeft { float:left; width: 320px; }
.bodyLayout #container #mainContent h4 { padding:10px 0 0 0; margin:0; font-size: 12px;}
.bodyLayout #container #mainContent .contactColLeft h4.first,
.bodyLayout #container #mainContent .contactColRight h4,
.bodyLayout #container #mainContent .contactColRight p,
.bodyLayout #container #mainContent .contactColLeft p { padding:0; margin:0; }
.bodyLayout #container #mainContent .contactColLeft ul {padding:0;margin:10px 0 0 0;list-style-type:none;}
.bodyLayout #container #mainContent .contactColRight { float:right; width:300px; }

.bodyLayout #container #mainContent .contactColRight .contourField {height: 20px;}
.bodyLayout #container #mainContent .contactColRight .contourField label {  display:block; width:90px; margin:0; text-transform:uppercase;font-size:11px;font-family:'AllerRegular',Tahoma,Arial,sans-serif;/*color:#*/ }
.bodyLayout #container #mainContent .contactColRight .contourField textarea {float:right; clear:right; height:120px; }
.bodyLayout #container #mainContent .contactColRight .contourField input { float:right; clear:right; }
.bodyLayout #container #mainContent .contactColRight .contourField .button { display:block;  }
.bodyLayout #container #mainContent .coutourNavigation {position: relative; clear: both;}
.bodyLayout #container #mainContent .contactColRight .contourField .message {}

/* ------------ */
/* Privacy Page */
/* ------------ */

.privacyTitle {
  color: #fff;
  margin-left: 2px;
}


/* -------------- */
/* SEARCH RESULTS */
/* -------------- */

.bodyLayout #container form#searchFromResultsPage .searchResults {position: relative; top: 3px;}
.bodyLayout #container form#searchFromResultsPage { margin-bottom:10px; }
.bodyLayout #container form#searchFromResultsPage h3 {  line-height:20px; padding-bottom:10px;  }
.bodyLayout #container form#searchFromResultsPage input#searchBox {    font-size:14px; line-height:20px; font-family: 'AllerRegular',Tahoma,Arial,sans-serif; color:#4a722e; height: 20px; width:170px; margin:0 5px; padding: 0 5px;  background:url('/images/hs/searchbox.gif') no-repeat;  border:1px solid #ffffff; }
.bodyLayout #container form#searchFromResultsPage input#searchButton {   background: url('/images/hs/search_button.gif') no-repeat top;   color: #fff;
  font-size: 14px; font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;      height:20px;  margin:1px 0; border:none; width:90px;   }
.bodyLayout #container form#searchFromResultsPage input#searchButton:hover {   background-position:bottom;   }

.bodyLayout #container #mainContent .productLine.searchResults { width:100%; }

.searchResults .productImage { height:100px; }

/* ------ */
/* FOOTER */
/* ------ */

.bodyLayout #footerContainer {    background:url('/images/hs/divider_bg.gif') #e9e9e9 center top no-repeat;   clear:both;   }

.bodyLayout #footerContainer h2#tagline {   background:url('/images/hs/madeforheroestag.jpg') no-repeat;   display:block;   text-indent:-9999px;
  height:19px;   width:236px;   margin:0 auto;   padding:0 42px 0 0   }

.bodyLayout #footer {   background:#e9e9e9;  clear:both; text-align:left;   line-height: 1.3em;   width:940px;   margin:20px auto 0 auto;   padding:0 0 30px 0;   }

.bodyLayout #footer .button {   background:url('/images/hs/actionbutton.gif') no-repeat top;   border:none;   height:30px;   width:120px;  padding:0 20px 3px 0;   color: #fff;   font-size: 14px; line-height:14px;   font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;   margin:10px 0 0 0;   }

.bodyLayout #footer .button:hover {   background-position:bottom;   }

.bodyLayout #footer #footerBanner {   margin:10px 0 15px 0;   float:right;  width:620px;   height: 150px; display:block;   background:url('/images/hs/banner_donate.jpg') no-repeat;  text-indent:-9999px;}

.bodyLayout #footer #footerBanner .button {   position:relative; left:465px; top:50px;}

#socialmedia a {padding-top:10px; float:left;}

#socialmedia a.last {padding-bottom:20px; padding-top:0px;}

/* ------------ */
/* FOOTER LINKS */
/* ------------ */

.bodyLayout #footer #footerLinks {   font-size: 11px;   line-height: 16px; font-family: Verdana,Tahoma,Arial,sans-serif;   color:#808081;
  float:left;   width:320px;   }
.bodyLayout #footer #footerLinks h3 {   text-transform:uppercase;   font-size: 14px;   font-family: 'AllerRegular',Tahoma,Verdana,Arial,sans-serif;
  color:#000000;   margin-bottom:5px;   }

.bodyLayout #footer .footerLink {   float:left;   background:#fff;   width:310px;   padding: 10px 0 0 10px;   margin: 0 0 10px 0;   }
.bodyLayout #footer #footerLinks #refCatalog {   background:url('/images/hs/refcatalog_bg.jpg');   height:148px;   padding: 20px 0 0 10px;   }
.bodyLayout #footer #footerLinks #refCatalog p {   padding: 0 150px 0 0;   }
.bodyLayout #footer #footerLinks #refDealerLocator {   background:url('/images/hs/refdealerlocator_bg.jpg');   height:140px;   margin: 0 0 20px 0;   }
.bodyLayout #footer #footerLinks #refDealerLocator p {   padding: 0 190px 0 0;   }
.bodyLayout #footer #footerLinks #refNewsletter {   /*height:68px;*/ height:78px;   border:1px solid #bdbfc3;   width:290px;   }

.bodyLayout #footer #footerLinks #refNewsletter .button {   background-image:url('/images/hs/signupbutton.gif');   background-position:top;   width:70px;   padding:0;   margin:0 0 0 5px;
   margin-right:10px; float:right; }
.bodyLayout #footer #footerLinks #refNewsletter .button:hover {   background-position:bottom;   }

.bodyLayout #footer #footerLinks form#refNewsletter #refNewsletterBox {   font-size: 12px;   font-family: Verdana,Tahoma,Arial,sans-serif;
  height:14px;   width:190px;   padding:8px 5px;   border:1px solid #bdbfc3;  }

/* -------------- */
/* FOOTER MEGANAV */
/* -------------- */

.bodyLayout #footer .footerMegaNav li {   display:inline;   font-size: 12px;   font-family: 'AllerRegular', Verdana, Tahoma, Arial, sans-serif;
   margin:0;   }
.bodyLayout #footer .footerMegaNav *  {   margin:0;   padding:0;   }
.bodyLayout #footer .footerMegaNav ul {   list-style-type:none;   }
/* internal styling */

.bodyLayout #footer .footerMegaNav { float:right;  border-top: 1px solid #ababab /*b7c7ab*/;   padding: 15px 0 0 0;   width:620px;   }
.bodyLayout #footer .footerMegaNav.navCollections {   border:none;   padding:0;   }

.bodyLayout #footer .footerMegaNav ul {   width:230px;   float:left;   padding: 0 0 10px 0;   }
.bodyLayout #footer .footerMegaNav ul li {   display:block;   }

/* variants */

.bodyLayout #footer .footerMegaNav .navLastCol {   width:160px;   }
.bodyLayout #footer .footerMegaNav .navNoChildren li {   padding: 0 0 10px 0;   }
.bodyLayout #footer .footerMegaNav.navCollections .navFirstCol {   padding:0;   }

.bodyLayout #footer .footerMegaNav ul li a,
.bodyLayout #footer .footerMegaNav.navCollections ul ul li a {   color:#4c4f4c;   font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size:12px;   line-height: 20px;   text-transform:none;   letter-spacing:0;   padding:0 0 0 10px;   }

.bodyLayout #footer .footerMegaNav h3 a,
.bodyLayout #footer .footerMegaNav.navCollections ul li a {   font-family: 'AllerRegular', Verdana, Tahoma, Arial, sans-serif;
  letter-spacing:0;   font-size:14px;   line-height:22px;   text-transform:uppercase;   font-weight:normal;   color:#000;
  padding:0;   }

.bodyLayout #footer .footerMegaNav.navCollections h3 { display:none; }

/* ---------- */
/* PAGE FLOOR */
/* ---------- */

/*.bodyLayout #pageFloorWrapper {background:url('/images/hs/pagefloorwrapper_bg.gif') #e9e9e9 top center no-repeat; position:relative; padding-bottom:5px; }
.bodyLayout #pageFloor {  list-style-type:none;   text-align:right; font-size:10px; color:#a9abad;
   margin: 0 auto;  width:940px; }

.bodyLayout #pageFloor li {   display:inline;   padding:0 10px; position:relative; bottom:5px; border-left:1px solid #a9abad; }

.bodyLayout #pageFloor li#pageFloorCopyright { padding-left:0; border:none; }
.bodyLayout #pageFloor li#pageFloorVFLogo { padding-left:200px;  top:4px; bottom:0px; border:none; }
.bodyLayout #pageFloor li#pageFloorFacebook { top:3px; bottom:0px; border:none;}

.bodyLayout #pageFloor li a {   color:#5c8727;   }*/

.bodyLayout #pageFloorWrapper { background:url('/images/hs/pagefloorwrapper_bg3.gif') #e9e9e9 top center no-repeat; position:relative; padding-bottom:5px; }
.bodyLayout #pageFloor {  list-style-type:none;   text-align:right; font-size:10px; color:#a9abad;
   margin: 0 auto;  width:940px; background:url('/images/hs/pagefloor_bg.gif') #e9e9e9 top center no-repeat; position:relative; }
.bodyLayout #pageFloor ul {padding: 0px; padding-top: 2px; margin: 0px;}
.bodyLayout #pageFloor li {   display:inline;   padding:0 10px; position:relative; bottom:5px; border-left:1px solid #a9abad; }

.bodyLayout #pageFloor li#pageFloorCopyright { padding-left:0; border:none; }
.bodyLayout #pageFloor li#pageFloorVFLogo { position: relative; padding-left:0px;  top:1px; bottom:0px; border:none; }
.bodyLayout #pageFloor li#pageFloorSocial { padding:0px 2px 0px 0px; top:0px; bottom:0px; border:none;}
/*.bodyLayout #pageFloor li#pageFloorFacebook { padding-left:0px; top:0px; bottom:0px; border:none;}*/

.bodyLayout #pageFloor li a {   color:#a9abad;   }

/* ------------ */
/* AUTOCOMPLETE */
/* ------------ */

.ac_results {   border: none;   overflow: visible;   width:170px;   position:relative; }

.ac_results ul {   width:170px;   list-style: none;    margin: 0;   padding:2px 0 7px 0;
  z-index:999;   position:relative;   bottom:4px;   left:1px;
  background: url('/images/hs/autocomplete_bg.gif') no-repeat bottom left;
  overflow: visible; }

.ac_results iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;   top:0;
  left:0;   z-index:-1;   filter:mask();   width:3000px;   height:3000px; }

.ac_results li {   text-align:left;   margin: 0 1px;   padding: 2px 4px;
  cursor: pointer;   display: block;   width: 160px;   font: menu;
  font-size: 12px;   overflow: hidden;   color:#636466;  }

/*.ac_loading {   background : Window url('./indicator.gif') right center no-repeat; }*/

.ac_results li.ac_over {   background-color: #9fa1a4;   color: #ffffff; }

/* ------------ */
/* MODAL POP-UP */
/* ------------ */

.modal { background-color:#ffffff; display:none; width:320px; padding:5px 15px 15px 15px;
  border:5px solid #757878;  
border-radius: 10px 0px 10px 0px;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px; text-align:left; z-index:1000;
max-height:500px; overflow-x:auto;
}
.modalContentWrap { height:100px; overflow-y:auto;background-color:#ffffff; }
#modalVideo { background:#4c4c4c;padding:0; margin-top:90px; width:940px; height:469px; border:none;
border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;text-align:right;
}
#modalVideo .button {   background:url('/images/hs/actionbutton_blank_transparent.gif') no-repeat top;   border:none;   height:30px;   width:160px;  padding:0 0 0 0;
  color: #fff;   font-size: 15px;   font-family: 'AllerRegular',Verdana,Tahoma,Arial,sans-serif;   margin:10px 0 0 0;   }
#modalVideo .button:hover {   background-position:bottom;   }
.modalNewsletter { width:560px;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; }
.modal .modalLoader { text-align:center; padding:10px; }

#modalVideo.youtube { background:transparent; width: 835px; } 

/* ------- */
/* TOOLTIP */
/* ------- */

.tooltip, .tooltipIcon { display:none;
  background:#fff url(/tools/img/tooltip/black_arrow.png);
  height:30px; text-transform:uppercase;line-height:1.3em;
  padding:6px 9px 9px 6px;  border:1px solid #5b873c; text-align:left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; z-index:999;
}

.tooltip *, .tooltipIcon * {margin:0;padding:0; font-weight:normal;}
.tooltip h4, .tooltipIcon h4 {  font-family:'AllerRegular', Tahoma, Arial, sans-serif;
    color:#5b873c; text-transform:uppercase; font-size:12px; }
.tooltip h5, .tooltipIcon h5 {font-size:11px; }

.tooltipIcon { background:transparent; width:200px; padding:0; height:auto;
  background-image:url('/images/hs/tooltip_bg.gif'); border:none;
  background-repeat:no-repeat;
  background-position:bottom left;
}
.tooltipIcon h4 {padding:0 10px; }
.tooltipIcon h5 { text-transform:none; margin-top:3px; padding:0px 10px 22px 10px; }

.toolTipTop {width:200px;height:10px;background:url('/images/hs/tooltip_top.gif'); position:relative;bottom:3px;}

/* ------------------- */
/* CROSS-BROWSER FIXES */
/* ------------------- */

/* IE 7 */
#selector { *display: block; }

/* IE 6 */
#selector { _display:block; }

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#selector { display:block; }
}

div.locator .results {
 text-transform: uppercase; 
}

table.salesContacts td{ padding:5px; }
table.salesContacts a { text-decoration:underline; }
table.salesContacts { width:100%; }

/* ------------------- */
/* CONTACT FORM REVISED */
/* ------------------- */

.dForm input,#mainContact textarea
{
  border:1px solid #999;
  font-family:Helvetica,sans-serif;
  font-size:12px;
  width:302px;
  margin:0 0 20px;
  padding:5px;
}

.dForm select
{
  border:1px solid #999;
  font-family:Helvetica,sans-serif;
  font-size:12px;
  width:310px;
  margin:0 6px 20px 0;
  padding:5px;
}

.dForm .shortBox
{
  border:1px solid #999;
  font-family:Helvetica,sans-serif;
  font-size:12px;
  width:140px;
  margin:0 6px 0 0;
  padding:5px;
}

.dForm select.stateDropdown
{
  width:152px;
  margin:0 0 20px;
}

.dForm select.countryDropdown
{
  width:150px;
}

.dForm textarea
{
  height:50px;
}

.dForm label
{
  color:#0B0B0B;
  float:left;
  font-size:12px;
  font-weight:400;
  margin-right:15px;
  padding-top:5px;
  text-align:left;
  width:130px;
  clear:left;
}

.dForm input,.dForm textarea
{
  border:1px solid #999;
  font-family:Helvetica,sans-serif;
  font-size:12px;
  width:300px;
  margin:0 0 20px;
  padding:5px;
}

.dForm input.countryDropdown
{
  border:1px solid #999;
  font-family:Helvetica,sans-serif;
  font-size:12px;
  width:150px;
  margin:0 6px 20px 0;
  padding:5px;
}

.dForm .radioArea
{
  float:left;
  height:20px;
  padding-top:10px;
  position:relative;
  width:303px;
}

.dForm .radio
{
  float:left;
  height:20px;
  position:relative;
  width:100px;
}

















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */