/* ===== DOM elements ========================================================== */

body {
     font: normal 0.80em Verdana, sans-serif;
     margin: auto;
     padding: 20px;
     background: white url('./images/website/backg2.png') repeat-x top left;
     color: #404040;
     text-align: left;

}

table, tr, td {
     margin:             0;
     padding:            0;
     border:             0;
     border-collapse:    collapse;


}

td,th {
     text-align:         left;
     vertical-align:     top;

}

h1 {
     font-size: 1.5em;
     padding:   0;
     margin:    0.5em 0em 0.5em 0em;
     color:     #ff6600;
}

h2 {
     font-size: 1.3em;
     padding:   0;
     margin:    0.5em 0em 0.5em 0em;
     color:     #ff6600;
}


h3 {
     font-size: 1.1em;
     padding:   0;
     margin:    0.5em 0em 0.5em 0em;
     color:     #ff6600;
}

h4 {
     font-size: 1.0em;
     padding:   0;
     margin:    0.5em 0em 0.5em 0em;
     color:     #ff6600;
}

a {
     color:              #000099;
     text-decoration:    none;
     font-weight:        bold;
}

a:hover {
     color:              #ff6600;
}

a img{
     border: 0px;
}

/* Information for the lists */

.list0{
     width: 100%;
     background : #ffffff url('./images/website/background.gif') repeat-x top left;

     border-bottom: 1px solid #ccccff;



}
.list0 td{
     padding :2px;

}

.list1{
     width: 100%;
     border-bottom: 1px solid #ccccff;
}

.list1 td{
     padding :2px;

}
.listTxt{
     font-weight: bold;
     width: 20%;

}
.listCont{

     width: 30%;

}


/* ===== Top heading section =================================================== */

.heading {
     margin: 0;
     padding : 10px;
     background: white;/* url('./images/website/peapod.png') no-repeat top right*/

}

/* ============== New Navigation ===========*/


.nav, .topItems {

     padding: 5px 0px 0px 5px;
     width: 150px;

}

.navHdr {
     background     : black url('./images/website/primNavBack.png') repeat-x top left;
     padding        : 3px 3px 3px 10px;
     color          : white;
     font-weight    : bold;
     font-size      : 0.9em;

}



.navBdy{
     line-height: 1.3em;
     background: #E6EEFF;

}

.navBdy ul {
     list-style-type: none;
     padding        : 0px;
     margin         : 0;
}

.navBdy ul li {
     margin: 0px;
     padding: 1px 1px 1px 10px;
}

.navBdy ul li:hover {
     background: #BFD4FF;
}

.navBdy ul li a {
     color: black;
     font-size      : 0.85em;

}

.navBdy ul li a:hover{

     text-decoration: underline;
}

.navSpa{
     border-top: 5px solid white;
}


/* ====== Looks after the boxes ==== */

.boxHdr, .topItemsHdr {
     background     : black url('./images/website/navblack.png') repeat-x top left;
     padding        : 3px 3px 3px 10px;
     color          : white;
     font-weight    : bold;
     font-size      : 0.9em;

}
.boxBdy {

     padding        : 5px 5px 5px 10px;
     background     : #eeeeee;
     color: black;
     font-size      : 0.85em;
     font-weight: bold;

     line-height: 1.5em;

}
.boxBdy form{
     margin:             0;
     padding:            0;
     border:             0;
     border-collapse:    collapse;
}
.boxSpa, .topItemsSpa{
     border-top: 5px solid white;
}


.topItemsTxt1 {

     padding        : 5px 5px 2px 5px;
     background     : #dddddd;
     color: black;
     text-align:         center;
     vertical-align:     top;

}
.topItemsTxt2 {

     padding        : 5px 5px 2px 5px;
     background     : #eeeeee;
     color: black;
     font-size      : 0.9em;
     text-align:         center;
     vertical-align:     top;


}


/* ===== Main Navigation across the top ====================================================== */


.leftMenuBar {

     width: 10px;
}

.rightMenuBar {

     width: 10px;
}

.menuHdr{
     display: none;
}

.menuBdy {
     padding        : 1px 5px 10px 0px;
     background: navy url('./images/website/primNavBack.png') repeat-x top left;
     text-align: left;
     font-weight: bold;
     line-height: 1.2em;

     margin: 0;
}

.menuBdy ul {
     list-style-type: none;
     padding: 5px 10px 0px 10px;
     margin: 0;
}

.menuBdy ul li {
     display: inline;
     margin: 0px 10px 0px 0px;

}

.menuBdy ul li a {
     color: white;

}

.menuBdy ul li a:hover{
     color: #ffff00;
     text-decoration: none;
}

/* ===== Sec Navigation across the top ====================================================== */

.secBar {
     height: 30px;
     background: #ffffff ;
     text-align: left;
     font-size: 0.8em;
     font-weight: bold;
     line-height: 20pt;
     margin: 0px;
     padding: 0px 25px 5px 25px;
}

.secBar ul {
     list-style-type: none;
     padding: 3px 0px 0px 0px;
     margin: 0;
}

.secBar ul li {
     display: inline;
     margin: 0px 12px 0px 0px;
}

.secBar ul li a {
     color: navy;
     font-size: 1.2em;
}

.secBar ul li a:hover{
     color: #ff6600;
     text-decoration: none;
}






.sizeSelector {
     margin: 5px 20px 0px 20px;
     border: 0;
     width: 120px;
     text-align: center;
     color: white;
}



.sizeSelector a {
     color: white;
}

.sizeSelector a:hover {
     color: yellow;
     text-decoration: underline;
}


/* ================ Additional information ======================================= */

.noNav {
     background: white;
     padding : 0px 30px 30px 30px;
     line-height: 1.62em;
}


.main {
     padding : 10px 10px 10px 10px;
     line-height: 1.62em;
}

.main td{
	padding: 0px 5px 0px 5px;
}


.main li {
     line-height: 1.62em;
}

.mainTable {
     width :   970px;
     border: 1px solid silver;
     margin: auto;
     background: white;
}

.errorMsg {
     padding: 0px 16px 0px 16px;
     font-weight: bold;
     color: #000099;
}



.contentSplurge{
     background: white;
     padding:    0px;
     line-height: 1.5em;

}

.contentText {
     line-height: 15pt;
}

.contentSplurge img a{
     text-decoration: none;
     border: 0;

}

.imageLeft {
     float: left;
     clear: right;
     padding-right: 15px;
}


.imageCenter {
     text-align: center;
     clear: both;
}

.imageRight {
     float: right;
     clear: left;
     padding-left: 15px;
}

.imageTitle {
     text-align: center;
     color: black;
}


.landing {
     clear: both;
     display: block;
}




.box2 {
     width: 194px;
     height: 194px;
     background: #c0c000;
     padding: 20px;
     margin-top: 20px;
     float: right;
     clear: right;
}



/* ================ Footer section =============================================== */


.footerBar{
     height: 40px;
     background: navy; /*url('./images/website/navblack.png') no-repeat top center;*/
     text-align: center;
     font-weight: bold;
     line-height: 20pt;
     padding-top: 5px;
     margin: 0;
     color: white;
}



.footer {
     display: block;
     clear: both;
     margin: 0px;
     padding: 0px;
     text-align: center;
     font-size: 0.8em;
     background: white;
}


.footer a {
     color: black;
}


.footerGbLink{

     padding :20px;
}
/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}


/* ================ Form stuff ============================================== */

.requiredField {
     background: #eeeeff;
}

.readonlyField {

     background: #ffeeff;
}


.maxWidth{
     width :   100%;
}


.tdRight{
     text-align :right;
}




/* boxes */

.boxes{
     background: white;
     width : 180px;
     padding : 10px 10px 25px 0px;

}




.box1 {
     margin: 0px;
     float: right;
     background: #ffffa0;
     color: #660099;
     font-size: 0.70em;
}

.box1Tl{
      background: url('./images/website/tlTransCorner.gif') repeat-x top left;

}

.box1Tr{
      background: url('./images/website/trTransCorner.gif') repeat-x top right;

}
.box1Bl{
      background: url('./images/website/blTransCorner.gif') repeat-x bottom left;

}
.box1Br{
      background: url('./images/website/brTransCorner.gif') repeat-x bottom right;

}

.box1Ce{

     width :188px;
     padding :0px 20px 0px 20px;
     font-size: 1.5em;
}



.navBox {
     margin: 0px ;
     background: #ccFF99;
     color: #660099;

}

.navBoxTl{
      background: url('./images/website/tlTransCorner.gif') repeat-x top left;

}

.navBoxTr{
      background: url('./images/website/trTransCorner.gif') repeat-x top right;

}
.navBoxBl{
      background: url('./images/website/blTransCorner.gif') repeat-x bottom left;

}
.navBoxBr{
      background: url('./images/website/brTransCorner.gif') repeat-x bottom right;

}

.navBoxCe{


     padding :0px 20px 0px 20px;
     width: 200px;
}





/* horizontal nav */
.hNav {
     margin :5px;
     width: 100%;

}

.prev{
     width: 90px;

}

.centre{
     text-align : center;

}


.next{
     width          : 90px;
     text-align     : right;
}

/* Special code */

#frtAppForm table{

     width: 100%;
}

#frtAppRegForm table{

     width: 100%;
}

/* Landing pages */
.landing {
     clear: both;
     display: block;
}



.landingSep {
     margin-top: 50px;
     padding: 7px 0px 7px 0px;
     text-align: center;
     color: #d5bfff;
     border-top: 1px solid #eee6ff;
     border-bottom: 1px solid #eee6ff;
}


.pictureClear{

     clear:both;
}
.other{

     width : 180px;
     padding : 5px 10px 25px 0px;

}

.companyLbl{
	width: 140px;
}

.companyTable{

     width: 580px;
}
.companyData{
	width: 435px;
}
.siteMap{

     padding: 10px;
}