html, input, select
{
font-family: trebuchet ms, tahoma, sans-serif;
font-weight: bold;
}

html
{
background-color: #efefef;
/*padding: 10px;*/
padding: 0px;
}

body
{
background-color: #fff;
/*width: 595px;*/
width: 510px;
padding: 0;
margin: 0;
/*padding: 15px;*/
color: #2AA7D7;
}

#intro
{
/*margin: 30px 42px;*/
color: #666;
font-weight: normal;
text-align: justify;
font-size: smaller;
}

#intro h1
{
font-size: large;
}

div#purchase
{
background-color: #b1bb1e;
color: #fff;
padding: 1em;
/*margin: 3em 42px 0;*/
margin: 0px;
}

div#tabs
{
width: 556px;
height: 48px;
background-image: url(cover_your_tracks.png);
padding-left: 37px;
}

div#tabs a
{
height: 100%;
width: 165px;
margin: 0 4px;
display: block;
float: left;
}

form#route
{
color: #929295;
overflow: hidden;
line-height: 2em;
/*margin: 0 42px;*/
font-size: 14px;
background-color: #eee;
padding: 1em;
}

#results_outer
{
/*margin: 0 42px;*/
background-color: #eee;
padding: 1em;
}

input, select
{
color: #4ba3d5;
}

input.ajax, input.ajax_ground
{
/*width: 97%*/
width: 190px;
}

select
{
border: 2px solid #929295;
/*width: 100%;*/
width: 190px;
}

input#submit
{
border: 0;
margin-top: 2em;
}

h1
{
color: #b1bb1e;
}

h2
{
color: #666;
font-size: small;
margin-top: 1em;
}

h3
{
text-transform: uppercase;
color: #666;
font-size: xx-small;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
font-weight: normal;
margin-top: 2.5em;
line-height: 1.5em;
white-space: nowrap;
}

h3 span
{
display: block;
font-size: 150%;
font-weight: bold;
margin-bottom: 9px;
padding-top: 0.75em;
}

.origin
{
padding: 0;
line-height: 1em;
font-weight: normal;
font-size: 0.75em;
}

span#total
{
font-size: 2.75em;
}

table#results
{
margin: 0 auto;
}

table#results td
{
width: 250px;
vertical-align: top;
}

#learn_more, #tell_more
{
color: #fff;
font-weight: normal;
padding: 35px;
width: 523px;
height: 419px;
}

#learn_more
{
background-color: #A7AAAC;
}

#tell_more
{
background-color: #7BB2DC;
}

a img
{
border: 0;
}

a
{
color: #000;
font-weight: bold;
}

a:active
{
color: #A5CEEB;
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#page1 div, #page2 div, #page3 div, #page4 div
{
height: 400px;
border: 1px solid #A7AAAC;
}



.align_right
{
/*float: right;
margin-top: -2em;*/
}

div#footer
{
border-top: 1px dotted #000;
overflow: hidden;
margin: 1.3em 42px;
padding-top: 1em;
}

div#footer div
{
width: 49%;
float: left;
color: #888;
font-weight: normal;
font-size: x-small;
}