/* ***************************************** // WebTank Stylesheet File // Title: style.css // Media: all // File updated: 2010-04-14 13:11:23 // // Do NOT manually edit this generated file // **************************************** */ img, a, ul, li{ margin: 0px; padding: 0px; outline: none; border: none; } A { color: #000000; text-decoration: none; font-weight: bold; } A:link { color: #000000; text-decoration: none; font-weight: bold; } A:visited { color: #000000; text-decoration: none; font-weight: bold; } A:active { color: #000000; text-decoration: none; font-weight: bold; } A:hover { color: #000000; text-decoration: underline; font-weight: bold; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: Arial, times; font-size: 12px; line-height: 17px; color: #000000; background: url('../editorial/id=320.jpg'); } #main { position: relative; margin: 0 auto 0; margin-top: 25px; width: 844px; } #main .main_top { width: 844px; height: 10px; background: url('../editorial/id=386.png') no-repeat; } #top { background: #FFF; } #top .logo { margin: 5px 0 10px 30px; float: left; } #top .logo2 { margin: 20px 30px; float: right; } #top .menu { position: relative; z-index: 4; clear: both; width: 844px; height: 21px; } #top .menu #a-1-7 { display: block; width: 211px; height: 30px; background: url('../editorial/id=324.png') no-repeat; text-align: center; } #top .menu #a-1-7 img { margin-top: 4px; } #top .menu .selectedDiv #a-1-7 { display: block; width: 211px; height: 30px; background: url('../editorial/id=403.png'); } #top .menu #a-1-8 { display: block; width: 211px; height: 30px; background: url('../editorial/id=325.png'); text-align: center; } #top .menu #a-1-8 img { margin-top: 4px; } #top .menu .selectedDiv #a-1-8 { display: block; width: 211px; height: 30px; background: url('../editorial/id=407.png'); } #top .menu #a-1-9 { display: block; width: 210px; height: 30px; background: url('../editorial/id=326.png'); text-align: center; } #top .menu #a-1-9 img { margin-top: 4px; } #top .menu .selectedDiv #a-1-9 { display: block; width: 211px; height: 30px; background: url('../editorial/id=408.png'); } #top .menu #a-1-10 { display: block; width: 211px; height: 30px; background: url('../editorial/id=327.png'); text-align: center; } #top .menu #a-1-10 img { margin-top: 4px; } #top .menu .selectedDiv #a-1-10 { display: block; width: 211px; height: 30px; background: url('../editorial/id=409.png'); } #top .header { position: relative; z-index: 2; } #middle { position: relative; z-index: 6; width: 844px; background: #FFF; } #middle .left { position: absolute; top: -30px; left: 20px; z-index: 10; width: 155px; } #middle .content { float: left; margin: 20px 0 0 212px; width: 420px; min-height: 300px; padding-bottom: 30px; } #middle .right { float: left; margin: 10px 0 0 36px; width: 156px; } #middle .menu2 { position: absolute; top: -7px; right: 20px; } #main .main_bottom { clear: both; margin-bottom: 30px; width: 844px; height: 10px; background: url('../editorial/id=387.png') no-repeat; } /* SUBMENU */ #submenu { position: absolute; top: -10px; left: 0px; z-index: 10; } #submenu .submenu_middle { padding: 10px 0 5px 15px; } #submenu .submenu_bottom { position: relative; } #submenu .submenu_bottom .butterfly { position: absolute; top: -22px; right: 0px; } /* SCHOOLGUIDE */ #schoolguide { } #schoolguide .schoolguide_top { width: 155px; height: 7px; background: url('../editorial/id=358.png'); } #schoolguide .schoolguide_top .title { margin-left: 10px; padding-top: 5px; } #schoolguide .schoolguide_middle { padding: 20px 15px 15px 15px; background: url('../editorial/id=356.png'); } #schoolguide .schoolguide_bottom { width: 155px; height: 8px; background: url('../editorial/id=357.png'); } /* TEXT AND IMAGES */ #plain_text .page_title { margin: -3px 0 5px -4px; } #plain_text { width: height: 350px; overflow: auto; } /* COLUMN RIGHT */ #column_right { width: 156px; overflow: hidden; } #column_right .column_right_top { width: 156px; height: 7px; } #column_right .column_right_middle { padding: 0px 6px 5px 10px; } #column_right .column_right_middle .column_right_title { margin: 0 0 9px -5px; } #column_right .column_right_middle img { width: 130px; margin: 5px 0 5px; height: auto; } #column_right .column_right_bottom { margin-bottom: 30px; width: 156px; height: 8px; } /* PRODUCTS HOME (CALENDER) */ #products_home { width: 156px; overflow: hidden; } #products_home .product_home_top { width: 156px; height: 7px; } #products_home .product_home_middle { padding: 0px 6px 5px 10px; } #products_home .product_home_middle .product_home_title { margin: 0 0 3px -5px; } #products_home .product_home_middle .product { width: 134px; margin-bottom: 10px; } #products_home .product_home_middle .product .teaser .wit { font-weight: bold; color: #FFF; } #products_home .product_home_bottom { margin-bottom: 30px; width: 156px; height: 8px; } /* PRODUCTS LIST (CALENDER) */ #product_list .page_title { margin: -7px 0 10px -4px; } #product_list .product_list_top { margin: 5px 0 0 60px; } #product_list .product_list_top li { list-style: none; display: inline; } #product_list .product_list_top .image_previous { float: left; margin: 3px 5px 0 0; } #product_list .product_list_top .text_previous { float: left; } #product_list .product_list_top .delimiter { float: left; margin: 4px 5px 0 5px; } #product_list .product_list_top .month { float: left; } #product_list .product_list_top .green { color: #B5D334; font-weight: bold; } #product_list .product_list_top .image_next { float: left; margin: 3px 0 0 5px; } #product_list .product_list_top .text_next { float: left; margin: 0 0 0 0; } #product_list .product_list_middle { margin-top: 20px; } #product_list .product_list_middle .product { margin-bottom: 15px; } #product_list .product_list_middle .product .date { font-weight: bold; font-size: 12px; color: #B5D334; } #product_list .product_list_middle .product .title { font-weight: bold; font-size: 12px; } #product_list .product_list_middle .read_more { margin: 50px 0 0 0; } /* ARTICLE LIST */ #article_list { float: left; margin-top: -10px; } #article_list .articles { float: left; width: 420px; height: auto; } #article_list .articles .article { float: left; width: 420px; height: auto; margin-bottom: 10px; } #article_list .articles .article .top { float: left; position: relative; width: 420px; height: 20px; } #article_list .articles .article .top .title { position: absolute; top: 2px; left: 97px; width: auto; height: auto; } #article_list .articles .article .middle { float: left; position: relative; width: 420px; height: auto; } #article_list .articles .article .middle .article_image { float: left; position: relative; width: 90px; height: auto; } #article_list .articles .article .middle .article_image .image { width: 90px; height: auto; border-left: 1px solid #BBD440; } #article_list .articles .article .middle .article_image .image img { width: 90px; height: auto; } #article_list .articles .article .middle .article_image .overlay { position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; } #article_list .articles .article .middle .article_text { float: left; position: relative; width: 300px; height: auto; margin: 10px 0 0 12px; } #article_list .articles .article .middle .article_text .text { } #article_list .articles .article .middle .article_text .read_more { margin-top: 5px; padding-bottom: 15px; } #article_list .articles .article .bottom { float: left; position: relative; width: 420px; height: 15px; margin-top: -15px; } /* GREEN */ #article_list .articles .article .article_green .top { background-image: url('../editorial/id=350.png'); } #article_list .articles .article .article_green .middle { min-height: 75px; background-image: url('../editorial/id=388.jpg'); background-repeat: repeat-y; } #article_list .articles .article .article_green .middle .article_image .image { border-left: 1px solid #BBD440; } #article_list .articles .article .article_green .middle .article_image .overlay { border-left: 1px solid #BBD440; } #article_list .articles .article .article_green .bottom { background-image: url('../editorial/id=351.png'); } /* ORANGE */ #article_list .articles .article .article_orange .top { background-image: url('../editorial/id=378.png'); } #article_list .articles .article .article_orange .middle { min-height: 75px; background-image: url('../editorial/id=398.jpg'); background-repeat: repeat-y; } #article_list .articles .article .article_orange .middle .article_image .image { border-left: 1px solid #E4B34B; } #article_list .articles .article .article_orange .middle .article_image .overlay { border-left: 1px solid #E4B34B; } #article_list .articles .article .article_orange .bottom { background-image: url('../editorial/id=375.png'); } /* YELLOW */ #article_list .articles .article .article_yellow .top { background-image: url('../editorial/id=379.png'); } #article_list .articles .article .article_yellow .middle { min-height: 75px; background-image: url('../editorial/id=399.jpg'); background-repeat: repeat-y; } #article_list .articles .article .article_yellow .middle .article_image .image { border-left: 1px solid #F5F035; } #article_list .articles .article .article_yellow .middle .article_image .overlay { border-left: 1px solid #F5F035; } #article_list .articles .article .article_yellow .bottom { background-image: url('../editorial/id=376.png'); } /* BLUE */ #article_list .articles .article .article_blue .top { background-image: url('../editorial/id=377.png'); } #article_list .articles .article .article_blue .middle { min-height: 75px; background-image: url('../editorial/id=397.jpg'); background-repeat: repeat-y; } #article_list .articles .article .article_blue .middle .article_image .image { border-left: 1px solid #819FC0; } #article_list .articles .article .article_blue .middle .article_image .overlay { border-left: 1px solid #819FC0; } #article_list .articles .article .article_blue .bottom { background-image: url('../editorial/id=374.png'); } .clear { clear: both; } /* ARTICLE DETAILS */ #article_details { } #article_details .article_title { margin-left: -4px; } #article_details .article_image img { margin: 5px 10px 5px 0; } #article_details .article_text { } #article_details .back { margin-top: 5px; } /* CONTACT FORM */ #contact { width: 600px; margin-bottom: 30px; text-align: left; } #contact .page_title { margin: -7px 0 0 -6px; } #contact .intro { float: left; width: 215px; margin: 0 20px 0 0; } #contact .fill_in { float: left; margin: 0 0 0 40px; width: 200px; font-weight: bold; } #contact .form { float: right; margin: 8px 5px 0 0; width: 320px; height: 345px; background: url('../editorial/id=395.jpg') no-repeat; } #contact .field_name input { margin: 2px 0 0 40px; width: 261px; height: 15px; background: none; border: none; } #contact .field_mail input { margin: 14px 0 0 34px; width: 270px; height: 15px; background: none; border: none; } #contact .field_phone input { margin: 14px 0 0 55px; width: 244px; height: 15px; background: none; border: none; } #contact .field textarea { margin: 35px 0 0 4px; width: 300px; height: 210px; background: none; border: none; font-family: arial; font-size: 12px; } #contact .submit { margin: 20px 0 0 260px; } .result { margin: 55px 0 0 53px; height: 470px; } /* ERRORS */ #contact input.error { color: red; } label.error { display: none !important;}