#header {padding:10px 0px; float:left; }
	#headersmall {padding:10px 0px; float:left;}
	#logosmall {width:370px; float:left; margin:5px 0px;}
	#logo {width:500px; float:left; margin:20px 0px;}
	#logo h1 {font-family: "Times New Roman", Times, Serif;}
	
	#sizer {width:350px; float:right; text-align:right; color:#333; font-family: verdana, arial, sans-serif; font-weight:normal; font-size:11px; }
	#navigation {width:100%; float:left; clear:both; background:#000; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	#navigation ul {float:left; margin:0;}
	#navigation ul li {float:left; list-style:none; margin:0px; }
	.navitem a {color:#fff; padding:5px 12px; text-decoration:none; float:left;text-transform:uppercase; font-size:130%; font-weight:normal;}
	.tinygrey {font-size:10px; color:#ccc;}
	.creds {float:left; width:100%; clear:both; position:relative;}
	
/* banner */

	#banner {font-family: Georgia, Times New Roman, Serif;  font-size:250%; text-align:center; padding:10px 0px; float:left; width:100%; font-style:italic; border-bottom: 1px dashed #ccc; }

/* page body */

	#pagecontent {background: #F1F1F1; padding:10px 0px 0px 0px; float:left; width:100%; min-height: 400px; _height:400px; }
	#pagecontent ul {margin:10px 0px 10px 15px;}
	#pagcontentnarrow {background: #F1F1F1; margin:20px 0px 0px 20px; float:left; width:500px; padding-right:10px; min-height: 500px; _height:500px; padding-bottom:20px;}

	#pagcontentnarrow img {margin:5px;}
	
	#mainpagebody {background:#F1F1F1; float:left; width:100%;}
	#breadcrumb {margin-bottom:10px;}
	
/* front cover on home page */

	#frontcover {float:right; width:185px; text-align:center;}
	#frontcover img {padding:10px; background:#E4E4E4; border:1px solid #CCC;}
	#thismonth {float:left; width: 510px; margin-left:20px;}
	#bodycontent {float:left; width:320px;}

/* side bar on home page */

	#HPsidebar {float:left; width:180px;}
	#keyword {background: url('../images/searchbackground.jpg') no-repeat top left #E7E7E7; border:1px solid #CCC; font-size:75%; padding:5px;}
	#keyword h1 {font-size:180%; font-weight:bold; margin:3px 0px 6px 0px;}
	#keywordinput {width:130px; margin-right:10px; font-size:10px;}
	#findbutton {width: 60px; color:#333; font-weight:bold; font-family: Arial, Verdana, sans-serif; border:1px solid #CCC; padding:3px; background:#E7E7E7;}
	
	#HPsubscribe{margin-top:5px; border:1px solid #CCC; background:url(../images/sidebar-background.jpg) no-repeat top left #E7E7E7; padding:2px; font-size:75%; width:174px; float:left;}
	#HPsubscribe h1 {font-size:12px !important; line-height:100%; margin:0px 3px; font-weight:bold;}
	#HPsubscribe h2 {font-size:11px !important;line-height:100%; margin:2px 3px;}
	#HPsubscribe p {font-size:9px !important; line-height:120%; font-family: Verdana, Arial, Sans-Serif; font-weight:bold; margin:4px 3px; color:#333;}
	
	#HPgodigital{margin-top:5px; border:1px solid #CCC; background:url('../images/searchbackground.jpg') no-repeat top left #E7E7E7; padding:2px; font-size:75%; width:174px; float:left;}
	#HPgodigital h1 {font-size:12px !important; line-height:100%; margin:2px 3px; font-weight:bold;}
	#HPgodigital h2 {font-size:11px !important;line-height:100%; margin:2px 3px;}
	#HPgodigital p {font-size:9px !important; line-height:140%; font-family: Verdana, Arial, Sans-Serif; font-weight:bold; margin:5px 3px; color:#333;}
	
	#HPfreecopy {margin-top:5px; border:1px solid #CCC; background:url('../images/searchbackground.jpg') no-repeat top left #E7E7E7; padding:2px; font-size:75%; width:174px; float:left;}
	#HPfreecopy h1 {font-size:12px !important; line-height:100%; margin:2px 3px; font-weight:bold;}
	#HPfreecopy h2 {font-size:11px !important;line-height:100%; margin:2px 3px;}
	#HPfreecopy p {font-size:9px !important; line-height:140%; font-family: Verdana, Arial, Sans-Serif; font-weight:bold; margin:5px 3px; color:#333;}
	
	.bigbutton {text-decoration:none; border:0px;}
	
/* articles reviews etc on home page */ 
#otheritems {float:left; width:100%; padding-bottom:10px; clear:both; }

	.HPcolumn {width:280px; float:left; margin-top:10px; margin-bottom:20px; overflow:hidden;}
	.HPcolumn h3 {text-align:center; width:150px; margin:0px auto; font-size:130%; overflow:visible; z-index:10;}
	.otheritemborder {border-top:1px dashed #CCC; float:left; width:100%; margin-top:5px; padding-top:10px;}
	.HPcolumn h4 {margin: 0px 10px; font-size:140%;}
	.HPcolumn p {color:#333; font-size:95%; margin: 0 10px; line-height:150%;}
	
	#articles {border-right: 1px dashed #CCC;}
	#reviews {border-right: 1px dashed #CCC;}
	#lists {margin-top:10px;}
	.listrow {clear:both; width:100%; float:left; margin-bottom:5px;}
	.listrowLabel {clear:both; width:100%; float:left; background:#ccc;}
	.listrow:hover {background:#fff;}
	.listrowimage {width:80px;float:left;}
	.listrowtext {float:left; width:80%; margin-left:5px;}
	.listrowtext h3 {margin:2px 0px !important; padding:2px 0px !important;}
	
#amazon {width:175px; margin-top:5px; border:1px solid #CCC; background:#fff; padding:2px; font-size:75%; text-align:center; float:left;}	
	
/* categories */ 

#categories {width:100%;}
.categoryRow {clear:both; width:100%; float:left; margin-bottom:15px;}

.categoryLink {text-decoration:none; border:0px;  float:left;  }


.categoryItem {min-height: 240px; _height:240px; width:135px; border:1px solid #DDD; text-align:center; margin-right:3px; float:left; font-weight:bold; padding:5px;background: url(../images/sidebar-background.jpg) no-repeat top left #ddd;}
.categoryImage {text-align:center;}
.categoryImage img {margin:3px;}
.categoryTitle {font-size:120%; text-align:center;}
.categoryItem a{text-decoration:none;font-size:11px;}


/* sub navigation */
#subnav {margin:10px 0px;}
#sidebar {width:180px;float:left; margin-top:10px;}
#sidebar ul {width:170px;}
#sidebar ul li {line-height:100%; margin:5px 0px;}
#sidebar ul li a {text-decoration:none;}



/* Products */
#products {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc; float:left; width:100%;}
.productItem {width:580px; text-align:left; float:left; margin:5px;}
.productImage {float:left; width:130px;}
.prodLink {text-decoration:none; border:0px; padding:5px; line-height:0; margin:0px; border:1px solid #DDD; float:left; background: url(../images/sidebar-background.jpg) no-repeat top left #ddd; }
.productcell {float:right; width:425px; margin-left:5px;}
.productcell h2 {font-size:140%;}
.readmore {font-weight:bold;}
.readmoreBig {font-weight:bold; font-size:130% !important;} 
/* product page view */
.productHero {width:200px; padding:5px; border:1px solid #DDD; background: url(../images/sidebar-background.jpg) no-repeat bottom right; margin:5px;}
#prodimages {float:left; width:220px;}
#prodtext {margin-left:5px; float:right; width:220px;}
#addtobasket {border:0px; background: url(../images/addtobasket-reflect.png) no-repeat right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:15px 45px 15px 5px; text-align:center; cursor: pointer; font-size:120%; font-weight:bold; }
#addtobasket:hover {color:#000;}
#productActions {margin-top:20px;}
.productlabel {font-size:120%; font-weight:bold; margin-top:20px; text-align:right;}
#thumbnailbar {width:100%; clear:both; float:left;}
.productthumbnail {padding:5px; border:1px solid #DDD; background: url(../images/sidebar-background.jpg) no-repeat bottom right; margin:5px;}
#checkoutbutdiv {float:left; clear:both; width:100%; padding:10px 0px; margin-top:10px; border-top:1px dashed #CCC;}
#checkoutbutton {margin:10px 0px; border:1px solid #CCC; background: #fff; padding:5px 10px; text-decoration:none; font-weight:bold;}
.horizontalline {background:#fff; margin:5px 0px; float:left; clear:both; }

/* check out */

.orderlistcol {width:120px; float:left; text-align: center; padding:5px;}
.orderlistcolwide {width:200px; float:left;padding:5px;}
#basket {background: url(../images/sidebar-background.jpg) no-repeat top left #ddd; padding:5px; border:1px solid #DDD; margin-top:5px; float:left; width:170px;}
#basket h1 {font-size:150%;}
#basket h2 {font-size:140%;}
#basketlist { margin:0 !important; padding:10px 0px 0px 0px; clear:both; float:left; width:100%; border-top:1px dashed #ccc;}
#basketlist li {list-style: none !important; margin:2px 0px; float:left; clear:both; width:100%; font-size:11px;line-height:110%;}
.tinybasketitem {width:25px; padding:2px; border:1px solid #DDD; background:#fff; margin-right:5px;}


/* login and register */
fieldset{font-family: Georgia, Times New Roman, Times, Serif;}
label{font-weight:bold;clear:both; width:120px;float:left;}
.widelabel {width:200px !important; margin-left:10px;}
.loginfield {width:200px; text-transform:capitalize;}
.loginfieldLC {width:200px; text-transform:lowercase;}
.loginfieldNone {width:200px; text-transform:none;}
.smallfield {width:150px; text-transform:capitalize;}
.psotcodefield {width:100px; text-transform:uppercase;}
.formrow {width:100%; clear:both;}
.smalltext {font-size:90%;}
.textareasFW {width:100%; height:100px;}

#registerform {margin:10px auto; z-index:10; position: absolute; width:600px; background:#fff; border:1px solid #DDD;  padding:30px;}
#colleft {width:48%; float:left;}
#colright {width:48%; float:right;}


/* forms */ 
#form {border-top:1px dashed #ccc; margin-top:10px; padding-top:10px;}
.formdivide {border-top:1px dashed #ccc; margin-top:10px; padding-top:10px;}
.formrowwide {width:100%; clear:both; display:block;padding:5px 0px;}
#registerhighlight {background:#fff;}
.popupbox {position:relative; clear:left; color:#fff; width:340px; padding:20px 5px 5px 5px; line-height:120%; font-family: Arial, 'Trebuchet MS', Verdana, sans-serif; font-size:90% !important;}
/* footer */
	
	#footer {border-top:#CCC solid 5px; float:left; clear:both; width:100%; _margin-top:20px; background:#fff; }
	.footercolumn {width:31%; float:left;margin-top:20px; padding:0px 1%; min-height:100px;}
	.footercolumn h4 {font-size:150%;}
	.footercolumn ul {margin-left:5px; list-style:none; background:none;}
	.footercolumn ul li {font-size:85%; list-style:none;  background: url('/images/tiny-arrar.gif') left no-repeat; padding-left:10px;}
	.footercolumn ul li a {text-decoration:none; color:#000;}
	
	
	#address {border-right:1px dashed #ccc;}
	#popular {border-right:1px dashed #ccc;}

/* SEARCH RESULTS */ 
.searchresultitem {clear:both; width:100%; text-decoration:none; margin-bottom:20px;}
.searchresultitem:hover {border-bottom:1px solid #000;}
.searchresulticon {float:left; width:50px;}
.searchresulttext {float:left; width:550px; color:#000;}
.searchresulttext h6 {margin:0px 0px 2px 0px;}
.searchresulttext p {margin:2px 0px;}


/* adverts */
#adcolumn {width:120px; float:right;}
#adcolumninner{width:120px; float:right; margin-top:20px;}
#banneradvert{width:468px; height:60px; float:right; margin-top:10px;}
#squarishadvert {width:180px; float:left; margin-top:5px;}
#rectangleadvert {width:120px; float:right; margin-top:0px;}