/* ----------------- BASIC DECLARATIONS ----------------- */

* { margin: 0; padding: 0; }

body
{
font: 11px "Trebuchet MS", Verdana, sans;
color: black;
background: transparent url('../images/bgBody.png') repeat-x top left;
}

body#pageOferta, body#pageCennik, body#pageJezyki, body#pageDok, body#pageWww, body#pageMarket, body#pageExpres, body#pageOral, body#pagePromocje { background: transparent url('../images/bgBodyBanner.png') repeat-x top left; }

/* ------------------- TAGS DEFAULTS -------------------- */

img { border: 0; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
fieldset { border: 0; }
legend { display: none; }
embed { z-index: 0; }

/* --------------------- CLASSES ------------------------ */

.ajax-loader { background: transparent url('../images/ajax-loader.gif') no-repeat center left; padding-left: 38px !important; font-weight: bold; height: 30px; margin-top: 12px; padding-top: 10px; font-size: 1.2em; }

.bigger { font-size: 1.1em !important; }
.biggerPlus { font-size: 1.3em !important; }
.big { font-size: 1.6em !important; }
.small { font-size: .8em; }
.smaller { font-size: .9em; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }

.fontArial { font-family: Arial, "Trebuchet MS", Verdana; }

.colorBlack { color: black !important; }
.colorGrey { color: #565656 !important; }
.colorRed { color: #FF1F02 !important; }
.colorWhite { color: white !important; }
.colorLtBlue { color: #6bc6ff; }

.lineHeight { line-height: 1.5em; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left !important; }
.textUnderline { text-decoration: underline !important; }

.marginTop { margin-top: 22px !important; }
.marginRight { margin-right: 18px !important; }
.marginBottom { margin-bottom: 22px !important; }
.marginLeft { margin-left: 32px !important; }

.right { float: right; }
.left { float: left; }
.clearBoth { clear: both !important; }
.clearRight { clear: right; }
.clearLeft { clear: left; }

.fullWidth { width: 100%; }
.invisible { line-height: 0px; font-size: 0px; position: absolute; top: -9999px;}

.more { float: right; margin-top: 12px; }

.mesgErr { font-size: 1.3em; color: red; font-weight: bold; margin-bottom: 12px; }
.mesgOK { font-size: 1.3em; color: #7CE60A; font-weight: bold; margin-bottom: 12px; }
p.instr { font-size: 1.3em !important; color: black; }

.arrTwiceDarkBg { background: transparent url('../images/arrTwiceDarkBg.png') no-repeat 0px 0px; padding-left: 20px; }

.btnZamow { text-indent: -9999px;  background: transparent url('../images/btnZamow.png') no-repeat 0px 0px; padding-left: 20px;display:block;height:58px; width:204px; }
.more { float: left; display: block; width: 100%; text-align: right; text-decoration: underline; font-weight: bold; color: #D97619 !important; }
    .menuGrey .more { color: white !important; text-decoration: underline;  }

ul.inlineMenu { font-size: 1.1em; list-style: none; margin: 12px 0px 12px 12px; padding: 0px 12px 0px 20px; height: 50px;   }
    ul.inlineMenu li { width: 140px; margin: 0px 20px 10px 0px;background: transparent url('../images/arrTwiceGrey.png') no-repeat 0px 0px; padding-left: 20px; float: left; font-size: 1.1em; }

ul.multiCol { list-style: none; width:300px; float: left; font-size: 1.2em; }
    ul.multiCol li { float: left; margin-bottom: 2px; width: 80px; }

ul.multiColWide { -moz-box-shadow: #898E93 0px 0px 10px -2px; border: 1px solid #B6B6B6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 12px; list-style: none; width:670px; float: left; background: #F5F5F5; }
    ul.multiColWide li { float: left; margin-bottom: 2px; width: 110px; font-size: 1.2em; }

ul.addonMenu { list-style: none; margin-left: 70px; margin-top: 65px; width: 75%; background: #EFEFEF; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #CDCDCD; float: left; }
    ul.addonMenu li { float: left; width: 30%; font-weight: bold; text-align: center; font-size: 1.2em; }
    ul.addonMenu a { text-decoration: underline; color: #666F83; display: block;}

/* COLUMN LAYOUTS */
.columns .colLeft { width: 717px; float: left; padding: 12px; margin-right: 10px; margin-top: 14px; background: transparent url('../images/bgColLeft.png') no-repeat 50px 50px; min-height: 300px; }
    .columns .colRight {  float: left; width: 239px;  margin-top: 14px; }

.rightMenu { -moz-box-shadow: #BAC1C8 0px 10px 8px -5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #748192; margin:18px 18px 0px 0px; padding: 10px; background:#98A8B9 url('../images/bgRightMenu.png') no-repeat 0px 0px; min-height: 140px;  color: white; }
    .rightMenu h2 { text-shadow: #525C69 1px 1px 2px; font-weight: normal; font-size: 1.6em; letter-spacing: -1px; margin-bottom: 16px; }
    .rightMenu ul { list-style: none; margin-bottom: 16px; line-height: 1.7em; }
        .rightMenu ul li { position: relative; }
        .rightMenu ul li a { display: block;  padding-left: 25px; }
        .rightMenu ul li span { position: absolute; left: 0px; top: 3px; display: block; width: 13px; height: 13px;background: transparent url('../images/listMenu.png') no-repeat 0px 0px; }

        .rightMenu ul li a:focus { font-weight: bold; text-decoration: underline; }
        .rightMenu ul li a.selected { font-weight: bold; text-decoration: none; }
        .rightMenu a:hover { text-decoration: none !important; }

        .colRight .menuGrey { border: 1px solid #6E757E; background:#6E757E url('../images/bgRightMenuGrey.png') no-repeat 0px 0px; }
        .colRight .menuGrey h2 {text-shadow: #3D4044 1px 1px 2px; }
    .rightMenu p { margin-bottom: 12px; }

/* HEADERS */
.standard { text-transform: uppercase; margin-bottom: 12px;  font-size: 2.15em; color: #959595; font-weight: normal; font-family: Georgia, Verdana, serif; border-bottom: 1px solid #E8E8E8; position: relative;}
    .standard:first-letter { color: #8599B0;  }
    .standard span.prt { display: block; width: 16px; height: 16px; cursor: pointer; position: absolute; top: 6px; right: 6px; background: transparent url('../images/icoPrint.png') no-repeat 0px 0px; }
h3.orange { margin-bottom: 24px !important; float: left; clear: both; font-family: Georgia, Verdana, serif; font-size: 1.7em !important; font-weight: normal; color: #959595 !important; width: 600px; border: 0px !important; }
    h3.orange:first-letter { color: #ED7600; font-weight: bold; }

/* TABLES */
.priceList { width: 100%; font-size: 1.2em; }
    .priceList caption { display: none; }
    .priceList thead tr { background: #93AC60; color: white; height: 30px;}
    .priceList thead th { padding: 4px;  font-weight: bold; text-align: center; }
    .priceList tbody tr { background: #F5F5F5;  }
    .priceList tbody td { padding: 4px; text-align: center; font-size: 1.2em;  }

/* FORMS */
.stForm div.line { clear: both; float: left; width: 700px; margin-bottom: 12px; position: relative;   }
    .stForm div.line label { font-weight: bold; padding: 5px; display: block; width: 180px; text-align: right; background: #E7E7E7; margin-right: 12px; float: left; font-size: 1.1em;}
    .stForm input, .stForm select, .stForm textarea { float: left; }
    .stForm .text, .stForm textarea { background:#FFFFFF url(../images/bgInput.png) repeat-x scroll center top; border:1px solid #CCCCCC; }
    .stForm .text { padding: 2px; width: 270px; }
        .stForm .text:focus, .stForm textarea:focus { border: 1px solid black; }
    .stForm .checkCont { display: block; margin: 0px 6px 10px 0px; float: left; }
        .stForm .check { margin-right: 8px; }
    .stForm span.helpTxt { -moz-box-shadow: #898E93 0px 0px 8px 0px; display: none; position: absolute; right: 0px;  width: 180px; background: #CCE925; border: 1px solid #798A16; -moz-border-radius: 3px; padding: 2px; }
    .stForm select, .stForm textarea { width: 275px; }
    .stForm .help { outline: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; float: left; margin-left: 6px; background: transparent url(../images/icoHelp.png) repeat-x scroll 0px 0px; margin-top: 3px;  }
    .stForm span.error { float: left; clear: both; display: block; color: red; font-weight: bold; height: 20px; margin-left: 200px; margin-top: 6px; }
    .stForm sup { color: red; font-weight: bold; }


/* ------------ STYLES FOR SITE ELEMENTS ----------------- */

#mainWrapper .skipLink { position: absolute; top: -9999px; }
    #mainWrapper .skipLink:focus {  z-index: 100; top: 20px; left: 20px; padding: 8px; font-size: 1.3em; background-color: yellow; color: black; font-weight: bold; }

#headWrapper h1 { float: left; } 
    #headWrapper h1 a { background: transparent url('../images/logo.png') no-repeat 58px 17px; outline: 0; display: block; width: 269px; height: 121px; text-indent: -9999px; }

#navBar ul { list-style: none; }
    #navBar ul li { margin-right: 4px; }
    #navBar ul li a { text-transform: uppercase; font-size: 1.4em; letter-spacing: 0px; color: white;  min-height: 70px; position: relative; display: block; float: left; width: 123px; margin-right: 14px; border-right: 1px solid #C0C0C0; outline: 0; }
    #navBar ul li a:hover { text-decoration: none; }
    #navBar ul li a:focus { text-decoration: none; }
        #navBar ul li a span.arr { z-index: 2; display: block; width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; background: transparent url('../images/arrTwice.png') no-repeat 0px 0px;}
        #navBar ul li a span.text {  display: block; font-weight: normal; position: absolute; left: 0px; bottom: 0px; text-shadow: #2C2E31 1px 1px 1px; }
        #navBar ul li a span.bg { z-index: 1; opacity: 0; display: block; background: white; width: 99%; height: 125%; position: absolute; top: -10px; left: -7px; }

#mainAd span.womanAdv { background: transparent url('../images/advWoman.png') no-repeat 0px 0px; display: block; float: left; clear: none; width: 269px; height: 343px; }

.bodyText { float: left; }
.bodyText h2 { text-transform: uppercase; font-size: 1.9em; color: #959595; font-weight: normal; font-family: Georgia, Verdana, serif; margin-top: 22px; width: 692px; border-right: 10px solid #808080; padding: 10px 0px 10px 22px; }
    .bodyText h2:first-letter { color: #F38004;  }
    .bodyText h2 span { display: block; clear: both; font-size: .7em; text-transform: uppercase;  }
        .bodyText h2 span:first-letter { color: #999A9B; font-weight: bold; }
#mainAd .bodyText { width: 698px; min-height: 343px; }
    #mainAd .bodyText p { float: left; padding: 25px 25px 25px 32px; width: 669px; font-size: 1.2em; line-height: 1.4em; }
    
.darkContent .btnZamow { float: right; margin-right:160px; margin-top: 70px; }

#leftBanners { width: 245px; float: left; border-right: 1px solid #DFDFDF; margin-top: 20px; padding: 12px 12px 0px 12px; min-height: 400px;  }
    #leftBanners ul { list-style: none; }
    #leftBanners ul li { margin-bottom: 8px; }
        #leftBanners li a { display: block; height: 50px; width: 235px; padding-top: 29px; font-size: 1.3em; padding-left: 12px;  }
        #leftBanners li a span { width: 100px; display: block; margin-top: -10px; }
        #leftBanners h2 { margin-top: 12px; color: #7d98ba; font-size: 1.8em; }
    #leftBanners li a.bOrder { color: white; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 18px;background: transparent url('../images/bOrder.png') no-repeat 0px 0px;  }
    #leftBanners li a.bMarket { background: transparent url('../images/bMarket.png') no-repeat 0px 0px;  }
    #leftBanners li a.bWww { background: transparent url('../images/bWww.png') no-repeat 0px 0px;  }
    #leftBanners li a.bDocs { background: transparent url('../images/bDocs.png') no-repeat 0px 0px;  }
    #leftBanners li a.bOral { background: transparent url('../images/bOral.png') no-repeat 0px 0px;  }

.darkContent { float: left; background: #3B3B3B url('../images/bgContentBlack.png') repeat-x 0px 0px; min-height: 400px; color: #E0E0E0; }
    .darkContent h2 { color: #E6E6E6; border-color: #E6E6E6;}
    .darkContent .bodyText { width: 723px; border-left: 1px solid #696969; }
    .darkContent .bodyText ul { margin-left: 32px; }

p.enter { font-size: 1.6em !important; color: #899099; line-height: 1.2em; margin-bottom: 26px !important; padding-left: 16px; padding-right: 16px; padding-top: 20px; }

.richText p { font-size: 1.25em; margin-bottom: 12px; line-height: 1.4em;}
    .richText ul { font-size: 1.25em; list-style: square; margin: 12px 0px 12px 30px; }
    .richText ul li { font-weight: bold; }
    .richText h3 { font-size: 1.5em; color: #53575D; text-transform: uppercase; border-bottom: 1px solid #D7DAE0; margin: 16px 0px 16px 0px; }
    .richText a { text-decoration: underline; color: #6E7686; }

.subBanner { width: 100%; margin: 0px 0px 20px 0px; height: 211px; position: relative; }
    .subBanner span.eff { position: absolute; right: 0px; top: 0px;width: 357px; height: 210px; display: block; background: transparent url('../images/effBanner.png') no-repeat 0px 0px !important; }


#pageOferta #content, #page404 #content, #pageCennik #content, #pageJezyki #content, #pageDok #content, #pageWww #content, #pageMarket #content, #pageExpres #content, #pageOral #content, #pagePromocje #content { background: transparent url('../images/bgContentShadow.png') repeat-x 0px 0px !important; }
    #pageOferta #content, #pageCennik #content, #pageJezyki #content, #pageDok #content, #pageWww #content, #pageMarket #content, #pageExpres #content, #pageOral #content, #pagePromocje #content { background-position: 0px 216px !important; }

#footerWrapper ul { list-style: none; color: #6F7F8A; }
    #footerWrapper ul li { float: left; width: 110px; text-align: center; font-size: 1.1em; }
    #footerWrapper ul li:first-letter { text-transform: uppercase;  }
    #footerWrapper .left { margin-left: 36px; margin-top: 8px; color: #BBC6CE; }
    #footerWrapper .right { color: #8C8C8C; margin-right: 22px; }

#orderSteps .step { width: 230px; float: left; margin-right: 7px; min-height: 200px; padding-top: 15px; }
    #orderSteps .f { background: transparent url('../images/bgZamow1.png') no-repeat 0px 0px; }
    #orderSteps .s { background: transparent url('../images/bgZamow2.png') no-repeat 0px 0px; }
    #orderSteps .t { background: transparent url('../images/bgZamow3.png') no-repeat 0px 0px; }
    #orderSteps .step h3 { color: white; margin-left: 60px; }
    #orderSteps .step p { font-size: 1.2em; margin: 23px 0px 0px 22px; line-height: 1.5em;  }
    #orderSteps .step a.go { margin: 15px auto; font-weight: bold; color: #E08701; font-size: 1.2em; display: block; width: 150px; padding: 4px; border: 1px solid #E4ECCF; text-align: center; }
    #orderSteps .step ul { list-style: square; margin-top: 12px; }
        #orderSteps .step ul li { margin-left: 33px; font-size: 1.2em; }

/* --------------- LAYOUT STRUCTURE ---------------------- */

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

#headWrapper
{
height: 121px;
position: relative;
background: transparent url('../images/bgHeader.png') no-repeat top left;
}


#footerWrapper {
width: 934px;
float: left; clear: both;
margin-top: 15px;
border-top: 1px solid #D5D5D5;
padding: 16px 12px 16px 12px;
}

#content
{
width: 100%;
background: transparent url('../images/bgContent.png') repeat-x top left;
position: relative;
color: #454545;
float: left;
min-height: 450px;
}

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

#navBar
{
float: right;
width: 706px;
height: 67%;
padding: 40px 0px 0px 20px;
background: #5E81AC url('../images/bgNavBar.png') no-repeat 0px 0px;

}