/*GREEN COLOR CODE: RGB 00 204 00
/*This sets the body colour etc*/
body
{
background-image: url("images/gradient.jpg");
background-color: #00cc00; 
font-family: verdana, tahoma, arial;
color: #838383;
font-size: 12px;
text-align: justify;
}

/*This sets the main background*/
#main-bg
{
position: absolute; 
top: 12px;
left: 50%;
margin-left: -384px;
width: 768px;
border: 5px white double;
background-color: #ffffff;
}

/* LOADING SCREEN */

/*this is what we want the div to look like    when it is not showing*/  
.loading-invisible1
{
display: none;
}  

/*this is what we want the div to look like    when it is showing*/  
.loading-visible1 /*make visible*/    
{
position: absolute; 
width: 800px;
left: 50%;
margin-left: -384px;
margin-top: -15px;
padding: 200px 0px 0px 0px; /* top : right : bottom : left */
border: 0px black double;
background-color: #FFFFFF;
height: 600px;
text-align:center;       
z-index: 10;
background-image: url("images/gradient.jpg");
color: white;
font-weight: bold;
}

/* END LOADING SCREEN */

/*This sets the page header & image*/
#header
{
width: 768px;
height: 90px;
background-image: url("images/header.png");
}

/*Sets the 'Welcome' title*/
.main-title
{
position: relative;
display: block;
width: 300px;
text-align: left;
margin: 0px 2px 0px 6px; /* top : right : bottom : left */
color: #00cc00;
font-size: 15px;
font-weight: bold;
}

/*Sets the 'Welcome' title*/
.main-title2
{
position: absolute;
display: block;
width: 450px;
text-align: right;
margin: -20px 2px 0px 310px; /* top : right : bottom : left */
color: #00cc00;
font-size: 15px;
font-weight: bold;
}

/*This sets the main menu structure*/
#main-menu
{
margin: 6px 2px 0px 6px;	/* top : right : bottom : left */
}

/*This sets the menu button structure*/
#main-menu div a
{
position: relative;
float: left;
width: 63px;
height: 26px;
font-size: 10px;
font-weight: bold;
background-color: #ffffff;
border: 1.5px;
margin: 0px 2px 0px 2px; /* top : right : bottom : left */
padding: 0px 0px 0px 0px; /* top : right : bottom : left */
display: block;
border-color: green;
text-align: center;
border-style: outset outset outset outset;
}

.button
{
line-height: 26px;
}

/*This sets the menu button hover*/
#main-menu a:hover
{
background-color: #00cc00;
color: #ffffff;
border-style: inset inset inset inset;
}

/*Hides current page*/
.hidden
{
clear: both;
display: none;
height: 390px;
}

/*Makes page visible*/
.unhidden
{
clear: both;
display: block;
height: 390px;
}

/*Body text on home page*/
#home-page-info
{
position: absolute;
margin: 2px 2px 0px -2px; /* top : right : bottom : left */
height: 340px;
width: 760px;
line-height: 20px;
font-size: 15px;
font-weight: bold;
background-image: url("images/home.png");
}

/*Fades the pictures in the van pic box*/
#fader1
{
opacity: 0;
MozOpacity: 0;
KhtmlOpacity:0;
filter: "alpha(opacity=0)";
visibility: visible;
width: 300px;
height: 340px;
}

/*Fades the pictures in the bus pic box*/
#fader2
{
opacity: 0;
MozOpacity: 0;
KhtmlOpacity:0;
filter: "alpha(opacity=0)";
visibility: visible;
width: 300px;
height: 340px;
}

/*Fades the pictures in the car pic box*/
#fader3
{
opacity: 0;
MozOpacity: 0;
KhtmlOpacity:0;
filter: "alpha(opacity=0)";
visibility: visible;
width: 300px;
height: 340px;
}


/*A Link Format*/
a:link
{
color: #00cc00;
font-weight: bold;
background-color: #ffffff;
text-decoration: none;
}

/*A Link Format*/
a:visited
{
color: #00cc00;
font-weight: bold;
background-color: #ffffff;
text-decoration: none;
}

/*A Link Format*/
a:hover
{
color: black;
font-weight: bold;
background-color: #ffffff;
text-decoration: none;
}

/*A Link Format*/
a:active
{
color: #00cc00;
background-color: #ffffff;
font-weight: bold;
text-decoration: none;
}

/*Controls the full page footer*/
.footer
{
position: absolute;
margin: -40px 0px 0px 0px; /* top : right : bottom : left */
float: left;
width: 768px;
height: 40px;
background-image: url("images/footer.png");
}

/*About us Header*/
.aboutus-text
{
position: relative;
margin: 6px 2px 0px 6px; /* top : right : bottom : left */
height: 260px;
width: 750px;
line-height: 18px;
text-align: justify;
}

/*About us Footer*/
.aboutus-footer
{
position: absolute;
width: 750px;
height: 50px;
margin: 15px 2px 0px 6px; /* top : right : bottom : left */
line-height: 18px;
text-align: justify;
}

/*Alco Red Text*/
.alco
{
font-weight: bold;
color: #00cc00;
}

/*Red Heading Text*/
.alco3
{
font-weight: bold;
color: #00cc00;
font-size: 15px;
}

/*Links Text*/
.links-text
{
height: 50px;
width: 754px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
text-align: center;
}

/*FAQ Scroll*/
.scroll99
{
overflow: auto;
border: 0px black solid;
margin: 2px 2px 0px 11px; /* top : right : bottom : left */
padding: 5px 10px 0px 5px; /* top : right : bottom : left */
width: 730px;
height: 325px;
text-align: justify;
}

/*Links Scroll*/
.scroll
{
position: absolute;
overflow: auto;
border: 3px black solid;
background-color: #00cc00;
color: #ffffff;
margin: 2px 2px 0px 4px; /* top : right : bottom : left */
width: 754px;
height: 275px;
text-align: center;
}

/*Sets scroll collumn1*/
.links1
{
width: 220px;
height: 41px;
float: left;
border-bottom: 1px black solid;
padding: 12px 0px 12px 0px; /* top : right : bottom : left */
}

/*Sets scroll collumn2*/
.links2
{
float: left;
width: 160px;
height: 41px;
padding: 12px 0px 12px 0px; /* top : right : bottom : left */
border-bottom: 1px black solid;
}

/*Sets scroll collumn3*/
.links3
{
float: left;
width: 356px;
height: 53px;
border-bottom: 1px black solid;
padding: 6px 0px 6px 0px; /* top : right : bottom : left */
}


/*Sets Links in links collumn 1*/
.scroll a:active
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll a:link
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll a:visited
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
background: #00cc00;
}

/*Sets Links in links collumn 1*/
.scroll99 a:active
{
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll99 a:link
{
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll99 a:visited
{
font-weight: bold;
}

/*Sets Links in links collumn 1*/
.scroll99 a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
}

/*Sets the full contact table*/
.contact
{
position: absolute;
border: 0px black solid;
margin: 6px 2px 0px 8px; /* top : right : bottom : left */
width: 360px;
height: 400px;
}

/*Sets the full contact table*/
.contacta
{
position: absolute;
border: 0px black solid;
margin: 70px 2px 0px 382px; /* top : right : bottom : left */
width: 360px;
height: 200px;
text-align: center;
}

/*Small text on Contact*/
.alco1
{
font-size: 10px;
}

/*Bold Text*/
.alco2
{
font-weight: bold;
}

/*Bold Text*/
.alco4
{
font-size: 15px;
font-weight: bold;
}


/*Terms Scroll*/
.termsscroll
{
overflow: auto;
border: 7px black double;
background-color: #00cc00;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
width: 744px;
height: 275px;
}

/*Sets terms table full row*/
.terms1
{
float: left;
width: 739px;
height: 16px;
font-size: 12px;
color: #ffffff;
text-align: left;
border-bottom: 0px black solid;
padding: 2px 0px 2px 5px; /* top : right : bottom : left */
}

/*Sets Links in terms */
.termsscroll a:active
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
}

/*Sets Links in terms */
.termsscroll a:link
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
}

/*Sets Links in terms */
.termsscroll a:visited
{
color: #ffffff;
text-decoration: underline;
background: #00cc00;
}

/*Sets Links in terms */
.termsscroll a:hover
{
color: #000000;
text-decoration: none;
background: #00cc00;
}

/*Locates the map*/
.map1
{
position: absolute;
border: 0px black double;
margin: -6px 2px 0px 0px; /* top : right : bottom : left */
padding: 5px 5px 0px 5px; /* top : right : bottom : left */
width: 752px;
height: 320px;
}

/*Locates the map*/
.map2
{
position: absolute;
border: 0px black double;
margin: 328px 2px 0px 4px; /* top : right : bottom : left */
padding: 5px 5px 0px 5px; /* top : right : bottom : left */
width: 750px;
height: 20px;
}

/*Top text for prices pages L*/
.prices-text
{
position: absolute;
height: 340px;
width: 450px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
line-height: 18px;
}

/*Top text for prices pages R*/
.prices-text1
{
position: absolute;
height: 340px;
width: 445px;
margin: 2px 2px 0px 317px; /* top : right : bottom : left */
line-height: 18px;
}

/*Sets the Van Price Image*/
.van-pic
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 464px; /* top : right : bottom : left */
}

/*Sets the Van Price Image*/
.van-pic1
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 464px; /* top : right : bottom : left */
}

/*Sets the Car Price Image*/
#car-pic
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
}

/*Sets the Car Price Image*/
.car-pic1
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
}

/*Sets the Bus Price Image*/
#bus-pic
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
}

/*Sets the Bus Price Image*/
.bus-pic1
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
}

/*Sets Links for IKEA*/
.ikea a:active
{
color: #015daa;
font-weight: bold;
}

/*Sets Links for IKEA*/
.ikea a:link
{
color: #015daa;
font-weight: bold;
}

/*Sets Links for IKEA*/
.ikea a:visited
{
color: #015daa;
font-weight: bold;
}

/*Sets Links for IKEA*/
.ikea a:hover
{
color: #ffce09;
font-weight: bold;
}

/*Sets the top box in Prices*/
.prices-top
{
margin: 3px 3px 0px 6px; /* top : right : bottom : left */
width: 500px;
height: 39px;
position: absolute;
}

/*Sets prices collumn blanks*/
.prices99
{
width: 148px;
height: 4px;
float: left;
font-size: 4px;
background-color: #ffffff;
border-right: 1px black solid;
border-bottom: 1px black solid;
}

/*Sets prices collumn blanks*/
.prices98
{
width: 148px;
height: 5px;
float: left;
font-size: 5px;
background-color: #ffffff;
border-right: 1px black solid;
}

/*Sets prices collumn blanks*/
.prices97
{
width: 148px;
height: 4px;
float: left;
font-size: 4px;
background-color: #ffffff;
border-bottom: 1px black solid;
}

/*Sets prices collumn blanks*/
.prices96
{
width: 148px;
height: 5px;
float: left;
font-size: 5px;
background-color: #ffffff;
}

/*Sets prices collumn blanks*/
.prices95
{
width: 151px;
height: 4px;
float: left;
font-size: 4px;
background-color: #ffffff;
border-bottom: 1px black solid;
border-right: 1px black solid;
}

/*Sets prices collumn blanks*/
.prices94
{
width: 151px;
height: 5px;
float: left;
font-size: 5px;
background-color: #ffffff;
border-right: 1px black solid;
}

/*Sets the bottom box in Van & Minibus Prices*/
.prices-bottom
{
margin: 235px 3px 0px 6px; /* top : right : bottom : left */
width: 757px;
height: 100px;
line-height: 18px;
padding: 8px 0px 0px 5px; /* top : right : bottom : left */
position: absolute;
}

/*Sets the bottom box in Car Prices*/
.prices-bottom1
{
margin: 172px 3px 0px 6px; /* top : right : bottom : left */
width: 757px;
height: 163px;
line-height: 30px;
padding: 8px 0px 0px 5px; /* top : right : bottom : left */
position: absolute;
}

/*Sets out prices window in Van & Minibus Hire*/
.prices-window
{
overflow: auto;
border: 3px black solid;
margin: 49px 3px 0px 8px; /* top : right : bottom : left */
width: 745px;
height: 168px;
position: absolute;
font-weight: bold;
text-align: center;
}

/*Sets out prices window in Car Hire*/
.prices-window1
{
overflow: auto;
border: 3px black solid;
margin: 69px 3px 0px 8px; /* top : right : bottom : left */
width: 745px;
height: 84px;
position: absolute;
font-weight: bold;
text-align: center;
}

/*Sets prices collumn1*/
.prices1
{
width: 148px;
height: 16px;
float: left;
color: #ff6600;
border-right: 1px black solid;
background-color: #ffe6b0;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn2*/
.prices2
{
width: 148px;
height: 16px;
float: left;
color: #277900;
border-right: 1px black solid;
background-color: #a7e9bc;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn3*/
.prices3
{
width: 148px;
height: 16px;
float: left;
color: #3300cc;
border-right: 1px black solid;
background-color: #66b3ff;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn4*/
.prices4
{
width: 148px;
height: 16px;
float: left;
color: #ff00ff;
border-right: 1px black solid;
background-color: #ffc6ff;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn5*/
.prices5
{
width: 148px;
height: 16px;
float: left;
color: #1a7352;
background-color: #c4f2e1;
border-right: 1px black solid;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn6*/
.prices6
{
width: 148px;
height: 16px;
float: left;
color: #000000;
background-color: #ffffff;
border-right: 1px black solid;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Sets prices collumn7*/
.prices7
{
width: 595px;
height: 16px;
float: left;
color: #000000;
background-color: #ffffff;
border-right: 1px black solid;
padding: 2px 0px 0px 0px; /* top : right : bottom : left */
}

/*Set the Prices text the correct colour*/
.orange
{
color: #ff6600;
}

/*Set the Prices text the correct colour*/
.green
{
color: #277900;
}

/*Set the Prices text the correct colour*/
.blu
{
color: #3300cc;
}

/*Set the Prices text the correct colour*/
.pink 
{
color: #ff00ff;
}

/*Set the Prices text the correct colour*/
.grn
{
color: #1a7352;
}

/*Sets the vehicle info table*/
.vinfo
{
border: 0px black solid;
margin: 8px 2px 0px 11px; /* top : right : bottom : left */
width: 744px;
height: 330px;
font-size: 12px;
}

/*Sets vehicle info table collumn 1*/
.vinfo1
{
text-align: right;
float: left;
width: 371px;
height: 16px;
padding: 2px 0px 2px 0px; /* top : right : bottom : left */
}

/*Sets vehicle info table collumn 2*/
.vinfo2
{
float: left;
width: 372px;
height: 16px;
text-align: left;
padding: 2px 0px 2px 0px; /* top : right : bottom : left */
}

/*Sets vehicle info table full row*/
.vinfo3
{
float: left;
width: 744px;
height: 16px;
font-weight: bold;
text-align: center;
padding: 2px 0px 2px 0px; /* top : right : bottom : left */
}

/*Sets vehicle info table full row small text right*/
.vinfo4
{
float: left;
width: 744px;
height: 16px;
font-size: 10px;
text-align: right;
padding: 2px 0px 2px 0px; /* top : right : bottom : left */
}

/*Sets vehicle info table full row small text right*/
.vinfo5
{
float: left;
width: 744px;
height: 16px;
font-size: 10px;
text-align: left;
padding: 2px 0px 2px 0px; /* top : right : bottom : left */
}

/*Sets Links for vinfo*/
.vinfo a:active
{
color: #ffffff;
font-weight: bold;
background: #00cc00;
}

/*Sets Links for vinfo*/
.vinfo a:link
{
color: #ffffff;
font-weight: bold;
background: #00cc00;
}

/*Sets Links for vinfo*/
.vinfo a:visited
{
color: #ffffff;
font-weight: bold;
background: #00cc00;
}

/*Sets Links for vinfo*/
.vinfo a:hover
{
color: #000000;
font-weight: bold;
background: #00cc00;
}

.fiestapic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/fiestasml.jpg");
background-repeat: no-repeat;
margin: 30px 0px 0px 40px; /* top : right : bottom : left */
border: 2px solid;
}

.transitpic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/transitsml.png");
background-repeat: no-repeat;
margin: 30px 0px 0px 297px; /* top : right : bottom : left */
border: 2px solid;
}

.transitlwbpic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/lwbsml.png");
background-repeat: no-repeat;
margin: 180px 0px 0px 297px; /* top : right : bottom : left */
border: 2px solid;
}

.mondeopic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/monsml.jpg");
background-repeat: no-repeat;
margin: 180px 0px 0px 40px; /* top : right : bottom : left */
border: 2px solid;
}

.lutonpic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/lutonsml.jpg");
background-repeat: no-repeat;
margin: 30px 0px 0px 550px; /* top : right : bottom : left */
border: 2px solid;
}

.minibuspic
{
position: absolute;
width: 180px;
height: 110px;
background-image: url("images/bussml.jpg");
background-repeat: no-repeat;
margin: 180px 0px 0px 550px; /* top : right : bottom : left */
border: 2px solid;
}

.eurotext1
{
position: absolute;
margin: 2px 2px 0px 6px; /* top : right : bottom : left */
height: 165px;
width: 450px;
line-height: 18px;
text-align: center;
border: 0px black solid;
}

.eurotext2
{
position: absolute;
margin: 174px 2px 0px 6px; /* top : right : bottom : left */
height: 165px;
width: 450px;
line-height: 18px;
text-align: center;
border: 0px black solid;
}

.europic
{
position: absolute;
height: 340px;
width: 300px;
margin: 2px 2px 0px 464px; /* top : right : bottom : left */
border: 0px black solid;
}

.build
{
position: absolute;
border: 0px blue solid;
width: 770px;
height: 28px;
left: 50%;
margin-left: -384px;
margin-top: 522px;
line-height: 28px;
text-align: right;
color: white;
font-size: 10px;
}

.build a:active
{
font-weight: bold;
color: white;
background-color: #00bf00;
}

.build a:link
{
font-weight: bold;
color: white;
background-color: #00bf00;
}

.build a:visited
{
font-weight: bold;
color: white;
background-color: #00bf00;
}

.build a:hover
{
color: red;
font-weight: bold;
}

/*Locates the map*/
.sitemap
{
border: 0px black double;
margin-top: 5px;
margin-left: 330px;
width: 200px;
color: #ffffff;
font-size: 10px;
}