

 
/* GLOBAL SETTINGS  ---------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 11px Arial; color:#666666;margin: 0 0 0 0; padding: 0 0 0 0;color: #000;}
body {margin: 0px;padding: 0px;text-align: center; background: repeat-x url(http://www.europeanbrakingsystems.co.uk/images/bg.jpg);font: normal 12px Arial; color:#666666;}
#login {
  padding-top: 10px;
  padding-left: 200px;
  margin-bottom: 20px;
}

#loginError {
  color: #CC3300;
  padding-top: 10px;
  padding-left: 200px;
  font-weight:bold;
  font-size: 12px;
}

#login-form-request {
  padding-top: 20px;
  padding-left: 100px;
}

.form-container {
  width: 340px;
  padding-top: 20px;
}

.form-container-submit {
  width: 300px;
  text-align: left;
  margin-top: 10px;
  float: left;
}

.variable-title {
 width: 150px;
 float: left;
 font-weight:bold;
 margin-top: 10px;
}

.form-error {
 font-weight:bold;
 color:#5A96CC; 
}

.cat-request-text { border: 1px solid #7F9DB9; padding: 3px; width: 185px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_col_input.jpg);}
.cat-request-textarea { font: normal 11px Arial; border: 1px solid #7F9DB9; padding: 3px;}

.input-variable {
 width: 150px;
 margin-top: 10px;
 float: left;
}


/* MAIN CONTAINERS -----------------------------------------------------*/
#container {width: 1060px; margin:0 auto 0 auto; background-color:#fff;}
#header { background:url(http://www.europeanbrakingsystems.co.uk/images/bg_header.jpg); width: 1054px; margin: 0 auto 0 auto; height: 205px; display:block;}


/* NAV -----------------------------------------------------*/
#nav { width: 1054px; background-color:#515151; margin: 1px auto 0 auto; border-bottom: 3px solid #4486BB; display: block; height: 33px;}
#nav li { float:left; list-style:none;}
#nav li a { color:#fff; text-decoration:none; padding: 5px 6px 5px 6px; margin: 5px 6px 5px 6px;display:block; font: bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav li a:hover { text-decoration:underline; color:#5A96CC;}



/* COL ONE -----------------------------------------------------*/
#col_one { float:left; width: 234px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_col_one.jpg); margin: 1px 0 0 3px; text-align:left;}
#col_one h3 { background: url(http://www.europeanbrakingsystems.co.uk/images/bg_h3.jpg); width:217px; font: bold 11px Arial, Helvetica, sans-serif; padding: 10px 5px 14px 10px; color:#FFFFFF; margin: 0 0 0 1px;text-transform:uppercase;}
#col_one .col_img { width: 230px; height: 62px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_side.jpg); margin: 1px 0 0 2px;}
#col_one .col_img_1 { width: 230px; height: 62px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_side_1.jpg); margin: 1px 0 0 2px;}
#col_one .col_box { background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_box.jpg);margin: 0 0 0 2px; float:left; width: 230px;}
#col_one p { margin: 20px 0 0 30px; color: #666; font-size:11px; line-height: 18px;}
#col_one p strong {color:#4486BB;}


/* COL TWO -----------------------------------------------------*/
#col_two { float:left; width: 583px; text-align:left;}
#col_two h1 { font: 18px Arial, Helvetica, sans-serif; color:#333333;margin: 30px 50px 10px 50px;}
#col_two h2 {margin: 10px 50px 10px 50px;color:#4486BB;line-height: 22px; border-bottom: 1px solid #F4F4F4; padding-bottom:5px; font-size: 13px;}
#col_two h3 {margin: 10px 50px 10px 50px;color:#4486BB;line-height: 22px; border-bottom: 1px solid #F4F4F4;padding-bottom:5px;}
#col_two h4 {}
#col_two h5 {}
#col_two p { line-height: 22px; margin: 10px 50px 10px 50px; color:#666;}
#col_two strong {color:#4486BB; font-weight:normal;}
#col_two ul {}
#col_two li { margin: 5px 5px 5px 80px;font: normal 11px Arial; color:#666666;}
#col_two a {color:#4486BB;}
#col_two a:hover {}

#col_two_brands {}
#col_two_brands { float:left; width: 783px; text-align:left;}
#col_two_brands h1 { font: 18px Arial, Helvetica, sans-serif; color:#333333;margin: 30px 50px 10px 50px;}
#col_two_brands h2 {margin: 10px 50px 10px 50px;color:#4486BB;line-height: 22px; border-bottom: 1px solid #F4F4F4; padding-bottom:5px; font-size: 13px;}
#col_two_brands h3 {margin: 10px 50px 10px 50px;color:#4486BB;line-height: 22px; border-bottom: 1px solid #F4F4F4;padding-bottom:5px;}
#col_two_brands h4 {}
#col_two_brands h5 {}
#col_two_brands p { line-height: 22px; margin: 10px 50px 10px 50px; color:#666;}
#col_two_brands strong {color:#4486BB; font-weight:normal;}
#col_two_brands ul {}
#col_two_brands li { margin: 5px 5px 5px 80px;font: normal 11px Arial; color:#666666;}
#col_two_brands a {color:#4486BB;}
#col_two_brands a:hover {}


/* COL THREE -----------------------------------------------------*/
#col_three { float:left; width: 234px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_col_one.jpg); margin: 1px 0 0 3px; text-align:left;}
#col_three h3 { background: url(http://www.europeanbrakingsystems.co.uk/images/bg_h3.jpg); width:217px; font: bold 11px Arial, Helvetica, sans-serif; padding: 10px 5px 14px 10px; color:#FFFFFF; margin: 0 0 0 1px; text-transform:uppercase;}
#col_three .col_img { width: 230px; height: 62px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_side_2.jpg); margin: 1px 0 0 2px;}
#col_three .col_box { background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_box.jpg); margin: 0 0 0 2px; float:left;width: 230px;}



/* BRANDS -----------------------------------------------------*/
#brands { margin: 10px 40px 10px 30px;}
#brands .brand {border: 1px solid #DCF7FA;padding:1px;margin:5px;  float:left; text-align:center;}
#brands .brand h3 { margin:0; border:none;}
#brands .brand h3 a { text-decoration:none; font-weight:bold;}
#brands .brand h3 a:hover { text-decoration:underline;}
#brands .brand .brand_img { float:left; margin:8px; color:#000000; }
#brands .brand img a:hover {border: 1px solid #ccc;}


.brands_home {}
.brands_home ul { margin: 15px 0 0 0;}
.brands_home li {  list-style:none; padding: 5px 5px 5px 25px; display:block; color:#666666;}
.brands_home li a { text-decoration:none;  color:#666;}
.brands_home li a:hover { color:#4486BB; text-decoration:underline;}

/* NEWS -----------------------------------------------------*/
#news {}
#news .news {padding:5px;margin: 5px 50px 5px 50px; clear:both;}
#news .news h3 { margin:0; font-weight:bold;}
#news .news p { font-size:11px; margin: 7px 5px 5px 0px;}
#news .news .news_img { float:left; margin:13px 15px 5px 0px;border: 1px solid #DCF7FA; padding:1px;}


/* DOCUMENT LIBRARY */
.doc { }
.doc p {display:block; clear:both; padding: 5px 0 5px 0; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_doc.jpg); margin-left:50px;}
.doc p em { font-size:9px; color: #999999;}


/* CONTACT US & FORM */
#log { border: 1px solid #E7EEF4; margin: 10px 10px 20px 50px; float:left;}
em.highlight { color:#CC0000;}
#log p { padding: 5px; display:block; clear:both; }
#log label { float:left;width: 80px; font: normal 11px Arial, Helvetica, sans-serif; color:#515151; text-align:right; padding: 0 5px 0 0; line-height: 25px; }
#log input { float:left;border: 1px solid #E7EEF4;padding: 4px; width: 250px;  font: normal 11px Arial, Helvetica, sans-serif; color:#515151;border: 1px solid #7F9DB9; background: repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_col_input.jpg);}
#log textarea { float:left;border: 1px solid #E7EEF4; height: 75px; line-height: 24px; width: 250px; font: normal 11px Arial, Helvetica, sans-serif; color:#515151;border: 1px solid #7F9DB9; }
#log select, #log option {float:left;border: 1px solid #E7EEF4; line-height: 24px; width: 250px;  font: normal 11px Arial, Helvetica, sans-serif; color:#515151;}

/* ERROR MESSAGES */
#error { border: 1px solid #CCCCCC; background-color:#F4F4F4; padding: 5px; margin: 3px 30px 5px 30px;}
#error p { margin: 0; padding:0; font: bold 11px Arial, Helvetica, sans-serif; color: #4486BB;}



/* PRODUCTS */
#store { margin: 0 0 0 40px;}
#store .store { float:left; width:148px; height:125px; border: 1px solid #ccc; padding:0; margin:6px;}
#store p.store_option { margin: 0; padding:0;}
#store .store_option a { background-color:#3476AB; width: 93%; display:block;margin: 89px 0 0 0; padding: 5px; float:left;font: bold 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF; border-top: 1px solid #FFFFFF;}
#store .store_option a:hover { background-color:#20496A;}

/* SIDE FORMS */
#col_one form, #col_three form { padding: 20px 0 20px 20px;} 
#col_one form em, #col_three form em { color:#FF0000;}
#col_one form p, #col_three form p { display:block; margin: 5px 0 15px 0;}
#col_one form p label, #col_three form p label { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#515151;}
#col_one form .input, #col_three form .input { border: 1px solid #7F9DB9; padding: 3px; width: 185px; background: no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_col_input.jpg);}
#col_one form select, #col_three form select { border: 1px solid #7F9DB9; padding: 3px; width: 185px;} 

/* TABLE */

#tlb {width: 85%;margin: auto;background-color:#fff;border:none; padding:0;}
#tlb th { color:#fff;font: bold 11px "Arial";padding: 5px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background: repeat-x url(../img/th_bg.jpg);letter-spacing: 1px;padding: 6px 6px 6px 12px; text-align:left; background: repeat-x url(../images/bg_h3.jpg);}
#tlb td {background-color:#FFFFFF;color: #666;	border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 6px 6px 6px 12px; text-align:left;}
#tlb td a {color: #3476AB; background-color:#FFFFFF;}
#tlb td a:hover {color: #3476AB; }
#tlb td {font: normal 11px "Arial", Arial;}
#tlb .highlight {border-left: 1px solid #DFE6CA;border-top: 0;background: no-repeat url(../img/bullet1.gif)  #FCFFF0 ;padding: 6px 6px 6px 18px;}

/* FOOTER -----------------------------------------------------*/
#footer { float:left; background:no-repeat url(http://www.europeanbrakingsystems.co.uk/images/bg_footer.jpg); width:750px; height: 74px; margin: 10px 0 40px 5px; padding: 30px 0 0 110px; text-align:left;}
#footer p {color:#ccc; line-height: 24px;}
#footer p strong {color:#4486BB;}
#footer a { color:#999999; margin: 5px 5px 5px 0; text-decoration:none; font-size:10px;}





