@import url("thickbox.css");
@import url("tinymcestylee.css");
@import url("nav.css");
@import url("lavalamp3.css");

/* 
The basic positioning and colours ...
################################### */
A:link { 
color: #CC0000
}  
A:visited { 
color: #CC0000
}  
A:active { 
color: #CC0000
}   
A:hover { 
color: #A0C62F; 
text-decoration: underline;
} 

.nolink{
	text-decoration: none;
}

/**/
.falselink{
	text-decoration: underline;
	color: #D9004C;
}
body {
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #C0C0C0;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-arrow-color: #FF6600;
	scrollbar-track-color: #F2F5FE;
	background-color: #F2F0F1;
	margin: 0px;
	line-height: 130%;
}

#MainContainer {
	padding:0px;
	width: 760px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	border-top: 1px solid #E5E4E4;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #E5E4E4;
}
#LowerContainer,
#LowerContainerNews{
	padding: 0;
	width: 760px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../pics/LowerContBckgNoNews.gif);
	background-repeat: repeat-y;
}
#LowerContainerNews {
	background-image: url(../pics/LowerContBckg.gif);
	background-repeat: repeat-y;
	background-position: 0px 20px;
}
#LowerContainerTimetable {
	padding:0px;
	width: 760px;
	background-color: #FFFFFF;
}
#timetable-area {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#timetable-area .inset{
	margin:0px 0px 10px -20px;
}
#MidWidth,
#body-area{
	width: 580px;
	float: left;
	padding: 10px 0 0 0;
	position:relative;
	/*Cross Browser min-height*/
    min-height:400px;
	height: auto !important;
	height: 400px;
	/*END Cross Browser min-height
	border-right:1px solid #000
	*/
	
}
#MidWidth {
	width: 430px;
}
#header{
	height: 144px;
	width: 760px;
	background: url(../pics/coach-and-bus-services-surrey-susex-hampshire.jpg) no-repeat;
}

/* 
The standard html ...
################################### */

hr {  
	color: #BFCBDB
	}

/* 
The custom stuff ...
################################### */


/* Form Elements ...*/
#enquiry-form {
	border: 1px solid #C3DC88;
	margin:  20px 0px 0px 0px;
	padding: 8px;
	background-color: #FFFFFF;
}
.formsmall {  
font-size: 10px}

.form_submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00012F;
	background-color: #F2F5FE;
	font-weight: bold;
	height: 22px;
	border-top: 2px outset #C8CBDE;
	border-right: 2px outset #6633CC;
	border-bottom: 2px outset #6633CC;
	border-left: 2px outset #C7C9DE;
	padding: 0px 3px 3px;
	margin: 0px;
}
.form_window {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #6699CC;
	padding: 2px;
}
.form_window2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #D1D4E3;
	padding: 2px;
	background-color: #F2F5FE;
	color: #666666;
}
.form_window3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #6699CC;
	padding: 2px;
	color: #666666;
	font-weight: normal;
}
.form-window-editor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #FFCC00;
	padding: 2px;
	background-color: #FFFFFF;
	background-image: none;
}
.form_quantity {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #6699CC;
	padding: 2px;
	width: 20px;
}

/* PORTFOLIO and PRESS ##################*/

/*   PORTFOLIO and PRESS summary ~~~~~~~~~~~~~~ */
#portfolio_summary_cont,
#news_summary_cont{
	width:140px;
	background:url(../pics/port_summ_bckg.gif) no-repeat left top;
	padding:5px;
	float:right;
	margin:10px 3px 0 0;
}

#portfolio_summary_cont h1,
#news_summary_cont h1{
	margin: 0px 0 5px 0px ;
	padding:0;
	font-size:14px;
	color: #D9004C;
	font-weight:bold;
}
#portfolio_summary_cont h1 A,
#news_summary_cont h1 A{
	text-decoration:none;
	color: #D9004C;
}
#port_summary h2,
#news_summary h2{
	font-size:11px;
}
#port_summary h2 a,
#news_summary h2 A{
	border:1px solid #CCCCCC;
	border-top:1px solid #999;
	display:block;
	padding:0 0 0 5px;
	background:#FFFFFF url(../pics/btnTabsConcertina.gif) repeat-x left top;
	color:#336699;
	margin:3px 0 0 0
}
#port_summary h2,
#news_summary h2{
	margin:0;
	padding:0
}
#port_summary p,
#news_summary p{
	margin:0;
	padding:3px 5px
}
/* Clip images */
#news_summary .posrel,
#port_summary .posrel{
	margin:5px 0 0 0;
	position:relative;
	height:100px;
	border:1px solid #ccc;
	padding:3px;
	background: #FFFFFF url() no-repeat center center;
}
#port_summary div.DS,
#news_summary div.DS{
	padding:0px 8px 8px 0px;
	background: url(../pics/bckg-BlockTh.png) no-repeat right bottom;
}
/* END Clip images */

#port_summary A,
#news_summary A{	
	color: #555;
	text-decoration:none;
	display:block;
	padding:0px;
}
#port_summary A:hover,
#news_summary A:hover {
	display:block;
	color: #336699;
}
#port_summary .hide A:hover,
#news_summary .hide A:hover {
	background: #E6FFE7;	
}
#port_summary a .readmore,
#news_summary a .readmore,
#news a .readmore{
	margin:0 0 0 10px;
	text-decoration:underline;	
	color: #CC0000;
	font-weight:bold;
}
#port_summary A:hover .readmore,
#news_summary A:hover .readmore,
#news A:hover .readmore{
	text-decoration:none;
	color:#FC7E05;
}
/* END PORTFOLIO and PRESS summary ~~~~~~~~~~~~~~ */


/* PRESS list page ~~~~~~~~~~~~~~ */
#news .posrel{
	position:relative;
}
#news .cont{
	padding: 0 10px;
	margin: 0 0 15px 0;
	border:1px solid #ccc;
	border-bottom: 1px dashed #CC3333;
}
#news .cont A{text-decoration:none;}
#news .imgborder{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #FFF;
	margin: 0 10px 0 0;
	float:left;
}

/* related link ¬*/
#news  A.newslink,
#PRdetails  A.newslink{
	position:absolute;
	z-index:12;
	font-size:12px;
	padding:3px;
	top:-10px;
	right:10px;
	color: #CC0000;
	text-decoration:underline;
	display:inline;
	border:1px solid #E5E5E5;
	background-color:#E6F1F7;	
}
#news  A.newslink:hover,
#PRdetails  A.newslink:hover {
	text-decoration:none;
	color:#FC7E05;
}
/* END PRESS list page  ~~~~~~~~~~~~~~ */
/* PRESS details  ~~~~~~~~~~~~~~ */
#PRdetails{
	position:relative;
	padding:10px;
	text-align:left
}
#PRdetails  A.newslink{
	position:relative;
	top:0px;
	left:0px;
}
/* END PRESS details ~~~~~~~~~~~~~~ */

/*     - END PRESS -  #############################*/

/* GALLERY ~~~~~~~~~~~~~~ */
div.gallery{ /*the outer wrapper*/
	z-index:10;  /*added to keep this under the  nav */
	padding:25px 0 0 25px;
	display:block;
	width:550px;  /*added to avoid hiding clickable image when mousing over */
	border:1px solid #ccc;
	background: #ECF7FB url(../pics/BckgTabsContent.jpg) repeat-x top;
	margin:-1px 0 20px 0;
}
.gallery .cont{ /*the repeating cont*/
	position:relative;
	float: left;
	margin:20px 20px 0 0;
	padding:5px;
}
.gallery .offset{/*the image title/URL link*/
	position:absolute; 
	top:-22px;
	font-weight:bold;
}
/* Clip images */
.gallery  .posrel{
	margin:5px 0 0 0;
	position:relative;
	height:158px;
	width:158px;
	border:1px solid #ccc;
	padding:0px;
	background: #FFFFFF url() no-repeat center center;
}
.gallery  .posrel img{
	width:100%;
	height:100%;
}
.gallery  div.DS{
	padding:0px 8px 8px 0px;
	background: url(../pics/bckg-BlockTh.png) no-repeat right bottom;
}
/*  END GALLERY ~~~~~~~~~~~~~~ */

/* 
The end  ################################### */
#footer {
	text-decoration: none;
	font-size: 12px;
	margin:0;
	padding:20px 20px 4px 20px;
	width: 720px;
	background-image: url(../pics/footer-bckg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	/*height: 96px;*/
	background-color: #FFFFFF;
}
#footer h2{
	font-size: 12px;
	color: #006600;
	font-weight: normal;
}
#footer p{
	font-size: 12px;
	color: #006600;	
}
A.footer:link {
	color: #666666;
	text-decoration: none;
}       
A.footer:visited { 
	color: #666666;
	text-decoration: none;
	}   
A.footer:active { 
	color: #666666;
	text-decoration: none;
}    
A.footer:hover {
	color: #006600;
	text-decoration: underline;
} 
.hide{display:none}
.show{display:block}

/*  mouse over tips - #########################*/
.tt_header,.tt_h200,tt_h300,
.tt_body,.tt_b200,.b300{
font-size:12px;
padding:3px;
filter:alpha(opacity=100);    
opacity: .99; 
position:relative;
z-index:100;
width:auto;
}
.tt_b200,.tt_h200{
width:200px;
}
.tt_b300,.tt_h300{
width:300px;
}
.tt_body,.tt_b200,.tt_b300{
	font-weight:normal;
	background-color:#FFF;
	color:#1B4966;
	filter:alpha(opacity=100);    
	opacity: 0.99; 
	border:1px solid #86D2FA;
	padding:3px 5px;
	border-top:1px none #86D2FA;
}
.tt_header,.tt_h200,.tt_h300{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px;
	border-top: 1px solid #C74701;
	border-right: 1px solid #C74701;
	border-left: 1px solid #C74701;
	border-bottom:1px none #C74701;
	background: #C74701 url(../pics/tt_red.gif) repeat-x left top;
	text-align: left;
}
.tt_body .inline p{
	display:inline;
	padding:0;
}
/* Scrolling Marquee ##################################*/
.JQMarquee{
	position:relative;
	border:1px solid #CAE0EC;
	padding:5px;
	margin:20px 0 10px 0;
	background: #FFFFFF;
}
.JQMarquee  a:link,
.JQMarquee  a:visited{
	text-decoration:none;
	font-weight: bold;
	color: #FF0000;
}
.JQMarquee .pointer {cursor: -moz-grab /*move IE*/ ;}
.pos-topR{
	width:80px;
	position:absolute;
	top:-15px;
	right:0;
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
}
/* ZEBRA STRIPE TABLES  ##################################*/
table.basic_table{
	border:1px solid #ccc;
	border-spacing:1px; /*add cell spacing*/
}
table.basic_table td{
	padding:5px;
	
}
table.alternate_rows tr.odd td {
	background-color: #DBEFF7;
}
table.alternate_rows tr.even td {
	background-color: #BAE0EF;
}
table.alternate_rows tr#tblheadertop td,
table.alternate_rows tr#tblheader td{
	background: #F2F2F2;
}
/* END ZEBRA STRIPE TABLES  ##################################*/
.steps {
	color:#FF0000;
	font-size:18px;
}
.tiny{font-size:10px;font-weight:normal}
