/* Colors:
Dark Blue:  #001d59;
Light Blue: #95B7D7;
Light Grey: #dadada; (Menu lines)
Border Colours: #0e1b3b;
Blokart Orange: #F15925;
*/


* {
margin : 0;
padding : 0;
}

html{
overflow-y: scroll;
}

body {
height : 101%;
min-height:101%;
text-align : center;
background-color : #95B7D7;
font-family : "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; /*Arial, Helvetica, sans-serif; */
}

.logo {
position : absolute;
height : 168px;
width : 158px;
margin-left : 25px;
font-size : 0;
background-color : transparent;
z-index : 10;
}
#header {
position : relative;
background-image : url(img/theme/ABCHeader0.jpg);
top : 0px;
left : 0px;
height : 131px;
width : 944px;
background-color : transparent;
margin : 0 15px 0 15px;
z-index : 7;
}

#blokartLogo{
margin-top:8px;
}

#pagewidth {
width : 974px;
text-align : left;
margin : 0 auto;
height : auto;
height : 100%;
min-height : 100%;
font-size : 100%;
background-image : url(img/theme/bg.png);
background-position:center; 
background-repeat : repeat-y;

}
#ABC
{
position: relative;
float: left;
top:0px;
left:0px;
z-index:9;
width:375px;
height: 131px;
padding-left:170px;
background-image : url(img/theme/hdbg.png);
background-repeat : no-repeat;
z-index:8  ;
text-align : left;

}


#support {
position : relative;
float : right;
top : 5px;
right : 15px;
background-color : transparent;
border : 0;
width : 200px;
height : 80px;
padding : 10px;
font-size : 0;
}


.menu {
width : 173px;
float : left;
position : relative;
min-height : 510px;
border-style : ridge;
border-color : #0e1b3b;
border-width : 0 2px 0 0;
padding : 40px 5px 5px 20px;
}

.menuheader {
font : bold 90% Arial;
color : white;
background : black url(img/theme/titlebar.png) repeat-x left center;
margin-bottom : 5px;
text-transform : uppercase;
padding : 4px 0 4px 4px;
cursor: pointer; 
cursor: hand;
}

.menu ul {
list-style : url(img/theme/arrowbullet.png);
display : block;
padding : 1px 0 0 19px;
margin-bottom : 5px;
}
.menu ul li {
border-bottom : 1px solid #dadada;
}
   
.menu ul li a {
text-decoration : none;
}


li.menuOn {
  list-style: none;
  color: #95B7D7;
} 
.menu .details
{
font-size:65%;
color:#666666;
}

#baiDiv{
text-align : center;
margin-top:5px;
}

#twocols {
width : 759px;
float : right;
position : relative;
margin-right : 15px;
}
#singlecol {
width : 739px;
float : right;
position : relative;
margin-right : 15px;
padding : 10px 10px 5px 10px;
}

#rightcol {
width : 300px;
float : right;
position : relative;
background-color:transparent;
/*background-color:rgba(255,255,255,0);   */   

min-height : 481px;
margin : 0;
padding : 5px 5px 5px 5px;
}
#maincol {
background-color : transparent;
float : left;
position : relative;
width : 439px;
min-height : 420px;
padding : 5px 5px 5px 5px;
}
#footer {
clear : both;
background-color : #ffffff;
height : 20px;
margin: 0px 15px 0px 15px;
}


.b2top{
  position: relative;
	float: right;
	right: 0px;
	top: 0px;
	height: 22px;
	width: 70px;
  background-color: #95B7D7;
  padding:3px 5px 3px 5px;
  margin:8px 0px 5px 0px;
  color: white;
  text-transform: uppercase;
  font-weight : bold; 
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  

}

  .b2top a{
  color: white;
  text-decoration:none;
  text-transform: uppercase;
  display: block;
  width:100%;
  height:100%;  

  }
  .b2top a:hover{
  color:#001d59;
  }
  .b2top a:visited{
  color:white;
  }
  



img {
border : none;
}

img.middle{
vertical-align:middle;
}

p {
font-family :"lucida grande",lucida,tahoma,helvetica,arial,sans-serif; /* Arial, Helvetica, sans-serif;  */
font-size : 100%;
color : #222222;
margin : 0 auto 1em;
}
a {
color : #001d59;
}
a:visited {
color : #111111;
}
a:hover {
color : #3c4d90;
}
a:active {
color : #000000;
}
h1 {
margin : 0 auto 1em;
font-weight : bold;
font-size : 130%;
color : #001d59;
}
h2, h3, h4, h5, h6 {
margin : 0 auto 0.5em;
font-weight : bold;
color : #001d59;
}
h2 {
font-size : 120%;
}
h3 {
font-size : 110%;
}
ul {
color : #001d59;
line-height : 150%;
}
li span {
color : #000000;
line-height : 150%;
}
.indent {
padding-left : 25pt;
}
.center {
text-align : center;
}
.right {
text-align : right;
}
.ns {
position : relative;
top : -10px;
background : #bec4e6;
border : 0;
color : #ff3401;
cursor : help;
font-size : 12px;
height : 35px;
left : 0%;
padding : 2px 2px 2px 2px;
float : left;
text-align : center;
width : 95%;
z-index : 2;
}
img {
border : 0;
}
table, td, th {
border-width : 0;
border-spacing : 5px;
}

.fullWidth{
width:100%;
}

td, th {
background-color : #95B7D7;
padding : 5px;
text-align : center;
border-radius:   3px;
-moz-border-radius: 3px; 
}

      
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#menuCol{display:none;} 
#footer{display:none;}

#twocols{width:95%;}  
#singlecol{width:95%}  

 
.logo img
{
height:132px;
width:125px;
}
 
 
.b2top
{
display:none;
}