html
{
	margin: 0;
	padding: 0;
	/*background-image: url(../images/grey_gradient_background.gif);
	background-repeat: repeat-x;
	background-position: 0 50%;*/
}

body
{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	line-height: 140%;
	color: #666;
}

/* structure */
/* styles for IE 5 Mac */
#horizon
{
	background-color: transparent;
	position: absolute;
	text-align: center;
	top: 50px;
	left: 0;
	width: 100%;
}

/* following rules are invisible to IE 5 \*/
div#horizon
{
	background-color: #transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	margin-top: -250px;
	min-width: 780px;
}

/* end IE 5 hack */
#container
{
	width: 780px;
	padding: 15px;
	background-color: #fff;
	text-align: left;
	top: 12px;
	margin: 0 auto;
	height: 450px;
}

/* following rules are invisible to IE 5 \*/
div#container
{
	width: 780px;
	margin: 0 auto;
	left: 0;
	top: 0;
	background-color: #fff;
}

/* end IE 5 hack */
div#masthead
{
	height: 70px;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*border-bottom: 1px solid #ccc;*/
}

div#section
{
	width: 100%;
	position: relative;
	left: 0px;
	top: 0;
}

div#thumbnails
{
	position: absolute;
	top: 50px;
	left: 0;
	width: 190px;
	height: 280px;
}

div#related
{
	position: absolute;
	top: 50px;
	left: 0;
	height: 280px;
	overflow: hidden;
	width: 200px;
	font-size: 90%;
}

div#related ul
{
	margin: 0;
	padding: 0;
}

div#related li { }

div#main
{
	top: 50px;
	left: 0;
	position: absolute;
	width: 100%;
}

div#product
{
	position: absolute;
	left: 27%;
	top: 0;
	width: 73%;
	min-width: 520px;
	height: 400px;
	/*overflow: hidden;*/
}

div#product div#text
{
	right: 0;
	height: 550px;
	padding-left: 270px;
	top: 50px;
	position: absolute;
	width: 100%;
}

div#product div#text p
{
	max-width: 500px;
	width: 270px;
}

div#product div#text.description
{
	height: 270px;
	top: 50px;
	left: 295px;
	padding-left: 0px;
	width: auto;
	background-color: transparent;
}

div#product div#image { width: 270px; }

dl.category
{
	width: 230px;
	height: 60px;
	float: left;
	margin: 10px 25px 10px 0;
	display: block;
}

ul#categories
{
	display: table;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#categories li
{
	width: 22%;
	height: 60px;
	float: left;
	margin: 0 3% 20px 0;
	padding: 0;
	display: table-cell;
	text-indent: 0;
	list-style: none;
	vertical-align: middle;
}

ul#categories li img
{
	margin-right: 10px;
	background-color: #fff;
	padding: 3px;
	border: 1px #ccc solid;
	vertical-align: middle;
}

ul#categories li a:hover img { border: 1px #333 solid; }
a:hover,p a:hover,ul#categories li a:hover { color: #333; }

dt
{
	color: #333;
	margin: .5em 0 0 0;
}

dt a img
{
	float: left;
	padding: 3px;
	border: 1px #ccc solid;
	margin-right: 10px;
}

dt a:hover img { border: 1px #333 solid; }
dd { margin: 0; }

/* structure */
div#footer
{
	width: 780px;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	color: #666;
	clear: both;
	display: none;
}

div.browser
{
	position: absolute;
	top: 330px;
	left: 0;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	/*border-top: 1px #ccc solid;*/
}

div.browser a
{
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 15px;
	height: 16px;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.browser a:hover { cursor: pointer; }
body.live div.browser a:hover { background-position: 0 -48px; }
body.eat div.browser a:hover { background-position: 0 -32px; }
body.work div.browser a:hover { background-position: 0 -64px; }
body.relax div.browser a:hover { background-position: 0 -80px; }
body.dream div.browser a:hover { background-position: 0 -96px; }
div.browser a.selected { background-position: 0 -16px; }

/* headers */
div#masthead h1
{
	display: block;
	width: 70px;
	height: 55px;
	background-image: url(../images/key-London_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	float: left;
}

div#masthead h1 a
{
	display: block;
	height: 55px;
	width: 80px;
	color: transparent;
}

div#masthead h1 a:hover
{
	background-image: url(../images/key-London_logo-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

h2
{
	margin: 0 0 1em 0;
	padding: 0;
	width: 260px;
	height: 28px;
	font-size: 18px;
}

.sIFR-hasFlash h2
{
	visibility: hidden;
	font-size: 18px;
}

.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

body.home h3
{
	font-size: 100%;
	margin: 0 0 0.5em 0;
	padding: 0;
}

div#text h5
{
	margin: 0;
	font-size: 100%;
}

/* paragraphs */
div#product div#text p { margin: 0 20px .5em 0; }
div#product div#text.description p { margin: 0 20px .5em 0; }

div#product div#text div#specifications
{
	font-size: 80%;
	margin-top: 2em;
	line-height: 150%;
	color: #999;
}

/* images */
a.thumb img
{
	width: 50px;
	height: 50px;
	margin: 0 3px 3px 0;
	padding: 0;
	background-color: #fff;
	float: left;
	border: 1px #fff solid;
	overflow: hidden;
}

a.thumb:hover img
{
	border: 1px #333 solid;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

body.live a.thumb:hover img { border: 1px solid #828245; }
body.eat a.thumb:hover img { border: 1px solid #99CC33; }
body.work a.thumb:hover img { border: 1px solid #B05F5F; }
body.relax a.thumb:hover img { border: 1px solid #6CA2BD; }
body.dream a.thumb:hover img { border: 1px solid #8A66AD; }
body.play a.thumb:hover img { border: 1px solid #396; }

/*body.live div#container
{
	background-image: url("../images/test.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}*/

a.thumb#selected img, body a.thumb#selected img:hover
{
	border: #333 1px solid;
	cursor: default;
}

div#sectionheader
{
	clear: both;
	width: 780px;
	height: 50px;
}

div#product img#mainimage
{
	position: absolute;
	top: 50px;
	width: 270px;
	padding: 0;
	background-color: #fff;
	border: 1px #000 solid;
	height: 270px;
}

div#product div#mainimage
{
	position: absolute;
	top: 50px;
	width: 270px;
	padding: 0;
	height: 270px;
}

/* form elements */
div#section select
{
	width: 180px;
	float: none;
	font-size: x-small;
	font-family: verdana,arial,helvetica,sans-serif;
	border: 1px #ccc solid;
}

label
{
	display: block;
	float: none;
	margin: 0 0 0.3em 0;
}

/* misc */
.alt
{
	margin: -9999px;
	display: none;
}

div#description ul { list-style: square; }
a { text-decoration: none; }
body.live a { color: #828245; }
body.eat a { color: #99CC33; }
body.work a { color: #B05F5F; }
body.relax a { color: #6CA2BD; }
body.dream a { color: #8A66AD; }
body.play a { color: #396; }

/* front page */
body.home div#frontdisplay
{
	width: 100%;
	height: 250px;
}

body.home div#mailing_list
{
	position: absolute;
	top: 280px;
	left: 66%;
	width: 200px;
}

input#email
{
	margin-top: .6em;
	border: 1px #ccc solid;
	padding: 1px;
	background-color: #fff;
	color: #666;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	vertical-align: bottom;
}

body.home div#news
{
	position: absolute;
	top: 280px;
	left: 0;
	width: 200px;
	margin-left: 0;
}

body.home div#highlight
{
	position: absolute;
	top: 280px;
	left: 33%;
	margin-left: 0;
	width: 200px;
}

body.home p
{
	margin: 0 0 0.5em 0;
	padding: 0;
}

body.home div#news h3
{
	background-image: url(../images/news_header.gif);
	width: 200px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body.home div#mailing_list h3
{
	background-image: url(../images/mailing_list_header.gif);
	width: 200px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body.home div#highlight h3
{
	background-image: url(../images/new_arrivals_header.gif);
	width: 200px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

dl
{
	margin: 0;
	padding: 0;
}

a#selected
{
	cursor: default;
	color: #000;
}

a
{
	cursor: pointer;
	color: #903;
}

div#related ul li a { padding-left: 10px; }

div#related ul li a.selected
{
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

div.address { width: 290px; }

div#product div#text.description.address p
{
	width: 130px;
	text-align: right;
}

div.address dl
{
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
	clear: both;
	width: 280px;
	text-align: right;
}

div.address dl dt
{
	float: right;
	text-align: left;
	width: 140px;
	padding: 0;
	margin: 0 0 0 10px;
}

div.address dl dd
{
	width: 130px;
	display: block;
	margin:0;
	padding:0;
}

div.address dl dt,div.address dl dd
{
	text-transform: inherit;
	white-space: nowrap;
}

body.home div#frontMenu
{
	position: absolute;
	top: 280px;
}

div#frontMenu ul,div#frontMenu ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

div#frontMenu ul li { display: inline; }

div#frontMenu ul li a
{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100px;
	text-indent: -1234em;
	background-image: url(../images/front_menu_matrix.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

div#frontMenu ul li a:hover { background-position: -100px 0; }
div#frontMenu ul li#aboutUs a { background-position: 0 0; }
div#frontMenu ul li#aboutUs a:hover { background-position: -100px 0; }
div#frontMenu ul li#contactUs a { background-position: 0 -20px; }
div#frontMenu ul li#contactUs a:hover { background-position: -100px -20px; }
div#frontMenu ul li#news a { background-position: 0 -40px; }
div#frontMenu ul li#news a:hover { background-position: -100px -40px; }
div#frontMenu ul li#mailingList a { background-position: 0 -60px; }
div#frontMenu ul li#mailingList a:hover { background-position: -100px -60px; }




table#address tr th {
text-align:right;
font-weight:normal;
width:125px;
}

table#address td {
padding-left:5px;
}