body { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; background-color: #FFFFFF; } #layout { position: relative; width: auto; margin: 0; padding: 0; text-align: left; font-size: 100.01%; } html *layout { } #header { width: 100%; height: 130px; margin: 0; padding: 0; background: url(../../mangoo_custom/images/layout/header_bg.jpg) repeat-x; } #logo { position: absolute; top: 0; left: 92px; } #sidebar { float: left; width: 230px; min-height: 500px; } #content { float: left; margin: 0; padding: 0 0 20px 40px; width: 600px; } #footer { clear: both; margin: 0; padding: 0; height: 39px; background: url(../../mangoo_custom/images/layout/footer_bg.gif) center; } body hr { display: none; } img { border: 0; } body .floathack { clear: both; margin: 0; padding: 0; width: 0; height: 0; border: 0; } .text { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #333333; } .red { color: #B3001D; } .bold { font-weight: bold; } em { background-color: #B5D5FF; font-weight: normal; font-style: normal; } a:link, a:visited { text-decoration: none; color: #003399; } a:active, a:hover { text-decoration: underline; color: #003399; } button { text-transform: uppercase; text-align: center; line-height: 17px; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #333333; background-color: #CFCFCF; border: 1px outset #8B8B8B; cursor: pointer; cursor: hand; } button:active { background-color: #333333; color: #FFFFFF; } .cblock.article { clear: both; margin: 0 auto; padding: 12px 0px; border-top: 1px solid #CCCCCC; } .cblock.article.first { border: none; } .cblock.message { clear: both; margin: 20px auto; padding: 0 20px; border-left: 10px solid #FFB400; } .cblock h3 { margin: 0; padding: .4em 0 0 0; line-height: 1em; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: .2em; color: #B3001D; } .cblock.article h1, .cblock.message h1 { margin: 0; padding: .4em 0 0 0; line-height: 1.3em; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: bold; color: #003399; } .cblock.article.highlight h1 { color: #B3001D; } *html .cblock.article h1 { padding-top: .6em; font-weight: bold; } .cblock.message h1 { } .cblock.message.error h1 { color: #B3001D; } .cblock.article p.info { margin: 0; padding: 1em 0 0 0; font-size: .85em; color: #666666; } .cblock.article p.info .date, .cblock.article p.info .author {} .cblock.article h2 { clear: both; margin: 0; padding: 1.4em 0 0 0; line-height: 1.2em; font-size: 14px; font-weight: bold; color: #003399; } .cblock.article p.text, .cblock.message p.text { margin: 0; padding: 1em 0 0 0; line-height: 1.6em; } .cblock.message.error p { color: #333333; font-weight: normal; } .cblock.article p strong { font-weight: bold; } .cblock.article p i {} .cblock.article p u {} .cblock.article p.emph { font-weight: bold; } .cblock.article p.quote { margin: 1em 0 0 1em; padding: 0 0 0 1em; border-left: 1px solid #CCC; font-style: italic; color: #666666; } .cblock.article p.small { font-size: .85em; line-height: 1.4em; } .cblock.article p.footnote { margin: 0; padding: 1em 0 0 0; font-size: .85em; color: #666666; } .cblock.article p .detaillink { display: block; margin: 0; padding: .4em 0 0 0; } .cblock.backlink { margin: 0; padding: 0 0 1em 20px; } .cblock.backlink.top { display: none; } .cblock.backlink.bottom { position: relative; margin: 1px 0 0 0; padding: 0; height: 28px; border-top: 1px solid #CCCCCC; } .cblock.backlink.bottom a { position: absolute; top: 7px; right: 0px; margin: 0; padding: 0; text-align: right; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin-top: .6em; } .cblock.article table td { border: 0; margin: 0; padding: 0 10px 0 0; line-height: 1.8em; } .cblock.article .image { margin-top: 1em; padding: 8px 8px 8px 0; } .cblock.article .image.left { float: left; margin-right: 1em; } .cblock.article .image.right { float: right; margin-left: 1em; } .cblock.article .image.middle { display: block; } .cblock.article .image p { margin: 2px 0 0 0; font-size: .9em; text-align: center; background-color: #9E9E9E; color: #FFF; } .cblock ul { margin: 0; padding: .6em 0 0 2em; list-style-type: square; } .cblock ol { margin: 0; padding: .6em 0 0 2em; } .cblock li { margin: 0; padding: 0; line-height: 1.8em; } .cblock ul.links { list-style-type: square; } .cblock li.links {} .cblock ul.files { list-style-type: square; } .cblock li.files {} .cblock.gallery { margin: 0; padding: 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 15px 10px 0; padding: 1px; width: 186px; height: 148px; border: 1px solid #CCCCCC; text-align: center; line-height: 120px; } .cblock.gallery div.galrow div.image.lastcol { margin-right: 0; } .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: 1px; height: 17px; line-height: 17px; font-size: 11px; color: #666666; background-color: #FFFFFF; } #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; } .newsletter.subscribe, .contact.form { margin: 0 auto; padding: 0; border-top: 1px solid #CCCCCC; } .cblock form { margin: 0; padding: 0; } .cblock form fieldset { margin: 16px 0; padding: 0; border: 0; } .cblock form fieldset legend { margin: 0; padding: 0 0 1.2em 0; line-height: 1.2em; font-size: 14px; font-weight: bold; color: #003399; } *html .cblock form fieldset legend { margin-left: -7px; } .cblock form fieldset br { clear: both; } .cblock form fieldset label { clear: both; display: block; float: left; padding: 0; width: 150px; height: 26px; line-height: 26px; vertical-align: middle; color: #333333; } .cblock form fieldset label.error, .cblock form fieldset label span.error, .cblock form table td span.error { font-weight: bold; color: #B3001D; } .cblock form fieldset .radiolabel { padding: 0 10px 0 4px; color: #333333; } .cblock form fieldset input, .cblock form fieldset select { margin: 3px 0; padding: 2px; width: 280px; background-color: #FFFFFF; border: 1px solid #7f9db9; } .cblock form fieldset input.image { margin: 0; padding: 0; width: auto; background: none; border: none; } *html .cblock form fieldset select { width: 284px; } .cblock form fieldset input.grid2, .cblock form fieldset select.grid2 { width: 90px; } .cblock form fieldset input.grid3 { margin-left: 4px; width: 160px; } .cblock form fieldset input.grid4, .cblock form fieldset select.grid4 { width: 230px; } .cblock form fieldset input.grid5 { width: 140px; } .cblock form fieldset select.grid6 { width: 70px; } .cblock form fieldset div.radiogroup { margin: 0; padding: 0; height: 26px; line-height: 26px; vertical-align: middle; color: #333333; } .cblock form fieldset div.radiogroup.nolabel { width: 150px; float: left; } .cblock form fieldset input.checkbox, .cblock form fieldset input.radio { margin: 0; padding: 0; width: auto; border: none; vertical-align: baseline; } *html .cblock form fieldset input.checkbox, *html .cblock form fieldset input.radio { margin-left: -5px; vertical-align: middle; } .cblock form fieldset textarea { margin: .2em 0; padding: 1px 0; width: 420px; height: 160px; } .cblock form p.comment { float: left; font-size: 11px; color: #666666; } .cblock form p.comment.left { margin: 1.4em 0 1em 0px; width: 150px; } .cblock form p.comment.right { margin: 0; padding: 5px 0 0 0; width: 430px; line-height: 1.4em; } .cblock form input.submit { margin: 1em 0 1em 0px; width: 120px; float: left; } #navigation_head { position: absolute; top: 81px; left: 630px; width: 300px; } #navigation_head ul { display: inline; margin: 0; padding: 0; float: right; list-style-type: none; } #navigation_head li { display: inline; margin: 0; padding: 0; } #navigation_head li a { float: left; display: block; height: 16px; margin: 0; padding: 0 6px; color: #333333; background-image: none; border-right: 1px solid #FFFFFF; text-transform: uppercase; font-size: 10px; line-height: 16px; } #navigation_head li.last a { border: none; } #navigation_head #L3 a { color: #B3001D; } #sidebar a:link, #sidebar a:visited, #navigation_head a:active, #navigation_head a:hover { text-decoration: none; color: #333333; } #sidebar a:active, #sidebar a:hover, #navigation_head a:active, #navigation_head a:hover { text-decoration: none; color: #FFB400; } #navigation .quicksearch { position: relative; margin: 22px 0 0 0; padding: 8px 0; width: 230px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #navigation .quicksearch form { margin: 0; padding: 0; } #navigation .quicksearch form p { margin: 0; padding: 0 0 4px 10px; font-size: 10px; color: #666666; } #navigation .quicksearch form .textfield { margin: 0 0 0 10px; padding: 2px; width: 170px; font-size: 11px; } #navigation .quicksearch form input.submit { position: absolute; right: 2px; bottom: 8px; margin: 0; padding: 0; } #navigation ul { padding: 0; margin: 0; width: 230px; list-style-type: none; } #navigation ul.level1 li.selected, #navigation ul.level1 li.active { background-color: #CCCCCC; } #navigation ul.active, #navigation ul.level2 li, #navigation ul.level2 li.selected, #navigation ul.level2 li.active { background: #FFFFFF; } #navigation ul.level2 li.selected { background: url(../../mangoo_custom/images/layout/nav_bg2.gif) left no-repeat; background-position: 14px; } #navigation ul li.first { margin-top: 8px; } #navigation ul li.last { margin-bottom: 8px; } #navigation li a { margin-left: 10px; font-family: Arial, Verdana, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 22px; background-image: none; } #navigation ul.level2 li a { height: 18px; margin-left: 24px; font-size: 11px; line-height: 18px; } #sidebar #L2 a:link, #sidebar #L2 a:visited { color: #B3001D; } #sidebar #L2 a:active, #sidebar #L2 a:hover { color: #FFB400; } #navigation2 ul { padding: 0; margin: 0; width: 230px; list-style-type: none; } #navigation2 li a { margin-left: 10px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 22px; } #banner { margin: 0 0 0 0; padding: 8px 0; border-top: 1px solid #CCCCCC; } .websiteinfo { margin: 0 0 0 0; padding: 8px 0; width: 230px; border-top: 1px solid #CCCCCC; } .websiteinfo p { margin: 0; padding: 0 0 4px 10px; font-size: 10px; color: #666666; } #infobar { position: relative; margin: 12px 0 5px 0; padding: 0; height: 58px; } #infobarbottom { position: relative; margin: 1px 0 0 0; padding: 0; height: 28px; border-top: 1px solid #CCCCCC; } #infobar h2 { position: absolute; top: 14px; left: 0; width: 360px; margin: 0; padding: 0; font-size: 16px; color: #003399; } #infobar p.status { position: absolute; top: 33px; left: 0; width: 360px; margin: 0; padding: 0; font-size: 11px; } #infobar p.link, #infobarbottom p.link { position: absolute; top: 23px; right: 0px; width: 220px; margin: 0; padding: 0; text-align: right; color: #999999; } #infobarbottom p.link { top: 7px; } .cblock .noresults { margin: 22px 0 400px 0; padding: 19px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .cblock .noresults h2 { margin: 0; padding: 0; font-size: 16px; line-height: 1em; font-weight: bold; color: #B3001D; } .cblock .book { clear: both; margin: 0 auto; padding: 12px 0px; border-top: 1px solid #CCCCCC; } .cblock .book .clear { clear: both; display: block; } .cblock .book h3 {} .cblock .book h1 { width: 90%; margin: 0; padding: .4em 0 0 0; line-height: 1em; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: bold; color: #003399; } *html .cblock .book h1 { line-height: 1.1em; } .cblock .book p { margin: 0; } .cblock .book p.preview { padding: 4px 6px 0 0; } .cblock .book img.preview { margin-right: 6px; vertical-align: -2px; } .cblock .book.list { position: relative; } .cblock .book.list .image { position: relative; float: left; width: 54px; margin: 0; padding: 12px 10px 8px 0; } .cblock .book.list div.info { position: relative; margin: 0; padding: 8px 0 0 0; float: left; width: 396px; } .cblock .book.list div.info p { line-height: 1.4em; } .cblock .book.list div.info p.price { } .cblock .book.list div.links { position: relative; float: right; padding: 8px 0 0 0; width: 140px; line-height: 1.4em; text-align: right; } .cblock .book.detail .image { position: relative; float: left; padding: 0 0 0 10px; margin: .8em 0 0 6px; width: 184px; } .cblock .book.detail h3 { padding: 1em 0 .8em 0; } .cblock .book.detail .info { position: relative; float: left; width: 390px; line-height: 1.8em; } .cblock .book.detail p.producers { padding: 10px 0 0 0; font-weight: bold; } .cblock .book.detail h2 { margin: 0; padding: 10px 0 0 0; line-height: 1.2em; font-size: 14px; font-weight: bold; color: #003399; } .cblock .book.detail p.text { margin: 0; padding: 1em 0 0 0; line-height: 1.6em; } .cblock .book.detail p.price { padding-top: 8px; } .cblock .book.detail p.infolinks { margin: 0; padding: 10px 30px 3px 0; width: 120px; font-size: 11px; color: #666666; } .cblock .book.detail ul.infolinks { margin: 0; padding: 3px 0 0 0; width: 150px; list-style-type: none; } .cblock .book.detail ul.infolinks li { margin: 0; padding: 0 0 0 12px; font-size: 12px; line-height: 1.4em; background: url(../../mangoo_custom/images/layout/nav_bg2.gif) 0px 2px no-repeat; } .cblock.gallery { clear: both; margin: 0 auto; padding: 12px 0px; } .cblock.gallery h1 { margin: 0; padding: .4em 0 10px 0; line-height: 1em; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: bold; color: #003399; } .cblock.gallery div.column { position: relative; float: left; margin: 0; } .cblock.gallery div.column.left { padding: 10px 18px 10px 0; width: 188px; } .cblock.gallery div.column.middle { padding: 10px 18px 10px 0; width: 188px; } .cblock.gallery div.column.right { padding: 10px 0 10px 0; width: 188px; } .cblock.gallery div.image { height: 125px; } .cblock.gallery div.column h3 { margin: 0; padding: 0; letter-spacing: 0em; } .cblock.gallery div.column h2 { margin: 0; padding: 0; font-size: 13px; } .cblock.gallery div.column p { margin: 0; padding: 0; font-size: 12px; } #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../../mangoo_custom/images/slimbox/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../../mangoo_custom/images/slimbox/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../../mangoo_custom/images/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 80px; height: 22px; background: transparent url(../../mangoo_custom/images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }