body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align: center;
}
#wrapper {
position: relative;
text-align: left;
width: 768px;
margin-right: auto;
margin-left: auto;
padding: 0 0 0 0;
}
#header {
height: 3em;
}
#header .strapline {
font: 12px Tahoma, Verdana, Arial;
color: #778899;
background-color: transparent;
float: right;
margin-right: 2em;
margin-top: 3em;
}
#header .logo {
float: left;
margin-top: 0.5em;
}
.strapline a:link, .strapline a:visited {
font: 12px Tahoma, Verdana, Arial;
color: #7287A4;
text-decoration: none;
}
.strapline a:hover {
color: #7287A4;
text-decoration: underline;
}
#content {
position: absolute;
width: 480px;
top: 80px;
right: 0px;
background-color: #FFFFFF;
}
.welcome {
font: 12px Tahoma, Verdana, Arial;
color: #000000;
line-height: 1.3;
border-bottom: 1px dashed #7C7C7C;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 5px;
}
.welcome h1 {
font: bold 16px Tahoma, Verdana, Arial;
color: #99C751;
margin: 5px 5px 5px 5px;
}
.welcome a:link, .welcome a:visited {
color: #88AF34;
text-decoration: none;
}
.welcome a:hover {
color: #88AF34;
text-decoration: underline;
}
.news-img {
float: left;
margin: 20px 10px 10px 5px;
}
.ad {
text-align: center;
background-color: #FFFFFF;
}
.main {
font: 12px Tahoma, Verdana, Arial;
color: #000000;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 5px;
}
.main h1 {
font: bold 16px Tahoma, Verdana, Arial;
color: #99C751;
margin: 5px 5px 5px 0px;
}
.main h2 {
font: bold 14px Tahoma, Verdana, Arial;
font-style: italic;
color: #333333;
margin: 5px 5px 5px 0px;
}
.main h3 {
font: bold 12px Tahoma, Verdana, Arial;
color: #3F3F3F;
margin: 5px 5px -10px 0px;
}
.main a:link, .main a:visited {
font: 12px Tahoma, Verdana, Arial;
color: #99C751;
text-decoration: underline;
}
.main a:hover {
color: #99C751;
text-decoration: none;
}
.quick {
font: 12px Tahoma, Verdana, Arial;
color: #000000;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 5px;
border: 1px dashed #7C7C7C;
text-align: center;
}
.quick h1 {
font: bold 16px Tahoma, Verdana, Arial;
color: #7287A4;
margin: 5px 5px 5px 0px;
}
.quick a:link, .quick a:visited {
font: 12px Tahoma, Verdana, Arial;
color: #7287A4;
text-decoration: none;
}
.quick a:hover {
color: #7287A4;
text-decoration: underline;
}
#code {
padding: 2px 4px 2px 6px;
margin: 0 0 10px 0;
border: 1px dotted #333333;
background-color: transparent;
text-align: left;
}
.buy-online {
font: 12px Tahoma, Verdana, Arial;
color: #000000;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 15px 5px;
margin: 0px 5px 5px 5px;
}
.buy-online h1 {
font: bold 16px Tahoma, Verdana, Arial;
color: #99C751;
margin: 5px 5px 5px 0px;
}
.buy-img {
float: left;
margin: 5px 10px 5px 5px;
}
#left {
position: absolute;
width: 268px;
top: 80px;
left: 0px;
background-color: #FFFFFF;
}
.pic {
text-align: center;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
}
.copyright {
font: 12px Tahoma, Verdana, Arial;
color: #FFFFFF;
text-align: center;
background-color: #7C7C7C;
padding: 1px 1px 1px 5px;
margin-bottom: 10px;
}
.copyright a:link, .copyright a:visited {
font: 12px Tahoma, Verdana, Arial;
color: #FFFFFF;
text-decoration: none;
}
.copyright a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.contactform {
background-color: #FFFFFF;
border: 1px solid #333333;
font: 12px Tahoma, Verdana, Arial;
color: #000000;
}
.contactbutton {
background-color: #FFFFFF;
border: 1px solid #000000;
font: 12px Tahoma, Verdana, Arial;
color: #000000;
}