/* this file will hold the css for the main layout of each page in the workarea, including the main navigation menus*/
body 
{	
	font-family:Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}

#maincontainer
{
	background-color:#FFFFFF;
	font-size:95%;
	margin:0 auto;
	padding:0;
	width:75% !important;
	min-height:600px;
}

h2
{
	margin:2px; 
	margin-bottom:25px; 
	font-size:26px; 
}

b{font-size: 110%;}
em{color: red;}


#topsection
{
	background: #FFFFFF;	
	padding: 4px 0;
	min-height:80px; 
	width: 100%;
}


#contentwrapper
{
	float: left;
	min-height: 750px;
	background:#FFFFFF; 
	width:100%; 
}


#contentcolumn
{
	margin-top:0px;
	padding-top:7px; 
	padding-bottom:40px; 
	text-align:left;
	background:#FFFFFF; 
	min-height:600px;
	width:100%;
}


#footer{
	clear: left;
	width: 100%;
	background: #F9F9F9;
	border-top:1px solid #DDDDDD; 
	text-align: center;
	padding: 24px 0;
	margin-top:50px;
	min-height:150px; 
}

#footer a{
    color: #007CC2;
    outline: medium none;
    text-decoration: none;
}

#imagecontainer
{
 min-height:50px; 
 min-width:50px; 
 margin-left:18px; 
 float:left; 	
}

#address
{
   float:left;
   margin-left:20px; 
}

#address h1{
    color: #333333;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 36px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align:left; 
    width:100%;

}


p.welcomeMessage
{
	font-weight:bold; 
	font-size:18px;
	text-align:center;
	line-height:23px; 
}

.stepBar{    
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-family: "Proxima N W01 Bold",sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 40px 0 10px 0 ;
    padding: 12px 0px;
    text-align:center;
    text-transform: uppercase;
    font-weight:bold; 
}
   
    
}

.change a{
	color:black; 
}

.change a:hover{
	text-color:#ff9900; 
}


#serviceSelectDiv
{  	
 	margin-top:20px;
 	background-color:#0075CE;
	border-top:3px solid #59A5DF;
	color:#FFFFFF;
	padding:2px 0;    
}

#catHead 
{	
    font-family: Verdana;
    padding-left: 0;
    text-align: left;
    text-decoration:none; 
    font-size: 18px;
    font-weight:bold; 
}


#serviceList
{
 	width:400px; 
 	font-weight:bold; 
 	float:left; 
}


#categoryList
{
    float: left;
    margin-left: 5.95238%;/*50px*/
    min-height: 600px;
    width: 21.42857%;
}


#categoryList div
{ 
  padding:0px 10px 10px 0;
}

#categoryList div.selected
{
	font-weight:bold;
}

#categoryList div.selected a{
	text-decoration: underline;
}

#categoryList a
{
	text-decoration:none;
	text-transform: capitalize;
	font-size: 16px; 
	color:#FF5E00; 
	text-align: left;
	display: block;
}

#categoryList a:hover{text-decoration: underline;}

#categoryList li a:link, #categoryList li a:visited
{
	text-decoration:none; 		
}


#serviceOptions
{
   float: left;
   width: 61.9047%;/*520px*/
   margin-right: 5.95238%;/*50px*/
}


#serviceOptions a
{
	line-height:20px; 
	text-transform: capitalize;			
}

.bookit
{
 color:navy; 
 padding-left:3px; 
 
}

.serviceName
{
 font-weight:bold; 
 margin-bottom:5px;
}
.serviceName a{
    font-size: 18px;
    line-height: 1.3;
    color: #007CC2;
    outline: medium none;
    text-decoration: underline;
}

.serviceName a:hover{text-decoration: underline;}
.serviceDetails
{
 cursor:pointer;   
}


.serviceDescription
{
    font-family: "Proxima N W01 Light",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    margin: 2px 0 16px;
    
}

.serviceDP
{
  float:left; 
  margin-right:50px; 
  font-weight:bold; 
}

.serviceDP td
{
	cursor:pointer; 	
}



td.quote
{
	width:150px; 	
	text-align:right; 
}


 .clear 
 {
	clear: both;
	line-height: 0;
	font-size: 0;
	margin:0px; 
	padding:0px; 
}


#pricedurContainer
{
  float:right; 
}

#loginLink
{	
    font-weight:bold; 
	font-size:16px; 
	cursor:pointer; 
	
}

#staffList
{
	padding:10px; 
	cursor:pointer; 
	font-size:16px; 
	font-weight:bold; 


}

#selectContainer
{
margin-left:15px; 

}

.megaButton
{
  background: none repeat scroll 0 0 #2AA7EA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 18px;
    min-width: 90px;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;	
	cursor:pointer; 
	min-height:34px;
}

.appSummary
{
	background:none repeat scroll 0 0 #FFF6CE; 
    border-radius: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
	line-height:18px; 
}


.appSummary table{
 margin-left:10px; 
}


.form
{
 	text-align:left; 
}

.appSummary  td.form
{
 font-weight:bold; 

}

#anchor{
display:inline; 
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold; 
margin-top:15px; 

}

.authenticationBox
{ 
  
  padding:20px; 
  font-size:16px;   
  float:left; 
  display:none; 
  
}

.registration
{
  padding-top:20px; 
  font-size:16px; 
  width:500px;
  line-height:30px; 
  display:block;
  font-family:arial;
  padding:6px 6px;
  text-decoration:none;
  min-height:400px;
}

.registration input
{
 height:18px;
 margin:10px 0 10px 0; 
}

.registration.button{
 min-height:34px; 

}




.button
{
  padding:3px; 
  font-weight:bold; 
  font-size:14px; 
}


#staffSelect.button{
  background: none repeat scroll 0 0 #2AA7EA;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 18px;
    min-width: 90px;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;	
}

#staffSelect.button:hover {
    background: none repeat scroll 0 0 #179CE1;
    box-shadow: 0 1px 4px #333333;
}



td.header{
    padding-top:3px; 
    width:450px;
 	font-size: 16px;
 	border-top:1px solid #B1D0EB;
 	color:#265778;
 	font-weight:bold; 	
}

legend
{
	font-size: 16px;
	color:#265778;
 	font-weight:bold;
}



.formTitle {
text-align:right;
vertical-align:middle;
}

.note
{
  padding:5px; 
  font-weight:bold; 
}

.click
{
  cursor:pointer; 
  border-bottom:1px solid #265778; 
  color: #265778; 
}

fieldset.login 
{
  min-height: 100px; 
  
}


.wrongLogin
{
	background:#FFC9BB; 
	border:1px solid #E07D63; 
}



.ulTimesContainer
{
	float:left; 
	margin:5px; 		
	padding-bottom:3px; 
}

.appTrackTimesDisplay
{
 	float:left; 
}


.appTrackTimesDisplay li
{
 font-size:14px; 
 font-weight:bold; 
 list-style-type:none; 
 
}

.appTrackTimesDisplay li a
{
	text-decoration:underline; 
	margin-right:5px; 
	color:#6698FF;
	line-height:28px;  
}


.appTrackTimesDisplay li a:hover
{
    
	color:black;   
}


.loader
{
  float:left; 
  margin-left:40px; 
  margin-top:20px; 
  margin-bottom:40px; 

}


.availabilititiesHeading
{
    clear: both;
    color: #474747;
    font-size: 18px;
	font-weight:bold;
    line-height: 26px;
    padding-left:45px;
    text-align: left;
}    

.timeOfDay
{
  font-weight:bold;
}


#timeOptions
{	
	float:left;	
	padding:5px; 
	margin-top:10px; 
	margin-left:10px; 
}

.noopen{

 padding:20px; 
 width:400px; 
 font-size:16px; 
 font-weight:bold; 

}

.appSummaryHeader
{
	font-size:16px; 
	font-weight:bold; 
	margin-bottom:10px;
}


.serviceRow {
	float: left;
	font-family:arial;
	font-size:14px;
	padding:6px 6px;	
	margin-bottom:10px;
	width: 100%; 
}

.serviceRow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.serviceRow:active {
	position:relative;
	top:1px;
}


h1
{
    font-family: "Proxima N W01 Bold",Helvetica,Arial,sans-serif;
    font-size: 36px;
    line-height: 1.05;
    margin: 0 auto;
    text-align: center;
    width: 75%;
    FONT-WEIGHT:BOLD; 
}

h1 .companyName
{


}



ul
{
 list-style-type:none; 
 min-height:600px;
}

#staffList li
{
    font-size: 18px;
    line-height: 1.3;
    color: #007CC2;
    outline: medium none;
    text-decoration: underline;
    margin-bottom:10px;


}