/********************************************
 * Lymn Luxury Vehicle Hire Main Stylesheet *
 *********************************************/

/* font sizes can now be defined in ems as pixels: 1em = 10px, 1.2em = 12px, 2em = 20px */
body { overflow-x:hidden; font:67.5%/1.6 Arial, Verdana, sans-serif; margin:0; line-height:1.5em; background-image: url(../images/site/background.gif); background-repeat: repeat-x; color:#394a59; }
html,body { }
div.cb { clear:both; }
div { padding:0; margin:0; }
p { padding-bottom:1em;	margin:0; }
form { margin:0; }
img { border:0; }
a { text-decoration:none; color:#555655; }
a:hover { text-decoration:underline; }
.textonly { display:none; }

/* Jquery tabs base setup */
#tabs li.ui-state-default { }
#tabs li.ui-state-active { }
#tabs li.ui-state-active a { }
.ui-tabs-hide { display:none; }

h1 { color:#721a29; font-size:1.5em; margin:0; padding:0; font-weight:normal; margin-bottom:15px; }
h2 { font-size:1.4em; margin:0; padding:0; margin-bottom:20px; }
h3 { font-size:1.3em; margin:0; padding:0; font-weight:normal; }
h4 { font-size:1.1em; margin:0; padding-bottom:0.8em; font-weight:normal; }
h5 { font-size:1em; margin:0; padding:0; font-weight:normal; }

.dotted_line { background-image: url(../images/site/dot_line_extender.gif); background-repeat: repeat-x; height:1px; }

#outer_container { }
#inner_container { width: 960px; margin-right: auto; margin-left: auto; position:relative; font-size:1.2em; }
#header { top:0; position:absolute; background-image: url(../images/site/header.png); background-repeat: no-repeat; height: 272px; width: 1037px; }
#header a#logo { display:block; width:163px; height:174px; }
#header #navbar { position:absolute; top:213px; left:1px; }
#header #navbar ul { padding:0; margin:0; list-style:none; }
#header #navbar li { float:left; }
#header #navbar a#nav_vehicles { background-image: url(../images/site/icon_our_vehicles.png); background-repeat: no-repeat; width: 93px; height:20px; display:block; }
#header #navbar a#nav_about { background-image: url(../images/site/icon_about.png); background-repeat: no-repeat; width: 80px; height:20px; display:block; }
#header #navbar a#nav_contact { background-image: url(../images/site/icon_contact.png); background-repeat: no-repeat; width: 91px; height:20px; display:block; }
#header #navbar a#nav_terms { background-image: url(../images/site/icon_terms.png); background-repeat: no-repeat; width: 143px; height:19px; display:block; }
#header #navbar a#nav_directory { background-image: url(../images/site/icon_directory.png); background-repeat: no-repeat; width: 106px; height:20px; display:block; }
#header #navbar a#nav_enquiry { background-image: url(../images/site/icon_enquiry.png); background-repeat: no-repeat; width: 82px; height:19px; display:block; }
#header #navbar a:HOVER { background-position: 0px -20px; }

#main_body { padding-top:300px; }
#home #intro { width:960px; /*background-image: url(../images/site/vertical_dotted.gif); background-repeat: repeat-y; background-position:right;*/ }
#home #intro #inner { /*background-image: url(../images/site/vertical_design.gif); background-repeat: no-repeat; background-position:right;*/ }
#home #intro #content { width:960px; }
#home #contact_area { float:left; width:284px; padding-left:33px; }
#home #contact_area h5 { color:#444444; padding-bottom:10px; }
#home #contact_area h5 a { font-style:italic; }

#home #content { }
#home #content_outtro { padding-top:20px; }

#home #vehicle_area { padding-top:37px; }
#home .vehicle { float:left; padding-bottom:7px; }
#home .last { }
#home .mid { padding-right:15px; }
/*#home .vehicle .thumb { float:left; margin-right:10px; padding:1px; border:1px #d0d1d1 solid; }
#home .vehicle .info { float:left; width:133px; }*/
#home .vehicle .thumb { padding:1px; border:1px #d0d1d1 solid; }
#home .vehicle .info { }
#home .vehicle .info a.vehicle_name { text-align:center; padding-top:5px; color:#50606d; font-weight:bold; font-size:0.9em; padding-bottom:10px; display:block; height:23px; line-height:1.2em; }
#home .vehicle .info .description { height:53px; padding-bottom:5px; font-size:0.85em; line-height:1.2em; }
#home .vehicle .info a.more_details { padding-left:15px; font-size:0.9em; font-size:0.85em; background-image: url(../images/site/red_arrows.gif); background-repeat: no-repeat; background-position:2px; }

#thedirectory .navtrail { padding-bottom:10px; padding-top:10px; font-size:1.1em; margin-left:auto; margin-right:auto; line-height:1.4em; }
#thedirectory .navtrail ul { padding:0; margin:0; list-style:none; }
#thedirectory .navtrail li { margin-right:8px; padding-right:8px; border-right:1px #7e8c9a solid; float:left; }
/*#thedirectory  a { color:#7e8c9a; }*/
#thedirectory .navtrail li.last { margin-right:0; padding-right:0; border-right:0; }
#thedirectory .company_name { font-weight:bold; font-size:1.2em; padding-bottom:5px; }
#thedirectory .highlight { font-weight:bold; }
#thedirectory .image { float:left; width:150px; padding-right:20px; }
#thedirectory .details { float:left; line-height:1.5em; width:790px; }
#thedirectory .details .description { padding-top:10px; }
#thedirectory .same_company { border-top:1px #e5e5e5 solid; margin-top:20px; padding-top:20px; }
#thedirectory #directory_footer { padding-top:20px; }
#thedirectory .back_to_top { text-align:center; padding-top:10px;}
#thedirectory .company_header { padding-bottom:10px; }

.page_divider { background-image: url(../images/site/footer_divider.gif); background-repeat: no-repeat; width: 960px; padding-top:10px; margin-top:10px; height:20px; }

#footer { padding-bottom:20px; background-image: url(../images/site/footer_divider.gif); background-repeat: no-repeat; width: 960px; padding-top:30px; margin-top:30px; position:relative; color:#7e8c9a; }
#footer #copyright { }
#footer #nav { position:absolute; right:0; }
#footer #nav ul { padding:0; margin:0; list-style:none; }
#footer #nav li { margin-right:8px; padding-right:8px; border-right:1px #7e8c9a solid; float:left; }
#footer #nav a { color:#7e8c9a; }
#footer #nav li.last { margin-right:0; padding-right:0; border-right:0; }
#footer #company_footer { padding-top:10px; font-size:0.8em; }

/******************
 * VEHICLE DETAIL *
 ******************/
#vehicle_template { }
#vehicle_template #sidebar { float:left; width:200px; padding-right:8px; }
#vehicle_template #detail_area { float:left; width:750px; }

#vehicle_selector { position:relative; background-image: url(../images/site/sidebar_box.gif); background-repeat: no-repeat; width:200px; height:433px; }
#vehicle_selector #top_arrow_area { position:absolute; top:50px; background-image: url(../images/site/sidebar_arrow_up.gif); background-repeat: no-repeat; width:200px; height:22px; }
#vehicle_selector #bottom_arrow_area { position:absolute; top:394px; background-image: url(../images/site/sidebar_arrow_down.gif); background-repeat: no-repeat; width:200px; height:22px; }
#vehicle_selector a#top_arrow { width:200px; height:22px; display:block; }
#vehicle_selector a#bottom_arrow { width:200px; height:22px; display:block; }
#vehicle_selector #selector { position:absolute; top:95px; height:283px; overflow-y:auto; overflow-x:hidden; list-style:none; padding:0; margin:0; }

#vehicle_selector .vehicle_item { width:200px; }
#vehicle_selector .vehicle_image { width:92px; height:61px; margin-left:auto; margin-right:auto; padding:1px; border:1px #d0d1d1 solid; }
#vehicle_selector .vehicle_name { text-align:center; padding-top:4px; color:#969696; }

#vehicle_detail #tabs { width:750px; height:445px; background-image: url(../images/site/detail_box.gif); background-repeat: no-repeat; position:relative; }
#vehicle_detail #tabs ul { top:0; left:10px; list-style:none; padding:0; margin:0; position:absolute; }
#vehicle_detail #tabs li { float:left; width:138px; height:35px; padding-right:2px; }
#vehicle_detail #tabs li a { text-align:center; display:block; padding:6px 0 0 0; }
#vehicle_detail #tabs li a:hover { text-decoration:none; }
#vehicle_detail .tab_body {  }
#vehicle_detail .tab_content { padding:59px 0 0 24px; }

#vehicle_detail #tabs .ui-state-default { width:138px; height:35px; background-image: url(../images/site/tab_off.gif); background-repeat: no-repeat; }
#vehicle_detail #tabs .ui-state-active { width:138px; height:35px; background-image: url(../images/site/tab_on.gif); background-repeat: no-repeat; }
#vehicle_detail #tabs .ui-state-active a { }
#vehicle_detail #tabs h4 { margin-top:2px; }

#vehicle_detail #tab_layout h3 { margin-bottom:15px; }
#vehicle_detail #tab_layout #col1 { float:left; }
#vehicle_detail #tab_layout .hasimage { width:277px; padding-right:25px; }
#vehicle_detail #tab_layout .noimage { width:700px; }
#vehicle_detail #tab_layout #col2 { width:400px; float:left; }
#vehicle_detail #tab_layout .tab_scroller { overflow:auto; height:243px; }
#vehicle_detail #tab_layout a#add_to_enquiry { display:block; margin-top:25px; background-image: url(../images/site/icon_add_to_enquiry.gif); background-repeat: no-repeat; width:176px; height:20px;  }
#vehicle_detail .tab_scroller div { margin-right:5px; }
#vehicle_detail #available { padding-top:5px; font-style:italic; font-size:0.9em; }
#vehicle_detail #available a { text-decoration:underline; }

#vehicle_detail .loader { position:absolute; top:207px; left:375px; width:16px; height:16px; background-image: url(../images/site/ajax-loader.gif); background-repeat: no-repeat; }

.vehicle_images .img_nav_area { margin-top:17px; position:relative; }
.vehicle_images .img_nav_area a.enlarge { right:0; top:0; position:absolute; }
.vehicle_images .img_nav_area a.left_arrow { position:absolute; display:block; background-image: url(../images/site/image_arrow_left.gif); background-repeat: no-repeat; width:14px; height:14px; }
.vehicle_images .img_nav_container { border:1px black solid; }
.vehicle_images dl { margin:17px 0 0 24px; padding:0; list-style:none; font-size:1em; text-align:center; }
.vehicle_images dl dt { float:left; margin-right:7px; padding-right:7px; border-right:1px #64aed1 solid; }
.vehicle_images dl a.current { font-weight:bold; }
.vehicle_images dl a.current:hover { text-decoration:none; }
.vehicle_images dl dt.last { border-right:0; }
.vehicle_images .img_nav_area a.right_arrow { float:left; padding-left:3px; display:block; background-image: url(../images/site/image_arrow_right.gif); background-repeat: no-repeat; width:14px; height:14px; }

/***********
 * ENQUIRY *
 ***********/
#enquiry_basket { position:relative; }
#enquiry_basket #topbar { position:absolute; left:0px; top:0px; background-image: url(../images/site/big_box_top.gif); background-repeat: no-repeat; width:959px; height:23px; }
#enquiry_basket #bottombar { position:absolute; bottom:0px; left:0px; background-image: url(../images/site/big_box_bottom.gif); background-repeat: no-repeat; width:959px; height:11px; }
#enquiry_basket #inner_basket { background-image: url(../images/site/big_box_inner.gif); background-repeat: repeat-y; width:959px;  }
#enquiry_basket #inner { padding:23px 22px 41px 22px; }
#enquiry_basket h3 { padding-bottom:20px; }
#enquiry_basket #message { color:#ff0000; font-weight:bold; padding-bottom:20px; }
#enquiry_basket #message div { padding-bottom:5px; }
#enquiry_basket #top_area { padding-bottom:25px; }
#enquiry_basket #intro { width:240px; float:left; font-size:0.9em; padding-right:50px; }
#enquiry_basket #intro a { margin-top:10px; display:block; background-image: url(../images/site/icon_add_another_vehicle.gif); background-repeat: no-repeat; width:200px; height:20px; }
#enquiry_basket #form_area { float:right; font-size:0.9em; }
#enquiry_basket #form_area .row { padding-bottom:15px; }
#enquiry_basket #form_area .label { float:left; padding:5px 8px 0 0; }
#enquiry_basket #form_area .item1 { width:111px; }
#enquiry_basket #form_area .item2 { width:111px; }
#enquiry_basket #form_area .field { float:left; padding-right:14px; }
#enquiry_basket #form_area .last { padding-right:0px; }
#enquiry_basket #form_area input { width:160px; border:1px #d0d1d1 solid; font-family:Arial, Verdana, sans-serif; }
#enquiry_basket #form_area select { width:160px; font-size:1em; height:18px; margin-top:2px; font-family:Arial, Verdana, sans-serif; }
#enquiry_basket #form_area #additional_info { width:450px; height:60px; overflow:auto; font-family:Arial, Verdana, sans-serif; font-size:1em; }
#enquiry_basket #form_area .last_row { padding-bottom:0px; }

#enquiry_basket .basket_row { padding:20px 0 20px 0; font-size:0.9em; }
#enquiry_basket .basket_row h3 { font-size:1.2em; padding-bottom:12px; }
#enquiry_basket .basket_row .car_area { width:328px; }
#enquiry_basket .basket_row .car_area img { padding:1px; border:1px #d0d1d1 solid; float:left; }
#enquiry_basket .basket_row .car_area .description { padding:3px 0 0 12px; float:left; width:162px; }
#enquiry_basket .basket_row .car_area a { margin-top:20px; display:block; background-image: url(../images/site/icon_remove_vehicle.gif); background-repeat: no-repeat; width:144px; height:20px; }
#enquiry_basket .basket_row .collection_area { width:197px; }
#enquiry_basket .basket_row .ceremony_area { width:200px; }
#enquiry_basket .basket_row .reception_area { width:189px;  }
#enquiry_basket .basket_row .col { float:left; height:260px; }
#enquiry_basket .basket_row .divider { background-image: url(../images/site/vertical_dot_repeater.gif); background-repeat: repeat-y; background-position:right; }
#enquiry_basket .basket_row .inner { margin:0 15px 0 15px; }
#enquiry_basket .basket_row .field { width:168px; margin-bottom:10px; }
#enquiry_basket .basket_row .textarea { height:70px; overflow:auto; font-family:Arial, Verdana, sans-serif; font-size:1em; }
#enquiry_basket .basket_row .input { height:15px; font-size:1em; }
#enquiry_basket .basket_row .prices { font-style:italic; }

#enquiry_basket #send_button { float:right; width:447px; height:20px; margin:36px 0 0 0; padding:0; border:0; background: transparent url(../images/site/icon_submit_enquiry.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; font-size: 0; display:block; line-height:0; font-size:0; }
#enquiry_basket .copy_details { border:0; background: transparent url(../images/site/icon_copy_details.gif); no-repeat center top; text-indent: -1000em; cursor: pointer; font-size: 0; display:block; line-height:0; font-size:0; margin-bottom:12px; width:168px; height:20px; }

#enquiry_basket .help { font-size:0.8em; }

/*********
 * BOXES *
 *********/
.box { position:relative; height:260px; background-image: url(../images/site/box_top_extender.gif); background-repeat: repeat-x; background-position:top; color:#444444; }
.box_wide { width:960px;  }
.box_normal { width:310px;  }
.box_top_left_corner, .box_bottom_left_corner, .box_top_right_corner, .box_bottom_right_corner { position:absolute; width:3px; height:3px; }
.box_top_left_corner { background-image: url(../images/site/box_top_left_corner.gif); background-repeat: no-repeat; }
.box_bottom_left_corner { background-image: url(../images/site/box_bottom_left_corner.gif); background-repeat: no-repeat; bottom:0; }
.box_top_right_corner { background-image: url(../images/site/box_top_right_corner.gif); background-repeat: no-repeat; right:0; }
.box_bottom_right_corner { background-image: url(../images/site/box_bottom_right_corner.gif); background-repeat: no-repeat; bottom:0; right:0; }
.box_inner1 { background-image: url(../images/site/box_side_extender.gif); background-repeat: repeat-y; background-position:left; }
.box_inner2 { zoom:1; background-image: url(../images/site/box_side_extender.gif); background-repeat: repeat-y; background-position:right; }
.box_inner3 { background-image: url(../images/site/box_top_extender.gif); background-repeat: repeat-x; background-position:bottom; }
.box_body { height:234px; padding:13px; }
.box_shadow { height:12px; background-repeat: no-repeat; background-position:center; }

.box_shadow_normal { width:310px; background-image: url(../images/site/box_shadow.gif); }
.box_shadow_wide { width:960px; background-image: url(../images/site/box_shadow_wide.gif); }

.mockup .box { height:204px; }
.mockup .box_body { height:178px; }

/*****************
 * CONTENT PAGES *
 *****************/
#content h3 { margin-bottom:15px; }

/**************
 * SITE FORMS *
 **************/
#contactus { padding-top:10px; }
#contactus #contact_button { width:60px; height:20px; margin:0; padding:0; border:0; background: transparent url(../images/site/icon_send.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; font-size: 0; display:block; line-height:0; font-size:0; }

.site_form { padding-top:10px; }
.site_form .row { padding-bottom:10px; position:relative; }
.site_form .required { font-weight:bold; color:red; }
.site_form .label { float:left; width:100px; }
.site_form .field { float:left; }
.site_form .textfield { width:300px; }
.site_form .textarea { width:400px; height:200px; overflow-y:auto; }
.site_form .validation_fail { padding-bottom:20px; font-weight:bold; color:red; }
.site_form #recaptcha { padding:10px 0 10px 0; }
.site_form .recaptcha .error { color:red; font-weight:bold; padding:5px 0 0 0; }

/********************
 * SIDEBAR SCROLLER *
 ********************/
.jcarousel-skin-llvh .jcarousel-container { }
.jcarousel-skin-llvh .jcarousel-container-vertical { width: 200px; height: 283px; top:50px; padding-top:45px; padding-bottom:38px; }
.jcarousel-skin-llvh .jcarousel-clip-vertical { width:200px; height: 283px; }

.jcarousel-skin-llvh .jcarousel-item { width:200px; height:83px; display:block; }
.jcarousel-skin-llvh .jcarousel-item-vertical { margin-bottom: 15px; }
.jcarousel-skin-llvh .jcarousel-item-placeholder { }

.jcarousel-skin-llvh .jcarousel-next-vertical { bottom:0px; position:absolute; cursor: pointer; background-image: url(../../images/site/sidebar_arrow_down.gif); background-repeat: no-repeat; width:200px; height:22px; }
.jcarousel-skin-llvh .jcarousel-next-vertical:hover { }
.jcarousel-skin-llvh .jcarousel-next-vertical:active { }
.jcarousel-skin-llvh .jcarousel-next-disabled-vertical,
.jcarousel-skin-llvh .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-llvh .jcarousel-next-disabled-vertical:active { }

.jcarousel-skin-llvh .jcarousel-prev-vertical { position:absolute; top:0px; cursor: pointer; background-image: url(../../images/site/sidebar_arrow_up.gif); background-repeat: no-repeat; width:200px; height:22px; }
.jcarousel-skin-llvh .jcarousel-prev-vertical:hover { }
.jcarousel-skin-llvh .jcarousel-prev-vertical:active { }

.jcarousel-skin-llvh .jcarousel-prev-disabled-vertical,
.jcarousel-skin-llvh .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-llvh .jcarousel-prev-disabled-vertical:active { }

.jcarousel-skin-llvh .jcarousel-next-disabled { display:none !important; }
.jcarousel-skin-llvh .jcarousel-prev-disabled { display:none !important; }

/***************
 * DATE PICKER *
 ***************/
 a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/site/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}