/* Styles */

p {color:#FFFFFF;}
img {border:0;}

/*Main Structure*/
#oMainContainer
{
	width: 984px;
	margin: auto;
	background-image:url('../graphics/1024/dark_bg.gif');
	background-position:top left;
	background-repeat: repeat-y;
	min-height:900px; 
}

#oContainer {float:left; width:100%; border:0px solid red; 	background-image:url('../graphics/1024/dark_bg.gif');
}

#oLeftNavigation {
float:left;
width:190px;
border:0px solid red;
margin:8px;


}

#oMiddleContent {
float:left;
width:570px;
border:0px solid green;
margin:8px 0px 0 0px;

}

#oRightNavigation {
float:right;
width:190px;
border:0px solid blue;
margin:8px;

}

/*Product Wrap*/

.productWrap {border:0px solid red; width:49%; float:left; background:#999999; margin-left:3px; margin-right:2px; margin-bottom:5px; padding-bottom:10px;}
.productImageWrap {margin:5px; border:0px solid red; width:132px; height:99px; float:left;}
.productNameWrap {border:0px solid red; height:99px; float:right; width:130px; margin-top:5px; margin-bottom:5px; color:#FFFFFF;}

.productPriceWrap {border:0px solid red; float:left; width:95%; padding:0 10px 0 10px;}
.productPriceWrapLeft {float:left; font-size:12px; color:#fff; width:55%; font-weight:bold;}
.productPriceWrapRight {float:right; width:30%; text-align:right; margin-right:5px;}

.smallFont {font-size:10px; font-weight:normal;}

.productWrap a, a:hover {color:#FFFFFF;}


/*Left Menu */


.cat_arrow
{
	width: 9px;
	height:9px;
	border: 0;
	margin-right: 5px;
}

.main_cat_header, .sub_cat, .sub_cat_on, .sub_cat_on_brand
{
	margin-bottom: 1px;
}
.main_cat_header
{
	background-color: #999999;
	font-size: 11px;
	padding: 2px;
	padding-left: 10px;
	color: #ffffff;
}
.main_cat_header a:link, .main_cat_header a:visited, .main_cat_header a:hover, .main_cat_header a:active
{
	color: #ffffff;
	text-decoration: none;
}
.main_cat_header a:hover
{
	text-decoration: underline;
}
.sub_cat, .sub_cat_on, .sub_cat_on_brand
{
	background-color: #d5d5d5;
	font-size: 10px;
	padding: 2px;
	padding-left: 24px;
	
	/*margin-left: 13px; */
	margin-right: 0px;
}
.sub_cat a:link, .sub_cat a:visited, .sub_cat a:hover, .sub_cat a:active
{
	color: #444444;
	text-decoration: none;
} 


.sub_cat_on, .sub_cat_on a:link, .sub_cat_on a:visited, .sub_cat_on a:hover, .sub_cat_on a:active,
.sub_cat_on_brand, .sub_cat_on_brand a:link, .sub_cat_on_brand a:visited, .sub_cat_on_brand a:hover, .sub_cat_on_brand a:active
{
	text-decoration: none;
	background-color: #ffa800;
	color: #ffffff;
}
.sub_cat a:hover, .sub_cat_on a:hover, .sub_cat_on_brand a:hover
{
	text-decoration: underline;
}
.cat_header, .cat_header_dark, .cat_header_collapsible
{
	background-image:url(../clearance/graphics/common/cat_header_bg.gif);
	background-position: top left;
	background-repeat:repeat-x;
	
	height:19px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	padding-top: 7px;
}
.cat_header_dark
{
	background-image: url(../clearance/graphics/common/cat_header_dark_bg.gif);
	background-position: bottom left;
	height: 17px;
	padding-top: 4px;
	font-size: 10px;
	
}
.cat_header_dark a:link, .cat_header_dark a:active, .cat_header_dark a:hover, .cat_header_dark a:visited
{
	color: #ffffff;
}
.cat_header_collapsible
{
	cursor: pointer;
}



.sidebar_group, .sidebar_group_off
{

}
.sidebar_group_off
{
	display: none;
}

.brand_browser
{
	background-color: #d5d5d5;
	text-align: center;
	margin-bottom: 1px;
	background-position: top left;
	background-repeat: no-repeat;
}
.brand_browser_open
{
	background-color: #999999;
	
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 0px;
}

.collapsed_menu
{
	display: none;
}


/* Shopping Basket Mini*/

#weecart_total
{
	font-size: 10px;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 5px 0px;
	float:right;
	width:100%;
	border:0px solid #666666;
	text-align:right;
	

}
.weecart_itm
{

}
.weecart_del, .weecart_desc, .weecart_qty
{
	float: left;
}
.weecart_del
{
	width: 18px;
	text-align: left;
	margin-top: 2px;
}

.weecart_sidebar_group{ background:#FFFFFF; padding-bottom:15px; float:left;}

.weecart_qty
{
	width: 20px;
	text-align: right;
}
.weecart_desc
{
	width: 122px;
}
.weecart_div
{
	height: 1px;
	margin-bottom: 5px;
	background-color:#333333;
	line-height: 0px;
	font-size: 0px;
}
#weecart_shippingMsg
{
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	text-align: center;
	padding: 5px;
	
	color: #d60000;
	
	margin-bottom: 5px;
}
#weecart_shippingCost
{
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	text-align: center;
	padding: 0px 10px 5px 10px;
	float:left;
	margin-top:15px;
}
.weecart_qtymsg
{
	background-color: #cccccc;
	padding: 5px;
	font-size:10px;
	text-align:center;
}

/* Dynamic Basket */

#basketWrap {
	margin: 10px;
	background-color: #EBEBEB;
	padding-bottom: 5px;
}

#basketTitleWrap {
	background-color: #669900;
	border: 3px #CCCCCC solid;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}

#basketItemsWrap {border:0px solid red; width:189px;}

#basketItemsWrap img {
	border: 0;
}

#basketItemsWrap ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width:100%;
	
}

#basketItemsWrap li {
	background-color: #ffffff;
	margin: 5px;
	font-size: 10px;
	clear:both;
	
}

.basketItemLeft {
	float: left;
}

.basketItemRight {
	float: right;
}

#basketItemsWrap li img {float:left; width:10px; margin-right:10px; vertical-align:baseline;}
#basketItemsWrap li .productName {float:left; width:120px; margin-right:10px;}
#basketItemsWrap li .qty {float:right; width:10px;}
#basketItemsWrap li a, a:hover {color:#000000;}

#BasketHeader {float:left; width:100%; margin:0px 0 10px 0;}
#BasketProductName {float:left; width:100px; padding-left:25px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:10px;}
#BasketProductQty {float:right; width:45px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:10px; text-align:right; margin-right:13px;}



/*Middle Container Structure*/
#oLargeClearanceHeader {text-align:center;}
#oIntroductionText {width:500px; padding:10px;}



/* OPTIMISE SEARCH BOX */

#refine
{
	line-height: 1.5em;
	
	margin-bottom: 10px;
	padding: 20px;
	background-color: #ffffff;
	border-style:solid;
	border-color: #999999;
	border-width: 1px;
}
#refine a:link, #refine a:visited, #refine a:hover, #refine a:active
{
	text-decoration: none;
	color: #f36b23;
}
#refine a:hover
{
	text-decoration: underline;
}
#refine_title
{
	color: #000000;
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
}
.refine_subtotal
{
	font-size: 1em;
	color: #999999;
}
#refine_explan
{
	font-size: 1.1em;
	margin-bottom: 5px;
	font-weight: normal;
}
#refine_brandlogo
{
	float: right;
	margin-top: -10px;
	margin-right: -10px;
	
	width: 180px;
	height: 35px;
	/*background-image:url(../graphics/brandlozenge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	*/
	text-align: center;
}


.nugget_title
{
	background-image:url('http://www.hpiracing.co.uk/graphics/common/nugget/title_bg.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #565454;
	
	font-size: 11px;
	
	color: #ffffff;
	
	padding: 8px;
	padding-top: 6px;
	
	text-align: center;
	
	height: 16px;
	line-height: 20px;
	overflow: hidden;
	
}



/* PAGE NUMBERS STYLES */

.pageNumberPrev, .pageNumberNext, .pageNumber, .pageNumberOn, .pageNumberPrevOff
{
	float: right;
	margin: 1px;
 	padding: 1px;
	font-size: 9px;
}
.pageNumberPrevOff
{
	color: #cccccc;
	border-color: #fff;
	border-style: solid;
	border-width: 0px;
}
.pageNumber, .pageNumberOn, .pageNumberPrev, .pageNumberNext
{
	border-style: solid;
	border-color: #fff;
	border-width: 0px;
}
.pageNumber, .pageNumberOn
{
	color: #ffffff;
	text-align: center;
}
.pageNumberOn
{
	
	color: #fff;
	border-color: #fff;
}
/*
.pageNumber a, .pageNumberPrev a, .pageNumberNext a
{
	color: #ffffff;
}
*/
#pageNumbers
{
	margin-top: 5px;
	margin-bottom: 15px;
	/* background-color: #cccccc; */
	clear: both;
	color:#FFFFFF;
}


.section_title
{
	background-image: url('http://www.hpiracing.co.uk/graphics/common/section_title_bg.gif');
	background-position:top;
	background-repeat:repeat-x;
	color: #ffffff;
	
	/*height:24px;*/
	padding: 0px 50px 0px 50px;

	
	line-height: 2em;
	overflow: hidden;
	
	text-transform:uppercase;
	font-weight: bold;
	
	vertical-align: top;
	
	
}
.section_title a:link, .section_title a:active, .section_title a:hover, .section_title a:visited 
{
	color: #ffffff;
	text-decoration: none;
}
.section_title a:hover
{
	color: yellow;
}

.section_bg
{
	background-image:url('http://www.hpiracing.co.uk/graphics/common/section_bg.gif');
	background-position:bottom;
	background-repeat:repeat-x;
	/*background-color:#ffffff; */
	
	/*height: 22px;
	
	margin: 0 auto;
	*/
	
	
	margin-bottom: 10px;
	/* margin-right: 12px; */
	text-align: center;

}


/* Part View Layout Styles */


#oLeftContainer {float:left; width:250px; float:left;}
#oRightContainer {float:right; width:50%; border:0px solid red; text-align:right;}
#oPartMainImage {width:250px;}
#oBuyButton {margin-top:15px; float:left;}
#oStockLevel {float:left; margin-top:15px; margin-left:25px;}
#oPrice {float:left; width:100%; margin-top:15px; color:#FFFFFF; font-size:12px; font-weight:bold;}
#oPartTitle {font-size:18px; color:#FFFFFF;}
#oPartDescription {margin-top:15px; color:#FFFFFF;}



.textbox_qty
{
	font-size: 10px;
	padding: 3px;
	color: #333333;
	background-color: #ffffff;
	float:left;
	margin: 0px 50px 0px 0px;
	border-style:solid;
	border-color: #999999;
	border-width: 1px;
}



/* CHECKOUT BASKET */

#cart, #cartFooter {color:#FFFFFF; text-align:left;}
#cart tr td, #cartFooter tr td {color:#FFFFFF; font-size:12px;}
thead {font-size:15px; font-weight:bold; border:1px solid red; background-color:#ccc;}
thead .item, thead .price, thead .cost, thead .quantity {padding:10px;}
tfoot {margin-top:60px; }
.quantity input {	font-size: 10px;
	padding: 3px;
	color: #333333;
	background-color: #ffffff;
	float:left;
	margin: 0px 0px 0px 0px;
	border-style:solid;
	border-color: #999999;
	border-width: 1px;
	text-align:right;
}
tbody .item, tbody .price, tbody .cost, tbody .quantity { padding-bottom:40px; padding-top:15px;}
tfoot .item, tfoot .price, tfoot .cost, tfoot .quantity { border-bottom:1px solid #FFFFFF;padding-top:10px; padding-bottom:10px;}
tfoot .subtotal, tfoot .tax, tfoot .cost, tfoot .total, tfoot .shipping { font-weight:bold;}
tfoot .actions input {margin-top:20px; border:0px solid red;}
.price {border:0px solid red; width:100px; text-align:right; }
.cost {border:0px solid red; text-align:right;}
.quantity {border:0px solid red; width:40px; text-align:right;}