﻿body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
	
p {
	font-size: 10px;
}

#wrapper {
	width: 770px;
	margin: auto;
	position: relative;
}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 15px;
	font-weight: bold;
}

h2 {
	font-size: 35px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DEEBEB;
}

/* **************** HEADER **************** */
#header {
	width: 770px;
	margin: 0px;
	padding: 0px;
	background-image: url('/IMAGES/headerimg.gif');
	position: relative;
}
	
#hdr_search {
	width:505px;
	float:right;
	margin-top:10px;
	color:white;
	font-size:10px
}

	#hdr_logo{
		float: left;
		width: 261px;
		height: 86px;
		background-image: url('/IMAGES/hdr_bannerleft.gif');		
		margin: 0px;
		padding: 0px;
	}
		

	#hdr_shoppingbag {
		float: right;
		width: 175px;
		height: 40px;
		margin: 0px;
		padding: 0px;
		position: relative;
	}	
		
		#shoppingbag {
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;
		}
		
			#minibasket{
				width:105px;
				padding:0px;	
				margin-top:20px;
			}
				
				#minibasket a{
					font-size:10px;
					color:white;
					text-decoration:none;
				}
				
			#delivery {
				color: #FFFFFF;
				text-align: left;
				padding: 10px 0 0 0;
				font-weight: bold;
				font-size: 12px;
			}
	
/* **************** TOP NAVIGATION **************** */
#topnav	{
	width: 770px;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

	#topnav ul{
		width: 770px;
		height: 21px;
		margin: 0px;
		padding: 0px;
	}

		#topnav li{
			float: left;
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
				
/* **************** LEFT NAVIGATION **************** */
#leftnav {
	width: 141px;
	float: left;
	min-height:400px;
}

#leftbanner {
	width: 140px;
	height: 63px;
	background-image: url('/IMAGES/leftnav_fade.gif');
	background-color: #282727;
	margin: 0px;
	padding: 0px;
}
	
	#leftmenu {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
		#leftmenu ul {
			list-style: none;
			margin: 1px 0px 0px 0px !important;
			padding: 0px !important;
			border: 0px !important;
			background-color: #262C30;
		}
			
			#leftmenu li {
				list-style: none;
				margin: 0px 0px 2px 0px !important;
				padding: 0px !important;
				border-top: 1px solid #FFFFFF !important;
				text-align: left;
				}			
				
			div#leftnav_subcatlist ul {
				padding: 0px 0px 0px 0px !important;
				width:141px;
			}
				
				div#leftnav_subcatlist li{
					margin: 0px 0px 0px 13px !important;
					border: 0px !important;
					width:125px;
				}
			
		#leftmenu a {
			text-decoration: none;
			margin: 0px 0px 0px 0px !important;
			padding: 0px 0px 0px 0px !important;
			border: 0px !important;
			color: #658996;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
			
		#leftmenu a:hover {
			text-decoration: none;
			color: white;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}

		#leftmenu img {
			border: 0px !important;
			margin: 0px !important;
			padding: 0px !important;
			height: 19px;
		}

/* **************** CONTENT **************** */
#content {
	width: 620px;
	1margin-left: 145px;
	float: right;
}

.cat_baseimage {
	float: right;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}
 
	#content_cat {
		width: 770px;
		height: 500px;
	}
	
div#catlist {
	float: right;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#catlist2 {
	width:100%;
	float:right;
	margin-right:20px;
	margin-top:30px;
	margin-bottom:10px;
}

table.cat_sub {
	width: 140px;
	text-align: center;
	border: 1px solid #658996;
	padding: 0px;
	margin: 0 0 5px 0;	
}

	table.cat_sub td {
		border: 1px solid #658996;
		padding: 2px;
	}

	.cat_sub_img {
		height: 100px;
	}

table.cat_root {
	width: 270px;
	height: 70px;
	background-color: #000000;
	border: 0;
	padding: 0;
	margin: 0 0 5px 0;	
	text-align: left;
}

/* **************** HOMEPAGE **************** */
#hp {
	width: 100%;
	text-align: left;
	margin: 2px 0 0 0;
}

	#hp img {
		margin: 0 0 5px 0;
	}

#hp-left {
	float: left;
	width: 344px;
	clear:left;
}
	
#hp-right {
	margin: 0 0 0 344px;
	text-align: right;
}

div#hp-offers {
	margin: -20px 0 0 0;
}

div.hp-offers {
	font-size: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
	width: 120px;
	height: 150px;
	padding: 5px 5px 5px 5px;
}

	span.hp-offers-img {
		height: 95px;
		display: block;
	}
	
	span.hp-offers-txt {
		height: 45px;
		display: block;
		font-weight: bold;
	}

/* **************** FOOTER **************** */
#footer {
	clear: both;
	width: 770px;
	margin-top: 160px;
	padding: 0px;
}

/* **************** BOTTOM NAVIGATION **************** */
#bottomnav {
	width: 770px;
	height: 21px;
	margin: 0px;
	padding: 0px;
}
	
	#bottomnav ul {
		width: 770px;
		height: 21px;
		margin: 0px;
		padding: 0px;
	}
		
	#bottomnav span {
		margin: 0px;
		padding:0px;
		border: 0px;
	}
		
	#bottomnav a {
		margin: 0px 5px 0px 10px;
		text-decoration: none;
		color: #333333;
	}
		
		li#ftr_services {
			background-image: url('/IMAGES/ftr_services.gif');
			background-color: #282727;
			width: 325px;
			height: 21px;
			float :left;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}		

		li#ftr_shop {
			background-image: url('/IMAGES/ftr_shop.gif');
			background-color: #282727;
			width: 120px;
			height: 21px;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
	
		li#ftr_contact {
			background-image: url('/IMAGES/ftr_contact.gif');
			background-color: #282727;
			width: 325px;
			height: 21px;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			
		li#ftr_wholefade {
			background-image: url('/IMAGES/ftr_wholefooter.gif');
			background-color: #282727;
			width: 770px;
			height: 62px;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			text-align: left;
		}
			
		li#ftr_pixelwhite {
			background-image: url('/IMAGES/ftr_pixelwhite.gif');
			background-color: #282727;
			width: 770px;
			height: auto;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			
		li#ftr_wholewhite {
			background-image: url('/IMAGES/ftr_wholewhite.gif');
			background-color: #282727;
			width: 770px;
			height: 27px;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			text-align: left;
		}

		li#ftr_bottom {
			background-image: url('/IMAGES/ftr_bottom.gif');
			background-color: #282727;
			width: 770px;
			height: 21px;
			float: left;
			clear: both;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

#ftr_leftlinks {
	background-image: url('/IMAGES/ftr_serviceslinks.gif');
	background-color: #282727;
	width: 324px;
	height: 62px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align: left;
}
	
#ftr_leftlinks a {
	text-decoration:none;
}
	
#ftr_leftlinks a:hover {
	text-decoration:underline;
}
	
#ftr_middlelinks {
	background-image: url('/IMAGES/ftr_shoplinks.gif');
	background-color: #282727;
	width: 120px;
	height: 62px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align: left;
}
	
#ftr_middlelinks a {
	text-decoration:none;
}
	
#ftr_middlelinks a:hover {
	text-decoration:underline;
}
	
#ftr_rightlinks {
	background-image: url('/IMAGES/ftr_contactlinks.gif');
	background-color: #282727;
	width: 321px;
	height: 62px;
	margin: 0px;
	padding-left: 5px;
	font-size: 11px;
	text-align: left;
}
	
#ftr_rightlinks a {
	text-decoration:none;
}
	
#ftr_rightlinks a:hover {
	text-decoration:underline;
}
	
/**** Productlist  *****/	
#catheaderholder {
	width:300px;
	height:300px;
	z-index:-1;
	position:absolute;
	top:89px;
	left:143px;
}

table#product {
	padding:1px;
	text-align:center;
	font-size:10px;
	color:#658996;
	border:1px #658996 solid;
	width:142px;
}

table#product td {
	color:#658996;
	border:1px #658996 solid;
}

#product a {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
	color:#658996;
}

#product a:hover {
	text-decoration:underline;	
}

#cat_header {
	font-size:25px;
	font-weight:bold;
	color:#C3DADB;
	width:300px;
	text-align:left;
	float:left;
	margin:0px;
	padding:0px;
}

table#productlist a {
	text-decoration:none;
	font-size:10px;
	color:black;
}
	
/**** Product detail ***/
#proddetailcontainer {
	width:595px;
	background-color:#C2DADA;	
	padding:10px;
	margin-bottom:10px;
	margin-top:5px;
}
	
	#proddetailcontainer a {
		text-decoration: none;
		color: #000000;
	}
	
		#proddetailcontainer a:hover {
			text-decoration: underline;
			color: #000000;
		}
	
#prodimg {
	width:328px;
	background-repeat:no-repeat;
	background-color:white;
	margin:0px;
	padding:5px;
}

.proddesc {
	float:right;	
	width:220px;
	padding:10px;
	text-align:left;
	border:1px white solid;
	margin-left:10px;
}
	
ul.productnav {
	margin:0px;
	padding:0px;
	width:100%;
	display:inline;
	clear:both;
}	

ul.productnav li {
	display:inline;	
	text-align:left;
}	

ul.productnav li a {
	display:inline;	
	text-align:left;
}	

table#buygrid {
	border:1px white solid;
	padding:5px;
}

#ProdWrapTable {
	border:0px;
	margin:0px;
	padding:0px;
}

#assocproducts {
	 background-color:white;
	 width:98%;
	 min-height:90px;
	 padding:5px;
}	

.ProductAlternatives{
	Width: 140px; 
	margin: 0; 
	font-size: 10px; 
	display: inline; 
	text-align: center;
}

/******* Basket/Checkout ********/
#basketbluebg {
	background-color:#E2EDED;
	font-size:10px;
	text-align:left;
	padding:2px;
}

#basketbluebg a {
	font-weight:bold;
	color:black;
	font-size:10px;
}

table#basket_table {
	border:2px white solid;
}
	
/***** Classes *****/
img {
	border:0px;
}	

hr {
	display:none;
}

.catname {
	font-size:12px;
	color: #658996;
	text-decoration:none;
}

.white {
	color:white;	
}

#back {
	color:black;
	float:right;
	margin-top:16px;
	margin-right:5px;
	font-size:12px;
}

#back a {
	color:black;
	text-decoration:none;
}

.back a:hover {
	color:black;
	text-decoration:underline;
}

.pagination {
	background-color:#B6D0D3;
	padding: 0;
	width: 99%;
	height: 30px;
	margin: 0;
	font-size: 10px;
	color: white;
}

.pagination a {
	font-size:10px;
	font-weight:bold;
	color:white;
}

.left {
	float:left;
	font-size:10px;
	margin-top:15px;
	margin-left:2px;
}

.right {
	float:right;
	font-size:10px;
	margin-top:15px;
	margin-right:2px;
}

.form {
	padding:0px;
	margin:0px;
}

.SearchBox {
	color:teal;
	font-size:9px;
}
	
.blackth {
	color:white;
	background-color:black;
	text-align:center;
	font-weight:bold;	
}

.tr {
	border-bottom:1px white solid;
}

#mediacode {	
	border:1px white solid;
	padding:2px;
}

.small {
	font-size:10px;
}

div#sitemaplinks {
	font-size:10px;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
}

.small {
	font-size:8px;
	font-weight:bold;
}

#container {
	padding:10px;
}
	
#container a {
	color:#c3dadb;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
	
#container a:hover {
	color:#c3dadb;
	text-decoration:underline;
	font-weight:bold
}
	
#tabs {
	font-size: 12px;
	text-align: right;
	margin: 5px 3px -5px 0;
}

	#tabs ul {
		display: inline;
	}

		#tabs li {
			display: inline;
		}
		
			#tabs li a {
				background-color: #C2DADA;
				color: #FFFFFF;
				padding: 0 5px 0 5px;
				text-decoration: none;
			}
			
				#tabs li a:hover {
					color: #000000;
				}

.message {
	font-size: 12px;
	text-align: center;
	margin: 0 0 5px 0;
}

div#reviews {
	font-size: 12px;
	margin: -10px 0 0 0;
}

	div.review {
		font-size: 10px;
	}
	
.replymsg {
	color: #FF0000;
	font-size: 12px;
}

/*--------------------------------------------------------------------------------Tabs*/
a#tab_colours, a#tab_description, a#tab_accessories {
	border-right: 2px solid #FFFFFF;
	height: 18px;
	display: block;
}

a#tab_techspec {
	height: 18px;
	display: block;
}

a#tab_colours {
	background-image: url('/IMAGES/tab_colours_blue.gif');
	width: 76px;
}

	a#tab_colours:hover, a#tab_colours.selected {background-image: url('/IMAGES/tab_colours_black.gif');}
	
a#tab_description {
	background-image: url('/IMAGES/tab_description_blue.gif');
	width: 109px;
}

	a#tab_description:hover, a#tab_description.selected {background-image: url('/IMAGES/tab_description_black.gif');}

a#tab_accessories {
	background-image: url('/IMAGES/tab_accessories_blue.gif');
	width: 115px;
}

	a#tab_accessories:hover, a#tab_accessories.selected {background-image: url('/IMAGES/tab_accessories_black.gif');}
	
a#tab_techspec {
	background-image: url('/IMAGES/tab_techspec_blue.gif');
	width: 144px;
}

	a#tab_techspec:hover, a#tab_techspec.selected {background-image: url('/IMAGES/tab_techspec_black.gif');}

div#accessories {
	height: 180px;
	text-align: center;
	overflow: auto;
}

table.accessories {
	width: 130px;
	margin: 0;
	font-size: 10px;
	display: inline;
	text-align: center;
}

	table.accessories img {
		max-width: 100px;
	}

.ProductDetail_Share{
    float:left;
    margin-top:5px;
}