body{
margin: 0px 0px 0px 0px;
background: #8F8671;
background-position:center;
font: 0.75em Tahoma;
color: #003173;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

div#wrapperBody {
position:absolute;
left: 50%;
width: 722px;
margin-left: -361px;
text-align:left;
background: #B1AB9C;
padding: 0px 0px 0px 0px;
}

div#wrapperHeader{
padding: 0px;
background: #FFFFFF;
}

div#cymreagLink {
position: absolute;
right: 0px;
top: 21px;
width: 250px;
height: 20px;
text-align: right;
}

div#wrapperDate {
position: absolute;
right: 25px;
top: 140px;
width: 250px;
height: 20px;
text-align: right;
}

div#mainNavigation{
background: #87CFDE;
padding: 5px 0px;
}

div#mainNavigation ul{
list-style: none;
padding: 0px 10px;
margin: 0px;
}

div#mainNavigation li{
padding: 0px 10px;
display: inline;
}

div#mainNavigation a {
display: inline;
}

div#mainNavigation a:link, div#mainNavigation a:visited, div#mainNavigation a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

div#mainNavigation a:hover{
color: #003173;
text-decoration: none;
font-weight: bold;
}

div#mainWrapper{
clear: both;
height: 100%;
overflow: hidden;
background: #87CFDE url(../UserFiles/Image/Template/en/mainBG.gif) repeat-y;
border-top: 7px solid #B1AB9C;
}

div#mainWrapper .leftcol{
position: relative;
float: left;
}

div#mainWrapper .rightcol{
position: relative;
float: right;
}

div#wrapperNews {
width: 209px;
padding: 0px;
}

div#wrapperMainContent {
float: left;
width: 513px;
padding: 0px;
background: #B1AB9C;
} 

div#wrapperFooter {
clear: both;
padding: 0px;
background: #8F8671;
font-size: 0.9em;
color: #000000;
}

div#wrapperFooterLeft {
width: 322px;
padding: 5px 0px;
background: #8F8671;
}

div#wrapperFooterRight {
width: 400px;
padding: 5px 0px;
text-align: right;
background: #8F8671;
}

div#wrapperFooter .leftcol{
position: relative;
float: left;
}

div#wrapperFooter .rightcol{
position: relative;
float: right;
}

/* Text Styles */

.mainContentText {
padding: 10px 20px 10px 20px;
}

.mainContentText H1 {
font-weight: bold;
color: #003173;
font-size: 1.45em;
padding: 0px 0px 10px 0px;
margin: 0px;
}

.mainContentText H2 {
font-weight: bold;
color: #003173;
font-size: 1.1em;
}

.mainContentTextRight {
padding: 10px 17px;
}

/* News Styles */

div#wrapperNewsContent {
padding: 10px 30px;
color: #000000;
}

div#wrapperNewsStory {
padding: 10px 0px;
color: #000000;
}

div#wrapperNews H1 {
font-size: 1.35em;
color: #003173;
padding: 0px;
margin: 0px;
}

div#wrapperNews a {
color: #E2001A;
text-decoration: none;
}

div#wrapperNews a:hover {
text-decoration: underline;
}

.newsImage {
width: 187px;
height: 123px;
overflow: hidden;
padding-bottom: 5px;
}

.documentImage {
clear: both;
float: left;
width: 150px;
height: 123px;
overflow: hidden;
padding: 0px 5px 5px 0px;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 0px solid #000000;
padding: 0px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 2px;
}

.orderFormField {
font-size: 1.0em;
border: 0px solid #000000;
padding: 2px;
}

.orderFormButton {
font-size: 1.0em;
background: #87CFDE;
color: #FFFFFF;
font-weight:bold;
border: 0px solid #000000;
padding: 2px;
}

/* Links CSS */

a {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.navIndent_0 a {
color: #E2001A;
text-decoration: none;
padding: 0px 0px;
}

.navIndent_0 a:hover {
color: #E2001A;
text-decoration: underline;
padding: 0px 0px;
}

.navIndent_1 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 100px;
padding: 0px 10px;
}

.navIndent_1 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 100px;
padding: 0px 10px;
}

.navIndent_2 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 90px;
padding: 0px 20px;
}

.navIndent_2 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 90px;
padding: 0px 20px;
}

.navIndent_3 a {
color: #E2001A;
text-decoration: none;
display: block;
width: 80px;
padding: 0px 30px;
}

.navIndent_3 a:hover {
color: #E2001A;
text-decoration: underline;
display: block;
width: 80px;
padding: 0px 30px;
}

/* Popup Image CSS */

div#wrapperImage {
position:absolute;
left: 50%;
width: 550px;
margin-left: -275px;
height: 550px;
text-align: center;
background: #B1AB9C;
padding: 10px 0px;
color: #FFFFFF;
}

/* Order Form */

.invoiceDataLeft {
background: #FFFFFF;
text-align: left;
padding: 5px;
border: 1px solid #8F8671;

}

.invoiceDataCentral {
background: #FFFFFF;
text-align: center;
padding: 5px;
border-top: 1px solid #8F8671;
border-right: 1px solid #8F8671;
border-bottom: 1px solid #8F8671;
}

.invoiceDataRight {
background: #FFFFFF;
text-align: right;
padding: 5px;
border-top: 1px solid #8F8671;
border-right: 1px solid #8F8671;
border-bottom: 1px solid #8F8671;
}

.totalTextBox {
background: #87CFDE;
color: #FFFFFF;
font-weight: bold;
text-align: right;
padding: 5px;
border: 1px solid #8F8671;
}

.totalValueBox {
background: #FFFFFF;
font-weight: bold;
text-align: right;
padding: 5px;
border-top: 1px solid #8F8671;
border-right: 1px solid #8F8671;
border-bottom: 1px solid #8F8671;
}

.invoiceHeader {
background: #87CFDE;
color: #FFFFFF;
font-weight: bold;
text-align: left;
padding: 5px;
border: 1px solid #8F8671;
}

.invoiceHeaderCentral {
background: #87CFDE;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 5px;
border-top: 1px solid #8F8671;
border-right: 1px solid #8F8671;
border-bottom: 1px solid #8F8671;
}