body {background: #000 url(../../media_files/graphics/toparea_bg.gif) repeat-x top left;font-family: Georgia, Times, serif;font-size: 0.75em;margin: 0;}
#base{position: relative;width: 100%;overflow: hidden;margin: 0 auto;}
/*** defaults ***/
/* png fix for IE6 */
img, div, a { behavior: url(../../iepngfix.htc) }
h1{font-family: Georgia, Times, serif;font-size: 2.25em;font-weight: normal;color: #231f20;}
h2{font-size: 1.7em;font-weight: normal;color: #0c0c0c;}
h3{font-size: 1.5em;font-weight: normal;color: #0c0c0c;}
h4{font-size: 1.4em;font-weight: normal;}
h5{font-size: 1em;}
/*p {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}*/

a, a:link, a:visited
{
	color: #7c5b31;
	text-decoration: underline;
}

a:hover, a:active, a:focus
{
	color: #7c5b31;
	text-decoration: none;
}

img
{
	border: 0;
}

.clear
{
	clear: both;
}

.clear span
{
	display: block;
	height: 1px;
}

/*********************/
/***** top area *****/
/*********************/
#topArea
{
	position: relative; clear: both; width: 850px; height: 146px; left: 50%; /* below is Fix to accomodate float left and margin auto */ margin: 0 auto 0 -425px;
}

#rmLogo
{
	width: 138px; height: 71px; float: left;
}

#rmLogo .logoholder
{
	background: url(../../media_files/graphics/royalmint_logo.gif) no-repeat left; width: 138px; height: 71px; margin: 0; padding: 25px 0; /*padding: 10px 0;*/
}

#rmLogo a {
	width: 138px;
	height: 71px;
	display: block;
}

#rmLogo span
{
	display: none;
}

ul.mainMenu
{
	position: absolute; top: 77px; /*top: 59px;*/ left: 187px; font-family: Arial, Helvetica, sans-serif; font-size: 1.15em; float: left; height: 20px; line-height: 20px; list-style: none; padding: 0; margin: 0 0 10px 0; z-index: 99; overflow: hidden;
}

ul.mainMenu li,
ul.servicesMenu li {
	float: left; padding: 0; width: auto; overflow: hidden; white-space: nowrap; height:29px; padding-top:5px;
}
ul.servicesMenu li.images {
	padding:0; padding-top:5px; margin:0; background:none; background: url(../../media_files/graphics/basketHeader_bg.jpg) repeat-x left top;
}
ul.mainMenu li span
{
	padding: 0 11px 0 11px; background: url(../../media_files/graphics/mainnav_divider.gif) no-repeat right; vertical-align:top;
}

ul.servicesMenu li span
{
	padding: 0 9px 0 9px;
	background: url(../../media_files/graphics/mainnav_divider.gif) no-repeat right;
}

ul.mainMenu li.first span,
ul.servicesMenu li.first span
{
	padding-left: 0;
}

ul.mainMenu li.last span,
ul.servicesMenu li.last span,
ul.servicesMenu li.basket span
{
	background-image: none;
}
#contactPadding {
	margin-right:10px;
	}
	
ul.mainMenu a, ul.mainMenu a:link, ul.mainMenu a:visited
{
	color: #e6e6e6;
	text-decoration: none;
}

ul.mainMenu a:hover, ul.mainMenu a:active, ul.mainMenu a:focus, 
ul.mainMenu a.On
{
	color: #af9052;
}

ul.servicesMenu
{
	position: absolute; /*top: 18px;*/ right: 0; /*	right: 183px;*/ font-family: arial, sans-serif; font-size: 1em;	float: left;
	/*height: 20px;*/ line-height: 20px; list-style: none; padding: 0; margin: 0; z-index: 99; overflow: hidden; 
}

ul.servicesMenu a, ul.servicesMenu a:link, ul.servicesMenu a:visited,
div.contactInfo a, div.contactInfo a:link, div.contactInfo a:visited
{
	color: #999;
	text-decoration: none;
}

div.contactInfo a, div.contactInfo a:link, div.contactInfo a:visited,
ul.servicesMenu a:hover, ul.servicesMenu a:active, ul.servicesMenu a:focus
{
	text-decoration: underline;
}

/* shopping basket link */
ul.servicesMenu li.basket a, ul.servicesMenu li.basket a:link, ul.servicesMenu li.basket a:link
{
	color: #af9052; text-decoration: underline; font-weight: bold; padding: 0 26px 0 0; /*background: #000 url(../../media_files/graphics/buttons/basket_icon.gif) no-repeat top right;*/ background: url(../../media_files/graphics/buttons/basket_icon_greyBG.gif) no-repeat bottom right;
}

ul.servicesMenu li.basket a:hover, ul.servicesMenu li.basket a:active
{
	text-decoration: none;
}

ul.servicesMenu li.basket span
{
	padding: 0;
}

/* phone contact number */
div.contactInfo
{
	position: absolute;
	top: 17px;
	right: 1px;
	z-index: 80;
	font-size: 1em;
	line-height: 1.2em;
	padding-left: 0px;
	background-image: url(../../media_files/graphics/telno_divider.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	width:156px;
	background-color:#9A0201;
	border:#DBA6A5 solid 1px;
	padding-right:8px;
	padding-top:7px;
	padding-bottom:3px;
	text-align:left;
}
div.contactInfo img {
	padding-left:8px;
	}
div.contactInfo .primary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	line-height:1em;
}

div.contactInfo .secondary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
	line-height:1.6em;
}

div.contactInfo p
{
	margin: 0 0 0.25em 0;
	text-align: right;
}

div.contactInfo p.telno
{
	font-size: 1.4em;
	color: #af9052;
}

div.contactInfo p.int_callers
{
	font-family: arial, sans-serif;	
	color: #999;
}

/* site search */
div.siteSearch
{
	position: absolute; top: 77px; right: 1px;
}

div.siteSearch input.txtSearch
{
	float: left; font-size: 0.9em; line-height: 1.2em; height: 17px; width: 126px; margin: 0; padding: 3px 5px 0 8px; border: 0;
	color: #e5e5e5; background-color: #535353; border-width: 1px 0 1px 1px; border-style: solid; border-color: #838383; 
}

div.siteSearch input.searchButton
{
	float: left; border: none; width: 26px; height: 22px; color: #fff;
}

/* breadcrumb trail */
ul.breadCrumb
{
	position: absolute;
	top: 112px;
	left: 1px;
	font-family: arial, sans-serif;
	font-size: 1em;
	float: left;
	height: 30px;
    line-height: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 99;
	overflow: hidden;
}

ul.breadCrumb li
{
	display: inline;
}

ul.breadCrumb li span
{
	padding-right: 6px;
}

ul.breadCrumb li a, ul.breadCrumb li a:link, ul.breadCrumb li a:visited
{
	color: #9b834f;
	padding-left: 15px;
	background: url(../../media_files/graphics/breadcrumb_chevron.gif) no-repeat left;
}

ul.breadCrumb li.last a, ul.breadCrumb li.last a:link, ul.breadCrumb li.last a:visited
{
	color: #d2a33b;
	text-decoration: none;
}

ul.breadCrumb li.first a
{
	background-image: none;
	padding-left: 0;
}

/*******************************/
/***** banner container *****/
/*******************************/
#bannerContainer
{
	position: relative;
	clear: both;
	width: 850px;
	height: 339px;
	background: #000 url(../../media_files/graphics/orange_glow.jpg) no-repeat top left;
	left: 50%;
	/* below is Fix to accomodate float left and margin auto */
	margin: 0 auto 37px -425px;
}

#FlashArea
{
	float: left;
	clear: left;
	width: 426px;
}

#bannerInfoArea
{
	float: right;
	clear: right;
	width: 424px;
}

#bannerInfoArea .TextContainer
{
	font-family: arial, sans-serif;
	height: 320px;
	margin: 15px 0 5px 0;
	padding: 0 10px 0 32px;
	border-left: 1px solid #393939;
	overflow: hidden;
	color: #eeede2;
}

.TextContainer h1
{
	color: #fff;
	font-size: 2.1em;
	margin: 0 0 0.2em 0;
}

.TextContainer p
{
	font-size: 1.1em;
	margin: 0.25em 0 0.75em 0;
}

/* change link colour */
.TextContainer a, .TextContainer a:link, .TextContainer a:visited,
.browseContainer a, .browseContainer a:link, .browseContainer a:visited
{
	color: #af9052;
}

.TextContainer .ProductDetails
{
	float: left;
	clear: both;
	width: 99%;
	margin: 1em 0 1em 0;
}

.TextContainer .ProductDetails p,
.TextContainer .ProductIcons
{
	font-size: 1.15em;
	color: #af9052;
}

.TextContainer p.Intro
{
	font-family: Georgia, Times, serif;
	color: #bfbfbf;
	font-size: 1.4em;
}

.TextContainer .ProductDetails ul
{
	clear: both;
	margin: 0 0 0 16px;
	padding: 0;
	font-size: 1.05em;
	line-height: 1.55em;
}

.TextContainer .ProductDetails ul li
{
	padding: 0 0 0 3px;
	margin: 0;
}

.priceBox
{
	background-color: #393839;
	color: #fff;
	clear: left;
	float: left;
	display: block;
	width: 141px;
	height: 71px;
	margin-right: 4px;
}

.priceBox p
{
	text-align: center;
}

.priceBox .Price
{
	font-family: Georgia, Times, serif;
	font-size: 1.75em;
	line-height: 1.2em;
	margin: 0.4em 0 0.5em 0;
}

.PandP
{
	color: #af9052;
}

.AddToBasketBox
{
	clear: right;
	float: left;
	width: 209px;
	height: 71px;
	background: #000 url(../../media_files/graphics/postage_bg.gif) no-repeat top left;
}

.AddToBasketBox span
{
	clear: both;
	float: left;
	margin: 7px 0 0 25px;
	width: 148px;
	height: 37px;
	padding-left: 12px;
	background: transparent url(../../media_files/graphics/buttons/addtobasket_button.gif) no-repeat top left;
}

.AddToBasketBox p
{
	text-align: center;
}

.AddToBasketBox span a, .AddToBasketBox span a:link, .AddToBasketBox span a:visited
{
	color: #fff;
	padding: 9px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 18px;
	text-decoration: none;
	display: block;
}

div.ExtraText
{
	margin-top: 1em;
	clear: both;
	float: left;
}

ul.ProductIcons
{
	clear: both;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ProductIcons li
{
	float: left;
	display: block;
	margin: 0 30px 0 0;
	padding: 0;
}

ul.ProductIcons span
{
	font-size: 0.95em;
	line-height: 2em;
}

.EmailFriend_icon a, .EmailFriend_icon a:link, .EmailFriend_icon a:visited,
.AddtoList_icon a, .AddtoList_icon a:link, .AddtoList_icon a:visited
{
	display: block;
	line-height: auto;
	padding-left: 36px;
	background: transparent url(../../media_files/graphics/buttons/email_icon.gif) no-repeat left; 
}

.AddtoList_icon a, .AddtoList_icon a:link, .AddtoList_icon a:visited
{
	background-image: url(../../media_files/graphics/buttons/add_icon.gif); 
}

/**************************************/
/***** main content container *****/
/**************************************/
#contentContainer
{
	clear: both;
	position: relative;
	background: #000 url(../../media_files/graphics/blackwhitefade_bg.jpg) repeat-x bottom;
	padding-bottom: 100px;
	margin: 0 auto;
}

/*** tabs ***/
#contentTabContainer
{
	clear: both;
	float: left;
	width: 545px;
	height: 33px;
}

#contentTabContainer ul
{
	clear: both;
	display: inline;
	list-style: none;
	height: 33px;
	font-size: 1.2em;
	line-height: 33px;
	overflow: hidden;
}

#contentTabContainer ul li
{
	float: left;
	height: 33px;
	display: block;
	background-color: #383838;
	margin-right: 15px;
}

#contentTabContainer ul span
{
	padding: 0 25px 0 25px;
}

#contentTabContainer li.selected
{
	background-color: #fff;
}

#contentTabContainer a, #contentTabContainer a:link, #contentTabContainer a:visited
{
	text-decoration: none;
	color: #b9b9b9;
}

#contentTabContainer .selected a, #contentTabContainer .selected a:link, #contentTabContainer .selected a:visited
{
	color: #000;
}

#contentArea
{
	position: relative;
	clear: both;
	width: 852px;
	min-height: 716px;
    height: auto !important;
	height: 716px;
	left: 50%;
	/* below is Fix to accomodate float left and margin auto */
	margin: 0 auto 0 -426px;
}

.content
{
	float: left;
	background-color: #fff;
	width: 610px;
	min-height: 644px;
    height: auto !important;
	/*height: 644px;
	padding: 18px 23px 32px 23px;
	margin-right: 2px;*/
}

.content h2
{
	font-size: 1.78em;
	padding-bottom: 10px;
	margin: 0 0 0.6em 0;
	border-bottom: 1px solid #a7a9ac;
}

.content .intro
{
	clear: both;
	font-size: 1.2em;
	color: #0c0c0c;
	padding-bottom: 6px;
}

#tab_spec .main h2
{
	font-family: Georgia, Times, serif;
	font-size: 2.2em;
}

.content .main h3
{
	font-family: Georgia, Times, serif;
	margin: 0.5em 0;
	padding: 0;
}

.content .images
{
	clear: both;
	float: left;
	width: 99%;
	margin: 1.8em 0 1.8em 0;
}

.content .images img
{
	float: left;
	border: 1px solid #a7a7a7;
}

.content .images img.padR
{
	margin-right: 14px;
}

.content h3.uline
{
	border-bottom: 1px solid #a7a9ac;
	padding-bottom: 10px;
}

.content p
{
	margin: 0.3em 0 0.8em 0;
}

.content p,
.content ul
{
	line-height: 1.5em;
}

.content ul
{
	list-style: none;
	margin: 1.6em 0;
	padding: 0;
}

.content ul li
{
	background: url(/web/templates/media_files/graphics/bullet_gold.gif) no-repeat left top;
	margin-left: 4px;
	padding-left: 24px;
}

.content table 
{
    border-collapse: collapse;
	width: 100%;
	line-height: 1.7em;
	color: #4f4f4f;
}

table.specSheet
{
	float: right;
	width: 380px;
	margin-top: 1.3em;
	background-color: #dfdfdf;
}

table.specSheet thead
{
	background-color: #ccc;
}

table.specSheet td
{
	width: 50%;
}

.content table td
{
	padding: 3px 14px 5px 24px;
	border-bottom: 1px solid #fff;
	vertical-align: top;
}

table.specSheet td.leftcol
{
	width: 40%;
	padding-left: 12px;
}

table.specSheet td.rightcol
{
	width: 60%;
}

.content table.specSheet .leftcol
{
	border-right: 1px solid #fff;
	font-weight: bold;
	color: #272727;
}

.content ul.specProductList
{
	list-style-type: none;
	float: left;
	clear: left;
	margin: 12px 0 0 0;
	padding: 0 0 0 1px;
	line-height: 1.9em;
}

.content ul.specProductList li
{
    margin: 0;
    padding: 0 0 0 14px;
	background: url(../../media_files/graphics/list_arrow.gif) no-repeat left;
	width: auto;
}
/***** features area *****/ 
#featuresArea
{
	float: left;
	clear: right;
	width: 304px;
}

#featuresArea h3
{
	margin-top: 0;
	line-height: auto;
}

#featuresArea .relatedProductsContainer h3,
#featuresArea .newReleasesContainer h3,
#featuresArea div.rightPanel h3
{
	font-size: 1.65em;
	padding-right: 50px;
	padding-left: 8px;
}

div.relatedProductsContainer,
div.newReleasesContainer,
div.rightPanel
{
	clear: both;
	min-height: 208px;
    height: auto !important;
	height: 208px;
	background: #ededed url(../../media_files/graphics/features_bg.jpg) repeat-x bottom left;
}

div.rightPanel.short
{
	min-height: 52px;
    height: auto !important;
	height: 52px;
	margin-bottom: 2px;
}

#featuresArea .short .Inner
{
	background-image: none;
}

div.rightPanel.short h2
{
	margin: 0;
	padding: 0 0 0 8px;
}

/* Product scroller */
#featuresArea ul.productScrollerList
{
	position: absolute;
	top: 60px;
	display: inline;
	list-style-type: none;
	width: 302px;
	height: 146px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#featuresArea ul.productScrollerList li
{
	float: left;
	margin: 0;
	padding: 0;
	width: 302px;
	overflow: hidden;
}

#featuresArea .Inner
{
	position: relative;
	padding: 18px 1px 18px 14px;
	background: #ededed url(../../media_files/graphics/feature_header_bg.gif) repeat-x top left;
}

#featuresArea .browseContainer .Inner
{
	background: none;
	padding-left: 22px;
}

#featuresArea .Inner .buttons,
ul .itemWrapper .buttons
{
	position: absolute;
	top: 21px;
	right: 21px;
	width: 38px;
	height: 18px;
}

#featuresArea .Inner .buttons a,
ul .itemWrapper .buttons a
{
	display: block;
	float: left;
	width: 17px;
	height: 16px;
}

ul .itemWrapper .buttons a.prev, ul .itemWrapper .buttons a.prev:link, ul .itemWrapper .buttons a.prev:visited
{
	background: transparent url(../../media_files/graphics/buttons/orange_prev.gif) no-repeat top left;
	margin-right: 2px;
}

ul .itemWrapper .buttons a.next, ul .itemWrapper .buttons a.next:link, ul .itemWrapper .buttons a.next:visited
{
	background: transparent url(../../media_files/graphics/buttons/orange_next.gif) no-repeat top left;
	margin-left: 2px;
}

ul .itemWrapper .buttons a.prev:hover, ul .itemWrapper .buttons a.prev:active, ul .itemWrapper .buttons a.prev:focus,
ul .itemWrapper .buttons a.prev.On, ul .itemWrapper .buttons a.prev.On:link, ul .itemWrapper .buttons a.prev.On:visited
{
	background-image: url(../../media_files/graphics/buttons/orange_prev_on.gif);
}

ul .itemWrapper .buttons a.next:hover, ul .itemWrapper .buttons a.next:active, ul .itemWrapper .buttons a.next:focus,
ul .itemWrapper .buttons a.next.On, #ul .itemWrapper .buttons a.next.On:link, ul .itemWrapper .buttons a.next.On:visited
{
	background-image: url(../../media_files/graphics/buttons/orange_next_on.gif);
}

ul .itemWrapper .buttons a span
{
	position: absolute;
	left: -999em;
}

.imgHolder
{
	float: left;
	padding-top: 11px;
	width: 115px;
	height: 120px;
	text-align: center;
}

.imgHolder img
{
	border: 0;
}

#featuresArea .Inner .Text,
.itemWrapper .Text
{
	float: left;
	width: 152px;
	padding: 26px 0 0 6px;
	font-size: 1.15em;
}

#featuresArea .Inner .Text p,
.itemWrapper .Text p
{
	margin: 0.5em 0 0.5em 0;
}

#featuresArea .Inner .Text .rp_Desc,
.itemWrapper .Text .rp_Desc
{
	font-family: arial, sans-serif;	
	color: #7c5b31;
}

#featuresArea .Inner .Text .rp_Price,
.itemWrapper .Text .rp_Price
{
	font-size: 1.3em;
}

#featuresArea .Inner .Text .buttonBg,
.itemWrapper .Text .buttonBg
{
	font-family: arial, sans-serif;	
	font-size: 0.9em;
	font-weight: bold;
	float: right;
}

#featuresArea .Inner .Text .buttonBg span,
.itemWrapper .Text .buttonBg span
{
	text-align: center;
	display: block;
	color: #fff;
	width: 63px;
	height: 25px;
	line-height: 25px;
	background: transparent url(../../media_files/graphics/buttons/blkbutton_bg.jpg) repeat-x left;
}

#featuresArea .Inner .brwColumn
{
	float: left;
	width: auto;
}

.buttonBg a, .buttonBg a:link, .buttonBg a:visited
{
	color: #fff;
	display: block;
	text-decoration: none;
}

.buttonBg a:hover, .buttonBg a:active, .buttonBg a:focus,
.AddToBasketBox span a:hover, .AddToBasketBox span a:active, .AddToBasketBox span a:focus
{
	text-decoration: underline;
}

#featuresArea .Inner .brwColumn h3
{
	color: #fff;
}

div.browseContainer
{
	clear: both;
	height: 264px;
	margin-top: 2px;
	background: transparent url(../../media_files/graphics/browse_bg.gif) no-repeat top left;
}

.browseContainer ul
{
	font-family: arial, sans-serif;	
	line-height: 1.8em;
	width: 140px;
	/* more attribures below */
}

/*****************************/
/***** footer elements *****/
/*****************************/
#footerContainer
{
	float: left;
	width: 100%;
	clear: both;
	height: 470px;
	background: #000 url(../../media_files/graphics/footerarea_bg.gif) repeat-x top left;
}

#footerArea
{
	position: relative;
	font-family: arial, sans-serif;	
	clear: both;
	width: 850px;
	left: 50%;
	/* below is Fix to accomodate float left and margin auto */
	margin: 20px auto 0 -425px;
}

#footerMenu
{
	height: 310px;
	overflow: hidden;
}

#footerArea .column
{	
	float: left;
	display: block;
}

#footerArea .column.one { width: 210px; }
#footerArea .column.two { width: 196px; }
#footerArea .column.three { width: 186px; }
#footerArea .column.four { width: 252px; }

#footerArea h5
{
	color: #ccc;
	line-height: 1em;
	margin: 0 0 0.7em;
}

#footerMenu ul,
.browseContainer ul
{
	font-size: 1em;
	padding: 0 10px 0 0;
	margin: 0 0 1.25em 0;
	color: #8c8c8c;
	list-style: none;
}

.browseContainer ul
{
	padding-right: 0;
}

#footerMenu ul li,
.browseContainer ul li
{
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../../media_files/graphics/list_arrow.gif) no-repeat left;
}

.browseContainer ul li
{
	background: url(../../media_files/graphics/list_lrg_arrow.gif) no-repeat left;
}

#footerMenu ul a, #footerMenu ul a:link, #footerMenu ul a:visited
{
	color: #8c8c8c;
	text-decoration: underline;
}

#footerMenu ul a:hover, #footerMenu ul a:active, #footerMenu ul a:focus,
#footerLinks ul a, #footerLinks ul a:link, #footerLinks ul a:visited
{
	color: #8c8c8c;
	text-decoration: none;
}

#footerLinks ul a:hover, #footerLinks ul a:active, #footerLinks ul a:focus
{
	text-decoration: underline;
}

#footerArea .column p,
#footerArea .gold a, #footerArea .gold a:link
{
	color: #a39161;
}

#footerLinks
{
	position: absolute;
	top: 326px;
	left: 0;
	width: 850px;
}

#footerLinks ul
{
	list-style-type: none;
	float: left;
	clear: left;
	margin: 0 0 0 10px;
	padding: 0;
}

#footerLinks ul li
{
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #2d2d2d;
	width: auto;
}

#footerLinks ul li.last
{
	border: none;
}

#footerLinks ul li span
{
	padding: 0 8px 0 8px;
}

#footerLinks ul li.first span
{
	padding-left: 0;
}

div.copyright
{
	position: absolute;
	top: 326px;
	right: 1px;
}

div.copyright p
{
	margin: 0;
	line-height: 1.2em;
	color: #2d2d2d;
}
.doctorWhoSiteWide {
	width:212px;
	height:41px;
	background-image:url(../../home_files/graphics/doctorWhoSiteWide.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	left:440px;
	top:35px;
	color:#FFFFFF;
}
.basketHeaderBg {
	background: url(../../media_files/graphics/basketHeader_bg.jpg) repeat-x left top;
	}
	.london2012SiteWide {
	width:212px; height:41px; display:block; background-image:url(../../media_files/graphics/london2012_logo.jpg); background-repeat:no-repeat; background-position:top; position:absolute; left:435px; top:37px; color:#FFFFFF;
}