/* COLOURS ---------------------------------------------------------------------------------------------- */

/* Background image */
div.mainDiv
{
	background-image:	url(../images/yellow-background.gif);
}

/* Yellow colours */
.mainDivFooter, .detailPanel, .linksPanel, .offers
{
	background-color:	#FECC05;
}

div.navDiv a:hover, div.blackBar a:hover, .resultsTab, .resultsTabSelected, .inputButton
{
	color:				#FECC05;
}

/* Red colours */
div.navDiv, div.navDiv a, .resultsTab, .resultsTabSelected, .cartSummaryButton, .rightColHeading, .inputButton, table.tyreDetails th
{
	background-color:	#ED1B23;
}

/* Foreground colours */
div.mainLeft h2, .mainDivFooter, .mainDivFooter a, div.blackBar a, .resultsTable th, .resultsTable th a, .detailPanel h2, .linksPanel h2, .detailPanel h3, table.cartDetail th, table.orderHistory th, table.reports th .linksPanel a:hover, .popup h2, div.mainLeft a:hover, div.mainRight a:hover, div.discount, table.tyreDetails a
{
	color:				#ED1B23;
}

/* Borders */
.resultsTable, div.popup, div.error, div.key, div.stockKey, div.offers, div.orderDetailsPopup, div.headerBottomRight img, table.tyreDetails th, table.tyreDetails td
{
	border-color:		#ED1B23;
}

/* Other stuff -------------------------------------------------------------------------------------------- */

div.headerBottomRight
{
	padding:			8px 8px 0px 0px;
	text-align:			right;
}

div.headerBottomRight img
{
	border-width:		1px;
	border-style:		solid;
}

div.headerBottomLinks
{
	position:			absolute;
	top:				78px;
	left:				5px;
	color:				#000000;
	font-weight:		normal;
	text-decoration:	none;
	font-size:			0.9em;
}

div.headerBottomLinks a
{
	color:				#000000;
}

div.navDiv 
{
	clear:				both;
	width:				100%;
	height:				27px;
	position:			relative;
	font-weight:		bold;
	font-size:			0.9em;
	margin:				4px 0px 4px 0px;
}

div.mainLeft
{
	width:				566px;
	font-weight:		normal;
	font-size:			1.1em;
	min-height:			500px;
	padding-bottom:		50px;
}

div.mainleftContent
{
	padding-left:		6px;
}

div.mainLeft h2, .popup h2
{
	font-size:			1.0em;
	margin:				10px 0px 5px 0px;
}

div.mainLeft h3
{
	font-size:			1.0em;
	font-weight:		normal;
	font-style:			italic;
	margin:				10px 0px 5px 0px;
}

div.mainLeft p
{
	margin:				5px 0px 10px 0px;
	line-height:		1.3em;
}

div.mainLeft p a, div.mainRight a
{
	color:				#000000;
}

div.mainRight ul, li
{
	margin: 0;
	padding: 0;
}

div.mainRight ul {margin-left: 2em;}

div.mainRight
{
	float:				right;
	width:				190px;
	font-size:			1.1em;
	position:			relative;
	background-color:	white;
	font-weight:		bold;
}

div.rightColHeading
{
	color:				white;
	height:				17px;
	font-weight:		bold;
	padding:			5px 5px 5px 5px;
	margin:				0px 0px 4px 0px;
}

div.blackBar 
{
	width:				100%;
	margin:				0px 0px 4px 0px;
	padding-left:		6px;
	font-size:			1.0em;
}

div.blackBar a
{
	color:				#ffffff;
	text-decoration:	underline;
}

div.blackBar a:hover
{
	color:				#ffffff;
	text-decoration:	none;
}

.mainDivFooter {
	width:				761px;
	height:				17px;
	margin:				4px 0px 0px 0px;
	padding:			9px 9px 0px 0px;
	
	font-size:			0.9em;
	text-align:			right;
}

.mainDivFooter a
{
	font-weight:		bold;
	text-decoration:	none;
}


.mainDivFooter a:hover
{
	color:				#000000;
}

div.navDiv a
{
	display:			block;
	float:				left;
	padding:			6px 8px 9px 6px;
	margin:				0px 0px 4px 0px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div.navDiv a:hover
{
	text-decoration:	none;
}

div.refreshLink 
{
	float:				left;
	padding-top:		10px;
	padding-left:		10px;
}

div.refreshLink a 
{
	color:				black;
}

.resultsTab, .resultsTabSelected
{
	cursor:				pointer;
	font-weight:		bold;
	font-size:			8pt;
	margin:				0px -4px 0px 0px;
	padding:			3px 0px 3px 0px;
	border:				none;
	width:				135px;
	background-image:	url(../images/tab-bg.gif);
}

.resultsTabSelected
{
	color:				#ffffff;
}

.resultsTab:hover, .resultsTabSelected:hover
{
	color:				#ffffff;
}

.resultsTable
{
	width:				560px;
	font-weight:		normal;
	font-size:			0.8em;
	border-spacing:		0;
	border-top-width:	2px;
	border-top-style:	solid;
}

.resultsTable th
{
	background-color:	#F0F0F0;
	padding:			3px 3px 3px 3px;
	border-bottom:		1px solid #e0e0e0;	
}

.resultsTable th a
{
	text-decoration:	underline;
}

.resultsTable th a:hover
{
	color:				black;
	text-decoration:	none;
}

.searchRow td, .searchRowAlt td, .searchRowLast td, .searchRowLastAlt td
{
	padding:			3px 3px 0px 3px;
}

.searchRowAlt td, .searchRowLastAlt td
{
	background-color:	#FAFAFA;
}

.searchRowLast td, .searchRowLastAlt td
{
	border-bottom:		1px solid #ebebeb;
	padding:			3px 3px 8px 3px;
}

.resultsFooter td 
{
	padding:			5px;
}

.detailPanel
{
	padding:			5px 5px 5px 5px;
	font-size:			0.8em;
	font-weight:		normal;
}

.detailPanel img.tyre
{
	width:				150px;
	height:				150px;
	border:				1px solid #000000;
	text-align:			center;
	margin:				0px 0px 5px 15px;
}

.detailPanel h2
{
	font-size:			1.3em;
	margin:				0px 0px 5px 0px;
}

.detailPanel h3
{
	font-size:			1.1em;
	font-weight:		normal;
	margin:				5px 0px 5px 0px;
}

.detailPanel p
{
	padding:			0px 0px 5px 0px;
	margin:				0px 0px 0px 0px;
}

.detailPanel ul
{
	margin:				0px 0px 10px 0px;
}

.detailPanel blockquote
{
	margin:				0px 10px 0px 0px;
}

.linksPanel
{
	padding:			5px 5px 5px 5px;
	font-size:			0.8em;
	font-weight:		normal;
}

.linksPanel a
{
	color:				#000000;
	text-decoration:	underline;
}

.linksPanel h2
{
	font-size:			1.3em;
	margin:				0px 0px 5px 0px;
}

.linksPanel p
{
	margin:				0px 0px 5px 0px;
}

.cartSummaryButton
{
	cursor:				pointer;
	font-weight:		bold;
	font-size:			9pt;
	color:				#FFFFFF;
	padding:			2px;
	width:				75px;
	margin:				0px 5px 10px 5px;
	border-width:		0px;
}

table.cartSummary
{
	width:				100%;
	margin-bottom:		20px;
}

tr.cartSummaryTotals td
{
	border-top:			1px solid #000;
	padding:			5px 0px 0px 0px;
	font-weight:		bold;
}

div.popup
{
	position:			fixed;
	width:				730px;
	height:				300px;
	top:				50px;
	left:				auto;
	background-color:	#FFFFFF;
	filter:				alpha(opacity=98);
	padding:			10px;
	border-width:		2px;
	border-style:		solid;
	overflow:			auto;
	margin-left:		10px;
}

iframe.popupFrame
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				750px;
	height:				320px;
}

div.popupContent
{
	position:			absolute;
	width:				710px;
}

div.orderHistory 
{
	width:				96%;
	min-height:			150px;
	font-size:			0.8em;
	margin-bottom:		30px;
}

table.orderHistory
{
	width:				96%;
	border:				1px solid #F0F0F0;
	margin:				10px 0px 10px 10px;
}

table.orderHistory th
{
	background-color:	#F0F0F0;
	padding:			5px;
}

table.orderHistory td
{
	padding:			5px;
}

div.orderDetailsPopup
{
	position:			absolute;
	width:				550px;
	min-height:			150px;
	right:				-10px;
	top:				40px;
	background-color:	#FFFFFF;
	filter:				alpha(opacity=98);
	padding:			10px;
	border-width:		2px;
	border-style:		solid;
}

div.printDetails
{
	width:				700px;
	margin:				10px;
	background-color:	#FFFFFF;
	color:				#000000;
	font-size:			0.7em;
}

div.printDetails h2
{
	margin-top:			10px;
	font-size:			1.0em;

}

div.checkoutOrderDetails
{
	margin:				20px 10px 10px 10px;
	font-size:			0.9em;
	border-top:			1px solid #F0F0F0;
}

div.reports 
{
	width:				560px;
	min-height:			150px;
	font-size:			0.9em;
	margin-bottom:		30px;
}

table.reports
{
	width:				96%;
	border:				1px solid #F0F0F0;
	margin:				10px 0px 10px 10px;
}

table.reports th
{
	background-color:	#F0F0F0;
	padding:			5px;
}

table.reports td
{
	padding:			5px;
}

div.checkoutCart
{
	width:				570px;
	min-height:			150px;
	font-size:			0.8em;
	margin-bottom:		10px;
}

table.cartDetail
{
	width:				96%;
	border:				1px solid #F0F0F0;
	margin:				10px 0px 10px 10px;
}

table.cartDetail th
{
	background-color:	#F0F0F0;
	padding:			5px;
}

.cartRow td
{
	font-size:			1.0em;
	padding:			3px 3px 0px 3px;
}

.cartDetailRow td
{
	font-size:			0.9em;
	padding:			0px 3px 5px 3px;
	border-bottom:		1px solid #ebebeb;	
}

.totalRow td
{
	font-size:			1.1em;
	padding:			10px 3px 5px 3px;	
}

#cartMessageDiv
{
	text-align:			center;
	font-size:			1.2em;
	padding:			5px 0px 10px 0px;
}

.cartButtons
{
	padding:			0 30px 0 20px;
}

table.login
{
	margin-left:		50px;
}

input.login
{
	width:				100px;
}

input.quantityBox
{
	width:				50px;
	text-align:			right;
	border:				1px solid #AAAAAA;
}

.searchParams
{
	margin:				20px 0px 10px 0px;
}

.searchParams .inputButton
{
	width:				90px;
}

input.inputButton, input.printButton
{
	padding:			0.2em 0.8em 0.2em 0.8em;
}

input.tyreSearch
{
	width:				80px;
	margin-right:		5px;
	height:				1.3em;
	border:				1px solid #AAAAAA;
}

select.tyreSearch
{
	width:				50px;
	margin-right:		5px;
	border:				1px solid #AAAAAA;
}

select.productMake
{
	width:				150px;
	border:				1px solid #AAAAAA;
}

input.exhaustSearch
{
	width:				75px;
	margin-right:		5px;
	border:				1px solid #AAAAAA;
}

input.checkout, textarea.checkout
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			1.0em;
	border:				1px solid #AAAAAA;
}

div.error
{
	padding:			10px;
	margin:				0px 0px 0px 10px;
	text-align:			center;
	border-width:		2px;
	border-style:		solid;
}

div.success
{
	border:				2px solid #00BB00;
	padding:			10px;
	margin:				0px 0px 0px 10px;
	text-align:			center;
}

div.batteryComments
{
	font-size:			0.8em;
	padding:			5px;
	margin:				0px 0px 0px 10px;
	text-align:			left;
	border-width:		2px;
	border-style:		solid;
}

div.headerBottomLeft
{
	width:490px;
	height:70px;
	overflow:hidden;
}

div.customerNameHeading
{
	font-size:			1.4em;
	height:				23px;
	overflow:			hidden;
}

div.headerBottomLeft p
{
	margin:				0px 0px 0px 0px;
	font-style:			italic;
	font-size:			0.9em;
}

table.accountSettings
{
	font-size:			1.0em;
}

table.accountSettings th
{
	font-weight:		bold;
	text-align:			right;
}

p.indent
{
	padding-left:		30px;
}

div.key, div.stockKey
{
	font-size:			1.0em;
	padding:			5px 0px 5px 0px;
	margin:				5px 0px 5px 0px;
	border-top-width:	1px;
	border-top-style:	solid;	
	border-bottom-width:	1px;
	border-bottom-style:	solid;	

}

div.key img
{
	vertical-align:		middle;
	margin-right:		5px;
}

div.key span
{
	display:			block;
	font-size:			1.1em;
	margin-bottom:		5px;
}

div.stockKey
{
	border-top:			none;
	margin-top:			0px;
	padding-top:		0px;
}

pre
{
	width:				560px;
	font-size:			8pt;
	padding:			0px 0px 0px 5px;
	overflow:			hidden;
}

body.help, body.print
{
	background-color:	#ffffff;
}

div.helpDiv 
{
	width:				95%;
	position:			relative;
	font-size:			0.7em;
	margin:				0px;
	padding:			5px;
}

div.helpDiv h1
{
	font-size:			1.2em;
}

div.helpDiv h2
{
	font-size:			1.0em;
	padding:			0px;
	margin:				0px;
}

div.helpDiv img
{
	margin:				0px 0px 0px 30px;
	border:				1px solid #c0c0c0;
}

div.helpDiv p
{
	line-height:		1.3em;
	margin:				5px 0px 10px 0px;
}

div.customerDetails
{
	font-size:			0.9em;
}

div.exportLink
{
	float:				right;
	font-size:			0.8em;
	margin-right:		20px;
	margin-top:			10px;
}

div.exportLink a
{
	color:				#ED1B23;
}

div.exhaustSystemItem, div.batteryItem
{
	position:			relative;
	float:				left;
	margin:				0px 10px 10px 0px;
}

.exhaustSystemResults .resultsTable
{
	width:				530px;
}

div.footnote
{
	margin:				30px 0px 10px 10px;
	font-size:			0.8em;
}

div.footnote p
{
	margin:				0px 0px 0px 0px;
}

div.footnote ul
{
	margin:				5px 0px 0px 25px;
}

div.importStatus
{
	font-size:			0.8em;
	padding:			0px 0px 0px 20px;
}

div.discount
{
	padding:			0px 0 5px 0;
}

div.offers
{
	padding:			5px 5px 5px 5px;
	text-align:			center;
	font-weight:		normal;
	font-size:			0.8em;
	border-bottom-width:	1px;
	border-bottom-style:	solid;	
}

div.offers img
{
	border:				1px solid #000000;
}

div.cOrders 
{
	padding-left:10px;
}

table.vehicleDetails th
{
	text-align:		right;
	width:			150px;
}

table.tyreDetails
{
	margin:			0 0 20px 0;
}

table.tyreDetails th
{
	font-size:		0.9em;
	color:			#ffffff;
	border-width:	1px;
	border-style:	solid;
}

table.tyreDetails td
{
	font-size:		0.8em;
	border-width:	1px;
	border-style:	solid;
}

div.zeroStockWarning
{
	border:				1px solid #c0c0c0;
	text-align:			left;
	font-size:			0.9em;
	padding:			5px;
	margin:				20px 0px 10px 10px;
}

span.tyreSymbols {
	margin:				0 10px 0 0;
}

span.tyreSymbols img {
	border:				1px solid #c0c0c0;
	padding:			1px;
	margin:				0 3px 0 0;
	vertical-align:		text-top;
}

.priceListData .logo {text-align: center;}
.priceListData .logo img {margin: 1em 0 0 0;}
.priceListData .telephone {font-size: 1.4em; text-align: center; margin: 1em 0 0.5em 0; font-weight: bold;}
.priceListData h1 {font-size: 1.8em;  letter-spacing: 0.5em;  font-variant:small-caps; text-align:center ; font-weight: bold; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif}
.priceListData table {margin-bottom: 20px;}
.priceListData .infoLine {font-size: 1.1em;}
.priceListData .disclaimer {font-size: 0.7em; margin: 3em 0 1em 0 ; text-align:center;}
.priceListData .seriesHeading {background-color: #000000; color: #ffffff; font-weight: bold; font-size: 1.2em; padding: 3px;}
.priceListSelect {width: 150px; margin-right: 20px;}
.linksPanel input.printButton
{
	cursor:				pointer;
	font-weight:		bold;
	font-size:			9pt;
	color:				#FFFFFF;
	background-color:	#ED1B23;
	padding:			2px 3px 2px 3px;
	margin:				0px 5px 10px 5px;
	border-width:		0px;
}


div.searchSelection a {display: inline-block; margin: 20px 20px 20px 30px; border:1px solid #c0c0c0; text-decoration: none; text-align:center; font-weight: bold; color: black; padding: 0 0 1em 0;}
div.searchSelection a:hover {border:1px solid black;}

#survey
{
	font-size:			1.0em;
	padding:			5px;
	margin:				5px 0px 5px 0px;
	
	color:				#ffffff;
}

#survey {background-color: black; height: 100px; color: #ffffff}
#survey h2 { font-size: 1.2em; color: white;}
#survey a {color: #ffffff; }
#survey a:hover {color: red; }

.nps {padding: 0.5em 0.5em 0.5em 0.5em; font-size: 0.8em; background-color: #ffffff;}
.nps hr {color: #c0c0c0; width: 100%; text-align: left; margin: 0.5em 0 0 0;}
.nps p {margin: 0.5em 0 0.8em 0;}
.nps small {display: block; margin: 0.5em 0 0 0; color: #606060; font-size: 0.7em;}
.nps td {padding: 0 1em 0 0;}
.nps .text {width: 98%; background-color: #ffffff; font-size: 1.1em;}
.nps .other {margin: 0.5em 0 0 1.5em; width: 60%;}
.nps h1 {color: #ED1B23; font-size: 1.5em;}
.nps .next {margin: 2em 0 0 450px; padding: 0.5em;}
.nps .error {margin: 2em 3em 0 3em; font-size: 0.9em;}
.nps table {font-size: 0.8em; margin: 0 0 0 1.5em;}

.surveyResults table {margin: 1em 0 2em 1em;}
.surveyResults .score td, #surveyResults .score th {padding: 0.3em 0.3em 1em 0.3em;}
.surveyResults .score td {font-size: 1.5em;}
.surveyResults td {padding: 0.3em; text-align: right;}
.surveyResults th {text-align: right;padding: 0.3em; width: 150px;}
.surveyResults td.promoter {background-color: #80ff80; width:50px; text-align:center;}
.surveyResults td.passive {background-color: #ffff80; width:50px; text-align:center;}
.surveyResults td.detractor {background-color: #ff8080; width:50px; text-align:center;}

a.surveyResultsLink
{
	color:				#ED1B23;
}

div.serviceNotice {border:1px solid red; background-color: #ffffff; width: 400px; float: right; height: 37px; padding: 5px; font-size: 7pt;}

/* Admin styles */
.branchTable th {border-bottom: 1px solid #E0E0E0; padding: 0.5em;}
.branchTable td {border-bottom: 1px solid #E0E0E0; padding: 0.5em;}

@media print 
{
body {background-color: #ffffff; width: 100%;}
div.headerDiv {display: none;}
div.navDiv {display:none;}
div.mainRight {display:none;}
div.mainDiv {margin: 0; padding: 0; width: 620px;}
div.mainLeft {width: 620px;}
div.mainDiv .blackBar {display:none;}
div.searchParams {display: none;}
.resultsTable {width: 600px;}
div.mainDivFooter {display:none;}
div.priceListFooter {width: 600px;}
}