/* CSS Document 

pale blue #D4F0F9
medium blue #00A2D3
navy blue #003366
light orange #FEF2EA

*/

body {
background: #ffffff url(images/layout/bg.gif) no-repeat center top;
font: normal 0.7em Tahoma,Verdana,sans-serif;
color: #333333;
margin:0;
}
a, a:Visited {
color: #00A2D3;
text-decoration:none;
}
a:Hover {
text-decoration:underline;
}
img {
border:0;
}
h2 {
color:#003366;
font-size:1.1em;
text-transform:capitalise;
font-weight:bold;
}
h3 {
color:#555555;
font-size:1.0em;
font-weight:bold;
}
ol, li {
margin-left:13px;
padding-left:0;
}
* html ol, li {
margin-left:22px;
}
#horizon {
position: absolute;
left: -413px;
top:0;
width: 100%;
}
*html #horizon {
left: -413px;
}
#wrapper {
position: relative;
left: 50%;
top: 0;
width: 826px;
background-color: transparent;
}
#content {
position: relative;
left:4px;
top:116px;
width: 826px;
height:419px;
}
#footer {
position: absolute;
left:4px;
top:650px;
width: 796px;
padding:0 10px 0 10px;
text-align:center;
}
#footer a {
margin: 5px 15px 0 0px;;
text-transform:capitalize;
color:#999999;
}
#footer a:Hover {
color:#00A2D3;
text-decoration:none;
}
#top_menu {
margin-left:10px;
width: 826px;
}
#top_menu a {
display:block;
color:#FFFFFF;
text-decoration:none;
padding:2px 0 2px 0;
text-align:center;
font-weight:bold;
float:left;
margin-right:8px;
width:126px;
height:19px;
background: #ffffff url(images/layout/btn_bg_f1.gif) no-repeat center top;
}
#top_menu a:Hover {
background: transparent url(images/layout/btn_bg_f2.gif) no-repeat center top;
}
#top_ten {
position: absolute;
left:11px;
top:114px;
width:200px;
height:265px;
background-color:#D4F0F9;
border-top: 1px solid #00A2D3;
font-size:1.1em;
overflow:auto;
}
.topten_pic {
width:169px;
text-align:center;
margin:0 0 0 8px;
}
#top_ten img {
margin:0;
}
.label {
margin:2px 0 8px 0;
}
#top_ten_title {
margin:5px 0 8px 8px;
color:#003366;
font-size:1.1em;
font-weight:bold;
}
#main {
position: absolute;
left:256px;
top:114px;
width:552px;
height:401px;
border-top: 1px solid #00A2D3;
border-bottom: 1px solid #00A2D3;
overflow:auto;
}
#car_slot {
position: absolute;
left:11px;
top:387px;
width:200px;
height:128px;
background: #FEF2EA url(images/layout/car_slot_bg.gif) no-repeat left top;
border-top: 1px solid #FF6600;
}
#car_locations {
position: absolute;
left:9px;
top:55px;
width:180px;
font-size:1em;
color:#333333;
line-height:1.5;
overflow:hidden;
z-index:1;
}
#car_prices {
position: absolute;
right:9px;
padding-left:5px;
top:55px;
text-align:right;
font-size:1em;
color:#333333;
line-height:1.5;
background-color: #FEF2EA;
z-index:2;
}
#title {
position: absolute;
left:256px;
top:65px;
color:#00A2D3;
font-size:2.4em;
font-weight:bold;
}
#subtitle {
position: absolute;
left:256px;
top:99px;
color:#003366;
font-size:1.0em;
text-transform:uppercase;
font-weight:bold;
}
#picture_text {
position: absolute;
left:0px;
top:8px;
width:200px;
}
#picture_title {
font-size:1.2em;
margin-bottom:10px;
}
.small_print {
color:#CCCCCC;
font-size:0.9em;
margin-top:15px;
}
#picture {
position: absolute;
width:334px;
text-align:center;
left:216px;
top:8px;
}
#voting {
position: relative;
right:0px;
margin-top:8px;
}
#voting a {
display:block;
width:33px;
height:35px;
text-align:center;
color:#00A2D3;
font-size:2em;
font-weight:bold;
float:left;
}
#vote_instruction {
position: relative;
top:5px;
color:#999999;
width:334px;
font-size:11px;
text-align:center;
}
.last a {
margin-right:0px;
}
#voting a:Hover {
background: #ffffff url(images/layout/vote_bg.gif) no-repeat center top;
text-decoration:none;
}
#sub_footer {
position: relative;
width:550px;
left:0px;
top:380px;
color:#CCCCCC;
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;
text-align:center;
}
#sub_footer a {
color:#003366;
}
#sub_footer a:Hover {
color:#00A2D3;
text-decoration:none;
}
.third {
width:183px;
float:left;
}
.thumb {
float:left;
width:123px;
background-color:#D4F0F9;
padding:0;
margin: 8px 4px 0 0;
border: 5px solid #D4F0F9;
}
.thumb_pic {
width:123px;
height:123px;
text-align:center;
background-color:#ffffff;
}
.thumb .label {
margin:5px 0 0 0;
}
label {
width: 110px;
float: left;
text-align: left;
margin: 4px 0 8px 0;
clear: both;
}
.input-box {
margin-bottom: 6px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003366;
border-color: 666666; 
border-style:solid; 
border-width:1px;
}
.input-box-2 {
margin-bottom: 16px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003366;
border-color: 666666; 
border-style:solid; 
border-width:1px;
}
.submit-button	{
margin-left: 110px;
margin-top:7px;
clear: both;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.small {
font-size:0.7em;
}
.first {
margin-top:10px;
margin-right:30px;
}
#emails .input-box {
color: #999999;
font-size:0.8em;
}
#vote_accepted {
position: absolute;
left:0;
top:325px;
width: 215px;
height:50px;
color:#CC0000;
}

/* Make a vert-aligned cell for the thumbnails */

.wrapper {
width:123px;
border:0;
padding:0px;
height:123px;
}
.wrapper>.floating { /*display:table for Mozilla & Opera*/
display:table;
position:static;
}
.floating { /*for IE*/
width:123px;
height:100%;
background:#D4F0F9;
position:relative;
}
.floating div { /*for IE*/
position:absolute;
top:50%;
width:50%;
}
.floating>div { /*for Mozilla and Opera*/
display:table-cell;
vertical-align:middle;
position:static;
}
.floating div div {
position:relative;
top:-50%;
width:-50%;
}
#pagination {
clear:both;
width:550px;
text-align:center;
position:absolute;
bottom:5px;
}
#pagination span {
padding-right:90px;
padding-left:90px;
}
.leaderboard {
position:relative;
width:520px;
background:#D4F0F9;
margin-bottom:5px;
border: 5px solid #D4F0F9;
overflow:hidden;
}
.leaderboard img {
float:left;
margin-right:6px;
}
.ten_title {
font-size:1.2em;
}
.clear {
clear:both;
visibility:hidden;
padding:0;
margin:0;
height:0;
}
*html .clear {
margin-top:-12px;
}
.position {
position:relative;
left:30px;
font-size:8em;
color:#ffffff;
}
#snapped_logo {
position:absolute;
top:16px;
left:7px;
}
#snapped_logo img {
width:215px;
height:73px;
}
#easycar_logo {
position:absolute;
top:46px;
left:224px;
}
#easycar_logo img {
width:275px;
height:43px;
}