body {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
   
}

html, body {
    margin: 0;
    padding: 0;
}

#background 
{
    background-color: #000000;
    overflow: auto;
    -webkit-overflow-scrolling: touch
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
 }
 

#main-container 
{
    max-width:980px;
    width:96%;
    margin:0 auto 0 auto;
    height:auto;
    padding-top:20px;
    
}

.no-brand-style { background-image:none !important; height:50px !important; }

#main-background
{
    background-image: url('../img/banner_background2.png');
    /*background-position:top left;*/
    background-position:top;
    background-repeat: no-repeat;
    max-width:980px;
    background-size:cover;
    width:100%;
    /*height:595px;*/
    overflow:auto;
    padding-bottom:40px;
    margin:0 auto 0 auto;
}




#main-background-results
{
    background-image: url('../img/list_page_background.png');
    background-position:center;
    background-repeat: no-repeat;
    max-width:980px;
    width:100%;
    height:735px;
    margin:0 auto 0 auto;

}    



#main-background-results2
{
    background-image: url('../img/banner_back.png');
    background-repeat: no-repeat;
    min-height:735px;
    display:inline-block;
    padding-bottom:20px;
    margin-top:17px;

}

.logo_container { float:left; width:35%; position:relative; margin-top:5px; }
.logo_container a { text-decoration:none; color:#CC0C25; font-size:21px; margin-left:10px; }
.header_buttons { float:left; position:relative; width:65%; }

.header_buttons_left { float:left;  position:relative; padding:13px; }
.header_buttons_right { float:right; position:relative; padding:8px; }
.header_buttons_left a { padding:5px 15px; color:#fff; text-decoration:none; font-size:13px; border:1px solid; margin-right:10px; }

#main-background-results3
{
    background-image: url('../img/banner_back.png');
    background-repeat: no-repeat;
    height:auto;
    display:inline-block;
    padding-bottom:20px;
    margin-top:17px;

}        


#main-container-header 
{   
    position:relative;
    width:100%;
    max-width:980px;
    height:50px;
    font-weight:bolder;
    
}

#main-container-header h4 { position:relative; float:right; margin-right:20px; margin-top:20px; color:#FFF; }

#main-container-header h2 { margin-left:5px; padding-top:10px }

/*
.main-header-search
 {
    background-position:center;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 34px;
    width: 122px;
    color: #000;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    float:right;
    position:relative;
    line-height:36px;
    margin-top:5px;
    margin-right:5px;
    font-size:12px;
 }
*/

.main-header-search
 {
   text-decoration: none;
    text-align: center;
    /*float: right;*/
    position: relative;
    font-size: 13px;
    padding: 5px 10px;
    margin-right:10px;
    margin-left:10px;
    color:#000000;
    /*background-color:#FECD08;*/
 } 

 .main-header-garage
 {
    display: block;
    background-color:#000;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    float:right;
    position:relative;
    font-size:13px;  
    padding:5px 10px;
 }
 
 .main-header-garage-large 
 {  
     display: block;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    float:right;
    position:relative;
    font-size:14px;  
 }
 
 .main-header-garage-large img { width:90px; }
 
 #main-container-text
{   
    /*position:relative;*/
    margin-top:0px;
    color:#FFF;
    font-size:medium;
    float:left;
    width:100%;
    
}


.button_img_size
 {
    font-weight: bold;
    margin-top: -4px;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    bottom: 2px;
 }
.button_img_size img { width:95px; }

.home_button_img_size
 {
        floaT: right;
    width: 23%;
 }
.home_search img { width:80%; margin:6px; vertical-align: middle; }



 #main-container-text p
{   
    padding-bottom:12px;
    font-size:13px;
    margin:10px 0px 0px 0px;
    font-weight:600;
}


 #main-container-text h1
{   
  padding-left:20px;
  font-size:50px;
  margin-top:0px;
  margin-bottom:0px;
}

 #main-container-results 
{   
        /* position: relative; */
    margin-top: 10px;
    max-width: 940px;
    clear:both;
    /* height: 250px; */
    padding-top: 40px;
    overflow: auto;
    color: #FFF;
    font-size: medium;
    padding: 20px;
    padding-top: 40px;

}

#main-container-results table, th, td {
    /*max-width:200px;*/
    margin:3px auto;
    font-size:12px;
    text-align:start;
    font-weight:400;
  
}

#main-container-results table { max-width:90%; margin: 0 auto;
    float: none; }
#main-container-results tr { width:100%; float:left; }
#main-container-results td { float:left; }

#main-container-results td.col2 {
   text-align: right;
   font-weight:600;
   float:right; 
}

/*
#main-container-results h1 {
    font-size:40px;
    padding:0px;
    margin-top:-10px;
    margin-bottom:10px;

}
*/

#main-container-results h1 {
    font-size: 40px;
    padding: 0px;
    /* border-bottom: 2px solid; */
    font-weight: 400;
    margin-top: -10px;
    float:left;
    margin-bottom: 10px;
}


#main-container-results h2 {
       color: #FACE0A;
    clear: both;
    float:left;
    margin:5px auto;
    font-size: 32px;
    font-weight: 600;
}




#main-container-results p {
    font-weight:400;
    font-size: 14px;
    /*padding: 11px;*/
    clear:both;
    text-align:left;
    /*
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    */
}



#main-container-results-holder 
{   
    height:348px;
    width:100%;
    clear:both;
        font-size:medium;
    margin:65px auto;

}


#battery-desc-container h3 { float:left; }


#battery-desc-container h1 {
    padding: 0px;
    /* border-bottom: 2px solid; */
    font-weight: 400;
}

.battery-desc-background { background-color:#ffffff; width:100%; float:left; } }

#battery-desc-container h2 {
       color: #FACE0A;
    clear: both;
    font-size: 32px;
    font-weight: 600;
    margin-top:0px;
}


#battery-desc-container h2 {
       color: #FACE0A;
    clear: both;
    font-size: 32px;
    font-weight: 600;
    margin-top:0px;
}
#lblBatteryInfo { float:right; margin-bottom:20px; padding:10px; /*background-color:rgba(20,20,20,0.6);*/ }


.results 
{
 width:30%;   
 background:rgba(20,20,20,0.6); 
     background-color: #fff;
    color: #000;
 max-height:440px;
 min-height:440px;
 float:left;
 position:relative;
 /*padding:10px;*/
 margin:10px 1.5%;
}

.results { /*width:calc(30% - 20px); width:-webkit-calc(30% - 20px); width:-moz-calc(30% - 20px);*/ width:30%; margin:10px 1.5%; }

.results-header 
{
    /*font-size:;*/
    display:block;
     height: 40px;
    background-color: #000;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    text-align: center;
    /* display: inherit; */
    font-size: 16px;
    color: #fff;
}

.results-img 
{
    background-image: url('../img/example_battery.png'); 
    background-position:center;
    background-repeat: no-repeat;
    background-size:200px 168px;
    background-size: contain;
    max-width:200px;
    max-height:168px;
    width:200px;
    height:168px;
    border-radius:3px;
    margin:10px auto;
}
.results .results-button .fa {
    float: right;
    margin-top: 2px;
    font-size: 18px;
}


.results .results-button {
    /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #FECD08;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding:14px 16px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    border-radius: 0px;
    /* float: right; */
    /* width: 100%; */
    right: 0;
    left: 0;
    position: relative;
    position: absolute;
    /* line-height: 36px; */
    bottom: 0;
    /* margin-top: 15px; */
    /* margin-right: 12px; */
    font-size: 15px;
    /* font-weight: bolder; */
}



.brand_image_container {
    floaT: right;
    width: 65%;
    height: 90px;
    background-size: 100% 100%;
    background-position: right;
    background-image: url('../img/metal_back.png');
        background-color: transparent !important;
    /*background: -o-linear-gradient(-90deg, #e8e9ed, transparent);
    background: -moz-linear-gradient(-90deg, #e8e9ed, transparent);*/
    /* background: linear-gradient(-90deg, #e8e9ed, transparent); */
}
    
.brand_image_container img {
    max-height: 90%;
    /* max-width: 100%; */
    /* max-width: 100%; */
    max-height: 40px;
    margin: 15px;
    float: right;
}

 #main-container-right
{   
    float:right; position:relative;
    width:55%;
    margin-right:10%;
    /*position:relative;*/
 }
 
 .home_content_bottom_right { float:right; width:55%; position:relative; margin-right:10%; }

.home_content_bottom_right p {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 15px;
    color: #fff;
    /*display: block;*/
    font-weight: 600;
}


#main-bottom-holder-right 
{
    float:left;
    position:relative;
    width:100%;
}

#main-bottom-holder-right h3
{
  font-size:18px;
  margin:10px 0 5px 10px;
}

#main-bottom-holder-right p 
{
  margin-left:10px;
  font-size:15px;
  color:#fff;
  font-weight:600;
}



.main-bottom-middle 
{
    margin-top:20px;
    float:left;
    position:relative;
    width:20px;
    height:200px;
}

.home-content-bottom .main-header-search
 {
        margin-right: 0px;
    position: absolute;
    margin-top: -15px;
    font-weight: bold;
    top: 10px;
    left: -17px;
    color: #fff;
    line-height: 70px;
    right: 0px;
    width:22%;
}

.drop_list 
{
    background: no-repeat;
    border: 0px;
    float: left;
    background-size: contain;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    background-image: url('../img/Arrow.png');
    z-index: 1;
    background-position: top right;
    border-radius:5px;
    -webkit-border-radius:5px;
}
 
 .home-content-bottom .main-header-garage
 {
    font-weight: bold;
    margin-top: -4px;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    bottom: 2px;
    padding: 15px 20px;
 }

 .home-content-bottom input[type="text"] 
 {
     border-radius:8px;
     font-size:40px;
     background-color:Transparent;
     border:0px;
     margin-left:40px;
     text-align:center;
     text-transform:uppercase;
 }
 
 
.home_search input { outline: none; }
 
 
.home-content-bottom input
 {
    margin-left:10px;
    padding:12px;
    color:#000000;
    font-weight:bold;
    font-size:16px;
    width:62%;
 }
 
.home-content-bottom { float:left; position:relative; width:100%; }

.home_content_bottom_left { float:left; position:relative; margin-left:5%; width:25%; }
.home_content_bottom_left p { font-size:14px; font-weight:600; color:#ffffff; }
.home_content_bottom_left img { width:100%; margin-top: 55%; }

.home-content-bottom select
 {
    padding: 15px;
    /* color: #666666; */
    font-weight: bold;
    font-size: 14px;
    width: 330px;
    border-radius: 4px;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none;
    -webkit-border-radius: 4px;
    background: transparent;
 }
 
 select { border:0; outline:0; }
 
 select::-ms-expand {
    display: none;
}
 
 
 .loginRegister select
 {
    padding: 15px;
    /* color: #666666; */
    font-weight: bold;
    font-size: 14px;
    width: 330px;
    border-radius: 4px;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none;
    -webkit-border-radius: 4px;
    background: transparent;
 }
 
 
.loginRegister .drop_list 
{
 float:right;
}
.home_search {
    background-image: url('../img/Number-Plate.png');
    background-position: initial;
    background-size: 100% 100%;
    height: 70px;
    position: relative;
    background-repeat: no-repeat;
}
 
 .home_search .main-header-search
 {
     font-size:13px;
 }
 
.latest-products 
{
 max-width:980px;
 width:100%;
}

.latest-products h2 
{
    color:#FFFFFF;
    font-size:18px;
    padding-left:20px;
}

.latest-products-slider 
{
 background-color:white;
 width:980px;
 height:180px;
 padding:5px;
 overflow:hidden;
}

.lastest-product-container 
{
    text-align:center;
    width: 225px !important;
    height:156px;
    margin:10px;
    background-color:#CC0C25;
    color:#fff;
    padding-top:20px;
    float:left;
    position:relative;
    overflow:hidden;
    transition: 1s;
    background-size:cover;
    background-repeat:no-repeat;
      }
    
    
.file_prev_cont { display:none; position:absolute; top:20%; z-index:100;
    background-repeat: no-repeat;
    /*background-image: url("http://localhost/bannerbatteries/system/files/5_preview.png");*/
    background-size: contain;
   
    
}
.file_prev_cont img { max-width: 80%; border-radius:5px; background-color:#fff; padding:10px;  -moz-box-shadow: 1px 1px 10px -1px #000;
    -webkit-box-shadow: 1px 1px 10px -1px #000;
    -o-box-shadow: 1px 1px 10px -1px #000;
    box-shadow: 1px 1px 10px -1px #000;}
.file_prev {
}

.file_prev_cont h2 { color:#ffffff; font-size:34px; text-shadow:1px 1px 1px #000000; position:absolute; top:10px; left:40px; z-index:1001; }

.lastest-product-container:hover {  }


.latest-overlay {
    left: 0px;
    position:absolute;
    line-height: 0px;
    height: 0px;
    top: 0;
    width:0px;
    color: #fff;
    background:rgb(63,70,82) !important;
    background:rgba(63,70,82,0.7) !important;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	color:#fff;
	overflow:hidden;
	text-decoration:none; 
	border-bottom-right-radius:100px;
	display:none;
	
}


.lastest-product-container:hover  .latest-overlay { border-bottom-right-radius:0px;  /*display:block;*/ width:100%; height: 100%; bottom:0; right:0; line-height:80px; position:relative; }
.lastest-product-container:hover .lastest-product-cont-header {  position:absolute; z-index:10; /*color:#fff !important;*/ }
.lastest-product-container:hover .lastest-product-cont-footer {  /*bottom:-100px;*/    color: #ffffff;}
.lastest-product-container:hover .lastest-product-cont-img { } 

.lastest-product-container:hover  .latest-overlay { position:absolute; }
.lastest-product-container:hover  .latest-overlay span { }
.latest-overlay span {  }
.latest-overlay p {
    /* margin: 0px; */
    position: relative;
    /* position: absolute; */
    /* left: 0px; */
    /* bottom: 0; */
    /* right: 0; */
    /* position: absolute; */
    /* border: 1px solid; */
    /* top: 0; */
    text-align: center;
    width: 75px;
    /* height: 20px; */
    padding: 5px 0px;
    /* float: none; */
    /* border-radius: 3px; */
    top: 80px;
    /* color: #000; */
    /* background-color: rgba(211,211,211,0.5); */
    border: 1px solid;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    line-height:normal;
}
.latest-overlay .fa { margin:0px; position:relative; position:absolute; line-height:160px; left:0px; display:block; bottom:0; right:0; top:0;  }

.lastest-product-container a { text-decoration:none; color:#fff; }

.banner_yellow-font { color:yellow !important;  }
.banner_yellow-back { background-color:#FECD08 !important; color:#000 !important; }
.banner_yellow-back a { color:#000 !important; }

ul.bxslider { margin:0px; margin-right:10px; }
.bx-viewport { background-color:#fff; padding-botton:20px; /*height:100% !important;*/ }
.bx-wrapper { max-width:100% !important; }




.lastest-product-cont-header
{
    position:absolute;
    left:22px;
    top:0;
    margin-top:15px;
    font-size:16px;
    overflow:hidden;
    font-weight:600;
    text-align:left;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.lastest-product-cont-footer
{
    /* width: 80%; */
    height: 20px;
    margin: 10px auto 0px auto;
    position: absolute;
    font-size: 12px;
    padding-top: 2px;
    bottom: 5px;
    right: 8px;
    -webkit-transition: width 2s; /* Safari */
    -webkit-transition-timing-function: linear; /* Safari */
    transition: width 2s;
    transition-timing-function: linear;
}

.lastest-product-cont-img 
{
       position: absolute;
    left: 20px;
    bottom: 10px;
   
}

a img{
border:0;
}

.lastest-product-cont-img a {  cursor:pointer;
  text-decoration:none; border:0; }

#footer {
    margin-top: 50px;
    max-width: 980px;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}
 #footer img{
     width:auto;
     height:100%;
 }
#footer-text 
 {
  float:left;
  width:80%;
  margin-left:10px;  
}

#footer-text p, #footer-text a
{
  font-size:13px;
  margin:4px 0px;
  color:#ffffff;
}

#footer-text a 
{
    text-decoration:none;
}


/*#footer-logo 
{
    float:right;
    position:absolute;
    right:0px; 
        bottom: 0px;
}*/


#footer-logo img { width:200px; }


/***
*********
***************** 

        BATTERY_DESC

         ******************
               ************
                       ***/
 
#battery-desc-container 
{
 /*max-width:900px;*/
 width:100%;
 padding-top:30px;
 margin:0 auto;
    color:#FFF;
    font-size:medium;
 /*   padding:20px;*/    
    
}

#battery-desc-container-inner {  padding:20px; }

#battery-desc-container  h1 {
    font-size:40px;
    padding:0px;
    margin-top:-10px;
    margin-bottom:10px;
    margin-left:0px;

}

#battery-desc-container  h2 {
   color:#FACE0A;
}



#battery-desc-container  p {
    font-weight: 400;
    font-size: 15px;
}


 

#battery-desc-left 
{
 width:33%; float:left;
 margin-left:4%;
 padding-top:5px;
}

#battery-desc-left h3 { font-size:26px; margin-top:5px; margin-bottom:10px; font-weight:400; border-bottom:2px solid #FACE0A;}

#battery-desc-left img 
{
    width:100%;
    height:auto;
    max-height:360px;
    max-width:313px;
    float:left;
    position:relative;
    border-radius:3px;
}


#battery-desc-fitting 
{
 width:280px;
 margin-top:20px;
 margin-left:10px;
 padding-top:30px;
}

#battery-desc-fitting img 
{
    width:100%;
    height:auto;
    max-height:280px;
    max-width:275px;
    float:left;
    position:relative;
    border-radius:3px;
}

#battery-desc-right-fitting 
{
    width:100%;
    height:350px;
    float:left;
    position:relative;
    }
    
    
#battery-desc-right-fitting h3
{
 margin-top:0px;
 }
 
#battery-desc-right-fitting h5 { text-align:right; font-size:12px; font-weight:normal; padding-left:5px; margin-top:10px; margin-bottom:0px; margin-right:50px; }
#battery-desc-right-fitting h4 { text-align:right; font-size:30px; padding-left:5px; margin-top:0px;  margin-right:50px; }



#battery-desc-right 
{
    max-width:500px;
    height:auto;
    margin-left:40px;
    float:right;
    position:relative;
    margin-right:10px;
    margin-bottom:0px;
    padding-bottom:10px;
    }
    
    
#battery-desc-right h3
{
 color:#000000;
 font-size:28px;
 font-weight:400;
 margin-left:15px;
 margin-bottom:0px;
 }
 
.price_holder h5      
{
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 5px;
    display: inline-block;
    float: right;
    color:#000000;
    margin-bottom: -5px;
}
.price_holder h4 { text-align:right; font-size:30px; clear:both; color:#000000; padding-left:5px; margin-top:-10px; margin-bottom:0px;  margin-right:5px; display: -moz-inline-box; }



#battery-desc-right table.desc { 
    max-width:500px;
    /*margin:20px 10px 10px 20px;*/
    font-size:18px;
    float:left;
    padding:13px;
    /*background:rgba(20,20,20,0.6);*/
    background-color:#ffffff;  
    color:#000000;
    overflow:hidden;
    table-layout:fixed;

}

.moreinfo-form { margin:0 auto; }

.desctd { font-size:14px; opacity:0.9; font-weight:400; width:25%; border-bottom: 1px solid rgba(211,211,211,0.3);
    padding-bottom: 4px; }
.desccol2 { font-size:14px;  text-align: right; font-weight:400; border-bottom: 1px solid rgba(211,211,211,0.3);
    padding-bottom: 4px; }

#battery-desc-login 
{
 width:100%;
 height:auto;
 float:left;
}

#pnlNoBattFitting { text-align:right; }

.price_holder { float:right; }
 
 #battery-desc-login h2
{
    margin-right:10px;
    float:right;
    color:#FFF;
    font-weight:400;
    margin-bottom:0px;
    font-size:24px;
}


.battery-login      
{
  /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #fff;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: right;
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    /* font-weight: bolder; */
    
    }
.battery-register 
{
       /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #FECD08;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    clear:both;
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: right;
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    /* font-weight: bolder; */
 }

.battery-fitting-desc 
{
  background:rgba(20,20,20,0.6);
  height:300px;
  float:left;
  width:90%;
  width:-webkit-calc(100% - 20px);
  width:-moz-calc(100% - 20px);
  width:calc(100% - 20px);
  overflow-y:scroll;
  position:relative;
  padding:10px;
  font-size:12px;    
}

.battery-fitting-desc h2 
{
  padding:0px;
  margin:0px;
  font-size:17px;
}



#battery-desc-login hr { margin-top:0px; }

.loginRegister 
{
   width:100%;
   height:auto; 
   /*background:rgba(20,20,20,0.6);*/ 
   float:right;
   position:relative;
   margin-top:20px;
}

/*
.loginRegister select
 {
    margin-top:30px;
    padding:6px;
    color:#666666;
    font-weight:bold;
    font-size:16px;
    width:240px;
    border-radius:8px;
    margin:0 auto;
    float:right;
    margin-right:90px;
 
 }
*/

.prevlink {
    visibility: hidden; 
    position: fixed !important;
    z-index: 100;
    float: none !important;
    width: auto !important;
    max-width:300px;
}
 
.loginRegister select, .loginRegister label 
{
}

.loginRegister label {
    margin-right: 50px;
    /* margin-top: 0px; */
    /* line-height: 10px; */
    line-height: 50px;
}
 

.loginRegister-text {width:100%; float:left; text-align:left;}

.loginRegister input[type="text"], .loginRegister input[type=password]  
 {
     width:240px;
     border-radius:8px;
 }
 
 
.loginRegister input
 {
    margin-left:10px;
    padding:6px;
    color:#666666;
    font-weight:bold;
    font-size:16px;
 }
 
 .loginRegister p
 {

 }
 
  .loginRegister a.a2
 {
  text-decoration:none;
  color:yellow;
 }
 
 
 
 
 
 .loginRegister dl {  overflow: auto;  padding-top:6px; float:right; padding-right:100px; }
 .loginRegister dt { width:32%; text-align:left; padding-left:20px; }
 .loginRegister dd { width:70%; margin: 0 0 0.8em 0.35em; }


fieldset {
    border: 0;
    float:right;
    padding:0px;
}

.register-form {  float:right;
    width:45%
}

.register-form-full { width:100%; float:left; position:relative; }

.register-form-full td {
    float: left !important;
    width: calc(50% - 20px) !important;
    width: -moz-calc(50% - 20px) !important;
    width: -webkit-calc(50% - 20px) !important;
    width: -o-calc(50% - 20px) !important;
}

.login-left 
{
 floaT:left; width:50%;    
}

.login-left p { font-size:13px; margin:4px 0px; }
.login-left p .a { text-decoration:underline; }

.login-right 
{
 floaT:right; width:40%;    
}

.loginRegister-login      
{/* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #fff;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    float:left;
    /* font-weight: bolder; */
    }
  
  .loginRegister-next      
{
    background-image: url('../img/black_back_button.png'); 
    background-position:center;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 34px;
    width: 122px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    float:right;
    position:relative;
    line-height:36px;
    margin-right:82px;
    font-size:12px;  
    font-weight:bold;
    }
    

.login-form dd { margin:0px; }
    
    
  .loginRegister-register      
{
        /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #FECD08;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    clear:both;
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: left;
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    /* font-weight: bolder; */
    }
   
 
.validateError 
{
    position:relative;
    width:80px;
    font-size:16px;
    text-align:right;
       }    
       
       
.loginRegister2
{
   width:100%;
   height:auto; 
   /*background:rgba(20,20,20,0.6);*/ 
   float:left;
   position:relative;
   margin-top:10px;
}    


.loginRegister2 input[type="text"], .loginRegister2 input[type=password], input, textarea 
 {
     max-width:90%;
     border-radius:5px;
 }
 
.input, textarea 
{
    max-width:90%; width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);
} 
 
 .loginRegister2 input.small[type="text"] 
 {
     width:150px;
     border-radius:5px;
 }

 .loginRegister2 input.phone[type="text"] 
 {
     width:200px;
     border-radius:5px;
 }

.loginRegister2 textarea { padding:6px 12px; font-size:15px; }
 
.loginRegister2 input
 {
    padding: 6px 12px;
    color: #666666;
    /* font-weight: bold; */
    font-size: 22px;
    /* margin-top: -7px; */
 }
 
 .loginRegister2 label 
 {
   margin-bottom:0px;
   /*margin-left:74px;*/

   font-size:16px;
 }
 
 .loginRegister2 p
 {
     /*padding:0px 10px;*/
 }

 
  .loginRegister2 a.a2
 {
  text-decoration:none;
  color:yellow;
 }
 
 .loginRegister2 table { margin:0 auto; width:100%;  position:relative; }
 .loginRegister2 td { float:left; width:100%; }
 .loginRegister2 tr { float:left; clear:both; width:100%; }
 
 
 .loginRegister2-register-button 
 {
   /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #FECD08;
    display: block;
   
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: right;
    position: relative;
    /* line-height: 36px; */
   margin:15px;
    font-size: 15px;
    /* font-weight: bolder; */
 }
 
 .alertBox { float:left; position:relative; margin-top:10px; }
 .alertBoxText { float:left; }
 #lblMessage { float:left; }
 
 
.promo-button { background-color: #FECD08; display: inline-block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    position: relative;
    /* line-height: 36px; */
    font-size: 18px;
}

a.promo-button:hover { box-shadow: 1px 1px 2px -1px #000 }
 
 .send-feedback-button 
{
    /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #FECD08;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #000;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: left;
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    /* font-weight: bolder; */
}

 
 .send-feedback-button-dark 
{
    /* background-image: url('../img/yellow_back_button.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-color: #000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* height: 34px; */
    padding: 8px 14px;
    /* box-shadow: 0px 0px 5px 0px #fff; */
    /* width: 121px; */
    color: #fff;
    /* text-shadow: 1px 1px 1px; */
    text-decoration: none;
    text-align: center;
    /* padding: 5px; */
    float: left;
    position: relative;
    /* line-height: 36px; */
    margin-top: 15px;
    margin-right: 15px;
    font-size: 15px;
    /* font-weight: bolder; */
}
 
 /*
 
.send-feedback-button 
 {
         background-image: url('../img/yellow_back_button.png'); 
    background-position:center;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 34px;
    width: 122px;
    color: #000;
    text-decoration: none;
    text-align: center;
    padding: 5px;   
    position:relative;
    line-height:36px;
    margin-top:10px;
    font-size:12px;  
    font-weight:bold;
    float:left;
    margin-left:-130px;
    margin-bottom:20px;
    }
*/
    
.toFeedback 
{
    color:#fff;
    width:150px;
    font-size:smaller;
    display:inline-block;
    margin-top:10px;
    margin-left:5px;
}

.toFeedback2 
{
    color:yellow;
    width:150px;
    font-size:smaller;
    display:inline-block;
    margin-top:5px;
    margin-bottom:-10px;
}        
 
.loginRegister2 .validateError 
{
    position:relative;
    width:80px;
    font-size:12px;
 }
 
 .passwordcheck { font-size:12px; margin-left:70px; }
 .passwordcheck2 { font-size:12px; margin-left:17px; }     
       
 
 .lablereg { font-size:14px; color:Yellow; }
 
 .lablereg2 { font-size:14px; color:Yellow; width:400px; margin-left:30px; }
 .lablereg2 a { color:#fff; text-decoration:none; }
 .tdlable { padding-top:30px; /*padding-left:80px;*/ }
 .tdlable a { color:#FFF; }
 
 .feedback-form 
 {
  float:left;
  position:relative;
  margin-top:20px;
  
 }
 
 .feedbackinfo 
 { 
   float:left;
 }
 
 
.textHover {
    display:none;
    width:100px;
    height:50px;
    position:absolute;
    top:0; left:0;
    text-align:center;
    color:white;
    z-index:2;
}
.imgContain {
    position:relative;
    display:table;
}
.imgContain:hover .textHover {
    display:block;
}


.critical 
{
        /* height: 16px; */
    /* float: none; */
    top: 60px;
    position: absolute;
    /* margin-top: -28px; */
    /* float: left; */
    float: none;
    /* margin-bottom: -5px; */
    margin: 0 auto;
    left: 0px;
    right: 0px;
    background-color: rgb(20,20,20);
    background-color: rgba(20,20,20,0.7);
    text-align: center !important;
}

.critical p
{
    font-size: 12px;
    text-align: center;
    padding: 0px;
    margin: 10px;
    float: none;
    font-weight: 400 !important;
    text-align: center !important;
    color: #FACE0A;
}


.critical-holder
{
  position:absolute;
    bottom:0px;
    left: 0px;
    right: 10px;
    padding:10px;
    padding-top:5px;
    background-color:rgba(0,0,0,0.5);
}

.critical-holder p
{
    font-size:14px;
    text-align:center;
    padding:0px;
    margin:0px;
    margin-left:45px;
  color:#FACE0A;
    font-weight:bolder;
}


.lblForgotPass 
{
    width:350px;
    position:relative;
    float:right;
    margin-right:30px;
}


select::-ms-value {background-color: transparent; color:inherit;}


.cont-cover { position:fixed; z-index:100; left:0; top:0; bottom:0; background-color:#000; background-color:rgba(0,0,0,0.4); right:0; }
.cont-center { width:90%; background:#aaa; padding:20px; border-left:3px solid #FECD08; color:#fff; max-width:500px; margin:0 auto; left:0; right:0; position:absolute; top:50%; margin-top:-150px; }
.cont-center h2 { margin-top:10px; }



/** BANNER BULLSEYE LOTTO **/

.promo-text-cont { clear:both;     clear: both; border:3px solid #FECD08;
    padding: 5px 20px; background-color:#CC0C25; overflow:auto; margin-top:20px; margin-bottom:10px; }
.promo-text-cont h2 { color:#fff; font-size:32px; margin:15px auto; font-weight:800; text-shadow: 1px 1px 2px #000;
}
.promo-text-cont h3 { color:#fff; font-size:25px;  margin:15px auto; }
.prom-text-left { width:100%; text-align:center; }
.formBox { appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 4px; border: 0px; background-color:#fff !important; border-radius:4px !important; padding:10px !important; text-transform:none !important; margin-left:0px !important; font-size:18px !important; font-weight:400 !important; width:90% !important; max-width:250px !important; }
.formButton { width:60px !important; padding:12px !important; }


.messageBox {   position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; background-color: #000; top: 0; background-color: rgba(63,70,82,0.5); }
.messageBoxClose { position:absolute; right:0; top:0; cursor:pointer; padding:5px 10px; border-bottom-left-radius:5px; background-color:#BBBBBB;  }
.messageBoxClose .fa { color:#ffffff; font-size:16px; }
.messageBoxCont { border-left:5px solid #FECD08; width: 90%;  font-weight: 100; text-align: center; padding: 20px; background-color: #f9f9f9; max-width: 350px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 40%; }
.messageBoxHeader { /*font-family: 'Open Sans', sans-serif;*/ color: #000; font-weight: normal;  font-size:22px; padding:20px 5px 5px 5px; }
.messageBoxText { /*font-family: 'Open Sans', sans-serif;*/ color: #222; padding: 5px; font-size: 16px;}

.promo-text-cont .formButton { width: auto !important;
    font-size: 17px;
    padding: 10px 15px !important;
    box-shadow: 1px 1px 5px -1px #000;
    border: 0px; }
    
.promo-text-cont input { margin:0px 5px; }
.promo-text-cont label { color:#fff; }



/* New for only show stop-start */

        .results.hidebattery {
            display:none;
        }

         .results.stopstart .results-header {
            background: #fecd08;
            color: #000;
        }
         .results.stopstart .critical { position:relative; float:left; width:100%; top:0; background-color: rgba(20,20,20,0.9); }
        .results.stopstart .results-img { max-height: 130px; }
        .results.stopstart .critical p { padding: 10px 0px; margin-bottom: 0px; margin:0; }
        .results.stopstart .critical p span {  font-weight: 900; text-transform: uppercase; font-size: 18px; color: #fff; clear:both; display:block; }
        #main-container-results .results.stopstart table { max-width: 100%; padding: 0px 5%; margin-top: 0px; padding-top: 10px; padding-bottom: 28px; width:100%; padding:3px 5%; }

        .results-header { height:auto; }


             .no-stopstart-outer {
                            margin:10px 15px;
                            clear:both;
                             display:none;
                        }

                        .no-stopstart-cont {
                            float: left;
                            clear: left;
                             width:90%;
                             width:calc(100% - 20px);
                             width:-webkit-calc(100% - 20px);
                             width:-o-calc(100% - 20px);
                             width:-moz-calc(100% - 20px);
                            background: #1f1f1e;
                            padding: 5px 10px;
                           
                        }

/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    border-radius: 3px;
    /* border: 1px solid #000; */
    width: 20px;
    width: 20px;
    margin-left: 7px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #FECD08;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 9px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.loginRegister label.container {
    line-height:normal;
}

body {
    background: #000000;
}

.start-stop-panel {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #333;
    z-index: 10;
    /* background: rgba(50,50,50,0.6); */
    border-right: 6px solid #FECD08;
    display: none;
}


.start-stop-cont {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: ABSOLUTE;
    padding: 20px 30px;
    width: 90%;
    max-width: 450px;
}

.start-stop-panel p {
    font-size: 20px;
    margin-top: 0px;
    color: #fff;
}

.start-stop-panel a {
    padding: 5px 40px;
    background: red;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0px 5px;
    border-radius: 5px;
    text-decoration: none;
    cursor:pointer;
}

    .start-stop-panel a:last-child {
    }

.start-stop-panel.moreinfo {
    float: left;
    background: none;
    z-index: auto;
    border: 0;
    position: relative;
    width: 100%;
    display:block;
}

    .start-stop-panel.moreinfo .start-stop-cont {
        position: relative;
        width: auto;
        padding: 10px 0px;
        margin: 0;
        top: auto;
        transform: none;
        left: 0;
        margin-top: 22px;
        text-align: right;
        width: 100%;
    }

    .start-stop-panel.moreinfo a {
        background: #fcbe16;
        color: #000;
    }