@charset "utf-8";
/* CSS Document */
* { border:0; border-collapse:collapse; margin:0; padding:0 }
img { border:0 }
body { background:#FFF url(images/bg.gif) repeat-x; font-size:63.5%; text-align:left; font-family: "Times New Roman", Times, serif; color:#474143; letter-spacing:normal }
#outer { width:943px; background:url(images/bg-outer.gif) top no-repeat; overflow:hidden; margin:auto; padding:0 28px 0 29px }
#banner { width:284px; height:93px; background:url(images/bg-banner.gif) no-repeat; margin:auto; padding:16px 600px 20px 48px }
#navigation { height:45px; background:url(images/bg-nav.gif) center no-repeat; text-align:center; margin:auto; padding:10px 0 5px 225px }
#flash { width:943px; height:453px; margin:auto }
#sidebar { float:left; width:279px; margin:15px 0 0 31px; display:inline}
.greyBg, .blueBg {width:249px;color:#333; margin:0 0 15px; padding:15px; overflow:hidden }
.greyBg { background:#d5d5d5 }
.blueBg { background:#c0d5e7}
#main { background:url(images/manufactuer-approved.jpg) top center no-repeat; display:inline;float:right; width:578px; overflow:hidden; margin:15px 31px 0 0; padding:130px 0 0 }
#footer, #foot2 { width:890px; clear:both; margin:auto; padding:10px 0}
#foot2 {padding:0 0 10px}
/* //////////////////////////////////////////////////////////////////// TYPOGRAPHIC STYLES */
h1, h2, h4, h5, h6, .title1, .title2 { font-weight:400; line-height:1 }
.inline, .title3-in {display:inline}
p { font-size:1.3em; line-height:1.2; margin:10px 0 }
#footer p { margin:10px 0 0 }
h1, .title1 { font-size:2.6em; font-style:italic; line-height:1.5; }
h2, .title2  { font-size:1.9em }
h3, .title3, .title3-in { font-size:1.5em; font-weight:800 }
p.box { background:#c0d5e7; font-style:italic; border:1px dotted #333; margin:5px; padding:10px }
.head1 { font-size:2em; line-height:1.2 }
/* //////////////////////////////////////////////////////////// LINK STYLES */
#sidebar a { color:#333; text-decoration:none }
#sidebar a:hover { color:#FFF; }
#main a  {color:#408bb4 }
#main a:hover { color:#000}
#footer a, #foot2 a { color:#408bb4; text-decoration:none; font-size:1.2em; }
#footer a:hover, #foot2 a:hover { color:#000 }
/* //////////////////////////////////////////////////////////////////// ALL LISTS AND BULLET POINTS (inc footer) */
#sidebar ul { padding:5px 10px }
#testimonial li { list-style:url(images/bullet-point-testimonials.gif) inside; font-size:1.5em; font-weight:700; padding:5px 0 10px }
#advice li { list-style:url(images/bullet-point-advice.gif) inside; font-size:1.5em; font-weight:700; padding:5px 0 10px }
#main ul { padding:15px 0 5px }
#main li { list-style:url(images/bullet-point-main.gif) inside; font-size:1.3em; padding:0 0 10px 15px }
#footer ul { display:inline; list-style:none }
#footer li { display:inline; list-style:none; padding:0 9px 0 15px }
/* //////////////////////////////////////////////////////////////////// FORM STYLES*/
input, textarea, select, option { font-family:"Times New Roman", Times, serif }
.req { color:#C00 }
#error input { background:#CCCCCC; border:1px solid #333333; color:#333333; margin:5px 10px; padding:3px;}
/* ///////////////////////////////// MINI FORM - form.php */
.form1 { background:#FFF; width:220px; text-transform:uppercase; color:#333; margin-bottom:10px; padding:3px 5px }
#sidebar input:focus, #sidebar select:focus { background:#CCC; color:#333 }
.form1b { background:#FFF; width:230px; text-transform:uppercase; color:#333; margin-bottom:10px; padding:3px 5px }
.submit1 { background:#474143; width:225px; text-transform:uppercase; color:#fff; margin-bottom:10px; text-align:right; padding:5px }
/* ///////////////////////////////// MAIN CONTACT FORM - contact-us.php */
label { float:left; width:120px; font-weight:700; color:#333; font-size:125% }
.text { font-size:120% }
fieldset { border:1px solid #781351; width:550px; padding:10px }
legend { text-transform:uppercase; font-size:1.5em; font-weight:700; color:#333; background:#fff; border:0; line-height:250%; margin:10px 0 15px; padding:6px }
.form2, .form2b, #main textarea { background:#fff; width:220px; text-transform:uppercase; color:#999; margin-bottom:15px; border:#999 1px solid; padding:3px 5px }
.form2b { width:225px }
.indent { background:#fff; width:220px; color:#999; text-align:left; border:#333 1px solid; margin:0 0 15px 120px; padding:3px 5px }
.indent2 { background:#333; width:220px; color:#fff; text-transform:uppercase; font-weight:700; text-align:left; margin:0 0 15px 120px; padding:2px }
.form2:focus, .form2b:focus, textarea:focus { background:#333; color:#CCC }
form div { clear:left; display:block; width:354px }
form fieldset div.cashback { float:right; width:175px; height:auto; border:1px solid #666; background-color:#EAEAEA; color:#666; margin:0 5px 10px 10px }
form fieldset div.cashback span { color:#fff; background:#333; display:block; font-size:175%; font-weight:bolder; border:#666 1px solid; margin:0 0 5px; padding:7px }
form fieldset div.cashback p { color:#666; line-height:20px; font-size:135%; padding:3px 5px }
/* //////////////////////////////////////////////////////////////////// NAVIATION */
.kwicks { list-style:none; position:relative; background-image:url(images/no_flicker.jpg); margin:0; padding:0 }
.kwicks li { display:block; overflow:hidden; float:left; width:125px; height:40px; margin-right:0; background-image:url(images/nav_sprite.jpg); background-repeat:no-repeat; padding:0 }
.kwicks a { display:block; height:40px; text-indent:-9999px; outline:none }
#kwick1 { background-position:0 0 }
#kwick2 { background-position:-200px 0 }
#kwick3 { background-position:-400px 0 }
#kwick4 { background-position:-600px 0 }
#kwick1.active, #kwick1:hover { background-position:0 bottom }
#kwick2.active, #kwick2:hover { background-position:-200px bottom }
#kwick3.active, #kwick3:hover { background-position:-400px bottom }
#kwick4.active, #kwick4:hover { background-position:-600px bottom }