/* elements */ input { font-size:11px; color:#999; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; } textarea { font-size:11px; color:#666; font-family: Verdana, Tahoma, Arial,Helvetica,Geneva,sans-serif,'MS Sans Serif'; } select { font-size:11px; color:#666; font-family: Verdana, Tahoma, Arial,Helvetica,Geneva,sans-serif,'MS Sans Serif'; } option { font-size:11px; color:#666; font-family: Verdana, Tahoma, Arial,Helvetica,Geneva,sans-serif,'MS Sans Serif'; } button { background-color:#666; color:#FFF; font-size:11px; font-weight:bold; vertical-align:middle; border: 2px outset #999; cursor:pointer; font-family:Verdana, Tahoma, Arial,Verdana,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } .checkbox { border:none; background:none; vertical-align:middle; padding:0px; margin:0px; } .radio { border:none; background:none; vertical-align:middle; padding:0px; margin:0px; } hr { padding:0px; margin:0px; } div { padding:0px; margin:0px; } div.table { display:table; border-collapse:collapse; } div.tr { display:table-row; } div.td { display:table-cell; } .clearBoth { display:block; width:1px; height:1px; font-size:1px; clear:both; } #allContent { position:absolute; width:1000px; top:0px; bottom:20px; left:50%; margin-left: -500px; padding:0px; background-color:#FFF; text-align:center; z-index:1; } #mainName { position:relative; width:1000px; margin-top:20px; } /* background: url('../img/astronox-main.jpg'); border-bottom:1px solid #CCC; */ #mainName a { display:block; width:700px; color:#F60; margin:0px; padding:10px 0px; font-size:32px; font-weight:bold; font-style:italic; text-decoration:none; font-family: 'Trebuchet MS', Arial, , sans-serif, 'MS Sans Serif'; } #mainName a:hover { text-decoration:none; } #logoTop { position:relative; width:100%; height:127px; margin:0px; padding:0px; background-repeat:no-repeat; } /* background: url('../img/astronox-main.jpg'); border-bottom:1px solid #CCC; */ #logoTop a { text-decoration:none; } #logoTop a:hover { text-decoration:none; } /* border:1px solid red; */ #languages { position:absolute; top:35px; right:0px; width:500px; padding:0px; font-size:11px; text-align:right; color:#666; z-index:2; clear:both; } #languages a { color:#666; text-decoration:none; } #languages a:hover { color:#F60; text-decoration:none; } /* rest of FLAGS is direct in document */ /* INFO LINE TOP */ #navigInfoLine { position:relative; width:100%; height:22px; margin:0px; padding:0px; padding-top:2px; color:#FFF; text-align:right; } /* background:url('../img/astronox-infoline.jpg'); background-repeat:no-repeat; */ #navigInfoLine a { display:block; float:right; text-decoration:none; color:#FFF; margin:1px 10px 0px 10px; } #navigInfoLine a:hover { text-decoration:none; } #todayLine { position:absolute; top:1px; left:7px; color:#FFF; } #todayLine div { position:relative; float:left; margin-left:6px; color:#FFF; } /* SEARCH right navigation */ #searchInLine { position:absolute; left:0px; bottom:0px; width:215px; height:29px; background: url('../img/search-bg.jpg'); background-repeat:no-repeat; z-index:2; } #searchInLine div { float:left; } #searchInLine input { width:110px; height:14px; border:1px solid #999; margin:6px 0px 5px 40px; padding:0px 3px; } #searchInLine button { width:52px; height:17px; background:none; margin:4px 0px 0px 0px; padding:0px 3px; border:none; font-size:10px; color:#FFF; text-align:center; overflow:hidden; cursor:pointer; } #mainContent { position:relative; width:1000px; margin:0px 0px 10px 0px; padding:0px; text-align:left; background-color:#FFF; border-top:1px solid #FFF; } /* border:1px solid red; */ #headContent { position:relative; width:100%; height:50px; margin:0px; padding:0px; text-align:left; background-color:#FFF; } #headContent h1 { padding-top:5px; } #navigationLevel0 { position:relative; width:100%; height:17px; margin:10px 0px 0px 0px; padding:0px; text-align:left; border:1px solid red; } #navigationLevel0 table { position:absolute; top:0px; left:0px; } #navigationLevel0 td { font-size:10px; font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } #navigationLevel0 .tdSeparator { width:1px; font-size:1px; } #navigationLevel0 .divSeparator { height:12px; background:#999; margin-top:2px; } #navigationLevel0 .divLink { height:12px; margin-top:2px; } #navigationLevel0 a { color:#999; text-decoration:none; } #navigationLevel0 a:hover { color:#258; text-decoration:none; } #navigationLevel0 .aActive { color:#258; } #navigationDivLevel0 { position:relative; width:100%; height:17px; padding:9px 0px 7px 0px; text-align:left; font-size:14px; font-weight:bold; letter-spacing:1pt; font-family:'Trebuchet MS',Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } #navigationDivLevel0 div { float:left; } #navigationDivLevel0 .divSeparator { width:1px; height:12px; font-size:1px; background:#999; margin-top:2px; } #navigationDivLevel0 .divLink { height:12px; margin-top:2px; } #navigationDivLevel0 .divFirst { text-align:left; margin:0px 10px 0px 0px; } #navigationDivLevel0 .divCenter { text-align:center; margin:0px 10px 0px 10px; } #navigationDivLevel0 .divLast { text-align:right; margin:0px 0px 0px 10px; } #navigationDivLevel0 a { color:#666; text-decoration:none; } #navigationDivLevel0 a:hover { color:#F60; text-decoration:none; } #navigationDivLevel0 .aActive { color:#F60; } /*************************************************************************************/ /******************************** LEFT NAVIGATION *************************************/ #leftNavigation { float:left; width:203px; background:#FFF; z-index:100; overflow:hidden; } #leftNavigation table { width:100%; table-layout:fixed; padding:0px; margin:0px; } #leftNavigation th { text-align:right; } #leftNavigation td { font-size:10px; padding:2px 0px; border-bottom:1px dotted #999; } #leftNavigation img { margin-right:5px; } #leftNavigation a { color:#999; text-decoration:none; margin:0px 4px 0px 0px; } #leftNavigation a:hover { color:#258; text-decoration:none; } #leftNavigation .aActive { color:#258; } #leftNavigation .shopLevel1 th { width:6px; } #leftNavigation .shopLevel2 img { margin-top:5px; _margin-top:6px; } #leftNavigation .shopLevel2 th { width:24px; } #leftNavigation .shopLevel3 img { margin-top:6px; _margin-top:7px; } #leftNavigation .shopLevel3 th { width:34px; } /*** CATEGORY LEVEL 1 ***/ #categoryLevel1MainDiv { position:relative; clear:both; margin:0px auto; width:660px; } #categoryLevel1MainDiv .categoryLevel1RowDiv { position:relative; width:100%; clear:both; } #categoryLevel1MainDiv .categoryLevel1Cell { float:left; margin:10px 20px 0px 0px; } #categoryLevel1MainDiv a { display:block; width:80px; margin:10px 20px 0px 0px; border:1px solid #FFF; text-decoration:none; cursor:pointer; } #categoryLevel1MainDiv a:hover { border:1px solid #CCC; text-decoration:none; } .categoryLevel1MainSpan { display:block; width:100%; min-height:110px; } .categoryLevel1BorderSpan { display:block; margin-top:3px; } .categoryLevel1TextSpan { display:block; width:80px; margin:4px 0px 2px 0px; padding-top:2px; border-top:1px solid #CCC; text-align:center; line-height:130%; color:#666; font-size:10px; font-weight:bold; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } /* RECOMMEND popup window */ #recommendMain { position:relative; width:400px; _width:440px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:15px; } #recommendMain h1 { margin-bottom: 15px; } #recommendMain a { text-decoration:none; } #recommendMain a:hover { text-decoration:none; } #recommendMain table { width:220px; } #recommendMain th { text-align:left; height:16px; } #recommendPageMessages { position:relative; width:100%; margin: 10px auto; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid #F09; } /* SEARCH branch (extended search) */ #branchSearch { float:left; width:560px; margin:20px 18px 10px 19px; text-align:left; } #branchExtendedSearch { width:100%; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #branchExtendedSearch div { float:left; } #branchExtendedSearch img { margin:7px 5px 5px 7px; } #branchExtendedSearch input { width:110px; height:15px; color:#666; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #branchExtendedSearch select { height:16px; border:1px solid #999; margin:5px 5px 5px 0px; padding:0px; } #branchExtendedSearch button { height:17px; background:#666; margin:5px 5px 5px 10px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } .searchExtendedNavig { position:relative; width:100%; height:19px; border:1px dotted #999; clear:both; overflow:hidden; background:#FEC; } .searchExtendedRecordsNavig { position:absolute; top:3px; left:6px; width:100%; height:15px; text-align:left; font-weight:bold; clear:both; overflow:hidden; } .searchExtendedRecordsNavigDescription { font-weight:normal; color:#F30; } .searchExtendedArrowNavig { position:absolute; right:6px; width:100%; height:15px; text-align:right; clear:both; overflow:hidden; } .searchExtendedArrowNavig img { margin-top:-2px; _margin-top:1px; vertical-align:middle;} .searchExtendedArrowNavig span { font-weight:bold; color:#F30; margin:4px 5px 0px 0px; vertical-align:middle;}/* border:1px solid red;*/ .searchExtendedArrowNavig a { font-weight:normal; color:#F30; margin:0px; } .searchExtendedArrowNavig a:hover { text-decoration: none; color:#000; } /* search results */ .searchProductName { margin:10px 0px 3px 0px; } .searchProductName a { font-size:13px; color:#666; font-weight:bold; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } .searchProductName a:hover { color:#000; } .searchProductDescription a { font-size:11px; color:#999; text-decoration:none; } /* RIGHT NAVIGATION */ #rightNavigation { float:left; width:200px; margin:0px; } /* border:1px solid red; */ /* TODAY right navigation */ #todayDiv { width:100%; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #todayDiv img { margin:2px; } #todayDiv input { width:110px; height:17px; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #todayDiv button { width:25px; height:17px; background:#666; margin:5px 5px 5px 0px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } /* NEXT ACTIONS */ #nextActions h3 { text-align:center; } #nextActions ul { list-style-type:circle; color:#069; margin-left:10px; } #nextActions li { color:#069; } #nextActions strong { color:#000; border-bottom: 2px dotted #000; padding-bottom:1px; } #nextActions a { text-decoration:none; } #nextActions a:hover { text-decoration:none; } /* SEARCH right navigation */ #searchDiv { width:100%; margin-top:10px; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #searchDiv div { float:left; } #searchDiv img { margin:7px 5px 5px 7px; } #searchDiv input { width:110px; height:17px; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #searchDiv button { width:25px; height:17px; background:#666; margin:5px 5px 5px 0px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } /* PAGE print and recommend */ #pageOperations { width:100%; margin-top:10px; padding-bottom:1px;background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #pageOperations a { display:block; font-size:10px; margin:2px 0px 2px 7px; _margin:2px 0px 2px 5px; } /* CURRENT LOGED CLIENT */ #currentClient /* { position:relative; margin-top:10px; width:100%; background:#FEE; border:1px dotted #999; clear:both; font-size:12px; line-height:130%; display:none; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } */ { position:relative; clear:both; font-size:12px; line-height:130%; display:none; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } /* CURRENCY */ #currencyDiv { margin-top:10px; width:100%; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #currencyDiv div { float:left; overflow:hidden; } #currencyDiv .currencyText { width:113px; } #currencyDiv span { display:block; margin:6px 0px 0px 5px; _margin:4px 0px 0px 5px; } #currencyDiv .currencySelect { width:60px; text-align:right; } #currencyDiv select { margin:4px 3px 0px 0px; _margin:3px 3px 0px 0px; } .subnavigHead { font-size:11px; font-weight:bold; color:#999; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } .mandatory { color:#AD0; width:15px; text-align:center; font-size:13px; } .mandatory img { margin:1px 4px 0px 0px; } #registerDiv { position:relative; width:660px; margin-top:20px; margin-left:190px; text-align:left; } #registerDiv table { width:500px; } #registerDiv td { color:#333; } #orderAddressDiv { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #orderAddressDiv table { width:500px; } #orderAddressDiv td { color:#333; } #buyNowOrder { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #buyNowOrder table { width:500px; } #buyNowOrder td { color:#333; } #buyNowPayment { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #buyNowPayment table { width:500px; } #buyNowPayment td { color:#333; } #personButton { float:left; cursor:pointer; padding:4px 10px; background:#DEE; border:1px solid #258; } #personButton input { vertical-align:middle; } #personButton span { vertical-align:middle; } #companyButton { float:left; cursor:pointer; padding:4px 10px; background:#DDD; border:1px solid #999; margin-left:20px; } #companyButton input { vertical-align:middle; } #companyButton span { vertical-align:middle; } #personForm { clear:both; } #loginDiv { position:relative; width:560px; margint:0px 19px; } #contactMain { position:relative; width:560px; margin-left:220px; } /* popup FORGOT PASSWORD */ #forgotPassword { position:relative; width:300px; _width:340px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:15px; } #forgotPassword h1 { margin-bottom: 15px; } #forgotPassword a { text-decoration:none; } #forgotPassword a:hover { text-decoration:none; } #forgotPassword table { width:220px; } #forgotPassword th { text-align:left; height:16px; } #forgotPasswordMessages { position:relative; width:100%; margin: 5px auto 10px auto; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } #messagesDiv { position:relative; width:560px; margin:10px 18px 20px 19px; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } #messagesOkFromDB { position:relative; width:560px; margin:10px 18px 20px 19px; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } .msgH { font-size:12px; color:#000; text-align:left; margin:5px; } .msgHead { font-size:14px; color:#000; text-align:left; margin:5px; } .msgOk { font-size:larger; color:#888; text-align:left; margin:5px; } .msgNo { font-size:larger; color:#F00; text-align:left; margin:5px; } /* FORUM */ #forumMessagesDiv { position:relative; width:560px; margin:10px auto 20px auto; background:#FF6; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } #forumMain { width:560px; font-size:11px; } #forumMain p { margin:0px; padding:0px; } #forumMain .text { margin:0px; padding:5px; text-align:left; } #forumMain form { display:block; margin:0px; padding:0px; } #forumMain input { width:380px; color:#333; font-family:} #forumMain div { position:relative; } #forumMain .checkbox { width:13px; border:none; background:none; margin:0px; padding:0px; vertical-align:middle; } #forumMain .radio { width:13px; border:none; background:none; margin:0px; padding:0px; vertical-align:middle; } #forumMain textarea { width:380px; height:70px; color:#333; } #forumMain h2 { font-size:20px; color:#F60; background:#FFF; margin:10px 0px 0px 0px; padding:7px 0px 5px 0px; border-top:1px dotted #F60; font-family:'Trebuchet MS'; } #forumMain h3 { position:relative; font-size:16px; color:#666; background:#FFF; border-bottom:1px dotted #F60; margin:0px; padding:2px 5px 2px 7px; font-family:'Trebuchet MS'; } #forumMain .symbol { position:absolute; left:-16px; top:4px; font-size:90%; color:#F60; } #forumMain .re { font-size:70%; color:#F60; } #forumMain .from { font-size:60%; font-weight:normal; } #forumMain a { color:#F60; } #forumMain .level0 { width:100%; background:#FBFBFB; border:1px solid #F60; padding:0px; margin:0px 0px 10px 0px; } #forumMain .replay { position:absolute; right:5px; top:5px; float:right; font-size:80%; background:none; border:none; color:#F60; font-weight:normal; padding:0px; margin:0px; z-index:1; } /*#forumMain .replay { position:absolute; right:5px; bottom:5px; float:right; font-size:60%; font-weight:normal; } */ #formDiv { width:100%; } #formDiv .formDescr { width:130px; font-size:100%; text-align:left; float:left; vertical-align:bottom; padding-top:3px; } /*border:1px solid red;*/ #formDiv .formMand { width:20px; text-align:left; float:left; vertical-align:middle; padding-top:3px; } #formDiv .formMand img { vertical-align:middle; } #formDiv .formInputs { width:400px; font-size:100%; text-align:left; float:left; vertical-align:middle; padding-top:3px; } #giftCertificatesTable th { font-size:12px; vertical-align:top; } #ordersTable th { width:90px; font-size:12px; vertical-align:top; text-align:center; border-left: 1px dotted #DDD; } #ordersTable td { width:90px; vertical-align:top; text-align:center; border-top: 1px dotted #DDD; border-left: 1px dotted #DDD; } /* CONTENT */ #content { float:left; width:560px; margin:0px 18px 10px 19px; text-align:left; } #showSectionParents { position:relative; width:100%; clear:both; margin:0px 0px 10px 0px; font-size:10px; font-weight:normal; } #showSectionParents a { color:#000; font-size:10px; font-weight:normal; text-decoration:none; } #showSectionParents a:hover { text-decoration:underline; } #showSectionParents .parentsSeparator { color:#258; font-size:10px; font-weight:normal; } .imgHref { margin-right:5px; text-decoration:none; vertical-align:top; cursor:pointer; } #articlePreviewActive { position:relative; width:100%; clear:both; } #articlePreviewActive a { display:block; position:relative; width:100%; clear:both; text-decoration:none; color:#666; } #articlePreviewActive .authorMailTo { display:inline; } #articlePreviewActive .articleDate { display:block; margin:5px 0px 0px 5px; } #articlePreviewActive .articleAuthor { display:block; position:absolute; top:0px; right:5px; textalign:right; } #articlePreviewActive .articleDeck2 { display:block; color:#360; font-size:120%; font-weight:bold; margin:8px 5px 3px 5px; } #articlePreviewActive .articleDeck3 { display:block; color:#F60; font-size:120%; font-weight:bold; margin:8px 5px 3px 5px; } #articlePreviewActive .articleCaption { display:block; color:#000; margin:0px 5px; } #articlePreviewActive .articleSmallThumbnail { display:block; height:70px; } #articlePreviewActive .articleMore2 { color:#360; font-weight:bold; margin-left:10px; } #articlePreviewActive .articleMore3 { color:#F60; font-weight:bold; margin-left:10px; } #articleDateAndAutorDiv { margin-bottom:5px; position:relative; } #articleDateAndAutorDiv .articleDate { display:block; color:#666; font-weight:bold; } #articleDateAndAutorDiv .articleAuthor { display:block; position:absolute; top:0px; right:0px; color:#999; font-weight:bold; } #articleDateAndAutorDiv a { color:#666; } #articleDateAndAutorDiv a:hover { color:#000; } /* pay cards */ #payCards { position:relative; width:660px; margin: 20px auto 0px auto; text-align:center; } /* foot */ #foot { position:relative; width:1000px; margin-top:20px; padding:5px 0px 20px 0px; clear:both; text-align:left; font-size: 9px; color:#999; border-top:1px dotted #999; } /* border:1px solid red; */ /* bottom */ #bottom { display:none; position:absolute; width:1000px; height:100%; bottom:0px; left:50%; margin-left: -500px; background-color:#FFF; z-index:0; } /* BOX Curved */ .box { background: transparent; margin:0px auto; } .box h1, .box h2, .box h3, .box h4, .box p { margin:0px 10px; } .box .top, .box .bottom { display:block; background:transparent; font-size:1px;} .box .b1, .box .b2, .box .b3, .box .b4, .box .b1b, .box .b2b, .box .b3b, .box .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .box .b2, .box .b3, .box .b4 { background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;} .box .b2b, .box .b3b, .box .b4b { background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;} .box .b1 { margin:0px 5px; background:#CCC; } .box .b2, .box .b2b { margin:0px 3px; border-width:0px 2px; } .box .b3, .box .b3b { margin:0px 2px; } .box .b4, .box .b4b {height:2px; margin:0px 1px; } .box .b1b { margin:0px 5px; background:#CCC; } .box .boxContent { display:block; background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxThemes a { position:relative; display:block; background:#DEE; font-size:11px; font-weight:bold; color:#369; text-decoration:none; border:1px dotted #369; margin:3 10 0 10px; font-family:verdana; } .boxThemes a:hover { background:#CDD; } .rowSpan { position:relative; display:block; background:#EEE; font-size:11px; font-weight:bold; color:#999; border:1px dotted #999; margin:3 10 0 10px; font-family:verdana; } .boxThemes .leftIcon { position:absolute; top:2px; left:4px; } .boxThemes .rightIcon { position:absolute; top:0px; right:4px; } .boxThemes .spanInnen { display:block; position:relative; top:2px; left:25px; width:220px; padding-bottom:4px; } .boxLGray { background: transparent; margin:0px auto; } .boxLGray h1, .boxLGray h2, .boxLGray h3, .boxLGray h4, .boxLGray p { margin:0px 10px; } .boxLGray .top, .boxLGray .bottom { display:block; background:transparent; font-size:1px;} .boxLGray .b1, .boxLGray .b2, .boxLGray .b3, .boxLGray .b4, .boxLGray .b1b, .boxLGray .b2b, .boxLGray .b3b, .boxLGray .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxLGray .b2, .boxLGray .b3, .boxLGray .b4 { background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLGray .b2b, .boxLGray .b3b, .boxLGray .b4b { background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLGray .b1 { margin:0px 5px; background:#CCC; } .boxLGray .b2, .boxLGray .b2b { margin:0px 3px; border-width:0px 2px; } .boxLGray .b3, .boxLGray .b3b { margin:0px 2px; } .boxLGray .b4, .boxLGray .b4b {height:2px; margin:0px 1px; } .boxLGray .b1b { margin:0px 5px; background:#CCC; } .boxLGray .boxContent { display:block; background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxLBlue { background: transparent; margin:0px auto; } .boxLBlue h1, .boxLBlue h2, .boxLBlue h3, .boxLBlue h4, .boxLBlue p { margin:0px 10px; } .boxLBlue .top, .boxLBlue .bottom { display:block; background:transparent; font-size:1px;} .boxLBlue .b1, .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b4, .boxLBlue .b1b, .boxLBlue .b2b, .boxLBlue .b3b, .boxLBlue .b4b { display:block; font-size:1px; overflow:hidden; } .boxLBlue .b1, .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b1b, .boxLBlue .b2b, .boxLBlue .b3b {height:1px;} .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b4 { background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLBlue .b2b, .boxLBlue .b3b, .boxLBlue .b4b { background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLBlue .b1 { margin:0px 5px; background:#CCC; } .boxLBlue .b2, .boxLBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxLBlue .b3, .boxLBlue .b3b { margin:0px 2px; } .boxLBlue .b4, .boxLBlue .b4b {height:2px; margin:0px 1px; } .boxLBlue .b1b { margin:0px 5px; background:#CCC; } .boxLBlue .boxContent { display:block; background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxDBlue { background: transparent; margin:0px auto; } .boxDBlue h1, .boxDBlue h2, .boxDBlue h3, .boxDBlue h4, .boxDBlue p { margin:0px 10px; } .boxDBlue .top, .boxDBlue .bottom { display:block; background:transparent; font-size:1px;} .boxDBlue .b1, .boxDBlue .b2, .boxDBlue .b3, .boxDBlue .b4, .boxDBlue .b1b, .boxDBlue .b2b, .boxDBlue .b3b, .boxDBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxDBlue .b2, .boxDBlue .b3, .boxDBlue .b4 { background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56;} .boxDBlue .b2b, .boxDBlue .b3b, .boxDBlue .b4b { background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56;} .boxDBlue .b1 { margin:0px 5px; background:#262F56; } .boxDBlue .b2, .boxDBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxDBlue .b3, .boxDBlue .b3b { margin:0px 2px; } .boxDBlue .b4, .boxDBlue .b4b {height:2px; margin:0px 1px; } .boxDBlue .b1b { margin:0px 5px; background:#262F56; } .boxDBlue .boxContent { display:block; background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56; padding-bottom:7px;} /* Headline Jindrichovice F60 dark orange */ .boxJSPOrange { display:block; background: transparent; margin:0px auto; } .boxJSPOrange h1, .boxJSPOrange h2, .boxJSPOrange h3, .boxJSPOrange h4, .boxJSPOrange p { margin:0px 10px; padding:2px 0px 3px 0px; } .boxJSPOrange .top, .boxJSPOrange .bottom { display:block; background:transparent; font-size:1px;} .boxJSPOrange .b1, .boxJSPOrange .b2, .boxJSPOrange .b3, .boxJSPOrange .b4, .boxJSPOrange .b1b, .boxJSPOrange .b2b, .boxJSPOrange .b3b, .boxJSPOrange .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPOrange .b2, .boxJSPOrange .b3, .boxJSPOrange .b4 { background:#F60; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPOrange .b2b, .boxJSPOrange .b3b, .boxJSPOrange .b4b { background:#F60; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPOrange .b1 { margin:0px 5px; background:#F60; } .boxJSPOrange .b2, .boxJSPOrange .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPOrange .b3, .boxJSPOrange .b3b { margin:0px 2px; } .boxJSPOrange .b4, .boxJSPOrange .b4b {height:2px; margin:0px 1px; } .boxJSPOrange .b1b { margin:0px 5px; background:#F60; } .boxJSPOrange .boxContent { display:block; background:#F60; border-left:1px solid #F60; border-right:1px solid #F60; } .boxJSPOrange h1 { color:#FFF; margin:0px 10px; } /* LightOrange = FCF5D8 */ .boxJSPLightOrange { display:block; background: transparent; margin:0px auto; } .boxJSPLightOrange h1, .boxJSPLightOrange h2, .boxJSPLightOrange h3, .boxJSPLightOrange h4, .boxJSPLightOrange p { color:#F60; margin:0px 10px; } .boxJSPLightOrange .top, .boxJSPLightOrange .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightOrange .b1, .boxJSPLightOrange .b2, .boxJSPLightOrange .b3, .boxJSPLightOrange .b4, .boxJSPLightOrange .b1b, .boxJSPLightOrange .b2b, .boxJSPLightOrange .b3b, .boxJSPLightOrange .b4b { display:block; font-size:1px; overflow:hidden; } .boxJSPLightOrange .b1, .boxJSPLightOrange .b2, .boxJSPLightOrange .b3, .boxJSPLightOrange .b1b, .boxJSPLightOrange .b2b, .boxJSPLightOrange .b3b {height:1px;} .boxJSPLightOrange .b2 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b3 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b4 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b4b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b3b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b2b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxJSPLightOrange .b1 { margin:0px 5px; background:#F60; } .boxJSPLightOrange .b2, .boxJSPLightOrange .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightOrange .b3, .boxJSPLightOrange .b3b { margin:0px 2px; } .boxJSPLightOrange .b4, .boxJSPLightOrange .b4b {height:2px; margin:0px 1px; } .boxJSPLightOrange .b1b { margin:0px 5px; background:#F60; } .boxJSPLightOrange .boxContent { display:block; background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60; padding-bottom:1px; } /* LightGreen = E5FACF DarkGreen = 360 */ .boxJSPLightGreen { display:block; background: transparent; margin:0px auto; } .boxJSPLightGreen h1, .boxJSPLightGreen h2, .boxJSPLightGreen h3, .boxJSPLightGreen h4, .boxJSPLightGreen p { color:#360; margin:0px 10px; padding:2px 0px 1px 0px; } .boxJSPLightGreen .top, .boxJSPLightGreen .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightGreen .b1, .boxJSPLightGreen .b2, .boxJSPLightGreen .b3, .boxJSPLightGreen .b4, .boxJSPLightGreen .b1b, .boxJSPLightGreen .b2b, .boxJSPLightGreen .b3b, .boxJSPLightGreen .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightGreen .b2, .boxJSPLightGreen .b3, .boxJSPLightGreen .b4 { background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360;} .boxJSPLightGreen .b2b, .boxJSPLightGreen .b3b, .boxJSPLightGreen .b4b { background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360;} .boxJSPLightGreen .b1 { margin:0px 5px; background:#360; } .boxJSPLightGreen .b2, .boxJSPLightGreen .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightGreen .b3, .boxJSPLightGreen .b3b { margin:0px 2px; } .boxJSPLightGreen .b4, .boxJSPLightGreen .b4b {height:2px; margin:0px 1px; } .boxJSPLightGreen .b1b { margin:0px 5px; background:#360; } .boxJSPLightGreen .boxContent { display:block; background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360; padding-bottom:1px; } /* LightBlue = D9D9F9 DarkBlue = 069 */ .boxJSPLightBlue { display:block; background: transparent; margin:0px auto; } .boxJSPLightBlue h1, .boxJSPLightBlue h2, .boxJSPLightBlue h3, .boxJSPLightBlue h4, .boxJSPLightBlue p { color:#069; margin:0px 10px; padding:2px 0px 1px 0px; } .boxJSPLightBlue .top, .boxJSPLightBlue .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightBlue .b1, .boxJSPLightBlue .b2, .boxJSPLightBlue .b3, .boxJSPLightBlue .b4, .boxJSPLightBlue .b1b, .boxJSPLightBlue .b2b, .boxJSPLightBlue .b3b, .boxJSPLightBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightBlue .b2, .boxJSPLightBlue .b3, .boxJSPLightBlue .b4 { background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPLightBlue .b2b, .boxJSPLightBlue .b3b, .boxJSPLightBlue .b4b { background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPLightBlue .b1 { margin:0px 5px; background:#069; } .boxJSPLightBlue .b2, .boxJSPLightBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightBlue .b3, .boxJSPLightBlue .b3b { margin:0px 2px; } .boxJSPLightBlue .b4, .boxJSPLightBlue .b4b {height:2px; margin:0px 1px; } .boxJSPLightBlue .b1b { margin:0px 5px; background:#069; } .boxJSPLightBlue .boxContent { display:block; background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069; padding-bottom:1px; } /* Navigation Jindrichovice 069 dark 7BD middle 9CF hover */ .boxJSPBlue { background: transparent; margin:0px auto; } .boxJSPBlue h1, .boxJSPBlue h2, .boxJSPBlue h3, .boxJSPBlue h4, .boxJSPBlue p { margin:0px 10px; } .boxJSPBlue .top, .boxJSPBlue .bottom { display:block; background:transparent; font-size:1px;} .boxJSPBlue .b1, .boxJSPBlue .b2, .boxJSPBlue .b3, .boxJSPBlue .b4, .boxJSPBlue .b1b, .boxJSPBlue .b2b, .boxJSPBlue .b3b, .boxJSPBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPBlue .b2 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #9CF;} .boxJSPBlue .b3 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b4 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b4b { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b3b { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b2b { background:#7BD; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPBlue .b1 { margin:0px 5px; background:#7BD; } .boxJSPBlue .b2, .boxJSPBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPBlue .b3, .boxJSPBlue .b3b { margin:0px 2px; } .boxJSPBlue .b4, .boxJSPBlue .b4b {height:2px; margin:0px 1px; } .boxJSPBlue .b1b { margin:0px 5px; background:#069; } .boxJSPBlue .boxContent { display:block; background:#7BD; border-left:1px solid #7BD; border-right:1px solid #069; padding-bottom:7px;} /* E0E5E8 background gray light */ .boxJSPLightGray { display:block; background: transparent; margin:0px auto; } .boxJSPLightGray h1, .boxJSPLightGray h2, .boxJSPLightGray h3, .boxJSPLightGray h4, .boxJSPLightGray p { margin:0px 10px; } .boxJSPLightGray .top, .boxJSPLightGray .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightGray .b1, .boxJSPLightGray .b2, .boxJSPLightGray .b3, .boxJSPLightGray .b4, .boxJSPLightGray .b1b, .boxJSPLightGray .b2b, .boxJSPLightGray .b3b, .boxJSPLightGray .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightGray .b2, .boxJSPLightGray .b3, .boxJSPLightGray .b4 { background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8;} .boxJSPLightGray .b2b, .boxJSPLightGray .b3b, .boxJSPLightGray .b4b { background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8;} .boxJSPLightGray .b1 { margin:0px 5px; background:#E0E5E8; } .boxJSPLightGray .b2, .boxJSPLightGray .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightGray .b3, .boxJSPLightGray .b3b { margin:0px 2px; } .boxJSPLightGray .b4, .boxJSPLightGray .b4b {height:2px; margin:0px 1px; } .boxJSPLightGray .b1b { margin:0px 5px; background:#E0E5E8; } .boxJSPLightGray .boxContent { display:block; background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8; padding-bottom:7px;} #jindrichoviceLeft { margin:0px 10px; } #jindrichoviceLeft img { border:0px; margin-top:0px; } #jindrichoviceLeft a { display:block; color:#666; margin:0px; padding:0px; border-bottom:1px dashed #666; } #jindrichoviceLeft a:hover { color:#F60; background:#F3E1D5; } #jindrichoviceLeft span { display:block; } #jindrichoviceLeft .spanFloat { float:left; } #jindrichoviceLeft .spanText { padding:4px 0px; margin:0px 3px; } #jindrichoviceLeft .aActive { color:#F60; background:#F3E1D5; } /* ADMIN TEST BLOCK with paths, variables etc. */ #showTest { margin:10px auto; padding:10px; border:1px solid #999; background:#EEF; } #showTest h1 { padding:0px; margin-bottom:20px; } #showTest div { padding:3px 0px; border-bottom:1px dotted #999; } #showTest span { color:#00F; font-weight:bold; }