/* ............................. GENERAL ................................... */ * {margin: 0; padding: 0;} html, body { font: 10px Verdana, Arial, Helvetica, sans-serif; height:100%; width:100%; overflow:hidden; text-align:center; background: #ffffff; color:#000000; } body { overflow:auto; } .body_bg { background: #ffffff; color:#000000; } /* ........................ DIV TAGS (STRUCTURE) ............................ */ #body_wrap { width: 746px; margin:0px auto; text-align:left; border:solid #d2d2d2 1px; background: #ffffff; padding: 6px; } #top_content { width:746px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #logo { width:184px; height:184px; margin:0px 6px 6px 0px; padding:0px 0px 0px 0px; float:left; background: url(/accounts/21/image_area/site/logo.jpg) top left no-repeat; } #logo_no { width:184px; height:184px; margin:0px 6px 6px 0px; padding:0px 0px 0px 0px; float:left; background: url(/accounts/33/image_area/site/logo.jpg) top left no-repeat; } #logo_en { width:184px; height:184px; margin:0px 6px 6px 0px; padding:0px 0px 0px 0px; float:left; background: url(/accounts/36/image_area/site/logo.jpg) top left no-repeat; } #logo p, #logo_no p, #logo_en p { margin: 162px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; } #header { width:556px; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; float:right; } #horizontal_menu { width:746px; background: url(/accounts/21/image_area/site/main_menu_bg.jpg) top left repeat-x; float:left; } #bottom_content { width:746px; padding:0px 0px 0px 0px; margin: 6px 0px 0px 0px; } #left_content_area { width:184px; margin:0px 6px 0px 0px; padding:0px 0px 0px 0px; float:left; } #left_content_area img { margin:0px 0px 0px 0px; border: solid #b6def7 1px; } #content { width:556px; padding:0px 0px 0px 0px; text-align:left; float:right; } #news_content { width:368px; padding:0px 0px 0px 0px; margin:0px 8px 0px 0px; text-align:left; float:left; } #right_content_area { width:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; } #footer { width:746px; margin:0px 0px 0px 0px; text-align:center; } #company_footer { font: 10px Verdana, Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; color:#343434; text-align:center; float:none; } /* ............................... FONTS ................................... */ p { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0px 0px 8px 0px; text-align:left; line-height:15px; } h1 { font: 15px Arial, Helvetica, sans-serif; font-weight:bold; color: #000000; padding:2px 0px 2px 0px; text-align:left; letter-spacing:1px; text-transform:uppercase; } h2 { font: 13px Arial, Helvetica, sans-serif; color: #000000; padding:5px 0px 5px 0px; text-align:left; letter-spacing:1px; font-weight:bold; text-transform:uppercase; } h3 { font: 12px Arial, Helvetica, sans-serif; color: #000000; padding:0px 0px 5px 0px; text-align:left; font-weight:bold; letter-spacing:1px; } /* ............................... STANDARD MENU ................................... */ #main_menu { margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; } #main_menu a { font: 15px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #main_menu li { list-style-type:none; margin:0px 0px 0px 0px; padding: 6px 22px 6px 0px; float:left; } #main_menu li a { font: 15px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; font-weight:bold; } #main_menu li a:hover, #main_menu li ul li a:hover { color:#a7d8f6; } #main_menu .first a { color:#ffffff; } #main_menu .normal a { color:#ffffff; } #main_menu .active a, #main_menu .first_active a, #main_menu .last_active a { color:#a7d8f6; } #sub_menu .last a { color:#ffffff; } /* ............................... LEFT MENU ................................... */ /* First level */ #sub_menu { /* Null the margin. */ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sub_menu a { /* Set the font and margin values for links. */ font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-transform: uppercase; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sub_menu li { /* Sets first level list style. It is inherited by all sublevels */ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 7px; } #sub_menu li a:hover, #sub_menu li ul li a:hover { color:#a7d8f6; } #sub_menu .first a { color:#000000; line-height:20px; } #sub_menu .normal a { color:#000000; line-height:20px; } #sub_menu .active a, #sub_menu .first_active a, #sub_menu .last_active a { color:#a7d8f6; line-height:20px; } #sub_menu .last a { color:#000000; line-height:20px; } /* Second level */ #sub_menu li ul { /* Sets Second level style.*/ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sub_menu li ul .first, #sub_menu li ul .first_active { border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; line-height:20px; } #sub_menu li ul .normal, #sub_menu li ul .active, #sub_menu li ul .last_active, #sub_menu li ul .last { border-bottom: solid 1px #ebebeb; line-height:20px; } #sub_menu li ul a { /* Sets Second level style. It is inherited by all sublevels */ font-weight: normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sub_menu li ul .first a { color:#000000; } #sub_menu li ul .normal a { color:#000000; } #sub_menu li ul .active a, #sub_menu li ul .first_active a, #sub_menu li ul .last_active a { color:#a7d8f6; } #sub_menu li ul .last a { color:#000000; } /* ............................... FORMS ................................... */ /* ............................... NEWS ................................... */ .news_header { font: 14px Arial, Helvetica, sans-serif; color:#000000; padding:4px 4px 4px 6px; margin:0px 0px 8px 0px; text-align:left; line-height:15px; text-transform:uppercase; font-weight:bold; background: url(/accounts/21/image_area/site/blue_gloss_bg.jpg) top left repeat-x; } .news_title { font: 20px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0px 0px 8px 0px; text-align:left; line-height:20px; } .news_ingress { font: 13px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 8px 0px; } .news_body { font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 8px 0px; text-align:left; line-height:13px; font-weight:normal; } .news_big_image { padding:8px 0px 8px 0px; } .news_read_more { font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 4px 0px; text-align:left; line-height:12px; font-weight:normal; } .news_list_title { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:0px 0px 4px 0px; text-align:left; line-height:20px; border-bottom: solid 1px #ebebeb; } /* ............................... OTHERS ................................... */ A:link {text-decoration: none; color:#6699cc;} A:visited {text-decoration: none; color:#6699cc;} A:active {text-decoration: none; color:#6699cc;} A:hover {text-decoration: none; color:#6699cc;} .gift_btn { font: 11 px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background: url(/accounts/21/image_area/site/button/red_btn_bg.jpg) left top repeat-x; border: solid #cccccc 1px; padding:3px; } .gift_btn A:link {text-decoration: none; color:#ffffff;} .gift_btn A:visited {text-decoration: none; color:#ffffff;} .gift_btn A:active {text-decoration: none; color:#ffffff;} .gift_btn A:hover {text-decoration: none; color:#6699cc;} input, select { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; background:#ebebeb; border:1px solid #343434; padding:2px; } textarea { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; background:#ebebeb; border:1px solid #343434; padding:2px; } img { margin:0px; padding:0px; border-width:0px; } table { border:0pt none; border-collapse:collapse; border-spacing:0px; margin:0pt; padding:0pt; text-align:left; font: 11px Verdana, Arial, Helvetica, sans-serif; } fieldset { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; border:1px solid #343434; padding:5px; margin:2px 0px 2px 0px; } fieldset p { font: 10px Verdana, Arial, Helvetica, sans-serif; } .gray_bar { background: url(/accounts/21/image_area/site/gray_bar_bg.jpg) repeat-x; padding: 4px; font: 15px Arial, Helvetica, sans-serif; text-transform:uppercase; text-weight:bold; color:#ffffff; } .img_photo { } .location_header { padding:4px; background-position: left top; font-weight: bold; background-image: url(/accounts/21/image_area/site/gray_bar_bg.jpg); text-transform: uppercase; color: #ffffff; background-repeat: repeat-x; margin: 0px 4px 0px 0px; } .portrait { border: 1px solid #cccccc; padding: 3px; } ul, ul li { list-style: circle; list-style-type: circle; list-style-position: outside; padding-left: 16px; font: 11px Verdana, Arial, Helvetica, sans-serif; } ul li { padding-left: 8px; padding-bottom: 8px; } .ordlista_line1 { padding-bottom: 4px; background-color: #e2f2fc; padding: 6px; } .ordlista_line2 { padding-bottom: 4px; background-color: #f2f8fb; padding: 6px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */