body { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; background-color: #FFFFFF; } #layout { position: relative; width: 771px; margin: 0 auto; padding: 0; text-align: left; font-size: 100.01%; } #logo { margin: 0; padding: 0; height: 100px; } #navigation { margin: 0; padding: 0; height: 44px; background: url(../../mangoo_custom/images/layout/nav_bg.jpg) no-repeat; } #subinformation { margin: 0; padding: 0 10px; height: 26px; } #breadcrumbs { float: left; margin: 0; padding: 0; } #navigation2 { float: right; margin: 0; padding: 0; } #main { margin: 0; padding: 0; } #mainimage { } #content { float:left; margin: 0; padding: 26px 10px 0 10px; width: 481px; } #sidebar { float:right; margin: 0; padding: 26px 0 0 26px; width: 244px; } *html #sidebar { padding-top: 30px; } #subnavigation { float: left; margin: 0; padding: 0; } #subcontent { float: left; padding: 0; margin: 0; } #footer { clear: both; margin: 0; padding: 4px 0 20px 10px; } .layoutimage { margin: 0 0 12px 0; } .breadcrumbs {} a:link, a:visited { text-decoration: none; color: #265E7F; } a:active, a:hover { text-decoration: underline; color: #265E7F; } a[href^="http:"] { background: url(../../mangoo_custom/images/div/link.gif) right center no-repeat; padding-right: 11px; margin-right: 1px; } a[href^="mailto:"] { background: url(../../mangoo_custom/images/div/mail.gif) right center no-repeat; padding-right: 11px; margin-right: 1px; } img { border: none; border: 0; } .text { font: 12px Arial, Verdana, sans-serif; font-weight: normal; color: #333333; } .red, .error { color: #B3001D; } .bold, .strong { font-weight: bold; } .floathack { clear: both; } .cblock { clear: both; margin: 0 auto 10px auto; padding: 0; border-bottom: 1px dotted #CCCCCC; } .cblock.article h1, .cblock.message h1, #content .addressbook.links h1 { margin: 0; padding: 0 0 10px 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; } *html .cblock.article h1 { padding-bottom: 15px; } .cblock.article h2 { clear: both; margin: 0; padding: 5px 0 5px 0; font-size: 13px; color: #333333; } .cblock.article h3 { padding: 0 0 5px 0; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; color: #1B455D; } .cblock.article p.info { margin: 0; padding: 0 0 15px 0; font-size: .85em; color: #666; } .cblock.article p.info .date, .cblock.article p.info .author {} .cblock p.text { margin: 0; padding: 0 0 10px 0; line-height: 20px; } .cblock.article p strong {} .cblock.article p i {} .cblock.article p u {} .cblock.article p.quote { margin: 1em 0 0 1em; padding: 0 0 0 1em; border-left: 1px solid #CCC; font-style: italic; color: #666; } .cblock.article p.small { font-size: 11px; line-height: 16px; color: #666; } .cblock.article p.emph { font-weight: bold; } .cblock div.mediaplayer { margin: 0 0 12px 0; } .cblock div.mediaplayer p { color: #363328; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; } .cblock.article p.footnote { margin: 0; padding: 0 0 10px 0; font-size: 11px; color: #666; } .cblock.article p .detaillink { display: block; margin: 0; padding: 0 0 5px 0; } .cblock.backlink, .cblock .backlink { margin: 0 0 10px 0; padding: 5px 20px; background-image:url(../../mangoo_custom/images/div/back.gif); background-repeat: no-repeat; background-position: 10px 7px; background-color: #DFDFDF; line-height: 1em; } .cblock.backlink.bottom .cblock .backlink.bottom { display: none; } #content .backlink a { } .cblock.article .image { margin: 0; padding: 8px 8px 8px 0; } .cblock.article .image.left { float: left; margin-right: 15px; } .cblock.article .image.right { float: right; margin-left: 15px; } .cblock.article .image.middle { display: block; } .cblock.article .image p { padding: 5px 0 5px 0; font: 12px Arial, Verdana, sans-serif; color: #333333; text-align: left; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin: 0 0 10px 0; } .cblock.article table td { border: 0; margin: 0; padding: 0 10px 0 0; font: 12px/20px Arial, Verdana, sans-serif; color: #333; vertical-align: top; color: #333; font-size: 12px; } .cblock ul { margin: 0; padding: 0 0 10px 25px; line-height: 18px; } .cblock li { margin: 0; padding: 0px 0 0px 0; color: #333; font-size: 12px; line-height: 20px; } .cblock ul.links li { color: #265E7F; } .cblock ul.links li a[href^="http"] { background: url(../../mangoo_custom/images/div/link.gif) right center no-repeat; padding-right: 11px; margin-right: 1px; } .cblock ul li a.files { background: url(../../mangoo_custom/images/div/file.gif) right center no-repeat; padding-right: 11px; margin-right: 1px; } .cblock.message { clear: both; margin: 0 auto 15px auto; padding: 10px 10px; background-color: #DFDFDF; border: none; } .cblock.message h1 { padding: 0 0 5px 0; } .cblock.message.error h1 { color: #B3001D; } .cblock.message p { margin: 0; padding: 0 0 15px 0; line-height: 18px; font-weight: bold; color: #333; } .cblock.message ul { padding: 0 0 5px 20px; } .cblock.gallery { margin: 0; padding: 0; } .cblock.gallery p.text { margin: 9px 0 9px 0; } #content .cblock.gallery .listnavigation { margin: 9px 0 9px 0; } #content .cblock.gallery .listnavigation.footer { margin: 0 0 9px 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 9px 9px 0; padding: 1px; width: 150px; height: 148px; border: 1px solid #000; background: #000; text-align: center; line-height: 142px; } *html .cblock.gallery div.galrow div.image { height: 146px; font-size: 130px; margin-bottom: 0px; } .cblock.gallery div.galrow div.image.lastcol { margin-right: 0px; } .cblock.gallery div.galrow div.image a, .cblock.gallery div.galrow div.image img { vertical-align: middle; } .cblock.gallery div.galrow div.image p { clear: both; margin: 0; padding: 0; font-size: 11px; color: #666666; } .cblock.gallery div.galrow div.image img.zoom { position: absolute; left: 2px; bottom: 1px; } .cblock.gallery div.galrow div.image p.title { position: absolute; margin: 0; padding: 0; right: 3px; bottom: 0px; height: 14px; line-height: 14px; font-size: 11px; color: #666666; background-color: #FFFFFF; } .cblock.gallery div.image.detail { margin: 0 0 18px 0; padding: 5px 5px 2px 5px; width: 478px; border: 1px solid #CCCCCC; text-align: center; } *html .cblock.gallery div.image.detail { padding-bottom: 10px; } .cblock.gallery div.image.detail img { margin: 0; padding: 0; } #ssinfo { position: relative; height: 19px; color: #FFFFFF; font-size: 12px; background-color: #000000; text-align: center; } #imagetitle { position: absolute; left: 5px; top: 2px; } #backlnk { position: relative; top: 2px; } #listnav { position: absolute; right: 5px; top: 2px; text-transform: uppercase; font-size: 11px; color: #FFFFFF; } #listnav a, #backlnk a { color: #FFFFFF; } #listnav .firstnolnk, #listnav .prevnolnk, #listnav .nextnolnk, #listnav .endnolnk { color: #AAAAAA; } #sscontrol { display: none; } #sscontainer { z-index: 2; position: absolute; top: 50%; width: 100%; } #ssimage { position: relative; display: block; margin: 0 auto; text-align: center; } #ssrewind { z-index: 1; position: absolute; top: 50%; width: 100%; } #ssrewind img { position: relative; display: block; margin: 0 auto; text-align: center; line-height: 70px; font-size: 35px; margin-top: -35px; } #content form { margin: 0; padding: 0; padding: 0 0 15px 0; font-size: 12px; } #content form fieldset { margin: 0; padding: 0 0 10px 0; border: 0; border-bottom: 1px dotted #CCCCCC; } *html #content form fieldset { border: 0; } #content form fieldset legend { display: none; } #content .webuser form fieldset legend, #content .eventlist form fieldset legend, #content .adsform form fieldset legend { display: block; margin: 0; padding: 0 0 5px 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; line-height: 1em; } #content .image form fieldset legend { display: none; } *html #content form fieldset legend { position: relative; padding-top: .6em; left: -7px; } #content form fieldset label { display: block; float: left; margin: .5em 0; padding: 0; width: 190px; color: #333333; font-size: 12px; } #content form fieldset label.red { color: #B3001D; } #content .image form fieldset label { width: 70px; } #content form fieldset span.fieldvalue { display: block; float: left; margin: .5em 0; padding: 0; width: 280px; color: #333333; font-size: 12px; font-weight: bold; } #content form fieldset input, #content form fieldset password, #content form fieldset select { margin: .4em 0; padding: 2px 0; width: 250px; font-size: 12px; line-height: 1em; } *html #content form fieldset select { width: 254px; } #content form fieldset input.checkbox { width: auto; margin: .7em 5px 0 0; } *html #content form fieldset input.checkbox { margin-top: .3em; } #content form fieldset input.checkbox.indent { margin-left: 1.5em; } #content form fieldset span.checkboxlabel { color: #333333; font-size: 12px; } #content form fieldset textarea { margin: .2em 0; padding: .2em 0; width: 444px; height: 160px; font-size: 12px; line-height: 1em; font-family: Arial, Verdana, sans-serif; } #content form fieldset input.grid1 { width: 444px; } #content form fieldset input.grid2, #content form fieldset select.grid2 { width: 120px; } #content form .action { margin: 0; padding: 0; border-bottom: 1px dotted #CCCCCC; color: #333333; } #content form p { margin: 0; padding: 1em 0; line-height: 1.6em; color: #666666; font-size: 12px; } #content form .comment { float: left; } #content form .hint { vertical-align: +4px; padding-left: 10px; color: #666666; font-size: 12px; } #content form fieldset br { clear: both; } #content form input.submit { margin: 1em 0; float: right; } #content form .preview { margin: 0; padding: 0 0 1em 0; } #navigation ul { padding: 0 0 0 19px; margin: 0; list-style-type: none; } #navigation li { float: left; margin: 0; padding: 0 0 0 0px; font: 100% Arial, Verdana, sans-serif; font-size: 13px; border-right: 1px solid #E87F5D; display: inline; } *html #navigation li { font-weight: bold; } #navigation li.last { border-right: none; } #navigation li a { display: block; padding: 11px 10px 10px 10px; color: #FFF; line-height: 13px; text-transform: uppercase; text-decoration:none; } #navigation li.active, #navigation li.selected { background-color: #3378A3; } #navigation a:hover, #navigation a:active { background-color: #F25727; } #breadcrumbs p { margin: 0; padding:0; color: #265E7F; font-size: 11px; } #breadcrumbs p a:link, #breadcrumbs p a:visited { text-decoration: none; color: #E24816; } #breadcrumbs p a:hover, #breadcrumbs p a:active { text-decoration: underline; color: #E24816; } #navigation2 ul { display: inline; list-style-type: none; margin: 0; padding: 0; } #navigation2 li { display: inline; margin: 0; padding: 4px 0 0 10px; font-size: 12px; font-weight: bold; } #navigation2 li a { color: #E24816; } #navigation2 li.active a, #navigation2 li.selected a { color: #265E7F; font-weight: bold; } #flag { display: inline; margin: 0; padding: 0 0 0 10px; } #flag a { background-image: none; margin: 0; padding: 0; } #flag a img { vertical-align: -2px; } #subnavigation ul { width: 234px; list-style-type: none; margin: 0; padding: 0; } #subnavigation ul.level2 { margin: 0 0 2em 0; border-bottom: 1px dotted #E24816; } #subnavigation ul.level3 { clear: both; padding: 0 0 0 10px; } #subnavigation li { margin: 0; padding: 2px 0; width: 234px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; border-top: 1px dotted #E24816; } *html #subnavigation li { font-size: 12px; } #subnavigation .level3 li { width: 224px; height: 14px; line-height: 14px; border: none; } #subnavigation .level3 li.last { padding-bottom: 8px; } #subnavigation ul a { color: #E24816; } #subnavigation li.selected a { color: #265E7F; font-weight: bold; } #subcontent .events { margin: 0; padding: 0 10px 0 0; border: none; } #subcontent .events .topic { position: relative; width: 224px; height: 22px; margin: 0; padding: 3px 0 0 10px; font-size: 13px; background: url(../../mangoo_custom/images/layout/events_bg.gif) no-repeat; color: #FFF; } *html #subcontent .events .topic { width: 223px; } #subcontent .events .topic a { position: absolute; right: 11px; font-weight: normal; color: #E24816; } #subcontent .events .event { clear: both; margin: 0; padding: 6px 0; border-bottom: 1px dotted #CCCCCC; } #subcontent .events .event h2 { margin: 0; padding: 3px 0; font-size: 11px; line-height: 11px; font-weight: normal; color: #666666; } #subcontent .events .event h1 { margin: 0; padding: 3px 0; font-size: 13px; line-height: 13px; border: none; } #subcontent .events .event h1 a { color: #1B455D; } #subcontent .events .event p { margin: 0; padding: 3px 0; font-size: 12px; color: #333; } #subcontent .websiteinfo { margin: 0; padding: 10px 0; } #subcontent .websiteinfo p { margin: 0; padding: 0; font-size: 11px; color: #666666; } #subcontent .newsletter { width: 194px; margin: 0; padding: 20px 0 20px 40px; border-bottom: 1px dotted #CCCCCC; background: url(../../mangoo_custom/images/div/newsletter.gif) no-repeat; background-position: left center; font-size: 12px; } #subcontent .newsletter p { margin: 0; padding: 0; } #subnavigation .login.userinfo { margin: 0; padding: 0 0 2em 0; } #subnavigation .login.userinfo p { position: relative; width: 224px; height: 33px; margin: 0; padding: 3px 0 0 10px; background: url(../../mangoo_custom/images/layout/userinfo_bg.gif) no-repeat; color: #FFF; line-height: 1.1em; } *html #subnavigation .login.userinfo p { width: 223px; } #subnavigation .login.userinfo p a { position: absolute; right: 12px; top: 10px; color: #E24816; font-weight: bold; } #subnavigation .store.basketsmall { width: 234px; padding-bottom: 20px; border: none; } #subnavigation .store.basketsmall h1 { padding: 0 0 10px 0; font: 15px/19px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: bold; line-height: 1em; } #subnavigation .store.basketsmall p { width: 234px; font: 11px/14px Arial, Verdana, sans-serif; color: #333333; } #subnavigation .store.basketsmall table { margin: 0; padding: 0; width: 234px; border-collapse: collapse; table-layout: fixed; } #subnavigation .store.basketsmall table td { padding: 0 0 5px 0; font: 11px Arial, Verdana, sans-serif; color: #333333; text-align: left; vertical-align: top; } #subnavigation .store.basketsmall table tr.coldef td { border: none; margin: 0; padding: 0; } #subnavigation .store.basketsmall table tr.coldef td.col2 { width: 90px; } #subnavigation .store.basketsmall table td.total { text-align: right; color: #333333; font-weight: bold; } #subnavigation .store.basketsmall table td.sum { padding-top: 5px; border-top: 1px dotted #CCCCCC; } #subnavigation .store.basketsmall table td.sum.text { font-weight: bold; } #subnavigation .store.basketsmall a.checkout { float: right; margin: 5px 0; } .cblock.images.random { border: none; } .cblock.products div.productrow { margin: 0 0 10px 0; padding: 0; border-bottom: 1px dotted #CCCCCC; } .cblock.products div.productrow div.product { margin: 0; } .cblock.products div.productrow div.product div.image { float: left; width: 100px; height: 150px; padding: 5px 20px 0 0; text-align: center; line-height: 144px; } .cblock.products div.productrow div.product div.image img { vertical-align: top; } .cblock.products div.productrow div.product form { margin: 0 !important; padding: 0 !important; float: right; width: 361px; } .cblock.products div.productrow div.product h1 { margin: 0; padding: 0 0 5px 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; } .cblock.products div.productrow div.product p.details { padding: 0 0 3px 0 !important; color: #333333 !important; } .cblock.products div.productrow div.product select { width: 140px; margin-top: 5px; } .cblock.products div.productrow div.product p.price { padding: 0 0 5px 0 !important; font-weight: bold; font-size: 13px; color: #333333; } .cblock.products div.productrow div.product p.notavailable { padding: 3px 0 0 0 !important; color: #B3001D !important; font-weight: bold; } .cblock.products div.productrow div.product p.contingent { padding: 3px 0 0 0 !important; color: #B3001D !important; font-weight: bold; } .cblock.products div.productrow div.product input.addtobasket { margin: 0; } .cblock.products div.productrow div.product p.text { color: #666666 !important; } .cblock.store.order { padding: 0; margin: 0; border: none; } .cblock.store.order table { margin: 0; padding: 0; width: 481px; border-collapse: collapse; table-layout: fixed; } .cblock.store.order table td { font: 12px Arial, Verdana, sans-serif; color: #333333; } .cblock.store.order table td.bold { font-weight: bold; } .cblock.store.order table.overview { margin-top: 5px; border-top: 1px dotted #CCCCCC; } .cblock.store.order table tr.head td { border-bottom: 1px dotted #CCCCCC; line-height: 1.6em; font-size: 12px; } .cblock.store.order table.products td { vertical-align: middle; font: 12px Arial, Verdana, sans-serif;; } .cblock.store.order table.overview td, .cblock.store.order table.conditions td { padding: 5px 0; vertical-align: top; } .cblock.store.order table.products tr.row1 td { padding: 5px 0 2px 0; border-top: 1px dotted #CCCCCC; } .cblock.store.order table.products tr.row2 td { padding: 2px 0 5px 0; } .cblock.store.order div.payment_info table { background-color: #fbde7a; } .cblock.store.order div.payment_info table td.col1 { padding: 2px 0 2px 5px !important; width: 130px; } .cblock.store.order div.payment_info table td.col2 { padding: 2px 0 !important; font-weight: bold; } .cblock.store.order table.products tr.head td { text-align: left; font-weight: bold; } .cblock.store.order table.products tr.head td.amount, .cblock.store.order table.products tr.head td.amount_total { text-align: right; } .cblock.store.order table.products td.name a { font-weight: bold; } .cblock.store.order table.products td.quantity { text-align: center; } .cblock.store.order table.products td.amount { text-align: right; } .cblock.store.order table.products td.amount_total { font-weight: bold; text-align: right; } .cblock.store.order table.products input.quantity { margin: 0; width: 25px; font-size: 10px; } .cblock.store.order table.products td.errormsg { text-align: right; font-weight: bold; color: #B3001D; } .cblock.store.order table.products td.image { vertical-align: top; padding-top: 3px; } .cblock.store.order table.products td.info { vertical-align: top; } .cblock.store.order table.products td.edit { vertical-align: top; text-align: right; } .cblock.store.order table.products td.edit input.refresh { margin: 5px 0 0 5px; width: 88px; } .cblock.store.order table.products td.edit input.delete { margin: 5px 0 0 5px; width: 60px; } .cblock.store.order table.sums td { padding: 5px 0; border-top: 1px dotted #CCCCCC; } .cblock.store.order table.sums td.amount { text-align: right; } .cblock.store.order table.sums td.sum { font-size: 12px; } .cblock.store.order table.sums td.countryselect select { width: 135px; } .cblock.store.order table tr.coldef td { border: none; margin: 0; padding: 0; } .cblock.store.order table.products tr.coldef td.col1 { width: 15px; } .cblock.store.order table.products tr.coldef td.col2 { width: 35px; } .cblock.store.order table.products tr.coldef td.col3 { width: 213px; } .cblock.store.order table.products tr.coldef td.col4 { width: 43px; } .cblock.store.order table.products tr.coldef td.col5 { width: 80px; } .cblock.store.order table.products tr.coldef td.col6 { width: 95px; } .cblock.store.order table.sums tr.coldef td.col1{ width: 85px; } .cblock.store.order table.sums tr.coldef td.col2 { width: 140px; } .cblock.store.order table.sums tr.coldef td.col3 { width: 23px; } .cblock.store.order table.sums tr.coldef td.col4 { width: 123px; } .cblock.store.order table.sums tr.coldef td.col5 { width: 110px; } .cblock.store.order table.overview tr.coldef td.col1 { width: 90px; } .cblock.store.order table.overview tr.coldef td.col2 { width: 124px; } .cblock.store.order table.overview tr.coldef td.col3 { width: 74px; } .cblock.store.order table.overview tr.coldef td.col4 { width: 133px; } .cblock.store.order h1 { margin: 0; padding: 0 0 15px 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; } .cblock.store.order form { margin: 0; padding: 0; width: 481px; } *html .cblock.store.order form { width: 473px; } .cblock.store.order form div.fields { padding: 0 0 12px 0; line-height: 26px; } .cblock.store.order form div.fields br { clear: both; } .cblock.store.order form div.fields label { display: block; float: left; width: 131px; margin: 0 6px 0 0; text-align: left; color: #333333; font: 12px/24px Arial, Verdana, sans-serif; } *html .cblock.store.order form div.fields label { line-height: 20px; } .cblock.store.order form div.fields label span { font: 12px Arial, Verdana, sans-serif; } .cblock.store.order form div.fields label.error, .cblock.store.order form div.fields label span.error { color: #b21a0f; font-weight: bold; } .cblock.store.order form div.fields label.textarea { display: block; clear: both; width: 100%; text-align: left; } .cblock.store.order form div.fields label.checkboxlabel { margin: 5px 0; text-align: left; width: 260px; line-height: 15px; } .cblock.store.order form div.fields label.radiolabel { text-align: left; } .cblock.store.order form div.fields img.ccimage { vertical-align: -6px; padding: 0 5px 0 2px; } *html .cblock.store.order form div.fields img.ccimage { vertical-align: -10px; } .cblock.store.order form div.fields input { width: 300px; font-size: 12px; margin: 0; padding: 2px 0; line-height: 1em; } *html .cblock.store.order form div.fields input { vertical-align: -5px; } .cblock.store.order form div.fields input.grid2 { width: 90px; margin-right: 5px; } .cblock.store.order form div.fields input.grid3 { width: 201px; } .cblock.store.order form div.fields select { width: 304px; margin: 2px 0 1px 0; padding: 0; } *html .cblock.store.order form div.fields select { padding: 2px 0; margin-top: 1px; vertical-align: -5px; line-height: 1em; } .cblock.store.order form div.fields select.grid2 { width: 94px; } .cblock.store.order form div.fields select.grid3 { width: 224px; } .cblock.store.order form div.fields select.grid4 { width: 60px; } .cblock.store.order form div.fields textarea { float: left; width: 445px; height: 160px; font-family: Arial, Helvetica, Geneva, sans-serif; } *html .cblock.store.order form div.fields textarea { width: 450px; } .cblock.store.order form div.fields input.checkbox { float: left; margin: 6px 3px 0 145px; width: 15px; } *html .cblock.store.order form div.fields input.checkbox { margin: 3px 3px 0 148px; } .cblock.store.order form div.fields input.radio { width: 15px; } .cblock.store.order form div.fields input.image { width: auto; } .cblock.store.order table.overview div.agbframe { margin: 2px 0 0 0; padding: 5px; border: 2px solid #b21a0f; text-align: center; width: 40px; } .cblock.store.order table.overview input.agb { width: 15px; } .cblock.store.order form div.fields p.fieldcomment { float: left; width: 305px; margin: 5px 0; padding: 5px 0 !important; font: 12px/15px Arial, Verdana, sans-serif !important; color: #666666; } *html .cblock.store.order form div.fields p.fieldcomment { margin-left: 3px; } .cblock.store.order form div.fields a { font: 12px Arial, Verdana, sans-serif; } .cblock.store.order form div.fields span.text { float: left; font: 12px Arial, Verdana, sans-serif; } .cblock.store.order form div.fields p.text { float: left; width: 300px; padding-top: 6px; font: 12px Arial, Verdana, sans-serif; } .cblock.store.order form div.fields span.radiotext { padding: 0 5px 0 2px; font: 12px Arial, Verdana, sans-serif; vertical-align: 1px; } *html .cblock.store.order form div.fields span.radiotext { vertical-align: -2px; } .cblock.store.order form div.fields label span.radiotext { font-weight: bold; } .cblock.store.order form #cpt { float: left; margin: -2px 10px 0 0; } .cblock.store.order form div.fields input.cptinput { width: 70px; } .cblock.store.order form div.action { padding: 10px 0 10px 0 !important; border-top: 1px dotted #CCCCCC; } *html .cblock.store.order form div.action { width: 481px; } .cblock.store.order form div.action div.buttons { float: right; display: inline; } .cblock.store.order form div.action div.buttons input { float: left; display: inline; margin: 0 0 0 10px; } .cblock.store.order form div.action div.buttons img { float: left; display: inline; margin: 0 0 0 10px; } .cblock.store.order form div.action p.info { float: left; margin: 0; padding: 0 !important; line-height: 15px; font-size: 12px; color: #666; } .cblock.store.steps { width: 234px; border-top: 1px dotted #CCCCCC; border-bottom: none; } .cblock.store.steps div { padding: 2px 2px 2px 27px; font-family: Arial, Verdana, sans-serif; line-height: 16px; border-bottom: 1px dotted #CCCCCC; } .cblock.store.steps div.dummy { display: none; } .cblock.store.steps div.current { font-weight: bold; color: #e24815; background: url(../../mangoo_custom/images/store/steps_current.gif) no-repeat 4px 8px; } .cblock.store.steps div.inactive { color: #666666; background: url(../../mangoo_custom/images/store/steps_inactive.gif) no-repeat 4px 8px; } .cblock.store.steps div.ready { font-weight: bold; color: #1B455D; background: url(../../mangoo_custom/images/store/steps_ready.gif) no-repeat 4px 8px; } .cblock.store.steps div p.headline { font-size: 11px; } .cblock.store.steps div p.step { font-size: 13px; } #content .listnavigation { margin: 0; padding: 5px 10px; background-color: #DFDFDF; } #content .listnavigation.footer { margin: 0; } #content .listnavigation .status { margin: 0; padding: 0; float: left; font-weight: bold; color: #333; } #content .listnavigation .actions, #content .backlink .actions { margin: 0; padding: 0; float: right; color: #333; } #content .listnavigation .searchresults { margin: 0; padding: .5em 0 0 0; } #content .events .subtopic { margin: 0; padding: 2em 0 2px 20px; font-size: 13px; font-weight: bold; color: #1B455D; border-bottom: 1px solid #999; background: url(../../mangoo_custom/images/div/events_subtopic.gif) left no-repeat; background-position: 0 26px; } #content .events, #content .addresses { border: none; } #content .events .event, #content .addressbook .address, #content .ads .adentry { clear: both; margin: 0 auto; padding: 10px 0 10px 0; border-bottom: 1px dotted #CCCCCC; } #content .events .event.detail, #content .addressbook .address.detail { margin-top: 7px; } #content .events .event h2, #content .addressbook .address h2, #content .ads .adentry h2 { clear: both; margin: 0; padding: 0 0 5px 0; font-size: 13px; color: #333333; } #content .events .event h1, #content .addressbook .address h1, #content .ads .adentry h1 { margin: 0; padding: 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; } #content .addressbook .address h1 { padding-top: 0; } #content .events .event.detail h1 { padding: 0; } #content .addressbook .address.detail h1 { padding: 0; } #content .events .event h1 a, #content .addressbook .address h1 a { color: #1B455D; } #content .addressbook .address .wrapper { float: left; } #content .events .event p, #content .addressbook .address p, #content .ads .adentry p { margin: 0; padding: 0 0 0 0; line-height: 1.6em; color: #333333; } #content .addressbook .address .list { float: right; } #content .addressbook .address.detail img { padding: 10px 0 0 0; } #content .events .event table, #content .addressbook .address table { table-layout: auto; border-collapse: collapse; width: 100%; margin: 1em 0 0 0; border-top: 1px dotted #CCCCCC; } #content .events .event table td, #content .addressbook .address table td { margin: 0; padding: 0 10px 0 0; font: 12px/20px Arial, Verdana, sans-serif; vertical-align: top; border: 0; color: #333333; } #content .events .event table td.label, #content .addressbook .address table td.label { width: 90px; } #content .events .event table td.firstrow, #content .addressbook .address table td.firstrow { padding-top: .5em; } #subcontent .addressbook form { margin: 2px 0 0 0; padding: 0; vertical-align: top; } *html #subcontent .addressbook form { margin: 0; } #subcontent .addressbook form .searchfield { margin: 0; width: 140px; } *html #subcontent .addressbook form .searchfield { width: 130px; } #subcontent .addressbook form .button { margin: 0 0 0 5px; width: 70px; } *html #subcontent .addressbook form .button { margin: 0 0 0 5px; width: 60px; } #content .addresslist table, #content .eventlist table { margin: 2em 0; padding: 0; table-layout: fixed; border-collapse: collapse; width: 481px; } #content .addresslist table td, #content .eventlist table td { border: 0; margin: 0; padding: 0 2px 0 0; font: 12px/20px Arial, Verdana, sans-serif; vertical-align: top; color: #333; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } *html #content .addresslist table td { } #content .addresslist table td img, #content .eventlist table td img { margin: 0; padding: 0; position: relative; top: 3px; } #content .addresslist table td.td1 { width: 21px; } #content .addresslist table td.td2 { width: 18px; } #content .addresslist table td.td3 { width: 170px; font-weight: bold; } #content .addresslist table td.td4 { width: 192px; } #content .addresslist table td.td5 { width: 70px; text-align: right; } #content .eventlist table td.td1 { width: 21px; } #content .eventlist table td.td2 { width: 18px; } #content .eventlist table td.td3 { width: 73px; font-weight: bold; } #content .eventlist table td.td4 { width: 128px; } #content .eventlist table td.td5 { width: 231px; } #footer ul { list-style-type: none; margin: 0; padding: 0; } #footer li { display: inline; margin: 0 10px 0 0; padding: 0 10px 0 0 ; font-size: 11px; border-right: 1px solid #E24816; } #footer li a { color: #E24816; } #footer li.last { border: none; } body.print { background-color: #FFFFFF; } body.print #layout { margin: 1cm auto; width: 14cm; } body.print #printheader { padding: 0 0 20px 0; background-color: #FFFFFF; } body.print #printheader p { font: 11px/1.4em "Courier New", Courier, mono; color: #666666; } body.print #printheader p.pagetitle { font-weight: bold; } body.print #content { background-color: #FFFFFF; } .cblock.hc { } .cblock.hc h1 { margin: 0; padding: 0 0 20px 0; font: 18px/24px Georgia, "Lucida Grande", "Times New Roman", serif; color: #1B455D; font-weight: normal; } .cblock.hc p.text { margin: 0 !important; padding: 0 0 7px 0 !important; font: 13px/16px Arial, Verdana, sans-serif !important; color: #000000 !important; } .cblock.hc p.waitlist { padding: 5px; margin: 0 0 20px 0; background-color: #B3001D; text-align: center; color: #ffffff; } .cblock.hc h2 { clear: both; margin: 0; padding: 10px 0 5px 0; font-family: Arial, Verdana, sans-serif; font: 15px/19px Arial, Verdana, sans-serif !important; font-weight: bold !important; color: #333333; } .cblock.hc p.details { margin: 0 !important; padding: 0 0 10px 0 !important; font: 13px/16px Arial, Verdana, sans-serif !important; color: #000000 !important; } .cblock.hc .fieldrow { clear: both; height: 30px; } .cblock.hc .fieldrow label { float: left; height: 30px; width: 135px; font: 13px/30px Arial, Verdana, sans-serif !important; font-weight: normal; } .cblock.hc .fieldrow label.error { font-weight: bold !important; } .cblock.hc .fieldrow input { float: right; width: 330px; margin: 3px 0 0 0; padding: 3px; height: 18px; font-family: Arial, Verdana, sans-serif !important; font-size: 14px !important; background-color: #ced9e8; border: none; } .cblock.hc .fieldrow.step10 { height: 20px; padding: 5px 0 0 5px; } .cblock.hc .fieldrow.step10 input { float: left; width: 14px; height: 14px; padding: 0; } .cblock.hc .fieldrow.step10 span.radiotext { padding: 0 0 0 5px; line-height: 20px; } .cblock.hc .fieldrow input.checkbox { float: left; margin: 6px 0 0 145px; width: 20px; background-color: none; } .cblock.hc .fieldrow div.checkboxlabel { float: left; margin: 6px 0 0 3px; font: 13px Arial, Verdana, sans-serif !important; } .cblock.hc .fieldrow select { float: right; width: 336px; margin: 4px 0 0 0; height: 24px; font: 13px Arial, Verdana, sans-serif !important; border: 1px solid #c7c7c7; } .cblock.hc div.course { clear: both; height: 40px; width: 471px; margin: 0 0 2px 0; padding: 5px; background-color: #ced9e8; } .cblock.hc div.course.active { cursor: pointer; } .cblock.hc div.course.inactive { background-color: #dcdcdc; } .cblock.hc div.course.checked, .cblock.hc div.course.active:hover { background-color: #9ebbdb; } .cblock.hc div.course.noselect { height: 20px; background-color: #dcdcdc; cursor: pointer; } .cblock.hc div.course.noselect:hover { background-color: #c7c7c7; } .cblock.hc div.course.booked { background-color: #dcdcdc; } .cblock.hc div.course div.radiowrapper { width: 40px; float: left; text-align: center; } .cblock.hc div.course div.radiowrapper input { margin: 3px 0 0 0; padding: 0; } .cblock.hc div.course div.labelwrapper { float: left; margin: 0; padding: 0; line-height: 20px; } .cblock.hc div.course.booked span.warn { color: #B3001D; font-weight: bold; } .cblock.hc p span.asterix { display: block; float: left; width: 20px; } .cblock.hc div.buttons { padding: 20px 0 0 0; } .cblock.hc div.buttons input { padding: 3px 10px; font-size: 13px; font-weight: bold; background-color: #ced9e8; border: 1px solid #ced9e8; cursor: pointer; } .cblock.hc div.course div.floathack { clear: both; }