﻿#page #content_container #home { border-left:1px solid #AEAEAE; margin-left:-1px; width:763px; /*height:500px;*/ position:relative;}
#page #content_container #benefits { background: url('../Resources/Images/engine_01.jpg') no-repeat top right; }
#page #content_container #useful-links { background: url('../Resources/Images/links.jpg') bottom right no-repeat; height:440px;}
#page #content_container #how-to-join { background: url('../Resources/Images/engine_02.jpg') bottom right no-repeat; min-height:500px;}
#page #content_container #contact { background: url('../Resources/Images/links.jpg') bottom right no-repeat; height:440px;}
* html #page #content_container #how-to-join { height:500px; }

#page #content_container .left_content { width:628px; min-height:410px; padding-top:90px; color:#000; padding-right:135px; padding-bottom:20px;}
#page #content_container .left_long_content { width:736px; min-height:410px; padding-top:90px; padding-bottom:20px; color:#000; }
/* ---------------- MENU ------------------------ */

#menu_container .headerImage { margin:24px 0 30px 18px; position:absolute; }
#menu_container .menu { border-top: 1px solid #AEAEAC; width:160px; margin:95px 0 0 18px; font-size: 11px;}
#menu_container table.menuItem { width: 100%; background-image: url('../Resources/Images/menu/menu_arrow_02.gif'); background-repeat: no-repeat; background-position: 2% center; }
#menu_container table.menuItem td { white-space:normal !important; padding: 5px 5px 5px 15px; vertical-align: middle; border-bottom: 1px solid #AEAEAC; }
#menu_container table.menuItem a { color: #AEAEAC;text-decoration:none;}
#menu_container table.menuItemHover { width: 100%; background-image: url('../Resources/Images/menu/menu_arrow_01.gif'); background-repeat: no-repeat; background-position: 2% center; }
#menu_container table.menuItemHover a { color:Black; }
#menu_container table.menuItemSelected { width: 100%; background-image: url('../Resources/Images/menu/menu_arrow_01.gif'); background-repeat: no-repeat; background-position: 2% center; color:Black; }
#menu_container table.menuItemSelected a { color:Black;}
#menu_container h1, #menu_container h3 { display:none; }
#menu_container .menu .menu {margin: 0px; border-top: 0px; padding-left: 15px; display: block; width: 160px}
#menu_container .menu .menu table.menuItem td {width: 145px!important;}

#home #logo_container_wrapper{width:762px;height:145px; background-color:#fff; left:0px; position:relative;margin:0;padding:0; }
#home #logo_container { width:625px; height:125px; background-color:#ffffff; margin:0 auto;padding:0; }
#home #logo_container li { width:125px; padding:15px 0px 15px 0px; text-align:center;float:left;}

#home #text_box {width:222px; height:125px; padding:8px 12px 0px 8px; margin-right:20px; background: url('../Resources/Images/text_box_hori.jpg') no-repeat; position:absolute; top:-90px; z-index:1; display:none; color:#000; font-size:11px; line-height:12px;}
#home #text_box a:link{color:#000;text-decoration:underline;}
#home .home_text { position:absolute; top:92px; left:77px; }
#home p#intro {color: #fff;  font-size:13px; line-height: 14px; font-family:Arial; padding: 28px 0 0 25px; margin-left:-1px; top:280px; left:0px;width:739px;height:162px; background-color:#26302f}
#home div#prize_draw_home {color: #fff; position:absolute; top: 350px; left: 77px;}

#benefits .benefits { width: 627px; background-color:#000; margin-top:15px;}
#benefits .benefits th { background-color:#F9C83F; font-weight:bold; text-align:left; height:41px; padding:5px; }
#benefits .benefits td { background-color:#fff;padding:5px; }
#benefits ul.description { list-style:none; position: relative}
#benefits ul { list-style:disc inside; margin:10px 0px; }
#benefits .benefist_list { font-weight:bold; width:390px; margin:0px 0px 10px 0px; }
#benefits .short_content { width:380px; }
#benefits #tricky {position: relative}
#benefits #mask_boo { background: #fff; opacity: 0.9; filter:alpha(opacity="90"); position: absolute; width: 628px; height: 200px; left: 5px; top: -10px; z-index: 0}

#keeping-you-informed ul.list { margin:35px 0 0 0; list-style:disc inside;} 
#keeping-you-informed .list li { margin:33px 0px; list-style:disc inside;} 
#keeping-you-informed .images { list-style:none; margin-top:40px;} 
#keeping-you-informed .images li { float:left; width:245px; margin:0;} 
#keeping-you-informed ul li a, #keeping-you-informed ul li a:hover { color: #000; text-decoration: underline; }

#useful-links ul {list-style:disc inside;}
#useful-links li { margin-bottom:25px; }
#useful-links li a { color:#000; font-weight:bold; text-decoration:underline; }
#useful-links li .link_title { text-transform: uppercase; font-weight:bold; }

#how-to-join h2.locate_your_dealer { background: url('../Resources/Images/locate_your_dealer.gif') 10px 22px no-repeat; padding:10px; background-color:#EDEDED; width:545px; height:32px; margin-bottom:1px;}
#how-to-join h2.contact_details { background: url('../Resources/Images/contact_details.gif') 10px 22px no-repeat; padding:10px; background-color:#EDEDED; width:545px; height:32px;}
#how-to-join h2 span { display:none; }

#how-to-join p { width:565px; margin-bottom:10px;} 
#how-to-join #dealers { background-color:#fff; width:605px;}
#how-to-join #dealers .item { width:545px; background-color: #EDEDED;  padding:10px; margin-bottom:10px;}
#how-to-join #dealers .item ul { background:#fff; padding:10px; }
#how-to-join #dealers .item ul li { line-height:14px; text-transform: uppercase;}
#how-to-join #dealers .name { background: url('../Resources/Images/dealer_icon.gif') no-repeat; padding-left:30px; height:28px; top:0px;}
#how-to-join .contact a { background: url('../Resources/Images/buttons/btn_contact.gif') no-repeat; width:1125px; height:19px; min-width:125px;}
#how-to-join .contact { width:100%; text-align:right; }

#how-to-join .message { font-weight:bold; margin:10px 0px 0px 0px; padding:5px 10px;width:545px; background-color: #EDEDED;  border-bottom:1px solid #fff;}
#how-to-join #dealer_form { background-color:#EDEDED; width:545px; padding:10px; }
#how-to-join #dealer_form img { padding-bottom:10px; }
#how-to-join #dealer_form #location_form_item { width:225px; float:left; } 
#how-to-join #dealer_form #location_form_item input { border:1px solid #E5E6E8; width:200px;}
#how-to-join #dealer_form #range_form_item { width:120px; float:left; } 
#how-to-join #dealer_form #range_form_item select { border:1px solid #E5E6E8; width:100px; font-size:12px; }
#how-to-join #dealer_form #submit_form_item { width:80px; float:right; } 
#how-to-join #dealer_form #submit_form_item input{ margin-top:10px; }

#how-to-join .contact_form  { width:543px; padding:10px 0px 10px 20px; border-right:1px solid #EDEDED; border-left:1px solid #EDEDED; background-color:#fff;}
* html #how-to-join p  { width:500px; }
#how-to-join .contact_form .form_item { width:370px; clear:both; padding:2px 0px;}
#how-to-join .contact_form .form_item .form_label { width: 120px; float:left; }
#how-to-join .contact_form .form_item .form_input { widows:240px; float:left; }
#how-to-join .contact_form .form_item .form_input input {width:235px; border:1px solid #EEEEEE; font-size:11px; padding:1px;}
#how-to-join .contact_form .form_item .form_input select { font-size:11px; padding:1px;}
#how-to-join .contact_form .form_item .form_input input.postcode {width:150px; border:1px solid #EEEEEE; }
#how-to-join .contact_form .form_item .form_input .notes {width:235px; height:60px; border:1px solid #EEEEEE; font-size:11px; padding:1px;}
#how-to-join .contact_form .form_item .form_input .postcodeSearch { color:#000; text-decoration:underline; margin-left:10px; }
#how-to-join .submit {width:545px; padding:10px; background-color:#EDEDED; text-align:right; }

/* PRIZE DRAW */
#prize_draw { border: solid 1px #ededed; margin: 90px 0 20px 0; width: 735px; color: #000; }
#prize_draw .top { background-color: #ededed; height: 30px; padding: 10px 0 0 10px; }
#prize_draw .top h2 { background: #ededed url('../resources/images/title_prize_draw.gif') no-repeat; }
#prize_draw .top h2 span { visibility: hidden; }
#prize_draw .middle { padding: 0 0 20px 20px; }
#prize_draw .bottom { background-color: #ededed; height: 25px; padding: 10px; }
#prize_draw p { margin: 15px 0 15px 0; clear: both; }
#prize_draw h2 { font-weight: bold; }
#prize_draw .bottom a.submit { float: right; border-bottom: 1px solid #000; color: #000; padding: 4px 5px 1px; text-decoration: none; background-color: #f7b100; }
#prize_draw .prize_links { margin: 0; width: 700px; height: 170px;  }
#prize_draw .prize_links li { float: left; margin-right: 15px; }

a.first_prize, 
a.second_prize, 
a.third_prize { display: block; background-image: url('../resources/images/promo_rollovers.jpg'); text-indent: -9999px; }

a.first_prize { width: 213px; height: 171px; }
a:hover.first_prize {width: 213px; height: 171px; background-position: 213px 0px;}
a.second_prize { width: 213px; height: 171px; background-position: 0px -174px; }
a:hover.second_prize {width: 213px; height: 171px; background-position: 213px 342px;}
a.third_prize { width: 213px; height: 171px; background-position: 0px -345px; }
a:hover.third_prize {width: 213px; height: 171px; background-position: 213px 171px}

#prize_draw table {width: 500px; }
#prize_draw table tr td.title { width: 150px; }
#prize_draw table tr td input { width: 250px; border: solid 1px #ededed; font-size:11px; padding:1px }
#prize_draw table tr td select { width: 100px; border: solid 1px #ededed; font-size:11px; padding:1px}
#prize_draw table tr td input.postcode { width: 160px; }
#prize_draw table a, #prize_draw table a:hover, #prize_draw .middle p a, #prize_draw .middle p a:hover { color: #000; text-decoration: underline; }

#prize_draw .first_prize_popup {position: absolute; left: 470px; top: 130px; width: 300px; height: 450px; padding: 10px 10px 0 10px; background-color: #FFF; border: solid 1px #000; display: none; }
#prize_draw .first_prize_popup h2 { background: url('../resources/images/title_first_prize.gif') no-repeat; height: 40px; float: left; }
#prize_draw .first_prize_popup h2 span { visibility:hidden; }
#prize_draw .first_prize_popup a  { color: #666; text-decoration: none; font-weight: bold; float: right; background: url('../resources/images/buttons/close.gif') no-repeat right; padding-right: 20px; line-height: 15px; }
#prize_draw .second_prize_popup {position: absolute; left: 270px; top: 130px; width: 700px; height: 300px; padding: 10px 10px 0 10px; background-color: #FFF; border: solid 1px #000; display: none;}
#prize_draw .second_prize_popup h2 { background: url('../resources/images/title_2nd_prize.gif') no-repeat; height: 40px; width: 250px; float: left; }
#prize_draw .second_prize_popup h2 span { visibility:hidden; }
#prize_draw .second_prize_popup a  { color: #666; text-decoration: none; font-weight: bold; float: right; background: url('../resources/images/buttons/close.gif') no-repeat right; padding-right: 20px; line-height: 15px; }
#prize_draw .third_prize_popup {position: absolute; left: 270px; top: 130px; width: 800px; height: 440px; padding: 10px 10px 10px 10px; background-color: #FFF; border: solid 1px #000; display: none;}
#prize_draw .third_prize_popup h2 { background: url('../resources/images/title_3rd_prize.gif') no-repeat; height: 40px; width: 250px; float: left; }
#prize_draw .third_prize_popup h2 span { visibility:hidden; }
#prize_draw .third_prize_popup a  { color: #666; text-decoration: none; font-weight: bold; float: right; background: url('../resources/images/buttons/close.gif') no-repeat right; padding-right: 20px; line-height: 15px; }
#prize_draw .terms {position: absolute; left: 270px; top: 130px; width: 770px; height:530px; padding: 10px 10px 0 10px; background-color: #FFF; border: solid 1px #000; display: none; }
#prize_draw .terms h2 { font-size: 16px; font-weight: bold; color: #000; height: 40px; float: left; }
#prize_draw .terms a  { color: #000; text-decoration: underline; float: right; }



/*****SLIDER*****/
#slideshow {background:#fff; height:280px; position: relative; width:763px;} 
        #slideshow .slide  {cursor: pointer; height:280px; left: 0; position: absolute; top: 0; width:763px; visibility: hidden;}
        #slideshow .slide * {display: none;}
        .controller {bottom: 18px; right: 11px; position: absolute; height: 14px; z-index: 10}
        .controller a.play {background: url(/Assets/Resources/Images/homeslider/pause.png) no-repeat; display: block; float: left; height: 14px; outline: 0; text-indent: -9999px; width: 20px;}
        .controller a.play:hover {background-image: url(/Assets/Resources/Images/homeslider/pause_Hover.png);}
        .controller a.pause {background: url(/Assets/Resources/Images/homeslider/play.png) no-repeat;}
        .controller a.pause:hover {background-image: url(/Assets/Resources/Images/homeslider/play_Hover.png);}
        .controller ul  {background: url(/Assets/Resources/Images/homeslider/Divider.png) no-repeat; float: left; margin: 0; padding: 0 0 0 9px;}
        .controller ul li {float: left; margin: 0; list-style: none;}
        .controller ul li a {background: url(/Assets/Resources/Images/homeslider/Node_Unselected.png) no-repeat; display: block; height: 14px; margin: 0 7px 0 0; outline: 0; text-indent: -9999px; width: 14px;}
        .controller ul li a:hover, .controller ul li a.sel {background-image: url(/Assets/Resources/Images/homeslider/Node_selected.png)}
