/*
The Pipercross Shop 
*/

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: tahoma, verdana, lucida, arial, helvetica, sans-serif;
	padding-bottom: 1px;
	scrollbar-face-color: #A63A30;
	scrollbar-highlight-color: #A63A30;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

.compactText{
	font-size: 11px;
}

p{font-size:12px;}
.article{margin-left:20px;}

.articlerange{width:650px; margin-left:20px; clear:both}

.articlerange p{
	margin-top:5px;
	margin-bottom:2px;
	width:400px;
	color:#333333;
}
.articlerange a{ font-weight:bold; color:#CC0000;}

.articlerange h2{
	font-size:12px;
	margin-bottom:0;
}
.articlerange h2 a{
	text-decoration:none;
	color:#333;
}
.article li{font-size:12px;}
img.productrange{float:right;}
.clear{
     clear:both;
}
.article .coldivideleft{border-right:2px solid #CCCCCC;}
.article .coldivideright{padding-left:10px;}
.article .price {color:#990000; font-weight:bold;}
.smlText{
	font-size: 9px;
}

a{
	color: #333333;
}

.style1 {color: #CC0000}
.style2 {color: #CCCC00}


.footerText{
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
li{
	font-size:14px;
	padding-bottom:5px;
}

div#topFold{
	vertical-align : top;
	text-align : center;
	width:850px;
	border-left : 1px solid #666666;
	border-right : 1px solid #666666;
	background-color: #000000;   /* colour for line under top menu */
	
}

div#mainContent{
	vertical-align : top;
	text-align : left;
	width:850px;
	border-left : 1px solid #666666;
	border-right : 1px solid #666666;
	border-bottom : 1px solid #666666;
	
}

div#topLinks{
	width:100%;
	height: 20px;
	background-image : url(../images/top_gradient_tile.gif);
	background-repeat : repeat-x;
	text-align: right;
}

div#topBlackBar{
	background-color : Black;
	width:100%;
	height:2px;
}

#topBanner{
	border-bottom: 1px solid #666666;
}

div#yellowFade{
	background-image : url(/images/divder_horizontal_yellowfade.gif);
	background-repeat : no-repeat;
	height:3px;
}

td#pageHeader{
	font-size:20px;
	color:#333333;
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td#pageHeader h1{
	margin:0; padding:0;
	font-size:20px;
	font-weight:normal;
}

td#pageFooter{
		font-size:11px;
	color:#333333;
	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.cookieTrail{
	color: #990000;
	font-size: 11px;
	font-weight: bold;
}

.applicationLink{
	color: #990000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

#menu {
	margin: 0;
	padding: 0 0 0 372px;
	text-align:right;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	width: 118px;
	height: 20px;
	border-left: 1px solid #333;
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
	
	background-image: url(images/top_gradient_tile.gif);
	background-repeat: repeat-x;
	}


#menu ul li a:hover {
	color: #990000;
	background-image: url(images/top_gradient_tile_over.gif);

	}

#menu a:active	{
	color: #E4E4E4;
	background-image: url(images/top_gradient_tile_over.gif);
	}

.topMenuOver{
	color: #E4E4E4;
	background-image: url(images/top_gradient_tile_over2.gif);
}
	
#imgCell, #textCell {
	/*border : 1px solid #CCCCCC;*/
	color : #000000;
	font-size : 11px;
	vertical-align:top;	
}
#imgCell {
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

#textCell{
	padding-left : 2px;
	padding-right : 2px;

	text-align:left;
	color : #000000;
	font-size : 11px;
}

#divscroll
{
   
  overflow: scroll;
 height:440px;
 overflow-x: hidden; 
 margin-top:2px;
 padding:1px;
 font-size:11px;
 }

input, select{
	font-size:11px;
}
#navmenu {
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;

	}

#navmenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;

	}

#navmenu ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;

	}

#navmenu ul li a {
	width: 123px;
	height: 43px;

	color: #333333;
	background-image : url(images/navmenu_bg.gif);
	background-repeat: no-repeat;

	text-decoration: none;
	display: block;
	text-align: left;
	vertical-align : baseline;
	font-size: 11px;
	font-weight: bold;
	padding-left:2px;
    margin-top:2px;
	text-transform : uppercase;
	}



#navmenu ul li a:hover {
	color: #990000;
	
	background-image : url(images/navmenu_bg_over.gif);

	}

#navmenu a:active	{
	color: #990000;
	
	background-image : url(images/navmenu_bg_over.gif);	
	}

.leftMenuOver{
	color: #990000; background-image : url(images/navmenu_bg_over.gif);
}
	
.navOver{
	color: #990000;	
	background-image : url(images/navmenu_bg_over.gif);
}	
	#howtobuy{
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;
	

}

#howtobuy a {
	width: 121px;
	height: 43px;

	color: #FFFFFF;
	background-color:#FF0000;
	/*background-color : #990000;*/
	background-repeat: no-repeat;
    margin-top:2px;
	text-decoration: none;
	display: block;
	text-align: left;
	vertical-align : baseline;
	font-size: 11px;
	font-weight: bold;
	padding-left:2px;
    margin-top:2px;
	text-transform : uppercase;
}

#howtobuy a:hover {
		width: 121px;
	height: 43px;

	color: #CCCCCC;
	background-color : #666666;
	background-repeat: no-repeat;
    margin-top:2px;
	text-decoration: none;
	display: block;
	text-align: left;
	vertical-align : baseline;
	font-size: 11px;
	font-weight: bold;
	padding-left:2px;
    margin-top:2px;
	text-transform : uppercase;
}

.imgBorder{
	border : 1px solid #D6D6D6;
}

.fitmentEnd{
	border-bottom : 1px solid #333;
}

.studPattern{
	color : #CCCC00;
	font-weight : bold;
}

.colourOptions{
	color: #0099FF;
}

#fitmentTable{
	width:188px;
}

.header{
	color : #333333;
	font-size : 18px;
	font-weight : bold;
}

.largePrice{
	font-family: Arial, Helvetica, sans-serif;
	color : #CC0000;
	font-size : 2.4em;
	font-weight:bolder;
	font-style:italic;
	font-stretch:condensed;
}

.subheader{
	color : #333333;
	font-size : 12px;;;
	font-weight : bold;
}

.kitRow{
	color:#FFFFFF;
	font-size:12px;
	background-color:#00779E;
	height:30px;
}


/*** CORNER STYLES ***/
.roundedDiv {
	background-color:#CCE6FF;
}
.roundedDiv .header ul {
	background: url(../images/corners.png) -15px -15px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.roundedDiv .header ul li {
	float: right;
	background: url(../images/corners.png) 0px -15px no-repeat;
	width: 15px;
	line-height: 15px;
}
.roundedDiv .footer ul {
	background: url(../images/corners.png) -15px 0px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.roundedDiv .footer ul li {
	float: right;
	background: url(../images/corners.png) 0px 0px no-repeat;
	width: 15px;
	line-height: 9px;
}
#content {
	padding: 0 5px;
	display: block;
}
#content h1{
	font-size:1em;
}

.error{
padding:10px; color:#990000;background:#FFEEEE;margin-bottom:10px;}
.good{
padding:10px; color:#009900;background:#EEFFEE;margin-bottom:10px;}

.panelfilter_display .productimage{float:left; margin:20px 0 0 15px;}
.panelfilter_display .productimage img{border:1px solid #ccc}
.panelfilter_display .productimage_caption{clear:left;color:#C10000}

.panelfilter_display h2{font-size:1.4m;margin-bottom:0; color:#900}
.panelfilter_display h3{font-size:1.2em;margin-bottom:0; color:#900}

.panelfilter_display .description{font-size:1.2em; margin-bottom:10px; }
.panelfilter_display .description p{margin:0 0 2px 0; }
.panelfilter_display .freedelivery{float:left;margin-left:20px; width:50px;}
#freedelivery_note{font-size:0.7em; color:#333; margin-top:20px;}
.panelfilter_display .dimensions{width:200px; padding-top:10px;background:url(../images/bg_partdetails.png) no-repeat;}
.panelfilter_display #dimensions_footer{height:29px; width:229px;}
.panelfilter_display .price{float:left; margin-bottom:10px; background:url(../images/bg_price.png) no-repeat; padding:5px 0 0 15px; width:200px; height:39px;}
.panelfilter_display .price .largePrice{float:left}
.panelfilter_display .price input{margin:6px 0 0 15px}
.panelfilter_display .partno{}

.panelfilter_display .partdetails{float:left; width:390px; margin:20px 0 0 20px;}


dl.table-display
{
width: 20em;
margin: 0;
padding: 0;
clear:left;
}

.table-display dt
{
width: 8em;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
color:#C10;
font-size:1.2em;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
width: 5em;
margin: 0 0 0 0;
padding: .5em; 
font-size:1.2em;
float:left;
}

ul.fivereasons{ clear:both; padding-top:10px;}
ul.fivereasons li{
font-weight:bold;
}