/* Fair Trade Original*/ /* =reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /* vertical-align:baseline;*/ } /* remember to define focus styles! */ :focus {outline:0;} body {line-height:1; color:black; background:white; height:100%/*ie6 overlay videplayer*/;font-family:Arial;} ol, ul {list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} legend {display:none;} input {margin-left:0; padding-left:0;} /* /reset */ html, body, .wrap {height: 100%;} body > .wrap {height: auto; min-height: 100%;} /* =main layout elements */ .wrap {background:#f3f2f1 url(../images/layout/bg_body.gif) repeat-x left top; width:100%;position:relative;height:auto; padding-bottom:41px;} .wrap-foot {background-color:#f8f8f7; border-top:1px solid #dfdbd8; clear:both; height:40px; position: fixed; bottom: 0px; left:0px; width:100%;} .page {margin:0 auto;width:980px;} .visual {background:#f3f2f1 url(/images/bg_visual-top.gif) no-repeat left top; width:100%;} .contentWrap {background-color:#fff; border:1px solid #dfdbd8; border-bottom:none; float:left; margin-top:19px; padding:30px 20px; width:938px;padding-bottom:86px;} .footer {height:28px; margin:0 auto; padding-top:13px; width:980px;} /* =header */ .header {float:left; height:82px; padding:0 0 24px 0; width:100%;float:left;} .branding {float:left; width:70px;} .branding p {height:0px; text-indent:-9999em;} .languages {float:right; height:27px; padding:10px 0 25px 0; position:relative; width:121px; z-index:10;} .languages .newListSelected {background:transparent url(../images/layout/bg_langselect.jpg) no-repeat left -27px; color:#80766a; outline:none;} .searchType .newListSelected {background:transparent url(../images/layout/btn_products.gif) no-repeat left top; color:#80766a; outline:none;} .languages .newListSelHover, .languages .newListSelFocus {background-position:left top; color:#fff;} .searchType .newListSelFocus , .searchType .newListSelHover {background-position:left -38px; color:#fff;} .languages .selectedTxt {cursor:pointer; height:19px; padding:8px 0 0 37px;} .searchType .selectedTxt {cursor:pointer; height:25px; padding:13px 0 0 8px;} .languages .newList, .searchType .newList {background:transparent url(../images/languagePupup.png) no-repeat left bottom; _background:transparent url(../images/languagePupup.gif) no-repeat left bottom;color:#c2b9ae; padding:10px; position:absolute; width:106px; z-index:20; padding-bottom:15px; padding-left:15px;margin-top:-3px;margin-left:-5px;} .languages .newList li, .searchType .newList li {background:url(../images/layout/bg_uncheck.gif) no-repeat left center; cursor:pointer; margin:2px 0; padding-left:20px;} .languages .newList li.hiLite, .searchType .newList li.hiLite {background:url(../images/layout/bg_check.gif) no-repeat left center; color:#f7941e;} .nav-top {clear:right; float:right; position:relative;} .nav-top p {float:left;} .nav-top p span {float:left;} .nav-top .resizer {bottom:2px; margin-left:5px; position:relative;} .nav-top .resizer a {display:inline-block; margin-right:5px;} .nav-top .resizer .small {font-size:12px;} .nav-top .resizer .medium {font-size:15px;} .nav-top .resizer .large {font-size:18px;} /* =search */ .search-main {background:transparent url(../images/layout/bg_search.gif) no-repeat left 8px; float:right; height:38px; margin:0; padding:0; position:relative; width:300px;} .search-main-focus {background:transparent url(/images/search-main-text-focus-bg.gif) no-repeat left top; float:right; height:30px; margin:0 5px 0 0; padding:8px 20px 0 0; position:relative; width:222px;} .search-main-focus .search-main-text {padding-left:15px;} input.search-main-text { background-color:transparent; border:none; float:left; padding:0px 8px 0; width:153px;font-size:11px;margin-top:13px;} input.search-main-submit {background:transparent url(../images/layout/btn_search.gif) no-repeat left top; border:none; cursor:pointer; float:right; height:38px; overflow:hidden; text-indent:-9999em; width:30px;} .searchType {float:right; width:91px;} /* =navigation */ .nav-main {background: url(../images/layout/bg_menu.gif) no-repeat left top; float:left; height:40px; margin-top:0px; padding:0; width:980px;} ul.topnav {float:left; position:relative; width:675px; z-index:20;} ul.topnav li {float:left; position:relative;} ul.topnav li a {color:#c2b9ae; display:block; float:left; height:26px; line-height:normal; text-decoration:none;} ul.topnav li ul.subnav {background: #fff; display:none; float:left; position:absolute; left:0; padding:16px 0 14px; top:38px; z-index:20;} ul.topnav li ul.subnav li {background: #fff; clear:both; display:block; float:none; margin:0;} ul.topnav li ul.subnav li.subnavBottom {height:4px; font-size:1px; padding:0;} ul.topnav li ul.subnav li.subnavBottom span {display:block; height:4px; margin-left:6px;} ul.topnav li ul.subnav li.last a {border:none;} html ul.topnav li ul.subnav li a {background:transparent none; float:none; height:auto; line-height:18px; padding:0; text-indent:0; white-space:nowrap; width:100%;}/*ie6*/ ul.topnav .category a {height:38px; color:#5E5953;line-height:38px; text-align:center; padding-left:15px; padding-right:15px;} ul.topnav .category .subnav a {text-align:left; color:#C2B9AE;} ul.topnav li a:hover {color:#80766a;} ul.topnav .selected a:hover,ul.topnav .selected a {background-color:#7E7569; color:#FFFFFF;} ul.topnav .category:hover {background-color:#7E7569; color:#FFFFFF;} ul.topnav .category a.navlink:hover {background-color:#7E7569; color:#FFFFFF;} ul.topnav .category a.Test {color:#FFFFFF!important;} ul.topnav ul.subnav a:hover {color:#80766A;} ul.topnav li.hover a a {color:#5E5953;} ul.topnav li.separator {width:2px; height:38px; overflow:hidden; background: url('../images/layout/navseparator.png') no-repeat top left;} ul.topnav li ul.subnav li a.subnavlink:hover {background:none;} /* =visual */ .visual {float:left; padding:19px 0 0;} #flash-primary {} .home #flash-primary {float:left; height:361px; width:980px;} .feature {} .home .feature {} .home .feature h4, .home .feature ul.list-one {padding-left:20px;} .home .feature ul.list-one span, .home .feature ul.list-two span { cursor:pointer; font-size:16px; } .home .feature ul {float:left; height:117px; padding:5px 0 0 /*10px*/; width:110px;} .home .feature ul li {line-height:30px;} .feature li a {background:transparent url(/images/bullet_white.gif) no-repeat left 12px; cursor:pointer; display:inline-block; padding-left:8px;} #flash-secondary {background:url(/images/doneernu.jpg) no-repeat left top; bottom:0; height:78px; left:0; position:absolute; width:250px;} .donate-home {display:block; height:78px; text-indent:-9999em; width:250px;} /* =breadcrumbs */ .breadcrumbs { /*background:url(../images/layout/breadcrumbsLeft.gif) no-repeat left top;*/ float:left; /*padding-left:2px;*/ margin-top:0px; background-color:#FFFFFF; width:100%; border-left:solid 1px #DFDBD8; border-right:solid 1px #DFDBD8; border-top: solid 1px #dfdbd8; width:978px; } .breadcrumbs ul {/*background:url(../images/layout/breadcrumbsBg.gif) repeat-x left top;*/ color:#5b5650; float:left; font:normal 11px Arial; height:33px;} .breadcrumbs li {background:url(../images/layout/breadCrumbsNodeBg.gif) no-repeat right top; float:left; height:33px; line-height:33px; padding:0 17px 0 7px;} .breadcrumbs li.last {background:url(../images/layout/breadCrumbsNodeBg.gif) no-repeat right top; font-weight:bold;} .breadcrumbs li a {color:#c2b9ae; text-decoration:none;} /* =content navigation */ .nav-content {float:left; width:180px;} .nav-content ul li a {color:#5b5650; cursor:pointer; display:block; font:normal bold 12px Arial; line-height:40px; padding-left:15px; text-decoration:none; width:165px;} .nav-content ul ul {display:none;} .nav-content ul li.open ul {display:block;} /*.nav-content ul ul li a, .nav-content ul li ul li a {color:#c2b9ae; display:block; font-size:11px; height:22px; line-height:22px; padding-left:30px; width:100%;}*/ .nav-content ul li.open ul li a {background:none; color:#c2b9ae; font-size:11px; height:22px; line-height:22px; padding-left:30px;} .nav-content ul li.open ul li.open a {color:#5B5650;} .nav-content ul li.open ul li.open ul li a {color:#c2b9ae;} .nav-content ul li.open ul li span {background:none;} .nav-content ul li.active a { background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat left top; color:#fff; display:block; height:22px; line-height:22px; padding-left:15px; width:165px;} .nav-content ul li.active a span, .nav-content ul li.open ul li.active a span, .nav-content ul li.open ul li.open ul li.active a span {background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat right top; display:block; height:22px;} .nav-content ul li.open ul li.active a {background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat left top; color:#fff; display:block; height:22px; line-height:22px; margin-left:15px; padding-left:15px; width:150px;} .nav-content ul li.open ul li.active a {background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat left top; color:#fff; display:block; height:22px; line-height:22px; margin-left:15px; padding-left:15px; width:150px;} .nav-content ul li.open ul li.open ul li.active a {background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat left top; color:#fff; display:block; height:22px; line-height:22px; margin-left:30px; padding-left:15px; width:135px;} .nav-content ul li.open ul li.open ul li a {margin-left:15px;} .nav-content ul li.active a span, .nav-content ul li.open ul li.active a span, .nav-content ul li.open ul li.open ul li.active a span {background:url(../images/layout/leftMenuActiveBlue.gif) no-repeat right top; display:block; height:22px;} /* =content */ .nav-content .bannerImage { width:178px; margin-top:40px; float:left; overflow:hidden; } .home-features { float:left; padding:30px 0 25px; _padding-bottom:0px; width:980px; } .home-features a.block:link, .home-features a.block:hover, .home-features a.block:active, .home-features a.block:visited {color:#656565; float:left; width:230px; margin-left:20px; text-decoration:none;} .home-features a.first:link, .home-features a.first:hover, .home-features a.first:active, .home-features a.first:visited {margin-left:0px;} .content-wrapper {float:left; margin-top:20px; padding:0 20px 20px; width:940px;} .content {float:left; font-size:1em; width:730px;} .sitemapContent {width:760px;} .content-wrapper .two-col {width:700px;} .intro-primary {float:left; padding-bottom:20px; width:100%;} .home .intro-primary {padding-bottom:0; width:460px;} .intro-primary .intro-img {float:left; padding-top:10px;} .home .intro-primary .intro-img {float:left; padding-top:0;} .intro-primary .intro-text {float:left; padding:10px 0 0 20px; width:340px;} .home .intro-primary .intro-text {padding-top:0; width:280px;} .intro-primary small {display:block; padding-bottom:10px;} .intro-secondary {display:inline; float:left; margin:0 0 0 20px; width:220px;} .intro-secondary .intro-img {float:left;} .intro-secondary .intro-text {float:left; width:100%;} .article-list {border-top:1px solid #d0d0d0; float:left; width:100%;} .article-list h3 {border-top:1px solid #656565; border-bottom:1px solid #656565; margin-top:-1px; padding:5px 0; position:relative; z-index:1;} .article-intro {border-bottom:1px solid #d0d0d0; padding:10px 0;} .actions {border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; float:left; margin-top:-1px; padding:5px 0; width:100%;} p.back {float:left;} p.next, p.rate {float:right;} p.paging {line-height:19px; padding:20px 0; text-align:center;} .paging .pages {background-color:#deebf4; display:inline-block;} .paging .prev {background:transparent url(/images/bg_paging_prev-r.gif) no-repeat right top; display:inline-block; padding:0 10px 0 0;} .paging .prev span {background:transparent url(/images/bg_paging_prev-l.gif) no-repeat left top; display:block; padding:0 10px;} .paging .next {background:transparent url(/images/bg_paging_next-l.gif) no-repeat left top; display:inline-block; padding:0 0 0 10px;} .paging .next span {background:transparent url(/images/bg_paging_next-r.gif) no-repeat right top; display:block; padding:0 10px;} .diseases {background-color:#deebf4; border:solid 1px #236a92; color:#236a92; float:left; margin:-1px 0 20px; padding:20px 25px; width:648px; } .diseases ul {float:left; width:33%;} .diseases ul li {background:url(/images/diseasesArrow.gif) no-repeat left 10px; line-height:25px; padding-left:9px;} .diseases ul li a {color:#236a92;} .diseasesTabs {display:inline; float:left; margin:35px 0 0 23px; width:96%;} .diseasesTabs li {background:url(/images/diseasesTabs.gif) no-repeat right -29px; float:left; font:bold 14px Arial; height:28px; margin-right:6px; padding-right:5px; position:relative;} .diseasesTabs li.active {background:url(/images/diseasesTabsActive.gif) no-repeat right -29px; margin-top:1px; position:relative;} .diseasesTabs li a {background:url(/images/diseasesTabs.gif) no-repeat top left; color:#fff; display:block; float:left; height:12px; padding:8px 25px;} .diseasesTabs li a:hover {color:#fff;} .diseasesTabs li.active a {background:url(/images/diseasesTabsActive.gif) no-repeat left top; color:#236a92;} .faq-list {margin:15px 0;} .faq-list li {background:url(/images/bullet_blue_large.gif) no-repeat left 6px; padding-left:9px;} .form .actions {line-height:25px;} .form .actions label {margin:0;} .form label {clear:both; float:left; line-height:22px; margin-bottom:8px;} .form label.required {background:url(/images/labelRequired.gif) no-repeat right ; padding-right:7px;} .form label.radio {clear:none; margin-right:25px;} .form label.checkboxWide {width:100%;} .form input {background:url(/images/textfieldBg.gif) no-repeat left top; border:0; color:#656565; float:right; height:18px; line-height:18px; margin-bottom:8px; padding:2px; width:261px;} .form input.required {background:url(/images/textfieldRequiredBg.gif) no-repeat left top;} .form input.radio {background:none; float:left;height:auto; width:auto;} .form input.checkbox {background:none; border:0; float:left; height:auto; margin-right:10px; width:auto;} .form .radioButtons {float:right; width:265px;} .form select {float:right; margin-bottom:8px; width:265px;} .form .line {background-color:#d0d0d0; float:left; font-size:1px; height:1px; margin-top:10px; width:100%;} .form .error {color:#740027; float:left;} .form .submit {background:url(/images/btnVerzenden.gif) no-repeat left top; cursor:pointer; height:25px; margin:0; width:82px;} .form span.radio { width: 12px; height: 25px; background: url(/images/radio.gif) no-repeat; display: block; clear: left; float: left; margin:5px 5px 0 0; } .form .actions span.radio {margin-top:6px;} .searchResultsHeader {background-color:#deebf4; float:left; height:80px; text-align:center; width:100%;} .searchResultsHeader p {margin:8px 0;} .searchResultsHeader label {color:#656565;float:left;font-size:11px; line-height:20px; margin:0 5px 0 20px;} .searchResultsHeader input.searchBar {background:url(/images/searchResultsHeaderInputBg.gif) no-repeat left top; border:0; color:#236A92; float:left; font-size:11px; height:15px; padding:3px; width:132px;} .searchResultsHeader input.searchBtn {background:url(/images/searchResultsHeaderSubmitBg.gif) no-repeat left top; border:0; cursor:pointer; float:left; height:21px; width:23px;} .searchResultsHeader select {float:left;} .sitemap {float:left; padding:0 10px 20px; width:960px;} .sitemap .sitemapCategory {float:left; margin:0 10px; width:220px;} .sitemap .sitemapList {background-color:#deebf4; border-top:1px solid #740027; clear:both; color:#323232; float:left; font:bold 100% Verdana; padding:9px; width:201px;} .sitemap .sitemapList li {line-height:28px;} .sitemap .sitemapList a {color:#323232; text-decoration:none;} .sitemap .sitemapSubList {font-weight:normal; padding-left:15px;} .sitemap .sitemapSubList li {line-height:normal;} .contentHeaderImage {margin-bottom:20px;float:left;} .bulkSelection {background: url(../images/filtersBg.png) no-repeat left top; float:left; height:110px; width:730px;} .bulkSelection div.filter {float:left; padding:10px 16px; width:150px;} .bulkSelection div.filter span {color:#383531; float:left; margin-bottom:11px; font-weight:bold; font-size:12px;} .bulkSelection div.filter select {width:150px;} .bulk {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; float:left; width:728px; padding-top:35px; } .bulk h2 {margin:35px 0 0 20px;} .bulk div {float:left;text-align:center; width:182px;} .tradePartnerProductList div { width:180px; } .bulk div .bulkTitle {display:block; font-size:16px; font-weight:bold; line-height:38px;} .bulk div .bulkDescription {color:#c2b9ae; display:block; font-family:Verdana; font-size:9px;margin-top:5px;} .paging {background:url(../images/layout/pagingBg.gif) no-repeat left top; clear:both; float:left; height:28px; line-height:28px; position:relative; text-align:center; width:730px;} .paging .pagingNav {position:absolute; top:0; right:0;} .paging .pagingNav a {background:url(../images/layout/pagingNavBg.gif) no-repeat left top; color:#80766a; display:block; float:left; font:normal 11px Arial; line-height:28px; padding:0 10px;} .paging .pagingNav a.inactive {color:#c2b9ae;} .paging .pagingNrs {float:left; font:normal 11px Arial; line-height:28px; width:100%;} .paging .pagingNrs a {color:#c2b9ae;} .paging .pagingNrs a.active {color:#80766a;} .footerLogo {margin:0px auto; width:980px; padding:18px 0px; overflow:hidden; text-align:right;} .footerLogo .footerLogoimg {float:right; } .footerLogo span {float:right; } .itemDescription {float:left; margin-left:20px; position:relative; width:358px;_margin-left:10px;_width:360px;_overflow:hidden;} .itemDescription h1 {float:left;} .itemDescription h1.DinamicColorSelector { overflow :hidden; width :100%; max-height :70px; font-weight :bold; } .itemDescription .ProductTitle{ float:left; width:100%;position:relative;font-weight:bold;margin-bottom:5px;border-bottom:1px solid #E0E0E0;} .itemDescription .price {font-size:16px; position:absolute; background:#FFFFFF; bottom:0px; right:0px; padding-bottom:2px; padding-left:11px; padding-top:5px;} .itemDescription .itemDescriptionText {border-bottom:1px solid #e0e0e0; clear:both; float:left; padding:20px 0; width:100%;font-size:11px;line-height:140%;} .itemDescription .itemDescriptionText p { overflow :hidden; } .itemDescription .origin {border-bottom:1px solid #e0e0e0; float:left; clear:both; width:358px;} .itemDescription .originImage {width:132px;} .itemDescription .originText {width:206px;padding-bottom:10px;font-size:11px;margin-left:10px;float:left;} .itemDescription .originText dl {border-bottom:1px solid #e0e0e0; float:left; line-height:18px; padding:15px 0; width:206px;} .itemDescription .originText dl dt {clear:both; float:left;} .itemDescription .originText .icon, .itemDescription .originText .markMaxHavelaar, .itemDescription .originText .markEko { display :block; float :left; height :30px; line-height :30px; font-size :10px; margin-top :10px; white-space :nowrap; } .itemDescription .originText .icon img { margin :0; padding :0; vertical-align :bottom; } .itemDescription .originText .icon img.EmptyImage { height:30px; width:1px; } .itemDescription .originText .markMaxHavelaar { margin-right:2px; padding-left:0px; } .itemDescription .originText .markEko { padding-left:0px; } .itemDescription .whereBuy {clear:both; float:left; margin-top:10px;} .detailTabs {border-bottom:2px solid #01bace; float:left; padding-top:20px; width:100%;position:relative;} .detailTabs li {border:1px solid #e0e0e0; border-bottom:none; float:left; font-size:16px; font-weight:bold; line-height:35px; margin-right:5px; padding:0 15px; position:relative; top:7px;} .detailTabs li a, .detailTabs li a:hover {color:#c2b9ae; display:block; display:inline-block;} .detailTabs li.active {border-bottom:2px solid #fff; line-height:41px; top:2px;} .detailTabs li.active a, .detailTabs li.active a:hover {color:#01bace; display:block; display:inline-block;} .detailInformation div {border-bottom:2px solid #01bace; float:left; padding:20px 0; width:100%;font-size:11px;} .relatedArticles {float:left; padding-top:40px;} .relatedArticles h3 {margin-bottom:8px;} .relatedArticles .bulk {border:1px solid #e0e0e0;} /* color schemes */ .foodDrink .bulkTitle {color:#01bace;} /* slider */ .sliderWrap {background:url(../images/layout/sliderBg.gif) no-repeat left top; float:left; height:320px; text-align:center; width:350px;} .sliderWrap .item p {margin:20px 0 0 20px; text-align:left;} .sliderWrap .slider_prev {background:url(../images/layout/btn_sliderprev.gif) no-repeat left top; bottom:0; display:block; height:30px; position:absolute; right:22px; width:22px;} .sliderWrap .slider_next {bottom:0; display:block; height:30px; position:absolute; right:0; width:22px;} /* =sidebar */ .aside {float:left; padding:0; width:208px;min-height:10px;} .addPeople {margin-top:-21px;} .nocolor {background-image:none;} .poll {padding:5px 0 15px;} .poll li {clear:left; display:block; position:relative;} .pollbar-wrapper {background-color:#83bad9; float:left; margin:3px 0; width:185px;} .pollbar {background-color:#740027; height:10px;} .poll small {display:block; float:right;} .btn {border:0 none; cursor:pointer; float:left; height:27px; margin-left:14px; padding:0;} .poll-vote {background:transparent url(/images/btn_poll.gif) no-repeat left top; width:69px;} .poll-vote:hover {background-position:left -27px;} .poll-results {background:transparent url(/images/btn_poll.gif) no-repeat left -54px; width:112px;} .poll-results:hover {background-position:left -81px;} .tag-cloud {text-align:justify;} .aside .pdf {background:transparent url(/images/icon_pdf.gif) no-repeat left 0 !important; display:inline-block; margin:8px 0 0 10px; padding:1px 0 0 22px !important;} .reumalijn {margin-top:15px; padding-bottom:10px; text-align:center;} /* =footer */ .footer p {/*line-height:41px;*/} .copyright {float:left; padding-right:50px; color:#5D5650; font-weight:bold;} .socialmedia {float:left; width:230px;} .socialmedia img {position:relative; top:-1px; vertical-align:middle;} .nav-footer{float:right; text-align:right; width:230px;} /* =misc */ .clear {clear:both;font-size:0px;height:0px;width:0px;overflow:hidden;} .aside img {float:left; padding-right:4px;} .article img {float:left; padding-right:15px;} .print {bottom:-50px; position:absolute; right:0; text-align:right;} .print a {background:url(../images/layout/icon_print.gif) no-repeat left top; display:inline-block; height:16px; padding-left:20px;} .article .action {display:block; height:21px; position:absolute; right:0px;} .article .action img {float:none; margin:0 0 -5px; padding:0;} .news small {display:block; position:relative; margin:0.7em 0 1em 0;} .news .action {top:0;} /* =selectbox */ .form ul.newList * {margin:0; padding:0;} .form ul.newList {margin:0; padding:0; list-style:none; color:#676767; width:265px; background:#eaeaea; position:absolute; border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:99;} .form .newListSelected {float:right; width:259px; color:#676767; height:19px; margin-bottom:10px; padding:3px 0 0 6px; background:url('images/formSelect.gif') no-repeat;} .form .newListSelected span {width:265px; display:block;} .form ul.newList li {padding:3px 8px; height:20px;} .form .selectedTxt {width:235px; overflow:hidden; height:16px; padding:0 23px 0 0;} .form .hiLite {background:#ccc; color:#000;} .form .newListHover {background:#888; color:#fff; cursor:default;} .searchResultsHeader ul.newList * {margin:0; padding:0;} .searchResultsHeader ul.newList {font-size:11px; margin:0; padding:0; list-style:none; color:#676767; width:129px; background:#fdfdfd; position:absolute; border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:99;} .searchResultsHeader .newListSelected {float:left; width:129px; color:#676767; height:19px; margin-bottom:10px; padding:3px 0 0 6px; background:url('images/searchResultsHeaderSelectBg.gif') no-repeat;} .searchResultsHeader .newListSelected span {width:129px; display:block;} .searchResultsHeader ul.newList li {padding:3px 8px; height:14px;} .searchResultsHeader .selectedTxt {color:#323232; text-align:left; font-size:11px; width:104px; overflow:hidden; height:16px; padding:0 23px 0 0;} .searchResultsHeader .hiLite {background:#e7e7e7; color:#676767;} .searchResultsHeader .newListHover {background:#a9b5be; color:#fff; cursor:default;} /* videoplayer */ .overlay {background-color:#000;filter:alpha(opacity=70); /* IE */opacity: 0.7; /* Safari, Opera */-moz-opacity:0.70; /* FireFox */z-index:50;height:100%; width: 100%;background-repeat:no-repeat;background-position:center;position:absolute;top: 0px;left: 0px;} .video {position:absolute; height:448px; left:50%; top:50%; margin-left:-332px; margin-top:-224px; width:664px; z-index:100;} /* =typography */ body {color:#656565; font-family:Arial; font-size:0.8em;} h1, h2, h3, h4 {font-family:Arial,Tahoma,Helvetica; font-weight:normal; line-height:1.1em; margin:0; /*margin:0 0 0.2em 0;*/} h1 {color:#01bace; font-size:32px;} h2 {color:#323232; font-size:15px;} h3 {color:#01BACE; font-size:20px;} h4 {color:#383531; font-size:16px;} p, small, li {line-height:140%} .home-features h2 {color:#f7941e; font-weight:bold; padding:15px 0 10px;} .detailInformation h4 {padding-bottom:5px;font-size:15px;} .detailInformation p {padding-bottom:25px;width:100%;} .detailInformation .tab1 p {padding-bottom:0px;width:100%;} .header, .aside {} .header {color:#dfdbd8; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .footer, .nav-main {color:#c2b9ae; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .header a {color:#80766a; text-decoration:none;} .footer a {color:#80766a; text-decoration:none; padding-left:2px; padding-right:4px;} .header a:hover, .footer a:hover {color:#f7941e;} .feature a {color:#fff; /*font-size:16px;*/ text-decoration:none;} .feature a:hover {color:#f96c8f;} .content a, .aside a {color:#f7941e; text-decoration:none;} .content a:hover, .aside a:hover {color:#f7941e;} .content a.external {color:#656565; text-decoration:underline;} .content a.external:hover {color:#323232;} .print a {color:#c2b9ae; cursor:pointer; font-family:Arial; font-size:9px; line-height:16px;} .print a:hover {color:#f7941e;} .paging a:hover, .paging .current {color:#323232;} .paging a.prev, .paging a.next {color:#fff;} .paging a.prev:hover, .paging a.next:hover {color:#323232;} .aside .tag-cloud a {color:#656565;} .aside .tag-cloud a:hover {color:#2790ca;} .quickResults a {color:#2790CA; text-decoration:none;} .readmore a, p.next a {background:url(/images/bullet_blue_large.gif) no-repeat left center; padding-left:9px;} p.back a {background:url(/images/bullet_blue_large_left.gif) no-repeat left center; padding-left:9px;} .aside .action a {background:url(/images/bullet_blue.gif) no-repeat left center; padding-left:9px;} .tooltip {color:#064c73 !important; cursor:pointer;} div.qtip {/*display:block !important;*/ padding-bottom:0px !important;} div.qtip-borderTop {background:transparent url(/images/tooltip-top.gif) !important; height:23px !important; margin-left:0 !important; width:311px !important;} div.qtip-betweenCorners {background-color:transparent !important;} div.qtip-contentWrapper {background:transparent url(/images/tooltip-repeat.gif) !important; border-left:none !important; border-right:none !important; padding:0 22px; width:267px !important;} div.qtip-content {width:267px !important;} div.qtip-wrapper {bottom:0px; left:-65px !important; width:311px !important;} div.qtip-borderBottom {background:transparent url(/images/tooltip-bottom.gif) !important; height:45px !important; margin-left:0 !important; width:311px !important;} div.qtip-borderTop div, div.qtip-borderBottom div, div.qtip-tip {display:none !important;} /* =clearfix*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* SIFR */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Arial; visibility: hidden; } */ } .fadeBandsV { float:left; width: 3px; z-index: 1; } .fadeBandsV div { overflow: hidden; /*width: 1px;*/ } .WatermarkInput { height:250px; } .rightDiv { float: right; padding-left:2px; } .watermark { display :block; float :left; } .watermark table { line-height :1px; } .watermarkTopRow { height :6px; line-height :4px; } .watermarkTopRow td { font-size :1px; } .watermarkLeftTop { width :3px; height :6px; background-image :url(../Images/left_top.gif); background-repeat :no-repeat; } .watermarkTop { height :6px; background-image :url(../Images/top.gif); background-repeat :repeat-x; } .watermarkRightTop { width :3px; height :6px; background-image :url(../Images/right_top.gif); background-repeat :no-repeat; } .watermarkMiddleRow { line-height :1px; } .watermarkMiddleRow td { font-size :0px; } .watermarkLeft { width :2px; border-left :solid 1px #D4D4D4; line-height :1px; } .watermarkInputContainer { padding-right:2px; } .watermarkInput { border :solid 0px transparent; font-family :Arial; font-size :10px; margin-top :-1px; _border :none; padding-left :2px; color :#B4B2B3; } .watermarkRight { width :2px; line-height :1px; border-right :solid 1px #D4D4D4; } .watermarkBottomRow { height :1px; line-height :1px; } .watermarkBottomRow td { font-size :1px; } .watermarkLeftBottom { width :3px; height :6px; background-image :url(../Images/left_bottom.gif); background-repeat :no-repeat; } .watermarkBottom { height :6px; background-image :url(../Images/bottom.gif); background-repeat :repeat-x; } .watermarkRightBottom { width :3px; height :6px; background-image :url(../Images/right_bottom.gif); background-repeat :no-repeat; } /* ======== Start style for DropDown =================== */ div.dropDownHolder * { border-width: 0px; line-height: 1.17em; overflow: hidden; } div.Invisible { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } div.dropDownHolder { display: block; background-image: url(../Images/dropdown-mainbg.gif); height: 21px; cursor: pointer; position: relative; } div.dropDownHolder div.left { height: 21px; background: url(../Images/dropdown-left.gif) no-repeat top left; } div.dropDownHolder div.right { height: 21px; background: url(../Images/dropdown-right.gif) no-repeat top right; padding: 0px 24px 0px 8px; } div.dropDownHolder p { font-family: Arial; font-size: 0.9em; padding: 2px 0px 0px 1px; /*margin: -1px 0px 0px 0px;*/ margin:0px; color: #000000; position: relative; white-space:nowrap; overflow:hidden; } div.dropDownListHolder div.backGround, div.dropDownListHolder div.backGround ins { position: absolute; top: 0px; left: -7px; cursor: default; padding: 7px 3px 3px 7px; margin: 0px 7px 7px 0px; background-image: url(../Images/framed.png); -background-image: url(../Images/framed.gif); background-position:-7px -7px; z-index :99; } div.dropDownListHolder div.UpButton { background-image:url(../Images/dropdown-arrow-up.gif); background-repeat:no-repeat; } div.dropDownListHolder div.DownButton { background-image:url(../Images/dropdown-arrow-down.gif); background-repeat:no-repeat; } div.dropDownListHolder div.dropdownItemHolder { display: block; height: 21px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 0.9em; } div.dropDownListHolder div.dropdownItemHolder div.left { height: 18px; background: url(../Images/dropdown-item-left.gif) top left no-repeat; padding: 0px 0px 0px 8px; } div.dropDownListHolder div.dropdownItemHolder div.right { height: 18px; background: url(../Images/dropdown-item-right.gif) top right no-repeat; padding: 0px 8px 0px 0px; } div.dropDownListHolder div.dropdownItemHolder a { display: block; height: 19px; color: #707070; text-decoration: none; padding: 4px 0px 0px 8px; white-space:nowrap; overflow:hidden; } div.dropDownListHolder div.dropdownItemHolder a:hover { color: #303030; background-color: #f9f9f9; } div.dropDownListHolder div.dropdownItemHolder a.Selected, div.dropDownListHolder div.dropdownItemHolder a.Selected:hover { background-image: url(../Images/dropdown-item-bg.gif); color: #FFFFFF; padding: 0px 0px 0px 0px; height: 18px; } div.dropDownListHolder div.backGround ins { padding: 0px; margin: 0px; } div.dropDownListHolder div.backGround ins.tr { width: 7px; height: 100%; left: 100%; background-position:0px -7px; } div.dropDownListHolder div.backGround ins.bl { width: 100%; height: 7px; top: 100%; left: 0px; background-position:-7px 0px; font-size: 0em; } div.dropDownListHolder div.backGround ins.br { width: 7px; height: 7px; top: 100%; left: 100%; background-position:0px 0px; font-size: 0em; } /*End style for new dropdown*/ /* sitemap*/ .sitemapMainContent { float:left; } .firstLevelElements { display:block; float:left; margin-bottom:20px; font-size:11px; font-family:Arial; width:100%; } a.firstLevel { font-weight: bold; text-decoration:none; width:100%; display:block; /*float:left;*/ _overflow :auto; color: #43403C; padding-bottom:5px; } a.secondLevel { padding-left:20px; text-decoration:none; width:150px; display:block; /*float:left;*/ _overflow :auto; color: #82786C; padding-bottom:5px; } a.thirdLevel { padding-left:40px; text-decoration:none; width:130px; display:block; /*float:left;*/ _overflow :auto; color: #82786C; padding-bottom:5px; } .sitemapColumn { width: 170px; padding-right:10px; float:left; display:block; } /*end sitemap*/ div.borderWrap { float:left; } /*left banner list*/ .leftBannerListContainer { display:block; float:left; } .leftBannerListContainer .bannerItem { border-bottom:1px solid #EAEAEA; padding: 14px 15px 13px 15px; margin-top:0px; float:left; width:148px; font-size:11px; line-height:15px; } .leftBannerListContainer .first { border-top:1px solid #EAEAEA; margin-top:0px; float:left; width:148px; } .leftBannerListContainer .bannerItemSelected { background-image: url(../Images/leftBannerSelectedBG.png); background-repeat: repeat-y; position:relative; padding: 12px 15px 13px 15px; margin-top:0px; float:left; width:148px; } .bannerItemImageSelected { position:absolute; top:50%; left:180px; margin-top:-3px; margin-left:-2px; width: 4px; height:5px; background-image: url(../Images/leftBannerSelectedArrow.png); background-repeat:no-repeat; float:left; width:148px; } .bannerItemImage { display:none; line-height:0px; height:0px; float:left; } .leftBannerListContainer .introText { display:block; color:#C3BAAF; } .leftBannerListContainer .topBorder, .leftBannerListContainer .bottomBorder { display:block; background-image: url(../Images/leftBannerSelectedTopBorder.png); background-repeat:no-repeat; height:3px; width:180px; margin-top:-1px; line-height:1px; float:left; } .leftBannerListContainer .bottomBorder { background-image: url(../Images/leftBannerSelectedBottomBorder.png); background-repeat:no-repeat; } .leftBannerListContainer .bannerItemSelected b.selectedColor { color:#22C2D2; } /*end left baner list */ /*sifr configuraton*/ h1, h3 { color:#01bace; } h2 { color:#f7941e; } .price { color:#01bace; } /*END SIFR configuration*/ /*FAQ list*/ .FAQListConatainer { float:left; _float:none; } .FAQListConatainer .titleFAQ { width: 714px; _width: 710px; background-image: url(../Images/FAQ_not_activated_question.png); _background-image: url(../Images/FAQ_not_activated_question_IE6.png); background-repeat:no-repeat; color: #7F776C; height:26px; display:block; padding-left:20px; padding-top:10px; padding-bottom:2px; /*cursor:pointer; cursor:hand;*/ } .FAQListConatainer .titleFAQ span { color: #7F776C; cursor:pointer; cursor:hand; } .FAQListConatainer .active { display:block; background-image: url(../Images/FAQ_activated_question.png); _background-image: url(../Images/FAQ_activated_question_IE6.png); background-repeat:no-repeat; width: 714px; _width: 710px; height:30px; color: #FFFFFF; padding-left:20px; padding-top:10px; } .FAQListConatainer .active span { color: #FFFFFF; cursor:pointer; cursor:hand; } .FAQListConatainer .questionListFAQ { display:block; padding-left:2px; } .FAQListConatainer .questionListFAQ { padding-bottom:2px; } .FAQListConatainer .questionListFAQ .question { display:block; padding-left:20px; padding-bottom:8px; padding-top:6px; background-color: #F7F6F4; /*cursor:pointer; cursor:hand;*/ } .FAQListConatainer .questionListFAQ .question span { cursor:pointer; cursor:hand; } .FAQListConatainer .questionListFAQ .pairItem { background-color: #FFFFFF; } .FAQListConatainer .questionListFAQ .activeQuestion { display:block; padding-left:20px; font-weight:bold; } .FAQListConatainer .questionListFAQ .answer { display:block; padding-left:20px; padding-bottom:20px; /*padding-top:5px;*/ } /*end FAQ list*/ /*FAQ page*/ .titleContainer { display:block; float:left; border-bottom: solid 1px #E7E7E7; padding-bottom:10px; margin-bottom:20px; width:100%; } .titleContainer span.smallTitle, .titleContainer span.bigTitle { color:#F7941D; font-size:19px; font-weight:bold; padding-bottom:8px; display:block; float:left; width:100%; line-height:100%; } .titleContainer span.bigTitle { font-size:30px; padding-bottom:4px; } .askQuestion { display:block; float:left; border-bottom: solid 1px #E7E7E7; border-top: solid 1px #E1E1E1; margin-top:30px; padding-bottom:10px; padding-top:10px; width:367px; } /*end FAQ page*/ /*address info control*/ .addressInfo { float:left; display:block; width:190px; } .addressInfoConatainer { background-color:#F7941E; width:190px; padding-bottom:18px; background-image: url(../Images/addressBG.gif); background-repeat:repeat-x; float:left; } .addressInfo .top, .addressInfo .bottom { width:190px; height:1px; line-height:1px; background-image: url(../Images/addressBottom.gif); background-repeat:no-repeat; float:left; } .addressInfoConatainer .top { background-image: url(../Images/addressTop.gif); } .addressInfoConatainer .contentText { color: #FFFFFF; padding-top:10px; padding-left:20px; margin-bottom:18px; padding-bottom:15px; border-bottom: solid 1px #E5881D; padding-top:17px; } .addressInfoConatainer .contentText .addressTitle { font-size:15px; font-weight:bold; padding-bottom:12px; } .addressInfoConatainer .contentText p { padding-bottom:0px; padding-top:0px; } .addressInfoConatainer .imgButtom { cursor:pointer; cursor:hand; display:block; float:left; margin-left:18px; _margin-left:8px; text-decoration:none; } .addressInfoConatainer .imgButtom .imgButtomLink { cursor:pointer; cursor:hand; color: #5B5650 !important; } .addressInfoConatainer .imgButtom .LeftBg { background-image: url(../Images/login_button_left.png); _background-image: url(../Images/login_button_left.gif); background-repeat:no-repeat; height:30px; width:14px; float:left; display:block; } .addressInfoConatainer .imgButtom .CenterBg { background-image: url(../Images/login_button_middle.png); _background-image: url(../Images/login_button_middle.gif); background-repeat:repeat-x; height:24px; padding-top:6px; float:left; color:#5B5650; font-size:12px; padding-right:2px; font-weight:bold; display:block; } .addressInfoConatainer .imgButtom .RightBg { background-image: url(../Images/login_button_right.png); _background-image: url(../Images/login_button_right.gif); background-repeat:no-repeat; height:30px; width:36px; float:left; display:block; } /*end address info control*/ /*contact page*/ .contactHtmContent { float:left; width:520px; padding-right:20px; } /*end contact page*/ /*image library master page*/ .imageLibraryMain { background-color:#F3F3F1; height:100%; width:100%; position:absolute; position:inherit\9; _position:absolute; *position:absolute; font-family:Arial,Tahoma,Helvetica; } .imgLbrContent { width:996px; margin:0 auto; } .imgLbrBottomContainer { position:absolute; bottom:0px; left:0px; width:100%; border-top: solid 2px #DFDBD8; background-color: #F8F8F7; height:40px; } .imgLibBottomObj { width:980px; margin:0 auto; } .bottomText { line-height:17px; font-size:12px; font-weight:bold; display:block; padding-top:10px; } /*end image library master page*/ /*journalist login pages*/ .loginContainer p { line-height:100%; } .loginContainer { background-image: url(../Images/logoBG.gif); background-repeat: no-repeat; height: 280px; width: 389px; position:absolute; top:50%; left:50%; margin-top:-140px; margin-left:-200px; } .loginWithBg { background-image: url(../Images/logoBG.gif); background-repeat: no-repeat; height: 230px; width: 389px; } .loginContent { padding: 20px 30px 15px 35px; display:block; float:left; width:100%; } .loginTitle, .forgotPasswordTitle { color:#F7941E; font-size:22px; font-weight:bold; font-family:Arial,Tahoma,Helvetica; padding-bottom:25px; margin-left:-2px; } .forgotPasswordTitle { padding-bottom:45px; } .loginContent span.introText { font-size: 12px; font-weight:bold; display:block; margin-bottom:6px; float:left; width:300px; color:#383531; } .textBoxContainer { width:169px; height:24px; background-image: url(../Images/logoTextBoxBG.gif); background-repeat: no-repeat; margin-bottom:5px; float:left; padding-bottom:11px; } .textBox { border: solid 0px #FFFFFF; margin-left:8px; margin-top:2px; width:154px; color:#5B5650; } .validation { float:left; padding-left:5px; padding-top:9px; width:5px; height:5px; overflow:hidden; } .loginButton { cursor:pointer; cursor:hand; display:block; float:left; margin-left:48px; margin-top:-4px; text-decoration:none; } .loginButton .LeftBg { background-image: url(../Images/login_button_left.png); _background-image: url(../Images/login_button_left.gif); background-repeat:no-repeat; height:30px; width:14px; float:left; } .loginButton .CenterBg { background-image: url(../Images/login_button_middle.png); _background-image: url(../Images/login_button_middle.gif); background-repeat:repeat-x; height:22px; padding-top:8px; float:left; color:#5B5650; font-size:12px; padding-right:2px; } .loginButton .RightBg { background-image: url(../Images/login_button_right.png); _background-image: url(../Images/login_button_right.gif); background-repeat:no-repeat; height:30px; width:36px; float:left; } .remember { float:left; width:300px; } .remember .checkbox{ width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../Images/checkbox.gif) no-repeat; display: block; clear: left; float: left; margin-left:-3px; _margin-left:-2px; } .remember .introText { font-size: 11px; display:block; color:#FFFFFF; padding-top:5px; float:left; text-decoration:none; } .loginContainer .loginBottomLinks { display:block; float:left; padding-top:5px; padding-left:6px; } .loginContainer .loginBottomLinks .row { /*width:350px;*/ display:block; float:left; margin-bottom:3px; padding-right:5px; } .loginContainer .loginBottomLinks .linkText { color:#C8C1B6; text-decoration:none; display:block; float:left; line-height:17px; } .loginContainer .loginBottomLinks .separator { color:#C8C1B6; padding-left:10px; padding-right:10px; display:block; float:left; } /**register user*/ .registerContent { display:block; float:left; padding:12px 30px 15px 35px; width:100%; } .registerTitle { color:#F7941E; font-family:Arial,Tahoma,Helvetica; font-size:22px; font-weight:bold; padding-bottom:7px; margin-left:-2px; } .registerContent span.introText { font-size: 12px; font-weight:bold; display:block; margin-bottom:1px; float:left; width:300px; color:#383531; } .registerContent .textBoxContainer { width:169px; height:24px; background-image: url(../Images/logoTextBoxBG.gif); background-repeat: no-repeat; margin-bottom:5px; float:left; padding-bottom:0px; } .linkContainer { float:right; padding-right:65px; padding-top:4px; } a.LinkWithBg { cursor:pointer; cursor:hand; display:block; float:left; margin-left:48px; margin-top:-4px; text-decoration:none; font-family:cofun; } a.LinkWithBg .bgLeft { /*background-image: url(../Images/logoBtnLeftBg.gif);*/ background-image: url(../Images/login_button_left.png); _background-image: url(../Images/login_button_left.gif); background-repeat:no-repeat; height:30px; width:14px; float:left; } a.LinkWithBg .bgCenter { /*background-image: url(../Images/logoBtnCenterBg.gif);*/ background-image: url(../Images/login_button_middle.png); _background-image: url(../Images/login_button_middle.gif); background-repeat:repeat-x; height:22px; padding-top:8px; float:left; color:#5B5650; font-size:12px; padding-right:2px; } a.LinkWithBg .bgRight { /*background-image: url(../Images/logoBtnRightBg.gif);*/ background-image: url(../Images/login_button_right.png); _background-image: url(../Images/login_button_right.gif); background-repeat:no-repeat; height:30px; width:36px; float:left; } span.messageText { font-size: 12px; font-weight:bold; display:block; margin-bottom:6px; float:left; width:300px; color:#383531; height:100px; } a.SimpleLink { cursor:pointer; cursor:hand; display:block; float:left; text-decoration:none; color:#C8C1B6; line-height:17px; } a.SimpleLink .bgLeft { float:left; display:none; } a.SimpleLink .bgCenter { float:left; } a.SimpleLink .bgRight { float:left; display:none; } .loginUnderneathBottomLink { display:block; float:left; padding-left:180px; width:100%; padding-top:4px; } .loginUnderneathBottomLink a { margin-left:0px; padding-left:48px; } /*end journalist login pages*/ /*image library overview page*/ .mainContainer { background-color:#F3F3F1; width:100%; float:left; border-bottom: solid 1px #DFDCD7; } .contentContainer { margin: 0px auto; width:980px; } /*.contentContainer .content { margin-bottom:90px; display:block; float:left; width:980px; }*/ .contentContainer .topBorder { margin-top:30px; float:left; display:block; width:100%; background-image: url(../Images/topBg.gif); background-repeat:no-repeat; height:3px; line-height:3px; } .contentContainer .middleContainer { float:left; display:block; width:978px; border-left: solid 1px #D4D0CD; border-right: solid 1px #D4D0CD; background-color:#FFFFFF; padding-top:25px; } .contentContainer .middleContainer .leftArea { display:block; float:left; width:180px; padding-left:19px; padding-right:30px; } .contentContainer .middleContainer .searchTitle { color:#F8941C; font-size:18px; font-weight:bold; float:left; width:100%; } .contentContainer .middleContainer .productCategSearch { margin-top:15px; margin-bottom:14px; } .contentContainer .middleContainer .buttonContainer { display:block; float:left; text-decoration:none; /* width:100%;*/ cursor:pointer; cursor:hand; } .contentContainer .middleContainer .leftBg { display:block; float:left; background-image:url(../Images/orngBtnLeftBg.gif); background-repeat:no-repeat; height:27px; width:14px; } .contentContainer .middleContainer .middleBg { display:block; float:left; background-image:url(../Images/orngBtnCenterBg.gif); background-repeat:repeat-x; height:22px; color:#FFFFFF; padding-top:5px; } .contentContainer .middleContainer .rightBg { display:block; float:left; background-image:url(../Images/orngBtnRightBg.gif); background-repeat:no-repeat; height:27px; width:27px; } .contentContainer .middleContainer .downArrow { background-image:url(../Images/orngBtnRightBgDownArrow.gif); background-repeat:no-repeat; } .contentContainer .middleContainer .separatorLine { display:block; float:left; width:180px; background-color:#DFDBD8; height:1px; line-height:1px; margin-top:27px; margin-bottom:27px; } .contentContainer .middleContainer .txtSearchContainer { padding-top:15px; padding-bottom:15px; display:block; float:left; } .txtSearchInput { width:168px; font-size:11px; } .contentContainer .middleContainer .checkbox{ width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../Images/orngCheckbox.gif) no-repeat; display: block; clear: left; float: left; margin-left:-3px; _margin-left:-2px; } .contentContainer .middleContainer .checkboxContainer { display:block; float:left; width:100%; } .contentContainer .middleContainer .checkboxContainer .introText { color:#F8941C; padding-top:5px; float:left; } .contentContainer .middleContainer .AnimateLixBoxItems { width:180px; float:left; margin-bottom:15px; height:120px; } .contentContainer .middleContainer .htmlText { display:block; float:left; width:100%; margin-bottom:15px; } .contentContainer .middleContainer .rightArea { display:block; float:left; width:729px; padding-right:19px; _padding-right:0px; } .contentContainer .middleContainer .repeaterItem { display:block; float:left; width:140px; padding-left:20px; padding-right:20px; _padding-left:0px; _padding-right:0px; _width:180px; text-align:center; padding-bottom:40px; } .contentContainer .middleContainer .repeaterItem .smallPreviewImage { height:110px; width:140px; text-align:center; padding-bottom:15px; } .contentContainer .middleContainer .repeaterItem .fileName { font-size:14px; font-weight:bold; padding-bottom:7px; display:block; } .contentContainer .middleContainer .repeaterItem .sizeInfo { font-size:11px; padding-bottom:4px; display:block; } .contentContainer .middleContainer .rightArea .rightAreaTopBg { float:left; display:block; width:730px; background-image: url(../Images/rightAreaTopBg.gif); background-repeat:no-repeat; height:3px; line-height:3px; } .contentContainer .middleContainer .rightArea .rightAreaMiddleBg { border-left:solid 1px #E0E0E0; border-right:solid 1px #E0E0E0; width:728px; float:left; padding-top:40px; } .contentContainer .middleContainer a.downloadLink { text-decoration:none; color:#F8931D; } .contentContainer .middleContainer a.link { text-decoration:none; color:#F8931D; padding-top:10px; display:block; float:left; } .contentContainer .middleContainer .rightArea .imagePreviewMiddle { display:block; float:left; padding-left:10px; width:320px; height:550px; text-align:center; padding-right:38px; } .contentContainer .middleContainer .rightArea .imageFullInfo { display:block; float:left; width: 360px; } .contentContainer .middleContainer .rightArea .imageFullInfo .separatorLine { display:block; float:left; width:360px; background-color:#DFDBD8; height:1px; line-height:1px; margin-top:10px; margin-bottom:20px; } .contentContainer .middleContainer .rightArea .imageFullInfo .infoElement { display:block; float:left; width:160px; padding-right:20px; padding-top:10px; padding-bottom:10px; font-size:11px; line-height:14px; } .contentContainer .middleContainer .rightArea .imageFullInfo .infoElement a { color:#656565; text-decoration:none; } .contentContainer .middleContainer .rightArea .NoImageText { float:left; height:550px; padding-top:5px; line-height:20px; width:100%; } .contentContainer .bottomBorder { float:left; display:block; width:100%; background-image: url(../Images/bottomBg.gif); background-repeat:no-repeat; height:86px; line-height:86px; padding-bottom:90px; } .bottomObject { display:block; float:left; width:100%; } .bottomObject .copyright { font-weight:bold; width:auto; color:#5D5650; } .bottomObject .socialmedia { width:auto; } /*end image library overview page*/ /*TradeParthersTitle*/ .TradeParthersTitle { color:#F7941D; font-family:Arial; font-weight:bold; padding-bottom:15px; font-size:18px; float:left; width:100%; } .TradeParthersHeader { font-family:Arial; font-size:24px; font-weight:bold; float:left; width:100%; } /*end TradeParthersTitle*/ /*upload file*/ .ibtnFile { display:block; float:left; text-decoration:none; cursor:pointer; cursor:hand; margin-left:9px; } .ibtnFile .leftBg { display:block; float:left; background-image:url(../Images/orngBtnLeftBg.gif); background-repeat:no-repeat; height:27px; width:14px; } .ibtnFile .middleBg { display:block; float:left; background-image:url(../Images/orngBtnCenterBg.gif); background-repeat:repeat-x; height:22px; color:#FFFFFF; padding-top:5px; } .ibtnFile .rightBg { display:block; float:left; background-image:url(../Images/orngBtnRightBg.gif); background-repeat:no-repeat; height:27px; width:27px; } div.uploadFileDiv .textBoxValue { width:150px; } div.uploadFileDiv .inputStringContainer { float:left; } .uploadFileDiv { position:absolute; left:0px; top:0px; z-index: 1; } .uploadFile { position:relative; float:left; width:370px; } input.file { position: relative; text-align : left; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; width:370px; height:25px; cursor:pointer; cursor:hand; } .uploadFile .closeDiv { position: absolute; text-align : right; z-index: 3; width:180px; height:28px; left:0px; top:0px; background-color: Transparent; background-image: url(../images/null.gif); } /*end upload file*/ /*contact form*/ .contactForm { float:left; padding-right:20px; width:520px; } .contactForm .introText, .contactForm .middleIntroText { width:100px; float:left; padding-top:4px; } .contactForm .middleIntroText { text-align:right; padding-right:10px; width:90px; } .contactForm .textContentContainer { width:420px; _width:430px; *width:430px; float:left; padding-bottom:7px; } .contactForm .textBoxInput { width:360px; } .contactForm .textBoxInputPostalCode { width:48px; } .contactForm .textBoxInputCity { width:172px; } .contactForm .textBoxInputMultiLine { width:360px; height:70px; } div.contactForm div.formCheckOk, div.contactForm div.formCheckWrong, div.contactForm div.formCheck { display: block; width: 13px; height: 23px; background-image:url(../Images/form-check.gif); background-position:0px 0px; margin-right:13px; float:left; margin-left:4px; } div.contactForm div.formCheckOk { background-position:26px 0px; } div.contactForm div.formCheckWrong { background-position:13px 0px; } div.contactForm .checkBoxDiv { display:block; float:left; } div.contactForm .divWantReceiveInfo { display:block; float:left; padding-left:5px; padding-top:3px; width:448px; } div.contactForm .btnSendContainer { float:right; display:block; padding-right:48px; padding-top:5px; } /*end contact form*/ .detailTabs li.printSection { border:0px; position:absolute; right :0px; bottom :0px; margin :0px; } /* shadows for menu */ ul.topnav li ul.subnav { background-color:transparent; padding:0px; margin-left:-3px; } .menu_container .left { background:transparent url(../Images/menu_left.png) repeat-y top right; _background:none; width:5px; } .menu_container .menu_content { background-color:#fff; } .menu_container .right { background:transparent url(../Images/menu_right.png) repeat-y top right; _background:none; width:8px; } .menu_container .bottom_left { background:transparent url(../Images/menu_bottom_left.png) no-repeat top left; _background:none; height:6px; line-height:6px; background-position:-2px 0px; } .menu_container .bottom_right { background:transparent url(../Images/menu_bottom_right.png) no-repeat top left; _background:none; width:8px; height:6px; line-height:6px; } /* end of shadows for menu */ .menu_container td.right { _border-right:solid 1px #c0c0c0; } div.menu_contentmiddle { padding-top:15px; padding-bottom:11px; _border-left:solid 1px #c0c0c0; _border-bottom:solid 1px #c0c0c0; padding-left:18px; float:left; _float:none; .padding-left:0px; padding-right:18px; } img.menumaskimg { display:none; } ul.topnav li.hover a img.menumaskimg, ul.topnav li.category a:hover img.menumaskimg, ul.topnav li.selected a img.menumaskimg, ul.topnav li.selected span img.menumaskimg, ul.topnav li.selected span:hover img.menumaskimg { display:block; _display:none; }