/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:933px; background:#FFFFFF; } #header { width:100%; height:165px; margin:0px; padding:0px; background:#ffffff; position:relative; z-index:120;} #logo { float:left; width:248px; height:120px; margin:0px; padding:0px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#ffffff; } #content_main {position:relative; width:100%; margin:15px 0px 0px 0px; padding:0px 0px 30px 0px; min-height:300px; height:auto !important; height:300px;} #heading {width:904px; min-height:304px; height:auto !important; height:304px; margin:20px auto 0 auto; border:1px solid #CCC; padding:3px;} #heading_image {padding:0px 0px 10px 0px; margin:0px !important;} #content {float:left; display:block; width:670px; padding:0px 0px 0px 15px; min-height:260px; height:auto !important; height:260px;} #content_left_corner {position:absolute; bottom:0px; left:0px; width:25px; height:25px; background:url(../images/content_left_corner.gif) no-repeat bottom left #333; } #content_right_corner {position:absolute; bottom:0px; right:0px; width:25px; height:25px; background:url(../images/content_right_corner.gif) no-repeat bottom right #333; } #sidebar_right { width:213px; height:100%; float:right; display:block; margin:0px 10px 0px 10px; padding:0px;} #footer { color:#FFF; width:100%; background:#333; height:42px; margin:0px 0px 0px 0px; padding:0px; border-top:1px solid #666; } #footer p { font-size:12px; color:#FFFFFF; float:right; } .clear { clear:both; } #breadcrumbs {background:#333333;} #breadcrumbs p {padding:5px 0px 5px 20px; color:#FFFFFF !important; margin:0px;} #breadcrumbs a {color:#CCCCCC !important; text-decoration:underline; padding:0px 10px 0px 10px;} #search_quicklinks_container {float:right; width:600px; height:50px;} #quick_links {float:right; margin:16px 15px 0 0; } #quick_links a {color:#000;} #search { float:right; margin:0 20px 0 0; background:url(../images/search_bg.jpg) no-repeat; width:206px; height:36px;} #search #text_input {margin:8px 0 0 35px; width:125px; height:14px;} #search #submit_btn {border:0; margin:5px 0 0 0px; background:url(../images/submit_btn_bg.jpg) no-repeat top left; width:30px; height:20px; color:#FFF; font-size:10px; cursor:pointer;} #header_contact {position:absolute; right:0px; top:30px; text-align:right; margin:0px 20px 0 0; font-size:14px; line-height:25px; color:#000;} #header_contact a {color:#000;} #social_links {float:right; display:block; padding:10px 10px 0px 0px;} #social_links a {margin:0px !important; padding:0px 0px 0px 5px !important; border:0 !important;} .dark_red_text { color:#BF0B0B; !important} .light_red_text {color:#FF1100; !important} .black_text { color:#000000; !important} .bold_text {font-weight:bold;} .italic_bold {font-style:italic; font-weight:bold;} #content p {color:#333333;} #content a {color:#333333; font-size:12px; } #newsletter_form {margin-bottom:15px;} #newsletter_form form {width:214px; height:181px; background:url(../images/form_bg.jpg) no-repeat top left; margin:0px; padding:5px 0px 0px 0px;} #newsletter_form form p input {width:194px; margin:0px 0px 0px 8px;} #posted-submit {width:97px; padding:4px 0px 5px 0px; margin-right:8px; float:right; display:block; background:url(../images/submit_btn.jpg) no-repeat top left; border:0; color:#FFF; cursor:pointer;} .news_section {border-bottom:1px solid #CCC; padding:15px 0px 0px 0px;} .news_section .date { font-weight:bold; color:#BF0B0B; padding-right:5px;} .news_section .date:hover { text-decoration:underline;} .news_section .title { font-weight:bold; color:#000000;} .news_section .title:hover { text-decoration:underline;} .news_section p {margin:15px 0px 15px 0px;} .paging {float:right; display:block; background:#333; padding:3px 10px 3px 10px;} .paging p {color:#FFF !important; margin:0px;} .paging a { text-decoration:underline; padding-left:3px; color:#FFF;} .paging a:hover {color:#FFF;} .paging-bottom {margin:30px 0px 0px 0px;} /*--------------------------------------- home page -----------------------------------------*/ *html #home_heading {width:914px;} *html #home_content {width:925px; min-height:260px; height:auto !important; height:260px; } *html #side_bar_left {width:442px; float:left;} *html #content_boxes {margin-top:12px; } *html .content_box {margin:0; padding:0px 0px 0px 10px;} #home_content_main {position:relative; width:100%; margin:15px 0px 0px 0px; padding:0px; min-height:300px; height:auto !important; height:300px;} #home_heading {width:904px; min-height:304px; height:auto !important; height:304px; margin:20px auto 0 auto; border:1px solid #CCC; padding:3px;} #home_content {position:relative; width:100%; min-height:260px; height:auto !important; height:260px;} #fade_gallery {float:left; width:661px; height:304px; display:block; position:relative; z-index:100;} #fade_gallery ul {margin:0px; padding:0px;} #fade_gallery ul li {margin:0px; padding:0px; position:absolute; top:0xp; left:0px; list-style:none;} #tabs {width:242px; height:299px; background:#333; float:left; padding:5px 0 0 0; border-left:1px solid #787878; position:relative; z-index:120} .tab {height:73px; width:235px; margin:0px auto; border-bottom:1px solid #666;} .tab img {float:left; margin:5px 10px 0px 5px;} .tab h3 {margin:0px 0 0 0; color:#ffffff; padding:5px 0 0 0;} .tab p {font-size:11px; color:#FFF; margin:0;} .tab a {color:#FFF;} .last_tab {border:0;} #side_bar_left {width:442px; float:left; margin:0 0px 0 15px;} #side_bar_left .home_paragraph {float:left; width:220px; } #side_bar_left p{font-size:13px; width:215px;} #content_boxes { float:left; } .content_box {float:left; margin:0 0 0 12px; width:213px;} .box_head_top { background:url(../images/red_tab_top.jpg) no-repeat top left #E20002; width:213px; height:50px;} .box_head_top h2 {padding:10px 0 0 12px; width:175px; line-height:18px; color:#FFF;} .box_head_below { background:url(../images/red_tab_below.jpg) no-repeat bottom left; height:15px;} .box_content_top { min-height:70px; height:auto !important; height:70px; width:211px; } .box_content_top p { width:180px; margin:10px auto 0 auto; line-height:18px; } .box_content_top ul {} .box_content_top ul li {color:#000; margin:0px 0px 2px 0px;} .box_content_below { background:url(../images/box_content_below.jpg) no-repeat top left; width:211px; height:61px;} .box_content_below img{ float:right; margin:10px 5px 0 0;} .box_content_top1 {border:2px solid #999; border-bottom:0px; min-height:132px; height:auto !important; height:132px; width:191px; margin:12px 0px 0px 0px; padding:10px 10px 0px 10px;} .box_content_below1 {border:2px solid #999; border-top:0px; background:url(../images/box_content_below.jpg) no-repeat top left; width:211px; height:61px;} .box_content_below1 img{ float:right; margin:-83px 40px 0 0;} *+html #content_boxes {margin-top:10px;} *+html .box_head_top h2 {padding:0px 0 0 12px;} #link_section {min-height:210px; height:auto !important; height:210px; background:#333; width:903px; margin:0 auto; padding:0 15px;} #news_feed {width:211px; padding:23px 0 0 0; margin:0 15px 0 0; float:left;} #news_feed h4 { border-bottom:1px solid #5C5C5C; color:#555; padding:3px; margin:0;} #news_feed ul { border-top:1px solid #000; padding-top:5px;} #market_place_links {width:211px; padding:23px 0 0 0; margin:0 15px 0 0; float:left;} #market_place_links h4 { border-bottom:1px solid #5C5C5C; color:#FFF; padding:3px; margin:0;} #market_place_links ul { border-top:1px solid #000; padding-top:5px;} #market_place_links li a {color:#CCCCCC;} #countries_list_links {width:211px; padding:23px 0 0 0; margin:0 15px 0 0; float:left;} #countries_list_links h4 { border-bottom:1px solid #5C5C5C; color:#FFF; padding:3px; margin:0;} #countries_list_links ul { border-top:1px solid #000; padding-top:5px; margin:0px; padding-left:0px;} #countries_list_links ul li {position:relative; list-style:none; padding:2px 0px 2px 40px;} #countries_list_links ul li a{position:absolute; right:0px; font-style:italic; color:#FFF;} #countries_list_links ul #uk { background:url(../images/union_jack.jpg) no-repeat top left;} #countries_list_links ul #ireland { background:url(../images/ireland.jpg) no-repeat top left;} #countries_list_links ul #usa { background:url(../images/usa.jpg) no-repeat top left;} #countries_list_links ul #germany { background:url(../images/germany.jpg) no-repeat top left;} #countries_list_links ul #france { background:url(../images/france.jpg) no-repeat top left;} #news_feed li a {color:#CCCCCC;} #contact_block {width:200px; padding:23px 0 0 0; margin:0 15px 0 0; float:left;} #contact_block h4 { border-bottom:1px solid #5C5C5C; color:#FFF; padding:3px; margin:0;} #contact_block p { padding:5px 0 0 5px; color:#FFF; margin:0; color:#CCC;} .border_top {border-top:1px solid #000;} #content img {margin:0px 10px 10px 10px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; height:45px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/menu_bg.jpg) repeat-x; } #nav a {color:#333 !important; font-weight:bold !important; } #nav a:hover { text-decoration:none; color:#000; } #nav ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #nav ul li {margin:0px 0px 0px 0px; padding:0px; float: left; position:relative; z-index:100; display:block; background:none; position:relative; } #nav ul li a { float:left; margin:5px 0px 1px 0px; padding:10px 18px; border-right:1px solid #E7E7E7; border-left:1px solid #CCC; color:#000; display:block; font-weight:normal; font-size:12px;} #nav ul li a:hover { text-decoration:none; color:#ffffff; } #nav ul li a.active { text-decoration:none; color:#ffffff; ; } .hover { text-decoration:none; color:#ffffff; background:#ff000a; } #nav ul li ul {width:200px; position:absolute; top:40px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:100;} #nav ul li ul li {width:200px; display:block; margin:0px 0px 0px 0px; filter: alpha(opacity=97); opacity:0.92; padding:0px 0px 0px 0px; float:none; } #nav ul li ul li a {width:200px; color:#000; display:block; font-size:0.9em; background:#DCDCDC; width:100%; margin:0px !important; border-bottom:1px solid #ffffff; padding:10px 21px 10px 21px; min-height:16px; height:auto !important; height:16px; float:none; posiition:relative; z-index:100; font-size:12px;} #nav ul li:hover ul { display:block; } #nav ul ul:hover { display:block; z-index:1000} #nav ul li ul li a.active { color:#ffffff; } #last_nav_link {border-right:0;} #nav_left_edge {position:absolute; margin:-3px 0 0 -7px; left:0;} #nav_right_edge {position:absolute; margin:-3px -7px 0 0; right:0;} #footer_nav {float:left; padding:12px 0 0 15px;} #footer_nav a {color:#FFF;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { border-top:1px solid #333; text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url('#') #333; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#bf0b0b; font-size:20px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#333333; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#333333; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#333333; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#333333; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#BF0D0D; font-size:12px; font-weight:bold; margin:14px 0px 14px 0px; padding:0px 0px 0px 0px; } ul { margin:0; padding:0 0 0 18px; } ul li { color:#CCC; margin:0 0 10px 0; list-style:disc;} ol { margin:0; padding:0 0 0 18px; } ol li {color:#CCC; margin:0 0 5px 0; list-style:decimal;;} #content ul li { color:#000;} #content ol li { color:#000;} address {font-size:12px;} a { color:#000; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } p { font-size:12px; margin:14px 0px 14px 0px; padding:0px 0px 0px 0px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */