@charset "utf-8";
/* CSS Document */
html,
body
{
   background: url(/images/en/background.jpg) repeat-x;
   background-color: #232323;
   color: #797979;
   padding: 0;
   margin: 0;
}
img
{
   border: 0;
}
a
{
   text-decoration: none;
   color: #e0030a;
}
a:hover
{
   text-decoration: underline;
   color: #393939;
}
.clearCols
{
   clear: both;
}
hr
{
   background-color: #c3c3c3;
   color: #c3c3c3;
   height: 1px;
   border: none;
   margin-bottom: 5px;
}
h1 .pageTitle,
div .pageTitle,
.pageTitle,
.leftNavTitle,
.leftNavTitle2
{
   font: 24px/28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #e0030a;
   padding-bottom: 2px;
   margin-top: -14px;
   margin-bottom: 10px;
   border-bottom: 4px #eaeaea solid;
}
.leftNavTitle,
.leftNavTitle2
{
   font: 16px/21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   margin-top: -7px;
}
#siteMapLeft ul,
#siteMapRight ul
{
   margin: 10px 0;
   padding: 0;
}
#siteMapLeft li,
#siteMapRight li
{
   list-style-position: outside;
   list-style-image: url(/images/en/bullet.gif);
   line-height: 1em;
   font-weight: normal;
   margin-left: 35px;
   padding: 0;
   margin-bottom: 10px;
}
#mainDiv
{
   width: 986px;
   margin: 0 auto;
   font: 1em/1.5em Arial, Helvetica, sans-serif;
}
#header
{
   position: relative;
   height: 163px;
   background: url(/images/en/header_back.jpg) no-repeat;
   color: #797979;
}
#logo
{
   position: absolute;
   top: 32px;
   left: 147px;
}
#logo a
{
   display: block;
   width: 409px;
   height: 98px;
}
#globalNav
{
   position: absolute;
   top: 20px;
   right: 25px;
   font-size: 12px;
   z-index: 10;
}
#globalNav a
{
   text-decoration: none;
   color: #fff;
}
#globalNav a:hover
{
   text-decoration: none;
   color: #e11f26;
   border-bottom: 1px #e11f26 dotted;
}
#phoneNumber
{
   position: absolute;
   top: 110px;
   right: 25px;
   font: 25px/28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
}
#navigation
{
   height: 54px;
   background: url(/images/en/nav_back.jpg) no-repeat;
   padding-left: 17px;
}
#navigation img
{
   float: left;
}
#navigation #cartItems
{
   display: inline-block;
   font-size: 10px;
   color: #fff;
   padding: 20px 0 0 5px;
}
#bodyWrapper
{
   background-color: #fff;
   color: #000;
   padding: 4px;
   width: 978px;
}
#bodyContent
{
   background: url(/images/en/body-back.gif);
   color: #000;
   width: 978px;
}
#contentLeftCol
{
   float: left;
   width: 200px;
   padding: 25px 0 25px 22px;
   font-size: 12px;
   overflow: hidden;
}
#mainTestimonials
{
   background: url(/images/en/back_customer-testimonials.gif) no-repeat;
   padding: 36px 14px 0 9px;
   width: 181px;
   height: 227px;
}
#mainTestimonials #testimonialsCopy
{
   font-size: 11px;
   line-height: 14px;
   height: 194px;
   overflow: hidden;
}
#mainFollowUs
{
   background: url(/images/en/back_follow-us.gif) no-repeat;
   padding: 31px 14px 0 9px;
   width: 181px;
   height: 172px;
}
#mainFollowUs #followUsCopy
{
   height: 160px;
   overflow: hidden;
}
#contentMiddleCol
{
   float: left;
   width: 468px;
   padding: 25px 32px;
   overflow: hidden;
}
#mainYouTube
{
   background: url(/images/en/user/cms/back_YouTube.gif) no-repeat;
   width: 468px;
   height: 422px;
}
#mainYouTube #youTubeCode
{
   padding-top: 56px;
   width: 468px;
   height: 366px;
/*
   overflow: hidden;
*/
}
#contentRightCol
{
   float: left;
   width: 204px;
   padding: 15px 5px 5px 15px;
   color: #000;
   font-size: 12px;
   text-align: center;
   overflow: hidden;
}
#contentRightCol form
{
   margin: 5px;
}
.content,
.contents
{
   float: left;
   width: 710px;
   padding: 25px 22px 25px 22px;
}
.content #leftNavColumn,
.content #catalogLeftNav
{
   float: left;
   width: 165px;
   padding: 25px 0;
   font-size: 12px;
   margin: 0;
}
.content #contentRightColumn,
.content #catalogItems
{
   float: left;
   width: 528px;
   padding: 25px 0 25px 17px;
   margin: 0;
   border: 0;
}
.navMenu,
.categories
{
   float: left;
   background-color: #fff;
   width: 165px;
   padding: 0;
   margin: 0;
   border-top: 1px #fff solid;
   border-bottom: 1px #fff solid;
   font-size: 12px;
   text-transform: uppercase;
   overflow: hidden;
}
.navMenu li,
.categories li
{
   float: left;
   display: block;
   width: 100% !important;
   /*
   height: 23px !important;
   */
   padding: 0;
   margin: 0;
   border-top: 1px #fff solid;
   list-style-type: none;
}
.navMenu li a,
.categories li a
{
   float: left;
   display: block;
   background-color: #fff;
   text-decoration: none;
   width: 140px !important;
   height: auto !important;
   padding: 4px 0 4px 15px;
   margin: 2px 0;
   /* IE6 hack to fix double-padding bug */
   _height: 90%;
   _width: 92%;
   color: #666;
   line-height: 14px;
}
.navMenu li a:hover,
.categories li a:hover
{
   float: left;
   background-color: #e0030a;
   text-decoration: none;
   list-style-type: none;
   padding-right: 15px;
   cursor: pointer;
}
.navMenu a:active,
.navMenu li.active a,
.navMenu li a:active,
.categories a:active,
.categories li.active a,
.categories li a:active
{
   color: #e0030a;
}
.navMenu li .navMenu,
.categories li .categories
{
}
#catalogLeftNav .categories li
{
   padding: 0;
   margin: 0;
   border-top: 1px #fff solid;
   list-style-type: none;
}
#catalogLeftNav .categories li a
{
}
.navMenu li .navMenu li,
#catalogLeftNav .categories li .categories li
{
   padding: 0;
   color: #666;
}
.navMenu li .navMenu li a,
#catalogLeftNav .categories li .categories li a
{
   padding: 4px 0 4px 25px;
   color: #666;
}
.navMenu li .navMenu a:active,
.navMenu li .navMenu li.active a,
.navMenu li .navMenu li a:active,
.categories li .categories a:active,
.categories li .categories li.active a,
.categories li .categories li a:active
{
   color: #e0030a;
}
.navMenu a:hover,
.navMenu li a:hover,
.navMenu li .navMenu a:hover,
.navMenu li .navMenu li a:hover,
.categories a:hover,
.categories li a:hover,
.categories li .categories a:hover,
.categories li .categories li a:hover
{
   color: #fff;
}
#footer
{
   background-color: #4f4f4f;
   height: 45px;
   padding: 15px 0;
   text-align: center;
   font-size: 12px;
}
#footer a
{
   margin: 0 10px;
   text-decoration: none;
   color: #a2a2a2;
}
#footer a:hover
{
   text-decoration: none;
   color: #e11f26;
   border-bottom: 1px #e11f26 dotted;
}
#footer .smallerCopy
{
   font-size: 11px;
}
#copyright
{
   font-size: 10px;
   color: #797979;
   padding: 15px 0;
   text-align: center;
}
/*
 * Nav dropdown menus.
 */
#qm0,
#qm1,
#qm2,
#qm3,
#qm4,
#qm5,
#qm6,
#qm7,
#qm8
{
   float: left;
}
/*
 * All.
 */
.qmmc
{
   background-color: transparent;
}

/*
 * Main items.
 */
.qmmc a
{
   background-color: transparent !important;
   color: #fff;
   display: block !important;
   border: 0;
}

/*
 * Main hover state.
 */
.qmmc a:hover
{ 
   background-color: transparent !important;
   color: #e11f26 !important;
   display: block !important;
}

/*
 * Main active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc .qmactive
{ 
   background-color: transparent !important;
   text-decoration: none !important;
   color: #e11f26 !important;
   /*
   text-decoration: underline !important;
   */
}


/*
 * Main parent items.
 */
.qmmc .qmparent
{
   /* background-image: url(/images/en/core/menu_arrow_down.gif); */
   background-position: 95%;
   background-repeat: no-repeat;
   background: 0;
}


/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #e11f26;
   color: #fff !important;
   border: 0 !important;
   padding: 0;
   margin: 0;
   margin-left: -1px;
   text-align: left;
}

/*
 * Sub hover state.
 */
.qmmc div a:hover
{
   background-color: #fff !important;
   color: #e11f26 !important;
   display: block !important;
}
.qmmc div:hover
{
   /*
   text-decoration: underline;
   */
   background-color: #e11f26 !important;
   color: #fff !important;
}


/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive
{
   background-color: #fff !important;
   color: #e11f26 !important;
   display: block !important;
}


/*
 * Sub parent items.
 */
.qmmc div .qmparent 
{
   background-image: url(/images/en/core/menu_arrow_right.gif);
}


/*
 * Sub items.
 */
.qmmc div a
{
   background-color: transparent !important;
   border: 3px #e11f26 solid !important;
   color: #fff !important;
   font-size: 12px !important;
   font-weight: bold !important;
   font-family: Tahoma, Arial, Helvetica, sans-serif !important;
   text-decoration: none !important;
   display: block;
   /* width: 135px !important; */
}
   
.qmmc div div
{
   background-color: #666;
   color: #fff !important;
   padding: 0 !important;
   margin-left: 0px !important;
}

.qmmc div div a
{
   background-color: transparent !important;
   color: #fff !important;
   border: 3px #666 solid !important;
   display: block !important;
   /* width: 135px !important; */
}

.qmmc div div a:hover
{
   background-color: #fff !important;
   color: #e11f26 !important;
   display: block !important;
}
.qmmc div div:hover
{
   /*
   text-decoration: underline;
   */
   background-color: #666 !important;
   color: #fff !important;
}

/* Global Nav Styles */
#globalNav .qmmc .qmparent
{
   padding: 0;
   border: 0 !important;
}
#globalNav .qmmc .qmparent:hover
{
   border-bottom: 1px #e11f26 dotted !important;
}
#globalNav .qmmc div
{
   margin-top: 4px !important;
}
#globalNav .qmmc div .qmparent
{
   padding: 2px 8px;
   border: 1px #666 solid !important;
   border-top: 0 !important;
   margin: 0 !important;
}
#globalNav .qmmc div div
{
   margin-top: 0 !important;
   margin-left: -1px !important;
}
.navFloat
{
   float: left;
}
#qm0 a,
#qm1 a
{
   background: none;
   border: 0 !important;
   font-size: 12px !important;
   line-height: 18px !important;
   width: auto;
}
#qm0 div a,
#qm1 div a
{
   background-color: #fff !important;
   border: 1px #666 solid !important;
   border-top: 0 !important;
   color: #666 !important;
   width: 115px !important;
   font-weight: normal !important;
}
#qm0 div a:hover,
#qm1 div a:hover
{
   background-color: #e11f26 !important;
   color: #fff !important;
}

/* Recommended Item Styles */
#itemRecommendedItems .recommendedItem
{
   /*
   border-bottom: 1px dotted #333;
   margin-bottom: 10px;
   */
   height: 175px;
}

/* Popup Styles */
.popup
{
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: 20px auto;
   padding: 0px;
   z-index: 1000;
}

.popup,
.popupSimpleBg
{
   background: #e11f26;
   border: 10px solid #000;
   color: #000;
   font: 1em/1.3em verdana,arial,helvetica,sans-serif;
   font-size: 12px;
}

.popup .body,
.popupSimpleFg
{
   color: #000;
   padding: 0px;
   width: 100%;
}

.popup .body .cmsEditor
{
   margin: 0px auto;
   width: 840px;
}

.popup .caption,
.popupSimpleCaption
{
   background: #000;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   padding: 1px 5px 1px 10px;
   text-align: left;
   width: 100%;
}
.popup .close,
.popupSimpleClose
{
   background: #000;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   padding: 1px 10px 1px 5px;
   text-align: right;
}
.popup .close a,
.popup .close a:active, 
.popup .close a:link,
.popup .close a:visited,
.popupSimpleClose a,
.popupSimpleClose a:active, 
.popupSimpleClose a:link,
.popupSimpleClose a:visited
{
   color: #fff;
}
.popup .close a:hover,
.popupSimpleClose a:hover
{
   color: #000;
}
/* Catalog Styles */
.catalog .content
{
   font-size: 12px;
}
.catalog .enlarge
{
   padding: 10px;
}

.catalog .images
{
   margin-bottom: 15px;
}

.catalog .images td
{
   text-align: center;
}

.catalog .pricing
{
   float: left;
   height: auto;
   position: relative;
   width: 220px;
}

.catalog .pricing select
{
   width: 120px;
}

.catalog .pricingForm
{
   float: right;
   height: auto;
   position: relative;
   text-align: right;
   width: 200px;
}

.catalog .pricingUnavailable
{
   color: #900;
   float: right;
   height: auto;
   position: relative;
   text-align: right;
   width: 200px;
}

.catalog .thumb
{
   padding: 0;
   padding-bottom: 10px;
}

.catalog .thumb img
{
   margin: 0;
}

.catalog .thumbEmpty
{
   width: 74px;
   padding: 10px 0;
}

#description,
#details
{
   clear: both;
   margin: 15px 0px;
}

#itemPricing
{
   clear: both;
   border: 0;
   border-bottom: 1px #c3c3c3 solid;
   display: block;
   line-height: 16px;
   padding: 5px 0 15px 0;
   position: relative;
   width: 255px;
}

#itemPricing .altPrice
{
   text-decoration: line-through;
}

#itemPricing .price
{
   color: #900;
   font-weight: bold;
}

#itemPricing .youSave
{
   color: #900;
}

#itemImages
{
   float: left;
   width: 256px;
   background-color: #f0f0f0;
   overflow: hidden;
}

#itemSubtitle
{
   font-weight: normal;
   margin-bottom: 4px;
}

#itemTabs
{
   clear: both;
   padding: 0;
   margin: 0;
}

#itemTabs #tabs
{
   display: none;
}

#itemTitle
{
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 4px;
}

/* recommended items. */
#itemRecommendedItems
{
   margin-top: 15px;
}

#itemRecommendedItems h3
{
   font-size: 14px;
   margin-bottom: 10px;
}

#itemRecommendedItems .recommendedItem
{
   border-bottom: 1px dotted #333;
   margin-bottom: 10px;
}

#itemRecommendedItems .recommendedItemActions
{
   float: left;
   text-align: center;
   width: 85px;
}

#itemRecommendedItems .recommendedItemThumb
{
   float: left;
   text-align: center;
   width: 100px;
}

#itemRecommendedItems .recommendedItemThumb img
{
   margin-bottom: 5px;
}

#itemRecommendedItems .recommendedItemTitle
{
   float: left;
   width: 300px;
}


/* these are only used if there is a left-column. */
#catalogItems .pageTitle
{
   margin-top: -24px;
}
#catalogItems #itemImages
{
   float: left;
   width: 256px;
   background-color: #f0f0f0;
   padding-top: 10px;
   overflow: hidden;
}
#catalogItems #itemImages .images
{
   width: 237px;
   padding: 0;
   margin: 0 auto;
   margin-bottom: 10px;
   border-bottom: 1px #c3c3c3 solid;
}
#catalogItems #itemInfo
{
   float: left;
   width: 255px;
   padding: 0;
   margin: -5px 0 0 15px;
}
#addContent1
{
   padding: 0 10px;
}
#addContent2
{
   padding-top: 10px;
}
.pricing #add
{
   background: url(/images/en/btn_add-to-cart.gif) top no-repeat;
   border: none;
   height: 49px;
   text-indent: -99999em;
   width: 239px;
   color: transparent;
   text-transform: capitalize;
}
.pricing #add:hover
{
   background-position: bottom;
}
.pricing #requestAQuoteBtn
{
   background: url(/images/en/btn_request-a-quote.gif) top no-repeat;
   border: none;
   width: 239px;
   height: 43px;
}
.pricing #requestAQuoteBtn:hover
{
   background-position: bottom;
}
.pricing #requestAQuoteBtn a
{
   display: block;
   width: 239px;
   height: 43px;
}
.catalog .pricingUnavailable
{
   position: static;
   text-align: left;
}
#itemBadQuantity
{
   color: #c00;
   font-weight: bold;
   font-style: italic;
}
#itemPricing .details .custom
{
   display: none;
}
#itemPricing .details select
{
   width: 255px;
}
#itemPricing .details
{
   padding-bottom: 10px;
}
#checkout .col1
{
   margin: 0 100px;
}