/**************************************************************************************************************************/ /* HTMLTag Redefinitions **************************************************************************************************/ /**************************************************************************************************************************/ body { color: #333; background: #FFF; } h1 { font-size: 1.8em; color: #F60; margin-bottom: 10px; line-height: 1.5em; } h2 { font-size: 1.1em; color: #000; margin-bottom: 10px; line-height: 1.2em; } p { line-height: 1.6em; margin-bottom: 1em; clear: both; } strong { font-weight: bold; } em { font-style: italic; } label { float: left; width: 200px; padding-top: 0px; } label.small { float: left; width: 35px; padding-top: 0px; color: #BA111A; } fieldset { display: block; border: 1px solid #CCC; background-color: #F5F5F5; padding: 0px 10px 10px 10px; margin-top: 30px; margin-bottom: 20px; } fieldset.admin { margin: 0px 10px 20px 20px; } legend { margin: 20px 5px 10px 0px; padding: 5px 10px; border: 1px solid #CCC; background: #FFF; font-size: 1.2em; color: #F60; } fieldset p { margin: 9px 10px 6px 0px; padding: 0px; clear: both; } fieldset label { padding-top: 4px; } fieldset.text { clear: both; } table { width: 346px; } td { padding: 5px 8px 5px 0px; } td label { width: 100px; } .book table tr td { padding: 0px; width: 90px; border: solid 1px #000; border-left: 0px; border-top: 0px; } .book table { width: auto; border-top: solid 1px #000; border-left: solid 1px #000; margin-left: 15px; margin-bottom: 10px; } #text ul { margin: 10px 20px; } #text ul li { list-style: outside disc; margin-left: 10px; line-height: 1.5em; margin-bottom: 8px; } #text .logos img { padding-right: 10px; } #text li.menuindent { list-style: outside circle; margin-left: 25px; } /**************************************************************************************************************************/ /* Main layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #main { width: 955px; margin: 0px auto; background: #FFF; } #main_inner { float: left; width: 955px; } #head { float: left; width: 948px; margin-top: 0px; padding-top: 0px; background: #FFF url(../images/head_bg.png) no-repeat top left; } #head_right { float: right; width: 350px; } #login { background: #FFF url(../images/login_bg.png) no-repeat bottom left; color: #666; padding: 5px 10px 3px 10px; } #localisation { color: #666; padding: 10px; width: 220px; float:right;} #content { float: left; display: inline; width: 950px; padding: 10px 0px 30px 0px; background: #FFF url(../images/content_bg.png) bottom no-repeat; } #content_top { float: left; width: 950px; padding: 10px 0px 30px 0px; background: #FFF url(../images/admin_top.png) bottom no-repeat; } #content_right { float: left; display: inline; width: 770px; margin-left: 5px; } #content_left { float: left; display: inline; width: 160px; margin-left: 10px; } #content_left.admin { width: 340px; margin-left: 15px; font-size: 1.0em; } #content_right.admin { width: 555px; } #text { float: left; width: 480px; margin: 0px 10px; } #text h1 { background: #fff url(/resources/images/content_grad.png) repeat-x bottom right; padding: 10px; padding-bottom: 50px; margin-bottom: -25px; font-size: 1.6em;} #text p { padding: 0px 10px 5px 10px; } #text h2 { color: #F60; padding-left: 10px; padding-right: 10px; } #textwide h1 { min-height: 20px; background: #fff url(/resources/images/content_grad.png) repeat-x top left; padding: 10px;} #textwide h2 { color: #F60; padding-left: 10px; padding-right: 10px; } #textwide p { padding: 0px 10px 5px 10px; } #textwide { float: left; width: 730px; margin: 0px 10px; } .image_left { margin-left: 10px; float: left; width: 160px; text-align: center; } .image_right { float: left; width: 275px; } #right_bar { float: left; width: 250px; padding-top: 10px; } #search { float: left; margin-top: 10px; background: #FFF url(../images/search_bg_bottom.png) no-repeat bottom left; } #search h1 { background: url(../images/search_bg_top.png) no-repeat top left; padding: 5px 10px; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; } #search p { padding: 0px 10px; } #footer { float: left; width: 920px; text-align: center; padding: 10px 15px; } #footer p { margin: 0px 0px 10px 0px; color: #666; font-size: 0.9em; } #footer p a { color: #666; } #splash { width: 740px; height: 260px; margin: 8px; } .feature_box { float: left; width: 244px; padding-bottom: 20px; min-height: 176px; margin-right: 10px; background-image: url(../images/home_box_bg_bottom.png); background-repeat: no-repeat; background-position: bottom left; } img.feature_box { margin-right: 0px; background: none; padding-bottom: 20px } .feature_box h1 { background: url(../images/home_box_bg_top.png) no-repeat top left; padding: 10px 20px 0px 20px; margin-top: 0px; margin-bottom: 0px; font-size: 1.2em; } .feature_box h2 { margin-bottom: 0px; } .feature_box p, .feature_box h2, .feature_box ul { padding: 0px 15px; } .feature_box ul li { line-height: 1.5em; list-style-image: url(../images/orange_arrow.png); margin-left: 15px; color: #F60; } .feature_box ul li a { color: #333; } .feature_box .left { float: left; padding: 10px; text-align: center; width: 80px; } .feature_box .right { float: left; width: 130px; } .feature_box .right p { padding: 0px; margin: 0px; } #right_bar .feature_box { margin-right: 0px; } .ad_box_small { margin: 8px; } .list_pane_top { margin-left: 10px; background-image: url(../images/list_pane_top.png); background-repeat: no-repeat; background-position: top left; width: 450px; height: 20px;} .list_pane_bottom { margin-left: 10px; background: #fff url(../images/list_pane_bottom.png) no-repeat bottom left; width: 450px; padding-bottom: 20px; } #expander li:hover { cursor: pointer; } .image_right h2 { border-bottom: dotted 1px #aaa; margin-right: -9px; } .expiry { float: right; margin-right: 20px; font-size: 0.8em; } .mapaddress { float: left; width: 150px; } .map { float: left; width: 520px; height: 340px; margin-bottom: 20px; } .service { float: left; width: 210px; padding-right:25px; } .service h2 { border-bottom: dotted 1px #b2b2b2; padding-bottom: 5px; } li.publication { clear: both; padding-bottom: 5px; margin: 0px; } li.publication .home_expanding_panel { padding-left: 15px; line-height: 16px; } /**************************************************************************************************************************/ /* Menu layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ .side_menu li { padding: 5px; margin: 5px; margin-left: -9px; padding-left: 20px; border-bottom: 1px dotted #aaa; } .side_menu li ul li { border-bottom: none; margin-left: 5px; } .menu { float: left; width: 690px; display: block; font-size: 1.1em; } .menu li { float: left; background: #FFF; padding-left: 25px; } .menu li a { display: block; padding: 5px 55px 2px 10px; line-height: 20px; } /****/ .admin_menu { float: left; display: block; margin-bottom: 0px; margin-top: 10px; } .admin_menu li { float: left; padding: 0px 3px 0px 3px; margin: 0px; } .admin_menu li a { display: block; line-height: 10px; } .main_menu { float: right; display: block; background: url(../images/main_menu_left.png) no-repeat top left; padding-left: 20px; margin-right: 0px; } .main_menu li { float: left; padding-right: 40px; background: url(../images/main_menu_right.png) no-repeat top right; } .main_menu li a { display: block; padding: 5px 0px 2px 0px; line-height: 20px; } .main_menu li.prev { background: url(../images/main_menu_left_2.png) no-repeat top right; } .main_menu #last { background: url(../images/main_menu_right_last.png) no-repeat top right; } /****/ .menu #menu_home { background: url(../images/menu_home_left.png) no-repeat top left; padding-bottom: 0px; } .menu #menu_home a { background: url(../images/menu_home_right.png) no-repeat top right; } .menu #menu_home_only { background: url(../images/menu_home_left.png) no-repeat top left; padding-bottom: 0px; } .menu #menu_home_only a { background: url(../images/main_menu_right_last.png) no-repeat top right; } .menu #menu_home.prev { padding-bottom: 0px; } .menu #menu_home.prev a { background: url(../images/menu_home_right_prev.png) no-repeat top right; } .menu #menu_dealer { background: #2B618D url(../images/menu_dealer.png) repeat-x; padding-left: 0px; padding-bottom: 0px; } .menu #menu_dealer a { background: url(../images/menu_dealer_right.png) no-repeat top right; color: #FFF; } .menu #menu_dealer.prev { padding-bottom: 0px; } .menu #menu_dealer.prev a { background: url(../images/menu_dealer_right_prev.png) no-repeat top right; } .menu #menu_manufacturer { background: #016B6B url(../images/menu_manufacturer.png) repeat-x; padding-left: 0px; padding-bottom: 0px; } .menu #menu_manufacturer a { background: url(../images/menu_manufacturer_right.png) no-repeat top right; color: #FFF; } .menu #menu_manufacturer.prev { padding-bottom: 0px; } .menu #menu_manufacturer.prev a { background: url(../images/menu_manufacturer_right_prev.png) no-repeat top right; } .menu #menu_affiliate { background: #87888B url(../images/menu_purple.png) repeat-x; padding-left: 0px; } .menu #menu_affiliate a { background: url(../images/menu_purple_right.png) no-repeat top right; color: #FFF; } .menu #menu_affiliate.prev { padding-bottom: 0px; } .menu #menu_affiliate.prev a { background: url(../images/menu_purple_right_prev.png) no-repeat top right; } .menu #menu_recruitment { background: #87888B url(../images/menu_orange.png) repeat-x; padding-left: 0px; } .menu #menu_recruitment a { background: url(../images/menu_orange_right.png) no-repeat top right; color: #FFF; } .menu #menu_recruitment.prev a { background: url(../images/menu_orange_right_prev.png) no-repeat top right; } .about_logo { float: left; margin: 0px 10px 10px 0px; } /**************************************************************************************************************************/ /* Classes ****************************************************************************************************************/ /**************************************************************************************************************************/ .branding { margin: 30px 0px 20px 10px; } /**************************************************************************************************************************/ /* Input Elements *********************************************************************************************************/ /**************************************************************************************************************************/ input.normal { float: left; display: inline; width: 280px; border: 1px solid #CCC; color: #000; padding: 3px; margin-bottom: 5px; } textarea.normal { float: left; display: inline; width: 280px; border: 1px solid #CCC; color: #000; padding: 3px; margin-bottom: 5px; } select.normal { float: left; display: inline; width: 287px; color: #000; padding: 3px; margin-bottom: 5px; } select.language { float: left; display: inline; width: 100px; color: #000; padding: 0px; margin-bottom: 3px; height: 20px; } #login input.normal { width: 70px; margin-right: 10px; color: #b2b2b2; margin-top: 5px; } #login input.button { padding-top: 7px; width: 49px; } #login label { width: 53px; padding: 10px 0px 0px 0px; } .orange { color: #f60 } #form { padding: 0px 10px 0px 10px; } #form label { width: 130px; } #form input { width: 200px; } #form textarea { width: 250px; } #form_wider { padding: 0px 10px 0px 10px; } #form_wider label { width: 240px; padding-bottom: 5px; line-height: 15px; float: left;} #form_wider input { width: 180px; margin-bottom: 5px; } #form_wider select { float: left; margin-bottom: 5px; } #form_wider textarea { width: 400px; } #form_wider table tr td input { width: auto; float: left; } #form_wider table tr td label { float: left; width: auto; } #form_wider table { width: 120px; } #form_wider table { padding-left: 10px; width: 180px; } #search input.normal { width: 130px; float: none; } #form_wider p { padding-bottom: 0px; margin-bottom: 1px; } #search label { width: 0px; display:none; } .divider { border-bottom: dotted 1px #b2b2b2; height: 0px; clear:both; margin: 10px 10px; } .feature_box .divider { width: 80%; margin-left: 6px; } #localisation input.normal { width: 105px; margin-right: 10px; } #localisation select.normal { width: 185px; margin: 0px; } #localisation input.button { width: 49px; } #localisation label { width: 110px; } .publication { background: #fff url(../images/pub_grad.png) repeat-x top left; padding-top: 10px; } .publication .image_left { width: 100px } .publication .image_right { width: 360px; padding-top: 20px; padding-bottom: 20px; } .h1_image { margin-left: -10px; margin-top: 10px; } a.info { position:relative; text-decoration: none; z-index:10; background-color:#FEFFEE; color:#000; text-decoration:none } a.info:hover { z-index:100; background-color:#FEFFEE; text-decoration: none; } a.info span { display: none; text-decoration: none; } td a.info:hover { color: #000; text-decoration: none; vertical-align: middle; } .toolTip { float: left; text-decoration: none; clear: both; padding-bottom: 2px; vertical-align:middle; margin-right: 5px; } a.info:hover span { display:block; padding: 5px; z-index: 26; position:absolute; top:0px; left:-20px; width:300px; border:1px solid #CCC; background-color:#FEFFEE; color:#000; text-align: center; text-decoration: none; } table tr td a.info:hover span { background-color:#FFFFFF;} /**************************************************************************************************************************/ /* Links ******************************************************************************************************************/ /**************************************************************************************************************************/ a:link { color: #F60; text-decoration: none; } a:visited { color: #F60; text-decoration: none; } a:hover { color: #F60; text-decoration: underline; } a:active { color: #F60; text-decoration: none; } .side_menu li a:link { color: #666; text-decoration: none; } .side_menu li a:visited { color: #666; text-decoration: none; } .side_menu li a:hover { color: #F60; text-decoration: none; } .side_menu li a:active { color: #666; text-decoration: none; } .side_menu li.selected a:link { color: #F60; text-decoration: none; } .side_menu li.selected a:visited { color: #F60; text-decoration: none; } .side_menu li.selected a:hover { color: #F60; text-decoration: none; } .side_menu li.selected a:active { color: #F60; text-decoration: none; } .side_menu li.selected ul a:link { color: #666; text-decoration: none; } .side_menu li.selected ul a:visited { color: #666; text-decoration: none; } .side_menu li.selected ul a:hover { color: #666; text-decoration: none; } .side_menu li.selected ul a:active { color: #666; text-decoration: none; } .side_menu li.selected ul { display: block; list-style: disc url(../images/grey_arrow.png) outside; margin-left: 10px; font-size: 0.8em; } .side_menu li ul { display: none; } .side_menu li.selected ul li { padding: 0px; padding-bottom: 2px; } .side_menu li.selected ul li.selected { list-style: disc url(../images/orange_arrow.png) outside; } .side_menu li.selected ul li.selected a:link { color: #F60; text-decoration: none; } .side_menu li.selected ul li.selected a:visited { color: #F60; text-decoration: none; } .side_menu li.selected ul li.selected a:hover { color: #F60; text-decoration: none; } .side_menu li.selected ul li.selected a:active { color: #F60; text-decoration: none; } ul.menu li a:link { color: #b2b2b2; text-decoration: none; } ul.menu li a:visited { color: #b2b2b2; text-decoration: none; } ul.menu li a:hover { color: #F60; text-decoration: none; } ul.menu li a:active { color: #FFF; text-decoration: none; } ul.menu li.selected a:link { color: #F60; text-decoration: none; font-weight: bold; } ul.menu li.selected a:visited { color: #F60; text-decoration: none; font-weight: bold; } ul.menu li.selected a:hover { color: #F60; text-decoration: none; font-weight: bold;} ul.menu li.selected a:active { color: #F60; text-decoration: none; font-weight: bold;} ul.main_menu li a:link { color: #666; text-decoration: none; } ul.main_menu li a:visited { color: #666; text-decoration: none; } ul.main_menu li a:hover { color: #F60; text-decoration: none; } ul.main_menu li a:active { color: #666; text-decoration: none; } /*ul.menu .selected a { font-weight: bold; color: #F60; } */ ul.main_menu li.selected a { font-weight: bold; color: #F60; } ul.admin_menu li a:link { color: #666; text-decoration: none; } ul.admin_menu li a:visited { color: #666; text-decoration: none; } ul.admin_menu li a:hover { color: #F60; text-decoration: none; } ul.admin_menu li a:active { color: #666; text-decoration: none; } /*ul.menu .selected a { font-weight: bold; color: #F60; } */ ul.admin_menu li.selected a { font-weight: bold; color: #F60; } a.download { float: right; margin-right: 20px; font-weight: bold; font-size: 1em; color: #B2B2B2; padding-right: 20px; background: #fff url(../images/download.png) no-repeat top right; height: 15px;} /*a.downloadtemp:visited { float: right; margin-right: 30px; font-weight: bold; font-size: 1.2em; color: #B2B2B2; padding-right: 30px; background: #fff url(../images/download.png) no-repeat top right; height: 20px; }*/ a.download:hover { color: #F60; } a.download:active { color: #F60; } a.grey { color: #999; } .afl li.selected ul li.selected a:link { color: #5B33A4; } .afl li.selected ul li.selected a:visited { color: #5B33A4; } .afl li.selected ul li.selected a:hover { color: #5B33A4; } .afl li.selected ul li.selected a:active { color: #5B33A4; } .afl li.selected a:link { color: #5B33A4; } .afl li.selected a:visited { color: #5B33A4; } .afl li.selected a:hover { color: #5B33A4; } .afl li.selected a:active { color: #5B33A4; } .afl li a:hover { color: #5B33A4; } .afl li a:active { color: #5B33A4; } .afl li.selected ul li a:hover { color: #5B33A4; } .afl li.selected ul li a:active { color: #5B33A4; } .afl li.selected ul li.selected { list-style: disc url(../images/purple_arrow.png) outside; } .dealer li.selected ul li.selected a:link { color: #3980BB; } .dealer li.selected ul li.selected a:visited { color: #3980BB; } .dealer li.selected ul li.selected a:hover { color: #3980BB; } .dealer li.selected ul li.selected a:active { color: #3980BB; } .dealer li.selected a:link { color: #3980BB; } .dealer li.selected a:visited { color: #3980BB; } .dealer li.selected a:hover { color: #3980BB; } .dealer li.selected a:active { color: #3980BB; } .dealer li a:hover { color: #3980BB; } .dealer li a:active { color: #3980BB; } .dealer li.selected ul li a:hover { color: #3980BB; } .dealer li.selected ul li a:active { color: #3980BB; } .dealer li.selected ul li.selected { list-style: disc url(../images/blue_arrow.png) outside; } .manufacturer li.selected ul li.selected a:link { color: #017272; } .manufacturer li.selected ul li.selected a:visited { color: #017272; } .manufacturer li.selected ul li.selected a:hover { color: #017272; } .manufacturer li.selected ul li.selected a:active { color: #017272; } .manufacturer li.selected a:link { color: #017272; } .manufacturer li.selected a:visited { color: #017272; } .manufacturer li.selected a:hover { color: #017272; } .manufacturer li.selected a:active { color: #017272; } .manufacturer li a:hover { color: #017272; } .manufacturer li a:active { color: #017272; } .manufacturer li.selected ul li a:hover { color: #017272; } .manufacturer li.selected ul li a:active { color: #017272; } .manufacturer li.selected ul li.selected { list-style: disc url(../images/turquoise_arrow.png) outside; } .contentImageContainer { text-align: center; }