/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {height: 100%;} body {height: 100%; } #social_pos {position:absolute; top:172px; width:126px; display:block; right:223px; z-index:20000;} *html #social_pos {top:175px; } #social_pos a {display:block; float:left; margin:0px 3px 0px 0px;} #wrapper { position: relative; min-height: 100%; width:978px; margin-left:auto; margin-right:auto; background:#fff;} *html #wrapper {height: 100%;} .hidden {display:none;} #container{ position:relative; border-left:19px solid #ffffff; border-right:19px solid #ffffff; padding:0px 0px 119px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:940px; background-color:#FFFFFF; } #header { width:100%; height:207px; margin:0px; padding:0px; background:url(/images/header.gif) right no-repeat #ffffff; border-bottom:#003366 0px solid;} #logo { width:239px; height:119px; margin:0px; padding:0px; display:block; float:left; } #logos { width:262px; display:block; float:left; height:119px;} .logo { display:block; float:left;} #contact { width:429px; display:block; float:right; margin:35px 0px 0px 0px; } #contact p img { vertical-align:middle; } #contact p { font-size:14px; font-weight:bold; color:#4C4C4C; } #contact p span.red { color:#D85343 !important; background:none;} #contact p a {color:#4C4C4C;} #above_header { margin:8px 0px 0px 0px; background:url(/images/breac_crumb_area.jpg) no-repeat left top; width:940px; height:45px; display:block;} #breadcrumb { font-weight:bold; width:550px; display:block; float:left; color:#4C4C4C; font-size:11px; padding:14px 0px 0px 16px;} #breadcrumb a { text-decoration:underline; color:#4C4C4C; } #social_networking { display:block; float:left; padding:10px 0px 0px 30px; margin:0px -10px 0px 0px; width:140px;} *+html #social_networking { margin:-24px -10px 0px 0px; } *html #social_networking { margin:-24px -10px 0px 0px; } #social_networking p { margin:0px 0px 0px 0px; } #social_networking a { display:block; float:left; margin:0px 2px 0px 2px; } #search { display:block; float:left; margin:0px -30px 0px 0px;} #search form { margin:9px 0px 0px 5px; padding:0px;} #search .left { background:url(/images/left_input.jpg) no-repeat left top; display:block; float:left; width:18px; height:28px; } body:last-child:not(:root:root) #search .left {margin:-1px 0px 0px 0px;} #search input { background:url(/images/input_rep.jpg) repeat-x left top; border:0px; width:143px; font-size:11px; color:#2E2E2E; padding:7px 0px 7px 0px; display:block; float:left; } body:last-child:not(:root:root) #search input { background:url(/images/input_rep.jpg) repeat-x left top; border:0px; width:143px; font-size:11px; color:#2E2E2E; padding:7px 0px 7px 0px; margin-top:-1px; display:block; float:left; } #search button {background:none; border:0px; display:block; float:left; margin:-1px 0px 0px -3px; padding:0px;} *+html #search button {margin:-2px 0px 0px -3px; } *html #search button {margin:-2px 0px 0px -3px; } #main { width:100%; margin:0px 0px 0px 0px; } #footer { position:relative; height:119px; border-left:19px solid #ffffff; border-right:19px solid #ffffff; padding:0px 0px 0px 0px; margin-top:-119px; margin-left:auto; margin-right:auto; width:940px; background-color:#FFFFFF; } #footer_bord_container { border-top:1px solid #000; border-bottom:1px solid #000; } #footer_bord_container p {font-size:12px; color:#666666; font-weight:bold; padding:10px 0px 0px 8px; display:block; float:left;} #cards { display:block; float:right;} #copy { display:block; float:right; color:#333333; font-size:11px;} #sitemap_link {display:block; float:left; color:#000000 !important; font-weight:bold;} .clear { clear:both; } #language_selection {position:absolute; top:10px; right:0px;} #language_selection a {color:#000;} #language_selection a.active {font-weight:bold;} #language_selection img {margin:0px 5px;} /*------------------------------------ Homepage -----------------------------------------------------------*/ #slideshow {width:940px; height:320px; display:block; margin:0px 0px 17px 0px; position:relative; } #slideshow ul {margin:0px !important; padding:0px !important;} #slideshow ul li {margin:0px !important; padding:0px !important; list-style:none !important; position:absolute; top:0px; left:0px;} #slideshow2 {width:940px; height:185px; display:block; margin:0px 0px 10px 0px; position:relative; } #slideshow2 ul {margin:0px !important; padding:0px !important;} #slideshow2 ul li {margin:0px !important; padding:0px !important; list-style:none !important; position:absolute; top:0px; left:0px;} #sidebar { width:221px; height:100%; float:left; margin:0px 0px 0px 0px; padding:0px; background:#ffffff; } #twitter { background:url(/images/twitter_back.jpg) no-repeat left top; padding:13px 0px 0px 19px; width:202px; height:247px; display:block;} #content_main { width:698px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:462px; display:block; float:left; margin:0px 0px 10px 0px;} #sidebar_right { width:222px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px;} #contact_form {width:191px; border-right:1px solid #9E9E9E; border-left:1px solid #9E9E9E; position:relative; background:url(/images/contact_form_back.jpg) #C6C6C6 no-repeat left top; min-height:176px; height:auto !important; height:176px; margin:12px 0px 18px 0px; padding:5px 15px 0px 12px;} #contact_form_top {width:220px; height:12px; position:absolute; left:-1px; top:-12px; background:url(/images/top_contact_form.jpg) no-repeat left top;} #contact_form_below { background:url(/images/contact_bottom.jpg) no-repeat; width:220px; height:10px; position:absolute; bottom:-10px; left:-1px;} #contact_form p { margin:0px 0px 6px 0px !important;} body:last-child:not(:root:root) #contact_form input {margin:0px 0px 5px 0px;} #contact_form input { border:0px; background:url(/images/callback_input.jpg) repeat-x left top; color:#666666; font-size:12px; display:block; float:left; padding:5px 0px 8px 0px; width:159px;} #contact_form .left { background:url(/images/left_callback.gif) no-repeat left top; width:13px; height:28px; display:block; float:left;} #contact_form .right { background:url(/images/right_callback.gif) no-repeat left top; width:13px; height:28px; display:block; float:left;} #contact_title { color:#ffffff; font-size:16px; } #contact_form button { display:block; float:right; border:0px; background:none; margin:5px 2px 0px 0px; padding:0px;} #home_block { width:100%; height:166px; margin:0px 0px 12px 0px; display:block;} .home_block { position:relative; width:300px; height:165px; display:block; float:left; background:url(/images/home_block.jpg) no-repeat left top;} #marg.home_block { margin:0px 20px 0px 20px;} .home_block_image { position:absolute; right:0px; bottom:0px;} #cd.home_block_image { right:-7px; bottom:-1px;} #printing.home_block_image { right:-14px; bottom:1px;} #production.home_block_image { right:-5px;} .home_block p { color:#fff; margin:0px !important; padding:10px 0px 10px 19px !important; line-height:16px !important; font-size:12px;} .title { font-size:20px; color:#fff; background:url(/images/title_border.jpg) repeat-x left bottom; display:block; margin:0px 0px 0px 19px; padding:15px 0px 6px 0px; width:263px;} a.find_out_more { position:absolute; left:19px; bottom:11px; color:#fff; font-size:14px; padding:6px 0px 10px 35px;} a:hover.find_out_more {color:#fff;} .green { background:url(/images/green_more.jpg) no-repeat left top;} .blue { background:url(/images/blue_more.jpg) no-repeat left top;} .red { background:url(/images/red_more.jpg) no-repeat left top;} /*------------------------------------ products -----------------------------------------------------------*/ #cars { display:block; height:185px; widtf:940px; background:url(/images/caresol.jpg) no-repeat left top; margin:0px 0px 10px 0px;} #corner_cars { background:url(/images/corner.png) no-repeat; position:relative; bottom:14px; left:0px; width:940px; height:14px; z-index:1000;} /*------------------------------------ Textpage -----------------------------------------------------------*/ #pageheader { width:100%; height:188px; display:block; margin:0px 0px 10px 0px;} #subpages { position:relative; background:url(/images/sub_nav.jpg) #9C9C9C no-repeat; width:217px; display:block; border:1px solid #898989; margin:15px 0px 20px 0px; min-height:221px; height:auto !important; height:221px;} #subpages_top { background:url(/images/sub_page_top.jpg) no-repeat left top; position:absolute; top:-15px; left:-1px; width:219px; height:15px;} #subpages_below { background:url(/images/sub_nav_bottom.jpg) no-repeat left top; width:219px; height:12px; position:absolute; left:-1px; bottom:-12px;} .subpage_title {width:190px; display:block; margin:0px auto 3px auto; font-size:16px; color:#fff; padding:6px 0px 8px 0px; background:url(/images/title_border.jpg) repeat-x left bottom;} #subpages a.sub_title { display:block; font-size:inherit; padding:6px 0px 6px 0px; color:#FFFFFF; border-bottom:none; border-top:none; width:190px; display:block; margin:0px auto 0px auto;} #subpages a { display:block; font-size:12px; padding:6px 0px 6px 0px; color:#FFFFFF; border-bottom:1px solid #343434; border-top:1px solid #AFAFAF; width:190px; display:block; margin:0px auto 0px auto;} #subpages .sub a { width:170px; padding:6px 0px 6px 20px; background:#094C73;} #subpages a:hover { background:#6D859F; text-decoration:none; } #subpages a.active { background:url(/images/sub_page_hover.jpg) repeat-y left bottom !important; text-decoration:none; color:#000;} #subpages a.sub_m {background:url(/images/sub_sub.gif) no-repeat right 50%;} #subpages a:hover.sub_m {background:url(/images/sub_sub.gif) #6D859F no-repeat right 50%;} #subpages a:hover.sub_title { background:none;} /*------------------------------------ news-----------------------------------------------------------*/ .news_item {border-bottom:1px solid #555; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;} .news_item a.news_link {display:block; float:right; font-weight:bold;} .news_item p {margin:10px 0px 10px 0px !important;} .paging {font-size:12px; color:#000;} #content_large {display:block; float:left; width:679px;} #content_large a { color:#000; font-weight:bold; text-decoration:none; background:url(/images/arrow_green.jpg) no-repeat left top; display:block; padding:5px 0px 7px 30px;} #content_large a.indented {margin-left:20px;} #content_large a.indentedmore {margin-left:50px;} #content_large a.indentedmoremore {margin-left:100px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; height:35px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/images/nav_rep.jpg) repeat-x left top; position:relative; } #nav_left { background:url(/images/left.jpg) no-repeat left top; position:absolute; top:0px; left:0px; width:9px; height:35px;} #nav_right { background:url(/images/right.jpg) no-repeat left top; position:absolute; top:0px; right:0px; width:9px; height:35px;} #nav a { background:url(/images/bored_right.jpg) no-repeat right top; margin:5px 0px 0px 0px; padding:4px 22px 4px 22px; display:block; float:left; color:#ffffff; display:block; font-weight:normal; font-size:12px;} #nav a:hover { text-decoration:none; color:#A4C8EF; } #nav a.active { text-decoration:none; color:#000000; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#4A494D; font-size:12px; font-family:Arial, Helvetica, sans-serif;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:18px; color:#379DBA; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:32px; } h2 { color:#000000; font-size:16px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#379DBA; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#5288B6; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#2A9B67; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#D65243; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { font-size:12px; color:#666666; list-style:disc; margin:10px 0px 10px 0px; } ol {} ol li {font-size:12px; color:#666666; list-style:decimal; margin:10px 0px 10px 0px; } address {color:#666666; line-height:18px; font-size:12px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-style:normal;} a { color:#D65243; text-decoration:none; } a:hover { color:#D65243; text-decoration:underline; } p { color:#666666; line-height:24px; font-size:12px; margin:10px 0px 20px 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 */