/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bg.gif) repeat-y center;
background-color: #e1ddd9; 
font-size: 12px;
text-align: center; /*** Centers the design in old IE versions ***/
}
body {

}
p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1 {
	font-size: 18px;
	text-transform:uppercase;
	font-weight: normal;
	margin:0px;
	color:#F35612; 
}
h2 {
	color:#F35612;
	padding: 0px 0px 8px 0px;
	margin:0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h3 {
	color:#F35612;
	padding: 0px;
	margin:0px;
	font: bold 17px Arial, Helvetica, sans-serif;
}
h4 {
	color:#F35612;
	padding: 0px;
	margin:12px 0px 0px 0px;
	font: bold 17px Arial, Helvetica, sans-serif;
}
h5 {
	color:#000;
	padding: 0px;
	margin:20px 0px 0px 0px;
	font: bold 7pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h6 {
	color:#000;
	padding: 0px;
	margin:0px 0px 0px 0px;
	font: bold 6pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #FFFFFF;
	color : #262F97;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.submit {
	background-color : #FFFFFF;
	color : #262F97;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* The buttons used for red text */
input.buttonred {
	background-color : #ECE9D8;
	color : #FF0000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clear { clear: both; }
#sitemap {
	float:right;
	padding:20px 15px 0px 0px;
	vertical-align: top;
	
}
#logo {
padding:31px 35px;
float:left;
}
#mainContainer {
width: 788px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background: #ffffff;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


a.find  {
color:#C50404;
text-decoration:none;
font: bold 11px Arial, Helvetica, sans-serif;

}
a:hover.find {
color:#000000;

}
#footer a{
color:#7F7F7F;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
color:#666666;

}




/**************************
HEADER
**************************/
#header {
height:193px;
text-align: right;
background-color: #fff;
padding: 0px;
margin: 0px; }


/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 165px;  
padding-right: 190px;
}


* html .outer {

}
.inner {
width: 623px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 577px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}

#content {
float: right;
width: 414px;
background: #fff;
position: relative; /*** IE needs this  ***/
}
#content li{
	list-style-image: url(../images/dot.gif);
	margin:7px;
}
* html #content {

}
.contentWrap {
padding: 15px 10px 50px 10px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
#subpath {
color:#807E7F;
font-size:5pt;
margin: 0px 0px 20px 0px;
font:Verdana, Arial, Helvetica, sans-serif;

}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 161px;
min-height: 663px;
padding: 0px;
position: relative; /*** IE needs this  ***/
background: url(../images/nav-bg.gif) repeat-x left top;
z-index:99;
}
* html #left {
height:663px;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 201px;
/*background: url(../images/faux_bg.jpg) repeat-y 20% 0%;*/
background-color:#FFFFFF;
padding:  0px 0px 0px 1px;
min-height: 250px;
position: relative; /*** IE needs this  ***/
/*border-left: solid 1px #B2B2B2;*/
font-size:6pt;
}
* html #right {
margin-right: -190px; /*** IE gets this margin. ***/
height: 250px;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
width: 788px;
margin: 0 auto;
text-align: center;
background-color: #fff;
font-size:10px;
color:#7F7F7F;
font: Arial, Helvetica, sans-serif;
border-top: 1px solid #B2B2B2;
padding-top: 10px;
padding-bottom: 20px;
}


/* main menu */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menu {
padding-top:15px;
position: absolute;
top: 0px;
left: 5px;
width: 182px;

}

#menu dt {

height: 26px;
line-height: 20px;
margin: 2px 0;
text-align: right;
font-size: 8pt;
padding-right:35px;
}
#menu dt a:hover {
text-decoration: none;
color:#FFFFFF;
}

#menu dd {
position: absolute;
z-index: 100;
left: 150px;
margin-top: -25px;
width: 200px;
background: #40446F;

}

#menu ul {
padding: 0px;

}
#menu li {
text-align: left;
font-size: 8pt;
height: 25px;
line-height: 22px;
margin:0px;

}
#menu li a, #menu dt a {
color: #B0B1C1;
text-decoration: none;
display: block;
padding-left:12px;
height:25px;
}

#menu li a:hover {
text-decoration: none;
background-color:#66698C;
color:#FFFFFF;
}

#nav {
padding-top: 20px;
display:block;
	background-image: url(../images/bus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right:0px;
	height: 200px;
	}
	
/* RIGHT HAND SIDE DETAILS */

.bluebar {
width:201px;
height: 23px;
background: url(../images/blue-bar.gif) no-repeat left top ;
padding:0px;
margin:0px;
}
.blue {
height:23px;
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
padding: 4px 8px 0px 11px;
}
#book {
background: url(../images/right-book.gif) no-repeat right center;
}
#call {
background: url(../images/right-call.gif) no-repeat right center;
}
#specials {
background: url(../images/right-specials.gif) no-repeat right center;
}
#promo {
background: url(../images/right-promo.gif) no-repeat right center;
}
#search {
	background-color: #E7E7E7;
	padding: 10px 10px 0px 10px;
	vertical-align: middle;
	text-align: center;
	margin-bottom:2px;
}
#search p {
margin:5px;
padding: 5px;

}
#search select {
font-size: 11px;
}
#search input {
margin: 5px;
padding:5px;
}

.searchbox {
	height:25px;
	text-align: left;
	vertical-align: middle;
	padding-right: 5px;
}
.searchboxx {
	height:25px;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
}
.searchorange {
	background-color: #F35612;
	color:#FFFFFF;
	width:150px;
}
#callbox {
padding: 8px 0px 8px 10px;
}
#specialbox {
padding: 0px 0px 0px 0px; /* 8px 3px 8px 10px; */
}
#specialbox h2 {
margin:0px;
padding:0px;
}
#specialbox img {
padding-top:1px;
}
#promobox {
padding: 8px 0px 8px 10px;
}
#promobox img {
padding-top:5px;
}

/* -------------- boxes ------------- */
.box {
	height:123px;
	border:1px solid #B2B2B2;
	padding: 12px 13px 10px 148px;
	color:#000;
	margin-bottom:10px;
	display: block;
}
.one {
	background: url(../images/home-sleepliner.gif) #E7E7E7 no-repeat left top;

}
.two {
	background: url(../images/home-mainliner.gif) #E7E7E7 no-repeat left top;
}
.three {
	background: url(../images/home-budgetliner.gif) #E7E7E7 no-repeat left top;
}
.boxtype {
	height:auto;
	background-color:#E7E7E7;
	border:1px solid #B2B2B2;
	padding: 15px 13px 15px 13px;
	color:#000;
	margin-bottom:10px;
	margin-top:15px;
	display: block;
}

.boxblank {
	height:auto;
	background-color:#FFFFFF;
	border:1px solid #B2B2B2;
	padding: 15px 13px 15px 13px;
	color:#000;
	margin-bottom:10px;
	margin-top:15px;
	display: block;
}
/**************************
CHARTERS
**************************/
.fleetone {
	background-image: url(../images/fleet-one.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:210px;
	border-bottom:1px solid #B2B2B2;
	margin-bottom:30px;
}

.fleettwo {
	background-image: url(../images/fleet-two.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:180px;
	border-bottom:1px solid #B2B2B2;
	margin-bottom:30px;
}

.fleetthree {
	background-image: url(../images/fleet-two.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:170px;
	margin-bottom:30px;
}

.oneicons {
margin:40px 0px 0px 280px;
}
.twoicons {
margin:20px 0px 0px 173px;
}
.allicons {
font-size:7pt;
width:365px;
}
.quotestrip {
	background-image: url(../images/quote-strip.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:23px;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:6pt;
	padding-left: 5px;
}
.quote {
font-size:7pt;
}
.quote select {
	font-size:7pt;
	border: 1px solid #666666;
	
}
.quote input {
	font-size:7pt;
	border: 1px solid #666666;
	height:15px;
	padding:0px 3px 0px 3px;
	width:150px;
	background-color:#e7e7e7;
}
.quoteaddress {
    height:100px;
	font-size:7pt;
	border: 1px solid #666666;
	padding:0px 3px 0px 3px;
	width:180px;
	background-color:#e7e7e7;
}
/**************************
CONTACT
**************************/
.contacthd {
margin: 23px 0px 7px 14px;
}
.conbox td{
width:290px;
padding-right:0px;
}
.contacthd td {
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 20px;
}
a.contact  {
color:#3b4170;
text-decoration:none;
font: bold 8pt Arial, Helvetica, sans-serif;

}
a:hover.contact {
color:#000000;
}
/**************************
INTERCITY
**************************/
#sleepliner {
	height:225px;
	background-image: url(../images/intercity-sleep.jpg);
	background-repeat: no-repeat;
	background-position: right center;

}
#budget {
	height:255px;
	background-image: url(../images/intercity-budget.jpg);
	background-repeat: no-repeat;
	background-position: right bottom	;

}
#mainliner {
	height:210px;
	background-image: url(../images/intercity-main.jpg);
	background-repeat: no-repeat;
	background-position: right bottom	;

}
/**************************
PARCEL SERVICE
**************************/
#parcel {
	height:230px;
	background-image: url(../images/parcel.jpg);
	background-repeat: no-repeat;
	background-position: right bottom	;
}
.parcelbox {
margin-top:5px;
width:100%;

}
.parcelbox td {
	padding-left: 13px;
	text-align: left;
	vertical-align: middle;
}
.parcelbox tr td {
	border: 1px solid #CCCBCB;	
}
.grey {
background-color:#DCDCDC;

}
/**************************
ROUTEMAP
**************************/
#routemap {
	height:419px;
	background-image: url(../images/route-map.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.map {
padding-top:40px;
padding-left:215px;

}
a.mapmap  {
color:#C50404;
text-decoration:none;
font: normal 7pt Arial, Helvetica, sans-serif;

}
a:hover.mapmap {
color:#000000;
}
/**************************
Loyalty club
**************************/
.discount li {
	margin:0px;
	padding:0px;
	list-style-type: circle;
}
.discount ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
.discount {
margin-top: 10px;
margin-bottom: 15px;

}
.HDdiscount {
font-size:25px;
margin:0px;
padding:0px;
font-weight:normal;
font: Verdana, Arial, Helvetica, sans-serif;
color:#929294;
}
/**************************
SITE MAP
**************************/
#site {
padding-left:25px;

}
a.sitemap  {
color: #666666;
text-decoration:none;
font: normal 7pt Arial, Helvetica, sans-serif;

}
a:hover.sitemap {
color:#000000;
text-decoration:underline;
}