.col-full {
	width: 960px;
	margin: 0 auto;
}
.gold {
	color:#002f6a
}
.darkblue {
	color:#023467
}
.center {text-align:center}
/* GENERAL STYLE
====================================================================================================*/

div#head {
	background:url(../images/gold-header-bg.gif) top left repeat-x
}
div#logo-gold {
	float:left;
	width:620px;
}
div#logo-gold a{
	text-decoration:none;
}
div#headline-gold {
	float:left;
	width:340px;
	text-align:center;
	color:#fff;
}
div#headline-gold h1 {
	font-size:24px;
}
div#nav-gold {
	float:left;
	width:720px;
	background: url(../images/gold-nav-bg.gif) no-repeat;
	padding:5px 0 10px 10px;
}
div#nav-gold ul {
	list-style:none
}
div#nav-gold ul li {
	display:inline
}
div#nav-gold a:link, div#nav-gold a:visited {
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-size:17px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0 10px 0 0;
}

div#nav-gold a:hover {
	color:#000
}
div#phone-gold {
	float:left;
	width:230px;
	background: url(../images/gold-nav-bg.gif) top right no-repeat;
	padding-left:0px
	line-height:1
}

div#phone-gold h2 {
	font-size:32px;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	color:#000;
	float:left;
	width:210px;
	padding:0 0 4px 15px;

}

/* HEADER STYLE
====================================================================================================*/

div#middle-wrap {
	margin:10px auto;
	background:#fff;
}
div#content-left-gold {
	float:left;
	width:500px;
	padding-right:0px;
        display:inline;
}

div#content-left-gold p {
	padding:10px 0 20px 0
}
div#content-left-gold h1 {
	font-size:36px;
	color:#002f6a;
}
div#content-left-gold h2 {
	font-size:20px;
	color:#000;
}
div#content-left-gold h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#002f6a;
}
div#content-left-gold h4.one {
	background: url(../images/gold-step1.gif) no-repeat;
	padding:10px 0 20px 70px;
	width:390px
}
div#content-left-gold h4.two {
	background: url(../images/gold-step2.gif) no-repeat;
	padding:10px 0 35px 70px;
	width:390px
}
div#content-left-gold h4.three {
	background: url(../images/gold-step3.gif) no-repeat;
	padding:10px 0 20px 70px;
	width:390px
}
div#content-left-gold h4.four {
	background: url(../images/gold-step4.gif) no-repeat;
	padding:10px 0 20px 70px;
	width:390px
}
div#content-left-gold ul {
	margin:10px 0 10px 30px
}
div#content-left-gold ul li {
	background: url(../images/tick.gif) no-repeat;
	padding:3px 0 3px 25px
}
div#content-right-gold {
	float:right;
	width:440px;
       display:inline;
}

/* CONTENT STYLE
====================================================================================================*/

div#slider {
	float:left;
	width:510px;
	height:300px;
	margin-bottom:5px;
}
div#banner-gold {
	float:left;
	width:510px;
	background:url(../images/gold-banner1-bg.gif) no-repeat;
	height:300px;
}
div.slide1-gold {
	float:left;
	width:510px;
	background:url(../images/gold-banner2-bg.gif) no-repeat;
height:300px;
}
div.slide1-gold h1 {
	font-size:40px;
	padding:10px 0 0 170px;
	color:#FFF;
}
div.slide1-gold h2 {
	font-size:18px;
	color:#fff;
	padding-left:180px
}
div.slide1-gold h3 {
	font-size:20px;
	width:300px;
	padding:20px 0 0 200px;
	color:#fff;
}
.big {
	font-size:32px
}


div.gold-howitworks {float:left; width:510px; padding-bottom:5px}




/* BANNER/SLIDE STYLE
====================================================================================================*/

div#form-gold {
	float:right;
	width:440px    
}

div#form-gold-xtend {
	float:right;
	width:400px;
	background: url(../images/gold-form-bg-xtend.gif) no-repeat;
    padding:0 20px;
}

div#form-gold-xtend h1 {font-size:30px; font-family: "Myriad Pro", Arial, 'Sans Serif'; font-weight:bold; color:#fff; text-align:center}
div#form-gold-xtend h2 {font-size:24px; font-family: "Myriad Pro", Arial, 'Sans Serif'; font-weight:bold; color:#fff; text-align:center; margin-bottom:5px;}


div#gold-form-wrap {float:right; width:440px;}
div.form-base {
	float:right;
	width:440px;
	background: url(../images/form-base.gif) no-repeat;
        height:38px;
}



/* FORM STYLE
====================================================================================================*/

div#calculator-gold {
	float:left;
	width:510px;
	background:url(../images/gold-calculator-bg.gif) no-repeat;
	height:155px;
}

div.gold-worth {
	float:left;
	width:300px;
	padding:10px 0 0 10px;
}

div.gold-worth h1, div.gold-value h1 {font-size:24px}

div.gold-worth p.guarantee {
	padding:10px 0 0 5px;
	display:block;
	float:left;
	width:260px;
	font-size:14px; 
	}

div.gold-weight {float:left; width:160px; padding-top:10px}
div.gold-carat {float:left; width:140px; padding-top:10px;}

div.gold-value {
	float:left;
	width:200px;
	padding:20px 0 0 0;
}

div.gold-price {
	float:left; 
	width:190px; 
	font-size:14px; 
	font-weight:bold; 
	padding:5px 0 0 0px; 
	text-align:center; 
	}

div.gold-grams {
	float:left; 
	width:190px; 
	font-size:30px; 
	font-weight:bold; 
	padding:10px 0 0 0px; 
	text-align:center;
	}

p.gram {font-size:14px; padding-top:10px}



/* CALCULATOR STYLE
====================================================================================================*/

div#promise-gold {
	float:left;
	width:460px;
	background:url(../images/gold-trust-bg.gif) no-repeat;
	padding:20px 30px 10px 20px
}
div#promise-gold img {
	float:right;
	padding:0 0 0 40px;
}

div#promise-gold p {padding:0}

div#promise-gold h1{font-size:30px; font-family: "Myriad Pro", Arial, 'Sans Serif'; font-weight:bold; color:#000}

div#promise-gold h4 {
	padding:10px 0 60px 0;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-weight:bold;
	font-size:20px;
}
div#trust-gold {
	float:left;
	width:260px;
}
div#trust-gold h1 {
	font-size:30px;
	color:#023467;
}
div#trust-gold {
	color:#023467;
	padding:0 10px 0 10px;
}
div#trust-gold p {
	padding-left:20px
}
div#trustlogos-gold {
	float:left;
	width:160px;
}

/* TRUST STYLE
====================================================================================================*/


div#news-gold {
	float:left;
	width:510px;

}
div#testimonial-gold {
	float:left;
	width:440px;
	background:url(../images/gold-testimonial.gif) no-repeat;
	height:260px;

}

div.testimonial-gold-box {
	float:left;
	width:280px;
	height:160px;
	padding:90px 50px 10px 60px
}

/*div#testimonial-gold p {
	font-size:12px;
	color:#023467;
	padding:20px 50px 10px 60px
}*/
div#testimonial-gold span.customer {
       position:absolute;
top:220px;
left:110px;
	font-weight:bold;
	color:#023467;
}

/* NEWS/TESTIMOINAL STYLE
====================================================================================================*/

div#footer {
	width:100%;
	background: #000 url(../images/gold-footer.gif) top left repeat-x;
}
div#footer-nav {
	padding-top:8px
}
div#footer-nav ul li {
	display:inline
}
div#footer-nav a:link, div#footer-nav a:visited {
	font-size:17px;
	font-weight:bold;
	color:#002f6a;
	text-decoration:none;
	padding:3px 15px 0 0;
}
div#footer-nav a:hover {
	color:#fff
}
div#footer-left-gold {
	float:left;
	width:440px;
	padding:25px 20px 40px 0;
}
div#footer-left-gold img {
	padding-top:20px;
}
div#footer-left-gold p, div#footer-left-gold h2, div#footer-left-gold h3 {
	color:#fff
}
div#footer-right-gold {
	float:left;
	width:440px;
	padding:25px 20px 40px 0;
}

div#footer-right-gold h3.gold {margin-bottom:20px; color:#002f6a}

div#footer-links-gold {
	color:#002f6a;
	text-align:center
}
div#footer-links-gold p {
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:20px 0
}
div#footer-links-gold ul li {
	display:inline;
	padding-right:5px
}


/* FOOTER STYLE 
====================================================================================================*/

/* -- Right Aligned -- */
		fieldset div.field {
		    margin: 0 0 10px;
		    overflow: hidden;
                    width:400px;
		}
		
		    fieldset div.field label {
		    	float: left;
		        line-height: 1.1;
		        margin: 5px 10px 0 0;
		        text-align: left;
		        width: 190px;
			font-size: 14px;
		        font-family: Arial, Helvetica, sans-serif;
                        color:#fff;
		    } 
		
			fieldset div.field input,
			fieldset div.field textarea,
			fieldset div.field select {
			    display: block;
			    font-size: 14px;
			    font-family: Arial, Helvetica, sans-serif;
			    line-height: 1;
			    margin: 0 0 0 160px;
                            width:180px;
			}

fieldset div.field select.title {
			    display: block;
			    font-size: 14px;
			    font-family: Arial, Helvetica, sans-serif;
			    line-height: 1;
			    margin: 0 0 0 160px;
                            width:80px;
			}
fieldset div.field input.postcode-search {
			    display: block;
			    font-size: 14px;
			    font-family: Arial, Helvetica, sans-serif;
			    line-height: 1;
			    margin: 0 0 0 160px;
                            width:80px;
			}

fieldset div.field input.tandc {
			    display: block;
			    font-size: 14px;
			    font-family: Arial, Helvetica, sans-serif;
			    line-height: 1;
			    margin: 0 0 0 160px;
                            width:20px;

			}
			
			fieldset div.field input.submit-form {
			background:url(../images/submit-form.gif) no-repeat;
			width:370px;
			height:53px;
			font-size:24px; font-family: "Myriad Pro", Arial, 'Sans Serif'; font-weight:bold; color:#000; text-align:center;
                        border:none;
                        margin:5px 0 0 15px;
                        cursor:pointer;
                        cursor:hand;
			}

fieldset div.field input.find-address {
	background:url(../images/find-address.gif) no-repeat;
	width:105px;
	height:24px;
	font-size:14px;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-weight:bold;
	color:#000;
	text-align:center;
       float:right;
       border:none;
       margin:0;
}

div#AjaxPlaceHolder {padding-top:10px;}

/* FORM STYLE 
====================================================================================================*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Clear Floats */
.col-full:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}/* http://sonspring.com/journal/clearing-floats */

