/* =====================================================================	
	 	main.css
========================================================================	
   	Author: James Da Costa
   	Date:   24/04/2009
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------

   
/* =Page Structure
	styles for the layout of page furniture
	E.g. div#header, div#footer, div#leftPanel etc...
----------------------------------------------------------------------*/

/* =extended content
------------------------------------------------------------------------*/



/* =sets, cols & widths */
.set
{
	width: 100%;
	overflow: hidden;
	clear: both;
}

.col
{
	float: left;
	clear: left;
}

.colr
{
	float: right;
	clear: right;
}

.nc {
    clear:none;
}

.wrapped {
    margin:6px 10px 10px 0;
}

.w16 { width: 960px; }
.w12 { width: 720px; }
.w10 { width: 600px; }
.w9 { width: 520px; }
.w8 { width: 480px; }
.w7_5 { width: 450px; }
.w6_5 { width: 380px; }
.w6 { width: 360px; }
.w5_5 { width: 310px; }
.w5 { width: 280px; }
.w4 { width: 240px; }
.w3_5 { width: 220px; }
.w3 { width: 160px; }
.w2 { width: 100px; }
.w1_5 { width: 60px; }
div#main { width: 790px; }
div#sec { width: 167px; }
.centre { margin: 0 auto; }
.contentSection {
    margin:20px 0;
    
}

#wrap
{
	width: 960px;
	position: relative;
	background: #fff;
}

#content-wrap
{
	margin-top: 2.25em;
	border-top: 4px solid #fff;
}

#content { position: relative; }

#sec
{
	background: url(/img/bg/user_auth_bg.png) top left no-repeat;
	position: relative;
	z-index: 2;
	margin-top:-40px;
	padding-left:3px;
	padding-top:3px;
}


#nav { z-index: 3; }
#top img { float: left; }
.contentInner { padding: 0 10px; }
#sec .contentInner { padding: 12px 0px 12px 12px; }
#sec .sec_btn
{
	margin: 10px 0 0 0px;
	float: left;
}

#sec .sec_btn img { float: left; }
#main .contentInner { padding: 0 0px 0 10px; }
#main-bottom .contentInner { padding: 10px;  color:#595959;}
#main-bottom h2, #main-bottom h3, #main-bottom h4 {
    color:#000;
}
#main-content {
    padding-top:18px;
}


#sec .section
{
	border-bottom: 1px solid #9EA4A5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.detailImg {
    
}

.rightImg {
    float:right;
    padding-left:10px;
    padding-bottom:10px;
}

.sectionLabel {
    font-size:100%;
    font-weight:normal;
    margin-bottom:10px;
}

.date {
    line-height:1;
}

/*
#main-bottom {
    background:#D8DBDB;
}
*/

/*========================================================================*/

/* =Helpers
	styles that apply to elements, usually using a single
	class name throughout the site. 
	E.g. div.error, p.message etc...
----------------------------------------------------------------------*/

.js-show{
	display:none;
}

/* =buttons Styles */
.btn_list li
{
	display: inline;
	margin-right: 10px;
}

/* =quotes Styles */
blockquote
{
	font-size: 140%;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	text-shadow: #fff 0 0 0;
	font-style:italic;
}

/* =curved Styles */


.curved, .curved b 
{
	border-color: #d8d8db;
	border-style: solid;
	font-weight:normal;
}

.curved
{
	display: block;
	float: left;
	border-width: 0 1px;
	text-decoration: none;
	outline: none;
}

.curved b.a
{
	display: block;
	position: relative;
	border-width: 0 1px;
	font-weight: normal;
	float: left;
	top:-1px;
}

.curved b.b
{
	display: block;
	position: relative;
	border-width: 0 1px;
	font-weight: normal;
	float: left;
	left:-1px;
	bottom:-2px;
	margin-right:-2px;
}

.curved b.c
{
	display: block;
	position: relative;
	border-width: 0 1px;
	float: left;
	top:-3px;	
}

.curved b.d
{
	display: block;
	position: relative;
	border-width: 0 1px;
	float: left;
	left:-1px;
	bottom:-4px;
	margin-right:-2px;
}


#main-bottom .curved, #main-bottom .curved b {
	border-color: #d8d8db;
	background:#D8DBDB;
}


#main-bottom .curved {
    margin:3px 0;
}

#main-bottom {
    margin:10px 0 0px;
    padding-bottom:0px;
}

#main-bottom .curved b.d {
    width:754px;
}

#main-bottom img.pull-down, #main-bottom div.pull-down {
    position:absolute;
    bottom:-40px;
}



/* =Forms Styles */
/* =Message Styles */
.error
{
	background: #FFBABA;
	border: 1px solid #E69494;
	color: #D6010E;
}

.warning
{
	background: #FEEFB3;
	border: 1px solid #DDA233;
	color: #9F6000;
}

.success
{
	background: #DFF2BF;
	border: 1px solid #4F8A10;
	color: #59911C;
}

/* =Header */
div#header
{
	text-align: center;
	position: relative;
	height: 130px;
	width: 960px;
	border-bottom: 1px solid #aaa;
	background: url(/img/bg/fade.png) top left repeat-y;
}

#logo
{
	width: 200px;
	height: 45px;
	background: url(/img/logo.png) top left no-repeat;
	text-indent: -999px;
	display: block;
	position: absolute;
	top: 64px;
	left: 19px;
	cursor: pointer;
}

#crest
{
	position: absolute;
	top: 19px;
	left: 258px;
}

#user_types
{
	position: absolute;
	top: 77px;
	right: 0px;
}

#user_types a { margin-left: 5px; }


#top {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/services.png) top left no-repeat;
}
#servicesTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/services.png) top left no-repeat;
}
#aboutTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/about.png) top left no-repeat;
}
#contactTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/contact.png) top left no-repeat;
}
#driverworkTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/driver-work.png) top left no-repeat;
}
#newsTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/news.png) top left no-repeat;
}
#onlineservicesTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/online-services.png) top left no-repeat;
}
#openTop {
    height:170px;
    width:960px;
    background:#000 url(/img/bg/top/open-account.png) top left no-repeat;
}


#followOn {
    margin:8px 0;
    float:left;
    width:100%;
}


/* =Navigation */
div#nav
{
	float: left;
	width: 960px;
	background: #000;
	border-top: 1px solid #909090;
	position: absolute;
	top: 130px;
	left: 0px;
}

div#nav li, div#nav a
{
	float: left;
	display: block;
}

div#nav li
{
	border-right: 1px solid #4c4c4c;
	position: relative;
}

div#nav a
{
	padding: 0 13px;
	text-decoration: none;
	color: #fff;
	line-height: 2.25em;
}

div#nav li a.selected { background: #666; }
div#nav li.sfhover { z-index: 100; }
div#nav li:hover a, div#nav li.sfhover a { background: #9EA4A5; }
div#nav ul, div#nav li { padding: 0; }
div#nav li.active a {
    background:#7B7E80;
}

div#nav ul
{
	width: 100%;
	margin: 0 auto;
}

div#nav li div
{
	position: absolute;
	top: 2.25em;
	clear: left;
	left: -9999px;
	width: 200px;
	padding: 0px;
	background: #9EA4A5;
}

div#nav li div ul
{
	float: left;
	width: 200px;
}

div#nav li div ul.first
{
	padding-left: 0px;
	border: none;
}

div#nav li div li
{
	border: none;
	padding: 0px;
	width: 100%;
}

div#nav li div li a
{
	padding: 4px 13px;
	line-height: 1.6;
	width:174px;
}

div#nav li div li a:hover
{
	background: #DDE4E6;
	color:#333;
	text-decoration: none;
}

div#nav li:hover div, div#nav li.sfhover div { left: auto; }

div#nav li div ul ul li a
{
/*
    padding-left:23px;
    width:164px;
*/
}



/* =Footer */
div#footer { margin-top:20px; float:left; background: url(/img/bg/fade.png) top left repeat-y; }

div#footerInner
{
	margin: 0 auto;
	padding: 10px;
	font-size: 90%;
	width: 940px;
	float: left;
}

div#footerInner, div#footerInner a { color: #333; }
div#footerInner { overflow: hidden; }

div#footerInner ul
{
	float: left;
	margin: 0;
	padding: 0;
}

div#footerInner ul li { display: inline; }
div#footerInner ul li a { margin-right: 10px; }
#copy { float: right; }

/* =user auth */
#user_auth { }
#user_auth p { padding: 0; }
#user_auth * { color: #fff; }
#user_auth input { color: #000; }
#user_auth a { text-decoration: underline; }
#user_auth a:hover { text-decoration: none; }

#user_auth_inner
{
	background: url(/img/bg/user_auth_top.png) top left no-repeat;
	padding-top: 3px;
	float: left;
}

#user_auth_content
{
	width: 143px;
	padding: 10px 9px;
	background: #000 url(/img/bg/user_auth_bottom.png) bottom left no-repeat;
	float: left;
}

#user_auth label { display:block; width:100%; }

/*
#user_auth input
{
	padding: 1px 0;
}

#user_auth li.checkbox { margin: 0; }

#user_auth li.checkbox label, #user_auth li.checkbox input
{
	float: none;
	line-height: 1em;
	vertical-align: 50%;
	width: auto;
	padding-right: 4px;
}

#user_auth li.checkbox input
{
	line-height: 0.5em;
	vertical-align: 30%;
}

#user_auth input
{
	width: 75px;
	border: none;
	color: #000;
	padding: 1px;
}

#user_auth ol, #user_auth form
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#user_auth form { margin-top: 10px; }
#user_auth label { width: 60px; }

#user_auth li
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	list-style-type:none;
}

input#user_auth_enter
{
	float: right;
	height: 26px;
}
*/

/* =Services Nav */
#service_nav
{
	position: relative;
	width: 960px;
	background: #000;
	margin-left: -10px;
	margin-bottom: 20px;
}

#service_nav ul
{
	background: #fff;
	float: left;
	padding: 0 10px;
	margin-top: 300px;
	width: 100%;
	border-top: 4px solid #b8b8b8;
}

#service_nav li, #service_nav li a
{
	float: left;
	display: block;
	width: 130px;
}

#service_nav li
{
	width: 130px;
	height: 8em;
}

#service_nav li div.top
{
	position: absolute;
	top: 0px;
	left: -2000px;
	width: 960px;
	height: 300px;
}

#service_nav li a { cursor: pointer !important; display:block; height:8em; }

#service_nav li div.top div.top-image
{
	position: absolute;
	width: 960px;
	height: 300px;
}

.top-content
{
	font-size: 260%;
	font-family: Georgia, sans-serif;
	font-weight: normal;
	float: right;
	text-align: right;
	width: 450px;
	padding: 20px;
	position: absolute;
	right: 20px;
	display: none;

}

.top-content * {
    color:#ccc;
    text-shadow:#000 2px 2px 0;
}

#top .top-content{
    right:0px;
}

#tab-cover{
    position:absolute;
    top:304px;
    left:10px;
    width:780px;
    height:100px;
    cursor:pointer;
    display:none;
}

#loader {
    position:absolute;
    top:20px;
    left:20px;
    color:#333;
}

#loader img {
    position:relative;
    top:3px;
}

#service_nav {
    background:#fff;
    height:405px;
}

#service_nav_inner {
    background:#000;
    width:100%;
    float:left;
}

#service_nav li#c1 .top-image, #service_nav li.default .top-image { background-image: url(/img/bg/top/corporate-top.png); }
#service_nav li#c2 .top-image { background-image: url(/img/bg/top/environmental-top.png); }
#service_nav li#c3 .top-image { background-image: url(/img/bg/top/executive-top.png); }
#service_nav li#c4 .top-image { background-image: url(/img/bg/top/executive-plus-top.png); }
#service_nav li#c5 .top-image { background-image: url(/img/bg/top/airport-top.png); }
#service_nav li#c6 .top-image { background-image: url(/img/bg/top/events-top.png); }
#service_nav li.default div.top, #service_nav li a:hover div.top, #service_nav li.sfhover div.top, #service_nav li.show div.top { left: 0px; }

#service_nav li a h3
{
	height: 1.6em;
	float: left;
	font-family: Georgia, Serif;
	font-size: 120%;
	font-weight: normal;
	line-height: 1;
	background: url(/img/bg/services_chev.png) top left no-repeat;
	background-position: 8px 2px;
	padding: 0 0 0.2em 16px;
	margin: 0;
}

#service_nav li a
{
	color: #000;
	padding-top: 14px;
}

#service_nav li a:hover,
#service_nav li.selected a
{
	text-decoration: none;
}

#service_nav li.selected .service-tab
{
	background: url(/img/bg/services_sel.png) top left repeat-x;
}

#service_nav li .service-tab {
    position:absolute;
    width:130px;
    height:90px;
    margin-top:-14px;
    padding-top:14px;
    
}

#service_nav li img {
    position:absolute;
    top:42px;
    left:0px;
}



/* =Page components
	styles for the components that make up each webpage. (Most of the
	CSS will go in here)
	E.g. div#header img.logo, div#leftPanel ul li a etc...
----------------------------------------------------------------------*/

.cmsedit_item:link, 
.cmsedit_item:visited
{
	position: absolute;
	margin: 0 4px;
	text-decoration: none;
}

.cmsedit_item:hover { background: #000; }
.cmsedit_item b { }

.caption {
    margin-bottom:20px;
}

.caption .caption-content {
    background:#000;
    padding:5px 10px;
}

.caption .caption-content * {
    color:#fff;
}

.caption .caption-content p {
    margin:0;
    padding:0;
}

.archive {
    text-align:right;
    text-transform:lowercase;
}

/* =homepage
------------------------------------------------------------------------*/

#home #main
{
	overflow: visible;
	z-index: 1;
	position: relative;
}

#home #sec
{
	margin-top: 180px;
}


#home #main-content .section
{
	border-top: 1px solid #9EA4A5;
    padding-top:14px;
}

#home #main-content {
    padding-top:0px;
}

/* =Drop downs */
li.actions {
    position:relative;
}

li.actions ul, li.actions div.cont{
    position:absolute;
    top:0px;
    left:-9999px;
    background:#fff;    
}

ul.hoverie ul{
    clear:left;
}

li.actions ul li, li.actions ul li a, li.actions div.cont {
    clear:left;
}

li.actions:hover ul, li.sfhover ul, li.sfhover div.cont, li.actions:hover div.cont {
    left:auto;
    cursor:pointer;
}

#home ul.itemlist h2{
    margin-top:0px;
}

#home ul.itemlist li {
    margin-bottom:20px;
    width:100%;
}

#home ul.itemlist a {
    margin-left:-8px;
}

#home ul.itemlist li{
    padding-left:8px !important;
}

#home ul.itemlist .img {
    margin-left:5px;    
}



/* =blog
------------------------------------------------------------------------*/

.blogPost {
    margin-bottom:20px;
    clear:both;
}

.blogTop, #commentTop {
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    margin-bottom:8px;
}

.blogTop b {
    font-weight:normal;
    color:#aaa;
}

.blogTop em {
    font-family:Georgia;    
}

.blogUtil {
    text-align:right;
}

#discussions h3 {
    display:none; 
}

#postcomment input.text, 
#postcomment textarea
{
    width:75%;
    display:block;
    font-family:verdana, sans-serif;
    font-size:100%;
    border:2px solid #dbdbdb;
    padding:4px;
    background:#fff;
    line-height:1.2;
    color:#333; 
}

#postcomment form ol {
    float:left;
    padding:10px;
    background:#F3F3F3;
    border:1px solid #c7c7c7;
}

#postcomment fieldset legend {
    display:none;
}

#postcomment form li {
    padding:10px;
    float:left;
    width:75%;
}

#postcomment label {
    font-weight:bold;
}

p.basic_message {
    background:#F3F3F3;
    border:1px solid #c7c7c7;
    padding:10px;
}

.topLink {
    text-align:right;
}

.topLink a {
    color:#777;
}

#discussion-list {
    counter-reset:comment;
    counter-increment:comment;
    padding-left:50px; 
}

#discussion-list dt {
    font-size:120%;
    font-weight:bold;
    background: url(/img/bg/comment.gif) top left no-repeat;
    background-position:0px 4px;
    padding:0 0 0 18px;
}

#discussion-list dt:before
{
/*content:  counter(comment) ". ";*/
}

#discussion-list dd, #discussion-list dt {
    padding-left:16px; 
    padding-right:50px; 
    
}

#discussion-list dd {

    margin-bottom:10px;
    padding-bottom:10px;
    counter-increment:comment;
    border-bottom:1px dashed #ccc;
}

#discussion-list dd p {
    padding-bottom:2px;
}

#discussion-list .post-details {
    font-size:90%;
    color:#777;
}

#addComment {
    font-size:90%;
    margin-top:10px;
    
/*
    background: url(/img/bg/comment.gif) top left no-repeat;
    background-position:0px 1px;
    padding:0 0 0 18px;
*/
    
}

a.blogComments {
    background: url(/img/bg/comment.gif) top left no-repeat;
    background-position:0px 0px;
    padding:0 0 0 18px;
}

/* =tabs
------------------------------------------------------------------------*/

.tabs {
    overflow:hidden;
    padding:0;
    width:100%;
}

.tabs li, .tabs li a{
    float:left;
    display:block;
}

.tabs li {
    margin:0 4px 0 0 ;
    
}

.tabs li a{
    font-size:120%;
    text-decoration:none !important;
    padding:7px 8px;
    background:#dbdbdb;
    border:1px solid #ddd;
    z-index:100;
    position:relative;
    color:#555 !important;
    
}

.tabs .tabActive {
    background:#fff url(/img/bg/tabactive.jpg) top left repeat-x;
    border-bottom-color:#fff;
    padding:7px 8px 12px 8px;
    color:#333;    
}

.tabarea, form#accountApplication {
    background:#fff;
}

form#accountApplication {
    margin-top:-1px !important;
    border:1px solid #ddd;
    border-bottom-width:2px;
    padding:10px;
    z-index:80;
    position:relative;
    
}

form#current_work_form {
    width:90%;
    border:1px solid #ddd;
    padding:0 15px 15px;
}

form#accountApplication #reqNote {
    position:absolute;
    top:-2.5em;
    right:40px;
}


form#current_work_form {
    margin:0;
}

form#current_work_form ol {
    padding:0;
}

form#current_work_form textarea {
    height:45px;
}

form#quiktrakForm{
    background:#0B0B0B url(/img/bg/qt_top.jpg) top left no-repeat;
    margin:0;
    padding-top:9px;
}

form#quiktrakForm div.outer{
    background:#0B0B0B url(/img/bg/qt_bottom.jpg) bottom left no-repeat;
    margin:0;
    padding-bottom:9px;
}

form#quiktrakForm div.inner{
    width:340px;
    padding:5px  10px 0;
    background:#0B0B0B url(/img/bg/qt_c1.jpg) center center no-repeat;
    color:#fff;
    margin:0;
    overflow:hidden;
}

form#quiktrakForm h2{
    margin-bottom:0;
    font-weight:bold;
}

form#quiktrakForm ol{
    width:100%;
    padding-bottom:0;
}

form#quiktrakForm .text {

}

form#loginForm ol {
    width:96%;
}

form#loginForm ol, form#loginForm li, form#loginForm label, form#loginForm b {
    padding:0;
    margin:0;
}

form#loginForm {
    margin:0;
}

form#loginForm #loginSub {
    margin-top:5px;
    text-align:right;
}

form#loginForm label, form#loginForm b {
    color:#ccc;
    font-weight:normal;
}

form#loginForm input.text, form#loginForm input.text:focus {
/*
    background:#333;
    color:#fff;
*/
    border:none;
    outline:none;
    padding:3px 2px;
    font-size:100%;
    line-height:1;
}

form#loginForm #loginSub {

}

/* =news events
------------------------------------------------------------------------*/

.newsItem {
    border-top :1px solid #dbdbdb;
}

.w3 .newsItem {
    padding:10px 0 10px 8px;
}

.w3 .active {
    background:url(/img/bg/news_bg.jpg) top left repeat-y;
}

.w3 .active *{
    color:#333 !important;
}


.newsItemInner {
    padding:10px 15px;
    overflow:hidden;
}

.newsItem h3{
    font-size:110%;
    font-weight:normal;
}

.newsItem h3.chev {
	padding: 0 0 0 8px;
	line-height: inherit;
	background-position:0px 0.25em;
	margin-left:-8px;
	display:block;
}

h4.chev {
	padding: 0 0 0 8px;
	line-height: 1.3;
	background-position:0px 0.25em;
}

.newsItem img {
    padding-top:20px;
}

.altCol {
    background:#f7f7f7;
}

.newsItem .date {
    font-style:italic;
    display:block;    
}

.newsItemExt {
    margin-bottom:20px;
}

/* =services landing page
------------------------------------------------------------------------*/

#servicesList {
    border-top:1px solid #C2C7C9;
    margin-left:0px;
    position:relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#servicesList li {
    list-style-type:none;
    margin-left:0px;
    position:static;
    margin-bottom:-1px;
}

#servicesList li.actions {
    float:left;
    clear:left;
    height:59px;
}

#servicesList li.actions a {
    width:400px;
    float:left;
    clear:left;
    position:relative;
    
}

#main-top #servicesList li.actions:hover, 
#main-top #servicesList li.sfhover, 
#main-top #ser_executive_plus {
    background: url(/img/bg/gradient.png) left center repeat-y !important;
}

#main-top ul:hover #ser_executive_plus, 
#main-top ul.hover #ser_executive_plus {
    background:none !important;
}


#servicesList li.actions a span {
        border-bottom:1px solid #C2C7C9; 
        display:block;
        width:318px;
        position:absolute;
        margin-left:0px;
        bottom:1px; 
        left:0px;
}

#servicesList li.actions a, #servicesList li.actions a * {
    text-decoration:none;
}

#servicesList li.actions a span strong {
    position:absolute;
    bottom:18px;
    left:130px;
    font-weight:normal;
    font-size:115%;
	background: url(/img/bg/services_chev.png) top left no-repeat;
	background-position: 8px 5px;
	padding: 0 0 0.2em 18px;    
}

#servicesList li.actions a span, #servicesList li.actions a img {
    float:left;
    
}

#servicesList li div.cont{
    height:300px;
    padding-left:82px;
    z-index:10;
    background:transparent;
}

#servicesList li div.cont .innerCont{
    background:#fff;
    height:300px;
}


#servicesList li.sfhover div.cont, #servicesList li.actions:hover div.cont, #ser_executive_plus div.cont {
    left:318px;
    top:0px;
    z-index:100;
}

#servicesList li h2 {
    color:#000;
    margin:10px 0;
}

.serviceBtns {
    margin-top:20px;
}







/* =table
------------------------------------------------------------------------*/

table#current_work, table#services_comparison {
    width:770px;
    border:1px solid #dbdbdb;
    margin:0  0 10px;
    margin-left:1px;
}

table#current_work {
    width:auto;
}


table#current_work th, table#services_comparison th {
    background:#000;
    color:#fff;
    text-transform:uppercase;
    text-align:left;
    padding:5px 8px;    
}
table#services_comparison th a {
    color:#fff;
}

table#services_comparison th a:hover {
    text-decoration:underline;
}

table#current_work td, table#services_comparison td{
    padding:8px;
}

table#services_comparison td{ 
    padding:4px !important;
}

 tr.alt, tr.alt td {
    background-color: #efefef;
}

table#services_comparison th {
    width:50px;
    text-align:center;
    font-size:80%;
}

table#services_comparison {
    width:100%;
    font-size:80%;
}

table#services_comparison th.service_criteria {
    width:200px;
}

table#services_comparison td {
    text-align:center;
}

table#services_comparison td.first {
    text-align:right;
}

table#services_comparison td {
    padding-top:4px;
    padding-bottom:4px;    
}

#compare {
    padding-top:86px;
    background: url(/img/bg/compare.png) top left no-repeat;
    display:block;
    margin-bottom:15px;
    float:left;
}

/*
#services_comparison_table_inner {
    overflow-y:scroll;
    height:400px;
}
*/

#current_work ul {
    float:left;
    margin:5px 0;
}

#current_work ul li{
    display:block;
    float:left;
    width:100%;
}


#current_work ul li strong{
    display:block;
    float:left;
    width:85px;
}


#current_work ul li span{
    display:block;
    float:left;
    width:260px;
    
}

/* =book options
------------------------------------------------------------------------*/

.bookOptions h3 {
    font-size:110%;
    margin-bottom:10px;
}

.bookOptions ul, .bookOptions li, .bookOptions ul a {
    float:left;
    display:block;
    padding:0;
    margin:0;
}

.bookOptions ul {
    width:138px;
/*
    padding-left:15px;
*/
    margin-top:1px;
}

#user_auth li {
    margin-bottom:1px;
}

.bookOptions h4 {
    font-weight:bold;
}
.bookOptions ul a {
    text-decoration:none !important;
    text-align:center;
    width:100%;
    background:#222;
    display:block;
    padding:5px 0px;
    -moz-border-radius:3px;
}

.bookOptions ul a:hover {
    text-decoration:underline !important;
}

.bk_btn {
    height:27px;
    display:block;
    text-indent:-999px;
    width:100%;
    float:left;
}

.bk_group {
    margin-bottom:8px;
    overflow:hidden;
}

#westonecars_btn {
    background:url(/img/bg/westone_btn.png) top left no-repeat;
}

#burgundy_btn {
    background:url(/img/bg/burgundy_btn.png) top left no-repeat;
}

.active_bk_btn {
    background-position:bottom left !important;
}


/* =cms
------------------------------------------------------------------------*/

.cmsedit {
    font-size:x-small;
    position:absolute;
    right:175px;
    top:180px;
    background:#000;
    color:#fff !important;
    padding:2px 4px;
}


.cmsedit:hover {
    background:#ddd;
    color:#000 !important;
}


/* =site map
------------------------------------------------------------------------*/

#site_map { }
#site_map li.top { margin-bottom: 15px; }

#site_map li .top_link
{
	font-weight: bold;
	font-size: 120%;
}

#site_map li ul li
{
	margin-left: 24px;
	font-weight: normal;
}

#site_map li ul li b { font-weight: normal; }

/* =tables
------------------------------------------------------------------------*/
#main-content table {
    border-collapse:collapse;
    border:1px solid #ddd !important;
    margin:2px;
}

#main-content table thead th, #main-content table thead td {
    background:#eee;
    text-align:left;
}

#main-content table td, #main-content table th, #main-content table thead td {
    padding:4px 4px;
    border-bottom:1px dashed #bbb;
}

#main-content table th, #main-content table thead td {
    border-bottom-style:solid;
}


/* =lightbox
------------------------------------------------------------------------*/

#lb, #lbbg {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    
}

#lb {
    z-index:9999;
}

#lbbg {
    background:black;
}

#lbCont {
    position:fixed;
    top:0px;
    left:50%;
    margin-left:-370px;
    width:760px;   
    z-index:9999;
    
}

#lbInner{
    padding:20px;
    background:#fff;
    border:2px solid #ddd;
    overflow:hidden;
}

#lbClose {
    position:absolute;
    top:20px; 
    right:20px;
}

#lbClose {
    padding:3px 5px;
    font-size:0.8em;
    font-weight:bold;
    color:#333;
	text-decoration: none;
	border: 1px solid #fff;
}

#lbClose:hover {
	border: 1px solid #333;
}

#services #lbCont {
    position:absolute;
    margin-left:-370px;
    width:760px;       
}


/* tooltip */
.logintipLink {
    background:url(/img/bg/tip.gif) top left no-repeat;
    text-indent:-9999px;
    width:18px;
    height:18px;
    display:-moz-inline-box;
    display:inline-block;
    
}


#logintip {
    background:#fff;
    position:absolute;
    border:4px solid #ccc;
    top:307px;
    right:170px;
    z-index:99;
    padding:20px;
    width:300px;
    display:none; 
}

#logintip .arrow {
    background:url(/img/bg/tooltiparrow.png) top left no-repeat;
    width:39px;
    height:50px;
    display:block;
    position:absolute;
    top:10px;
    right:-39px;
}

#home #logintip {
    top:357px;
}

.showTip {
    display:block !important;
}

.toolclose {
    padding:0px;
    border:none;
    position:absolute;
    top:6px;
    right:15px;
    background:none !important;
}


/* =pagination
------------------------------------------------------------------------*/

#pagination {
	padding:5px 0;
	text-align:center;
}	

#pagination a {
	padding:2px 4px;
	border:1px solid #ccc;
	background:#efefef;
	margin:0 3px;
}

#pagination a.sel_page {
	background:#ccc;
}