body {
 	margin:0;
	
/* 	margin-left:0%;
 	margin-right:0%;
    margin-bottom:0%;*/

	padding: 0;
	
/*	background-color: #C2D7EB;
	background-color: #7AA3CB;*/
	background-color:#D9D9EC;
	vertical-align:middle;
	text-align:center;
}

body p {margin-top:0px;  }

#topspacer {
	position:relative;
	top:0em;
	margin:0px auto;
	padding: 0px 0px 0px 0px; 

	width:80%;
	height:40px;
}

#logo {
	position:relative;
	float:left;	
	
	top:0em;
	margin-left:20px;
	margin-right:0px auto;
	margin-top:0px auto;
	margin-bottom:0px auto;
			
	padding:0px auto;
	
	width:auto;
	height:auto;

	z-index:1;
		
}
	
/* 1st band navigation -  for small screen (mobiles etc) */
@media (max-width: 660px)  {	
/*@media (max-width: 1120px)  {	*/

#logo {
	position:relative;
	float:left;
	
	text-align:left;
	
	top:0em;
	margin-left:0px;
	margin-right:0px auto;
	margin-top:0px auto;
	margin-bottom:0px auto;
			
	padding:0px auto;
	
	max-width: 208px;
	
	width:auto;
	height:auto;
	
	z-index:1;


}
}



/*  Keep outerwrapper as set width!!********************/
#outerwrapper {
	position:relative;
	top:0em;
	margin:0px auto;
	padding: 0px 0px 0px 0px; 
	
	width:80%;
	height:auto;

	border:#6c98c0 1px solid;
	
	background-color: #FFFFFF;		
}

/* Style banner mobile for small screen (mobiles etc) */
@media (max-width: 670px)  {	
/*@media (max-width: 1120px)  {	*/
#outerwrapper {
	width:100%;
}
}


#outerwrapper2 {
	position:relative;
	top:0em;
	margin:0px auto;
	padding: 0px 0px 0px 0px; 
	
	width:80%;
	height:auto;

	border:#999999 1px solid;
}

#nav_divider  {

 		border-bottom:#6c98c0 1px solid;

}



#products {

	visibility:hidden;
	}


/* NOT using float this time, but watch this in case need to */
/*float setting stops a line showing above outerbox and outertop in Mozilla when the <p> tag is used within mainbox - don't ask me why, something to do with block elements*/

#contentbox {
	position:relative;
	top:0em;
	margin:0px auto;
	padding:0px;
	
	text-align:left;
	
	width:100%;		
	height:auto;
	
	background-color: #FFFFFF;		
		
/*	z-index:2;*/
}

#upper_content_box  {

	position:relative;
	
	margin:0px;
	padding:0px;
	
	border:none;
	
	}


#lower_content_box  {

	position:relative;
	
	margin:0px;
	padding:0px;
	
	border-top: solid 1px #7aa3cb;
	background-color:#FFFFFF;
	}


	
	
#product_content_box  {

	position:relative;	
	
	margin:0px;
	padding:0px;
		
	width:auto;

	}

#image_box  {
	position:relative;
	float:right;
	
	width:auto;

	border: solid 1px red;
	clear:both;
	}


#banner_left {
		position:relative;
		float:left;
				
		width:47%;
		height:auto;
		text-align:center; 
				
/*		padding-top:22px;
		padding-bottom:22px;*/
		
/*		box-sizing: border-box;  do we need this - stretches to edge of box*/

		padding:0px auto;
		
		margin-left:2%;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
			
/*		border:#accbe8 solid 1px;*/
		border:none;
		
}

#banner_left .imageborder {
		margin:0px;
		
		border:#ACCBE8 solid 1px;
}


#banner_right {
		position:relative;
		float:left;
		
		width:47%;
		height:auto;
		
/*		padding-top:22px;
		padding-bottom:22px;*/
		
		margin-left:2%;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:none;
		
		text-align:center;
 
}

#banner_right .imageborder {
		margin:0px;
		
		border:#ACCBE8 solid 1px;
}




#banner_central {
		position:relative;
		float:left;
		
		width:96%;
		height:auto;
		
/*		padding-top:22px;
		padding-bottom:22px;*/
		
		margin-left:2%;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:none;
		
		text-align:center;
 
}

#banner_central .imageborder {
		margin:0px;
		
		border:#ACCBE8 solid 1px;
}

#lego_display_outer_home {
		position:relative;
		float:left;
		
		width:22%;
		height:auto;
		
	/*	left:28px;*/
	
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:22px;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}


#brand_display_outer_home {
		position:relative;
		float:left;
		
		width:22%;
		height:auto;
		
	/*	left:28px;*/
	
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:22px;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}

#brand_display_outer {
		position:relative;
		float:left;
		
		width:21%;
		height:auto;
		
	/*	left:28px;*/
	
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:22px;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}



#brand_display_photo {
		position:relative;
		float:none;
		
		max-width:200px;
		height:auto;
		
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;		
	
		border:1px solid #ddd;
		
		/* adds curved corners*/
		border-radius:4px;
		-webkit-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
		
		padding-bottom:4px;
		padding-left:4px;
		padding-right:4px;
		padding-top:4px;	
		
		}	
		

#brand_display_photo:hover,
#brand_display_photo:focus,
#v_photo:active {
  border-color: #69A3D6;
}		
	
	
#brand_display_desc {
		position:relative;
		float:none;
		
		max-width:200px;
		height:auto;
		
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		text-decoration:none;
		
	/*	border:1px solid #ddd;*/
		}			
		
#brand_display_desc .title {
		padding-top:5px;
		
		color:#337ab7;
/*		color: rgb(51, 122, 183);*/
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 16.9px;
		font-weight: 500;
		line-height: 18.5833px;
		}	

		
#brand_display_desc .desc {
		padding-top:3px;
		
		color:#7f7f7f;
/*		color: rgb(127, 127, 127); */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 18.5833px;
		}

		
#brand_display_text desc {
		color:#337ab7;
/*		color: rgb(51, 122, 183);*/
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 16.9px;
		font-weight: 500;
		line-height: 18.5833px;
		}					







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



/*.img-responsive  {

	display:block;
	max-width:100%;
	height:auto;

	}*/
	

/********************************CONTENT PAGES ******************************************************************************/

#leftcol {
	position:relative;
	float: left;

	width:20%;
	height:auto;
	
	margin-top:2.2%;
	margin-bottom:0;
	
	padding-left:2%;
	padding-right:1%;
	
}

#leftcol img {
	border: 1px solid #999999;
	margin-left:0px;
	margin-right:0px;	
	
}


/********************************Content box 2 - where the main page content is ******/

/* important! box-sizing: border-box;  ensures contentbox2 stretches to full 100% - not 100% minus padding */


/* Content box 2 -  for larger screen (pcs etc) */
@media (min-width: 1120px) {	

#contentbox2 { width:75%;  }
   
 }
 
 
   
/* Content box 2 -  for small screen (mobiles etc) */
@media (max-width: 1119px)  {	

#contentbox2 { width:100%;  }

}


#contentbox2 {
	position:relative;
	float:left;
	
/*	width:77%;*/
	height:auto;
	
	box-sizing: border-box;
	
	margin-top:1%;
	margin-bottom:2%;
	
	padding-left:20px;
	padding-right:20px;	
	
	text-align:left;

}




#contentbox2 h1 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 1.1em;
	colorr:#6289ac; 
	color:#78a6d1;

 }

#contentbox2 p {	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color:#666666;
	}

#contentbox2 ul {	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color:#666666;
	}	
	


#contentbox2 img {
	/*	border: 1px solid #FF9933;
	    border: 1px solid #999999;*/
	    margin-left:0px;
	    margin-right:0px;	
}

#contentbox2 .imageneutral {
	margin-left:0px;
	margin-right:0px;

    border: 1px solid #999999;	
		
}

	
#contentbox2 .imageright {
	float:right;
	margin-left:15px;
	margin-right:0px;
	margin-bottom: 8px;
	margin-top:8px;
	
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}	


#contentbox2 .imageleft {
	float:left;
	
	margin-left:0px;
	margin-right:15px;
	margin-bottom: 8px;
	margin-top:8px;
	
	border-left:1px solid #CCCCCC;	
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}

#contentbox2 .cat_text {
  position: absolute;
  top: 100px;
  left: 10%;

}
	
	
	
/***************************************SUB NAV start  ****************************************/



.breadcrumb{
	margin-bottom:8px;
	list-style:none;
	background-color:#f5f5f5;
	border-radius:4px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
	
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}


.hidden-word {
	display:none;
	}


.subnav {
	position:relative;
	
	list-style:none;
	list-style-position:outside;
	
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	width:100%;
	
	border:1px dashed #ddd;
	
		
	/* adds curved corners start*/
		border-radius:4px;
		-webkit-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	/* adds curved corners end*/		

}

.subnav:hover,
.subnav:focus,
#v_photo:active {
  border-color: #69A3D6;
}	



/*********some of the LI styles now in subnav_category, subnav_pages and .subnav_guides (below) as I want to differ background colour on menu items *************
 - done this in text stylesheet ****************/
 
 
.subnav li {	
/*	display:inline;*/

	position: relative;}


.subnav_category {
	left: 0px;
	width:96%;
	
	padding-top:5px;
	padding-bottom:5px;

	padding-right:0;
	padding-left:4%;
	
	background-color:#E6ECF0;
	
/*	border-right: dashed 1px #ABC5DE;69A3D6	*/
	border-top:dashed 1px #ddd;	
	border-bottom:dashed 1px #ddd;		
/*	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;			*/

	/* adds curved corners start*/
		border-radius:4px;
		-webkit-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	/* adds curved corners end*/

}

.subnav_category:hover,
.subnav_category:focus,
#v_photo:active {
  border-color: #69A3D6;
}	




.subnav_pages {
	left: 0px;
	width:96%;
	
	padding-top:5px;
	padding-bottom:5px;
	
	padding-right:0;
	padding-left:4%;
	

	border-top:dashed 1px #ddd;	
	border-bottom:dashed 1px #ddd;		
/*	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;			*/	

	/* adds curved corners start*/
		border-radius:4px;
		-webkit-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	/* adds curved corners end*/
}

.subnav_pages:hover,
.subnav_pages:focus,
#v_photo:active {
  border-color: #69A3D6;
  background-color:#F0F0F0;
}	




.subnav_guides {
	left: 0px;	
	width:96%;
	
	padding-top:5px;
	padding-bottom:5px;
	
	padding-right:0;
	padding-left:4%;
	

	border-top:dashed 1px #ddd;	
	border-bottom:dashed 1px #ddd;	
	
}

.subnav_guides:hover,
.subnav_guides:focus {
  border-color: #69A3D6;
  background-color:#F0F0F0;
}	





/***************************************SUB NAV2 end  ****************************************/	
	
	
	


/********SHOW HIDE OPTIONS FOR diff screen sizes  **********************************************************/

#mobile_nav_box {
		position:relative;
		top:0em;
		margin:0px auto;	
				
		width:100%;
		height:auto;
		
		background-color:#dbcebb;		
 		border-bottom:#6c98c0 1px solid;

}

 

/* Show banner mobile only on small screen (mobiles etc) */
@media (min-width: 1120px) {	

.larger_screen  {
	display:inherit;
   }  
   
.smaller_screen  {
	display:none;   
	}
   
 }
 
 
   
/* Style banner mobile for small screen (mobiles etc) */
@media (max-width: 1120px)  {	

.larger_screen  {
	display:none;
   }  
   
.smaller_screen  {
	display:inherit;   
	}
	
	
	
#product_display_outer_home {

		width:20%;
		height:auto;
		
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:22px;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}	

   
}   


/* Style banner mobile for small screen (mobiles etc) */
@media (max-width: 980px)  {	
/*@media (max-width: 1120px)  {	*/

	
#brand_display_outer_home {

		width:42%;
		height:auto;
		
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:22px;
		margin-right:0px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}	
#lego_display_outer_home {
		position:relative;
		float:left;
		
		width:42%;
		height:auto;
		
	/*	left:28px;*/
	
		padding-top:22px;
		padding-bottom:22px;
		
		margin-left:0px;
		margin-right:22px;
		margin-top:22px;
		margin-bottom:22px;
		
		border:#accbe8 solid 1px;
		
		text-align:center;
 
}
   
}  


/*@media (min-width: 660px) and (max-width: 790px) {	


.larger_screen  {
	display:none;
   }  
   
.smaller_screen  {
	display:inherit;   
	}

}	*/
   


/*************************NAVIGATION *****************************************/
/*************************Top nav start *****************************************/
/*replaces bullet points with bulletless list*/  

/*************************Top nav start 1 start ***/

#topnav_box1 {
	position:relative;
	top:0em;
	margin:0px auto;
	
	padding:0px;

	width:100%;		
	height:auto;

 	text-align:right;
	
	background-image:url(../images/header/background4.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

 /* background: url(../images/header/background.jpg) no-repeat left top fixed;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;	


	background-color:#BFBFBF;
		
	background-color:#E5E5E5;
	border-bottom: solid 1px #000000;*/
}



.topnavtext1 {
	position:relative;
	/* to compensate for indent*/
	width: 95%;
	list-style:none;
	list-style-position:outside;
	margin:0px;
	padding-top:2.5%;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	font-family:"baskerville-urw", serif;
	font-size:140%;
	text-decoration: none;
	font-style: italic;

}



.topnavtext1 li {
	display:inline;
	position: relative;
	left:2%;
	
	padding-top:5px;
	padding-bottom:5px;

	margin-right:12px;
	margin-left:12px;
	
	line-height:auto;
	
	color:#333333;
	text-decoration: none;	
	
}

.topnavtext1 li a {
	color:#333333;
	text-decoration: none;	
	
}  

/* 1st band navigation -  for small screen (mobiles etc) */
@media (max-width: 660px)  {	
/*@media (max-width: 1120px)  {	*/


.topnavtext1 {
	position:relative;
	
	/* to compensate for indent*/
	width: 95%;
	
	padding-top:2.5%;
	font-size:110%;
	
}

.topnavtext1 li {
	display:list-item;
	padding-top:3px;
	padding-bottom:3px;	
	
	margin-right:12px;
	margin-left:0px;	
}
}  


/*************************Top nav start 1 end ***/


/*************************Top nav start 2 start ***/

#topnav_box2 {
	position:relative;
	top:0em;
	margin:0px auto;
	
	float: left;
	
	padding:0px;

	width:100%;		
	height:auto;

 	text-align:center;

/*	background-color:#C0C0C0;*/
	background-color:#b0c9db;
		
	z-index:1;

		
	/*border-bottom: solid 1px #7aa3cb;*/
	border-top: solid 1px #6c98c0;
	border-bottom:solid 1px #6c98c0;
}


/* 2nd band navigation -  for larger screen (pcs etc) */
@media (min-width: 981px)  {	

.topnavtext2 {
	position:relative;
	
	/* to compensate for indent*/
	width: 95%;
	
	list-style:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;

	
/*	font-family:"baskerville-urw", serif;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Lato", sans-serif;
	font-size:160%;
	text-decoration: none;

}



.topnavtext2 li {
	display:inline;
	position: relative;
	left:8%;
	
	padding-top:5px;
	padding-bottom:5px;

	margin-right:10%;
	margin-left:0%;
	
	line-height:3em;
	
/*	color:#333333;*/
	color:#FFFFFF;	
	text-transform: uppercase;
	text-decoration: none;	
	
}

.topnavtext2 li a {
	color:#FFFFFF;
	text-decoration: none;	
}
}


/* 2nd band navigation -  for small screen (mobiles etc) */
@media (max-width: 980px)  {	
/*@media (max-width: 1120px)  {	*/

.topnavtext2 {
	position:relative;
	
	/* to compensate for indent*/
	width: 95%;
	
	list-style:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;

	
/*	font-family:"baskerville-urw", serif;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Lato", sans-serif;
	font-size:100%;
	text-decoration: none;
}

.topnavtext2 li {
	display:inline;
	position: relative;
	left:8%;	
	
	padding-top:5px;
	padding-bottom:5px;

	margin-right:6%;
	margin-left:0%;
	
	line-height:3em;
	
/*	color:#333333;*/
	color:#FFFFFF;	
	text-transform: uppercase;
	text-decoration: none;	
		
}

.topnavtext2 li a {
	color:#FFFFFF;
	text-decoration: none;	
	
}  
}

/*************************Top nav start 2 end ***/

#topnav_box3 {
	position:relative;
	float: left;
	
	top:0em;
	margin:0px auto;
	padding:0px;	
	
	width:100%;		
	height:2.5em;

 	text-align:center;

/*	background-color:#D3E1EB;*/
	background-color:#E4EDF3;
		
	z-index:1;

	border-bottom:dashed 1px #6c98c0;
}


.topnavtext3 {
	padding-top:10px;
	
	/*	font-family:"baskerville-urw", serif;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Lato", sans-serif;
	font-size:1em;
	text-decoration: none;
	text-transform: uppercase;
	color:#336699;
}


#topnav_box4 {
	position:relative;
	float: left;
	
	top:0em;
	margin-top:8px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	
	padding:0px;	
	
	width:100%;		
	height:2.5em;

 	text-align:center;

/*	background-color:#D3E1EB;
	background-color:#E4EDF3;
	background-color:#f5f5f5;*/
	background-color:#E8E8F4;
		
	z-index:1;

	border:dashed 1px #6c98c0;
}


.topnavtext4 {
	padding-top:10px;
	margin-top:4px;
	
	/*	font-family:"baskerville-urw", serif;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Lato", sans-serif;
	font-size:1em;
	text-decoration: none;
	text-transform: uppercase;
	color:#336699 !important; 
}

.topnavtext4 li {
	color:#336699 !important; 
}




/*****************************************Top nav end *****************************************/




/*****************************FOOTER START*****************************************/

/*margin:0px auto; is really important to getting this to display centrally*/


#footer {
	position:relative;
	top:0em;
	margin:0px auto;
	
	float:left;
	
	padding:0px;

	width:100%;		
	height:auto;

 	text-align:left;

	background-color:#C0C0C0;
	/*border-bottom: solid 1px #000000;*/
}


.footer_text_left{
	position:relative;
	float:left;
	width:auto;
    text-align:left;
 

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color:#EEEEEE;
	font-size: 1em;
	line-height:1.4em;
	
	padding-left:35px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:8px;

}

.footer_text_left a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
	color:#EEEEEE;
	font-size: 1em;
	line-height:1.4em;
	
	text-decoration:none;

}


.footer_text_right {
	position:relative;
	float: right;
	width: 50%;	
	margin-right:0px;
	
	padding-left:35px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:8px;
	
    text-align:right;
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color:#EEEEEE;
	font-size: 1em;
	line-height:1.4em;
	
}


.footer_text_right a:link {color:#EEEEEE; text-decoration:none;}
.footer_text_right a:visited {color:#EEEEEE; text-decoration:none;}

/*****************************FOOTER END*****************************************/

/*****************************LEFT MARGIN LINKS START*****************************************/

#webshoplink {
	position:relative;
	float:left;
	left:5px;
	margin-top:25px;
	
	
	height:142px;
	width:202px;
	
	background-image:url(../images/webshop/webshop_link.jpg);
}

#finduslink {
	position:relative;
	left:5px;
	margin-top:25px;
	
	
	height:142px;
	width:202px;
	
	background-image:url(../images/Findingus/Findus_link3.jpg);
}


#facebook_box
 {
	position:relative;
	left:5px;
	margin-top:25px;

	padding-top:5px;	
	padding-bottom:5px;
	padding-left:5px;
	line-height:1em;
	
	width:197px;
	border: solid 1px #ABC5DE;
	background-color:#D6E2EF;
}

#complink {
	position:relative;
	left:5px;
	margin-top:30px;
	
	width:202px;
	height:270px;
	
	background-image:url(../competition/images/Kamikazehat_comp202.jpg);
}

/*****************************LEFT MARGIN LINKS END*****************************************/



/*****************************MID BAR START*****************************************/

/*margin:0px auto; is really important to getting this to display centrally*/


#midbar {
	position:relative;
	top:0em;
	margin:0px auto;
	

	padding:0px;

	width:100%;		
	height:auto;

 	text-align:center;

	/*background-color:#b3c5da;
	background-color:#C0C0C0;
	border-bottom: solid 1px #000000;*/
}


.midbar_text_left{
	position:relative;
	float:left;
	width:auto;
    text-align:left;
	
	font-family: "p22-underground", sans-serif;
/*		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color:#333333;
	font-size: 1em;
	line-height:1.4em;
	
	padding-left:35px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:8px;

}

.midbar_text_left a {
	font-family: "p22-underground", sans-serif;	
	font-weight: bold;
	
	color:#333333;
	font-size: 1.2em;
	line-height:1.4em;
	
	text-decoration:none;

}

.midbar_text_mid{
	position:relative;
	width:auto;

	font-family: "Corbel", sans-serif;
/*	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	
	color:#3146d7;
/*	color:#EEEEEE;*/

	font-size: 1.2em;
	line-height:1.4em;
	
	padding-left:35px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:8px;

}

.midbar_text_mid a {
	font-family: "p22-underground", Helvetica, Arial, sans-serif;
	font-weight:bold;			

	color:#3146d7;
/*	color:#EEEEEE;*/

	font-size: 1em;
	line-height:1.4em;
	
	text-decoration:none;

}


.midbar_text_right {
	position:relative;
	float: right;
	width: 50%;	
	margin-right:0px;
	
	padding-left:35px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:8px;
	
    text-align:right;
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;		
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color:#EEEEEE;
	font-size: 1em;
	line-height:1.4em;
	
}


.midbar_text_right a:link {color:#EEEEEE; text-decoration:none;}
.midbar_text_right a:visited {color:#EEEEEE; text-decoration:none;}

/*****************************MID BAR END*****************************************/




/*****************************BOX clear options*****************************************/

/*you need this - even though it is hidden, to make your outer-contentbox whatever you call this - stretch below the longest floating column*/
#headerclear {
	clear:both;
	line-height:0px;
	height:0px;
	visibility:hidden;
}


#footerclear {
	clear:both;
	line-height:0px;
	height:0px;
	visibility:hidden;
}

.boxclear {
	clear:both;
	line-height:0px;
	height:0px;
	visibility:hidden;
}


/*****************************BOX clear options END*****************************************/