/*
Styling for StarUS Main Website
January 2007
*/


body { 
color: black;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
background-image: none;
margin: 0;
padding: 0;
 }
 
p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
h2 {
font-size: 130%;
}

h3 {
font-size: 115%;
}





/* nav areas structure
----------------------------------- */

#topheaderarea { 
background-image: url(../images/header-v3-c.gif);
background-repeat: no-repeat;
background-color: none;
width: 775px;
height: 124px;
padding: 0;
position: absolute;
left: 0px;
top: 0px;
 }
 
 #topheaderarea-lab { 
background-image: url(../images/header-labs.gif);
background-repeat: no-repeat;
background-color: none;
width: 775px;
height: 124px;
padding: 0;
position: absolute;
left: 0px;
top: 0px;
 }

#leftarea{
position:absolute;
top:117px;
left:0px;
width:153px;
height:502px;
border: 0px;
padding: 0px;
}

#headerimage {
position: absolute;
left: 226px;
top: 31px;
}

#headerhome {
position: absolute;
left: 0px;
top: 0px;
}

#topnavcontainerUK {
position: absolute;
left: 410px;
top: -3px;
width: 473px;
padding: 0px;
}

#footer {
position: absolute;
left: 0px;
top: 618px;
padding: 0;
width: 775px;
}

#footband {
position: absolute;
left: 0px;
top: 653px;
width: 775px;
height: 18px;
background-color: #c0c0c0;
background-image: none;
}

/* nav areas
----------------------*/


#topnav p {
margin: 0;
padding: 0;
border: 0;
}

#topnav img {
display: inline;
border: 0;
padding: 0;
margin: 0;
}


#footer p{
margin: 0;
padding: 0;
}

#leftnav ul{
margin: 0px;
padding: 0px;
list-style: none;
border: 0;
}

#leftnav li{
margin: 0px;
padding: 0px;
border: 0;
}

#leftnav img{
display: block;
}

#leftnav a{
display: block;
margin: 0px;
padding: 0px;
border: 0;

}

#homebut p {
position: absolute;
left: 5px;
top: 88px;
padding: 0;
}

#scrapdivUK ul {
position: absolute;
left: 390px;
top: 46px;
padding: 0;
margin: 0px;
list-style: none;
}

#scrapdivUK li {
margin: 0;
padding: 0;
}



/* content areas
----------------------*/

.rcontent {
position: absolute;
left: 152px; 
top: 120px;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(../images/star-goldstarart.png);
background-color: #ffffff;
height: 502px;
width: 623px;
}

.rcontentUK {
position: absolute;
left: 152px; 
top: 120px;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(../images/star-goldstarart.png);
background-color: #ffffff;
height: 502px;
width: 623px;
}

.rcontenttan {
position: absolute;
left: 152px; 
top: 120px;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(../images/star-goldstarart.png);
background-color: #f0ead2;
height: 502px;
width: 623px;
}




#rcontentbgl {
position: absolute;
left: 152px; 
top: 120px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/britflag.gif);
height: 502px;
width: 623px;
}

#rcontentbga {
position: absolute;
left: 152px; 
top: 120px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/goldfilter2.jpg);
height: 502px;
width: 623px;
}

#rcontent2c {
position: absolute;
left: 152px; 
top: 120px;
background-color: #f0ead2;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(../images/star-goldstarart.gif);
height: 502px;
width: 623px;
}

#lcontent2c {
position: absolute;
left: 380px; 
top: 60px;
background-color: #6ca8cd;
height: 390px;
width: 225px;
}


/* Layout style for 1 2 3 pages
----------------------------------- */

.body2-1 {
position: absolute;
top: 165px;
padding: 0px 140px 0px 77px;
}



/* Layout style for reg content pages
----------------------------------- */

.bodynormal {
position: absolute;
top: 60px;
left:77px;
padding: 0px 40px 0px 0px;
}

#bodymax {
position: absolute;
top: 60px;
left:77px;
padding: 0px 40px 0px 0px;
}

.bodynrw {
position: absolute;
top: 60px;
left:77px;
padding: 0px 90px 0px 0px;
}


#bodyfull {
	position: absolute;
	top: 70px;
	left:77px;
	padding: 0px 30px 0px 0px;
}

#body2c {
position: absolute;
top: 60px;
left:35px;
padding: 0px 250px 0px 0px;
}

#flagbar {
position: absolute;
left: 72px;
top: 435px;
padding: 0;

}

.headUK p {
margin: 0;
padding: 10px 0px 0px 0px;
}

#teampics {
position: absolute;
left: 2px;
top: 120px;
padding: 0;
}

#teampics ul {
padding: 0;
}

#teampics li {
list-style: none;
}

#teampics img {
padding: 0px 6px 0px 0px;
}

.offices {
position: absolute;
left: 77px;
font-size: 85%;
}

.offices p{
width: 450px;
}

.offices table {
table-layout: fixed;
width: 520px;
}



/* Layout style for 3 column pages (sitemap)
----------------------------------- */
#col3-1 {
position: absolute;
top: 80px;
left: 40px;
padding: 0;
}

#col3-1 ul {
width: 250px;
height: 200px;
font-size: 85%;
list-style: none;
}

#col3-2 {
position: absolute;
top: 80px;
left: 250px;
padding: 0;
}

#col3-2 ul {
width: 250px;
font-size: 85%;
list-style: none;
}

#col3-3 {
position: relative;
top: 290px;
left: 40px;
padding: 0;
}

#col3-3 ul {
width: 300px;
font-size: 85%;
list-style: none;
}

#col3-4 {
position: relative;
top: 175px;
left: 250px;
padding: 0;
}

#col3-4 ul {
width: 250px;
font-size: 85%;
list-style: none;
}

#bodyhead h4 {
position: absolute;
left: 77px;
margin: 0;
padding: 5px 0px 0px 0px;
border-bottom: thin solid black;
}

#bodyheadUK h4 {
position: absolute;
top: 325px;
left: 77px;
margin: 0;
padding: 0px 0px 0px 0px;
border-bottom: thin solid black;
}

#bodyhead p {
position: absolute;
left: 77px;
margin: 0;
padding: 5px 0px 0px 0px;
border-bottom: thin solid black;
font-weight: bold
}

#bodyheadUK p {
position: absolute;
top: 325px;
left: 77px;
margin: 0;
padding: 0px 0px 0px 0px;
border-bottom: thin solid black;
font-weight: bold

}


/* Popup window styling
----------------------------------- */


#pop { 
background-image: url(../images/popbkg.gif);
background-color: none;
background-repeat: no-repeat; 
background-position: top left;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
padding: 0;
}

#pop1 ul {
position: absolute;
left: 0px;
top: 0px;
padding: 0;
}

#pop1 li {
list-style:disc;
font-size: 85%;
margin:0; 
padding: 7px 20px 0px 0px; 
}




/* faq section
----------------------------------- */

#faq dl {
position: absolute;
top: 60px;
left: 77px;
padding: 0px 60px 0px 0px;
}

#faq dt {
font-weight: bold;
font-size: 90%;
line-height: 1.5em; 
margin:0; 
padding: 0; 
}

#faq dd {
font-size: 90%; 
line-height: 1.5em;
margin: 0;
padding: 0; 
}


/* Element styles for 1 2 3 pages
----------------------------------- */

#body1 p{
margin: 0;
padding: 0px 0px 0px 50px;
}

#body1-1 p{
position: absolute;
top:195px;
padding: 0px 0px 0px 55px;
}

#body1-2 p{
position: absolute;
top:220px;
padding: 0px 0px 0px 55px;
}

#body1-3 p{
position: absolute;
top:270px;
padding: 0px 0px 0px 55px;
}

#body1-4 p{
position: absolute;
top:355px;
padding: 0 0 0 55px;
}

.body2 p {
margin: 0;
padding: 0px 0px 0px 50px;
}

.body2-1 p {
font-size: 90%;
}

.body2-1 ul {
font-size: 90%;
}


/* Element styles for reg content pages
----------------------------------- */

.bodynormal p  {
position: relative;
font-size: 90%;
margin: 0;
padding: 0px 0px 0px 0px;
}

#bodymax p  {
position: relative;
font-size: 85%;
margin: 0;
padding: 0px 0px 0px 0px;
}

.bodynrw p  {
position: relative;
font-size: 90%;
margin: 0;
padding: 0px 0px 0px 0px;
}

#body2c p  {
position: relative;
font-size: 90%;
margin: 0;
padding: 0px 0px 0px 0px;
}

#lcontent2c p  {
position: relative;
font-size: 90%;
margin: 0;
padding: 12px 12px 0px 13px;
}

.bodynrw img  {
margin: 0;
padding: 5px 0px 0px 0px;
}


#bodyfull p  {
font-size: 80%;
margin: 0;
padding: 0px 0px 0px 0px;
}

#rcontentbgl h3 {
color: #faa00f;
margin: 0;
padding: 10px 0px 5px 77px;
}

#red {
color:#ff0000;
font-weight: bold;
 }
 
 #newshead {
color:#b22222;
font-weight: bold;
font-size: 105%;
line-height: 1.5em;
 }
 
 
 #more {
 color: #4682b4;
 }
 
 #pixcontent p {
 position: absolute;
 padding: 0;
 left: 0px;
 top: 380px;
 }
 
#body2 p {
margin: 0;
padding: 0px 0px 0px 0px;
}
 
 


/* US Offices - These lists need to follow bodynormal class rule
----------------------------------- */
#bodyof ul  {
position: relative;
list-style:none;
font-size: 90%;
margin: 0;
padding: 0px 0px 20px 0px;
}

#bodyof-1 li    {
list-style:none;
font-size: 90%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#bodyof-2 li   {
list-style:none;
width: 49%;
position: relative;
font-size: 90%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#bodyof-2 p {
margin-right:0;
padding-left: 120px;
padding-top: 30px;
font-size: 90%;
}


#bodyof-3 li   {
list-style:none;
position: relative;
font-size: 90%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#bodyof-3 p {
margin-right:0;
padding-left: 120px;
padding-top: 45px;
font-size: 90%;
}

#bodyof-2 img{
position: absolute;
top: 15px;
left: 0px;
}

#bodyof-3 img{
position: absolute;
margin-top: -17px;
left: 0px;
}


/* Contact Us - Offices  - These lists need to follow bodynormal class rule
----------------------------------- */
#bodyus ul  {
position: relative;
list-style:none;
font-size: 90%;
margin: 0;
padding: 0px 0px 20px 0px;
}

#bodyus-1 li    {
position: relative;
list-style:none;
font-size: 90%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#bodyus-1 p {
margin-right:0;
padding-left: 120px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 90%;
}

#bodyus-1 img{
position: absolute;
top: 0px;
left: 0px;
}

#bodyus-2 li   {
list-style:none;
width: 49%;
position: relative;
font-size: 90%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#bodyus-2 p {
margin-right:0;
padding-left: 120px;
padding-top: 20px;
font-size: 90%;
}

#bodyus-2 img{
position: absolute;
top: 3px;
left: 0px;
}

#bodyus-3 li   {
list-style:none;
position: relative;
font-size: 90%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#bodyus-3 p {
margin-right:0;
padding-left: 120px;
padding-top: 42px;
font-size: 90%;
}


#bodyus-3 img{
position: absolute;
margin-top: -16px;
left: 0px;
}

#bodyus-4 li   {
list-style:none;
position: relative;
font-size: 90%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#bodyus-4 p {
position: relative;
left: 300px;
top: -262px;
font-size: 90%;
}

#offUKswiss p{
position: relative;
left: 0px;
top: 10px;
font-size: 90%;
}






/* temp styles for zip demo
----------------------------------- */

#z-response{
position: absolute;
top: 170px;
left: 77px;
margin: 0px;
padding: 0px;
border: 0px;

}

#zret table {
position: absolute;
left: 77px;
top: 260px;
border-spacing:3px;
width: 440px;
height: 210px;
background-image: url(../images/zipno-x.gif);
background-repeat: no-repeat;
background-position: top left;
}

#zret td {
position: absolute;
left: 80px;
top: 330px;
}

#but td {
position: absolute;
left: 50px;
top: 400px;
width: 440px;
}


/* styles for zip feature
----------------------------------- */

#repno table {
padding: 3px;
position: absolute;
left: 77px;
width: 420px;
}
#repno td {
background-image: url(../images/zipno-x.gif);
background-repeat: no-repeat;
padding: 70px 0px 0px 17px;
position: absolute;
left: 77px;
top: 230px;
width: 420px;
height: 300px;
}

#buttsno table {
position: absolute;
top: 415px;
left: 77px;
}

#buttsno td {
position: absolute;
top: 415px;
left: 77px;
}



#repyes table {
padding: 3px;
position: absolute;
left: 77px;
width: 420px;
}
#repyes td {
background-image: url(../images/zipyes-x.gif);
background-repeat: no-repeat;
padding: 50px 0px 0px 17px;
position: absolute;
left: 77px;
top: 230px;
width: 420px;
height: 300px;
}

#buttsyes table {
position: absolute;
top: 381px;
left: 77px;
}

#buttsyes td {
position: absolute;
top: 381px;
left: 77px;
}


/*  styles for Prices page
---------------------*/

#metalprice {
position: relative;
font-size: 90%;
margin: 0;
padding: 0px 0px 0px 0px;
}

#metalprice ul{
position: absolute;
left: 50px;
top: 80px;
list-style: none;
font-size: 110%;
font-weight: bold;
color: #ffffff;
}

#metalprice li{
background-image: url(../images/21bkgdbars_07.gif);
background-repeat: no-repeat;
padding: 20px 170px 20px 20px;
margin: 0px;
}

#weightent ul{
position: relative;
padding-left: 335px;
padding-top: 79px;
list-style: none;
font-size: 100%;
color: black;
}

#weightent li{
background-image: url(../images/21bkgdbars_09.gif);
background-repeat: no-repeat;
padding: 16px 170px 24px 20px;
margin: 0px;
}

#valtot {
background-image: url(../images/21bkgdbars_09.gif);
background-repeat: no-repeat;
position: absolute;
left: 335px;
top: 385px;
font-size: 90%;
margin: 0;
padding: 8px 100px 24px 20px;
}

#error p {
position: absolute;
left: 150px;
top: 150px;
padding: 10px;
border-style: solid;
border-width: 2px;
border-color: #027abb;
}