/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em  arial helvetica, tahoma, verdana, sans-serif;
		color: #fff;
		background:#0c0801 url(../images/bg-repeat.jpg) repeat-x;
	}
	
	body {
		margin: 0;
		text-align: center;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input, ul { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		/*margin: 0 0 20px 0;
		padding: 0;*/
	}
	/* Float an element left with a margin */
	.floatL {
		float: left;
	}
	li { list-style-type:none; }
	/* Float an element right with a margin */
	.floatR {
		float: right;
	}
	.arrow {
		background: url(../images/arrow.gif) 3px right no-repeat;
		padding: 0 10px 0 0;
	}
	.smallWidth {
		width: 400px;
	}
	.learnMore {
		background: url(../images/learn_more.png) no-repeat;
		text-indent: -3000px;
		display:block;
		height:12px;
		width: 98px;
	}
	.seeMore {
		background: url(../images/see_more.png) no-repeat;
		text-indent: -3000px;
		display:block;
		height:12px;
		width: 74px;
	}
	.More {
		background: url(../images/more.png) no-repeat;
		text-indent: -3000px;
		display:block;
		height:12px;
		width: 49px;
		cursor:pointer;
		overflow:hidden;
	}
	.moreDetails {
		background: url(../images/moreDetails.jpg) no-repeat;
		text-indent: -3000px;
		display:block;
		height:20px;
		display:block;
		width: 85px;
		margin: 0 10px;
	}

	.go {
		background: url(../images/go.gif) no-repeat;
		text-indent: -3000px;
		display:block;
		height:12px;
		width: 11px;
	}
	.numbered_list li { list-style-type: decimal!important; }
	.bulleted_list li { list-style-type: disc!important; margin: 0 0 0 35px; }
	.underline { text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* END GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#outerwrap {
		margin: 0px auto;
		text-align:center;	
	}
	#footer {
		background: url(../images/footer.gif) 0 0 repeat-x; 
		width: 100%;
		display:block;
		float:left;
	}
	#innerwrap {
		width:984px;
		text-align:center;
		margin:0 auto;
		padding:0 8px;		
}
	#header {
		text-align:left;
		width: 944px;
		height: 118px;
		
	}
		#pagecontent {
			text-align:left;
			width: 944px;
			padding: 20px 0;
			}
			
			#pagecontent img{
				margin:0 10px 10px 10px;
				}

	#content {
		text-align:left;
		width: 954px;
		padding: 0px 0;
	}
	
	#page{
		background:url(../images/pageBGTop.png) top left no-repeat;
		width:690px;
		padding:0 0 0 0;
		margin:0 10px 20px 0;
		float:left;
		}
		
		/*	PAGE CONTENT STYLE */
		#page .inner{
			background:#fff;
			min-height:375px;
			height:auto !important;
			height:375px;
			padding:5px 15px 20px 15px;
			margin:11px 0 0 0;
			width:660px;
			float:left;
			color:#000;
			}
		/*---------------------*/
			
			#page .footer{
				background:url(../images/pageBGBottom.png) bottom left no-repeat;
				float:left;
				width:690px;
				height:11px;
				margin:-3px 0 0 0;
				}
	
	
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: helvetica, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}
	
	/* ORDER FORM */
	
	#order ul{
		list-style:none;
		}
		
		#order label{
			font-weight:bold;
			color:#d19318;
			}
	
	#order input, #order select, #order textarea{
		width:300px;
		padding:2px 3px;
		}
		
		#order input.radio{
			width:10%;
			}
			
		#order input.submit{
			width:153px;
			height:30px;
			margin:5px 0 0 0;
			float:right;
			}
			
	#order li.label{
		margin:5px 0 2px 0;
		}
		
		
	div.form_error{
		color:#c00;
		padding:0 0 10px 0;
		font-weight:bold;
		}
		
	.required{
		color:#e9a41b;
		font-size:14px;
		}
		
	#contact_details{
		float:right;
		width:250px;
		padding:5px;
		}
		
	form fieldset{
		float:left;
		width:310px;
		}
		
	#map{
		width:100%;
		border:#333333 1px solid;
		height:200px;
		}
	
	#order label.title{
		color:#000000;
		font-weight:normal;
		}
	
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #eaa41b;
		line-height: normal;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	
	h1{
		font-size:150%;
		font-weight:bold;
		}
	
	h2 {
		font-size:300%;
		line-height:90%;
		font-weight:bold;
		text-transform:lowercase;
	
	}
	
	h3 {
		
	}
	
	h4 {
		
	}
	
	span.logo {
		/* This should be the main title of the content (SEO)*/
		background:url(../images/logo.gif) no-repeat top left;
		height:116px;
		width:193px;
		overflow:hidden;
		float: left;
		margin:0;
	}
	span.logo a { 		
		height:116px;
		width:193px;
		display:block;
	}
	span.logo a span {
		display: none;
	}
	
	.goldBullionTitle {
		background: url(../images/gold_bullion_products.png) no-repeat;
		width: 384px;
		height: 80px;
		text-indent: -3000px;
	}
	.goldJewelleryTitle {
		background: url(../images/goldJewelleryTitle.gif) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
	}
	.scrapGoldTitle {
		background: url(../images/scrapGold.gif) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
		font-size:100%;
	}
	.goldBarsTitle {
		background: url(../images/goldBarsTitle.png) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
		font-size:100%;
	}
	.goldCoinsTitle {
		background: url(../images/goldCoinsTitle.gif) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
		font-size:100%;
	}
		.whyBuyGoldTitle {
		background: url(../images/whyBuyGoldTitle.png) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
	}
		.needAdviceTitle {
		background: url(../images/needAdvice.png) no-repeat;
		width: 132px;
		height: 18px;
		text-indent: -3000px;
	}
		.scrapGoldCalcTitle {
		background: url(../images/scrapGoldCalcTitle.gif) no-repeat;
		width: 150px;
		height: 18px;
		text-indent: -3000px;
	}
	.productsTitle {
		background: url(../images/productsTitle.gif) no-repeat;
		width: 208px;
		height: 36px;
		text-indent: -3000px;
		margin: 49px 0 0 40px;
	}
	.order_bullion {
		background: url(../images/order_bullion.gif) no-repeat;
		width: 204px;
		height: 49px;
		text-indent: -3000px;
		margin: 30px -10px 10px 0;
		overflow:hidden;
		outline:none;
	}
	
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#tagline {
		width: 524px; 
		float: right;
		padding: 30px 0 0px 0;
	}
	#tagline .para {
		background: url(../images/tagline.gif) no-repeat;
		font-size: 10px;
		padding: 0px 40px 0 40px;
		float: left;
		text-transform:uppercase;		

	}
	#call {
		background: url(../images/call.gif) no-repeat;
		display: block;
		text-indent:-3000em;
		width:250px;
		height: 38px;		
		float: left;
	}
/* NAV STYLES  */
	#nav {
		width: 740px; 
		float:right;
		font-family: Verdana, Arial, sans-serif;
		font-weight:bold;
		font-size: 13px;
	}
	#nav li {
		padding: 0 6px 0 10px;
		background: url(../images/bullet.gif) no-repeat 0 5px;
		float:left;	
		list-style-type: none;
	}
	#nav .first {
		background: none;
	}
	#nav li a {
		color: #FFFFFF;
	}
	#nav li .selected {
		color: #eaa41b;
	}
	#nav li a:hover {
		color: #eaa41b;
		text-decoration:none;
	}


/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	dl {
		font-size:140%;
	}
	dd {
		color:#eaa41b;
		margin-bottom:15px;
	}
	#homeBG {
		background: url(../images/homeBG.jpg) no-repeat;
		width: 461px;
		height: 263px;
		margin: 0px 0 0 -2px;
		padding: 60px 0 20px 492px;
		color:#FFFFFF;
	}
	.dailyPrice {
		background: url(../images/dailyPrice.png) no-repeat;
		width: 218px;
		height: 49px;
		color:#000000;
		font-size:11px;
		padding: 6px 0 0 6px;
		display: block;
	}
	.goldBar { background: url(../images/goldBar.gif); }
	.goldCoin { background: url(../images/goldCoin.gif); }
	.jewelleryBox { background: url(../images/jewelleryBox.gif); }
	
	.scrap {
		background: url(../images/scrap.gif);
		}
	
	.homeBox {
		width: 304px;
		height: 161px;
		padding: 20px;
		margin: 0px 10px 10px 0;
		float:left;
	}
	.homeBox p {
		width: 150px;
	}

	.homeBoxLarge{
		width: 660px;
		height: 161px;
		padding: 20px;
		margin: 0px 10px 10px 0;
		float:left;
		}
		
		.homeBoxLarge p {
		width:400px;
		}	
	
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#leftCell {
		float: left;
		width: 708px;
		padding: 0 0 40px 0;
	}
	
	#productBoxTop {
		width: 698px;
		background: url(../images/whiteBg.gif) 0 0 no-repeat #fff;
		padding: 10px 0 0 0;		
		float:left;
	}
	#productBox {
		width: 698px;
		margin: 0px;
		background: #fff;
		color:#000000;
		font-size:15px;
		font-weight:bold;
		float:left;
		background: url(../images/whiteBg.gif) bottom no-repeat #fff;
		min-height:660px;
		height:auto !important;
		height:660px;
		padding:0 0 15px 0;
		}
		
		#productBox p {
			padding: 0px 20px 20px 40px;
			line-height: 140%;			
			}
		
		#productBox h1{
				margin-left:25px;
				}
			
	#product-lower-box {
	clear:both;
	}
		#product-lower-box h1 {
		margin-left:25px;
				}
				
		#product-lower-box h2 {
		font-size:120% !important;
		margin-left:25px;
		text-transform: none;
				}
		
		#product-lower-box p.headinfo {
			font-size:12px;
			font-weight:normal;
			padding:0px 20px 0px 30px;
			line-height: 120%;
			color:#000000;
			}
			
		#product-lower-box ul {padding-left: 40px; }		
		
		#product-lower-box li {
			font-size:12px;
			font-weight:normal;
			line-height: 120%;
			list-style-type:circle !important;
			color:#000000;			
			}
		
	.itemBox {
		width: 192px;
		height:320px;
		margin: 0 0 10px 25px;
		float:left;
	}
	
	.categoryItemBox {
		width: 192px;
		height:250px;
		margin: 0 0 10px 25px;
		float:left;
		text-align:center;
	}
		.imageBox {
		width:143px;
		height:143px;
		border:1px solid #c7c7c7;
		float:left;
		padding:26px;
		margin: 0 0 10px 0;
	}
	.prodDesc {
		font-weight: normal;		
		font-size:12px;
		padding: 5px 10px 10px 10px;
		display:block;
	}
	.prodTitle {
		padding:0 10px;
		font-size:14px;
		line-height:normal;
		display:block;
		width:90%;
	}
	
	/*
		PRODUCT DETAILS
	*/
	
	#productInfo{
		padding:20px 0 0 40px;
		border-top:#CCCCCC 1px solid;
		float:left;
		}
		
		#productInfo .left{
			float:left;
			width:50%;
			padding-bottom:20px;
			}
			
		#productInfo .right{
			float:left;
			margin:25px 0 0 0;
			padding:0;
			width:300px;
			}
		
		#productInfo p{
			font-size:12px;
			font-weight:normal;
			}
				
			#productInfo h2{
				font-size:14px;
				color:#000;
				text-transform:capitalize;
				}
		
				#productInfo .image{
					width:300px;
					padding:10px;
					border:#CCCCCC 1px solid;
					margin:0 10px 0 0;
					}
					
					#productInfo ul.multiple{
						width:320px;
						padding:10px 0;
						float:left;
						border:#CCCCCC 1px solid;
						margin:0;
						text-align:center;
						display:inline;
						}
						
						#productInfo ul.multiple li{
							float:left;
							padding:3px;
							margin:0 0 0 10px;
							border:#ccc 2px solid;
							}
							
							#productInfo ul.multiple li:hover, #productInfo ul.multiple li.selected{
								border-color:#d19318;
								cursor:pointer;
								}
															
						#productInfo p.multipleTitle{
							margin:5px 0;
							padding:0;
							font-weight:bold;
							color:#999999;
							font-size:70%;
							}
							
							#productInfo p.multipleTitle span{
								font-style:italic;
								font-weight:normal;
							}
							
						#productInfo table{
							width:270px;
							margin:0 0 0 40px;
							font-size:80%;
							border:#ccc 1px solid;
							}
							
							#productInfo table th{
								width:60%;
								}
								
								#productInfo table th, #productInfo table td{
									border:#ccc 1px solid;
									padding:3px;
									}
									
						#productInfo .enlarge{
							width:320px;
							visibility:hidden;
							}
							
							#productInfo .enlarge p{
								margin:0;
								padding:0;
								}
								
								#productInfo .enlarge p a{
								padding:3px 10px 5px 10px;
								width:302px;
								display:block;
								background:#000;
								color:#fff;
								}
								
						#image_holder{
							width:300px;
							height:0;
							position:absolute;
							}
							

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	p.question{
		color:#eaa41b;
		font-weight:bold;
		margin:10px 0 0 0;
		}
		
	p.answer{
		margin:0;
		}
	
	.highlight{
		color:#e9a41b;
		font-weight:bold;
		}
		
	.gold {
		color: #e9a41b;
		text-decoration: none;
	}	
	p.large {
		font-size: 16px;
		line-height:140%;
	}
	
	/* Default link styling */
	a {
		color: #eaa41b;
		text-decoration: none;
	}
	a:hover {
		text-decoration: none;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* END PAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#rightCell {
		float: left;
		margin: 0px 0 0 10px;
		width: 224px;
	}
	#rightCell div {
		border-bottom: 1px solid #333333;
		padding: 0 0 20px 0;
	}
	#rightCell h3 {
		margin: 10px 0;
	}
	#rightCell div p {
		width: 160px;
		padding: 0;
		margin: 0 0 13px 0;
	}
	#whyBuyGold {
	background: url(../images/questionMark.png) no-repeat right;
	}
	#needAdvice {
		background: url(../images/speechBubble.png) no-repeat right;
		margin:10px 0 0 0;
	}
	#scrapGoldCalc {
		background: url(../images/calc.png) no-repeat right;
	}
	.productNav {
		background: url(../images/productNav.gif) no-repeat 0 0;
		width: 200px;
		height: 32px;
		border-bottom: 1px solid #333333;
		font-weight:bold;
		padding: 16px 0 0 34px; 
		color:#FFFFFF;
		font-size: 18px;
	}
	.rightMenu li {		
		height: 18px;
		width: 202px;
		font-size:13px;
		font-weight:bold;
		background: #000;		
		padding: 8px 0 8px 20px; 
		border-left: 1px solid  #333333;
		border-right: 1px solid  #333333;
		border-bottom: 1px solid  #333333;
		margin: 0 0 0 1px;
	}
	.rightMenu .last, .rightMenu li.last_selected {
		background: url(../images/bottomMenu.gif);
		border:0;
		height: 22px;
		width: 205px;
		margin: 0 0 40px 0;

	}
	.rightMenu .last:hover, .rightMenu li.last_selected, .rightMenu li.last_selected:hover {
		background: url(../images/bottomMenuHover.gif);
		color:#FFFFFF;
	}
	.rightMenu a{
		padding: 0 0 0 10px;
		background: url(../images/goldArrow.gif) 0 5px no-repeat;
		display:block;
		width:190px;
		height:25px;
	}
	.rightMenu li:hover, .rightMenu li.selected{
		background: url(../images/hoverBG.jpg);
		color:#FFFFFF;
	}
	.rightMenu li:hover a {
		text-decoration: none;
		padding: 0 0 0 10px;
		color:#FFFFFF;
		background: url(../images/whiteArrow.gif) 0 6px no-repeat;
	}
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#footer_text {
		text-align:left;
		width: 944px; 
		padding: 30px 0;
		margin: 0 auto;
	}
	#footer ul {
		padding: 0 0 15px 0;
	}
 	#footer li {
		float: left;
	}
	#footer li a {
		color: #c4c4c4;
		text-decoration:none;
	}
	#footer .pipe {
		padding: 0 13px;
		color:#999999;
	}
	.copyright { 
		color: #999999;
		font-size:11px;
	}
	.bulletin {
		width: 220px;
		float:right;
		border-left: 1px solid #333333;
		padding: 0 0 0 30px;
		background: url(../images/envelope.gif) no-repeat 218px 0px;
		height: 130px;
	}
	.bulletin input {
		margin: 10px 0px 0 0;
	}
	
	/*
		SITEMAP
	*/
	
	#sitemap{
		margin:0;
		padding:0 0 0 20px;
		}
	
	#sitemap a{
		color:#333333;
		font-size:85%;
		}
		
		#sitemap dt{
			margin:0;
			padding:2px 0;
			}
			
			#sitemap dd.category, #sitemap dd.product{
				margin:0;
				padding:2px 0 2px 10px;
				}
				
				#sitemap dd.product{
					padding-left:20px;
					}
					
					#sitemap dd.category a{
					font-weight:bold;
					}
					
					#sitemap dd.product a{
						color:#f4ac1c;
						}


	.article-pagination {
		text-align:center;
		padding:10px 0;
	}