@charset "utf-8";
/* CSS Document */
html,
body
{
   background-color: #dbd2af;
   color: #000;
   padding: 0;
   margin: 0;
}
img
{
   border: 0;
}
a
{
   color: #3183a9;
   font-weight: bold;
   text-decoration: none;
}
a:hover
{
   color: #d2c7a1;
   text-decoration: underline;
}
hr
{
}
.clearCols
{
   clear: both;
}
.pageTitle
{
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 1px #d2c7a1 solid;
   color: #73371e;
   margin-bottom: 10px;
}
#mainDiv
{
   position: relative;
   width: 915px;
   padding: 0;
   margin: 0 auto;
   font: 1em/1.5em Arial, Helvetica, sans-serif;
}
#headerFront,
#header
{
   position: relative;
   top: 0;
   left: 0;
   background: url(/images/en/back_header-front.gif) no-repeat;
   width: 915px;
   height: 275px;
   color: #000;
}
#header
{
   height: 144px;
   background: url(/images/en/back_header.gif) no-repeat;
}
#headerFront #logo,
#header #logo
{
   position: absolute;
   top: 0;
   left: 25px;
}
#headerFront #logo a,
#header #logo a
{
   display: block;
   width: 210px;
   height: 34px;
}
#headerFront #globalNav,
#header #globalNav
{
   position: absolute;
   top: 10px;
   right: 20px;
   font-size: 14px;
}
#globalNav a
{
   font-weight: normal;
   font-size: 14px;
}
#globalNav a:hover
{
}
#headerFront #imageRotation
{
   position: absolute;
   top: 34px;
   left: 7px;
   width: 900px;
   height: 192px;
}
#headerFront #navigation,
#header #navigation
{
   position: absolute;
   top: 226px;
   left: 7px;
   width: 900px;
   height: 38px;
}
#header #navigation
{
   top: 98px;
}
#headerFront #navigation #navBtns,
#header #navigation #navBtns
{
   float: left;
   width: 420px;
   padding-left: 11px;
   white-space: nowrap;
}
#headerFront #navigation #search,
#header #navigation #search
{
   float: right;
   text-align: right;
   width: 420px;
   padding-right: 11px;
}
#headerFront #navigation #search img,
#headerFront #navigation #search input,
#header #navigation #search img,
#header #navigation #search input
{
   vertical-align: middle
}
#headerFront #navigation #search form,
#header #navigation #search form
{
   padding: 0;
   margin: 0;
}
#bodyContent
{
   float: left;
   background: url(/images/en/back_body.gif) repeat-y;
   width: 919px;
}
#homeLiterature,
#homeWhatsNew
{
   width: 410px;
   margin: 20px auto;
}
#homeLiterature #litScrollBox
{
}
#leftNavProducts
{
   float: left;
   padding: 0 27px 27px 33px;
   width: 170px;
}
#mainContent
{
   float: left;
   height: 350px;
   height: auto !important;
   min-height: 350px;
   padding: 0 27px 27px 27px;
   width: 620px;
   border-left: 1px solid #d1c8a1;
}
.navMenu
{
   margin: 0;
   padding-left: 0;
}
#leftNavPages .navMenu
{
   padding-top: 10px;
}
#leftNavProductsByCategory,
#leftNavProductsByApplication
{
   padding-top: 15px;
}
#leftNavProductsByCategory h3,
#leftNavProductsByApplication h3,
#leftNavPages h3
{
   padding-bottom: 5px;
}
#leftNavProductsByCategory .navCat,
#leftNavProductsByApplication .navApp,
#leftNavPages .navMenu
{
   margin: 0;
   list-style: none;
   padding: 0;
}
#leftNavProductsByCategory .navCat li,
#leftNavProductsByApplication .navApp li,
#leftNavPages .navMenu li
{
   list-style-position: outside;
   line-height: 1.35em;
   list-style: none;
   font-weight: normal;
   padding: 0;
   margin: 2px 0 5px 15px;
}
#leftNavProductsByCategory .navCat li:hover,
#leftNavProductsByApplication .navApp li:hover,
#leftNavPages .navMenu li:hover
{
   list-style-position: outside;
   list-style-image: url(/images/en/bullet.gif);
}
#leftNavProductsByCategory .navCat li.active,
#leftNavProductsByApplication .navApp li.active,
#leftNavPages .navMenu li.active
{
   text-transform: uppercase;
   list-style-position: outside;
   list-style-image: url(/images/en/bullet.gif);
}
#repMap
{
   margin: 0 auto;
   position: relative;
   width: 610px;
   height: 600px;
}
#quickSearch
{
   position: absolute;
   top: 5px;
   right: 10px;
   z-index: 100;
}
#mapBox
{
   position: absolute;
   top: 0;
   left: 0;
   width: 610px;
   height: 600px;
}
.repBox,
.stateRepsBox
{
   display: none;
   position: absolute;
   top: 85px;
   left: 100px;
   width: 350px;
}
.repBox
{
   height: 150px;
}
.repBoxDetails,
.stateRepsBoxDetails
{
   background: #f4f2e5;
   border: 2px #dbd4af solid;
   border-top: 0;
   border-bottom: 0;
   filter: alpha(opacity=95); /* IE's opacity*/
   opacity: 0.95;
   font: 14px/18px Arial, Helvetica, sans-serif;
   padding: 10px;
   color: #7c7a65;
   height: 342px;
   overflow: auto;
}
.repTitle,
.repBoxClose
{
   text-align: center;
   background: #e7e3cb;
   border: 2px #dbd4af solid;
   padding: 2px 0;
   font-weight: bold;
   color: #7c7a65;
   text-transform: uppercase;
}
.noRep,
.representative
{
   padding: 10px 0;
   margin-bottom: 10px;
   border-bottom: 2px #dbd4af solid;
   font-size: 14px;
}
.representativeDetails
{
   padding-left: 30px;
}
.representativeName
{
   font-weight: bold;
   padding-left: 10px;
   text-transform: uppercase;
}
.stateName
{
   font-size: 17px;
   font-weight: bold;
}
#footer
{
   float: left;
   background: url(/images/en/back_footer.gif) no-repeat;
   width: 915px;
   height: 40px;
   font-size: 14px;
}
#footer #footerLinks
{
   float: left;
   padding: 7px 0 0 35px;
   width: 400px;
}
#footerLinks a
{
   color: #3c241a;
   font-weight: normal;
   font-size: 12px;
}
#footerLinks a:hover
{
   color: #ece7d5;
}
#footer #copyright
{
   float: right;
   padding: 7px 30px 0 0;
   width: 420px;
   text-align: right;
}
#applicationDescription,
#categoryDescription
{
   padding-bottom: 10px;
}
#products,
#product
{
   width: 600px;
}
#products .product
{
   padding: 10px;
   padding-bottom: 15px;
   float: left;
   width: 95px;
   text-align: center;
}
#productClose,
#productsClose
{
   clear: all;
}
#product #productLeft
{
   float: left;
   width: 300px;
}
#product #productRight
{
   float: right;
   width: 237px;
}
#product #productSku
{
   font-size: 11px;
   font-weight: normal;
}
#product #productFiles
{
   width: 250px;
   margin-top: 25px;
}
#product #productFiles,
#product #productFiles h2
{
   color: #73371e;
   border-bottom: 1px #d2c7a1 solid;
}
#product #productFiles #filesList
{
   margin-top: 5px;
   margin-bottom: 5px;
}
#product #productMainImage
{
   cursor: pointer;
   text-align: center;
}
#product #productSecondaryImages
{
   padding-top: 10px;
}
#product .productSecondaryImage
{
   float: left;
   width: 75px;
   padding: 0 2px;
}
#product .productSecondaryImage img
{
}
#news li
{
   border-bottom: 1px #d2c7a1 solid;
}

/* product scroller */
#productScrollerTitle
{
   color: #73371e;
   margin-bottom: 10px;
   margin-top: 40px;
   border-bottom: 1px #d2c7a1 solid;
}

.scrollable
{
   border: 0;
   float: left;   
   height: 114px;
   margin-left: 20px;
   overflow: hidden;
   position: relative;
   width: 506px;
}

.scrollable .active
{
   position: relative;
   z-index: 9999;
}

.scrollable .items
{
   clear: both;
   position: absolute;
   width: 80000em;
}

.scrollable .product
{
   cursor: pointer;
   float: left;
   height: 105px;
   margin: 10px;
   padding: 2px;
   text-align: center;
   width: 75px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

/* scrollable buttons. */
a.scrollableBrowse
{
   background: url(/images/en/button_singleImage.gif) no-repeat;
   cursor: pointer;
   display: block;
   float: left;
   font-size: 1px;
   height: 92px;
   margin-top: 13px;
   width: 28px;
}

/* right posistions. */
a.scrollableRight
{
   background-position: 0 -92px;
   clear: right;
   margin-right: 0px;
}

a.scrollableRight:hover
{
   background-position: -28px -92px;
}

a.scrollableRight:active
{
   background-position: -56px -92px;
}

/* left positions. */
a.scrollableLeft
{
   left: 20px;
   margin-left: 0px;
   position: relative;
}

a.scrollableLeft:hover
{
   background-position: -28px 0;
}

a.scrollableLeft:active
{
   background-position: -56px 0;
}
#IESFiles
{
   display: none;
   position: absolute;
   top: 320px;
   left: 290px;
   width: 250px;
}
#IESFilesTitle
{
   text-align: center;
   background: #e7e3cb;
   border: 2px #dbd4af solid;
   padding: 2px 0;
   font-weight: bold;
   color: #7c7a65;
   text-transform: uppercase;
}
#IESFilesList
{
   background: #f4f2e5;
   border: 2px #dbd4af solid;
   border-top: 0;
   border-bottom: 0;
   filter: alpha(opacity=95); /* IE's opacity*/
   opacity: 0.95;
   font: 14px/18px Arial, Helvetica, sans-serif;
   padding: 10px;
   color: #7c7a65;
   height: 120px;
   overflow: auto;
}
#IESFilesClose
{
   text-align: center;
   background: #e7e3cb;
   border: 2px #dbd4af solid;
   padding: 2px 0;
   font-weight: bold;
   color: #7c7a65;
   text-transform: uppercase;
}

/* brochure scroller */
#brochureScroller .scrollable
{
   float: left;
   margin: 0;
   width: 348px;
}

#brochureScroller .scrollable .brochure
{
   cursor: pointer;
   float: left;
   height: 105px;
   margin: 8px 4px;
   padding: 2px;
   text-align: center;
   width: 75px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

#brochureScroller a.scrollableLeft,
#brochureScroller a.scrollableRight
{
   float: left;
   left: 0;
}

#brochures,
{
   width: 600px;
}
#brochures .brochure
{
   padding: 10px;
   padding-bottom: 15px;
   float: left;
   width: 95px;
   text-align: center;
}
#brochuressClose
{
   clear: all;
}