/* @override http://gaf.dzined.co.uk/bmt_themes/gaf/css/style.css */ /* RESET------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;} body {line-height: 1em; } /* 75%=12px 62.5%=10px */ ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;} table.table_style { border-collapse: collapse; border-spacing: 0; margin:20px 0; border:1px solid #CCC; width:538px; } td,th{ padding:5px;font-size:95%; border-bottom:1px solid #EFEFEF}/* tables still need 'cellspacing="0"' in the markup */ th{ background: #F5F5F5; font-weight:bold;} a{ text-decoration:none} a:hover{ text-decoration:underline} /*TEXT FAMILY--------------------------------------------------*/ body{font-family:Arial, Helvetica, sans-serif;} h1,h2,h3,h4,h5,h6{ font-family: Georgia, "Times New Roman", Times, serif;} /*TEXT COLOURS-------------------------------------------------*/ p{color:#222222;} a{color:#B40718;} h1,h2,h3{color:#222222} h4,h5,h6{ color:#333333} #rightcolumn,#rightcolumn p,#rightcolumn h3, #rightcolumn h4, #rightcolumn h5, #rightcolumn h6, #rightcolumn li { color:#333;} /*TEXT SIZE--------------------------------------------------*/ body{font-size:75%;} p {font-size:1em;} h1{font-size:2em;} h2{font-size:1.9em;} h3{font-size:2em; font-weight:normal} h4{font-size:1.4em;font-weight:normal} h5{font-size:1.2em;} h6{font-size:1em;} /*LINE-HEIGHTS ------*/ body{line-height: 1.5em;} p{line-height:1.6em} li{line-height:1.4em;} /*MARGIN/PADDING/DIMENSIONS------*/ p{margin:10px 15px 10px 0px;} h3{margin:24px 0 5px 0px; } h4{margin:5px 0 2px 0px; } h5{margin:0px 0 4px 0px; } #rightcolumn p{margin:0px 15px 10px 0px;} #rightcolumn h3{margin:24px 0 15px 0px;} #rightcolumn h4{margin:15px 15px 0px 0px;} .textwrap_left{ padding:5px; margin:0 15px 5px 0 ; float:left} .textwrap_right{ padding:5px; margin:0 0 5px 15px; float:right } /*SITE FRAME--------------------------------------------------------------------------*/ body{ background:#FFF url(../images/bg.jpg) repeat-x 0 110px } #wrapper {margin: 10px auto 0 auto;width:950px; padding:0; } #pre_header{ width: 950px; margin: 0; text-align:right; color:#FFF} #header {color: #333;width: 950px;padding: 0;margin: 0 auto;background:url(../images/header.jpg) no-repeat;height:168px;background: url(../images/head_logo.png) no-repeat top left;} #navigation{ background:#FFF; width:950px; margin:0 auto; } #inner_nav{background:#B40718; width:950px; height:36px; clear:both; } #inner_nav a{ color:#FFFFFF; } #search_bar{ float:right; margin:6px 10px 0 0; width:230px; height:15px;} #search_bar input { float:left;width:170px; height:15px;} #search_bar a{ float:right; width:40px; display:block; color:#FFFFFF; padding-top:2px; } #container {margin:0 auto;width:950px;padding:0;background: clear:both; } #content {color: #333;padding: 0;width: 650px;float: left; margin-left: 15px;color: #333;margin-top:25px;} #rightcolumn {float: left;color: #333;margin: 0 0 0 25px;padding: 0 10px 0px 0px;width: 187px;} #footer{ width:950px; clear:both;} /*SECOND LEVEL STRUCTURE*/ #pre_nav{ width:300px; float:right; text-align:right} #pre_nav a{ color:#333333} #login{ width:300px; float:left; margin-top:13px;} #search_bar{ margin-top:10px;} #navigation ul { width:950px; clear:both;} #navigation li { background:url(../images/nav_l.png) no-repeat; float:left;margin-right:6px;width:140px; } #navigation li a{ background:url(../images/nav_r.png) no-repeat top right; display:block; padding:10px 14px 7px 0px;margin-left:14px; color:#FFF; font-weight:bold; text-align:center; } /*LAYOUT TEST #wrapper{ background:#000000} #prehead{ background: #009966 } #header{ background:#003366} #navigation{ background: #9966FF} #info_bar{ background: #92622F} #container{ background:#333333} #leftcolumn{ background: #999966} #rightcolumn{ background: #CC6699} #pre_foot{ background: #3333CC} #pre_foot2{ background: #336666} #footer{ background: #660066} */ /*NAV-MENU--------------------------------*//*FORM-------------------------------*/ #myform fieldset{ background:#F6F6F6; margin:10px 0px; border:1px solid #ccc; padding:20px;} #myform textarea { width:300px; height:150px; border:1px solid #CCC} #myform input { border:1px solid #CCC} #myform label{ display:block;} #myform .ctrlHolder{margin-bottom:10px;} #myform .submitButton{ width:80px; height:30px; background:#EFEFEF; border:1px solid #CCC} /*HOMEPAGE--------------*/ /*FACEBOX-------*/ #facebox .b {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/b.png);} #facebox .tl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tl.png);} #facebox .tr {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tr.png);} #facebox .bl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/bl.png);} #facebox .br {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/br.png);} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox .popup {position: relative;} #facebox table {border-collapse: collapse; border:none} #facebox td {border-bottom: 0;border:none; padding: 0;} #facebox .body {padding: 10px;background: #fff;width: 370px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img { border: 0; margin: 0;} #facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px;margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} * html #facebox_overlay { /* ie6 hack */ position: absolute; /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/} .pics2{height: 170px;width: 170px;padding: 0;margin: 0 ;text-align: left;} .pics2 .span{font-size:12px;} /*Star Rater*/ .star-rating{list-style:none;margin: 0px;padding:0px;width: 150px;height: 30px;position: relative;background: url(../images/star_rating.gif) top left repeat-x;} .star-rating li{padding:0px;margin:0px;/*\*/float: left;/* */} .star-rating li a{display:block;width:30px;height: 30px;line-height:30px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;overflow:hidden;} .star-rating li a:hover{background: url(../images/star_rating.gif) left center;z-index: 2;left: 0px;border:none;} .star-rating a.one-star{left: 0px;} .star-rating a.one-star:hover{width:30px;} .star-rating a.two-stars{left:30px;} .star-rating a.two-stars:hover{width: 60px;} .star-rating a.three-stars{left: 60px;} .star-rating a.three-stars:hover{width: 90px;} .star-rating a.four-stars{left: 90px;} .star-rating a.four-stars:hover{width: 120px;} .star-rating a.five-stars{left: 120px;} .star-rating a.five-stars:hover{width: 150px;} .star-rating li.current-rating{background: url(../images/star_rating.gif) left bottom;position: absolute;height: 30px;display: block;text-indent: -9000px;z-index: 1;} /*body { font: 12px "trebuchet MS",Arial, Helvetica, sans-serif; background:#363636; } h1,h2,h3,h4,h5 { margin:5px 0 0px 10px; color:#363636; padding:0} h2{ margin-top:15px;} a{ color:#5D7307; outline:none;} img{ border:none;} #outer { width:1020px; background:#FFF; margin:10px auto; padding:10px 0;} #container{ width:1000px; margin:0 auto; background:url(../images/bg.png) repeat-y;} #header { width:1000px; height:142px; background:#363636} #logo { width:383px; height:86px; background:url(../images/logo.png) no-repeat; float:left;} #login_nav{ width:300px; height:20px; float:right; margin:10px 5px 0 0; color: #DDFF53; text-align:right} #nav ul { margin:0px 0 0 0px; padding:0;} #nav ul li{ float:left; color:#4363636; margin:0; padding:0; list-style:none;} #nav { width:1000px; height:30px; background:#363636; border-top:2px solid #CCFF00; border-bottom:2px solid #CCFF00; } #content{ background:url(../images/content.jpg) no-repeat; width:1000px;} #content2{ background: url(../images/content2.jpg) no-repeat; width:1000px;} .lime{color:#DDFF55;} .move_image_left{ float:left; margin-left:15px; margin-top:25px;border:5px solid #FFF;} .move_image_left:hover{ border:5px solid #DDFF55;} #main { float:left; width:640px;} form#login{ width:470px; margin:0; } #register_form_table{ margin:10px 0 0 10px; } #clickableWidget{ margin-left:10px} .img_holder { border:5px solid #363636; margin:15px 10px 0 0 ;} form#login{} #login fieldset{ background:url(../images/fieldset.png) repeat-x; border:1px solid #666666;padding:10px;} .padder { padding-top:160px;} #main p { line-height:1.5em; padding:0 5px 5px 10px;} .red { color:#FF0000; font-weight:bold; padding:0; margin:0;} #main h3{font-size:150%; color:#363636} #adbox{ width:145px; height:406px; float:right;} #adbox #ad { width:120px; height:375px; margin:15px 0 0 10px; background-color:#363636} #jobs{ width:177px; height:406px; float:right; padding-top:20px;} #jobs h3{font-size:150%} #jobs ul { margin:0 ; padding: 0;} #jobs ul li { margin:0 0 10px ; padding:0 10px; list-style:none;} #footer { width:1000px; height:26px; background:#F8F8F8; border-top:2px solid #CCFF00; font-size:90%; text-transform:uppercase; color:#A2A2A2} #footer a {font-size:90%; text-transform:uppercase; color:#A2A2A2; text-decoration:none;} #links {float:left;} #copyright {float:right} #bus_listing{ margin:10px 0 0 10px;} #bus_dir #pre { clear:both; margin:0 0 0 10px; width:460px;} #bus_dir #pre li {float:left; margin: 0 10px 0 0; list-style:none} */ /*UPLOADER ------*/ /*.uploadmenu li{float:left;padding-right:20px;} #photoupload{ width:470px;} #photoupload fieldset{border:1px #CCCCCC solid; margin:0 0 10px 0; padding:20px;} #photoupload-queue{list-style:none;width:400px;} #photoupload-queue li{background:url(../images/uploader/photo_upload.png) no-repeat 0 5px;padding:5px 0 5px 22px;} #photoupload-queue .queue-file{font-weight:bold;} #photoupload-queue .queue-size{color:#aaa;margin-left:1em;font-size:0.9em;} #photoupload-queue .queue-loader{position:relative;margin:3px 15px;padding:1px;font-size:0.9em;background-color:#ddd;color:#fff;text-align:center;border:1px inset #ddd;} #photoupload-queue .queue-subloader{text-align:center;position:absolute;background-color:#81B466;height:100%;width:0%;left:0;top:0;} #photoupload-queue .input-delete{width:16px;height:16px;background:url(../images/uploader/delete.png) no-repeat 0 0;text-decoration:none;border:none;float:right;} /*-------------*/ /*FORM CONTAINER -------------- #home_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #home_h3 a{ display:block;text-indent:-5000px;width:45px; height:30px; background:url(../images/home_h3.png) no-repeat; } #home_h3 a:hover{ background:url(../images/home_h3.png) no-repeat 0 -30px} #find_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #find_h3 a{ display:block;text-indent:-5000px;width:96px; height:30px; background:url(../images/find_h3.png) no-repeat; } #find_h3 a:hover{ background:url(../images/find_h3.png) no-repeat 0 -30px} #reviews_h3{ text-align:center; float:left;margin:0; margin-left:10px;padding:0;} #reviews_h3 a{ display:block;text-indent:-5000px;width:70px; height:30px; background:url(../images/reviews_h3.png) no-repeat; } #reviews_h3 a:hover{ background:url(../images/reviews_h3.png) no-repeat 0 -30px} #review_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #review_h3 a{ display:block;text-indent:-5000px;width:110px; height:30px; background:url(../images/review_h3.png) no-repeat; } #review_h3 a:hover{ background:url(../images/review_h3.png) no-repeat 0 -30px} #job_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #job_h3 a{ display:block;text-indent:-5000px;width:126px; height:30px; background:url(../images/job_h3.png) no-repeat; } #job_h3 a:hover{ background:url(../images/job_h3.png) no-repeat 0 -30px} #garage_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #garage_h3 a{ display:block;text-indent:-5000px;width:117px; height:30px; background:url(../images/garage_h3.png) no-repeat; } #garage_h3 a:hover{ background:url(../images/garage_h3.png) no-repeat 0 -30px} #sales_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #sales_h3 a{ display:block;text-indent:-5000px;width:92px; height:30px; background:url(../images/sales_h3.png) no-repeat; } #sales_h3 a:hover{ background:url(../images/sales_h3.png) no-repeat 0 -30px} #contact_h3{ text-align:center; float:left;margin:0; margin-left:5px;padding:0;} #contact_h3 a{ display:block;text-indent:-5000px;width:80px; height:30px; background:url(../images/contact_h3.png) no-repeat; } #contact_h3 a:hover{ background:url(../images/contact_h3.png) no-repeat 0 -30px} table.view_car { width:450px; margin:15px 0 0 15px;} table.view_car tr{ background:#EFEFEF; margin-bottom:5px; height:80px;} table.view_car tr.head{ background:#FFF; margin-bottom:5px; height:5px;} table.view_car tr.space{ background:#FFF; height:5px; } table.view_car tr th.head1 { width:100px;} USER FORM-------------------------------- #loginform{ margin-left:10px;} .user_login_form{ width:610px;} .user_login_form fieldset{ border:1px #CCCCCC solid; margin:0 0 10px 0; padding:20px;} .user_login_form label{ width:120px; float:left; text-align:right; padding:5px 10px 0 0;} .user_login_form input{width:150px;float:left;background:url(../images/inputBg.gif) no-repeat top left;border:1px #CCCCCC solid;padding:3px;} .user_login_form textarea{background:url(../images/inputBg.gif) no-repeat top left;} .user_login_form input.check{ float:left; border:none; padding:0; background:none; text-align:left; width:20px;} .user_login_form select{padding:3px;} .user_login_form div { clear:both; height:2em;margin:0 0 10px 0;} .user_login_form div.height { clear:both; height:150px;margin:0 0 10px 0;} .user_login_form div#a_update { clear:none; margin:0;} .user_login_form div#a_update span { padding:6px 0 0 5px; } #a_update{ float:left;} .red{ color:#A51018;} .error{ color:#A51018; font-weight:bold} .green{color:#84AA52} .button{ padding-left:130px;} */ #facebox .b {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/b.png);} #facebox .tl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tl.png);} #facebox .tr {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tr.png);} #facebox .bl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/bl.png);} #facebox .br {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/br.png);} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox .popup {position: relative;} #facebox table {border-collapse: collapse; border:none} #facebox td {border-bottom: 0;border:none; padding: 0;} #facebox .body {padding: 10px;background: #fff;width: 370px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img { border: 0; margin: 0;} #facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px;margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} * html #facebox_overlay { /* ie6 hack */ position: absolute; /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/} /*GENERAL FORM--------------------------------*/ .form_styling{padding: 10px 0px;} .form_styling FIELDSET{border: 1px solid #CCCCCC;margin: 0 0 10px;padding: 20px;} .form_styling LABEL{width: 120px;float: left;text-align: right;padding: 5px 10px 0 0;} .form_styling LEGEND{ font-family:Georgia, "Times New Roman", Times, serif; padding:5px; font-size:14px; } .form_styling INPUT{width: 150px;float: left;border: 2px solid #CCCCCC;padding: 3px;margin-bottom:10px;} .form_styling INPUT.longer{width:300px;} .form_styling TEXTAREA{background: url(http://www.dzined.co.uk/bmt_rep/images/inputBg.gif) no-repeat top left;border: 2px solid #CCCCCC;} .form_styling INPUT.check{float: left;border: none;padding: 0;background: none;text-align: left;width: 20px;} .form_styling SELECT{padding: 3px;} .form_styling TEXTAREA{border: 1px solid #CCCCCC;background: #FFF;} .form_styling DIV{clear: both;margin: 0 0 10px 0;} .form_styling P.note{padding-left:130px; clear:both} .form_styling DIV.height{clear: both;height: 200px;margin: 0 0 10px;} .form_styling DIV#a_update{clear: none;margin: 0;} .form_styling DIV#a_update SPAN{padding: 6px 0 0 5px;} .button{float:right;} .six_h{width: 600px;}