@charset "UTF-8";
/* CSS Document */
@import url("stylesheet.css");

#home h1.textonly {display:none;}
#home h1 {color:#FFF;}
body {background:#FFF url(../images/yj-bg.jpg) 50% 0 repeat-x;font-size:67.5%;line-height:1.2;margin:0;}
p {margin:9px 0 9px 0;}
a {text-decoration:none;color:#666;}
a:hover {color:#000;}
a img {border:none;}
h1 {font-family:"SantanaRegular",Arial, Helvetica, sans-serif;font-size:180%;color:#900;line-height:1.3;}
#logo a {
	float:left;
	width:420px;
	height:120px;
	display:block;
	background-image: url(../images/yorkshire-jewellers-logo.gif);
	background-repeat: no-repeat;
}
#logo span {position:absolute;left:-3000px;}

#container {
	position:relative;
	width:960px;
	height:auto;
	font-size:1.3em;
	clear:both;
	font-family:"CantarellRegular",Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#products #container, #aboutus #container, #contact #container {width:916px;border-right:#B8B8B8 solid 4px;border-bottom:#B8B8B8 solid 5px;}
#products #header, #aboutus #header, #contact #header {width:916px;}

#nav {
	position:relative;
	width:960px;
	text-align:center;
	clear: both;
	font-size: 90%;
	height: 25px;
	padding-top: 10px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
#nav li {
	margin:0;
	list-style-type:none;
	display:inline;
	padding: 0;
}
#nav li.last a {border-right:none;}
#nav li.selected {padding-bottom:13px;background:url(../images/nav-underline.jpg) bottom center no-repeat;}
#nav a {
	color:#900;
	display:inline-block;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #900;
}
#nav li.selected a {color:#666;}
#nav a:hover {color:#000;}

#subnav {float:left;position:relative;width:160px;height:auto;margin-left:40px;background:url(../images/leftnav-divider.jpg) top left no-repeat;padding-bottom:30px;}
#subnav ul {margin:0;padding:0;list-style-type:none;}
#subnav li {margin:0;padding:0;list-style-type:none;}
#subnav a {display:block;width:160px;padding:6px 0 6px 0;background:url(../images/leftnav-divider.jpg) bottom left no-repeat;}
#subnav li.selected a {color:#900;}

.prod-imgs {
	float:left;
	width:308px;
	height:350px;
	position:relative;
	margin-left: 20px;
}
.prod-details {float:left;width:375px;height:auto;position:relative;margin-left:25px;}

.breadcrumbs {margin:0 0 12px 40px;padding:0;}

#home a.homenav, #aboutus a.aboutusnav, #products a.productsnav, #contact a.contactnav {color:#900;background:url(../images/underline.gif) 50% 75% no-repeat;display:inline-block;}

#header {
	width:960px;
	height:172px;
	background:#FFF;
	clear:both;
	position: relative;
}
#main {background:#FFF;padding-top:15px;}
.leftcolumn {
	float:left;
	width:420px;
	margin-left:40px;
}
.aboutus {
	background-image: url(../images/about-us-img.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 120px;
}
.rightcolumn, #map {
	float:right;
	width:420px;
	margin-right:40px;
}
#home #main {
	width:960px;
	clear:both;
	background:#999 url(../images/blackgrad.jpg) 0 0 repeat-x;
	float:left;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	color:#FFF;
	padding-bottom: 20px;
}
#products #main, #aboutus #main, #contact #main {width:916px;clear:both;background:#FFF;}
.thirds {width:265px;float:left;height:auto;margin:20px 20px 0 20px;display:inline;}

#leftcolumn {
	width:370px;
	float:left;
	height: 435px;
}
#leftcolumn .margin, #aboutus .margin, #products .margin, #contact .margin {
	padding-bottom:25px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 10px;
}
#home #rightcolumn {
	position: absolute;
	width: 533px;
	height: 435px;
	margin-right: 40px;
	z-index: 10;
	text-align: center;
	float: right;
	margin-top: 0px;
	background-image: url(../images/jewellery.jpg);
	background-repeat: no-repeat;
	right: -1px;
	top: 254px; /*was 172px*/
}

.margin2 {padding-top:10px;margin-right:25px;margin-left:50px;clear:both;}

.clear {clear:both;height:1px;overflow:visible;}

p.tel {
	font-family:"SantanaRegular";
	font-size:140%;
	float:right;
	padding-top: 30px;
	padding-right: 40px;
}
p.tel span {color:#900;font-size:180%;}
.copyright {position:absolute;bottom:0;right:50px;width:200px;height:50px;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:85%;color:#666;text-align:right;}
.darkred {color:#900;}
.darkgrey {color:#333;}
.buygold {font-size:1.6em;}

#base {
	display:block;
	position:relative;
	height:auto;
	font-size:13px;
	width:960px;
	clear:both;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	font-family:Arial, Helvetica, sans-serif;
	color:#848484;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#base a {color:#666;}
#base a:hover {color:#000;}
#base .margin {
	padding-top:20px;
	text-align:right;
	clear:both;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 12px;
	margin-left: 40px;
}
.space {float:right;height:500px;width:510px;clear:right;}
.imgfloatleft {
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
}
.imgfloatright {float:right;margin:0 30px 20px 25px;display:inline;}
#map {width:430px;height:440px;float:right;margin:0 30px 20px 15px;display:inline;}
.floatleft {float:left;}

.logos {width:960px;height:60px;background:#FFF;clear:both;}
.logos ul {list-style-type:none;margin:0;padding:0;}
.logos li {height:60px;float:left;}
.logos li a {display:block;height:60px;}
.logos li span {position:absolute;left:-3000px;}
.logos li:hover {filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.log1 {width:102px;background:url(../images/john-rocha-log.gif) no-repeat;}
.log2 {width:109px;background:url(../images/hot-diamonds-log.gif) no-repeat;}
.log3 {width:140px;background:url(../images/kit-heath-log.gif) no-repeat;}
.log4 {width:122px;background:url(../images/jersey-pearl-log.gif) no-repeat;}
.log5 {width:142px;background:url(../images/rosendahl-log.gif) no-repeat;}
.log6 {width:142px;background:url(../images/mancini-log.gif) no-repeat;}
.log7 {width:130px;background:url(../images/issey-miyake-log.gif) no-repeat;}
.log8 {width:73px;background:url(../images/danish-design-log.gif) no-repeat;}
p.webuy {
    position: absolute;
    width: 295px;
    left: 508px;
    top: 730px;
    z-index: 10;
}
p.webuy a {font-family:"SantanaRegular";display:block;background:#900 url(../images/we-buy-bg.jpg) repeat-y;text-align:center;padding:3px 0 5px 0;color:#FFF;}
p.webuy a:hover {background:#000;}
p.webuy a strong {font-family:"SantanaBold";font-size:140%;font-weight:normal;}

ul#webticker {list-style-type:none;width:960px;margin:0;padding:0;height:20px;overflow:hidden;margin:0 0 15px 0;}
#webticker li {float:left;margin:0;padding:3px 10px 0 0;font-size:12px;color:#900;}

ul#logos {
	list-style-type:none;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 35px;
	padding-bottom: 30px;
	clear: both;
	display: block;
	position: relative;
	height: auto;
}
#logos li {width:180px;height:107px;float:left;margin:0 30px 30px 0;background:url(../images/logo-backgrounds.jpg) center center no-repeat;}
#logos li span {position:absolute;left:-3000px;}
#logos a {display:block;width:144px;height:76px;padding:15px 18px 16px 18px;}
#logos a:hover {filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
li#log1 a {background:url(../images/danish-design.gif) center center no-repeat;}
li#log2 a {background:url(../images/hot-diamonds.gif) center center no-repeat;}
li#log3 a {background:url(../images/issey-miyake.gif) center center no-repeat;}
li#log4 a {background:url(../images/jersey-pearl.gif) center center no-repeat;}
li#log5 a {background:url(../images/john-rocha.gif) center center no-repeat;}
li#log6 a {background:url(../images/kit-heath.gif) center center no-repeat;}
li#log7 a {background:url(../images/mancini.gif) center center no-repeat;}
li#log8 a {background:url(../images/rosendahl.gif) center center no-repeat;}

/* scroller ticker

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 960px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 960px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 960px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0 10px 0 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}