/*************************************************

    CSS file for http://oktal-pharma.hr/
    (C) http://web.burza.hr/. All rights reserved.

**************************************************/

/* general settings */
* { margin: 0; padding: 0; }
html { background: #fff; color: #404040; font: 12px/1.4 Arial, Helvetica, sans-serif; height: 100%; margin-bottom: 1px; }
body { text-align: center; border-bottom: 4px solid #dcf2ff; border-top: 4px solid #dcf2ff; }
table { font: 12px/1.4 Arial, Helvetica, sans-serif; }
a { color: #013565; text-decoration: none; }
a img { border: 0; }
a:visited { text-decoration: none; }
a:hover { color: #ff9000; }
h2 a { text-decoration: none; }
h3 { font-size: 12px; color: #013565; }

/* top navigation */

#mainNav { padding: 3px 0; color: #fff; }
#mainNav ul { width: 742px; text-align: center; margin: 0 auto; list-style: none; padding: 0; border-bottom: 3px solid #fff; }
#mainNav ul li { display: inline; padding: 4px 0; }
#mainNav a { color: #013565; text-decoration: none; padding: 0 10px; border-left: 1px solid #013565; font-weight: bold; line-height: 1em; }
#mainNav a:hover { color: #ff9000; }
#mainNav ul li:first-child a, #mainNav ul li.first-child a { border: 0; }

#content { width: 742px; margin: 2px auto; text-align: left; }

/* main cols' widths and floatings */
#leftCol { width: 226px; float: left; margin-bottom: 20px; }
#rightCol { width: 512px; float: left; margin: 0 0 20px 3px; }
#midCol { width: 343px; float: left; }
#midColWide { width: 512px; float: left; }
#sidebar { width: 167px; float: left; margin-left: 2px; }

/* Making sure nothing slips out \*/
* html #leftCol,
* html #rightCol,
* html #midCol,
* html #midColWide,
* html #sidebar { overflow-x: hidden; display: inline; }
/**/

/* header */
    h1 { background: url(cssImg/logo.gif) no-repeat 0 0; border-bottom: 3px solid #fff; }
        h1 a { display: block; width: 226px; height: 106px; text-indent: -9999px; }
    #header #langSwitch { list-style: none; background-color: #dcf2ff; font-size: 11px; color: #4D6893; }
    #header #langSwitch li { float: left; }
    #langSwitch a { text-align: right; text-decoration: none; color: #013565; font-size: 11px !important; padding: 0 !important; background: none !important; /* <-- override klase .boxHeader */ }
    #satroHeader-hr { text-indent: -9999px; }
    #satroHeader-en { text-indent: -9999px; }
    blockquote.satroHeader { height: 216px; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; }
    blockquote p { text-indent: -9999px; }
    form.smallForm { margin-bottom: 9px; text-align: left; }
    form.smallForm fieldset { border: 0; font-size: 11px; }
    form.smallForm label { display: block; margin-bottom: 3px; }
    form.smallForm .inputText { background: #fff url(cssImg/inputText.gif) no-repeat 0 0; border: 1px solid #828282; width: 120px; height: 18px; padding: 0 2px 0 3px; float: left; display: inline; }
        /* IE escape */ input[class="inputText"] { margin-right: 3px; }

/* box general and homepage styles */
.boxHeader { position: relative; clear: both; border-bottom: 3px solid #fff; height: 20px; line-height: 20px; }
    .boxHeader h2, .boxHeader li { height: 1px; padding: 0 9px; }
    .boxHeader h2, .boxHeader h2 a { font-weight: bold; font-size: 12px; color: #fff !important; text-decoration: none; }
    .boxHeader a.linkOpsirnije  { position: absolute; top: 0; right: 9px; padding-left: 12px; font-size: 11px; color: #fff !important; text-decoration: none; background: transparent url(cssImg/opsirnije.gif) no-repeat 0 .65em; }
    #leftCol .boxHeader { background: url(cssImg/boxHeaderLeft.gif) no-repeat 0 100%; }
    #leftCol .boxHeader h2, .boxHeader li { background: url(cssImg/boxHeaderLeft.gif) no-repeat 0 0; }
    #rightCol .boxHeader { background: url(cssImg/boxHeaderRight.gif) no-repeat 0 100%; }
    #rightCol .boxHeader h2 { background: url(cssImg/boxHeaderRight.gif) no-repeat 0 0; }
    #midCol .boxHeader { background: #FF9000 url(cssImg/boxHeaderMid.gif) no-repeat 0 100%; }
    #midCol .boxHeader h2 { background: url(cssImg/boxHeaderMid.gif) no-repeat 0 0; }
.boxContent { border: 1px solid #DBE2E8; background: #f9fdff; margin-bottom: 3px; padding: 10px 14px 0 14px; }
    p.linkOpsirnije { text-align: right; }
    .boxContent p { margin-bottom: 10px; }
    .boxForm { background: #f4f4f4; border-color: #f4f4f4; padding-top: 6px; height: 50px; }

        /* news box */
        #novostiBox .boxHeader, #subMenu .boxHeader { background-color: #8EB73D; }
            #novostiBox p.linkOpsirnije, .prodBox p.linkOpsirnije { font-size: 11px; }
            #novostiBox h3 small { display: block; font-size: 11px; color: #999; }
            #novostiBox p { font-size: 11px; }
            #novostiBox ul, #novostiBox ol { margin-left: 15px; margin-bottom: .5em; }
            #novostiBox li { font-size: 11px; list-style: square outside; }
            #novostiBox .boxContent .first-child { background: url(cssImg/newsSeparator.gif) no-repeat 50% 100%; padding-bottom: 5px; margin-bottom: 5px;  }

        /* newsletter box */
        #newsletterBox .boxHeader { background-color: #FFC600; }

        /* vase zdravlje box */
        #vaseZdravljeBox .boxHeader { background-color: #013565; }
            #vaseZdravljeBox .boxContent { text-align: center; }
            #vaseZdravljeBox img { margin: 0 auto 10px auto; }

        /* contact box */
        #kontaktBox .boxHeader { background-color: #DCF2FF; }
            #kontaktBox .boxHeader h2 { color: #013565 !important; }
            #kontaktBox .boxHeader a { color: #013565 !important; padding-left: 15px; background: url(cssImg/opsirnijePlaviKontakt.gif) no-repeat 0 .6em; }
            #kontaktBox .boxHeader h2 a { background: none; padding-left: 0; }
            #kontaktBox address { float: left; font-style: normal; }
            #kontaktBox address strong { color: #013565; }
        #kontaktBox .boxContent { float: left; width: 196px; }
        .e-mail_address_link    { float: left; clear: left; margin-bottom: 10px; }

        /* featured products box */
        #izdvojeniProizvodiBox .boxHeader { background-color: #DCF2FF; }
            #izdvojeniProizvodiBox .boxHeader a { color: #013565 !important; }
            #izdvojeniProizvodiBox .boxHeader h2 a { background: none; }
            #izdvojeniProizvodiBox .boxHeader a.linkOpsirnije { background-image: url(cssImg/opsirnijePlavi.gif); }
                #izdvojeniProizvodiBox .prodHolder { float: left; display: inline; width: 100%; margin-bottom: 4px;
                    background: url(cssImg/izdvojeniProizvodiBox.gif) no-repeat 0 100%; }
                #izdvojeniProizvodiBox .prodBox { width: 168px; w\idth: 162px; float: left; display: inline; border-top: 1px solid #c0c7cd; padding: 3px 3px .5em 3px;
                    background: url(cssImg/imageHolder.gif) no-repeat 5px 3px; }
                #izdvojeniProizvodiBox .prodBox .imageHolder { position: relative; height: 158px; width: 158px;
                    display: block; text-align: center; margin: 0 2px; }
                #izdvojeniProizvodiBox .prodBox .imageHolder img { position: absolute; top: 50%; left: 50%; margin-top: 4px; }
                #izdvojeniProizvodiBox .prodBox p { font-size: 11px; }
                #izdvojeniProizvodiBox .prodBox em { color: #013565; font-size: 10px; font-style: italic; }
                #izdvojeniProizvodiBox .prodBox h3, .prodBox em, .prodBox p { margin-left: 5px; margin-right: 5px; margin-top: 5px; }
                .srednjiProdBox { margin: 0 4px; } /* samo srednji ima margine, da budu jednako razmaknuti */

        /* about box (homepage) */
        #aboutBox .boxHeader { background-color: #FF9000; }
        /* cause there's some italic font-style \*/ * html #aboutBox .boxContent { overflow-x: hidden; } /**/
            #aboutBox .boxContent { position: relative; float: left; width: 512px; w\idth: 482px; background-color: #fff; }
            #leftAbout { clear: none; float: left; width: 354px; }
            #rightAbout { position: absolute; width: 107px; left: 387px; top: 20px; }

        /* submenu box (inner pages) */
        #subMenu .boxContent { padding: 0; }
            #subMenu ul { list-style: none; padding: 1px; }
            #subMenu li { display: inline; }
            #subMenu .boxHeader h2 a { display: block; width: 100%; background: none; padding: 0; }
            #subMenu .boxHeader h2 a:hover { background: none; padding: 0; }
            #subMenu a { display: block; font-weight: bold; padding: 2px 15px 2px 18px; background: url(cssImg/subMenuBullet.gif) no-repeat 7px .7em; }
            #subMenu a:hover { background-color: #dcf2ff; color: #013565; }
            #subMenu ul li ul { list-style: none; padding: 1px 0 0 11px; }
            #subMenu ul li ul li { display: inline; }
            #subMenu ul li ul li a { font-size: 10px; font-weight: normal; background-color: #f9fdff !important; }
            #subMenu ul li ul li a:hover { background-color: #dcf2ff !important; }
            #subMenu li.active a { background-color: #dcf2ff !important; color: #013565; }
            #subMenu li.active li a { background-color: #f9fdff !important; color: #013565; }
            #subMenu li a span.news-date { color: #4883AC; font-size: .9em; font-weight: normal; }

    /* unutarnja */
    #midCol .boxContent { padding: 0 6px 10px 15px; background: #fff; float: left; width: 343px; w\idth: 320px; }
    /*\*/
    * html #midCol .boxContent { overflow: hidden; }
    * html #midColWide .boxContent { overflow: hidden; }
    /* fix fuckin' IE italic bugs */
    #midCol .boxContent .zastupstvoLogo, #midColWide .boxContent .zastupstvoLogo { display: block; border: 0; clear: both; float: none; margin: 0 auto; text-align: center; }
    #midCol .boxContent h3 { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: url(cssImg/separatorMid.gif) no-repeat 0 0; }
    #midCol .boxContent h3.noImg { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: none;}
    #midCol .boxContent img { border: 4px double #DBE2E8; padding: 2px; margin: 0 10px 5px 0; }
    #midCol .boxContent p.entityHeadline { font: italic bold 15px Georgia, serif; color: #FF9000; margin-bottom: 15px; }
    #midCol .boxContent h4 { clear: both; color: #013565; font-size: 13px; }

    /* images inside certain products */
    #midCol div.boxContent div.productImages { float: left; display: inline; width: 312px; }
    #midCol div.boxContent div.productImages h4 { padding-top: 1em; margin: 1em 0; background: url(cssImg/separatorMid.gif) no-repeat 0 0; }
    #midCol div.boxContent div.productImages div.productImage { text-align: center; width: 100px; float: left; margin-right: 4px; margin-bottom: 10px; }
    #midCol div.boxContent div.productImages div.productImage * { margin: 0; padding: 0; }
    #midCol div.boxContent div.productImages div.productImage a { float: left; display: inline; text-align: center; width: 100px; }
    #midCol div.boxContent div.productImages div.productImage a img { float: none; text-align: center; margin: auto; }

    /* images inside the content module sidebar */
    /* #midCol div.boxContent div.entityImages { } */
    #midCol div.boxContent div.entityImages { float: left; display: inline; width: 312px; }
    #midCol div.boxContent div.entityImages h4 { padding-top: 1em; margin: 1em 0; background: url(cssImg/separatorMid.gif) no-repeat 0 0; }
    #midCol div.boxContent div.entityImages div.entityImage { text-align: center; width: 100px; float: left; margin-right: 4px; margin-bottom: 10px; }
    #midCol div.boxContent div.entityImages div.entityImage * { margin: 0; padding: 0; }
    #midCol div.boxContent div.entityImages div.entityImage a { float: left; display: inline; text-align: center; width: 100px; }
    #midCol div.boxContent div.entityImages div.entityImage a img { float: none; text-align: center; margin: auto; }

    /* ensures that .editor-naslov3 and unordered list begin after floated image */
    #midCol div.boxContent div.entityDescription span.editor-naslov3, #midCol div.boxContent div.entityDescription ul, #midCol div.boxContent div.entityDescription p, #midCol div.boxContent div.entityDescription { display: block; clear: left; }

    /* unutarnja siroka */

    /* samo za zastupstva overview */
    #midColWide .boxContentZastupstva { padding: 0 15px; padding-left: 200px; border: 0; background: #fff; }
    #midColWide .boxContentZastupstva h4 { font-size: 18px; font-weight: normal; color: #013565; }

    /* unutarnja siroka ostalo */
    #midColWide .boxContent { padding: 15px 15px 10px 15px; background: #fff; }
    #midColWide .boxContent h3 { padding-top: 10px; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: url(cssImg/separatorWide.gif) no-repeat 0 0; }
    #midColWide .boxContent h3.noImg { padding-top: 0; margin-top: 0; font-size: 20px; font-weight: normal; color: #013565; margin-bottom: 10px; background: none;}
    /* #midColWide .boxContent strong { font: italic bold 15px Georgia, serif; color: #FF9000; } */
    #midColWide .boxHeader { background: #ff9000 url(cssImg/boxHeaderWide.gif) no-repeat 0 100%; }
    #midColWide .boxHeader h2 { background: url(cssImg/boxHeaderWide.gif) no-repeat 0 0; }

    /* captioni ispod slija u contentu */
    #midColWide span.entityImage,
    #midCol span.entityImage { float: left; display:inline; background: #fff; margin: 1em 10px 1em auto; }

    #midColWide span.entityImage img,
    #midCol span.entityImage img { border: 0; }

    #midColWide span.entityImageCaption,
    #midCol span.entityImageCaption { display: block; text-align: left; font-size: 11px; font-style: italic; padding: 10px 2px; margin: 0 auto; }
    /*\*/
    * html #midColWide span.entityImageCaption,
    * html #midCol span.entityImageCaption { overflow-x: hidden; }
    /**/

    /* inner page sidebar general settings */
    #sidebar .boxHeader { background: transparent url(cssImg/boxHeaderSide.gif) no-repeat 0 100%; }
        #sidebar .boxHeader h2 { background: transparent url(cssImg/boxHeaderSide.gif) no-repeat 0 0; }

    /* download box */
    #sidebar #downloadBox .boxHeader { background-color: #FFC600; }
        #downloadBox .boxContent { border: 0; padding: 0 !important; background: #fff; }
        #downloadBox ul { float: left; width: 167px; padding: 8px 0 0 0; margin: 0 0 6px 0; }
        #downloadBox ul li { list-style: none; display: inline; }
        #downloadBox ul li a { display: block; width: 109px; padding: 4px 8px 4px 30px; margin: 0 10px 8px 10px;
            font-weight: bold; background: #fff no-repeat 0 0; }
        /*\*/ * html #downloadBox ul li a { width: 147px; w\idth: 109px; overflow-x: hidden; } /**/

    /* related products box, other images box */
    #sidebar .sidebarBox .boxHeader { background-color: #DCF2FF; }
        .sidebarBox .boxHeader h2 { color: #013565 !important; }
        .sidebarBox .boxContent { padding: 8px 14px; }
        .sidebarBox p { margin-bottom: 0; }
        .sidebarBox li { list-style: none; }
        .sidebarBox li * { padding: 0 0 0 12px; font-size: 10px; }
        .sidebarBox li sup { line-height: .5em; padding: 0 !important; }
        .sidebarBox h3 { background: url(cssImg/subMenuBullet.gif) no-repeat 0 .5em; font-size: 12px; }
        .sidebarBox h3 a { padding: 0; font-size: 12px; }
        .sidebarBox .linkOpsirnije { text-align: right; }
        .sidebarBox img { border: 1px solid #DBE2E8; padding: 2px; margin: 5px auto 0 auto; }
        .sidebarBox .entityImage { border: 1px solid #DBE2E8; margin-bottom: 5px; padding-bottom: 5px; text-align: center; }
        /*\*/ * html .sidebarBox .entityImage { overflow-x: hidden; } /**/
        .sidebarBox .entityImage .entityImageCaption { text-align: left; padding: 2px 6px 0 6px;
            font-style: italic; font-size: 11px; line-height: 15px; }


/* misc */
#predsjednikUprave img { border: 1px solid #B5C4D3; padding: 2px; }
.entityDate { font-style: italic; }
.clr { clear: both; }

/* separator */
#midColWide div.separator, #midCol div.separator { display: block; margin-bottom: 15px; margin-top: 15px; border: 0; height: 3px; background: url(cssImg/separatorWide.gif) no-repeat 0 0; }

/* contactForm */
#contactfrm *                                   { font: 12px Arial, Helvetica, sans-serif; }
#contactfrm                                     { width: 325px !important; margin: 1.5em auto; }
#contactfrm fieldset                            { width: 325px; margin: 3px 0 !important; padding: 0 !important; border: 1px solid #dbe2e8; background: #f9fdff; text-align: center; }
#contactfrm fieldset legend                     { color: #013565; font-weight: normal; padding: 0 5px; }
#contactfrm table                               { width: 305px !important; border: 0; margin: 5px auto !important; padding: 0 !important; border-collapse: collapse !important;  }
#contactfrm table th,
#contactfrm table td                            { padding: 5px; text-align: left; }
#contactfrm table th label                      { font-weight: normal; }
#contactfrm table td                            { padding-right: 0; }
#contactfrm table td .inputText                 { margin-right: 0 !important; }
#contactfrm select                              { border: 1px solid #828282; width: 300px; }
#contactfrm textarea                            { font: 12px/1.4 Arial, Helvetica, sans-serif; background: #fff url(cssImg/inputTextLarge.gif) no-repeat 0 0; border: 1px solid #828282; width: 293px; padding: 0 0 0 3px; overflow: auto; }
#contactfrm input.inputText,
.inputText                                      { background: #fff url(cssImg/inputTextLarge.gif) no-repeat 0 0; border: 1px solid #828282; width: 200px; padding: 2px 2px 0 3px; }
#contactfrm table tr td.requiredNotice span     { color: #ff9000; }
#contactfrm table tr td label.required          { font-weight: bold; border: none; }
#contactfrm table tr td label.required span     { color: #ff9000; }
#contactfrm fieldset legend label.required      { font-weight: bold; border: none; }
#contactfrm fieldset legend label.required span { color: #ff9000; }

/* submit error msgs & confirmations */
.error { padding: 10px 15px 10px 60px; color: #f00 !important; border: 1px solid #f00; margin: 5px 10px 5px 0; background: #fff url(cssImg/warning.gif) no-repeat 10px 10px; }
.error h4 { }
.error ul { }
.error li { list-style: none; padding-left: 10px; }
.confirmation { padding: 10px 25px; color: #013565 !important; border: 1px solid #013565; margin: 5px 0; background: #fff url(cssImg/confirmation.gif) no-repeat 98% 50%; }

/* footer */
#footer { clear: both; width: 742px; margin: 10px auto 0 auto; padding-top: 9px; padding-bottom: 5px; text-align: left; font-size: 11px; border-top: 1px solid #DBE2E8; }
#copyright { float: left; width: 300px; }
#siteBy { padding: 2px 10px; text-align: right; }
    #siteBy a { font-weight: normal; }

/* editor styles */
.editor-naslov1 { color: #0085d1; font: bold 18px Arial, Helvetica, sans-serif; }
.editor-naslov2 { color: #0085d1; font: bold 16px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.editor-naslov3 { color: #0085d1; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.editor-naslov4 { color: #013565; font: bold 12px Arial, Helvetica, sans-serif; }
.editor-quote { font: italic bold 15px/1.4 Georgia, serif; color: #FF9000; padding: 5px 0 10px 0;  }

.boxFloatRight { float: right; display: inline; font-size: 11px; color: #073161; margin-left: 15px; margin-bottom: .5em; }
.boxFloatRight img { border: 1px solid #B5C4D3; padding: 2px; }
.boxFloatLeft { float: left; font-size: 12px; color: #084169; width: 220px; w\idth: 200px; margin: 0 15px .5em 0; padding: 10px; border: 1px solid #C4E7FF;
    background: #DCF2FF; }
.boxFloatLeft img { border: 1px solid #B5C4D3; padding: 2px; }

/* tables inside content, should be used with #midCol & #midColWide, but since there are no tables in the layout, this can pass :-) */
.boxContent table { border-top: 1px solid #ccc; clear: both; }
.boxContent table tr { }
.boxContent table tr.par { background-color: #fff; }
.boxContent table tr.nepar { background-color: #f9f9f9; }
.boxContent table tr td { padding: 3px; border-bottom: 1px solid #ccc; }
.boxContent table.escape { border: none; clear: none; }
.boxContent table.escape tr td { padding: 3px; border: none; }
#midCol .boxContent ul { margin: 0 0 1em 0; padding: 0 0 0 .5em; list-style: none; }
#midCol .boxContent ul li { padding-left: 12px; margin-bottom: .5em; background: url(cssImg/bulletEmulator.gif) no-repeat 0 .8em; }
#midCol .boxContent ul li * { line-height: 1.5em; }
#midCol .boxContent ul li a { font-weight: bold; }
#midCol .boxContent table { width: 320px; }
#midColWide .boxContent ul { margin: 0 0 1em 5px; padding: 0 0 0 13px; }
#midColWide .boxContent ul li { margin-bottom: .5em; }
#midColWide .boxContent ul li * { line-height: 1.5em; }
#midColWide .boxContent ul li a { font-weight: bold; }
#midColWide .boxContent table { width: 480px; }
#midCol .boxContent ol { margin: 0 0 1em 1em; padding: 0 0 0 1em; }
#midCol .boxContent ol li { line-height: 1.5; }
#midColWide .boxContent ol { margin: 0 0 1em 1em; padding: 0 0 0 1em; }
#midColWide .boxContent ol li { line-height: 1.5; }

.entityDescription img
{ float: none !important; }
/*
.entityDescription .slika_sredina img
{ display: block !important;  margin: 0 auto !important;  float:none !important}



.entityDescription .slika_lijevo
{ float: left; }


.entityDescription .slika_desno
{ width: 100%; margin: 0; float: none}


.entityDescription .slika_desno img
{ display: block !important;   float:right !important}
*/

#midColWide .boxContent table.strukturaTvrtke           { width: 480px !important; border-bottom: 1px solid #ccc !important; table-layout: fixed; white-space: normal; clear: both; border-collapse: collapse; }
#midColWide .boxContent table.strukturaTvrtke td        { border: 0 !important; background: #fff !important; width: 120px; padding: 10px 15px !important; vertical-align: top !important; text-align: center !important; }
#midColWide .boxContent table.strukturaTvrtke td img    { float: none !important; padding: 0 !important; margin: 0 auto !important; }
#midColWide .boxContent table.strukturaTvrtke td .entityImage { float: none !important; margin: 0 !important; }

html body #midColWide .boxContent table#uprava { width: 480px !important;
border-bottom: 1px solid #ccc !important; overflow-x: hidden; clear: both !important; border-collapse: collapse !important; }
html body #midColWide .boxContent table#uprava td { vertical-align: top !important; text-align: center !important; padding: 0 !important; }
html body #midColWide .boxContent table#uprava td img { margin: 0 !important; padding: 0 !important; }
html body #midColWide .boxContent table#uprava td p { width: 120px; w\idth: 100px; padding: 10px !important; margin: 0 !important; }
html body #midColWide .boxContent table#uprava td span.entityImage { width: 480px !important; margin: 0 !important; }


.skipper { display: none; }

/* search results */
.boxContent .searchResults a { font-weight: bold; }

/* newsletter form */

    #newsletterForm dd { padding-left: 20px; margin-bottom: .7em;}
    #newsletterForm #newsletterCategories label { display: inline; font-weight: bold; padding-left: 7px; }
    #newsletterForm .inputText { margin-bottom: .5em; }
    #newsletterForm .inputImage { clear: left; margin-top: .7em; }
    #newsletterForm select { margin-bottom: .5em; width: 125px; }
    #newsletterForm label { clear: left; }
    #newsletterForm label em { color: #f00; font-style: normal; }
    #newsletterForm p em { color: #f00; font-style: normal; }
    #newsletterForm .disclaimer { color: #666; font-size: .9em; margin-top: 1.5em; padding-top: 1.3em; background: url(cssImg/separatorWide.gif) no-repeat 50% 0; }

.bottomInterface { float: left; width: 100%; margin-top: 5px; padding-top: 10px; font-size: 11px;
    background: url(cssImg/separatorMid.gif) no-repeat 50% 0; }
    #midColWide .bottomInterface { background-image: url(cssImg/separatorWide.gif); }
    #midCol .bottomInterface { width: 310px; }
.bottomInterface .pagination { float: left; }
.bottomInterface .topLink { float: right; text-align: right; }