@charset "utf-8";
/* CSS Document */

/* RESET 
******************/
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: 100%/1.375;/* 22px / 16px = 1.375 */
	vertical-align: baseline;
	background: transparent;
}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal; }

/* 
******************/

/* General */

html, body {
	background-color: 	#525252;
	color:				#ffffff;
	font: 				normal 100%/1.375  Arial, Helvetica, sans-serif;	/* 22px / 16px = 1.375 */
	margin:				0;
	padding:			0;
}

a {
	color: 				#fff;
	text-decoration:	none;
	}
a:hover {
	color: 				#ffff00;
	text-decoration:	none;
}

.clear {
	clear:both;
	}
	
	p {
		font-size:	0.75em;
		padding:	0 0 18px 0;
		}
	h1 {
		font-size:	1.3em;
		padding:	0 0 18px 0;}
	h2 {
		font-size:	1em;
		padding:	0 0 18px 0;
		}
	h3 {
		font-size:	0.8em;
		padding:	0 0 12px 0;
		}
	h4 {
		font-size:	0.7em;
		padding:	0 0 15px 0;
		}
	h5 {
		font-size:	0.65em;
		padding:	0 0 15px 0;
		}	
/* Site */


#wrapper {
	height:				543px;
	margin: 			0;
	padding:			22px 0 0 22px;
	position:			relative;
	}

#leftNav {
	float:				left;
	height:				543px;
	margin:				0;
	padding:			0 10px 0 0;
	position:			relative;
	width:				115px;
	}
	
	#termsConditionsLink, #termsConditionsLink_hover{
	margin-top: 18px !important;
	}

#leftContent {
	float:				left;
	height:				543px;
	margin: 			0 0 0 23px;
	padding:			0;
	position:			relative;
	width: 				525px;
	}
	
	.nextprev {
		display:		block;
		font-size:		.75em;
		font-weight: 	bold;
		/*left: 			388px;*/
		position: 		absolute;
		text-align:		right;
		top: 			500px;
		/*width: 			143px;*/
		}
	.pdf{
				display:		block;
				font-size:		.75em;
				font-weight: 	bold;
				left: 			426px;
				position: 		absolute;
				top: 			500px;
				}	
				
		/* One Column */
		#one_col {
			margin:		0;
			padding:	0;
			position:	relative;
			}	
				
		/* Two Column */
		#two_col {
			margin:		0;
			padding:	0;
			}
			.two_col_left, .two_col_right {
				float:		left;
				width:		223px;
				position:	relative;
				}
			.two_col_left {
				margin:		0;
				min-height:100px;
				padding:	0;
				}
			.two_col_right {
				margin:	0 0 0 79px;
			}
			
		/* Three Column */
		#three_col {
			margin:		0;
			padding:	0;
			}
			.three_col_left, .three_col_mid, .three_col_right {
				float:	left;
				width:	170px;
				position:	relative;
				}
			.three_col_left {
				margin:		0;
				padding:	0;
				}
			.three_col_mid {
				margin:	0 0 0 7px;
				}
			.three_col_right {
				margin:	0 0 0 8px;
				}
			#tradeDetails a{
				color: #000;
			}
			.iframe {
				
					}
			#tradeContent {	
				background: #525252;
				color:		#fff;
				margin: 	0;
				padding:	20px;
				}
			#tradeContent a{	
				text-decoration: underline;
				}	
			#tradeContent .trade_images{
				clear: both;
				}	
			#tradeContent img {
				display: block;
				float: left;
				margin: 10px 10px 0 0;
				width:	160px;
				}	
		

#rightContent {
	border-left:		10px solid #fff;
	float:				left;
	height:				543px;
	margin: 			0 0 0 15px;
	padding:			0 0 0 10px;
	position:			relative;
	width:				200px;
	}	
	
	#searchBox {
	float: 				right;
	height:				110px;
	margin-right: 		0px;
	position: 			relative;
	width:				200px;
	}
		#searchBox form {
		margin:		0;
		padding:	0;
		}
		#searchBox input.text {
		margin:	0px 0 10px 0;	
		width:100px;		
		}
		
		#searchBox #searchbut {
		position: absolute;
		/*right: -6px;*/
		left:110px;
		top: -2px;
		}
		
		
#footer {
	margin:		20px 0;
	position: relative;
	width:		908px;
	}
	.logo {
	float:left;
	width:152px;
	}
	.logo a{
	background: url(/images/changeactshare.gif) no-repeat;
	display: 	block;
	height:		17px;
	margin-top: 5px;
	text-indent:-2000px;
	width:		152px;
	}
	
	#camdenLogo {
	float: left;
	margin-right: 194px;
	width:	122px;
	}	
	
/* Text Styles */
	
	.progdesc {
		color:		#d6d7d9;
		}
		
/* List Styles */
#leftNav li {
		margin: 0;
		padding: 0;}
#leftNav li a{color: #ffff00;}

.londonjewelleryfirst li{
		font-size:		1.2em;
		padding:		0 0 20px 0;
		}
.industryresources	li{
		font-size:		1.1em;
		padding:		0;
		}
.industryresources	p{
		padding:		0;
		}		
		
.trade li{
		font-size: 	0.8em;
		padding:	0 0 12px 0;
		}
.trade li a {
		font-weight: bold;
		}		
.active a{
		color:		#FFFF00;
		}	
.listings li{
		padding:	0 0 15px 0;
}			
	
/* Home Page */
#newsticker {
		display:	block;
		left: 		175px;
		height:		270px;
		/*border:		1px solid red;*/
		position: 	absolute;
		width:		250px;
		top:		100px;
}



#ticker {
		top: 		60px;
		width:		200px;}

#ring {
		 width: 		473px;
		 height: 		472px;
		 background: 	url(/images/wheel.gif) no-repeat;
		 margin: 		10px 0 10px 40px; 
		 padding: 		0;
		 position: 		relative;
}
#ring li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#ring a {display: block; text-indent: -9999px; text-decoration: none;}



#aboutus, #aboutus_hover		{left:298px; top:10px; 	width:132px; height:111px;z-index:1;}
#news, #news_hover		 		{left:399px; top:98px;	width:76px;	height:139px; z-index:2;}
#tradedirectory, #tradedirectory_hover	{left:399px; top:236px; width:78px;	height:139px; z-index:3;}
#industryresources, #industryresources_hover 	{left:298px; top:352px; width:131px;height:108px; z-index:4; }
#casestudies, #casestudies_hover {left:164px; top:428px;	width:146px;height:45px;  z-index:5; }
#londonjewelleryfirst, #londonjewelleryfirst_hover 		{left:46px;	 top:355px;	width:131px;height:108px; z-index:6;}
#joinus, #joinus_hover		{left:0px;	 top:233px;	width:73px;	height:143px; z-index:7;}
#contactus, #contactus_hover 	{left:0px;	 top:94px;	width:74px;	height:144px; z-index:8;}
#ring_spacer{left:40px;	 top:11px; 	width:48px;	height:108px; z-index:9;}
#ring_end 	{left:158px; top:1px; 	width:74px;	height:45px;  z-index:10;}	

#aboutus	a		{height:111px;}
#news 	a		{height:139px;}
#tradedirectory a	{height:139px;}
#industryresources 	a	{height:108px;}
#casestudies a	{height:45px; }
#londonjewelleryfirst 	a		{height:108px;}
#joinus 	a		{height:142px;}
#contactus a		{height:144px;}

#aboutus a:hover, #aboutus_hover {		background: url(/images/wheel.gif) 	-298px 	-485px 		no-repeat;}
#news a:hover, #news_hover {			background: url(/images/wheel.gif)	-399px 	-1048px 	no-repeat;}
#tradedirectory a:hover, #tradedirectory_hover {	background: url(/images/wheel.gif) 	-399px 	-711px		no-repeat;}
#industryresources a:hover, #industryresources_hover {	background: url(/images/wheel.gif) 	-298px 	-1302px 	no-repeat;}
#casestudies a:hover, #casestudies_hover {	background: url(/images/wheel.gif)	-164px 	-903px 		no-repeat;}
#londonjewelleryfirst a:hover, #londonjewelleryfirst_hover {			background: url(/images/wheel.gif)	-46px 	-1305px		no-repeat;}
#joinus a:hover, #joinus_hover {			background: url(/images/wheel.gif)	 0px 	-709px 		no-repeat;}
#contactus a:hover, #contactus_hover{		background: url(/images/wheel.gif) 	 0px 	-1044px 	no-repeat;}

/* steve */

#searchResults a 	{	font-weight:bold;	font-size:	0.75em;		padding:	0 0 18px 0;	}
#searchResults li p {	font-size:0.75em;	padding:	0 0 10px 0;							}			


#newsticker 			{	width: 250px;		height:270px;								}
#newsticker>#floating 	{	display:table;		position:static;							} /*display:table for Mozilla & Opera*/
#floating 				{	width:250px;		height:100%;			} /*for IE*/
/*html* #floating div 	{ 	position:absolute;	top:-60%;								} for IE*/
#floating>div			{ 	display:table-cell;	vertical-align:middle;	position:static;	} /*for Mozilla and Opera*/
*html #floating div 	{	position:absolute;	top:40px;								}*/
#floating div div 		{	position:relative; 	top: -50%;}

#tradeDirectory .tradeChoice	{	padding-right:10px; }

#tradeContentLeft, #tradeContentRight {	width:50%;		}
#tradeContentLeft 	{	float:left; width:50%;}
#tradeContentRight 	{	float:right;		text-align:right;	width:50%;	}
.tradeListing li 	{	font-size:0.75em;	padding:	0 0 5px 0;	}

/****	Splash landing page	****/

.splash_landing  {
left: 			210px;
position: 		absolute;
text-align: center;
top: 			32px;
width: 			473px;
}

.splash_landing #ring {
display: 		block;
width: 			473px;
height: 		472px;
background: 	url(/images/splash_wheel.gif) no-repeat;
left: 			0;
margin: 		0 0 24px 0; 
padding: 		0;
position: 		relative;
top: 			0;
}

#splasgIntro {
font-size:1.2em;
text-align: center;
}
#splasgIntro2 {
font-size:0.9em;
text-align: center;
}


/****	News Landing Page	****/

.news_landing{

}

.news_landing div.two_col_left, .news_landing div.two_col_right {
padding-bottom: 48px;
}

.news_landing div.two_col_left ul.search_results_listing, .news_landing div.two_col_right ul.search_results_listing {
height: 344px;
overflow: auto; /*	force internal scroll if too many news items / news updates are shown	*/
width: 200px;
}

.archive_links {
bottom:0;
left: 0;
position: absolute;
}

.archive_links a {
font-size:0.75em;
font-weight:bold;
padding:0;
}

/****	right column	****/

.sectionBackLink {
	position:absolute;
	bottom:0px;
	font-size:0.8em;
}	
.rcGallery {
	display:block;
	margin-bottom:10px;
}

#newsticker p{
	font-size:1.4em;
	line-height:1.2em;
}
#ring li span {
	display:none;
}