/* 
.buyersguide - all guides using this css file               (i.e. everything)
.%guidename% - all pages in %guidename% using this css file (e.g. all precious-metals-buyers guide pages)
#%pagename%  - specific page using this css file            (e.g. precious-metals-buyers-introduction page)

	.mbg-header                  (DIV)
	.mbg-main                    (DIV)
	.mbg-main .title             (DIV)
	.mbg-main .title .breadrumb  (DIV)
	.mbg-main .title .page-title (DIV)
	.mbg-main .left-nav          (UL)
	.mbg-main .middle-content    (DIV)
	.mbg-main .right-nav         (UL)
	.mbg-main .disclaimer        (DIV) */

/* ------------------------------------------------------------------------------------- */
.shim{height:247px; width:1px;}
/*********************************/
/* All guides' styles            */
/*********************************/
/* framework */
html {font-family:Verdana,Geneva,sans-serif; color:#666666;}

.mbg-header{
	background-color:#cecece;
	width:880px; height:48px;
	margin:10px 0; padding:0;}

.mbg-header h1,
.mbg-header h2{
	text-transform:uppercase;
	color:#ffffff;
	font-size:1.8em; font-weight:normal;
	margin:0; padding:10px 13px 0 13px;}
	
.mbg-main{
	width:880px;
	margin:0; padding:0;
	border-left:1px solid #8a8a8a;
	border-right:1px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;}
	
.mbg-main .title{
	background:#3f2349;
	width:880px; height:1.7em;}

.mbg-main .breadcrumb{
	font-size:0.8em;
	color:#df84fd;
	padding:3px 0 0 15px;
	float:left;}
.mbg-main .page-title{
	color:#fff;
	font-size:1.1em; font-weight:bold; letter-spacing:0.2em;
	text-transform:uppercase;
	padding:2px 5px 0 0;
	float:right;}

/* ------------------------------------------------------------------------------------- */
/* left/right nav */
.mbg-main .left-nav{
	width:170px; height:583px;
	padding:0; margin:0; margin-top:39px;
	list-style-type:none;
	float:left;}

.mbg-main .left-nav li{
	width:170px; padding:2px; margin:1.0em 0 0 0;
	font-size:0.8em; font-weight:900;
	text-align:right; text-transform:uppercase;}

.mbg-main .right-nav{
	width:265px; height:600px;
	padding:10px 0; margin:1.05em 0 0 0;
	list-style-type:none;
	float:right;}

ul.right-nav li {margin-top:-5px!important}

.mbg-main .right-nav li{
 	margin:4px 10px 10px 0px;
 	padding:4px 0 4px 0;
	font-size:0.8em; font-weight:900;
	text-align:right; text-transform:uppercase;}

#precious-metal-buyers-two-colour-gold .mbg-main .right-nav li {margin-right:5px!important}

.mbg-main .left-nav li a,
.mbg-main .right-nav li a,
.mbg-main .lastLink a{
	padding:0px 2em 0px 0;
	color:#aaaaaa;}	
	
.mbg-main .right-nav li a {padding-right:2em!important;}

.mbg-main .lastLink a {padding-bottom:0!important}
/* ------------------------------------------------------------------------------------- */
/* content */
.mbg-main .middle-content{width:410px; margin:22px 0 0 195px;}
.mbg-main .middle-content h1{
	font-size:1.2em; font-weight:bold;
	padding:0; margin:17px 0 9px 0;}
.mbg-main .middle-content h2{
	font-size:0.9em; font-weight:bold;
	padding:0; margin:0;}
.mbg-main .middle-content h3{
	font-size:1.0em; font-weight:bold;
	padding:0; margin:0;}
.mbg-main .middle-content p {
	font-size:0.9em; line-height:1.3em;
	padding:0; margin:0 0 14px 0;}
.mbg-main .middle-content img{margin-bottom:25px;}
.mbg-main .lastLink{
	padding:0 12px 0 0;
	font-size:0.8em!important; font-weight:bold;
	text-align:left; text-transform:uppercase;}

/* ------------------------------------------------------------------------------------- */
#disclaimer{
	color:#666666;
	font-size:0.8em;
	margin:10px 0; padding:0;
	float:right;}
/* uses id not class as there is a class override in ie css files that isn't necessary on these pages
(also, because it isn't reused on a page, and provides positioning for an element, id is more apropriate) */
/* ------------------------------------------------------------------------------------- */
/*********************************/
/* section styles                */
/*********************************/
.mbg-main a {color:#c9a036!important;}

.mbg-main .left-nav li a,
.mbg-main .right-nav li a,
.mbg-main .bottom-link a,
.mbg-main .top-link a{
	background:url(/images/guides/precious-metal-buyers-guide/arrow.gif) center right no-repeat;
	color:#c9a036!important;}

.mbg-main .left-nav li a:hover,
.mbg-main .left-nav li.current a,
.mbg-main .left-nav li.current a:hover,
.mbg-main .right-nav a:hover,
.mbg-main .bottom-link a:hover,
.mbg-main .top-link a:hover,
.mbg-main .lastLink a:hover{
	background-image:url(/images/guides/precious-metal-buyers-guide/arrow-hover.gif);
	color:#666666!important;}

.mbg-header{background-color:#b9bccd;}
.mbg-main .lastLink a{background:url(/images/guides/precious-metal-buyers-guide/arrow.gif) bottom right no-repeat; color:#c9a036;}
.mbg-main .lastLink a:hover{background:url(/images/guides/precious-metal-buyers-guide/arrow-hover.gif) bottom right no-repeat; color:#666666;}
/*********************************/
/* specific pages                */
/*********************************/
#precious-metal-buyers-introduction .mbg-main {height:673px;}
#precious-metal-buyers-introduction #leadtitle{margin-bottom:1em;}
#precious-metal-buyers-introduction .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg.jpg) no-repeat bottom left; height:614px;}
#precious-metal-buyers-introduction .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg.jpg) no-repeat bottom right; height:620px;}
#precious-metal-buyers-gold .mbg-main {height:2770px;}
#precious-metal-buyers-gold .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-gold.jpg) no-repeat top left; height:2711px;}
#precious-metal-buyers-gold .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-gold.jpg) no-repeat bottom right; height:2717px;}
#precious-metal-buyers-white-gold .mbg-main {height:892px;}
#precious-metal-buyers-white-gold .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-white-gold.jpg) no-repeat top left; height:833px;}
#precious-metal-buyers-white-gold .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-white-gold.jpg) no-repeat bottom right; height:839px;}
#precious-metal-buyers-rose-gold .mbg-main {height:926px;}
#precious-metal-buyers-rose-gold .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-rose-gold.jpg) no-repeat top left; height:867px;}
#precious-metal-buyers-rose-gold .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-rose-gold.jpg) no-repeat bottom right; height:873px;}
#precious-metal-buyers-two-colour-gold .mbg-main {height:696px;}
#precious-metal-buyers-two-colour-gold .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-two-colour-gold.jpg) no-repeat top left; height:637px;}
#precious-metal-buyers-two-colour-gold .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-two-colour-gold.jpg) no-repeat bottom right; height:643px;}
#precious-metal-buyers-three-colour-gold .mbg-main {height:696px;}
#precious-metal-buyers-three-colour-gold .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-three-colour-gold.jpg) no-repeat top left; height:637px;}
#precious-metal-buyers-three-colour-gold .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-three-colour-gold.jpg) no-repeat bottom right; height:643px;}
#precious-metal-buyers-silver .mbg-main {height:1357px;}
#precious-metal-buyers-silver .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-silver.jpg) no-repeat top left; height:1298px;}
#precious-metal-buyers-silver .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-silver.jpg) no-repeat bottom right; height:1304px;}
#precious-metal-buyers-platinum .mbg-main {height:901px;}
#precious-metal-buyers-platinum .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-platinum.jpg) no-repeat top left; height:842px;}
#precious-metal-buyers-platinum .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-platinum.jpg) no-repeat bottom right; height:848px;}
#precious-metal-buyers-titanium .mbg-main {height:754px;}
#precious-metal-buyers-titanium .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-titanium.jpg) no-repeat top left; height:695px;}
#precious-metal-buyers-titanium .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-titanium.jpg) no-repeat bottom right; height:701px;}
#precious-metal-buyers-stainless-steel .mbg-main {height:920px;}
#precious-metal-buyers-stainless-steel .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-stainless-steel.jpg) no-repeat top left; height:861px;}
#precious-metal-buyers-stainless-steel .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-stainless-steel.jpg) no-repeat bottom right; height:867px;}
#precious-metal-buyers-palladium .mbg-main {height:920px;}
#precious-metal-buyers-palladium .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-palladium.jpg) no-repeat top left; height:861px;}
#precious-metal-buyers-palladium .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-palladium.jpg) no-repeat bottom right; height:867px;}
#precious-metal-buyers-tungsten .mbg-main {height:735px;}
#precious-metal-buyers-tungsten .left-nav {background:url(/images/guides/precious-metal-buyers-guide/left-nav-bg-tungsten.jpg) no-repeat top left; height:676px;}
#precious-metal-buyers-tungsten .right-nav{background:url(/images/guides/precious-metal-buyers-guide/right-content-bg-tungsten.jpg) no-repeat bottom right; height:682px;}