/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

div#background
{
	background:url(/site/img/bgslice.jpg) repeat-x;
}

div#maintopbg
{
	background:url(/site/img/topmainbg.jpg) center top no-repeat;
}

a
{
	outline:none;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 954px;
	padding:0 0 22px;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}




/* header block */
/*******************************************************************************/
div#header_container
{
	height:128px;
	background:url(/site/img/headerbg.jpg) top left no-repeat;
}

div#logo_container
{
	width:338px;
	height:92px;
	float:left;
	padding-top:18px;
	
}

div#logo
{
	position:absolute;
	width:338px;
}

div#logo .logoimg
{
	position:relative;
	left:-32px;
}

.usedcaravanslither
{
    margin: 0 1px 15px;
}

/* navigation */
/*******************************************************************************/
div#navigation
{
	float:left;
}

div#navigation ul
{
	list-style:none;
	margin:0;
}

div#navigation ul li
{
	float:left;
}

div#navigation ul li a
{
	display:block;
	height:38px;
	padding-top:45px;
	text-transform:uppercase;
	font-size:1.17em;
	text-align:center;

}

div#navigation ul li a:link,
div#navigation ul li a:visited
{
	color:#fff;
	background: url(/site/img/bgslice.jpg) repeat-x #1F8FDB;
}



div#navigation ul li#home a:hover,
div#navigation ul li#home a:active
{
	color:#fff;
	background:url(/site/img/linkbg.jpg) top center no-repeat #1F8FDB;
}

div#navigation ul li#lunar a:hover,
div#navigation ul li#lunar a:active
{
	color:#fff;
	background:url(/site/img/linkbg-lunar.jpg) top center no-repeat #1F8FDB;
}

div#navigation ul li#sterling a:hover,
div#navigation ul li#sterling a:active
{
	color:#fff;
	background:url(/site/img/linkbg-sterling.jpg) top center no-repeat #1F8FDB;
}

div#navigation ul li#sprite a:hover,
div#navigation ul li#sprite a:active
{
	color:#fff;
	background:url(/site/img/linkbg-sprite.jpg) top center no-repeat #1F8FDB;
}


div#navigation ul li#belvoir a:hover,
div#navigation ul li#belvoir a:active
{
	color:#fff;
	background:url(/site/img/linkbg-belvoir.jpg) top center no-repeat #1F8FDB;
}


div#navigation ul li#used a:hover,
div#navigation ul li#used a:active
{
	color:#fff;
	background:url(/site/img/linkbg-used.jpg) top center no-repeat #1F8FDB;
}


div#navigation ul li#news a:hover,
div#navigation ul li#news a:active
{
	color:#fff;
	background:url(/site/img/linkbg.jpg) top center no-repeat #1F8FDB;
}

div#navigation ul li#contact a:hover,
div#navigation ul li#contact a:active
{
	color:#fff;
	background:url(/site/img/linkbg.jpg) top center no-repeat #1F8FDB;
}







div#navigation ul.home li#home a
{
	color:#fff;
	background:url(/site/img/linkbgon.jpg) top center no-repeat;
}

div#navigation ul.lunar li#lunar a
{
	color:#fff;
	background:url(/site/img/linkbgon-lunar.jpg) top center no-repeat;
}

div#navigation ul.sterling li#sterling a
{
	color:#fff;
	background:url(/site/img/linkbgon-sterling.jpg) top center no-repeat;
}

div#navigation ul.sprite li#sprite a
{
	color:#fff;
	background:url(/site/img/linkbgon-sprite.jpg) top center no-repeat;
}

div#navigation ul.belvoir li#belvoir a
{
	color:#fff;
	background:url(/site/img/linkbgon-belvoir.jpg) top center no-repeat;
}

div#navigation ul.used li#used a
{
	color:#fff;
	background:url(/site/img/linkbgon-used.jpg) top center no-repeat;
}

div#navigation ul.news li#news a
{
	color:#fff;
	background:url(/site/img/linkbg.jpg) top center no-repeat #1F8FDB;
}

div#navigation ul.contact li#contact a
{
	color:#fff;
	background:url(/site/img/linkbgon.jpg) top center no-repeat;
}


/*

div#navigation ul li#home a
{
	width:74px;
}


div#navigation ul li#lunar a
{
	width:78px;
}

div#navigation ul li#sterling a
{
	width:94px;
}

div#navigation ul li#sprite a
{
	width:80px;
}

div#navigation ul li#belvoir a
{
	width:90px;
}

div#navigation ul li#used a
{
	width:96px;
}

div#navigation ul li#contact a
{
	width:90px;
}

*/



div#navigation ul li#home a
{
	width:66px;
}

div#navigation ul li#lunar a
{
	width:68px;
}

div#navigation ul li#sterling a
{
	width:86px;
}

div#navigation ul li#sprite a
{
	width:72px;
}

div#navigation ul li#belvoir a
{
	width:82px;
}

div#navigation ul li#used a
{
	width:100px;
}

div#navigation ul li#news a
{
	width:54px;
}

div#navigation ul li#contact a
{
	width:82px;
}


/* body block */
/*******************************************************************************/

div#left_column
{
	width:640px;
	float:left;
	padding:18px 0 18px 18px;
}

div#right_column
{
	width:296px;
	/*height:840px;*/
	float:left;
}

div#right_position
{
	/*position:absolute;*/
	width:296px;
}

div#right_container
{
	top:-28px;
	position:relative;
	width:296px;
	background:url(/site/img/right-container-bg.jpg) no-repeat;
}

div#lower_right_container
{
	width:264px;
	/*--border-left:1px solid #055287;--*/
	padding-left:14px;
}

div#body_container a:link,
div#body_container a:visited
{
	color:#1B92E6;
	font-weight:normal;
}

div#body_container a:hover,
div#body_container a:active
{
	color:#CB202D;
	font-weight:normal;
}


div#flash_container
{
	padding-left:15px;
}



div#accordian
{
	padding-bottom:20px;
	/*border-bottom:15px solid #F0F0F0;
	margin-bottom:18px;*/
}

div#ticker_home
{
	padding-bottom:0;
}

div.home_column_left
{
	width:320px;

	float:left;
}

div.home_column_left ul.home_list
{
	margin:0;
	list-style:none;
}

div.home_column_left ul.home_list li
{
	margin-bottom:10px;
	padding-left:30px;
	background:url(/site/img/homelist-bullet.jpg) no-repeat;
}

div.home_column_right
{
	width:303px;
	padding:0 0 0 12px;
	float:left;
}

.rightnavbutton
{
    padding-top: 5px;
}


div.left_column ul.yes_list
{
	margin:10px 0 30px 0;
	list-style:none;
}

div.left_column ul.yes_list li
{
	margin-bottom:0;
	padding:10px 0 10px 45px;
	background:url(/site/img/list-yes.jpg) no-repeat;
	color:#088F0B;
}

div.left_column ul.no_list
{
	margin:10px 0 0 0;
	list-style:none;
}

div.left_column ul.no_list li
{
	margin-bottom:0;
	padding:10px 0 10px 45px;
	background:url(/site/img/list-no.jpg) no-repeat;
	color:#8F081A;
}




/* perfect layout */
/*******************************************************************************/

div#perfect_box
{
	width:267px;
	height:201px;
	background:url(/site/img/perfect-box-bg.jpg) no-repeat #fff;
	padding:11px 0 0 29px;
	cursor: pointer;
}




.searchlabel
{
	color:#055287;
	display:block;
	width:3.5em;
	float:left;
	margin-top:18px;
	font-size:1.17em;
}

.searchberth,
.searchlayout
{
	margin-top:15px;
	border:1px solid #055287;
	width:8.33em;
	background:#fff;
}

.searchsubmit
{
	margin:25px 0 0 0;
	width:107px;
	height:31px;
	background:url(/site/img/perfect-submit.jpg) no-repeat;
	border:none;
	padding:0 30px 5px 0;
	text-transform:lowercase;
	font-size:1.33em;
	color:#FFF;
	cursor:pointer;
}


/* homebox */
/*******************************************************************************/




div.homebox_container
{
	width:303px;
	background:url(/site/img/homebox-bg.jpg) repeat-y;
	margin-bottom:10px;
}

div.homebox_header
{
	width:303px;
	height:13px;
	background:url(/site/img/homebox-header.jpg) no-repeat;
}

div.homebox_footer
{
	width:303px;
	height:10px;
	background:url(/site/img/homebox-footer.jpg) no-repeat;
}

div.homebox_content
{
	padding:0 14px;
}
div.homebox_content p.homebox_header
{
	font-size:1.17em;
	color:#055287;
	font-weight:bold;
	line-height:1.17em;
	margin-bottom:5px;
}

div.homebox_content p.homebox_text
{
	font-size:0.92em;
	line-height:1.17em;
	margin-bottom:0;
}


div#shop_slide, div#service_slide
{
	margin-bottom:5px;
}

/* search results */
/*******************************************************************************/

div.resultbox_container
{
	width:638px;
	height:140px;
	border:1px solid #d5d5d5;
	background:url(/site/img/result-box-header-bg.jpg) top repeat-x;
	margin-bottom:15px;
}

div.resultbox_left
{
	width:455px;
	border-right:1px solid #d5d5d5;
	height:120px;
	padding:10px 9px;
	float:left;
}

div.resultbox_right
{
	width:137px;
	height:136px;
	padding:2px 13px;
	float:left;
}


/* model page */
/*******************************************************************************/

div.model_price
{
	width:413px;
	height:90px;
	float:left;
	background:#f5f9fc;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	padding:5px 0 0 10px;
}

div.model_price_container
{
	margin-bottom:20px;
}


div.model_info
{
	width:616px;
	border:1px solid #d5d5d5;
	background:url(/site/img/model-box-bg.jpg) top repeat-x;
	padding:25px 10px 10px;
	margin-bottom: 1em;
}

div.model_left_column
{
	width:211px;
	float:left;
	padding-bottom:10px;
}

div.model_right_column
{
	width:395px;
	float:left;
	padding-left:10px;
}

div.model_thumbs
{
	clear:both;
}
	


/* footer */
/*******************************************************************************/
div#footer_container
{
	color: #797979;
	font-size: 0.83em;
	background:url(/site/img/footerbg.jpg) repeat-x;
	padding-top:25px;
	clear:both;
	margin-top:25px;
}

div#footer_container a:link,
div#footer_container a:visited
{
	color:#1B92E6;
	font-weight:normal;
}

div#footer_container a:hover,
div#footer_container a:active
{
	color:#CB202D;
	font-weight:normal;
}

#dbs_links
{
    display: inline;
}

#footer_copyright
{
    margin-top: 1em;
}



/* news ticker */
/*******************************************************************************/
#newsticker
{
  position: relative;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  height: 30px;
  width: 636px;
  margin-bottom: 10px;
  background: #fff url(/site/img/ticker-bg.jpg) repeat-x;
}

#newsticker div.scrollableArea p
{
	display: inline;
	padding: 0 25px;
	line-height: 30px;
	width: auto;
	height: auto;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* More Info panel in View Caravans */
#moreinfo
{
    display: none;
}

a#moreinfobutton
{
    display: block;
    text-align: right;
}
