﻿/* hide any unwanted information */
.hidden {
	display: none;
}

/*reset margins and padding*/
html, body {
	margin: 0;
	padding: 0;
}

/* used on the forms */
.spacer {
	clear:both; 
	height:1px;
}

body {
	font-family: Helvetica, Sans-serif, Arial;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
	text-align: center;
}

a:hover {
		text-decoration: underline;
		color: #ff9900;
		}
		
a:active{
		text-decoration: none;
		}

h1 {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}

h3 {
	margin:0;
	padding:0;
	font-size: small;
}

#page-container {
	width: 1000px;
	margin: auto;
	text-align: left;
}

#header {
	padding-top:5px;
	height: 120px;
}

#main-nav {
	height: 35px;
}

#sidebar-a {
	float: left;
	width: 200px;
	height: 300px;
	line-height: 18px;
	background: url(../Images/search.gif) no-repeat;
	position:absolute;
	z-index: 2;
	
}

#sidebar-a .padding {
	padding: 25px;
}

#sidebar-a .ucSearch {
	font-family: Helvetica, Sans-serif, Arial;
	font-size: 11px;
	color: #666666;
}

#scrappageflash {
	clear:both;
	margin-top: 850px;
	margin-left:200px;
}

#defaultPageFooter {
	clear:both; 
	font-family: Tahoma,Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	height: 400px; 
	width: 880px; 
	padding-top: 10px;
	margin-top: 1100px;
	margin-left: 125px;
	color: #c9c9c9;
	position: absolute;
	z-index:6;
}

	
	
#defaultPageFooter a {
	color: #c9c9c9;
	text-decoration: none;
}

#defaultPageFooter a:hover {
	color: #db6d16;
}

#defaultPageFooter #altnav {
	text-align: right;
	padding-top: 2px;

}

#defaultPageFooter #copyright {
	padding-top: 2px;
	}

#defaultPageFooter #footer ul  
{
	padding:2px 0 0px 7px; 
	font-size:100%;
	text-align: center; 
	font-weight: bold;
	}

#defaultPageFooter #footer ul li  
{
	list-style:none; 
	display:inline; 
	padding:2px 3px;
	}

#commonFooter {
	clear: both;
	height: 200px; 
	width: 880px; 
	padding-top: 10px; 
	margin-left: 100px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #c9c9c9;
}

#commonFooter a {
	color: #c9c9c9;
	text-decoration: none;
}

#commonFooter a:hover {
	color: #db6d16;
}

#commonFooter #copyright 
{
	padding-top: 2px;
}

#commonFooter #footer ul  
{	
	padding:2px 0 0px 7px; 
	font-size:100%;
	text-align: center; 
	font-weight: bold;
}
#commonFooter #footer ul li  
{	
	list-style:none; 
	display:inline; 
	padding:2px 3px;
	}
/**************************
  Used Car Search
**************************/
#returnMarque, #returnModel, #returnMinPrice, #returnMaxPrice
{
	padding-top: 5px; 
}

#returnMarque
{
	margin-top: 25px;
}

/************************************************
   Default Page
*************************************************/
#mainTopBanner {
	float:right;
	margin-left: 200px;
	width: 800px;
	height:232px;
	margin-top: 0px;
	position: absolute;
	z-index: 1;
}

/* main menubar */
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#navBar{
	/*position:relative;*/
	z-index: 1000;
	display:block; 
    height:24px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../Images/Menu/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}

div.navBar-fixed {
	border-bottom: 1px solid #E0E0E0 ;
	position: fixed ;
	top: 0px ;
	overflow:hidden; /*temporary fix to stop overflow of menu items */
	}
	
#navBar ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	
	}

#navBar ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	}

#navBar ul li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding: 6px 12.5px 0 12.5px;
	height:24px;
	}

#navBar ul li a:hover,#navBar ul li a.current{
	color:#fff;
	background:transparent url(../Images/Menu/bgON.gif) repeat-x top left;
	}

/*Carousel on Default Page*/
#mainCarousel
{
	width: 800px;
	height:200px;
	margin-top:230px;
	margin-left: 200px;
	position: absolute;
}

/*mainDefaultContent section*/
#mainDefaultPageContent {
	
	width: 800px;
	height: 430px;
	margin-top:410px;
	margin-left: 200px;
	position: absolute;
	z-index: 3;
}
	
	#mainDefaultPageContent #mainVanButton {
		float: left;
		padding-left: 50px;
		width: 410px;
		height: 240px;
		margin-top: 0px;
}

	#mainDefaultPageContent #mainOffers {
		float: right;
		height:430px;
}

	#mainDefaultPageContent #mainBottomButtons {
		padding-left: 10px;
		margin-top: 220px;
		width: 450px;
		height: 190px;
		padding-top: 10px;
	
}

#motabilityButton {
	float: left;
	margin-top: 318px;
}

/*****************************************************************
	ZE Car Section
******************************************************************/

#ZETopBanner
{
	margin-top: 0px;
	width: 800px;
	height:240px;
	margin-left: 100px;
	margin-right: 100px;
}

#ZEContainer {
	width: 800px;
	margin: 0px auto 0 auto;
}

#ZEHeader 
{
	color:#38bad4;
	margin-top: 0px;
	font-size: x-large;
}

#ZEButtons  {
	float: right;
	text-align: right;
	margin-top: 0px;
	width: 500px;
}

#ZEModels {
	margin-top: 90px;
	width: 800px;
	height: 620px;
}

#ZEImages 
{
	margin-top: 0px;
	margin-left: 100px;
	padding-right: 50px;
	width: 600px;
}

#ZEFAQHeader 
{
	color:#38bad4;
	margin-top: 0px;
	font-size: large;
}

#ZEInfo {
	width: 800px;
	padding-top: 40px; 
	height:60px; 
}

#ZEInfo p {
	padding: 5px 10px 15px 10px;
}





/*****************************************************************
	New Car Section
******************************************************************/
#mainNewCarPageContent {
	width: 800px;
}
	
#newCarTopBanner
{
	margin-top: 0px;
	width: 800px;
	height:270px;
	margin-left: 100px;
	margin-right: 100px;
	
}

#newCarContainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#newCarInfo {
	width: 800px;
	padding-top: 40px; 
	height:60px; 
}

#newCarInfo p {
	padding: 5px 10px 15px 10px;
}

#newCarButtons  {
	float: right;
	text-align: right;
	margin-top: 175px;
	width: 500px;
}

#newCarModels {
	float: left;
	width: 800px;
	height: 620px;
}

#widgets ul li  
{
	list-style:none; 
	display:inline; 
	}
	
/*New Car Carousel*/
#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/Carousel/leftshadow.png) repeat-y;*/
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/Carousel/rightshadow.png) repeat-y;*/
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #666666;
}

a {
	color: #999;
	text-decoration: none;
}

/*a:hover {
	border-bottom: 1px solid #999;
}*/

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

/*Special Edition Cars*/

#specialEdcontainer {
	margin-left: 100px;
	margin-right: 100px;
	width: 800px;
}

#newCarPictureViewer {
	width: 340px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

#comfort {
	width: 450px;
	text-align: left;
	float: left;
}

#safety {
	width: 800px;
}

#AdditionalInfo {
	width: 800px;
}

#add1 {
	padding-right: 10px;
	width: 390px;
	float: left;
}

#add2
{
	float: left;
	width: 390px;
	padding-right: 10px;
}

#add3
{
	float: right;
}
/*****************************************************************
	Motability
******************************************************************/
#motabilityContainer
{
	width: 100%;
	margin-top: 50px;
}

#motabilityInfo 
{
	margin-left: 100px;
	margin-right: 100px;
	
}

#motabilityPurchaseInfo 
{
	margin-left: 300px;
	margin-right: 100px;
	
}


#motabilityButtons
{
	height: 400px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 100px;
}

#motabilityHow
{
	float: left;
	width: 315px;
	height: 255px;
	margin-left: 50px;
}

#busineesFC
{
	float: left;
	padding-bottom:25px;
	height: 230px;
	width: 182px;
}

.underlinemenu
{
	font-weight: bold;
	/*font-family: Helvetica, Sans-serif, Arial;*/
	font-size: 16px;
	width: 900px;
	margin-left: 170px;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left;
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 65px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}

/*******************************************************
  Business
********************************************************/
#businessContainer
{
	margin: 35px 100px 0 100px;
	width: 800px;
}

#businessButtons
{
	height: 400px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 125px;
}

#businessHow
{
	float: left;
	width: 315px;
	height: 255px;
	margin-left: 50px;
}

#busineesFC
{
	float: left;
	padding-bottom:25px;
	height: 230px;
	width: 182px;
}

#businessNav li
{
	float:left;
	margin-left: 50px;
	line-height: 67px;
	font-size: 20px;
	font-family: Arial;
}

#businessNav li a
{
	padding: 0 1em;
	color: Black;
}

#businessNav li a.first
{
	padding-left: 0;
}

#businessNav li a.hover
{
	border-top: 3px solid #000000;
}

#businessNav li a.selected
{
	padding-left: 0;
	border-top: 3px solid #000000;
}

/******************************
	Advanced Search
******************************/

#advancedSearch
{
	margin-top: 100px;
	margin-left: 100px;
}

#searchOptions
{
	/*margin-top: 25px;*/
	margin-left: 150px;
	width: 750px;
	height: 150px;
	position: absolute;
	z-index:2;
}

/*******************************************************
 Used Car Page
********************************************************/
#topbar {
	background-color: #0031c9;
	height: 20px;
	width: 500px;
}

#usedCarContent
{
	width: 700px;
	height: 850px;
	margin-left: 200px;
	float:left;
}

#usedcarButtons
{
	display: inline-block;
	width: 140px;
	position: absolute;
	margin-top: 140px;
	margin-left: 500px;

}

#usedCarNavButtons
{
	margin-top: 780px;
	height:30px;
	margin-left:780px;
	position:absolute;
}

/*Used Car SlideShow*/
.slideshowContainer 
{
	border: 1px solid #ccc;
	width: 419px;
	height: 254px;
	margin: 125px 0 5px 50px
}

.loading {
	background: url(../Images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 2px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 2px solid #ccc;
	padding: 4px;
}

.current img {
	border: 2px solid red;
	padding: 5px;
}

.outline {
	border:2px solid #0031c9;
	z-index: 0;
	position: absolute;
}


#thumbnails
{
	margin-top: -330px;
	width: 200px;
	float:right;
	display:inline;
}

/*Used Car Tabs*/
.ajax__tab_jquery-theme .ajax__tab_tab
{
	display:block;
	padding:0pt 12px;	
	color:#fff;	
	cursor: pointer;
}
.ajax__tab_jquery-theme .ajax__tab_body 
{
	background-color:#fff;
	border:1px solid #0031c9; /* blue border */
	padding:10px;
}

/* regular header styles */
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_tab
{
	padding-top:1px;
	height:20px;
	line-height:20px;	
	margin:0px; /* reset from original */	
	margin-bottom:1px; /* the jquery tabs hover just a little bit */
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_outer
{
	margin-left:3px;
	background:transparent url(../Images/sprite.png) no-repeat right 0px;
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_inner
{
	margin-right:3px;
	background:transparent url(../Images/sprite.png) no-repeat left 0px;
}

/* active headers styles */
.ajax__tab_jquery-theme .ajax__tab_active 
{
	height:23px;
	line-height:23px;		
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_outer
{
	margin-left:3px;
	background:transparent url(../Images/sprite.png) no-repeat right -23px;
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_inner
{
	margin-right:3px;
	background:transparent url(../Images/sprite.png) no-repeat left -23px;
}

#banner {
	background-color: #0031c9;
	height: 30px;
	width: 500px;
	margin-top: 70px;
}

/*************************************************************************
	Forms
*************************************************************************/

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalSignup
{
	background: url("../Images/Forms/signup483x323.gif") no-repeat;
	border-width:3px;
	border-style:solid;
	padding:3px;
	width:483px; 
	height:323px;
	
}

.modalBrochure
{
	background: url("../Images/Forms/BrochureRequest483x323.gif") no-repeat;
	border-width:3px;
	border-style:solid;
	padding:3px;
	width:483px; 
	height:323px;
	
}

.modalStock
{
	background: url("../Images/Forms/enquiry483x323.gif") no-repeat;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	font-family:Helvetica, sans-serif, Arial;
	font-size: 12px;
	margin-bottom: 15px;
	
}

.modalTestDrive
{
	background: url("../Images/Forms/signup483x323.gif") no-repeat;
	border-width:3px;
	border-style:solid;
	padding:3px;
	width:483px; 
	height:323px;
	
}
.modalUsedCarEnquiry
{
	background: url('../Images/Forms/enquiry483x323.gif') no-repeat;
	width: 483px;
	height: 323px;
	/*border-width:3px;
	border-style:solid;
	border-color: Gray;
	padding:3px;*/
}

.myform
{
	margin:0 auto;
	width:483px;
	padding:10px;
}

/* ----------- Popup Test Drive Form Layout ----------- */

#testdrive
{
	background: url("../Images/Forms/TestDriveFormRenault480x320.gif") no-repeat;
	width: 480px;
	height: 320px;
}

#testdrive h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#testdrive p
{
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	padding-bottom:5px;
}

#testdrive label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#testdrive .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#testdrive input
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#testdrive .dropdown
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 10px 10px;
}

#testdrive .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#testdrive .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -35px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}


/* ----------- Non Popup Test Drive Form Layout ----------- */

#stylized1
{
	background: url("../Images/Forms/Testdrive525x380.gif") no-repeat;
	width: 525px;
	height: 380px;
}

#stylized1 h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized1 p
{
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	margin-left: 100px;
	padding-bottom:5px;
}

#stylized1 label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#stylized1 .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized1 input
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#stylized1 .dropdown
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 10px 10px;
}

#stylized1 .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#stylized1 .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -35px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ----------- Signup Form Layout ----------- */

#stylized
{
	background: url("../Images/Forms/signup483x323.gif") no-repeat;
	width: 483px;
	height: 323px;
}

#stylized h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized p
{
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	margin-left: 200px;
	padding-bottom:5px;
}

#stylized label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#stylized .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized input
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#stylized .dropdown
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 10px 10px;
}

#stylized .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#stylized .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -35px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}


/* ----------- Enquiry Form Layout ----------- */
#enquiry
{
	background: url("../Images/Forms/enquiry525x380.gif") no-repeat;
	width: 525px;
	height: 380px;
}

#enquiry h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#enquiry p
{
	font-size:11px;
	color:#666666;
	margin-bottom:3px;
	margin-left: 10px;
	padding-bottom:3px;
}

#enquiry label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#enquiry .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#enquiry input
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 6px 10px;
}

#enquiry .dropdown
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 6px 10px;
}

#enquiry .multilineTxt
{
	float:left;
	font-size:11px;
	padding: 2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 6px 10px;
}

#enquiry .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#enquiry .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -30px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ----------- Offer Form Layout ----------- */
#offer{
	background: url("../Images/Forms/RenaultOffersForm.jpg") no-repeat;
	width: 480px;
	height: 360px;
}

#offer h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#offer p
{
	font-size:11px;
	color:#666666;
	margin-bottom:3px;
	margin-left: 10px;
	padding-bottom:3px;
}

#offer label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#offer .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#offer input
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 3px 10px;
}

#offer .dropdown
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 3px 10px;
}

#offer .multilineTxt
{
	float:left;
	font-size:11px;
	padding: 2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 3px 10px;
}

#offer .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#offer .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -30px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ----------- Contactus Form Layout ----------- */
#contactUs
{
	background: url('../Images/Forms/ContactUs480x525.gif') no-repeat;
	width: 480px;
	height: 525px;
}

#contactUs h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#contactUs p
{
	font-size:11px;
	color:#666666;
	margin-left: 100px;
	margin-bottom:2px;
	padding-bottom:2px;
}

#contactUs label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#contactUs .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#contactUs input
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:6px 0 6px 10px;
}

#contactUs .dropdown
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:3px 0 6px 10px;
}

#contactUs .multilineTxt
{
	float:left;
	font-size:11px;
	padding: 2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:3px 0 6px 10px;
}

#contactUs .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#contactUs .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -30px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ----------- Call Back Form Layout ----------- */
#callBack
{
	background: url('../Images/Forms/CallBack500x378.gif') no-repeat;
	width: 500px;
	height: 378px;
}

#callBack h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#callBack p
{
	font-size:11px;
	color:#666666;
	margin-left: 100px;
	margin-bottom:2px;
	padding-bottom:2px;
}

#callBack label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#callBack .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#callBack input
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:6px 0 6px 10px;
}

#callBack .dropdown
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:3px 0 6px 10px;
}

#callBack .multilineTxt
{
	float:left;
	font-size:11px;
	padding: 2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:3px 0 6px 10px;
}

#callBack .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#callBack .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -30px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}


/* ----------- Finance Offer Form Layout ----------- */
#finance
{
	background: url('../Images/Forms/FinanceReq755x728.gif') no-repeat;
	width: 755px;
	height: 728px;
}

#finance h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#finance p
{
	font-size:11px;
	color:#666666;
	margin-left: 100px;
	margin-bottom:2px;
	padding-bottom:2px;
}

#finance label
{
	display:block;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left;
}

#finance .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#finance input
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:6px 0 6px 10px;
}

#finance .dropdown
{
	float:left;
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:3px 0 6px 10px;
}

#finance .multilineTxt
{
	float:left;
	font-size:11px;
	padding: 2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:3px 0 6px 10px;
}

#finance .submitButton
{
	clear:both;
	margin-left:250px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#finance .cancelButton
{
	clear:both;
	margin-left:355px;
	margin-top: -30px;
	Width:100px;
	height:25px;
	background:#666666;
	text-align:center;
	line-height:25px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}



/* ----------- Parts Form Layout ----------- */
#parts
{
	background: url('../Images/Forms/PartsReqRenault450x550.jpg') no-repeat;
	width: 450px;
	height: 550px;
}

/***********************************************************************
   About Us
***********************************************************************/
#aboutuscontainer
{
	margin: 0 100px 0 100px;
	width: 1000px;
}

#aboutUsText
{
	width: 300px;
	float: left;
}

#aboutUsText p
{
	padding-left: 15px;
	padding-right: 15px;
}

#aboutUsStaff
{
	width: 250px;
	float: left;
}

#aboutUsStaff dl 
  {
  	float:left;
  	text-align: left;
  }
  
  #aboutUsStaff dt 
  {
  	width:20.5em; 
  	padding-bottom:5px;
  }
  
  #aboutUsStaff dd 
  {
  	margin:-60px 0 0 6.5em;
  	float:left;
  }

#aboutUsStaff1
{
	width: 250px;
	float: left;
}

#aboutUsStaff1 dl 
  {
  	float:left;
  	text-align: left;
  }
  
  #aboutUsStaff1 dt 
  {
  	width:20.5em; 
  	padding-bottom:5px;
  }
  
  #aboutUsStaff1 dd 
  {
  	margin:-60px 0 0 6.5em;
  	float:left;
  }
 /****************************************************
	News
 *****************************************************/
 #NewsListing
 {
 	margin-left: 100px;
 	margin-right: 100px;
 }
 
 #SelectedNews
 {
 	margin-left: 100px;
 	margin-right: 100px;
 }
 
/***************************************************************
  Contact Us
***************************************************************/

#contactuscontainer
{
	margin-left: 100px;
	width: 1000px;
	top: 200px;
}

#leftContactUs
{
	width: 250px;
	float: left;
	
}

#mainContactUs
{
	float: left;
	width: 500px;
	/*height: 650px;*/
}
	
	
/****************************************************************
  Aftersales
****************************************************************/
/*#aftersalesButtons
{
	float:left;
	margin-left: 100px;
}

.serviceButtons
{
	padding-right: 50px;
	padding-bottom: 10px;
}

.imagemenu
{
	font-weight: bold;
	/*font-family: Helvetica, Sans-serif, Arial;
	font-size: 16px;
	width: 800px;
	margin-left: 150px;
	margin-bottom:50px;
}

.imagemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below
margin: 0;
text-align: left;
}

.imagemenu ul li{
display: inline;
}

.imagemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px
margin-right: 143px; /*spacing between each menu link
text-decoration: none;
}*/

.aftersalesContainer 
{
	margin-left: 50px;
	padding: 10px 5%;
}

.partsContainer 
{
	margin-left: 50px;
	padding: 10px 5%;
}

ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 200px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 355px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
	background: #e3e1d5;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

#tyresContainer
{
	margin-left: 100px;
	margin-right: 100px;
}

#serviceTeam
{
	width:800px;
	margin-left: 100px;
	margin-top:400px;
	height: 200px;
}	

#SS1
{
	width:150px;
	height: 150px;
	float: left;
}

#SS2
{
	width:150px;
	height: 150px;
	float: left;
}

#SS3
{
	width:150px;
	height: 150px;
	float: left;
}

#SS4
{
	width:150px;
	height: 150px;
	float: left;
}

#SS5
{
	width:150px;
	height: 150px;
	float: right;
}

#motrioBottomImage
{
	width:800px;
	margin-left: 100px;
	height: 100px;
	margin-top: 400px;
}

#serviceText
{
	margin: 0 100px 0 100px;
	padding: 10px;
}

#serviceButton
{
	padding-top: 10px;
	margin: 0 100px 0 100px;
}
/****************************************************************
  Parts and Accessories
****************************************************************/

/*see aftersales section for styling*/

#motrioPartsBottomImage
{
	margin-top: 400px;
	width:800px;
	margin-left: 100px;
	height: 100px;
}

#partstext
{
	margin: 0 100px 0 100px;
}

#partsline
{
	margin-left:25px; 
	width: 350px;
}

/****************************************************************
  Offers Page
****************************************************************/

#mainOffersPage
{
}

/*****************************************************************
	New Van Section
******************************************************************/
#mainNewVanPageContent {
	width: 800px;
	margin-left: 100px;
}

#vanHeader
{
	width: 800px;
	text-align:left;
	height: 100px;
}

#vanHeader h1
{
	font-family:Helvetica, Sans-serif, Arial;
	font-size:xx-large;
	font-weight: bold;
}

#vanRange
{
	width:900px;
	height: 200px;
	margin-left: -50px;
}	

#KangooCompact
{
	width:180px;
	height: 150px;
	float: left;
}

#Kangoo
{
	width:180px;
	height: 150px;
	float: left;
}

#KangooMaxi
{
	width:180px;
	height: 150px;
	float: left;
}

#Trafic
{
	width:180px;
	height: 150px;
	float: left;
}

#Master
{
	width:180px;
	height: 150px;
	float: right;
}



#newVanTopBanner {
	margin-top: 0px;
	width: 800px;
	height:270px;
	margin-left: 100px;
	margin-right: 100px;	
}

#newVanContainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#newvanInfo 
{
	margin-top:30px;
	width: 800px;
	height: 100%;	
}

#newvanInfo p {
	padding: 5px 10px 5px 10px;
}

#newVanButtons 
{
	margin-top: 65px;
	margin-left: 300px;
	width: 500px;
	text-align: right;
}

#vanMoreInfo 
{
	width: 800px;
	height: 100%;		
}

/**************************************************
  Coming Soon
**************************************************/
	/*body{
		margin:0px;
		margin-top:25px;
		width:100%;
		text-align:center;
		background-color:#E2EBED;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}*/
	#comingsoonContainer{
		margin:0 auto;
		width:730px;
		text-align:left;
		background-color:#FFF;
		padding:3px;
		/*border:3px solid #317082;*/
		border:none;
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		/* border:5px solid #317082;	Border around large image */
		border: none;
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
	
	/**************************************************************/
	
	#comingsoonContainer1{
		margin:300px auto;
		width:730px;
		text-align:left;
		background-color:#FFF;
		padding:3px;
		/*border:3px solid #317082;*/
		border:none;
	}

	/* End of demo CSS */
	#DHTMLgoodies_panel_one1,#DHTMLgoodies_arrows1,#DHTMLgoodies_thumbs1{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one1{		
		float:left;	
	}
	#DHTMLgoodies_thumbs1{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage1{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage1 table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage1 img{	/* Large image */
		/* border:5px solid #317082;	Border around large image */
		border: none;
	}
	
	
	.strip_of_thumbnails1{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails1 div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails1 img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails1 .activeImage1{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner1{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
/***********************************************************
  Hover on Footer
***********************************************************/
.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 12px 10px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid yellow;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -500px;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*************************************************************


*/

#popupMsg
{
	background: #f7b500;
	width: 300px;
	height: 500px;
	
}

#popupMsg p
{
	font-family: Helvetica, Sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

/***************************************************************
	Advert Styles
****************************************************************/

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:840px;
width:520px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:5000;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color: #d40b1e; /*#6FA5FD #df001a;*/
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#d40b1e; /* #6FA5FD #df001a;*/
font-weight:700;
display:block;
cursor:pointer;
}


/*************************************************************
  FAQ
**************************************************************/
.faqsection {
	margin: 10px 0;
}
 
div.faq {
	margin: 10px 0 0 10px;
}

div.faq .question {
	color: #2763A5;
	cursor:  pointer;
	padding-left: 10px;
}
 
div.faq .answer  {
	margin-left: 10px;	
}
 
div.faq ul,
div.faq ol {
	margin: 0 0 10px 20px;


/*************************************************************
  Advanced Search
**************************************************************
#advancedSearch
{
	float: left;
	width: 800px;
	margin-left: 100px;
	height: 300px;
	line-height: 18px;
	background: url(../Images/BristosMain/BottomBck.gif) no-repeat;
}

#advancedSearch .padding {
	padding: 25px;
}

.padding #SearchButton {
	margin-top:90px;
}

#advancedSearch .ucSearch 
{
	font-family: Helvetica, Sans-serif, Arial;
	font-size: 11px;
	color: #666666;
}*/