/*

*/

/* ######################################################### */
/* Windows Phone 8 fix */
/* ######################################################### */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* ######################################################### */
/* Default */
/* ######################################################### */


body {
  /*background-color: #006228;*/
  background-color: #FFFFFF;
  /*font-family: "castrolsanscon-regularregular", Arial, Courier;*/
  font-family: Arial, Courier;
}

h1 {
  /*font-family: "castrolsanscon-regularregular", Arial, Courier;*/
  font-family: "Arial Narrow", Arial, sans-serif;
}

p {
  /*font-family: "castrolsanscon-regularregular", Arial, Courier;*/
  font-family: Arial, sans-serif;
}

@media (max-width: 767px) {
  body {
    /*background-color: #fff;  */
  }
}

/* ######################################################### */
/* Layout */
/* ######################################################### */


/* ========================================================= */
/* Panel header */
/* ========================================================= */

#header {
  /*background: #006228 url(../images/castrol-banner-green-red.jpg) center center no-repeat;*/
  height: 64px;
}
  #header .container {
   /* background: transparent url(../images/castrol-banner.jpg) left top no-repeat;*/
    height: 64px !important;  
  }
    #header .container .row span {
      color: #ffffff !important;
    }
    #header .container .row span.last-child {
      width:150px !important;
      display:inlin-block !important;
      margin-top: 15px !important;
    }

@media (max-width: 767px) {
  #header .container .row span:first-child {
    display:none !important;    
  }
  #header .container .row span.last-child {
    float:left !important;
    padding-left: 160px !important;
    width: auto !important;
  }
}

@media (min-width: 768px) {
  #header .container .row span:first-child {
    float: left !important;
    padding-left: 160px !important;
    margin-top: 23px !important;
  }
  #header .container .row span.last-child {
    float: right !important;
  }
}

/* ========================================================= */
/* Panel nav */
/* ========================================================= */

#nav {
  background-color: #fff;
  height: 45px;
  line-height: 45px; 
  border-bottom: 1px solid #c4c4c4;
}
  #nav span {
    margin-right: 20px;
  }
  #nav a:link {text-decoration:none; color: #000;}
  #nav a:active {text-decoration:none; color: #000;}
  #nav a:hover {text-decoration:underline; color: #000;}
  #nav a:visited {text-decoration:none; color: #000;}

/* ========================================================= */
/* Panel main */
/* ========================================================= */

#main {
  background-color: #ffffff !important;


    min-height: 75%;
    *height:75%; /*ie7*/
    _height:75%; /*ie6*/

}
  #main h1 + p.small {
    /*font-size: 150% Important;*/
  }
  #main h1 + p.faint {
    color: #888;
  }
  #main h1 + p.bold {
    color: #888;
    font-weight: bold;
  }
  #main h1 + p.normal {
    color: #000;
  }

  #main a:link {text-decoration:none !important; color: #006228 !important;}
  #main a:active {text-decoration:none !important; color: #006228 !important;}
  #main a:hover {text-decoration:underline !important; color: #006228 !important;}
  #main a:visited {text-decoration:none !important; color: #006228 !important;}
  #main table.searchresults td,#main table.searchresults th {border:0px !important;}

 /* #bu {display:none;}*/

/* ========================================================= */
/* Panel footer */
/* ========================================================= */

#footer {            
    /*color: #ffffff !important;*/
    border-top: 1px solid #c4c4c4;

}
  #footer .divider:before {
    content:"|";
    margin-left: 10px;
    margin-right: 10px;
  }
  #footer a:link {text-decoration:none; color: #006228 !important;}
  #footer a:active {text-decoration:none; color: #006228 !important;}
  #footer a:hover {text-decoration:underline; color: #006228 !important;}
  #footer a:visited {text-decoration:none; color: #006228 !important;}

/* ========================================================= */
/* Castrol classes (untouched) */
/* ========================================================= */


/* ######################################################### */
/* Custom classes */
/* ######################################################### */

/* Padding */
.pad-no-l {padding-left: 0px;}
.pad-no-r {padding-right: 0px;}
.pad-no-b {padding-bottom: 0px;}
.pad-t {padding-top: 15px;}

/* Margin */
.mar-r {margin-right: 15px;}
.mar-b {margin-bottom: 15px;}
.mar-t {margin-top: 15px;}
.mar-b-big {margin-bottom: 30px;}
.mar-t-big {margin-top: 30px;}
.mar-no-b {margin-bottom: 0px;}

/* Test align */
.tar {text-align: right;}

/* Float */
.fr {float: right;}

/* ######################################################### */
/* Bootstrap overrides */
/* ######################################################### */

.radio {margin-top:0px !important; margin-bottom:15px !important;}
.radio label {margin-left:10px !important;}
.radio label input {margin-left:0px !important;}

.formdata-group label, .formdata-group div {padding-left: 0px; padding-right: 0px;}
.formdata-group div {margin-bottom: 15px;}
.formdata-group div div {width:100%; margin-bottom:0px;}
.formdata-group input[type="checkbox"] {margin-left: 0px !important; margin-right: 10px !important; }
.formdata-group .checkbox {margin-top: 0px;}
@media (max-width: 767px) {
	.formdata-group div:first-child {display:block !important;}
}
@media (min-width: 768px) {
	.formdata-group div:first-child {display:inline-block !important;}
	#main table.searchresults td,#main table.searchresults th {border:0px !important;}
}
.table-responsive {border:0px !important;}

.btn-success {
  color: #ffffff;
  background-color: #006228;
  border-color: #006228;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #006228;
  border-color: #006228;
}
button:hover {
  text-decoration:underline;
}




@media (min-width: 767px) {
	#wrapper {display:block !important;}
	/*body {background-color: #006228 !important;}*/
}
@media (max-width: 767px) {
	#wrapper {display:block !important;}
	/*body {background-color: #006228 !important;}*/
}