#container {
font-size: 80%;
font-family: verdana;
color: #ffffff;
text-align : left;
background: #333298 url(../images/bridge-bak.gif) no-repeat 0 180px;
}

body {
background: #8F90FF;
}

#topbar img {
margin-bottom: 26px;
border-bottom: 1px solid white;
}

#lhstitle1 {background: #FFCC00;}
#lhstitle2 {background: #9A99FF;}
#lhstitle3 {background: #9A3334;}

a #cartbutton {
margin-bottom: 10px;
background: white;
}

a:hover #cartbutton {
background: yellow;
}

#contactdetails {
margin-top: 22px;
border-top: 1px solid white;
font-size: 12px;
font-weight: bold;
font-family: arial;
line-height: 150%;
}

#orders {
border: 1px solid white;
width: 100%;
}

#orders th {
background: white;
color: navy;
}


/*
======================================
==============TAGS====================
======================================
*/



h1 {font-size: 2em;}
h2 {font-size: 1.3em;}

.infobar a {color: white; text-decoration: none;}
.infobar a:hover {text-decoration: underline;}
.content a {color: #FF9900; text-decoration: none;}
.content a:hover {text-decoration: underline;}
.lhstext a {color: white;}
.leftcredits a {color: white;}
.rightcredits a {color: #7B7EAB;} 
.credits a {text-decoration: none;}
.credits a:hover {text-decoration: underline;}

#contactdetails a{
font-size: 11px;
color: #FFC500;
}

/*
======================================
============== CLASSES ===============
======================================
*/

.content {
line-height: 150%;
padding-left: 29px;
padding-right: 38px;
padding-bottom: 8px;
width: 469px;
}

.lhs {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid white;
}

.lhstitle {
padding-top: 7px;
padding-bottom: 8px;
padding-left: 9px;
padding-right: 9px;
width: 167px;
font-weight: bold;
}

.lhstext {
font-size: .80em;
padding-top: 10px;
padding-bottom: 15px;
width: 180px;
}

.catalogue {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid white;
}

.catpic {
border: 1px solid white;
}

a.buybutton {
display: block;
padding: 2px;
border: 1px solid white;
margin-top: 5px;
background: #3F40BF;
font-weight: bold;
text-align: center;
font-size: 12px;
}

a.buybutton:hover {
background:#8F90FF;
color: #9a3334;
}

.belowpicinfo {
text-align: right;
font-weight: bold;
}

.textinputfield {
width: 250px;
}

.infobar {
color: white;
background: #8F90FF;
padding: 4px;
text-align: right;
font-size: .9em;
}

.credits {
border-top: 2px solid white;
margin-top: 22px;
font-size: .85em;
padding-top: 11px;
padding-bottom: 10px;
padding-left: 14px;
padding-right: 13px;
}

.rightcredits {
color: #7B7EAB;
text-align: right;
}


.row0 {
background-color: #4848A3;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

.adminbutton a {
color: black;
}

.mandatory {
color: red;
font-size: .75em;
}

span.required, label.required {
color:yellow;
border-bottom: 1px dashed yellow;
}