@charset "UTF-8";
@font-face {font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://auto-lpg.co.uk/Comfortaa.woff);}

/* CSS Document 
  http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

div#wrap {background-color: palegoldenrod;}

/* ------------------ header ------------------ */
header { width:929px; height:120px; }
.logo { float:left; height:120px; width:336px; }
.right { float: right; margin: 18px 0 0; }
.number { font-size:3.0em; }
/* ------------------ nav ------------------ */
nav { height: 21px; width: 906px; margin: 9px 0 0; padding: 0 0 0 21px; }
nav li { display:inline; float:left; padding:0 25px 0 0; }
nav li a { display:block; color: #333333; font-size: 1em; text-decoration: none; }
nav li a:hover { color:#a1db1b; }
/* ------------------ slider area ------------------ */
#slide { width:929px; }
.slidearea { width:693px; height:181px; margin:10px 104px 0; overflow:hidden; }
/* ------------------ content ------------------ */
.box { width: 909px; height: auto; position:relative; background: #6d6d6d; margin: 10px 0 0; padding: 10px; overflow:hidden; }
.boxtext { width:200px; float:left; }
.video { width: 448px; background: #7b7b7b; float: left; margin: 0 20px; height:205px; padding:10px }
#map { float:right; margin: 10px 0 0; }
.textarea { width: 296px; position:absolute; top:0; left:330px; margin:0; min-height:440px; max-height:440px; }
.bullets li { background:url(../images/listtick.jpg) no-repeat 0 6px; padding: 9px 0 9px 30px; width: 192px; font-size:1em; }
.bulletbox { margin:10px 0; }
#contactbox { margin: 10px 0 0; float: right; width: 600px; }
.find { width: 580px;  min-height:90px; max-height:90px; position:absolute; bottom:0px; right:0px; background: #6d6d6d; margin:0; padding:10px 8px 10px 10px;  }
.findtext { float:left; width:250px; }
.findtext2 { width:110px; float: left; margin: 20px 0 0 15px; }
.mapfind { margin: 0 10px 0 23px; float:left; }
/* ------------------ calculator ------------------ */
.holder { width:929px; height:680px; position:relative; overflow:hidden; border:none; margin:10px 0 10px 0; padding:0;}
.holdercont { width:929px; height:auto; position:relative; overflow:hidden; border:none; margin:10px 0 10px 0; padding:0;}
.text-box-R { width: 303px; position:absolute; top:0; right:0; margin:0; padding:0 0 0 0; }
.calc-mail { float:left; width:296px; height:40px; margin:3px 0 0 0; padding-left:7px; font-size:.7em;}
.calc-ul { float:left; width:90px; position:relative; padding-left:10px;}
.calc-p { margin:5px 0 0 0; line-height: 1.2em; font-size:.8em;}
.calc-inp { width:60px; height:19px; border-color:#999 solid 1px; color:#333333; font-size:.7em;}
.calc-space {  float:left; width:35px; position:relative; padding-left:10px; }
.text-box-R2 { width: 290px; float:left; padding:10px 0 0 12px; font-size:.9em;}
.R2-p {  padding:9px 0 0 0px;}
.KeyWor {  width:900px;   min-height:90px; max-height:90px;  position:absolute; z-index:-1; visibility:hidden; bottom:5px; left:15px; margin:0px; border:none; padding:0; }
.chatwrap { width:295px; height:250px; margin:16px 0 0 0 ; overflow:hidden; color:#fff;}
#textchat { width: 280px; height:150px; overflow:hidden; background:#444444; margin:-1px 0 0 6px;	padding: 2px; border-bottom: 1px solid #999999;	font: 100 10px Tahoma; color:#CCCCCC; }
.white3 { color:#fff; margin: 6px 0; padding:10px 20px; line-height: 1.4em; }
.box5 {  width:850px; height: auto; float:left; padding:0 20px 0 30px; overflow:hidden; position:inherit;}
.calc-pw { margin:5px 0 0 0; line-height: 1.2em; font-size:.8em; color:#FFFFFF;}
/*---------------------faq-------------------------------*/
.left-col { float:left; width:410px; }
.title { width:100%; overflow:hidden; }
.block div { padding:2px 0 0;}
.open-close { float:left; color:#a1db1b; font-size:1em; text-decoration:none; }
.open-close:hover { text-decoration:underline;}
.right-col { float:right; width:410px; }
.box5:after { clear:both; content:''; display:block; }
.open-close-all { text-decoration:none; color:#A1DB1B; position:absolute; right:4px; }
.open-close-all:hover {text-decoration:underline;}
.box5 ul { overflow:hidden; }
.box5 ul li { overflow:hidden; color:#FFFFFF; }
/* ----------------- contact form HP ------------------ */
.formstyle { width:139px; height:20px; background:#444444; border: #999 solid 1px; color:#fff; }
.formstyle:hover, .formstyle2:hover, .formstyle3:hover, .message:hover { background:#777777;}
.formstyle:focus, .formstyle2:focus, .formstyle3:focus,.message:focus { background:#444444;}
.formleft li, .formright li, #message { margin:4px 0 0 0; }
#message { clear:both; }
.message { width:295px; min-height:90px; border: #999 solid 1px; color:#fff;}
.greensmall { color:#a1db1b; font-size:1em; }
.formleft { float:left; width: 138px; min-height: 170px; }
.formright { float:left; width: 138px; min-height: 170px; margin: 0 0 0 13px; }
.space { margin:10px 0 0; }
.formclass2 { float:left; }
.formstyle3 { margin:10px 0 0; }
.submit { background:url(../images/submit.jpg) no-repeat; width: 286px; height: 30px; border:none; cursor:pointer; margin: 8px 0 0 6px; font-size:1.8em; color:#FFF; padding:0 0 5px 0; }
/* ------------------ contact form ------------------  */
.hpcontact, .contact { width: 297px; height:660px; position:absolute; top:0; left:0; background: #6d6d6d; margin:0; padding:10px; }
.contact { height:420px; }
.formstyle2, .formstyle3 { width:295px; height:20px; background:#444; border: #999 solid 1px; color:#fff; }
#message { margin:3px 0 0; }
#message { clear:both; }
.message { width:295px; min-height:100px; border: #999 solid 1px; color:#fff; background:#444; }
.greensmall { color:#a1db1b; font-size:1em; }
.greenrefresh a { color:#a1db1b; font-size:.8em; }
.green a { color:#a1db1b; text-decoration:none; }
.green a:hover { text-decoration:underline; }
p.view a { color:#000; }
/* ------------------ process page ------------------ */
#content { height:170px; padding: 65px 0 0 107px; }
.redbox { font-size:1.2em; }
/* ------------------ footer ------------------ */
footer { background: #6d6d6d; margin:10px 0 0; clear:both; }
#footnav li, #footlinks li, .footcomp li { display:inline; }
#footlinks, .footertext { color:#FFF; font-size: 1em; }
.footertext, .footcomp, #footnav { margin:10px 0 0 0; text-align:center }
#footnav li a { padding-left:20px; }
.footcomp li a, #footnav li a { color:#9CD517; font-size: 1em; text-decoration: none; }
#footnav li a:hover { text-decoration:underline; }
.footerwrap { width:929px; height:100px; position:relative; margin: 0 auto; padding: 10px 0; }
/* ------------------ sitemap ------------------  */
.sitemap { margin:20px 0 0; float:left; }
.sitemap ul { margin:20px 0 0; }
.sitemap ul li { font-size:1em; line-height:20px; list-style:inside disc; }
.sitemap ul li a { color:#000; text-decoration:none; }
.sitemap ul li a:hover { color:#9CD517; }
/* ------------------ 404 ------------------  */

#goog-wm-qt { float:left; padding:8px; background: white; border: #999 solid 1px; color: black; }
#goog-wm-sb { background: url(../images/submit.jpg) no-repeat; width: 286px; height: 30px; border: none; cursor: pointer; margin: 10px 0 0; font-size: 1.2em; color: white; float:left; clear:both; }