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

body {
	min-width:700px; /* Prevent content from becoming unreachable in Gecko */
  background-color:#e0e0e0;
}


/* position:absolute for all browsers - the whole page scrolls */
.bargecobargepageheadwrap {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:126px;
	background-image:url(../bpageimages/2010BPagebackdroptop.png);
  background-attachment: scroll; 
  background-repeat: no-repeat; 
  background-position:  bottom center;
}

/* position:fixed for modern browsers - header and footer do not scroll */
body>.bargecobargepageheadwrap {
	position:fixed;
}

.bargecobargepagehead {
  height:126px;
	width:100%;
	margin:0 auto;
}

.bargecobargepageheadSO {
  height:126px;
	width:100%;
	margin:0 auto;
  background-image:url(../bpageimages/2010BPageHeadSpecialOffer.png);
  background-attachment: scroll; 
  background-repeat: repeat-y; 
  background-position: 50% 50%;
}  

.bargecobargepagehead2011 {
  height:126px;
	width:100%;
	margin:0 auto;
  background-image:url(../bpageimages/2010BPageHead2011.png);
  background-attachment: scroll; 
  background-repeat: repeat-y; 
  background-position: 50% 50%;
}
  

table.headercontent {
  width:99%;
  position:relative;
  left:0px;
  right:20px;
}

.tabblock {
position:absolute;
width:100%;
top:93px;
left:0px;
}

body>.bargecobargepagehead {
	position:fixed;
}

.bargecobargepage {
/* set left margin and bottom padding for IE5/Win */
	padding:126px 0  0 0;
	margin-left:0px;
	margin-bottom:0px;
  background-image:url(../bpageimages/2010BPagebackdrop.png);
  background-attachment: scroll; 
  background-repeat: repeat-y; 
  background-position: 50% 50%;
   	
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:0px;
}
/* set left margin for modern browsers */
body>.bargecobargepage {
	margin-left:0px;
}  

.bargecobargepageinner{
	width:870px;
	margin:0 auto;
	padding:0 0px;
		/* For bacdrop fade in body section */
background-image: url(../bpageimages/2010BPagebackdropfade.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
  }
  
.bargecobargepageinner2{
	width:850px;
	margin:0 auto;
	padding:0 0px;
			/* For bacdrop fade in body section */
background-image: url(../bpageimages/2010BPagebackdropfade2.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
  }
  
.BPagefooterwrap {
	background-image:url(../bpageimages/2010BPagebackdropbottom.png);
  background-attachment: scroll; 
  background-repeat: no-repeat; 
  background-position:  top center;
	background-color: #e0e0e0;
	z-index:600;
	height:25px;
}

body>.BPagefooterwrap {
	margin-left:-16px;
}

.infolist {
  border-top: solid 0px #e9e9e9;
  border-left: solid 0px #e9e9e9;
  border-right: solid 1px #bbbbbb;
  border-bottom: solid 1px #bbbbbb; 
  background-color: #888888;
  padding-right:2px;
  padding-bottom:2px;
}
  
table.infolist {
  border: solid 1px #00006c;
  border-collapse:collapse;
  background-color: #f1f1f1;
}

table.infolist th{
border: solid 1px #00006c;
text-align: center;
font-family: Verdana, sans-serif; 
font-size: 12px;
color: #00006c;
font-weight: bold;
height: 35px;
}

table.infolist td{
border: solid 1px #00006c;
height:45px;
text-align: center;
font-family: Verdana, sans-serif; 
font-size: 12px;
color: #00006c;
font-weight: normal;
}



h1{
font-family:verdana;
font-size:20pt;
color:#00006c;
font-weight:bold;
line-height: .9;
}

h2{
font-family:verdana;
font-size:16pt;
color:#00006c;
font-weight:bold;
line-height: .8;
}

h5{
font-family:verdana;
font-size:10pt;
color:#00006c;
line-height: 1;
font-weight:normal;
}

h3{
font-family:verdana;
font-size:10pt;
color:#00006c;
line-height: 1.1;
font-weight:normal;
text-align:normal;
}

h6{
font-family:verdana;
font-size:10pt;
color:#00006c;
line-height: 1.1;
font-weight:normal;
text-align:justify;
}

h4{
font-family:verdana;
font-size:8pt;
color:#00006c;
line-height: 1;
font-weight:normal;
}


th.pricetable_topleft {
	font: bold 12px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 6px 6px 6px 12px;
}


th.pricetable_head {
	font: bold 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: center;
	padding: 6px 6px 6px 12px;

}


th.pricetable_rowhead {
	font: bold 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.pricetable_data {
	font: 12px "Verdana";
	color: #00006c;
	border-left: 1px solid #D4CA6B;
	border-right: 2px solid #D4CA6B;
	border-bottom: 2px solid #D4CA6B;
	border-top: 1px solid #D4CA6B;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #fbf9bc;
}

th.pricetable_emptydata {
	font: 12px "Verdana";
	color: #00006c;
	border-left: 1px solid #D4CA6B;
	border-right: 1px solid #D4CA6B;
	border-bottom: 1px solid #D4CA6B;
	border-top: 1px solid #D4CA6B;
	text-align: center;
	padding: 6px 6px 6px 12px;
}

li.bp{
	font: 11px "Verdana";
	color: #00006c;
	border-left: 0px solid #00006c;
	border-right: 0px solid #00006c;
	border-bottom: 0px solid #00006c;
	border-top: 0px solid #00006c;
	text-align: left;
	padding: 2px 2px 2px 8px;
}


img.pic {
	border-left: 0px solid #e9e9e9;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-top: 0px solid #e9e9e9;
	background-image: url(../bcocss/2010picbackground.png);
	background-attachment:scroll;
  background-position: bottom right;
	background-repeat:repeat;
  padding:1px 2px 2px 1px;
  background-color:#747474;
}


  

a.clickable img.pic {
	border-left: 0px solid #e9e9e9;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-top: 0px solid #e9e9e9;
	background-image: url(../bcocss/2010clickpicbackground.png);
	background-attachment:scroll;
  background-position: bottom right;
	background-repeat:repeat;
  padding:1px 3px 3px 1px;
  margin:0;
  background-color:#00006c;
}


a.clickable:hover img.pic {
	border-left: 0px solid #e9e9e9;
	border-right: 1px solid #00006c;
	border-bottom: 1px solid #00006c;
	border-top: 0px solid #e9e9e9;
  padding:1px 3px 3px 1px;
  margin:0;
  background-image: none;
  background-color:#00006c;
}

.img-shadow {
  float: left;
  background: url(../bcocss/img-shadow.gif) no-repeat bottom right;
  margin: 8px 0 0 8px !important;
  margin: 8px 0 0px 4px;
  padding: 0px;
  }

.img-shadow div {
  background: url(../bcocss/img-shadow2.png) no-repeat left top !important;
  background: url(../bcocss/img-shadow2.gif) no-repeat left top;
  padding: 0px 4px 0px 0px;

  }
  
.img-shadow img {
  background-color: #ffffff;
  border: 1px solid #00006c;
  padding: 0px;
  }

.img-shadow a.clickableimage img {
  padding: 2px;
  background-color: #ffffff;
  }
  
.img-shadow a.clickableimage:hover img {
  padding: 2px;
  background-color: #880000;
}


a:hover {
  text-decoration : underline; 
  color : #880000;}
   
a { 
   text-decoration : underline;
   color : #0808d9; }

a.external {
  text-decoration : underline; 
  color : #0808d9;
  padding-right: 13px;   
  background: url(../bcocss/external-link-icon.png) no-repeat top right;
}

a.external:hover {
text-decoration : underline;
color : #880000; 
}

.backdrop {
	background-image: url(../bpageimages/bco_corner.png);
	background-position: left top;
	background-repeat: no-repeat;
	left-indent: 30px;
}

.backdropSO {
	background-image: url(../bpageimages/bco_cornerSO.png);
	background-position: left top;
	background-repeat: no-repeat;
	left-indent: 30px;
}


.SO_highlight li{
   height: 156px;          /* CHANGE: height of one button */
   margin-bottom: 0px;    /* CAN BE CHANGED: a space of 4px under each button */
   /* THESE CODES CAN STAY UNCHANGED: */ 	
   list-style-type: none; /* list without bullets */
   margin-right: -0px;    /* each button starting at the left side */
   margin-top: 0;  /* no top margin needed */
   font-size: 1px;        /* correction for InternetExplorer */
   line-height: 1px;      /* correction for InternetExplorer */
   border:0;
   position:relative;
   left:0px;
   top: 0px;
   z-index: 50;
}

.SO_highlight li a{
   background-image: url('../bpageimages/bco_SpecialOffer.gif'); 
   height: 156px;          /* CHANGE: height of one button */
   width: 160px;          /* CHANGE: width of one button */
   border:0;
   display: block;
position:relative;
 left:150px;
  top: 50px;
   z-index: 50;
}

#buttonSO { background-position: -160px 0; }
#buttonSO a { background-position: -160px 0;}
#buttonSO a:hover { background-position: 0px 0;} 

.SO_highlight2 li{
   height: 70px;          /* CHANGE: height of one button */
   margin-bottom: 0px;    /* CAN BE CHANGED: a space of 4px under each button */
   /* THESE CODES CAN STAY UNCHANGED: */ 	
   list-style-type: none; /* list without bullets */
   margin-right: -0px;    /* each button starting at the left side */
   margin-top: 0;  /* no top margin needed */
   font-size: 1px;        /* correction for InternetExplorer */
   line-height: 1px;      /* correction for InternetExplorer */
   border:0;
   position:relative;
   left:0px;
   top: 0px;
   z-index: 50;
}

.SO_highlight2 li a{
   background-image: url('../bpageimages/bco_SpecialOffer2.png'); 
   height: 70px;          /* CHANGE: height of one button */
   width: 97px;          /* CHANGE: width of one button */
   border:0;
   display: block;
position:relative;
 left: 0px;
  top: 0px;
   z-index: 50;
}

#buttonSO2 { background-position: 0px 0; }
#buttonSO2 a { background-position: 0px 0;}
#buttonSO2 a:hover { background-position: -97px 0;} 


/* first the properties of all list-items <li> of the block of buttons */
.buttonblock li {
   height: 31px;          /* CHANGE: height of one button */
   margin-bottom: 0px;    /* CAN BE CHANGED: a space of 4px under each button */
   /* THESE CODES CAN STAY UNCHANGED: */ 	
   list-style-type: none; /* list without bullets */
   margin-right: -0px;    /* each button starting at the left side */
   margin-top: 0;  /* no top margin needed */
   font-size: 1px;        /* correction for InternetExplorer */
   line-height: 1px;      /* correction for InternetExplorer */
   border:0;

}

/* then the properties for all links <a> in the button block */

.buttonblock li a { /* CHANGE to your directory / image name */
   background-image: url('../bpageimages/2010bpagebuttonblock.png'); 
   height: 31px;          /* CHANGE: height of one button */
   width: 161px;          /* CHANGE: width of one button */
   border:0;
   display: block;

}

/* now we give for each button the normal position in the buttonblock, */
/* and after that the position at hovering (mouse-over) */

#buttonPF { background-position: 0 0; }
#buttonPF a { background-position: 0 0; }
#buttonPF a:hover { background-position: -161px 0; } 

#buttonCW { background-position: 0 -31px; }
#buttonCW a { background-position: 0 -31px; }
#buttonCW a:hover { background-position: -161px -31px; }

#buttonCU { background-position: 0 -62px; }
#buttonCU a { background-position: 0 -62px; }
#buttonCU a:hover { background-position: -161px -62px; }

#buttonBO { background-position: 0 -93px; }
#buttonBO a { background-position: 0 -93px; }
#buttonBO a:hover { background-position: -161px -93px; }

#buttonFA { background-position: 0 -124px; }
#buttonFA a { background-position: 0 -124px; }
#buttonFA a:hover { background-position: -161px -124px; }

#buttonWS { background-position: 0 -155px; }
#buttonWS a { background-position: 0 -155px; }
#buttonWS a:hover { background-position: -161px -155px; }

#buttonVI { background-position: 0 -186px; }
#buttonVI a { background-position: 0 -186px; }
#buttonVI a:hover { background-position: -161px -186px; }



.mapbutton li {
   height: 62px;
   margin-bottom: 0px;
   list-style-type: none;
   margin-right: -0px;
   margin-top: 0;
   font-size: 1px;
   line-height: 1px;
}

.mapbutton li a {
   background-image: url('../bpageimages/mapbutton.png'); 
   height: 62px; 
   width: 58px;
   display: block;
}

#buttonMAP { background-position: 0 0; }
#buttonMAP a { background-position: 0 0; }
#buttonMAP a:hover { background-position: -58px 0; } 


/* first the properties of all list-items <li> of the block of buttons */
.tabblock li {
   height: 30px;          /* CHANGE: height of one button */
   margin-bottom: 0px;    /* CAN BE CHANGED: a space of 4px under each button */
   /* THESE CODES CAN STAY UNCHANGED: */ 	
   list-style-type: none; /* list without bullets */
   margin-right: 0px;    /* each button starting at the left side */
   margin-top: 0;  /* no top margin needed */
   font-size: 1px;        /* correction for InternetExplorer */
   line-height: 1px;      /* correction for InternetExplorer */
}

/* then the properties for all links <a> in the button block */

.tabblock li a { /* CHANGE to your directory / image name */
   background-image: url('../bpageimages/2010tabblock.png'); 
   height: 30px;          /* CHANGE: height of one button */
   width: 131px;          /* CHANGE: width of one button */
   display: block;
}

/* now we give for each button the normal position in the buttonblock, */
/* and after that the position at hovering (mouse-over) */

#tabHP { background-position: -131px 0; }
#tabHP a { background-position: -131px 0; }
#tabHP a:hover { background-position: 0px 0; } 
#tabHPC { background-position: -262px 0; } 
#tabHPC a { background-position: -262px 0; } 
#tabHPC a:hover { background-position: -262px 0; } 

#tabIT { background-position: -131px -30px; }
#tabIT a { background-position: -131px -30px; }
#tabIT a:hover { background-position: 0px -30px; }
#tabITC { background-position: -262px -30px; }
#tabITC a { background-position: -262px -30px; }
#tabITC a:hover { background-position: -262px -30px; }

#tabPP { background-position: -131px -60px; }
#tabPP a { background-position: -131px -60px; }
#tabPP a:hover { background-position: 0px -60px; }
#tabPPC { background-position: -262px -60px; }
#tabPPC a { background-position: -262px -60px; }
#tabPPC a:hover { background-position: -262px -60px; }

#tabCQ { background-position: -131px -90px; }
#tabCQ a { background-position: -131px -90px; }
#tabCQ a:hover { background-position: 0px -90px; }
#tabCQC { background-position: -262px -90px; }
#tabCQC a { background-position: -262px -90px; }
#tabCQC a:hover { background-position: -262px -90px; }

#tabFW { background-position: -131px -120px; }
#tabFW a { background-position: -131px -120px; }
#tabFW a:hover { background-position: 0px -120px; }
#tabFWC { background-position: -262px -120px; }
#tabFWC a { background-position: -262px -120px; }
#tabFWC a:hover { background-position: -262px -120px; }

#tabDP { background-position: -131px -150px; }
#tabDP a { background-position: -131px -150px; }
#tabDP a:hover { background-position: 0px -150px; }
#tabDPC { background-position: -262px -150px; }
#tabDPC a { background-position: -262px -150px; }
#tabDPC a:hover { background-position: -262px -150px; }