﻿/* GENERAL SLIDER STYLING */

.ui-slider { width: 165px; height: 15px; position: relative; background-repeat: no-repeat; background-position: center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(i/slider-handle.gif);cursor:pointer; }
.ui-slider-handle-active { border: 0; }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.6; filter: alpha(opacity=60); width: 100%; height: 100%; }

/* QUESTION STYLING */

#questions { background: url(../images/lifestyle/bg_lifestyle_grey_top.gif); height: 626px; width: 740px;position:relative;font-size:0.9em !important; }
#questions #heading { position: absolute; background-image: url(../images/lifestyle/bg_header.gif); width: 684px; height: 58px; top: 21px; left: 28px; }
#questions .ui-slider { position: absolute; top: 82px; left: 28px; }
#questions .title { color: #FFF; font-size: large; top: 10px; left: 65px; width: 150px; position: relative; }
#questions label { display: inline; color: #FFF; }
#questions #centrePanel { position: absolute; top: 262px; left: 256px; width: 228px; height: 168px; background: url(../images/lifestyle/bg_grey_panel.gif); z-index:3000; }
#questions #centrePanel.active {overflow:hidden;}
#questions #centrePanel #postcodequestion { display: block; padding: 8px; position:absolute; width:359px; height:244px; padding:55px 0 0 0; top:-60px; left:-70px; background:transparent url(../images/lifestyle/lifestylesearch_intro_bg.png) top left no-repeat;z-index:4000;}
#questions #centrePanel #postcodequestion .label { color: #262626; font-size: 14px; text-align: center; padding:0 35px; }
#postcodequestion .formhold { width:290px;margin:15px auto 5px auto;height:33px;background:transparent url(../images/lifestyle/pc-dis_bg.gif) top left no-repeat; padding:10px 0 0 0; }
#questions #centrePanel #postcodequestion #next { cursor: pointer; margin:0 auto;display:block; width:124px; }
#questions #centrePanel #errorMessage { display: none; height: 0px; }
#questions #centrePanel #postcode { width: 160px; margin: 0 0 0 15px;display:block; float:left; }
#questions #centrePanel #distance { margin: 1px 10px 0 5px; width: 92px;display:block; float:left; }
#questions #centreoverlay { position: absolute; top: 0px; left: 0px; } 
#questions #centrePanel #contenderscount, #questions #centrePanel #gettingresults { display: none; }
#questions #centrePanel #gettingresults .title { color: #262626; font-size: large; top: 75px; left: 15px; position: relative; text-align: center; width: 200px; }
#questions #centrePanel #contenders { color: #262626; font-size: large; left: 5px; top: 35px; position: relative; width: 200px; text-align: center; line-height: 25px;cursor:pointer; }
#contenders img { margin:7px 0 0 4px; }
#questions .question, #questions .overlay, #questions .overlayremoved { width: 228px; height: 168px; }
#questions .overlay { background-color: #363636; z-index: 100; -moz-opacity: 0.90; opacity: .90; filter: alpha(opacity=90); }
#questions .overlayremoved { display: none; }
#questions #question1 { position: absolute; top: 82px; left: 28px; background: url(../images/lifestyle/bg_spend_panel.gif); }
#questions #question1 .ui-slider { width: 200px; height: 15px; position: relative; background-repeat: no-repeat; top: 93px; left: 15px; }
#questions #question1 .ui-slider-range { position: absolute; background: url(../images/lifestyle/spend_grad.gif) center center no-repeat; width: 100%; height: 5px; top: 8px; }
#questions #question1 .ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(../images/lifestyle/slider-handle_speed.gif); }
#questions #question1 .ui-slider-handle.up { background: url(../images/lifestyle/slider-handle_spend_up.png);width:18px; }
#questions #question1 .ui-slider-handle.down { background: url(../images/lifestyle/slider-handle_spend_down.png);width:18px; }
#questions #overlay1, #questions #question2, #questions #overlay2 { position: absolute; top: 82px; left: 28px; }
#questions #question2 { left: 256px; background: url(../images/lifestyle/bg_drive_panel.gif); }
#questions #overlay2 { left: 256px; }
#questions #question2 .items { position: absolute; left: 35px; top: 65px; }
#questions #question3 { position: absolute; top: 82px; left: 484px; background: url(../images/lifestyle/bg_travel_panel.gif); }
#questions #question3 .ui-slider { width: 187px; height: 15px; position: relative; background-repeat: no-repeat; top: 93px; left: 21px; }
#questions #question3 .ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(../images/lifestyle/slider-handle_travel.gif); }
#questions #overlay3 { position: absolute; top: 82px; left: 484px; }
#questions #question4 {  background: url(../images/lifestyle/bg_space_panel.gif); }
#questions #question4, #questions #overlay4 { position: absolute; top: 262px; left: 28px; }
#questions #question4 .items { position: absolute; left: 28px; top: 65px;width:223px;padding:0 5px 0 0; }
#questions #question5 { background: url(../images/lifestyle/bg_colour_panel.gif); }
#questions #overlay5, #questions #question5 { position: absolute; top: 262px; left: 484px; }
#questions #question5 #coloursQuestion { position: absolute; left: 45px; top: 65px; width: 160px; }
#questions #question5 #coloursName { position: absolute; bottom: 10px; right: 110px;width:70px;color:#FFF;font-size:12px;font-weight:bold; }
#questions #question6 { background: url(../images/lifestyle/bg_fuel_panel.gif); }
#questions #question6 .ui-slider { width: 164px; height: 15px; position: relative; background-repeat: no-repeat; top: 93px; left: 32px; }
#questions #question6 .ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(../images/lifestyle/slider-handle_fuel.gif); }
#questions #question6, #questions #overlay6 { position: absolute; top: 442px; left: 28px; }
#questions #question7 { background: url(../images/lifestyle/bg_environment_panel.gif); }
#questions #question7 .ui-slider { width: 164px; height: 15px; position: relative; background-repeat: no-repeat; top: 93px; left: 32px; }
#questions #question7 .ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(../images/lifestyle/slider-handle_environment.gif); }
#questions #overlay7, #questions #question7 { position: absolute; top: 442px; left: 256px; }
#questions #question8 { background: url(../images/lifestyle/bg_speed_panel.gif); }
#questions #question8 .ui-slider { width: 164px; height: 15px; position: relative; background-repeat: no-repeat; top: 93px; left: 32px; }
#questions #question8 .ui-slider-handle { position: absolute; z-index: 1; height: 25px; width: 11px; top: 0px; left: 0px; background: url(../images/lifestyle/slider-handle_speed.gif); }
#questions #question8, #questions #overlay8 { position: absolute; top: 442px; left: 484px; }
#questions .dontmind { position: absolute; bottom: 10px; right: 14px;width:70px; }
#questions .dontmind .box, #questions .dontmind .boxselected { float: left; background: url(../images/lifestyle/tickbox_11px_off.gif) no-repeat;margin: 2px 5px 2px 2px; width: 11px; height: 11px; cursor: pointer; }
#questions .dontmind .boxselected {background: url(../images/lifestyle/tickbox_11px_on.gif) no-repeat;}
#questions .dontmind .label, #questions .dontmind .labelselected { color:#FFF; cursor: pointer; }
#questions .want, #questions .wantselected { clear: both; float: left; margin: 2px 5px 2px 2px; cursor: pointer; width: 13px; height: 13px; background: url(../images/lifestyle/tickbox_off.gif); }
#questions .wantlabel { color:#FFF; height: 20px; width: 150px;}
#questions .wantselected { display: inline-block; background: url(../images/lifestyle/tickbox_on.gif); }
#questions .wantlabelselected, #questions .spacelabelselected { color: Yellow; }
#questions .colour, #questions .colourselected { border: solid 2px #000; margin: 2px; cursor: pointer; }
#questions .colourselected { border: solid 2px #FFF; }
#questions .space, #questions .spaceselected { clear: both; float: left; margin: 2px 5px 2px 2px; cursor: pointer; width: 13px; height: 13px; background: url(../images/lifestyle/tickbox_off.gif); }
#questions .spacelabel { color: #FFF; height: 20px; width: 100px;}
#questions .spacelabel.shoppingbags { width:110px; }
#questions .spaceselected { display:inline-block; background: url(../images/lifestyle/tickbox_on.gif); }
.questionsfooter { background: url(../images/lifestyle/bg_lifestyle_grey_bottom.gif); width: 740px; height: 25px; margin-bottom:15px; }
#question4 .splitleft { float:left; width:110px; margin-left:-20px;padding-right:5px;}
.splitright { float:left; width:113px;}

/* CONTENDERS STYLING */

#matchingContenders { background: url(../images/lifestyle/bg_lifestyle_grey_spacer.gif);height:48px; width: 740px; display: none; }
#matchingContenders #showTheContenders { cursor: pointer; margin: 0 27px 0 0;float:right; }

/* LIFESTYLE RESULTS */

#ls_res_contain { width: 680px; height: 846px; background: url(../images/lifestyle_results_background.jpg) no-repeat;padding:30px 35px 20px 35px; }
#ls_top_edit { float: left; width: 400px;text-align: left;padding:0 0 10px 0; }
#ls_top_save { float: right; text-align: right;padding:5px 0 0 0;}
#ls_count { clear:both;width:680px;border-top:1px dotted #555;}
#ls_count span { font-size:1.5em;color: #333333; display: block; margin: 5px 0 3px 6px;padding:3px 0 0 0;}
#ls_coverflow { float: left; display: block;width:465px;}
#ls_friend_send { float: right; display: block; width: 185px;height:192px;padding:60px 15px 4px 15px;background:url(../images/lifestyle/stf_bg.jpg) top center no-repeat;margin:6px 0 0 0; }
#ls_left { float: left; width: 261px; }
#ls_right { float: right;width:419px; }
#ls_right, #ls_left { padding:12px 0 0 0;display: block; }
#ls_right img { width:400px; }
#explorelink img, #viewcarslink img { width:auto !important; }
.ls_recap { float: left; min-height:45px; clear: both; width: 240px; border-bottom: 1px dotted #999999; margin-bottom: 2px;padding:5px 0; }
.ls_recap img { float:left;vertical-align:middle;margin-right:6px;display:block;}
.ls_result_info { float: left; text-align: left;width:128px;font:bold 14px Arial !important;color:#333;display:block;min-height:45px; }
.ls_result_info .ls_selected { font-size:10px !important;color:#555 !important;clear:both;display:block;margin:4px 0 0 0; }
.ls_result_info .ls_nospec { font:normal 11px arial !important;color:#000;margin:4px 0 0 0;display:block; }
.ls_checked { float:left;width:64px;display:block;text-align:right; }
.ls_checked img { float:right;padding:8px 0 0 0; }
#modelTitle { font-size:1.6em;color: #000;padding:12px 0 0 10px; width: 409px; height: 45px; text-align: left;background: url(../images/lifestyle_info_title_bar.jpg) top left no-repeat; }
a.lifestyle_results_browse_range{ display:block; color: #4F91CE; font:bold 12px arial !important;text-align: left;padding:4px 0;float:left;width:150px;margin:25px 0 0 20px; }
.count_view_hold { float:right;width:207px;border-left:1px dotted #CCC;padding:0 0 6px 15px;color: #000;text-align:center; }
#count { border:0;font:bold 16px Arial !important; }
#ls_friend_send h4 { font-size:18px;padding:0 0 4px 0;text-align:center;height:40px; }
#ls_friend_send p { padding:2px 0 0 0;text-align:center; }
#ls_friend_send #viewcarslinktop img { margin:7px auto 0 auto;display:block;width:150px; }
