@charset "utf-8";
/* CSS Document */

body  {
	font: 85% Arial, Helvetica, sans-serif;
	background: #212121 url(../images/bg.jpg) repeat-x top;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
a {
	color: #f5f5f5;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:active {
	color: #fff;
	text-decoration: none;
}
.current {
	color:#fd0130;	
}
img {
	border: 0px;
	margin:0;
	padding:0;
}
form {margin:0;padding:0;}

h3 { text-decoration:underline}
ul { list-style-type:none;margin:0;padding:0;}
#container { 
	width: 940px;  
	background: url(../images/bg_container.gif) repeat-y left top;
	margin: 0 auto; 
	text-align: left; 
} 
#header { 
	background: #000;  
	position:relative;
	width: 940px;  
	margin: 0 auto 1px; 
	text-align: left; 
} 
#header h1 {
	margin: 0; 
	padding: 20px 5px; 
	font-size:1px;
}
#header .hbox {
	position:absolute;
	right:0;
	top:14px;
	text-align:right;
	color:#999;
}
#header .hbox span{
	display:block;
	font-size:12px;
	letter-spacing:-1px;
	text-transform:uppercase
}
#header #navigation {
	width:940px;
	height:35px;
	position:relative;
	color:#fff;
	background: url(../images/bg_header.gif) repeat-x bottom;
} 
#header #navigation ul { 
	margin:0;
	padding:0;
	line-height:33px;
	border-bottom:2px solid #C00;
	list-style-type:none;
	float:right;
}
#header #navigation ul li{ 
	float:left;
	padding:0px 0px 0px 16px;
	font-size:11px;
	font-weight:bold;
}

#header #info {
	color:#f5f5f5;
	font-size:11px;
	padding: 10px 0 18px;
	background: url(../images/bg_info.gif) no-repeat bottom;
}
#sidebar1 {
	float: left; 
	width: 183px;
	color:#fff;
	font-size:0.9em;
}
#sidebar1 ul {background:#343434;margin:0;padding:0;}
#sidebar1 ul li{
	display: block;
	line-height:26px;
	height:26px;
	margin:0;
	padding:0;
}
#sidebar1 ul li a{
	display: block;
	padding-left:10px;	
	color:#fff;
	text-decoration: none;
}

#sidebar1 ul li a:hover{
	display: block;
	background:#C00 url(../images/bg_menu.gif) repeat-x;
}
#mainContent { 
	float:right;
	margin-left:2px;  
	padding:0;
	background-color:#fff;position:relative;
	width:754px;
} 
#mainContent h2 {background:url(../images/bg_bar.jpg) repeat-x;height:36px;color:#fff;line-height:36px;font-size:14px;padding-left:10px;margin-top:0;}

#footer { 
	width:940px;
	margin: 0 auto;
	padding:40px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../images/bg_texture.gif) no-repeat top;
	text-align:left;
	font-size:11px;
	color:#999;
} 
#footer div {
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix { 
	clear:both;
}
.mainFavourites h2 {background:url(../images/bg_bar.jpg) repeat-x;height:36px;color:#fff;line-height:36px;font-size:14px;padding-left:10px;}
.mainFavourites table {margin-left:10px;}
.mainFavourites .products {border:1px solid #ccc;margin-bottom:10px;}
.mainFavourites .thumbnail {padding:8px 0; width:220px;text-align:center;}
.mainFavourites .details {text-align:left; background-color:#eee;padding:4px;}
.mainFavourites .details .ProductName {font-weight:bold; color:#C00}
.mainFavourites .details .Brand {font-weight:bold;}
.mainFavourites .details .Range {font-weight:bold;}
.mainFavourites .details .Description {color:#666;}

.mainProducts h2 {background:url(../images/bg_bar.jpg) repeat-x;height:36px;color:#fff;line-height:36px;font-size:14px;padding-left:10px;}
.mainProducts table {margin-left:22px;}
.mainProducts .products {margin-bottom:10px;}
.mainProducts .thumbnail {padding:8px; border:1px solid #ccc;text-align:center;}
.mainProducts .details {text-align:left;padding:4px;}
.mainProducts .details .ProductName {font-weight:bold; color:#C00}
.mainFavourites .details .Brand {font-weight:bold;}
.mainProducts .details .Range {font-weight:bold;}
.mainProducts .details .Description {color:#666;}


.content {padding:0 15px 5px 15px;	font-size:0.9em;}
.content a {color:#333}
.comment {color:#666; font-size:11px;}
.banner {margin:0;padding:0;width:754px;overflow:hidden;}

.itemBox {border:1px solid #CCC;padding:10px; text-align:center;margin-bottom:10px;}
.itemBox .details {font-weight:bold;padding-top: 10px;}

.pagination { background:#f5f5f5;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:5px;}
.pagination2 { background:#f5f5f5;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:0px;}
/********************** Pager */

table.pager select  { width:50px; margin:0 3px; }
table.pager { width:100%;  }
table.pager td { padding:4px 8px; vertical-align:middle; }
table.pager td.pages { text-align:left; }
table.pager ol{ display:inline;margin:0;padding:0; }
table.pager li {  display:inline;padding:0 2px; }
table.pager td.sort-by { margin-bottom: 10px;width:60%; }
table.pager td.sort-by .active,
table.pager td.sort-by .active:hover { color:#444; }

table.pager .on {font-weight:bold;}