/*
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%;
}


/* styles for wrapper to float entire page
----------------------------------- */

.floatwrapper {
float: left;
}



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

#topheaderarea { 
background-image: url(../images/header-v3-c.gif);
background-repeat: no-repeat;
background-color: ffffff;
width: 775px;
height: 124px;
padding: 0;
position: absolute;
left: 0px;
top: 0px;
z-index: 99;
 }
 
#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:152px;
border: 0px;
padding: 0px;
margin: 0px;
z-index: 99;
}


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

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

#topnavcontainer {
position: absolute;
left: 349px;
top: 0px;
width: 473px;
padding: 0px;
}

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

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

#footband p {
font-size: 80%;
margin: 0;
padding: 2;
border: 0;
}

/* 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 a{
display: block;
margin: 0px;
padding: 0px;
border: 0;

}

#leftnav img{
display: block;

}

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

#scrapdiv ul {
position: absolute;
left: 410px;
top: 40px;
padding: 0;
margin: 0;
list-style: none;
}

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

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

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


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

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

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

}

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

#rcontentlab {
position: absolute;
left: 152px; 
top: 105px;
}

#rcontentlabtan {
position: absolute;
left: 152px; 
top: 105px;
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;
}

#rcontentbook {
position: absolute;
left: 152px; 
top: 120px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: bottom left;
background-image: url(../images/bookbgr.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: 80px;
left:77px;
padding: 0px 30px 0px 0px;
}

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

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

.offices p{
width: 450px;
}

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




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

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

#col3-2 {
position: absolute;
top: 80px;
left: 250px;
padding: 0;
font-size: 85%;

}

#col3-2 ul {
width: 250px;
list-style: none;
}

#col3-3 {
position: relative;
top: 290px;
left: 40px;
padding: 0;
font-size: 85%;

}

#col3-3 ul {
width: 300px;
list-style: none;
}

#col3-4 {
position: relative;
top: 188px;
left: 250px;
padding: 0;
font-size: 85%;

}

#col3-4 ul {
width: 250px;
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
}

#bodyhead2 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;
}

.bodynormal img  {
padding: 5px 0px 0px 0px;
}

#bodymax p {
position: relative;
font-size: 85%;
padding: 0px 40px 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;
 }
 
 #pixcontent2 p {
 position: absolute;
 padding: 0;
 left: 152px;
 top: 500px;
 }
 
 


/* 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  - 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: 12px;
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: 37px;
font-size: 90%;
}


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


/* 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{
background-image: url(../images/logo-frame.gif);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
padding: 300px 370px 400px 400px;
}

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

#errorret p {
position: absolute;
left: 150px;
top: 270px;
padding: 2px;
}



#upstrack {
position: absolute;
left: 0px;
top: 0px;
padding:0px;
width: 600px;
height: 70px;
background-color:#faa007;

}


#upstrack img{
padding: 0px;

}

#upsbody {
position: absolute;
left: 10px;
top: 105px;
padding:0px;
}


#upshead p {
margin: 0;
padding: 10px 0px 0px 0px;
}


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

/*  styles for Arrange a pickup page
---------------------*/

.checkboxlist ul{
padding: none;
margin: none;
list-style-position: outside;
list-style-type: none;
}

.checkboxlist li{
display: block;
}

#box1{
position:relative;
padding: -5px 0px 0px -20px;
}