body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 74%; background-color:#E1E1E1; margin: 0;
	padding: 0; margin:auto; text-align:center;
}
#main{ width:840px; background-color:#fff; text-align:left;  margin:auto; background-image:url(../images/contentbg.gif); background-position:center; background-repeat:repeat-y; 
}
#access {background-color: #E1E1E1; height:142px;
}
body#home #access {height:285px;}
#content {background-image:url(../images/topcontentbg.gif); background-position:top; background-repeat:no-repeat; padding-right:10px; margin:auto;
top:100px;}

#maincontent {float:right; width:580px;  background-color:#fff; padding: 10px 20px 0px 0px; margin-top:0px;  }
body#home #maincontent {float:left;  background-color:#fff; padding:0px; margin-top:0px; width:830px; margin:auto;}
#leftcolumn{ width:200px; background-color:#fff; background-image:url(../images/homecolumnbg.gif); background-repeat:no-repeat; background-position: top right; padding-right:15px}
body#home #leftcolumn{ float:right;  background-color:#fff; width:274px; text-align:right; background-image:url(../images/homecolumnbg.gif); background-repeat:no-repeat; background-position:left; padding-right:0px;}
#navigation{background-color: #E1E1E1;  position:absolute;  top:108px; width:840px; background-image:url(../images/mainnav.gif); background-repeat:no-repeat;}
body#home #navigation{top:251px;}
#header { position:absolute;  top:0px; height:108px;  padding-top:15px; background-image:url(../images/toppic01.gif); background-repeat:no-repeat; width:840px;}
#headerhome { position:absolute;  top:0px; height:258px;  padding-top:15px; background-color:transparent; width:840px;}
#footer {background-color: #E1E1E1; width:840px; text-align:center;  margin:auto; padding-top:50px; background-image:url(../images/footerbg.gif); background-position:top; background-repeat:no-repeat; color:#B6B6B6; font-size: 85%;
}
#homefooter {background-color: #33ff; width:840px; text-align:center;  margin:0px;  margin:auto;  color:#B6B6B6; font-size: 85%;}
.access1 {color:#0033FF; font-weight:bold;}
.access2 {color:#009900; font-weight:bold; display:none;}
/* homepage */

/* homepage images */
#img1 {width:276px; float:left;}
#img2 {width:276px; float:left; margin-left:1px;}
#img3 {width:275px; float:left; margin-left:1px;}
/*#img1 img, #img2 img, #img3 img   {border-bottom:#ccc 5px solid;}*/
#img1 p, #img2 p, #img3 p {padding: 5px; margin:0px}
body#home p {padding: 5px 10px 5px 10px; margin:0px}
#img2 img.noborder   {border-bottom:#ccc 0px solid;}
/* content headings*/
h1 {color:#000000; border-bottom:1px solid #CCCCCC; width:100%;  font-size:150%;}
body#home h1.strapline {margin:0px; padding: 10px 0px 10px 0px; color:#ffffff; text-transform:uppercase; background-color:#999; border:1px solid #8D8C8C; font-size:0.9em; text-align:center; margin-bottom:1px; width:828px;}
body#home h2 {color:#000000; padding-left:10px; font-size:1.2em; padding-top:10px;}

h2 { font-size:130%}
h3 {font-size:1em; font-weight:bold;}
body#home h3 { font-size:1.0em; padding:5px 10px 5px 10px; margin:0px;  background-color:#E7E7E7;}
h3 a, h3 a:visited  {color:#999;}
  h3 a:hover {color:#666666;}
/*  footer links  */
#footer a:link , #homefooter  a:link {color:#B6B6B6; text-decoration:none;}
#footer a:active, #homefooter  a:active {color:#B6B6B6; text-decoration:none;}
#footer a:visited, #homefooter a:visited {color:#B6B6B6; text-decoration:none;}
#footer a:hover, #homefooter a:hover {color:#666666; text-decoration:none;}

 .footerLinks a { float:left;	margin: 2px 10px 0 0;}
.footerLinks form {float: right;}
.footerLinks input {	font-size: 9px;	color: #606060;	width: 100px;	padding: 0 5px;	margin: 1px 10px 0 0;}

/*main navigation*/
#navigation ul, #storenavigation ul {	border: 0;	margin: 0;	padding: 2px 2px 2px 0px;	list-style-type: none;	text-align: center;}

#navigation ul li, #storenavigation ul li{	display: block;	float: left;	text-align: center;	padding: 0px;	margin: 0px;}

#navigation ul li a {	width: 92px;	height: 20px;	border-left: 1px solid #fff;	padding: 2px 0px 0px 0px;	margin: 0 0 10px 0;	color: #000;	text-decoration: none;	display: block;	text-align: center;	font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}

#navigation ul li a:hover {	color: #666; background-color:#F4F4F4; background-image:url(../images/whtnavover.gif); background-position:center; background-repeat:no-repeat; border-left: 1px solid #fff;}
#nav li li a:hover {background-image:url(../images/subnavover.gif); background-position:center; background-repeat:no-repeat;}

body#home a#homenav, body#product a#productnav, body#contact a#contactnav, body#stockists a#stockistsnav, body#support a#supportnav, body#media a#medianav {color: #000; background: transparent; background-image:url(../images/whtnavselected.gif); background-repeat:no-repeat; margin-top:0px;} 

body#store a#storenav, body#finder a#findernav {color: #000; 	background: #fff; background-image:url(../images/orangenavselected.gif); background-position:center; background-repeat:no-repeat;}
body#home a:hover#storenav, body#product a:hover#storenav,  body#home a:hover#findernav , body#product a:hover#findernav, body#store a:hover#findernav, body#finder a:hover#storenav,   body#media a:hover#findernav,   body#contact a:hover#findernav,   body#support a:hover#findernav, body#media a:hover#storenav, body#contact a:hover#storenav, body#support a:hover#storenav {background-color:#666; background-image:url(../images/orangenavover.gif); background-position:center; background-repeat:no-repeat;}
ul {list-style: none;	padding: 0px;	margin: 0;}
#nav {font-size:95%;}
#nav li li a {	display: block;	font-weight: normal;	text-align: left; width:135px; color: #999;	height: 20px; padding: 5px 0px 0px 0px; border-bottom:1px solid #ccc; text-indent:5px; margin:0px;}
#nav li li a:hover {padding: 5px 0px 0px 0px; width:135px; height: 20px; border-bottom:1px solid #ccc; margin:0px; }
li {float: left; position: relative;  text-align: left; cursor: default; background-color: transparent; padding: 0px;}
li ul {	display: none;	position: absolute;	top: 25px;	 width:125px; left: 0;	font-weight: normal;	padding: 0px;	background-color:#EEEEEE;}
li>ul {	top: auto;	left: auto;}
li li {	display: block;	float: none; background-color: transparent;	}
li:hover ul, li.over ul {	display: block; }
#maincontent li {	display:list-item;	color:#000;	float:none;	position:static;	margin-left:20px;	list-style-image: url(../images/bullet.gif); padding-top:5px; padding-bottom:5px;}

/* banners */
#banners { margin:0px; text-align:center;}
#banners img { border-bottom: 5px solid #fff;}
/* store */
.price {color:#F1830B; font-size:140%; font-weight:bold;}
.boldtxt {color:#666;  font-weight:bold;}

/* general */
.smltxt {font-size:90%; color:#999999;}
.bkheadings {font-weight:bold;}
.orangetxt {font-weight:bold; color:#FF9900;}
#search {float:right; width:170px;  padding:0px; margin:0px;}
#logo { float:left; width:180px;}
#floatright {float:right; width:200px; background-color:#ccc; padding:5px; margin:2px;}
hr {border: none; border-top: 1px dotted #ccc; height: 1px; margin: 0; margin-top:5px; margin-bottom:5px;}
.solidline {border: none; border-top: 1px solid #E5E5E5; height: 1px; margin: 0; margin-top:0px; margin-bottom:0px;}
#maincontent a {color:#666;}
#maincontent a:visited {color:#666;}
#maincontent a:hover {color:#999;}
.redstar {color:#CC3300;}
#productinfo {width:380px; float:left;}
#productimg {width:200px; float:left;}
.pricebut {text-align:right;}
/* breadcrumbs  */
#maincontent .thumbs {font-size:85%; color:#CCCCCC;}
#maincontent .thumbs a{ color:#CCCCCC; text-decoration:none;}
#maincontent .thumbs a:visited{ color:#ccc; text-decoration:none;}
#maincontent .thumbs a:hover{ color:#999; text-decoration:none;}

/*sidenav*/
#leftcolumn h1{color:#fff; text-indent:10px; border-bottom:0px solid #fff; background-color:#8D9395;  margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:91%; padding:5px 2px 5px 2px; width:196px; font-weight:bold; margin-bottom: 0px; border-left:0px;}
body#home #leftcolumn h1 {width:270px;  margin-bottom:0px; color:#000000; background-color:transparent; text-transform:uppercase;}
#leftcolumn  li a{color:#000000; text-decoration:none; border-bottom:1px solid #F0F0F0; width:200px; background-color:#fff; display:block; padding:5px 0px 5px 0px; background-image:url(../images/sidenavarrow.gif); background-position: left; background-repeat:no-repeat; font-weight:bold; text-indent:30px; border-left:0px;}
#leftcolumn li  a:hover{ background-color:#F0F0F0;}
 #leftcolumn  li.indentnav a{background-color:#fff; padding:3px 0px 3px 0px; font-weight:normal; color:#999; text-indent:35px; background-image:url(../images/sidenavarrow2.gif); background-position: left; background-repeat:no-repeat; border-bottom:1px solid #f5f5f5;}
 #leftcolumn li.indentnav a:hover {background-color:#F0F0F0;}
 #leftcolumn .banner a{padding:0px;}
 
 /* product columns */
.product1 {background-color:#fff; width:175px; float:left; margin-right:10px; padding-right:2px; background-image:url(../images/dotted-vertical.gif); background-position:right; background-repeat:repeat-y;}
.product1 h3, .product2 h3, .product3 h3 {background-image:url(../images/h3img.gif); background-repeat:no-repeat; background-position:left; padding-left:15px;}

.product2 {background-color:#fff; width:175px; float:left; margin-right:10px; padding-right:2px; background-image:url(../images/dotted-vertical.gif); background-position:right; background-repeat:repeat-y;}
.product3 {background-color:#fff; width:175px; float:left; margin-right:10px;}
h3.headpro {background-image:url(../images/h3img.gif); background-repeat:no-repeat; background-position:left; padding-left:15px;
}
 /* stockists */
 body#johnlewis {
 background-color:#FFFFFF;
 }
 div.stockists {
 background-color:#FFFFFF;
 padding:5px 10px 10px 10px;
 text-align:left;
 }
 div.buy {
padding-left:10px;
 width:200px;
 clear:both;
 float:right;
 text-align:right;
 }
  div.buy2 {
padding-left:10px;
 clear:both;
 float:right;
 text-align:right;
 }
 div.buy img {
 padding-left:50px;
 }
