html {
height:101%; /* Trick firefox into always displaying the scrollbar */
}
/*** Reset some main elements **/
div, ul, body, h1, form {
	padding:0;
	margin:0;
}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#00244E;
}
body {
	background-color:#C01115;
	font-family: tahoma, sans-serif;
	font-size:12px;
	padding:15px 0;
}

/** frameset colours and layout **/
#skip-to-content {
	display:none;
}

#body-inner-wrapper {
	width: 900px;
	margin: 0 auto;
	background-color:#fff;
}

#body-header {
	width:900px;
	/*height:90px; IS THIS NEEDED? */
	background:  #fff url(/images/imperial/grid-background.png) repeat-x;
	background-position:bottom left;
}

#urlimage {
float:right;
}
/* contains a 284*44 transparent gif */
#header-logo {
	/*background: #fff url(/images/imperial/imperial-headerlogo-with-strapline.gif) no-repeat; /* is a 341*90 image */
	background: #fff url(/images/imperial/imperial-header-logo-nostrap.gif) no-repeat; /* is a 284*44 image */
	background-position: bottom;
	width:288px;
}

#header-logo a {
	margin:0;
	padding:0;
}

#top-menu {
	width: 900px;
	display:block;
	background-color:#e5e9ed;
	border-top: 1px solid #C01115;
	border-bottom: 1px solid #C01115;
	margin-bottom:20px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:1.0em;
}

#top-menu li {
	display:inline;
	list-style:none;
	border-right: 1px solid #fff;
	padding: 0px 10px;
	padding-bottom:2px;
	color:#00244e;
	color:green;
}

#top-menu li a {
	font-weight:900;
	font-family: tahoma, sans-serif;
	color:#00244e;
}

#top-menu li.last-item, #footer li.last-item {
	border-right: 0;
}

#main-content {
	margin:20px;
	margin-left:183px; /* above margin of 20px plus width of #sidebar */
	padding:10px;
	border: 1px solid #00244E;
}

#main-content h1 {
	font-size: medium;
	color:#345172;
}

#main-content h2 {
/* should be blue header and red header? */
	color:#345172;
}

#main-content h3 {
	color:#4d6683;
}

#main-content a {
	text-decoration:underline;
}

#main-content ul {
	padding-left:25px;
}

.sub-content {
	border: 1px solid #7491A6;
	padding:2px;
}

/** side control panel **/
#sidebar {
	background-color:#e5e9ed;
	padding-bottom:10px;
	float:left;
	width:163px;
	background-image: url(/images/imperial/control-panel-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidebar #catalogue-chooser li {
	display:inline;
	list-style:none;
}

.portlet {
	padding-bottom:5px; /* equal out top and bottom padding */ /* SHOULD BE 15? */
	font-size:0.9em;
	margin-left:5px;
	margin-right:5px;
	color:#000;
	background-color:#fff;
}

.portlet * {
	padding-left: 5px;
	padding-right:5px;
}

.portlet h4 {
	padding-left:0;
	padding-right:0;
	font-size:1em; /* font-size should be inherited from .portlet but isn't in ie6. so tell it explicitely */
	padding:5px;
	color:#fff;
	background-color:#C01115;
}

.portlet a {
	text-decoration:underline;
	color:#00244E;
}

.portlet .button {
	vertical-align:text-bottom;
}

#sidebar #login {
	padding-bottom:5px;
}

#sidebar #login hr {
	background-color:#e5e9ed;
	border:0;
}


#part-finder form * {
margin:0;
padding:0;
}

#part-finder form #find {
margin-left:15px;
}

/*#online-ordering ul {*/
.portlet ul {
	padding-left:5px;
	list-style-position:inside;
	list-style-image:url(/images/imperial/red-pointer.gif); /*set on the div so all portlet lists get them */
}

#online-ordering p {
	text-align:center;
}

.highlight {
	color:#C01115;
}

/** end side bar **/
#footer {
	text-align:right;
	width:900px;
	display:block;
    font-size:0.8em;
    color:#666;
}
#footer li {
        display:inline;
        list-style:none;
        border-right: 1px solid #666;
        padding: 0px 5px;
}
#footer li, #footer a {
	color:#666;
}

.clearer {
	clear:both;
}

/*** End frameset colours and layout ***/

/*** Catalogue bits ***/

.breadcrumbs {
	font-weight:bolder;
}

table.drilldown {
	margin:0 auto;
	width:472px;
	text-align:center;
}

table.drilldown tbody tr td {
	text-align:left;
}

/*** generic catalogue ***/
img#left-from-right {
	float:right;
}

p#part-added {
	font-weight:bolder;
}

table#panels-lamps-catalogue-table {
	clear:right;
}
table.catalogue, table.filter-controls {
	border-collapse:collapse;
	text-align:left;
	width:672px; /* anything over 672 makes explorer show table below sidebar */
}

table.catalogue tbody tr td.col-oe, table.catalogue tbody tr td.col-approved, table.catalogue tbody tr td.col-stock, .col-side {
	text-align:center;
}

#choosepart-contact, #autheddealers{
	width:500px;
	margin:0 auto;
	margin-top:20px;
	background-color:#E5E9ED;
	padding:10px;
	overflow:auto;
}
#choosepart-contact #choosepart-contact-text {
	width:380px;
	float:left;
}

#choosepart-contact .webchatlink {
	float:right;
	width:70px;
}

#autheddealers p {
	margin:20px auto;
	margin-bottom:0;
	text-align:center;
	width:490px;
}
#autheddealers div {
	width:120px;
	margin:0 auto;
	text-align:center;
}
#autheddealers div img {
	/*
		Citroen guidelines say this image must be at least half the image height away from everything
		The image is 40px tall but we can get away with a smaller amount as #autheddealers has padding
	*/
	margin-top:15px;
}


/** lightbox images **/
table.catalogue img.thumb-partimage{
	border:2px solid #7491a6;
}

.buybutton {
	border:2px outset;
	color:#fff;
}

.toggler {
	cursor:pointer;
}

.part-detail {
	display:none;
}

.row-even {
	background-color:#E5E9ED;
}

.row-odd {

}

.togglewrapper {
	background-color:#fff;
}


/*** catalogue specific ***/
.pl-breadcrumbs{
	color:#c01115;
}

.radiators-breadcrumbs {
	color:#3366ff;
}

.condensers-breadcrumbs {
	color:#339966;
}
.accessories-breadcrumbs{
	color:#ff6600;
}
.consumables-breadcrumbs{
	color:#993366;
}
.towbars-breadcrumbs{
	color:#00244e;
}

#panels-lamps-catalogue-table img.thumb-partimage:hover{
	border-color: #C01115;
}
#radiators-catalogue-table img.thumb-partimage:hover{
	border-color: #3366ff;
}
#condensers-catalogue-table img.thumb-partimage:hover{
	border-color: #339966;
}
#accessories-catalogue-table img.thumb-partimage:hover{
	border-color: #ff6600;
}
#consumables-catalogue-table img.thumb-partimage:hover{
	border-color: #993366;
}
#towbars-catalogue-table img.thumb-partimage:hover{
	border-color: #00244e;
}

.buy-pl {
	border-color: #C01115;
	background-color: #C01115;
}

.buy-radiators{
	border-color:#3366ff;
	background-color: #3366ff;
}

.buy-condensers{
	border-color:#339966;
	background-color: #339966;
}

.buy-accessories{
	border-color:#ff6600;
	background-color:#ff6600;
}
.buy-consumables{
	border-color:#993366;
	background-color:#993366;
}
/* fitting only goes with towbars, so it can have the same theme as that */
.buy-towbars, .buy-fitting{
	border-color:#00244e;
	background-color:#00244e;
}

#FrmFit a.maplink {
	font-size:0.8em;
}

#FrmFit ul{
	list-style:none;
}

/* Choose mark has long descriptive text, so use more space */
table#pl-choosemark {
	width:672px;
}
table#pl-choosemark td {
	width:47%;
	vertical-align:top;
	padding-bottom:25px;
}
table#pl-choosemark td.left-col {
	padding-right:3%;
}
table#pl-choosemark td.right-col {
	padding-left:3%;
}

h5.filterheading{
	margin-top:0;
	margin-bottom:0;
}

table#filterers{
	width:672px;
	margin-bottom:10px;
}
table#filterers td{
	vertical-align:top;
}
/*** End catalogue ***/

.smallprint {font-size:0.8em;}

/*** Enquiry Forms ***/
#contactus-page #FrmEnquiry {
	margin:auto 10%;	
}

#catalogue-request-form #cataloguerequest-submit {
	float:right;
}
#catalogue-request-form #FrmEnquiry table tr td label {
	text-align:left;
}

.f2e #FrmEnquiry .form_field .form_label {
	width:10em;
	margin-right:1em;
	text-align:right;
}
#tradeaccount-page #FrmEnquiry input.submitbutton {
	margin-left:250px;
}
#financedocrequest-page #FrmEnquiry input.submitbutton {
	margin-left:10em;
}



/*** end forms ***/

/** Staff **/
#staff-profiles {
	list-style:none;
	height:550px;
}
#staff-profiles li{
	float:left;
	margin-right:30px;
}
#staff-profiles li img{
	display:block;
}

/** end staff **/

/** Front page **/

div#frontpage div#left-col {
	color:#345172;
	width:330px;
	float:left;
}

div#frontpage div#left-col img{
	display:block;
	margin-left:13px; /* #left-col width - img width / 2 */
}

div#frontpage #left-col > *{
	margin-left:0;
}

div#frontpage div#left-col p{
	font-size:1.2em;
	font-weight:bolder;
}

#frontpage #left-col ul{
	width:300px;
	margin-bottom:20px;
	font-size:10px;
}
#frontpage #left-col li{
	line-height:1.2em;
	width:100px;
	color:#c01115;
	list-style-type:disc;
}
#frontpage ul li span {
	color:#345172;
}
#frontpage ul li.reset {
	margin-top:-7.2em; /* no of items in col * their line-height */
}
#frontpage #left-col ul li.col1{
	margin-left:-10px;
}
#frontpage #left-col ul li.col2{
	margin-left:105px;
}
#frontpage #left-col ul li.col3{
	margin-left:210px;
}

#frontpage #right-col {
	width:330px;
	margin-left:342px;
}
#frontpage #right-col #delivery-banner{
	margin-bottom:10px;
	font-size:10px;
}
#frontpage #right-col #delivery-banner img{
	display:block;
}
#frontpage #right-col p.disclaimer {
	color: #345172;
	margin-left:10px;
}

#frontpage #right-col p.disclaimer:first-letter {
	color:#C01115;
	margin-left:-10px; /* the negative of the value above */
}

#frontpage #right-col div#some-blurb {
	margin-bottom:10px;
	font-size:10px;
}
#frontpage #right-col div#some-blurb strong, .trailer-text{
	color:#345172;
	font-weight:900;
}

#frontpage #right-col p#qpart {
	font-size:10px;
}

#about-us {
	background-image:url(/images/imperial/bigone.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.badges {
	padding:2px;
	width:330px;
	margin-bottom:10px;
}
.badges .image-box{
	width:130px;
}
badges .trailer-text {
	vertical-align:middle;
}
.badges .image-box img{
	/*margin-left:25px;*//* line up all images in line with the citroen logo*/
}

.badges .image-box img#citroenlogo{
	margin:17px 25px;

}

/** end front page **/

/** invoices & credits **/

.paymentdocwrapper .paymentimplogo {
	float:right;
}
.invoicecreditsearch {
	width:45%;
	float:left;
}
.invoicecreditsearchresults {

}
.paymentdocheader, .paymentdoclineitems{
	width:99%;
}
.imperialinvoicedetails h3 {
	margin-top:0;
}

.paymentdoclineitems {
	margin-top:1em;
	border-top:5px double #a4a5a6;
}


.paymentdoclineitems thead tr td{
	padding: .5em 0;
	border-bottom:3px solid #A4A5A6;
}

.paymentdoclineitems thead tr td {
	font-weight:bold;
}

.paymentdoclineitems tr td.amount, .paymentdoclineitems tr td.totalamountcaption {
	text-align:right;
}

h4.relateddocsheader{
	margin-bottom:0;
}

.oneofmany {
	margin-bottom:100px;
}

/** end invoices and credits **/

#towbarfitting-hardsell {
	font-weight:bold;
    text-align:center;
    padding:10px;
    margin-top:5px;
    border: solid 3px black;
    background-color: #e4484b;

}
#towbarfitting-mediumsell {
	font-weight:bold;
    text-align:center;
    padding:10px;
    margin-top:5px;
    border: solid 3px black;
}

/** towbar help page **/
#towbarhelp .towbardescription p img {
	margin:5px;
	margin-top:0;
}
#towbarhelp .even p img{
	float:right;
}
#towbarhelp .odd p img{
	float:left;
}

#towbarhelp .towbardescription {
	overflow: auto;
	width: 99%
}
#towbarhelp .towbardescription h2 {
	padding:0;
	margin:0;
}

/* Styling things we use from the Billing module */

.BillingBasketHeadingQty {
	text-align: center;
	font-weight: bold;
}

.BillingBasketHeading {
	text-align: left;
	font-weight: bold;
}

.BillingBasketQty0 {
	text-align: center;
	background-color:#E5E9ED;
}
.BillingBasketQty1 {
	text-align: center;
}

.BillingBasketItem0 {
	text-align: left;
	background-color:#E5E9ED;
}
.BillingBasketItem1 {
	text-align: left;
}

.BillingBasketPrice0 {
	text-align: right;
	background-color:#E5E9ED;
}
.BillingBasketPrice1 {
	text-align: right;
}

.BillingBasketEndCaption {
	text-align: right;
}

.BillingBasketEndValue {
	text-align: right;
}

.BillingBasketTotalCaption {
	text-align: right;
	font-weight: bold;
}

.BillingBasketTotalValue {
	text-align: right;
	font-weight: bold;
}

/* Used on order confirmation */
.InvTDCaption {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

.InvTDData {
	vertical-align: top;
}

.InvCaption {
	font-weight:bold;
}

/** stock list **/
#oostocklistresults,
#outofstockline {
	width:99%;
}

#oostocklistresults thead tr th {
	text-align:left;
}

#outofstockheader th {
	text-align:right;
}

#outofstockline thead tr th {
	padding: .5em 0;
	border-bottom:3px solid #A4A5A6;
}

#outofstockline thead tr th {
	font-weight:bold;
}

#outofstockline {
	border-top:5px double #A4A5A6;
	margin-top:1em;
}
#outofstockviewpage #insurerwarning {
}

/** end stock list **/