/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html { height: 100%; } body { height: 100%; } #wrapper { background:url(../images/bac.jpg) no-repeat top left; position: relative; min-height: 100%; } * html #wrapper { height: 100%; } #anniv {position:absolute; top:10px; right:195px; } #video2 {width:450px; background:#ffffff; z-index:20000; display:block; position:fixed; top:0px; left:0px; padding:20px 20px 10px 20px; background:#ffffff; } *html #video2 {background:#ffffff; z-index:20000; display:block; position:absolute; } #video2 a {display:block; color:#000000; margin:20px -10px 0px 0px; font-weight:bold; font-size:1.8em; text-decoration:none;} .video1 {cursor:pointer;} .video2 {cursor:pointer;} #content_main_top ul {margin:20px 0px 10px 22px; padding:0px;} #content_main_top ul li {margin:0px; padding:0px 0px 0px 0px; list-style:none !important;} #container{ position:relative; border:#000000 0px solid; padding:0px 0px 90px 56px; margin-top:0px; margin-left:0px; margin-right:auto; width:894px; } #header { width:100%; height:76px; margin:0px; padding:0px; } #logo { width:238px; position:relative; float:left; display:block; margin:23px 0px 0px 0px; padding:0px; } #tagline {width:370px; display:block; float:left; font-size:1.8em; color:#FFF; margin:38px 0px 0px 39px; } #search {width:181px; height:76px; display:block; float:right; } #search p {color:#FFF; font-size:2.2em; margin:8px 0px 8px 0px;} #search form {padding:0px; margin:0px;} #search input { display:block; float:left; border:0px; padding:3px 0px 3px 0px;} .search_right {display:block; float:left; background:url(../images/search_right.jpg) no-repeat; width:4px; height:22px; margin:0px 0px -1px -1px; } .search_left {display:block; float:left; background:url(../images/search_left.jpg) no-repeat; width:4px; height:22px; margin:0px 0px -1px -1px; } #search button {background:none; width:33px; height:22px; border:0px; display:block; float:right; margin:0px 0px 0px 0px; padding:0px; position:relative; z-index:20;} *+html #search button {margin:0px -8px 0px 0px;} *html #search button {margin:0px -8px 0px 0px;} #search input { display:block; float:left; border:0px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:253px; height:100%; float:left; margin:0px 0px 1px 0px; padding:0px; } #enquiry { display:block; margin:24px 0px 28px 0px; position:relative; background:#22A7E8; border-right:1px solid #184D9B; border-left:1px solid #184D9B; width:201px; min-height:100px; height:auto !important; height:100px; padding:20px 24px 0px 24px;} #enquiry p {color:#fff; font-size:1.1em; font-weight:bold; margin:5px 0px 5px 0px; line-height:normal !important;} #enquiry form { margin:10px 0px 0px 0px;} #enquiry_top { width:251px; height:14px; position:absolute; left:-1px; top:-14px; background:url(../images/enquiry_top.jpg) no-repeat top left;} #enquiry_bottom { width:251px; height:14px; position:absolute; bottom:-14px; left:-1px; background:url(../images/enquiry_top.gif) no-repeat bottom left;} .title_enquiry {width:100px; height:10px; position:absolute; top:2px; left:10px; color:#FFF; font-size:1.2em;} #enquiry button { position:absolute; bottom:-28px; right:-15px; background:none; border:0px; z-index:20; } *html #enquiry button { right:-10px; background:none; border:0px; z-index:20; } *+html #enquiry button {right:-230px;} #enquiry textarea { display:block; float:left; width:144px; height:36px; border:0px; padding:3px 0px 3px 0px; background:#ffffff;} *+html #enquiry textarea { display:block; float:left; width:144px; height:38px; border:0px; padding:3px 0px 3px 0px; background:#ffffff;} *html #enquiry textarea { display:block; float:left; width:144px; height:38px; border:0px; padding:3px 0px 3px 0px; background:#ffffff;} #enquiry input { display:block; float:left; border:0px; padding:3px 0px 3px 0px; background:#ffffff;} #enquiry .search_right {display:block; float:left; background:url(../images/enquiry_right.jpg) no-repeat; width:4px; height:22px; margin:0px 0px -1px -1px; } #enquiry .search_left {display:block; float:left; background:url(../images/enquiry_left.jpg) no-repeat; width:4px; height:22px; margin:0px 0px -1px -1px; } #enquiry .text_right {display:block; float:left; background:url(../images/textarea_right.jpg) no-repeat; width:4px; height:44px; margin:0px 0px -1px -1px; } #enquiry .text_left {display:block; float:left; background:url(../images/textarea_left.jpg) no-repeat; width:4px; height:44px; margin:0px 0px -1px -1px; } #content_main { width:618px; margin:0px 0px 0px 0px; float:right; padding:0px; } #content_main_top {position:relative; height:342px; width:618px; display:block; float:left; background:url(../images/cars.gif) no-repeat left top; margin-bottom:10px;} .nextcars {position: absolute; top: 130px; right:-10px; width: 37px; height: 52px; cursor: pointer;background: transparent url(../images/right_cars.jpg) no-repeat 0 0; z-index:100;} .prevcars {position: absolute; top: 130px; left:-14px; width: 37px; height: 52px; cursor: pointer;background: transparent url(../images/left_cars.jpg) no-repeat 0 0; z-index:100;} .hidden {display:none;} #section_titles {width:450px; display:block; float:left;} #section_titles ul {margin:-12px 0px 0px 20px; padding:0px; list-style:none;} #section_titles ul li { position:relative; z-index:10; list-style:none; margin:5px 0px 0px 0px; padding:0px; color:#333333; font-size:2em; font-weight:bold;} #jcarousel-control {margin:0px 0px 0px 22px;} #jcarousel-control a {display:block; background:url(../images/blue_dot.jpg) no-repeat; width:12px; height:12px; display:block; float:left; margin:0px 5px 0px 0px;} #jcarousel-control a:hover { text-decoration:none;} #jcarousel-control a.active {background:url(../images/red_dot.jpg) no-repeat; text-decoration:none;} #content {width:302px; float:left; margin:0px 0px 0px 3px;} #sidebar_right { width:249px; height:100%; float:right; margin:5px 45px 0px 0px; padding:0px;} *html #sidebar_right {margin:5px 0px 0px 0px;} .title_featured { font-weight:bold; background:url(../images/title_featured.gif) no-repeat top left; padding:3px 0px 0px 4px; width:290px; height:29px; color:#FFF; font-size:1.3em; text-align:center; } .products { margin:5px 0px 10px 0px; width:296px;} .products img {display:block; float:left; border:5px solid #FFF; margin:0px 10px 0px 0px;} .products_text {width:150px; display:block; float:right;} .products_title a {font-size:1.5em; color:#ffffff; font-weight:bold; background:url(../images/arrow.jpg) no-repeat right center; padding:0px 20px 0px 0px;} .products_title a:hover {color:#ffffff;} .products_price {font-size:1.5em; color:#fff;} .products p {font-size:1.1em; color:#4ABFF8; margin:2px 0px 5px 0px;} #footer {position:relative; display:block; width:100%; border-top:2px solid #9abeed; background:#0d327c; height:80px; margin:0px 0px 0px 0px; padding:0px; } #footer_container {width:946px; display:block; float:left; font-size:1.1em; color:#ffffff;} #footer_nav {font-size:1.1em; color:#ffffff; margin:14px 0px 0px 56px; display:block; float:left;} #footer_nav a {font-size:1.1em; color:#ffffff;} #footer_copy {display:block; float:right; position:relative; padding:0px 87px 0px 0px; margin:14px 0px 0px 0px; } #footer_copy a {position:absolute; right:0px; top:-4px; text-decoration:none;} .clear { clear:both; } /*------------------------------------ Textpage -----------------------------------------------------------*/ #breadcrumb {font-size:1.1em; color:#ffffff; margin:0px 0px 20px 0px; width:449px; display:block; float:left;} #breadcrumb a {font-size:1.1em; color:#ffffff; background:url(../images/arrow_breadcrumb.gif) no-repeat right 50%; padding:0px 19px 0px 0px; margin:0px 7px 0px 0px;} .title {font-size:1.8em !important; color:#ffffff; margin:0px 17px 0px 0px;} .line {font-size:2.5em !important; color:#fff; margin:0px 15px 0px 0px;} #pageheader {height:216px; padding:31px 0px 0px 33px; width:585px; background:url(../images/title.gif) no-repeat top left;} #textpage {margin:10px 0px 20px 0px; min-height:100px; height:auto !important; height:100px;} /*------------------------------------ Product Summary -----------------------------------------------------------*/ .products_main {padding:0px 0px 18px 0px; margin:11px 0px 0px 0px; border-bottom:1px solid #0099FF;} .products_main p {margin:0px;} .products_main p img {vertical-align:bottom;} .products_text_main {width:456px; float:left;} .product_image {width:149px; height:93px; padding:15px 0px 0px 0px; text-align:center; vertical-align:middle; display:block; float:right; background:url(../images/img_bac_area.gif) no-repeat top left;} .product_title {font-size:1.4em; color:#ffffff;} .paging {width:151px; display:block; float:right; color:#ffffff; font-size:1.1em;} .paging .page {display:block; float:left; margin:14px 4px 0px 0px;} .paging .line {display:block; float:left;} .paging a {color:#ffffff; text-align:center; padding:0px 2px 0px 2px; float:left; margin:14px 2px 0px 0px;} .paging a.active {background:#22A7E8; } .paging a:hover {background:#22A7E8; color:#ffffff; text-decoration:none;} p.searchtitle {font-size:12px; font-weight:bold; color:#22A7E8;} p.searchtitle a { color:#ffffff; margin:0px 0px 0px 10px;} /*------------------------------------ Gallery -----------------------------------------------------------*/ #gallery_area {width:615px; height:343px; display:block; float:left; } #gallery_left {background:url(../images/gallery_left.gif) no-repeat left top; width:451px; height:317px; padding:26px 0px 0px 26px; display:block; float:left; position:relative; z-index:100;} #gallery_left ul {margin:0px; padding:0px; position:relative;} #gallery_left ul li {margin:0px !important; padding:0px !important; position:absolute; top:0px; left:0px; list-style:none; } #gallery_left ul li p {color:#333333; font-size:1.4em;} #gallery_right {background:url(../images/car_horiz.gif) no-repeat top left; width:151px; height:309px; display:block; float:right; margin:15px 0px 0px -85px;} .hidden {display:none;} /*------------------------------------ Gallery -----------------------------------------------------------*/ #prod_left {width:394px; display:block; float:left; background:#1D54B2; } .acclink {display:none;} .accordian_title {font-size:1.3em; position:relative; z-index:110; margin:0px 0px 1px 0px; padding:3px 0px 4px 8px; color:#ffffff; background:url(../images/accordian.gif) no-repeat left top; } .accordian {background:#1D54B2; margin:0px 0px 0px 0px; padding:10px 26px 10px 26px; position: relative; z-index: 100;} #prod_right {width:210px; display:block; float:right; margin:-3px 0px 0px 0px;} #prod_right input {background:#ffffff;} #prod_right button {background:none; width:209px; border:0px; margin:0px; padding:0px; display:block; float:left;} :root #prod_right button {background:none; width:211px; border:0px; margin:0px; padding:0px; display:block; float:left;} #prod_right .left {background:url(../images/left_final.gif) no-repeat ; display:block; float:left; width:5px; height:22px;} #prod_right .right {background:url(../images/right_final.gif) no-repeat ; display:block; float:left; width:5px; height:22px;} #prod_right p {margin:5px 0px 5px 0px;} #prod_right form {margin:0px; padding:0px;} #prod_right input { width:196px; border:0px; display:block; float:left; padding:3px 0px 3px 0px;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav ul { padding:0px; margin: 0px 0px; list-style: none; } #nav li {display:block; clear:both; list-style:none; margin:14px 0px 14px 0px; width:100%; display:block; } #nav li a {color:#ffffff; width:239px; position:relative; background:#0d317a; display:block; font-weight:normal; font-size:1.2em; min-height:6px; height:auto !important; height:6px; padding:0px 0px 0px 13px; } #nav li a .top { width:239px; padding:0px 0px 0px 13px; height: 5px; width:100%; background: url(../images/top_nav.jpg) no-repeat left top; position:absolute; top:-5px; left:0px; } #nav li a .bottom { width:239px; padding:0px 0px 0px 13px; height: 5px; width:100%; background: url(/images/bottom_nav.jpg) no-repeat left bottom; position:absolute; bottom:-5px; left:0px; } #nav li a:hover {background:#22A7E8;} #nav li a:hover .bottom { background: url(../images/sub_nav_bottom.jpg) no-repeat left bottom;} #nav li a:hover .top { background: url(../images/sub_nav_top.jpg) no-repeat left top; } #nav li a.active {background:#22A7E8;} #nav li a.active .bottom { background: url(../images/sub_nav_bottom.jpg) no-repeat left bottom;} #nav li a.active .top { background: url(../images/sub_nav_top.jpg) no-repeat left top; } #nav a:hover { text-decoration:none; color:#ffffff; } #nav li ul {padding:0px; margin:0px 0px 0px 0px; display:none; list-style: none; } #nav li ul li { margin:0px; padding:0px; list-style:none; margin:14px 0px 0px 0px; } #nav li ul li a .top { width:252px; display:block; height: 5px; width:100%; background: url(../images/sub_nav_top.jpg) no-repeat left top; position:absolute; top:-5px; left:0px; } #nav li ul li a .bottom { width:252px; display:block; height: 5px; width:100%; background: url(../images/sub_nav_bottom.jpg) no-repeat left bottom; position:absolute; bottom:-5px; left:0px; } #nav li ul li a {color:#ffffff; width:239px; position:relative; background:#22a7e8; display:block; font-weight:normal; font-size:1.2em; min-height:6px; height:auto !important; height:6px; padding:0px 0px 0px 13px; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; font-family:Tahoma, Geneva, sans-serif; font-size:0.6em; background:url(../images/body_bac.jpg) repeat-x #296bc9; } body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:1.5em; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:22px; } h2 { color:#ffffff; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#ffffff; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#ffffff; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#ffffff; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#ffffff; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} #textpage ul { margin:0px; padding:0px; } #textpage ul li { margin:10px 0px 10px 0px; padding:0px 0px 0px 20px; color:#fff; background:url(../images/li.gif) no-repeat left top; font-size:1.1em; list-style:none; } ol {} ol li {color:#fff; font-size:1.1em; list-style:decimal;} address {color:#fff; font-size:1.1em; } a { color:#FFFFFF; text-decoration:none; } a:hover { color:#FFFFFF; text-decoration:underline; } p { font-size:1.1em; color:#FFF; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px;}