body
{
background: white url('../images/bgBody.png') repeat;
font: 11px Arial, Tahoma, sans;
color: #1a1a1a;
}

/* fonts */
.bigger { font-size: 1.4em; }
.biggest { font-size: 1.9em; }
.big { font-size: 1.7em; }
.small { font-size: .7em; }
.smaller { font-size: .9em; }
.smallest { font-size: .6em; }
.marginTop { margin-top: 16px; }
.marginBottom { margin-bottom: 24px !important; }
.bold { font-weight: bold; }

/* floats and clears */
.right { float: right; }
.left { float: left; }
.clearBoth { clear: both !important; }
.clearRight { clear: right !important; }
.clearLeft { clear: left !important; }
.overflowHidden { overflow: hidden; }
.sign { font-size: .8em; font-style: italic; color: #5c5c5c; margin-top: 6px; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/* End hide from IE-mac */

/* positions */
.posRel { position: relative; }
.posAbs { position: absolute; }

/* any element is invisible when needed */
.invisible { position: absolute; left: -9999px; }

.fStandard .oneElem { margin-bottom: 12px; }
    .fStandard div label { padding: 4px; display: block; width: 121px; text-align: right; margin-right: 4px; float: left; font-size: 1em; min-height: 9px;  }
    .fStandard label sup { color: red; }
    .fStandard .text, .fStandard textarea { color: black;width: 300px; padding: 4px; font-size: 1.1em; border:1px solid #c1c1c1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-border-radius: 4px; }
    .fStandard .text:focus, .fStandard textarea:focus { border: 1px solid #838383;  }
    .fStandard textarea { width: 350px; height: 150px; font-family: "Trebuchet MS", Arial; }
    .fStandard .submit { margin-left: 130px; font-size: 12px; }
    /*.fStandard .submit { background:url("../../images/site/loupeSearcher.png") no-repeat scroll 7% center #AAABAF;border-color:#CFD1D3 #717378 #717378 #CFD1D3;border-right:1px solid #717378;border-style:solid;border-width:1px;color:#FFFFFF;font-size:11px;font-weight:bold;padding:2px 3px 2px 17px; }*/
	  .fStandard .submit:active, button:active { background: #c7c6c6; background-image: none; border-color:   #CCCCCC #999999 #999999 #CCCCCC;}
    .fStandard .error { border-color: red; }
    body #content .btnDefault { margin-left: 0px; }
    .fStandard em.error { display: block; margin-left: 133px; font-style: normal; color: red; font-weight: bold; padding-left: 16px; background: url('../images/arrowUpSmall.png') no-repeat 0px 2px; }

/* ------------------------------------ */

#skipLink, #skipLinkNav { position: absolute; left: -9999px; }
    #skipLink:focus {  z-index: 100; top: 20px; left: 20px; padding: 8px; font-size: 1.3em; background-color: yellow; color: blue; font-weight: bold; border: 1px solid blue; }

#headWrapper h1 { margin-left: 20px; margin-top: 20px; }

#navBar ul { list-style: none; }
    #navBar ul li { float: left; }
    #navBar ul li a { margin-right: 1px; display: block; float: left; text-align: center; width: 110px; padding-top: 46px; height: 55px;text-decoration: none; font-size: 1.2em; color: #808080; text-transform: uppercase;}
    #navBar ul li a.selected { color: #4d4d4d; background: #EEEFEB url('../images/bgNavSelected.png') repeat-x; }
    #navBar ul li a:hover span, #navBar ul li a:focus span { border-bottom: 3px solid #CECFCB; margin-top: 2px; }

#footer ul { list-style: none; margin-top: 2px; margin-left: 20px; }
    #footer ul li { float: left; }
    #footer ul li a { margin-right: 1px; display: block; float: left; text-align: center; margin-left: 15px; margin-right: 15px; padding-top: 20px; height: 35px;text-decoration: none; font-size: 1.2em; color: #808080; text-transform: uppercase;}
    #footer ul li a:hover span, #footer ul li a:focus span { border-bottom: 3px solid #CECFCB; margin-top: 2px; }

    #footer p { float: right; text-align: right; margin-right: 10px; margin-top: 1px; color: #7B7B7B;}
        #footer p a { color: #a42a42; }

#content h2 { color: #4d4d4d; font-size: 1.9em; text-transform: uppercase; }
#content p { line-height: 1.4em; }
#content p a { text-decoration: none; color: #a42a42; font-weight: normal; }
    #content p a span { border-bottom: 3px solid #B0B1AE; }
    #content p a:hover span, #content p a:focus span { border-bottom: 3px solid #515250; }

#sliderWrapper { margin-top: 25px; overflow: hidden;margin-bottom: 15px; height: 295px; box-shadow: 0px 0px 6px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);background: white url('../images/bgSlider.png') no-repeat 10px 10px;  position: relative;}
    #slider { width: 950px;  }
    #content .oneSlide .container { position: relative; width: 1010px; height: 327px;  }
    #content .oneSlide h2 { position: absolute; left: 57px; top: 57px; color: #447793; font-size: 3em; }
    #content .oneSlide p.desc { color: grey; font-family: Arial, sans-serif; font-size: 1.1em; position: absolute; left: 57px; top: 95px; }
    #content .oneSlide ul { position: absolute; left: 57px; top: 140px; font-size: 1.4em; color: #6C6C6C;}
        #content .oneSlide ul li { margin-bottom: 5px; padding-left: 24px; background: transparent url('../images/arrGrey.png') no-repeat left center; }
        #content .oneSlide ul li span { color: #212121; }
    #content .oneSlide .moreBtn { position: absolute; left: 530px; top: 155px; }

    /* slide colors */
    #content .slide2 h2 { color: #643636; }
    #content .slide3 h2 { color: #3E3E3E; }
    #content .slide4 h2 { color: #365A64; }
    #content .slide5 h2 { color: #4A3664; }

    #content .oneSlide.slide1 .container { background: transparent url('../images/slide_1.png') no-repeat right top; }
    #content .oneSlide.slide2 .container { background: transparent url('../images/slide_2.png') no-repeat right top; }
    #content .oneSlide.slide3 .container { background: transparent url('../images/slide_3.png') no-repeat right 50px; }
    #content .oneSlide.slide4 .container { background: transparent url('../images/slide_4.png') no-repeat right 25px; }
    #content .oneSlide.slide5 .container { background: transparent url('../images/slide_5.png') no-repeat right top; }


#content .richText a.arr, #content .subPage a.arr { padding: 5px 0px 5px 25px; background: transparent url('../images/arrGrey.png') no-repeat left center; font-weight: bold; }

#sliderNav { position: absolute; left: 15px; bottom: 15px; z-index: 1000;}
#sliderNav a { text-shadow: 1px 1px 0px rgba(0,0,0,0.4);color: white; font-style: italic; font-family: Georgia, serif; font-weight: bold; font-size: 1.4em; text-align: center; width: 26px; height: 27px; text-decoration: none;display: block; float: left; margin-right: 6px; background: transparent url('../images/circle.png') no-repeat; }
    #sliderNav a:hover, #sliderNav a:focus { opacity: .8; }
    #sliderNav a.activeSlide { background: transparent url('../images/circleActive.png') no-repeat; }

.btnMore { width: 153px; height: 50px; background: transparent url('../images/btnMore.png') no-repeat; display: block; position: relative; z-index: 1;}
    .btnMore span { z-index: -10; position: absolute; left: -9999px; }
    .btnMore:hover, .btnMore:focus { width: 153px; height: 50px; background: transparent url('../images/btnMoreHover.png') no-repeat; display: block; }

.groups { margin-bottom: 15px; margin-top: 15px; }
.group h3 a { text-shadow: 0px 1px 0px rgba(0,0,0,0.7);margin-bottom: 15px; display: block; float: left; width: 242px; margin-right: 10px; height: 29px; padding-top: 115px; text-align: center; color: white; text-decoration: none; }

#howTo { width: 300px; }
    #howTo p { margin-bottom: 10px; }

#howToSub { -webkit-box-shadow: 6px 6px 0px rgba(0,0,0,0.2);box-shadow: 6px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow: 6px 6px 0px rgba(0,0,0,0.2);padding-left: 15px; margin-left: 25px; border: 1px dashed grey; padding-top: 5px; margin-top: 42px; margin-bottom: 32px; width: 945px; }
    #howToSub h2 { margin-top: -20px; padding: 4px 10px; border: 1px solid #B6B6B7; background: #E9E9EA; margin-bottom: 10px; font-size: 1.6em; color: #365A64; width: 150px; }
    #howToSub #howTo { width: 900px; }

#mainLead { width: 680px; margin-left: 15px; }

.richText h2 { margin-bottom: 15px;  }

.subPage h2 { margin-bottom: 0px; margin-top: 21px;}
.subPage .sub { margin-bottom: 15px; font-style: italic; color: grey; }

.groupBox { float: left; width: 490px; margin-bottom: 14px; margin-right: 12px; }
    .groupBox .image { float: left; margin-right: 10px; width: 242px; }
    .groupBox .desc { float: left; width: 232px; }
    .groupBox .desc p { margin-top: 10px; }

#madeBy { text-align: center; }
    #madeBy a { color: grey; }

.lead { font-size: 1.7em; margin-top: 15px; margin-bottom: 15px; font-family: Georgia, serif; }
.body { line-height: 1.5em; margin-bottom: 15px; }

.body ul { font-size: 1.4em; color: black; margin-top: 12px; margin-bottom: 12px;}
     .body ul li { margin-bottom: 5px; padding-left: 24px; background: transparent url('../images/arrGrey.png') no-repeat left center; }
.body li a { text-decoration: none; color: #a42a42; font-weight: normal; }
    .body li a span { border-bottom: 3px solid #B0B1AE; }

.product { position: relative; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); width: 129px; padding: 10px; height: 114px; border: 1px solid #AAAAAB; float: left; margin-right: 16px; margin-bottom: 16px; background: #E8E8E9; }
    .product:hover { box-shadow: 0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
    .product .photo { text-align: center; }
        .product .photo img { max-width: 125px; border: 1px solid #D2D2D3; }
    .product .info { text-align: center; margin-top: 4px;  }
        .product .info a { text-decoration:  none; font-weight: normal; color: #a42a42;}
        .product .info a:hover { text-decoration: underline; }
    .product .icoPromo { position: absolute; left: -12px; top: -20px; width: 54px; height: 45px; background: transparent url('../images/icoPromo.png') no-repeat left center;}
    .product .icoOrder { position: absolute; left: -20px; top: -19px; width: 65px; height: 45px; background: transparent url('../images/icoOrder.png') no-repeat left center;}
    .product.productPromo .info a { font-weight: bold; }

.prodList { margin-top: 20px; }

.productPage .photo { text-align: center; }
    .productPage .leftPhoto { float: left; margin-right: 15px; margin-top: 20px; }
        .productPage .photo img { max-width: 280px; border: 1px solid #D2D2D3; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border: 1px dotted #7E7E7F;}
        .productPage .moreAbout { float: left; width: 600px;margin-top: 25px; }
    .productPage .zoom { font-size: .9em; color: grey; font-style: italic; }

.column { float: left; margin-right: 20px; }
    .column h3 { margin-bottom: 12px; margin-top: 12px; }

.mesg { border: 1px solid grey; padding: 10px; font-size: 1.2em; font-weight: bold; }
    .mesgOK { background: #91A669; color: white; }
    .mesgErr { background: #A65F5F; color: white; }

/* ------------------------------------ */

#mainWrapper { margin: 0px auto; width: 1010px; position: relative; }

#headWrapper{  margin-top: 20px; border: 1px solid white; box-shadow: 0px 0px 3px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); background: white url('../images/bgNavBar.png') repeat-x; width: 1010px; height: 101px; position: relative; }

#footer {
margin-top: 20px; margin-bottom: 10px; border: 2px solid white; box-shadow: 0px 0px 3px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); background: white url('../images/bgNavBar.png') repeat-x; width: 1010px; height: 60px; position: relative;
}

#content {
margin-top: 10px;
position: relative;
min-height: 250px;
font-size: 1.1em;
}

#langChooser {
position: absolute;
top: 5px;
right: 5px;
}

#navBar {
height: 100px;
position: absolute;
top: 0px; left: 400px;
}