@charset "utf-8";
*,HTML {
	padding			: 0;
	margin			: 0;
}

FORM {
	padding			: 0;
	margin			: 0;
}

BODY {
	font-family		: "Trebuchet MS", Arial, Verdana;
	font-size		: 12px;
	padding			: 20px;
}

BODY.variableWidth {
	min-width		: 1100px;
}

BODY.fixedWidth {
}

BODY.fixedWidth .outerContainer 
{
	width : 930px;
	margin : 0 auto;
	position : relative;

}

SELECT {
	font-family		: "Trebuchet MS", Arial, Verdana;
	font-size		: 1em;
	color			: #666666;
}

.header {
	background		: url(Images/navBG.gif) repeat-x bottom left;
	height			: 120px;
	position		: relative;
	z-index : 9999;
}

.logoHolder {
	height			: 120px;
	width			: 195px;
	background		: url(Images/logoBG.gif);
	text-align		: center;
	float			: left;
}

.logoHolder .logo {
	display			: block;
	height			: 99px;
	width			: 147px;
	line-height		: 1px;		/* was 400px;*/
	overflow		: hidden;
	margin			: 0 auto;
}

.topnav {
	height			: 32px;
	margin			: 0;
	padding			: 88px 0 0 0;
	list-style		: none;
	cursor			: default;
}

.menuStatic {
	padding			: 0 10px;
	color			: #ffffff;
	text-decoration	: none;
	font-weight		: bold;
}

.menuStatic IMG
{
	padding-right	: 10px;
}

.menuDynamic
{
}

.menuDynamic IMG
{
	padding-right	: 10px;
}

.menuItemDynamic
{
}

.menuItemDynamic TD
{
	padding: 10px;
}

.menuHoverDynamic
{
}

.menuHoverDynamic A
{
	color:White;
}


.menuItemDynamic A
{
	color:White;
}


.header li a:hover{
	color			: #336600;
}

.date {
	position		: absolute;
	right			: 0;
	padding-right	: 10px;
	bottom			: 3px;
	height			: 40px;
	line-height		: 40px;
	color			: #FFFFFF;
	border-right	: #e0e0e0 solid 3px;
}

.field-literal-large
{
	font-size		: 1.5em;
	font-weight		: bold;
	white-space		: normal;
}
.field-title-with-background-color
{
	background-color: Green;
	color           : White;
}


A.basketIndicator
{
	text-decoration: none;
}

.basket {

	background:url(Images/basket.jpg) left top no-repeat;
	padding-left:70px;
	float:left;
	margin-right:10px;
	cursor: pointer;
}

.basket .basketHolder {
	background:url(Images/basket.jpg) right top no-repeat;
	height:60px;
	padding-right:20px;
	font-size:10px;
	padding-top:7px;
	padding-bottom:10px;
	color:#666;
	text-decoration: none;
}

.basket .caption
{
	font-size		: 1.3em;
	font-weight		: bold;
	white-space		: nowrap;
}

.basket .caption:hover
{
	text-decoration : underline;
}

.basket .quantityTotal
{
	text-align		: right;
	display			: block;
	white-space		: nowrap;
}

.basket .netTotal
{
	text-align		: right;
	display			: block;
	white-space		: nowrap;
}


.logoninfo {

	background:url(Images/logon.jpg) left top no-repeat;
	padding-left:20px;
	float:left;
	position:relative;
}

.logoninfo .innerHolder {
	background:url(Images/logon.jpg) right top no-repeat;
	height:60px;
	padding-right:82px;
	font-size:10px;
	padding-top:7px;
	padding-bottom:10px;
	color:#666;
	white-space: nowrap;
}

.salesAreaDescription
{
	font-weight: bolder;
	color: Blue;
}

.toolHolder {
	position:absolute;
	right:26px;
	top:5px;
}

.toolHolder A 
{
	color:#666;
	text-decoration : none;
}

.toolHolder A:hover
{
	text-decoration: underline;
}

.changeCulture {position:absolute;top:10px;right:10px;}
.logout {position:absolute;bottom:20px;right:10px;color:#666;text-decoration:none;}


.smallLinks{
	position		: absolute;
	font-size		: 0.8em;
	right			: 4px;
	top				: 56px;
	height			: 16px;
	margin			: 0;
	padding			: 0;
	list-style		: none;
	cursor			: default;
}

.smallLinks li {
	float			: left;
}

.smallLinks li a{
	padding			: 0 6px;
	display			: block;
	color			: #999999;
	text-decoration	: none;
}

/* CONTENT AREA */

.contentArea{
	border			: #e0e0e0 solid 3px;
	border-top		: 0;
	min-height		: 350px;

}

.contentArea.withNav {
	background		: url(Images/mainNavBG.gif) repeat-y;
}


.mainNav ul {
	width			: 190px;
	margin			: 0;
	padding			: 0;
	padding-top		: 30px; /* This is for decoration */
	padding-bottom	: 3px; /* This events the surround */
	list-style		: none;
	float			: left;
	overflow		: hidden;
}

.mainNav ul li {
	padding			: 0;
	margin			: 0;
}

.mainNav ul li a {
	padding			: 6px 20px;
	display			: block;
	margin			: 0 3px 0 0;
	text-decoration	: none;
	color			: #666666;
	font-size		: 0.9em;
}

.mainNav ul li a:hover {
	background		: #b4dc7a;
	color			: #62a401;
}

.mainContent{
/*	margin-left		: 190px;  This will fix an issue with the left Float */
	min-height		: 350px;
	height			: auto !important;
	height			: 350px;
	padding			: 10px;

	
}

.nopadding 
{
	padding:0;
}


.mainContent h1{
	padding			: 0 0 5px 0;
	margin			: 0 0 12px 0;
	font-weight		: normal;
	font-size		: 1.6em;
	border-bottom	: #CCCCCC dotted 1px;
	color			: #666666;
}

.mainContent h2{
	padding			: 60px 0 5px 60px;
	margin			: 0;
	font-weight		: normal;
	font-size		: 1.6em;
	color			: #666666;
	width			: 380px;
}

/* Extras */

.clearFix{
	clear			: both;
	display			: block;
	height			: 0;
	overflow		: hidden;
}

.subNav{
	border-bottom	: #CCCCCC dotted 1px;
	height			: 50px;
	margin-bottom	: 12px;
}

.errorMessage {
	padding			: 50px 50px 50px 76px;
	width			: 200px;
	max-width		: 200px !important;
	margin			: 0 auto;
	background		: #fbe3e4 url(Images/cancel.png) no-repeat 45px 48px !important;
	background		: #fbe3e4 url(Images/cancel.gif) no-repeat 45px 48px;
    color			: #d12f19;
    border			: 1px solid #fbc2c4;
}

.errorBox 
{
	padding			: 20px;
	width			: 400px;
	max-width		: 400px !important;
	text-align		: left;
    color			: #d12f19;
	background		: #fbe3e4;
    border			: 1px solid #fbc2c4;
	margin-bottom	: 18px;
}

PRE.errorBoxText
{
	font-family		: "Trebuchet MS", Arial, Verdana;
	font-size		: 1em;
}

.infoBox 
{
	padding			: 20px;
	width			: 400px;
	max-width		: 400px !important;
	text-align		: center;
    color			: #666666;
	background		: white;
    border			: 1px solid #666666;
	margin-bottom	: 20px;
}
.accessoryInfoBox
{
	padding			: 10px;
	width			: 98%;
	text-align		: center;
    color			: #ff0000;
	background		: white;
    border			: 1px solid #ff0000;
	margin-bottom	: 10px;
}

.alternativeCreditLimitWarningPartial
{
	padding			: 20px;
	width			: 400px;
	max-width		: 400px !important;
	text-align		: center;
    color			: #666666;
	background-color: Orange;
	color           : White;
    border			: 1px solid #666666;
	margin-bottom	: 20px;
}

.alternativeCreditLimitWarningExceeded
{
	padding			: 20px;
	width			: 400px;
	max-width		: 400px !important;
	text-align		: center;
    color			: #666666;
	background-color: Red;
	color           : White;
    border			: 1px solid #666666;
	margin-bottom	: 20px;
}

.bilfaktaBox 
{
	padding			: 10px;
	width			: 780px;
	max-width		: 780px !important;
	text-align		: center;
    color			: #666666;
	background		: white;
    border			: 1px solid #666666;
	margin-bottom	: 10px;
	top             : 0px;
	height          : 700px;
}
iframe
{
    overflow:hidden;
}
.validateRule
{
	background:url(Images/validate.jpg) no-repeat top left;
	width:250px;
	left:650px;
	top:191px;
	position:absolute;
	padding-top:60px;
}

.validateRuleStatic
{
	background:url(Images/validate.jpg) no-repeat top left;
	width:250px;
	position: static;
	padding-top:60px;
	margin-bottom:15px;
}


.validateRule ul,
.validateRuleStatic ul
{
	min-height:50px;
	margin:0;

	padding:0 0 0 60px;
	color:#FFF;
}

.validateRule li,
.validateRuleStatic li
{
	list-style:none;
}

.validatebottom{
	background:url(Images/validate.jpg) bottom left no-repeat;
	height:20px;
}



/*Modal Popup*/
.modalBackground {
	background-color:white;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:white;
	border-width:3px;
	border-style:solid;
	border-color:#62a401;
	padding:0px;
}

.picker {
	height:274px;
	overflow:auto;
}

.picker a{color:#666666;}

.pickercloseButton {
	text-align:right;
	background		: url(Images/pickerBG.gif);
	height			: 20px;
	border-bottom		: #62a401 solid 1px;
	padding-top		: 4px;
	padding-right		: 4px;
}

.pickercloseButton a{
float:right;
	background		: url(Images/cancel.png)!important;
	background		: url(Images/cancel.gif);
	display:block;
	height			: 17px;
	width			: 17px;
	overflow		: hidden;
	line-height		: 200px;
}



/* Outer area for spinner to sit on */
.pleaseWaitPopup {
	background-color	: white;
	padding				: 0px;
	width				: 280px;
	height				: 140px;
}

/* Patterned background which spinner sits on */
.spinnerHolder 
{
	width				: 280px;
	height				: 140px;
	background			: url(Images/spinnerBG.gif);
	display				: inline-table;
}

/* Text message displayed above spinner */
.spinnerMessageTop
{
	position:absolute;
	top:10px;
	left:10px;
	color: #666;
	width: 260px;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Text message displayed below spinner */
.spinnerMessageBottom
{
	position:absolute;
	top:116px;
	left:10px;
	color: #666;
	width: 260px;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:Transparent;
}

/* Mask to limit display of spinner to a 66x66 window */
.spinnerMask 
{
	position:absolute;
	width:66px; 
	height:66px; 
	top:36px; 
	left:105px; 
	overflow:hidden;
}


.creditNoteIndicator
{
	color: Blue;
}

.deletedIndicator
{
	color: Blue;
}

.homeIcons {

	float:left;
	border-right	: #666 solid 0px;
	width:460px;
	
}

.homeIcons ul,.homeIcons li {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

.homeIcons a {text-decoration:none;}

.homeIcons ul {
	padding:10px;
	height:150px;
}

.homeIcons li {float:left;padding:6px;width:130px;}

.homeIcons img {border:none;display:block;text-align:center;margin:0 auto;}
.homeIcons strong,.homeIcons em {display:block;}

.homeIcons strong {color:#578d13;font-size:1.2em;}

.homeIcons em {color:#999;font-style:normal;font-size:0.9em;}

/* Style of promotional image (Mr. Windscreen etc) */
.homeImage {
	/*position:absolute;
	right:0px;
	top:0px;*/
	position:relative;
	height:180px;
	float:right;
	border:#999 solid 0px;
	z-index: -1;
}
.homeImageText 
{
	position:absolute;
	right:0px;
	bottom:0px;display:block;width:397px;height:18px;padding:4px;border:#000 solid 0px;
}


DIV.agrImageThumbnail 
{
	float:left;
	margin: 10px;
	width: 340px;
}


.agrImageThumbnail img 
{
	border:none;
	display:block;
	text-align:center;
	margin:0 auto;
}

.agrImageThumbnail em 
{
	display:block;
	text-align: center;
	color:#999;
	font-style:normal;
	font-size:0.9em;
}

.rightAlignSmallMessage
{
	color			: #666666;
	font-size		: 0.8em;
	display			: block;
	text-align		: right;
}

/* Hover tooltip */
DIV.hoverTip 
{
	color			: #fff;
	width			: 255px;
	background		: url(Images/tooltip.gif) no-repeat left top;
	padding-top		: 18px;
	cursor			: default;
	display			: none;		/* hide until needed */
}

DIV.hoverTip SPAN
{
	background		: url(Images/tooltip.gif) no-repeat left bottom #FFF;
	display			: block;
	padding			: 0 20px 15px 20px;
}


/* Style for the national flag shown in the top right */
A.changeCulture
{
	border			: none;
	float			: left;
}


.mandatoryAccessoryPopup
{
	background-color:white;
	padding:0px;
}


IMG.questionSmall
{
	position : relative;
	top : 2px;
	cursor :pointer;
	margin-left: 0.7em;
}


.inlineValidate
{
	color: #F00;
	display: block;
	text-align: center;
}

.inlineValidate ul {
	list-style		: none;
	padding			: 0;
	margin			: 0;
}

/* Styles for Contact Us List Screen */
.contactUsListTitle
{
    width:175px;
}

.contactUsListTable
{
    width:500px;
}

.ui-button  
{
    vertical-align:top;
    margin-left: -1px; 
    padding-top: 0.45em; 
    padding-bottom: 0.22em;
}

/*.ui-button-icon-only .ui-button-text { padding: 0.35em; }*/
button.ui-button-icon-only { width:17px; }
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.ui-autocomplete {
	max-height: 180px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}


.newTableFormat
{
	border-collapse:collapse;
}
			
.newTableFormat thead tr th
{
	background: url(Images/table-row-bg.jpg) repeat-x top left;
	height: 50px;
	color: #fff;
}
.newTableFormat thead th span
{
    display: block;
    text-align: left;
    height: 35px;
    padding-top: 8px;
}

.newTableFormat thead tr th.first-child
{
	background: url(Images/table-row-left.jpg) no-repeat top left;
}
.newTableFormat thead tr th.last-child
{
	background: url(Images/table-row-right.jpg) no-repeat top right;
}
.newTableFormat tbody tr td input
{
    width: auto;
}

.noWrap
{
    white-space:nowrap;
}

.promotions-menu-item
{
    color: Black;
    font-weight: bold;
}

.openingMessageBox 
{
	padding			: 10px;
	height          : 400px;
	width			: 100%;
	max-width		: 780px !important;
	text-align		: center;
    color			: #666666;
	background		: white;
    border			: 1px solid #666666;
	margin-bottom	: 10px;
	top             : 0px;
}

.tableCell20
{
    width           : 20%;
}

.tableCell80
{
    width           : 80%;
}

.promotions-close-button
{
    position    : absolute;
    bottom      : 0;
    width       : 90%;
}

.showonhover .hovertext 
{ 
    display: none;
}

.showonhover:hover .hovertext 
{
    display: inline;
}

.hovertext 
{
    position:absolute;
    z-index:1000;
    border:1px solid #ffd971;
    background-color:#fffdce;
    padding:11px;
    width:150px;
} 

.hovertextright
{
    float:right;
}

.showpasswordchangeadvice {
  position:absolute;
  top:200px;
  left:400px;
}

.toolsimage 
{
    display: block;
    max-width:150px;
    max-height:150px;
    width: auto;
    height: auto;
    border: none;
}

/*this is required because our #header has a zIndex=9999*/
.ui-front { z-index: 10100 !important; }

.app_info_panel 
{
	position: absolute;
    width: 10px;
    height: 40px;
    bottom: 3px;
    right: 0;
}

.vehicle-search-actions img
{
    cursor: pointer;
}

.ui-dialog.hasLeftButtons .ui-dialog-buttonset
{
    width: 100%;
}

.ui-dialog.hasLeftButtons .ui-dialog-buttonset .ui-button
{
    float: right;
}

.ui-dialog.hasLeftButtons .ui-dialog-buttonset .ui-button.dialog-left-button
{
    float: none;
}

.vehicle-search-dialog .ui-widget-header, .agre-dialog .ui-widget-header {
    border: 1px solid #84b343;
    background: #81b640 url(jquery.ui/smoothness/images/ui-bg_gloss-wave_25_81b640_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}