@import "reset.css";
@import "colours.css";

div, span, td, #logo a,.made_in_england,#shop_link { behavior: url(/javascripts/iepngfix.htc); }
img { -ms-interpolation-mode: bicubic; }

body
{
	font-family: 'Helvetica Neue',helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	/*background-image: url(/images/grid.gif);
	background-repeat: repeat-y;
	background-position: 0 0;*/
	/*padding-left: 20px;*/
}

a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px #000 dotted;
}

em { font-style: italic; }
dt { font-weight: bold; }

.row
{
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
}

.item
{
	position: relative;
	float: left;
	left: 100%;
}

#container
{
	width: 950px;
	margin: 0;
}

#masthead
{
	position: relative;
	padding: 20px 0;
	margin:0 0 0 20px;
	font-family: 'Helvetica Neue',helvetica, arial, sans-serif;
	font-weight: bold;
	z-index: 100;
	height: 100px;
	width:900px;
}

.home #masthead { position: absolute; }

#logo
{
	height: 120px;
	width: 170px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: -20px;
}

#logo a
{
	display: block;
	text-indent: -1234em;
	width: 100%;
	height: 100%;
	background-image: url(/images/tve_logo_black.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
}

.negative #logo a { background-image: url(/images/tve_logo_white.png); }
.dropshadow #logo a { background-image: url(/images/tve_logo_white_drop_shadow.png); }
#masthead ul
{
	margin-left: 240px;
	margin-top: 0;
}

#masthead  li { display: inline; }

#masthead li a
{
	display: block;
	float: left;
	padding: 25px 2em 20px 0;
	color: #000;
	border: 0;
}

#masthead a { text-decoration: none; }

#footer
{
	padding: 100px 0 20px 0;
	margin: 1em 0 1em 20px;
	clear: both;
	position: relative;
	z-index: 10;
}

#footer ul { display: inline; }

#footer ul li
{
	float: left;
	margin: 0 2em 0 0;
}

#footer a
{
	border: 0;
	font-weight: bold;
}

#footer a:hover { border-bottom: 1px dotted; }
#credit span { display: none; }
#credit:hover span { display: inline; }

/*  Product  */
#product
{
	margin: 380px 0 20px 20px;
	/*overflow: hidden;*/
}

#productInfo
{
	z-index: 3;
	position: relative;
	width: 470px;
	margin-left: -950px;
}

#productImage
{
	position: absolute;
	top: 0;
	left: 0;
}

h1,
h2,
#productIndex dl dd a,
#related dl dd a
{
	font-family: 'Helvetica Neue',helvetica, arial, sans-serif;
	font-weight: bold;
}

#productIndex dl dd a:hover
{
	color: #fff;
	background-color: #000;
	border: 0;
}

h1,h2,h3,h4,h5 { margin-bottom: .25em; }
p,dl,ol,ul { margin: 0 0 1em 0; }

ol
{
	list-style-type: decimal;
	list-style-position: outside;
}

ol li { margin-left: 2em; }

/* Thumnnails */
#thumbnails
{
	width: 393px;
	margin-left: -393px;
}

#thumbnails ol
{
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
}

#thumbnails li { display: inline; }

#thumbnails li a
{
	border: 0;
	float: left;
	margin: 3px 10px 10px 3px;
	position: relative;
	height: 70px;
}

#thumbnails li a:hover
{
	border: 3px solid #000;
	margin: 0 7px 7px 0;
}

#thumbnails li a img { }

#thumbnails li a span
{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-image: url(/images/zoom_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#related dd a:hover { border-bottom: 1px #000 dotted !important; }

#related dt a:hover
{
	background-color: transparent !important;
	border: 0;
}

#related li { height: 18ex; }

/* productIndex */
#productIndex { margin: 20px 0 20px 20px; }
#productIndex .row { overflow: visible; }

#productIndex dl
{
	width: 230px;
	margin: 0 10px 20px 0;
	float: left;
	display: block;
	height: 31ex;
	position: relative;
}

#productIndex dl dt a { border: 0; }
.content { margin-right: 30px; }

/* page */
#page
{
	margin: 250px 0 0 20px;
	padding: 20px 0 40px 0;
}

.col1
{
	margin-left: -930px;
	width: 310px;
}

.col2
{
	margin-left: -610px;
	width: 310px;
}

.col3
{
	margin-left: -290px;
	width: 310px;
}

h3 { font-weight: bold; }

.header
{
	height: 30px;
	margin: 0 0 .5em 0;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/headers.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.header a
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.header a:hover { background-color: inherit !important; }

#he_produces_header
{
	background-position: 0 -50px;
	margin-top: 1em;
}

#he_distributes_header
{
	background-position: 0 -100px;
	margin-top: 1em;
}

#he_selects_header
{
	background-position: 0 -150px;
	margin-top: 1em;
}

.home li#shop a { color: #FF61A8; }

/* Designers */
#related
{
	width: 390px;
	margin-left: -390px;
}

#related a { border: 0; }

#related li
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

#related ol { list-style: none; }
#related h3 { margin-bottom: 1em; }

#caption
{
	position: absolute;
	right: 0;
	width: 300px;
	bottom: 150px;
}

#caption a
{
	color: #fff;
	border-color: #fff;
}

#caption a:hover
{
	background-color: #fff;
	color: #000;
	border: none;
}

#news
{
	position: absolute;
	bottom: 30px;
	left: 30px;
}

a.arrow
{
	background-image: url(/images/triangle_black.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #fff !important;
	padding: .1em 1.2em .1em .3em;
	border: 0 !important;
}

ul.actions { margin: 2em 0; overflow:hidden; }

ul.actions li
{
	float: left;
	margin: 0 2em 0 0;
}

.buy
{
	height: 20px;
	width: 82px;
	overflow: hidden;
	display: block;
	background-image: url(/images/buy_online.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px;
	text-decoration: none;
	text-indent: -1234em;
	border: 0 !important;
	margin: 0;
	padding: 0;
}

.buy:hover
{
	background-position: 0 0;
	background-color: transparent !important;
}

.new
{
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/new.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 50%;
	top: 50%;
}

.date_ruler .new { left: 30%; }

input.text
{
	font-family: 'Helvetica Neue',helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	border: 0;
	padding: .3em;
	margin-bottom: .3em;
	width: 300px;
	background-color:#ececec;
}

.send 
{
	height: 20px;
	width: 50px;
	overflow: hidden;
	display: block;
	background: #FFF url(/images/send.gif) no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234em;
	border: 0 !important;
	margin: 0;
	padding: 0;
	border:0;
}

.send:hover
{
	background-position: 0 -40px;
	background-color: transparent !important;
}


.visit_website
{
	height: 20px;
	width: 100px;
	overflow: hidden;
	display: block;
	background-image: url(/images/visit_website.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-indent: -1234em;
	border: 0 !important;
	margin: 0;
	padding: 0;
}

.visit_website:hover
{
	background-position: 0 -40px;
	background-color: transparent !important;
}

.phone { font-weight: bold; }



#shop_link
{
	display: block;
	position: absolute;
	z-index: 51;
	width: 170px;
	height: 170px;
	right: 0;
	top: -170px;
	background: transparent url(/images/interface/theo_badge.png) no-repeat 100% 0;
	border: 0;
	text-indent: -1234em;
}

#retailerIndex li
{
	overflow: hidden;
	height: auto;
}

#retailerIndex { margin: 20px; width:300px; }
#retailerIndex .row { overflow: visible; }
#retailerIndex dl { }
#retailerIndex dl dt a { border: 0; }

.made_in_england
{
	background: transparent url('/images/made_in_england.png') no-repeat 0 0;
	display: block;
	padding: 0 0 0 45px;
	height: 20px;
	margin: 1em 0;
}

#frontpage_link,
#shop_link { border: 0; }

#countries {
width:150px;
float:left;
}
#countries li {
padding:.25em 0;
}
#countries a {
color:orange;
}

#countries a.selected { color:#000; font-weight:bold;}

.lead {
font-size:150%;
line-height:130%;
}

#bademail { color:red;}

.share { overflow:hidden;margin:0;}
.share dt { float:left; margin:0 1em 0 0;}
.facebook,.twitter { float:left;width:16px;height:16px;display:block;overflow:hidden;margin:0 10px 0px 0;background: transparent url(/images/interface/facebook_badge.png) no-repeat 0 0;text-indent:-1234em;border:0 !important;}
.twitter { background-image: url(/images/interface/twitter_badge.png);}
.facebook:hover,.twitter:hover { background-color:transparent !important;}