* { margin: 0; padding: 0; } 

body { background-color : #eee; font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; color: #000; }

#mainpagewrap { margin:0 auto; width:920px; background-image: url(images/mainbckgnd.gif); background-repeat : repeat-y;}
#subpagewrap { margin:0 auto; width:920px; background-image: url(images/subbckgnd.gif); background-repeat : repeat-y;}

#headerwrap { margin-left: 10px; margin-right: 10px; width:900px; height: 105px; background-color: #fff;}
#logo { margin: 5px 6px 5px 0px; }
#mainphoto { margin: 5px 7px 5px 0; }
#rightbanner { margin: 5px 0 5px 0; }

#menuwrap { margin: 0 0 0 9px; height: 25px; width:900px; background-color: #fff; }
#menuwrap ul { margin: 0; padding: 0px; }
#menuwrap li { float: left; list-style: none none; font-size: 80%; margin-right: 1px; padding: 0px; margin-top: 3px;}

#linewrap { margin: 0 10px 0 10px; width: 900px; background-color: #fff; border-bottom: 1px solid #b8b8b9; height: 1px;}

#contentwrap { margin: 0 10px 0 10px; width: 900px; }

#leftwrap { float: left; width: 210px; padding-top: 20px; padding-bottom: 10px;}
.banner{margin: 5px 0;}
.bannerheading{margin: 35px 0 5px 0;}
#centerwrap { float: left; width: 480px; padding-top: 10px; padding-bottom: 10px;}
#rightwrap { float: left; width: 210px; padding-top: 10px; padding-bottom: 10px;}
#rightinnerwrap { float: left; position: relative; left: 10px; width: 175px;}
#rightinnerwrap img { margin-top: 20px; float: left; clear: both;}
#rightwrap h2 { font-size: 110%; color: #000; padding-top: 10px; }
#rightwrap h3 { font-size: 110%; color: #3563a0; padding-top: 10px; padding-bottom: 5px; }
#rightwrap p { padding-bottom: 5px; clear: both; }
#rightwrap a { color: #3563a0; text-decoration: none; }
#rightwrap a:hover { text-decoration: underline; }

#upperpicturesmenu { float: left; padding-left: 35px; padding-top: 10px;}
#morecategories  { float: left; padding-left: 130px; }
#lowerpicturesmenu { float: left; height: 129px; width: 480px;}

#content { clear: both; padding: 10px 20px 10px 20px; }
#content h1 { color: #3563a0; font-size: 130%; font-weight: bold; padding-top: 10px; padding-bottom: 20px; }
#content p { padding-bottom: 10px; }
#content a { color: #3563a0; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content ul { padding: 5px 0px 5px 18px; }
#content li { color: #000; text-decoration: none; }
#content li a { color: #3563a0; text-decoration: none; }
#content li a:hover { text-decoration: underline; }

.leftbanner { float: left; margin-top: 20px; margin-bottom: 20px;}
.rightbanner { float: left; margin-bottom: 20px;}

.searchlabel { font-size: 85%; font-weight: bold; color: #000; }
.searchphrase { border: 1px solid #3563a0; font-size: 100%; color: #000; width: 110px;}
.searchbutton { width: 69px; height: 27px; border: 0px; background-image: url(images/search.jpg); }

.searchphrasediv { float: left; margin-top: 10px; margin-right: 5px;}
.searchbuttondiv { float: left; margin-top: 6px;}
#googleimage { float: left; margin-top: 10px; position: relative; top: 5px; }

#player{ margin: 0 0 10px 0;}

#footerwrap{ clear: both; margin: 0 10px 0 10px; width: 900px; color: #333; background-color: #fff; height:31px; border-top: 1px solid #b8b8b9;}
#foot_links { background-color:white; text-align: center;}
#foot_links a { color:#3F3F3F; font-size: 80%; text-decoration: none;}
#foot_links a:hover { text-decoration: underline;}

.clear { clear: both; }
img { padding: 0px; border: 0px; }


#contactwrap { margin : 0 0 0 0px; width: 300px; font-size: 0.9em; float: none;}

#addressdiv, #phonediv, #postcodediv, #emaildiv, #messagediv, #submitdiv { margin-top: 5px; clear: both; }
#submitdiv { margin-top: 20px; }

.formfield { font-size: 100%; color: #444444; margin-right: 5px; float: left; }
.formfield input, .formfield textarea, .formfield select { font-family: verdana,arial, sans-serif, helvetica; font-size: 120%; color: #000; border: 1px solid #3563A0; height: 20px; width: 280px;  margin: 0 0 10px 0;}
.formfield textarea{ height: 80px;}

#titlediv select { width: 50px; }
#firstname { width: 280px;}
#surname { width: 280px;}
#address { width: 280px; }
#postcode { width: 280px; }
#phone { width: 280px; }
#email { width: 280px; }
#message { width: 280px; }

#errorwrap { margin: 0px 0px 0px 0px; padding: 10px; width: 300px; border: 1px solid #CCC; }
#errorimg { margin: 0; width: 48px; height: 48px; float: left; background-image: url(images/problem.jpg); background-repeat: no-repeat; }
#errormsg { margin: 0; width: 240px; float: right; color: #000; font-size: 0.9em; text-decoration: none; } 

.gold
{
margin-bottom: 20px;
clear: both;
border-width: 3px;
border-style: solid;
border-color: #222;
padding: 20px;
float: left;
width: 390px;
}


.goldspecial
{
margin-bottom: 20px;
clear: both;
border-width: 3px;
border-style: solid;
border-color: #222;
padding: 20px;
}

.goldspecial #gold-special-offer img
{
  float: right;
}