@charset "utf-8";
/* CSS Document */

body {margin:0px;}
.ShowHideLink {font-size:14px; font-weight:bold;  font-family:Helvetica,arial,sans-serif; }
.title_car_wrapper {width:800px; height:450px; border:0 none; margin-top:0px; overflow:hidden; clear:both; background-color:Transparent;}
.title_car_wrapper .car-bg-left {width:5px; height:450px; border:0px none; background:transparent url(./images/carbg-left.gif) no-repeat scroll 0px 0px; display:inline-block; vertical-align:top; margin:0px; padding:0px; float:left;}
.title_car_wrapper .title_car_wrapperInner {width:790px; height:450px; background:transparent url(./images/main_bg.jpg) repeat-x scroll 0px 0px; margin:0px; padding:0px; display:inline-block; border:0px none; vertical-align:top; float:left;}
.title_car_wrapperInner .text-copy-block {width:100%; height:120px; padding-top:50px; color:#DDD; font-family:Verdana,Helvetica,sans-serif; font-size:12px; font-weight:lighter; line-height:145%; text-align:center; white-space:normal; letter-spacing:0px;}
.title_car_wrapperInner .site-link-row {width:100%; height:115px; background-color:transparent;}
.site-link-row a.site-link-cell {text-decoration:none; border:0px none; outline:0px; cursor:pointer;}
a.copy-text-link {text-decoration:none; color:#FC0;}
a.copy-text-link:visited {text-decoration:none; color:#FC0;}
a.copy-text-link:hover {text-decoration:underline; color:#E00; outline:0px;}
.title_car_wrapper .car-bg-right {width:5px; height:600px; border:0px none; background:transparent url(./images/carbg-right.gif) no-repeat scroll 0px 0px;  display:inline-block; vertical-align:top; margin:0px; padding:0px;  float:left;}
.title_car_row .car_floater_right {width:61px; height:95px; background:transparent url(images/car_right_floater.gif) no-repeat scroll 0px 0px; float:right; display:inline-block;}
.title_no_car_row {width:919px; height:8px; background:transparent url(images/title_no_car_bottom.gif) no-repeat scroll 0px 0px;}

a.carLink {font-size:13px; color:#015696; font-family:Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:0; white-space:normal; line-height:120%; margin-left:5px; text-align:center;}
a.carLink:hover {text-decoration:none; color:#015696; border-bottom:solid 1px #FF6000;}
a.carLinkImg:hover + a {text-decoration:none; color:#015696; border-bottom:solid 1px #FF6000;}

.title_image_carWrapper {width:132px; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#134DB4; background-color:transparent; cursor:default; #float:left;}
.title_image_carWrapper .title_image_carContainer {float:none; width:100%; height:85px; background-color:transparent;}
.title_image_carWrapper span.text_linx {width:1px; height:1px; overflow:hidden; display:inline; position:absolute; left:-10000px; top:auto;}
/*.title_image_carWrapper .title_image_carContainer:hover + span {text-decoration:underline;}*/

 #cell-one-row-one {#margin-left:95px;}
 #cell-one-row-two {#margin-left:95px;}

 * html #cell-one-row-one {margin-left:65px;}
 * html #cell-one-row-two {margin-left:65px;}

#car-bookwire-element {width:100px; height:72px; border:0px none; background:transparent url(./images/bookwire-car.gif) no-repeat scroll 0px 0px;}
div#car-bookwire-element:hover {background-position:0px -72px;}

#car-myid-element {width:100px; height:72px; border:0px none; background:transparent url(./images/myid-car.gif) no-repeat scroll 0px 0px;}
div#car-myid-element:hover {background-position:0px -72px;}

#car-bowker-element {width:100px; height:72px; border:0px none; background:transparent url(./images/bowker-car.gif) no-repeat scroll 0px 0px;}
div#car-bowker-element:hover {background-position:0px -72px;}

#car-bip-element {width:100px; height:72px; border:0px none; background:transparent url(./images/bip-car.gif) no-repeat scroll 0px 0px;}
div#car-bip-element:hover {background-position:0px -72px;}

#car-bowkerreads-element {width:100px; height:72px; border:0px none; background:transparent url(./images/bowkerreads-car.gif) no-repeat scroll 0px 0px;}
div#car-bowkerreads-element:hover {background-position:0px -72px;}

#car-pubeasy-element {width:100px; height:72px; border:0px none; background:transparent url(./images/pubeasy-car.gif) no-repeat scroll 0px 0px;}
div#car-pubeasy-element:hover {background-position:0px -72px;}

#car-pubtrack-element {width:100px; height:72px; border:0px none; background:transparent url(./images/pubtrack-car.gif) no-repeat scroll 0px 0px;}
div#car-pubtrack-element:hover {background-position:0px -72px;}

#car-rcl-element {width:100px; height:72px; border:0px none; background:transparent url(./images/rcl-car.gif) no-repeat scroll 0px 0px;}
div#car-rcl-element:hover {background-position:0px -72px;}

#car-bbas-element {width:100px; height:72px; border:0px none; background:transparent url(./images/bbas-car.gif) no-repeat scroll 0px 0px;}
div#car-bbas-element:hover {background-position:0px -72px;}

/*div.authBookCar:hover + div.bookBoxFillerCar a {text-decoration:none; color:#015696; border-bottom:solid 1px #FF6000;}*/
/*.authBookCar span {display:inline-block; float:none;}*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
.scrollable {
	/* required settings */
/*
	position:relative;
	overflow:hidden;
	width: 765px;
	height:100px;
	/* custom decorations 
}
border:1px solid #ccc;
background:url(images/h300.png) repeat-x;
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.

.scrollable .items {
	/* this cannot be too large */
	/*
	width:20000em;
	position:absolute;
	float:left;
}
*/


/*.title_image_carContainer img {width:100px; height:72px; border:0px none; background-color:transparent;}
.title_image_carWrapper .title_car_title {width:128px; height:27px; float:none; cursor:pointer;}
.title_image_carWrapper .title_car_format {width:128px; overflow:hidden; height:18px; float:none; color:#888; cursor:default; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; font-weight:lighter; padding-top:2px;}
.title_image_carWrapper span.title_car_title:hover {text-decoration:underline;}
*/


/* single scrollable item 
	margin:5px 5px 0px 21px;


.scrollable img {
	float:none;
	margin:0px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:auto;
	height:75px;
	display:block;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

div.scrollable { 
    /* required settings
    position:relative; 
    overflow:hidden; 
    width:660px; 
  
} 

/* html div.scrollable {float:left;}*/
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
div.scrollable div.items { 
    /* this cannot be too large
    width:20000em; 
    position:absolute; 
	left:-10px;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 

div.scrollable div.items div {float:left;} 
 
/* you may want to setup some decorations to active the item
div.items div.active {border:1px inset #ccc; background-color:#fff;}
/* this makes it possible to add next button beside scrollable 
.scrollable {float:left;}

.title_car_wrapperInner .title_car_button_wrapper {display:inline-block; padding-top:26px;}


/* prev, next, prevPage and nextPage buttons 
a.browse {background:url(images/car_button_final.gif) no-repeat; display:block; width:26px; height:45px; float:left; margin:40px 10px;	cursor:pointer;	font-size:1px;}

/* right 
a.right {background-position: 0px 0px; margin-right: 0px;}
a.right:hover {background-position:0px -45px;}
a.right:active {background-position:0px -45px;} 

/* left 
a.left {background-position: 0px -135px; margin-left:0px;}
a.left:hover {background-position:0px -180px;}
a.left:active {background-position:0px -180px;}


a.car_right {background-position: 0px 0px; margin-right: 0px;}
a.car_right:hover {background-position:0px -45px;}
a.car_right:active {background-position:0px -45px;} 


/* left
a.car_left {background-position: 0px -135px; margin-left:0px;}
a.car_left:hover {background-position:0px -180px;}
a.car_left:active {background-position:0px -180px;}

/* up and down
a.up, a.down {background:url(images/vert_large.png) no-repeat; float:none; margin: 10px 50px;}

/* up
a.up:hover {background-position:-30px 0;}
a.up:active {background-position:-60px 0;}

/* down
a.down {background-position: 0 -30px;}
a.down:hover {background-position:-30px -30px;}
a.down:active {background-position:-60px -30px;} 


/* disabled navigational button
a.disabled {
	visibility:hidden !important;		
}	
*/
