/*  shift this font directory out of CSS   */
@font-face {
    font-family: 'clear_sansregular';
    src: url('../fonts/ClearSans-Regular-webfont.eot');
    src: url('../fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans-Regular-webfont.woff') format('woff'),
         url('../fonts/ClearSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* removes the padding 5px and the 10px bottom margin */
.navigation {
    padding:0px 0 !important;
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid rgba(0,0,0,0.075);
    margin-bottom: 0px !important;
}
/* stop the menu collapsing and remove toggle icon*/
.navbar .btn-navbar {
    display:none !important;
}
.nav-collapse, .nav-collapse.collapse {
	height: auto !important;
}
/* css for social network menu */
.social-icons {
    text-align: center;
}
.social-icons li {
    display:inline-block;
    list-style-type:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.social-icons li a {
    border-bottom: none;
}
.social-icons li img {
    width: 30px;
    height:30px;
    margin-right: 5px;
}
.body {
	
    	background-color: #fff !important;
		max-width: 1366px !important;
		min-width: 360px !important;
		line-height: 160% ;
		color : #555 ;
		font-size: 14px !important;
		font-family: clear_sansregular, arial, sans serif !important ;
}
/*  remove the horizontal blue border at top */
	body.site {
		border-top: 0px solid #0088cc !important;
		background-color: #f4f6f7;
	}

.footer  {
    	background-color: #1268A6 !important; 
        color : #999 ;	
		border:2px solid #444 !important;
		border-radius: 10px !important;
  		max-width: 1366px !important;
}
.container-fluid {
	padding-right:0px;
	padding-left: 0px;
		border: 2px solid #c7c7c7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*zoom: 0;
}

/*  needed this due to hr at top of header   */
hr {
	margin: 0px 0;
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}
/*   div._myleft {
	padding-left:20px !important;
	margin-left; 20px;
	border: 10px !important;
}  */
.header  {
		 background-image: url("/images/header.png");	
		background-color: #ddd !important;
        color : #789 ;
		margin-bottom: 0px !important ;
		 background-size:100% 100% ;	
		background-repeat: no-repeat;		
}
.mybanner {
	padding-top: 20px !important;
		border-top: 5px solid #eee;
}
.banner {
	height: 20px !important;
}
.mylogo {

}
h1{
        font-size: 18px !important;
		color : #000 ;
	line-height: 100% ;
		font-family: clear_sansregular, arial, sans serif !important ;	
}
h2{
        font-size: 16px !important;
		color : #000 ;
		line-height: 100% ;
		font-family: clear_sansregular, arial, sans serif !important ;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.position-0{
	padding : 20px 20px 20px 20px; 
	margin-right: 20px;
}
.position-1{
	padding : 20px 20px 20px 20px; 
}

.position-7  {
    width: auto !important;
    float: left !important;
  }
/*  just a background highlight button */
.btn2 {
	text-align: left;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border:2px solid #ccc !important;
  text-shadow: 0px 0px 0px #666666;
  font-family: Arial;
  color: #ddd;
  font-size: 12px;
  /*  background colour of the buttons */
  background: #fcfcac;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  width: 80%;

}
/*  styling for Buttons on the left side  */
.btn {
	text-align: left;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 0px 0px 0px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  /*  background colour of the buttons */
  background: #1268A6;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  width: 80%;

}
.btn:hover {
  background: #080fd6;
  text-decoration: none;
   color: #ffffff;
}
.surround {
	    	background-color: #ddd !important; 
        color : #000 ;	
		border:0px solid #444 !important;
		border-radius: 10px !important;
		padding: 5px 10px 5px 10px;
}
.surround2 {
	    	background-color: #fcfcac !important; 
        color : #000 ;	
		border:0px solid #444 !important;
		border-radius: 10px !important;
		padding: 5px 10px 5px 10px;
}
.surround3 {
	margin-left : 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #ddd;
}
.surround4 {
	margin-left : 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #4899E0;
}
/*  the 3 column for home page for the driving test videos */
.main .container1 {
	display: table;
	border-spacing: 10px 0;
    overflow: hidden;
	width: 100%;
}
.ui-datepicker-week-end {

	    display:none

	}
.content1,
.content2,
.content3 {
    width: 32%;
	display: table-cell;
	margin-left : 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #ddd;
}
/*  font color for suburbs bottom home page  */
.main1{
color : #1268A6 !important;	
}
.main1.container2 {
 width: 100%;
}
.col11,
.col12,
.col13,
.col14 {
	float: left;
    width: 22%;
 	padding-left: 20px;
	background-color: #fff; 
}

.ux-menu-init-hidden{visibility:hidden;position:absolute;}
.ux-menu-container{position:relative;}
.ux-menu,.ux-menu ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;line-height:1;}
.ux-menu li{position:relative;float:left;}.ux-menu ul{position:absolute;top:0;left:0;}
.ext-border-box .ux-menu-ie-iframe,
.ext-ie7 .ux-menu-ie-iframe{padding:0;margin:0;position:absolute;top:0;left:0;display:none;z-index:-1;}
.ux-menu-vertical .ux-menu-item-main{clear:left;}
.ux-menu a{display:block;position:relative;text-decoration:none;color:#432;border-left:1px solid #e3dad1;border-top:1px solid #e3dad1;border-bottom:1px solid #e3dad1;background:#f3efec url(images/menu-item-bg.png) repeat;font-size:12px;line-height:12px;padding:10px 8px !important;}
.ux-menu a.ux-menu-link-last{border-right:1px solid #e3dad1;}ux.menu ul a{width:100%;}
.ux-menu a:focus,.ux-menu a:hover,.ux-menu a.ux-menu-link-hover{border-color:#d2e3f4;background:url(images/menu-item-bg-over.png) repeat;outline:0;}
.ux-menu-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ux-menu a.ux-menu-link-parent{padding-right:24px !important;min-width:1px;}
.ux-menu ul a,.ux-menu.ux-menu-vertical a{border-bottom:0;border-right:1px solid #e3dad1;}
.ux-menu ul a.ux-menu-link-last,
.ux-menu.ux-menu-vertical a.ux-menu-link-last{border-bottom:1px solid #e3dad1;}
.ux-menu-arrow{display:block;width:8px;height:6px;right:10px!important; top:14px;position:absolute;background:url(images/menu-arrow-down.png) no-repeat;font-size:0;}
.ux-menu.ux-menu-vertical .ux-menu-arrow,.ux-menu ul .ux-menu-arrow{width:6px;height:8px;top:13px;background:url(images/menu-arrow-right.png) no-repeat;}
.ext-border-box .ux-menu-arrow{top:17px;}
.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,
.ext-border-box .ux-menu ul .ux-menu-arrow{top:16px;}
.ux-menu ul.ux-menu-hidden{display:none;}
.ux-menu a.current{background-image:url('images/menu-item-bg-current.png');border-color:#cbc0b7;}
 /***************** The Form Styles for Booking and Contact Pages are structured below ******************/
form.register{
    width: auto;
    margin: 20px auto 0px auto;
    height: auto;

    background-color:#fff;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
form p{
    font-size: 8pt;
    clear:both;
    margin: 0;
    color:#999;
    padding:4px;
}
 /****** form.register fieldset.row1
{
    width:770px;
    padding:0px;
    float:left;
    border-top: 0px solid #F5F5F5;
    margin-bottom:2px;
}
form.register fieldset.row1 label{
    width:140px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:0px;
}
form.register fieldset.row2
{
    border-top:0px solid #F1F1F1;
    border-right:0px solid #F1F1F1;
    height:220px;
    padding:2px;
    float:left;
}
form.register fieldset.row3
{
    border-top: 0px solid #F1F1F1;
    padding:5px;
    float:left;
    margin-bottom: 2px;
    width:400px;
}
form.register fieldset.row4
{
    border-top: 0px solid #F1F1F1;
    border-right: 0px solid #F1F1F1;
    padding: 2px;
    float:left;
    clear:both;
    width:500px; **//
}   
form.register .infobox{
    float:right;
    margin-top:10px;
    border: 0px solid #F1F1F1;
    padding:5px;
    width:380px;
    height:98px;
    font-size:9px;
    background: #FDFEFA url(../img/bg_infobox.gif) repeat-x top left;
}
form.register legend
{
    color: #0202DE;
	width:300px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 12px;
    font-weight: 600;
	margin-bottom: 0px;
	border-bottom-width: 0px;
}
/* colour for the obligatory fields  *******/
form.register label{
    color: #0202DE;
    width:120px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top: 2px;
}
form.register label2{
    color: red;
    width: auto;
    float: left;
    text-align: left;
    margin-left: 40px;
    margin-top: 2px;
}
/* colour for the optional fields  *******/
form.register label.optional{
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top: 2px;
    color: #666;
}

form.register textarea.commentbox{
    border: 2px solid #919191;
    height: 25px;
	 width: 180px;
}
form.register label.obinfo{

    padding-left:50px;
    font-style:italic;
}
form.register input{
    width: 120px;
    color: #505050;
    float: left;
    margin-right: 5px;
	 margin-top: 2px;
}
form.register input.long{
    width: 180px;
    color: #505050;
	 margin-top: 2px;
}
form.register input.short{
    width: 40px;
    color: #505050;
	 margin-top: 5px;
}
form.register input[type=radio]
{
    float:left;
    width:15px;
}
form.register label.gender{
    margin-top:-1px;
    margin-bottom:2px;
    width:34px;
    float:left;
    text-align:left;
    line-height:19px;
}
/* size of border for text input box ******/
form.register input[type=text]
{
    border: 2px solid #919191;
    height: 18px;
}
form.register input[type=password]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
/* set the background colour of the SEND button ******/
.button
{
    background: #FC7EEA ;
    padding: 8px 10px 8px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    float:left;
    font-size:18px;
    margin:10px;
}
form.register input[type=text].year
{
    border: 1px solid #E1E1E1;
    height: 18px;
    width:30px;
}
form.register input[type=checkbox] {
    width:14px;
    margin-top:4px;
}
form.register select
{
    border: 2px solid #505050;
    width: 130px;
    float:left;
    margin-bottom:3px;
    color: #505050;
    margin-right:5px;
	 margin-top: 5px;
}
form.register select.date
{
    width: 40px;
}
input:focus, select:focus{
    background-color: #efffe0;
}
/* Styling for HTML5 video player ******/
.main-container {
    width: 100%;
}

.hero-unit {
    margin: 0 auto 0 auto;
    font-size: 18px;
    font-weight: 200;
    line-height: 15px;
    background-color: #eee;
    border-radius: 6px;
    padding: 15px;
}

.hero-unit h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    text-align: center;
}

.hero-unit video {
	border: solid black 2px;
    width: 90%;
}
.spinner{
	background: url(/images/traff_light.gif) no-repeat 5px 3px;
	padding-left:20px;
}