/* $Id: basic.css 18584 2008-10-10 07:40:49Z stekop $ */ /************************************************************ * general items ************************************************************/ body { background-color:#EBEBEB; } /************************************************************ * typo ************************************************************/ div,p,a,li,td { color:#434343; } input,select,option,textarea { color:#000; } h1,h2,h3 { color:#000; } .highlight { color:#0D5D83; font-weight:bold; } .subline_1 { color:#0D5D83; font-size:20px; font-weight:bold; line-height:20px; } .subline_2 { color:#0D5D83; font-size:16px; font-weight:bold; line-height:20px; } a:link, a:visited, a:active { color:#000; } a:focus, a:hover { color:#0D5D83; } a.dark:link, a.dark:visited, a.dark:active { color:#4F4F4F; } a.dark:focus, a.dark:hover { color:#0D5D83; } a.light:link, a.light:visited, a.light:active { color:#b0b0b0; } a.light:focus, a.light:hover { color:#0D5D83; } a.highlight:link, a.highlight:visited, a.highlight:active { color:#4F4F4F; } a.highlight:focus, a.highlight:hover { color:#0D5D83; } .floatleft { float:left; } .floatright { float:right; } .balken { background: url('../img/cnt_balken.png') repeat; height: auto; z-index: 10; position: absolute; margin-top: -45px; padding: 5px 0 5px 0; } .balken a, .balken a:link, .balken a:visited, .balken a:active { width: auto; color: #FFF; font-weight: bold; text-decoration:none; background: url('../img/cnt_pfeil_rechts_alpha.gif') center right no-repeat; padding: 0 18px 0 10px; } .balken a:hover { color: #DDD; } .pfeil-schwarz, .pfeil-schwarz:link, .pfeil-schwarz:visited, .pfeil-schwarz:active { font-weight: bold; font-size: 12px; text-decoration:none; padding-right: 15px; background: url('../img/cnt_pfeil_rechts_schwarz.gif') center right no-repeat; line-height: 1; padding-top: 1px; } .pfeil-schwarz:hover { font-weight: bold; font-size: 12px; text-decoration:none; padding-right: 15px; background: url('../img/cnt_pfeil_rechts_schwarz.gif') center right no-repeat; line-height: 1; padding-top: 1px; } /************************************************************ * main column ************************************************************/ #canvas { width:1000px; } #main { width: 1000px; background: #FFF; } #cnt_popup { border:1px #0D5D83 solid; } #cnt_popup-large { border:1px #0D5D83 solid; background:#fff url('../img/img_popup-background.gif') no-repeat left; } /************************************************************ * header ************************************************************/ #hdr { background: #EBEBEB url('../img/hdr_logo-neu.gif') 0px 4px no-repeat; text-align: right; padding-right: 0; } #hdr ul { width: auto; } #hdr ul li { float:left; padding:3px 0 5px 14px; } #hdr li a { color:#757575; } #hdr li a:hover { color:#0D5D83; } #hdr .hdr-logo { width: 301px; } #hdr .hdr-teaser-area { width: 580px; margin: 0; padding: 0; } #hdr .hdr-teaser { margin: 0; padding: 0; width: 190px; text-align: left; } #hdr .hdr-teaser-long { } #hdr .hdr-teaser .text { float:left; color:#757575; padding:10px 5px 5px 0; } #hdr .hdr-teaser .text table { width:auto; } #hdr .hdr-teaser .text table tr { } #hdr .hdr-teaser .text table td { padding: 0 0 2px 0; font-size: 12px; color:#757575; } #hdr .hdr-teaser .text a { font-size: 12px; display: block; color: #000; font-weight:bold; padding: 2px 15px 1px 0; text-decoration: none; background: url('../img/nav/btn_search_lo_pfeil.gif') center right no-repeat; } #hdr .hdr-teaser .text a:hover { display: block; color: #5B5B5B; font-weight:bold; padding: 2px 15px 1px 0; text-decoration: none; background: url('../img/nav/btn_search_hi_pfeil.gif') center right no-repeat; } #hdr .hdr-teaser .text table td.border { border-bottom:1px #5B5B5B solid; } #hdr_system_type_info { background-color: #EBEBEB; border: 1px solid black; border-radius: 5px 5px 5px 5px; color: black; font-weight: bold; left: 5px; padding: 0 20px; position: absolute; top: 99px; } #head_basket_values a { background: none !important; } #header-customerlogin { background-color: darkGrey; width: 200px !important; height: 60px; margin-top: 7px !important; } #header-customerlogin .text { margin-left: 20px; padding-top: 5px !important; } #header-customerlogin .white { color: white; } #header-customerlogin .login { background: none !important; padding-right: 0px !important; font-weight: normal !important; } #header-customerlogin .login:hover { background: none !important; font-weight: normal !important; } /************************************************************ * navigaton ************************************************************/ #nav { width:151px; margin:32px 12px 0 0; float:left; padding: 0; overflow: hidden; } #nav li a { font-size:12px; padding:3px 0 3px 12px; display:block; width:auto; line-height: 1; font-weight:bold; } #nav li, #nav li ul { margin-top:4px; } #nav li a:link, #nav li a:visited, #nav li a:active { padding-left:12px; font-weight:bold; color:#000; background:url('../img/nav/nav_level1.gif'); } #nav li a:focus, #nav li a:hover { color:#0D5D83; background:url('../img/nav/nav_level1-active.gif');} #nav li.aktiv li, #nav li.aktiv li.aktiv { color:#0D5D83; } #nav li.aktiv { border-bottom:none !important; } #nav li.last { height: 5px; margin: 0; padding: 0; border-bottom:none !important; } /* level 1 */ #nav li.start a:link, #nav li.start a:visited, #nav li.start a:active { color:#000; background:url('../img/nav/nav_level1_multiple.gif'); font-weight:bold; padding-left:12px; } #nav li.start a:focus, #nav li.start a:hover { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.modetipps a:link, #nav li.modetipps a:visited, #nav li.modetipps a:active { color:#0D5D83; background:url('../img/nav/nav_level1-modetipps_winter.jpg') no-repeat; font-weight:bold; padding:5px 0 5px 12px; } #nav li.modetipps a:focus, #nav li.modetipps a:hover { color:#000; } #nav li.kollektion { height:auto; } #nav li.kollektion a { background:url('../img/nav/nav_kollektion.gif'); font-size: 18px; color: #6B6B6B; height:auto; } #nav li.kollektion a:hover { color:#729AAD; background:url('../img/nav/nav_kollektion.gif'); } #nav li.mode { height:auto; } #nav li.mode a { padding:0; } #nav li.spezial a { padding-top:5px; padding-bottom:5px; } #nav li.spezial a:link, #nav li.spezial a:visited, #nav li.spezial a:active { color:#000; background:url('../img/nav/nav_level1.gif'); } #nav li.spezial a:focus, #nav li.spezial a:hover { color:#0D5D83; background:url('../img/nav/nav_level1-active.gif'); } #nav li.spezialbig a, #nav li.spezialbig a:link, #nav li.spezialbig a:visited, #nav li.spezialbig a:active, #nav li.spezialbig a:focus, #nav li.spezialbig a:hover { font-size: 14px; } #nav li.aktiv a:link, #nav li.aktiv a:visited, #nav li.aktiv a:active, #nav li.aktiv a:focus, #nav li.aktiv a:hover { color:#0D5D83; background:url('../img/nav/nav_level1-active.gif'); font-weight:bold; padding-left:12px; } #nav li.spezial.aktiv a:link, #nav li.spezial.aktiv a:visited, #nav li.spezial.aktiv a:active, #nav li.spezial.aktiv a:focus, #nav li.spezial.aktiv a:hover { color:#0D5D83; background: url('../img/nav/nav_level1-active.gif'); } #nav li.schnaeppchen { background:#fff url('../img/nav/nav_level1-proz.gif'); } #nav li.schnaeppchen a { background:#fff url('../img/nav/nav_level1-proz.gif'); } #nav li.schnaeppchen a:link, #nav li.schnaeppchen a:visited, #nav li.schnaeppchen a:active { color: #D40028; font-weight: bold; } #nav li.schnaeppchen a:focus, #nav li.schnaeppchen a:hover { color: #0D5D83; font-weight: bold; background:#fff url('../img/nav/nav_level1-proz-active.gif'); } #nav li.schnaeppchen.aktiv { background:#fff url('../img/nav/nav_level1-proz-active.gif'); } #nav li.schnaeppchen.aktiv a { background:#fff url('../img/nav/nav_level1-proz-active.gif'); } #nav li.schnaeppchen.aktiv ul a:link, #nav li.schnaeppchen.aktiv ul a:visited, #nav li.schnaeppchen.aktiv ul a:active, #nav li.schnaeppchen.aktiv ul a:focus, #nav li.schnaeppchen.aktiv ul a:hover { background:transparent none repeat scroll 0 0; } #nav li.themenwelten a:link, #nav li.themenwelten a:visited, #nav li.themenwelten a:active, #nav li.themenwelten a:focus, #nav li.themenwelten a:hover { } #nav li.unserebesten a:link, #nav li.unserebesten a:visited, #nav li.unserebesten a:active, #nav li.unserebesten a:focus, #nav li.unserebesten a:hover { } #nav li.markenshop a:link, #nav li.markenshop a:visited, #nav li.markenshop a:active, #nav li.markenshop a:focus, #nav li.markenshop a:hover { } #nav li.neukunden a:link, #nav li.neukunden a:visited, #nav li.neukunden a:active, #nav li.neukunden a:focus, #nav li.neukunden a:hover { } /* level 2 */ #nav li.multiple a { padding-left:12px; } #nav li.multiple a:link, #nav li.multiple a:visited, #nav li.multiple a:active { color:#000; background:url('../img/nav/nav_level1_multiple.gif'); } #nav li.multiple a:focus, #nav li.multiple a:hover { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.single a { padding-left:12px; } #nav li.single a:link, #nav li.single a:visited, #nav li.single a:active { color:#000; background:url('../img/nav/nav_level1_multiple.gif'); } #nav li.single a:focus, #nav li.single a:hover { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.multipleaktiv a { padding-left:12px; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.multipleaktiv a:link, #nav li.multipleaktiv a:visited, #nav li.multipleaktiv a:active { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.multipleaktiv a:focus, #nav li.multipleaktiv a:hover { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.singleaktiv a { padding-left:12px; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.singleaktiv a:link, #nav li.singleaktiv a:visited, #nav li.singleaktiv a:active { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.singleaktiv a:focus, #nav li.singleaktiv a:hover { color:#0D5D83; background:url('../img/nav/nav_level1_multiple-active.gif'); } #nav li.spezial ul { } #nav li.spezial li a { font-weight: normal; padding-top:2px; padding-bottom:2px; border:0 !important; } #nav li.spezial li a:link, #nav li.spezial li a:visited, #nav li.spezial li a:active { color:#f00; background:none; } #nav li.spezial li a:focus, #nav li.spezial li a:hover { color:#000; } #nav li.spezial.aktiv li a:link, #nav li.spezial.aktiv li a:visited, #nav li.spezial.aktiv li a:active, #nav li.spezial.aktiv li a:focus, #nav li.spezial.aktiv li a:hover { color:#0D5D83; background:url('../img/nav/nav_level1-active.gif'); } /* level 3 */ #nav li li { margin: 0 0 0 0; } #nav li li li { margin: 0 0 0 0; padding: 0 0 0 0; } #nav li li ul { margin-top: 2px; } #nav li.aktiv li a:link, #nav li.aktiv li a:active, #nav li.aktiv li a:visited { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #fff none; } #nav li.aktiv li a:focus, #nav li.aktiv li a:hover { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color:#0D5D83; background: #e4edf1 none; } #nav li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv a:focus, #nav li.aktiv li.aktiv a:hover { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #B2CBD7 none; } #nav li.aktiv li.multiple a:link, #nav li.aktiv li.multiple a:visited, #nav li.aktiv li.multiple a:active { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #fff none; } #nav li.aktiv li.multiple a:focus, #nav li.aktiv li.multiple a:hover { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color:#0D5D83; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #e4edf1 none; } #nav li.aktiv li.multipleaktiv a:link, #nav li.aktiv li.multipleaktiv a:visited, #nav li.aktiv li.multipleaktiv a:active, #nav li.aktiv li.multipleaktiv a:focus, #nav li.aktiv li.multipleaktiv a:hover { margin: 0; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #B2CBD7 none; } #nav li.aktiv li.multipleaktiv li a:link, #nav li.aktiv li.multipleaktiv li a:visited { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color: #0D5D83; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #fff url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.aktiv li.multipleaktiv li a:active, #nav li.aktiv li.multipleaktiv li a:focus, #nav li.aktiv li.multipleaktiv li a:hover { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color:#0D5D83; font-weight:bold; border-bottom: #B8D3DF solid 1px; background: #e4edf1 url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.aktiv li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv li.aktiv a:focus, #nav li.aktiv li.aktiv li.aktiv a:hover { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #e4edf1 url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.aktiv li.aktiv li a:link, #nav li.aktiv li.aktiv li a:visited { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #fff url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.aktiv li.aktiv li a:focus, #nav li.aktiv li.aktiv li a:hover { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color:#0D5D83; font-weight:bold; border-bottom: #B8D3DF solid 1px; background: #e4edf1 url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.aktiv li.aktiv .no-border a:link, #nav li.aktiv li.aktiv .no-border a:visited { border: 0; } #nav li.aktiv li.aktiv li.aktiv li a:link, #nav li.aktiv li.aktiv li.aktiv li a:visited, #nav li.aktiv li.aktiv li.aktiv li a:active { margin: 0; padding-left: 30px; padding-top: 0; padding-bottom: 0; color:#000; background-color: #fff; } #nav li.aktiv li.aktiv li.aktiv li a:hover { margin: 0; padding-left: 30px; padding-top: 0; padding-bottom: 0; color:#0D5D83; font-weight:bold; border-bottom: #B8D3DF solid 1px; background-color: #e4edf1; } #nav li.aktiv li.aktiv li.aktiv li.aktiv a:link, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:active, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:visited, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:focus, #nav li.aktiv li.aktiv li.aktiv li.aktiv a:hover { margin: 0; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; color: #000; font-size:11px; border-bottom: #B8D3DF solid 1px; background: #e4edf1 url('../img/nav/nav_level-box.png') 18px 5px no-repeat; } #nav li.spezial li.aktiv a:link, #nav li.spezial li.aktiv a:visited, #nav li.spezial li.aktiv a:active, #nav li.spezial li.aktiv a:focus, #nav li.spezial li.aktiv a:hover { color:#0D5D83; } /* faq */ #nav .nav_faq { background:#EFEFEF; margin:10px 0 0 0; padding:8px 10px 8px 10px; } #nav .nav_faq h4 { font-size: 10pt; margin:0 0 5px 0; color: #000000; } #nav .nav_multipurpose { margin:10px 0 0 0; } /************************************************************ * content ************************************************************/ #cnt { margin-top: 8px; margin-bottom: 10px; width:621px; float:left; overflow: hidden; padding: 0; } #cnt_static { clear:both; } #cnt .cnt_top-teaser { width:auto; height:28px; margin: 0; padding: 0; float:right; } #cnt .cnt_top-teaser .content { padding:0; } #cnt .cnt_top-teaser h2 { font-size: 10pt; float: left; margin: 0; padding: 2px 15px 0 0; color: #7C7C7C; font-weight: bold; } #cnt .cnt_top-teaser form { float: left; margin: 0; padding: 0; border-collapse:collapse; } #cnt .cnt_top-teaser input { float: left; width:235px; border: gray solid 1px; padding: 2px; margin: 0; font-size: 11px; } #cnt .cnt_top-teaser input.submit { border: 0; margin: 10px 0 0 25px; padding: 0; width:99px; height:10px; position:relative; } #cnt .cnt_top-teaser-img { display:none; } #cnt .cnt_breadcrumb { clear:both; padding:0 8px 0 0; margin:0 0 11px 0; background:#fff; } #cnt .cnt_breadcrumb a { text-decoration:none; } #cnt .cnt_breadcrumb h1 { display:inline; font-size:11px; line-height:14px;} #cnt #artikelsuchenbtn { height: auto; font-size: 9pt; font-weight: bold; width: auto; border: 0; background-color:transparent; padding: 8px 15px 8px 0; background: url('../img/cnt_pfeil_rechts_schwarz.gif') center right no-repeat; line-height: 1; margin: 0 0 0 10px; } #cnt .floatleft h2 { padding-top: 8px; } #cnt h1.h1menu { padding-bottom: 1px; padding-top: 4px; line-height: 1; font-size: 15pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt h2.h2menu { padding-bottom: 1px; padding-top: 2px; line-height: 1; font-size: 12pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt h3.h3menu { padding-bottom: 1px; padding-top: 1px; line-height: 1; font-size: 10pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt h1.h1menu a { line-height: 1; font-size: 15pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt h2.h2menu a { line-height: 1; font-size: 12pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt h3.h3menu a { line-height: 1; font-size: 10pt; font-weight: normal; text-decoration: none; color: #6e6e6e; } #cnt .balken-blau { background: url('../img/cnt_beratung_balken-blau.png') top left repeat-x; height: 46px; } #cnt .balken-blau span { display: block; font-weight: normal; color: #16212E; padding: 12px 0 0 8px; font-size: 18pt; line-height: 1; } #cnt .hellgrau-verlauf { width: 303px; height: 139px; background: url('../img/cnt_beratung_hellgrau-verlauf.png') top left repeat-x; } #cnt .hellgrau-verlauf .text { padding: 20px 10px 0 10px; } #cnt .hellgrau-verlauf .link { padding: 0 10px 10px 10px; } #cnt .hellgrau-verlauf-schmal { width: 199px; height: 125px; background: url('../img/cnt_beratung_hellgrau-verlauf.png') top left repeat-x; } #cnt .hellgrau-verlauf-schmal .text { padding: 20px 10px 0 10px; } #cnt .hellgrau-verlauf-schmal .link { padding: 0 10px 10px 10px; } #cnt .cnt_pager ul li.active { background:#e7e5e0; } html>body #cnt .product-infobox { background:url('../img/cnt_background_white80.png'); } html>body #cnt .stoerer-neu { background:url('../img/cnt_stoerer-neu.png'); width:39px; height:26px; } html>body #cnt .stoerer-online { background:url('../img/cnt_stoerer-online.png'); width:80px; height:29px; } html>body #cnt .stoerer-reduziert { background:url('../img/cnt_stoerer-reduziert.png'); width:98px; height:34px; } html>body #cnt .stoerer-reduziert-label { background:url('../img/cnt_stoerer-preisreduziert.png'); width:80px; height:29px; } #cnt thead.overview { color:#0D5D83; } #cnt tbody tr.odd { background:#F9F8F5; } #cnt tbody tr.result { background:#EFEEEB; } #cnt .basket_tbl { width:604px; } #cnt .basket_tbl_sum { width:604px; } #cnt .cnt_pager .dots { font-size:12px; text-decoration:none; color:#000;} #cnt .cnt_pager .left b { margin-right:10px; } #cnt thead.order-detail tr th { color:#0D5D83; } #cnt .cnt_main-right-detail { background:url('../img/cnt_product-background-2.jpg') top right no-repeat; } #cnt .cnt_main-gradient { background:url('../img/cnt_product-background-3.jpg') top right no-repeat; } #cnt .cnt_main-background { background-color: #FFFFFF; } #cnt .stoerer-reduziert .content { text-align:center; padding:0px 5px 2px 40px; color:#fff; font-weight:bold; font-size:14px; } #cnt .cnt_type-test-text p { background:url('../img/img_farbtyptest-background.jpg') top repeat-x; } #cnt .cnt_type-test-text p strong { color:#0D5D83; clear:both; display:block; margin-bottom:5px; } #cnt .cnt-forms-newsletter { border:1px solid #0D5D83; background:#F9F8F5; } /************************************************************ * product ************************************************************/ #cnt .sr01 { height: 260px; } #cnt .sr02 { border: 0; width:295px; height:509px; margin-right: 12px; float:left; position:relative; } #cnt .sr01 .cnt_main-background, #cnt .sr01 .product-more, #cnt .sr01 .product-more .text { color: #000; line-height: 1; } #cnt .cnt_pager a:link, #cnt .cnt_pager a:visited, #cnt .cnt_pager a:active { color:#0D5D83; } #cnt .cnt_pager a:focus, #cnt .cnt_pager a:hover { } #cnt .product-description { border-top:1px #0D5D83 solid; border-bottom:1px #0D5D83 solid; background:url('../img/cnt_product-background-1.jpg') top repeat-x; } #cnt .cnt_main-right-detail a.link:link, #cnt .cnt_main-right-detail a.link:visited, #cnt .cnt_main-right-detail a.link:active { color:#5780A4; } #cnt .cnt_main-right-detail a.link:focus, #cnt .cnt_main-right-detail a.link:hover { color:#54A0E2; } /************************************************************ * Form Elements Korrekturen ************************************************************/ #cnt .cnt-forms .frm_1col { clear:both; } #cnt .cnt-forms .frm_1col input { } #cnt .cnt-forms .frm_1col input.short { width:220px; } #cnt .cnt-forms .frm_1col input.tiny { width:67px; } #cnt .cnt-forms .frm_1col input.huge { width:500px; } #cnt .cnt-forms .frm_1col input.small { width:261px; } #cnt .cnt-forms .frm_1col textarea { width:500px; height:150px; } #cnt .cnt-forms .frm_1col_pd .long { width: 434px; height: auto; padding: 0; margin: 0; } #cnt .cnt-forms .frm_1col_pd .long label { padding-left: 2px; font-weight: bold; height: 15px; } #cnt .cnt-forms .frm_2col-left { width:280px; float:left; } #cnt .cnt-forms .frm_2col-right { width:280px; float:left; } #cnt .cnt-forms .frm_2col-left input, #cnt .cnt-forms .frm_2col-right input { } #cnt .cnt-forms .frm_2col-left input.small, #cnt .cnt-forms .frm_2col-right input.small { width:141px; } #cnt .cnt-forms .frm_2col-left input.tiny, #cnt .cnt-forms .frm_2col-right input.tiny { width:67px; } #cnt .cnt-forms .frm_2col-left select, #cnt .cnt-forms .frm_2col-right select { width:224px; } #cnt .cnt-forms .frm_3col_pd { float:left; } #cnt .cnt-forms .frm_3col_pd label { font-weight:bold; padding-left: 2px; } #cnt .cnt-forms .frm_3col_pd .long { width:170px; } #cnt .cnt-forms .frm_3col_pd .medium { width:100px; } #cnt .cnt-forms .frm_3col_pd label { height: 15px; } #cnt .cnt-forms .frm_3col_pd .short { width:50px; } #cnt .cnt-forms .frm_3col_pd select.long { width:160px; margin:0 0 0 0; } #cnt .cnt-forms .frm_3col_pd select.medium { width:90px; margin:0 0 0 0; } #cnt .cnt-forms .frm_3col_pd select.short { width:40px; margin:0 0 0 0; } #cnt .cnt-forms .frm_4col { width:105px; float:left; } #cnt .cnt-forms .frm_4col label { font-weight:bold; } #cnt .cnt-forms .frm_4col select { width:95px; margin:5px 0 30px 0; } #cnt .cnt-forms .frm_4col select.medium { width:125px; margin:5px 0 0 0; } #cnt .cnt-forms .frm_4col_pd { float:left; } #cnt .cnt-forms .frm_4col_pd label { font-weight:bold; } #cnt .cnt-forms .frm_4col_pd .long { width:170px; } #cnt .cnt-forms .frm_4col_pd .medium { width:100px; } #cnt .cnt-forms .frm_4col_pd .short { width:50px; } #cnt .cnt-forms .frm_4col_pd select.long { width:160px; margin:5px 0 0 0; } #cnt .cnt-forms .frm_4col_pd select.medium { width:90px; margin:5px 0 0 0; } #cnt .cnt-forms .frm_4col_pd select.short { width:40px; margin:5px 0 0 0; } #cnt .cnt-forms .frm_4col-medium { width:135px; float:left; } #cnt .cnt-forms .frm_4col-medium label { font-weight:bold; } #cnt .cnt-forms .frm_4col-medium select { width:125px; margin:5px 0 30px 0; } /************************************************************ * margin column ************************************************************/ #mrg { position:relative; width:210px; float:left; margin:126px 0 0 -216px; padding: 0 0 10px 0; } /************************************************************ * footer ************************************************************/ #ftr { clear:both; display:block; width:619px; margin:0 0 20px 164px; padding:10px 0 10px 0; overflow: hidden; border-bottom:1px #c4c4c4 dotted; border-top:1px #c4c4c4 dotted; } #ftr a { font-weight:normal; } #ftr ul { margin:5px 0 0 0; text-align:left; } #ftr ul li { display:inline; padding:0 14px 0 0; } #ftr p { margin-bottom:7px; } #ftr .top-top a { font-weight:bold; } #ftr, #ftr p { color:#b0b0b0; } #ftr li { color:#b0b0b0; } /************************************************************ * FactFinder Search Engine ************************************************************/ div.suggestLayer { position: absolute; top: 119px; left: 430px; width: 1px; height: 1px; display: none; padding: 0; margin: 0; z-index: 1000; background-color: white; background: transparent; /* opacity could make problems in IE, * if the suggest isn't shown remove the opacity css styles. */ opacity: 0.9; /*filter: alpha(opacity=90);*/ } table.suggestLayer { font-size: 11px; width: 130px; border: 1px solid #5C7997; height: 12px; background-color: white; color: #173553; cursor: pointer; } tr.suggestLayer { height: 12px; } td.suggestLayer { padding: 0; height: 12px; } tr.suggestHeader{ color: #173553; font-weight: normal; font-size: 10px; } tr.suggestHeader td{ border-bottom: 1px solid #5C7997; padding: 3px 3px 3px 5px; } td.suggestFooter{ height:25px; border-top:solid 1px #5C7997; font-size:9px; color: #173553; background-color: #FCFCFC; background-repeat: no-repeat; background-position: right; } td.suggestTextQuery{ font-weight: normal; padding: 2px 15px 2px 10px; } span.suggestTextQueryTyped{ color: #434343; text-decoration: underline; font-weight: bold; } td.suggestTextType{ padding: 2px 5px 2px 15px; width: 30%; } td.suggestTextAmount{ padding: 2px 5px 2px 15px; width: 30%; text-align: right; } tr.suggestRow{ padding: 2px 2px 2px 0px; background-color: #FCFCFC; } tr.suggestHighlight{ color: #434343; background-color: #ddd; } tr.suggestHighlight span.suggestTextQueryTyped{ color: #434343; } td.suggestImage{ height: 40px; } td.suggestImage img{ height: 40px; } /************************************************************ * Image handling ************************************************************/ .header-image {width: 621px; height: 206px;} .content-image {width: 300px; height: 99px;} .password-header-image {width: 621px; height: 114px;} #to-basket-image { padding-top:2px; float: left !important; } .accent { padding-left: 10px !important; }