@charset "utf-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
color:#5D4F4B;
background-color:#EEF2FB;
margin:1em auto 1em auto;
text-align:center;
}

img{border:none;}

#Wrapper{
text-align:left;
margin:auto;
width:60em;
background-color:#FFFFFF;
border:1px solid #5D4F4B;}

#Header{
padding-left:1em;
height:12.5em;
background-image:url(../images/Headerbg-1.jpg);
background-position:14.5em 0px;
background-repeat:no-repeat;}

#Header_Logo{
margin-top:3.31em;}

/*-----Top nav-------*/
#Top-Nav{
background-color:#A4C2DA;
height:1.5em;
color:#FFFFFF;
line-height:1.5em;}

#Top-Nav-Links{
margin-left:16em;
padding:0px;
display:inline;}

#Top-Nav-Links li{
list-style:none;
margin:0em 0em 0em 2em;
padding:0px;
display:inline;}

#Top-Nav-Links a:link, #Top-Nav-Links a:visited{
color:#FFFFFF;
text-decoration:none;}

#Top-Nav-Links a:hover{
/*text-decoration:underline;*/
color:#0079C2;}

.Top-Nav-Links-nomargin{
margin-left:0em !important;}

.Top-Nav-Links-memes{
margin-left:5em !important;}
/*-------------------*/


/*--Content*/
#Content{
margin-top:1em;
padding-right:1em;
padding-left:3em;
padding-bottom:1em;
float:left;
width:42.9em;
}

#Content p{
font-size:0.8em;
line-height:160%;
padding:0em 0em 0em 0em;
margin:0.8em 0em 0em 0em;}

#Content h1{font-size:1.5em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#Content h2{font-size:1em;}
#Content h3{font-size:0.9em;}

#Content a:link, #Content a:visited{
text-decoration:none;
color:#A4C2DA;
}

#Content a:hover{
color:#0079C2;
}

#Content-Cats{
list-style:none;
margin:0em 0em 0em 0em !important;
padding:1.5em 0em 0em 0em !important;}

#Content-Cats li{
list-style:none;
margin:0em 0em 0em em;
padding:0em 0em 0em 0em;
float:left;}

#Content-Cats h2{
font-size:0.8em;
text-decoration:underline;
font-weight:normal;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.Content-Cats-Desc{
color:#FFFFFF;
background-color:#A4C2DA;
width:5.5em;
padding:5px;
margin-top:5px;
float:left;}

.Content-Cats-Desc-Pad{
padding:5px 5px 5px 5px !important;}

.nm{margin-left:0px !important;}

.Content-Cats-Desc p{
font-size:0.8em;
margin:0.5em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.Content-Cats-Desc-Pad a:link, .Content-Cats-Desc-Pad a:visited{
color:#FFFFFF !important;}

#Content-Cats a:link, #Content-Cats a:visited{
color:#FFFFFF;
text-decoration:none;}

#Content-Cats a:hover{
/*text-decoration:underline;*/
color:#0079C2;}

.Content-Cats-Img{
float:left;
border:1px solid #A3C3DC;
margin-left:3px;
margin-right:3px;}

.Content-Cats-Bar{
width:5px;
background-color:#A3C3DC;
height:108px;
margin-top:10px;
float:left;
border-right:6px solid #FFFFFF;}

#Content ul a:link, #Content ul a:visited{
text-decoration:none;
font-size:0.8em;
color:#A4C2DA;
}

#Content ul a:hover{
/*text-decoration:underline;*/
color:#0079C2;
}

#Content ul{
margin:1em 0px 0px 14px;
padding:0px 0px 0px 0px;
}

#Content ul li{
color:#5D4F4B;
margin:0.5em 0em 0em 0em;
padding:0em 0em 0em 0em;
font-size:0.8em;
}

/*-----------*/


/*---Left Nav--*/

#Left-Nav{
float:left;
width:13em;
margin-bottom:5em;}

/*Lv1*/
.Lv1{
list-style:none;
margin:1em 0em 0em 0.5em;
padding:0em 0em 0em 0em;}

.Lv1 li{
list-style:none;
margin:0em 0em 0em 0em;
padding:1.2em 0em 0.6em 3em;
background-repeat:no-repeat;
background-position:top left;
color:#A4C2DA;
}

.Lv1 li a:link, .Lv1 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:bold;
font-size:1em;
}

/*Lv2*/
.Lv2{
margin:0.2em 0em 0em 1em;
padding:0em 0em 0em 0em;}

.Lv2 li{
list-style:disc;
margin:0.5em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.Lv2 li a:link, .Lv2 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:normal;
font-size:0.8em;
}

/*Lv3*/
.Lv3{
margin:0.2em 0em 0em 1em;
padding:0em 0em 0em 0em;}

.Lv3 li{
list-style:circle;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.Lv3 li a:link, .Lv3 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:normal;
font-size:0.8em;
}

/*Lv4*/
.Lv4{
margin:0.5em 0em 0em 0.5em;
padding:0em 0em 0em 0em;}

.Lv4 li{
list-style:circle;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.Lv4 li a:link, .Lv4 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:normal;
font-size:0.8em;
}

#Left-Nav a:hover{
/*text-decoration:underline;*/
color:#0079C2;
}

.Left-Nav-Gen{background-image:url(../images/Tmb_Gen.jpg);}
.Left-Nav-Lad{background-image:url(../images/Tmb_Lad.jpg);}
.Left-Nav-Chi{background-image:url(../images/Tmb_Chi.jpg);}

#Left-Nav-Cat{
margin-left:1em;
margin-top:1em;
margin-bottom:1em;}

#Left-Nav-Cat a:link, #Left-Nav-Cat a:visited{
display:block;
float:left;
background-color:#A4C2DA;
color:#FFFFFF;
text-decoration:none;
font-size:0.8em;
padding:5px;
margin-top:18px;}

#Left-Nav-Cat a:hover{
/*text-decoration:underline;*/
color:#0079C2;
}

#Left-Nav-Cat img{
float:left;
margin-bottom:2em;}



#Left-Nav-Calc{
margin-left:1em;
margin-top:1em;
margin-bottom:1em;
}

#Left-Nav-Calc a:link, #Left-Nav-Calc a:visited{
display:block;
float:left;
background-color:#A4C2DA;
color:#FFFFFF;
text-decoration:none;
font-size:0.8em;
padding:5px;
margin-top:18px;
width:91px;}

#Left-Nav-Calc a:hover{
/*text-decoration:underline;*/
color:#0079C2;
}

#Left-Nav-Calc img{
float:left;
margin-bottom:2em;}
/*--------------*/

#Footer{
background-color:#A4C2DA;
height:1.5em;
line-height:1.5em;
padding-left:1em;
color:#FFFFFF;
clear:both;}

#Footer p{
font-size:0.8em;}

#Footer a:link, #Footer a:visited{
color:#FFFFFF;
text-decoration:underline;
}

#Footer a:hover{
text-decoration:none;
}


/*--------Technology---------------*/
.Tech-Box-IMG-Outer{
background-color:#A4C2DA;
color:#FFFFFF;
width:31.8em;
padding:0.5em 0.5em 0em 0.5em;
}

.Tech-Box-IMG-Outer img{

}

.Tech-Box-Outer{
background-color:#A4C2DA;
color:#FFFFFF;
margin-bottom:1em;
width:31.8em;
padding:0.5em 0.5em 0.5em 0.5em !important;
}

.Tech-Box-Outer p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0em !important;
}

/*----------Contact us---------------*/
#ContactLeft{
float:left;
}

#ContactRight{
float:left;
text-align:center;
padding-left:3em;}

.Contact-Table{
padding:0em;
margin:0.5em 0em 0em 0em;
border-collapse:collapse;
font-size:inherit;}

.Contact-Table th{
font-size:0.8em;
padding:0.2em 0.5em 0.2em 0.2em;
background-color:#A4C2DA;
color:#FFFFFF;
}

.Contact-Table td{
font-size:0.8em;
padding:0.2em 0.6em 0.5em 0.2em;
border-bottom:1px solid #A4C2DA;
}

/*----------News---------------------*/
#News-Display h3{
padding:0em 0em 0em 0em;
margin:1em 0em 0em 0em;
}

#News-Display h2{
padding:0em 0em 0em 0em;
margin:0.5em 0em 0.5em 0em;
}

#News-Display hr{
padding:0em 0em 0em 0em;
margin:0em 0em 0em 0em;
}

/*----------Colour Chart-------------*/
.Colour-Chart{
margin-top:20px;}

.Colour-Chart td{
font-size:0.8em;
vertical-align:top;}

.Colour-Chart td img{
margin-top:10px;
margin-bottom:20px;
margin-right:20px;}

/*----------Product tmbs/display-------------*/
.Product-tmb{}

.Main-Img{
margin:10px 10px 0px 10px; 
border:3px solid #A4C2DA;
}

#prod-lnks-ul{
font-size:1em;}

#prod-lnks-ul li a:link, #prod-lnks-ul li a:visited{
font-size:1em;}

.Cat-Headings a:link, .Cat-Headings a:visited{
font-size:1.5em !important;}


/*----------ADMIN--------------------*/
.AdminForm input{
width:200px;}

.AdminForm table{
font-size:0.8em;}

.AdminTable{
font-size:0.8em;
width:100%;
}

.AdminTable_no_width{
font-size:0.8em;
}

.AdminTable td, .AdminTable th{
border-bottom:1px solid #999999;}

.AdminForm textarea{
width:300px;
}

/*Lv1*/
.admLv1{
list-style:none;
margin:0.5em 0em 0em 0em;
padding:0em 0em 0em 0em;
font-weight:bold;}

.admLv1 li{
list-style:none;
margin:0em 0em 0em 0em;
padding:0.2em 0em 0.6em 1.5em;
background-repeat:no-repeat;
background-position:top left;
color:#A4C2DA;
}

.admLv1 li a:link, .admLv1 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:bold;
font-size:1em;
}

/*Lv2*/
.admLv2{
margin:0.2em 0em 0em 1em;
padding:0em 0em 0em 0em;}

.admLv2 li{
list-style:disc;
margin:0.5em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.admLv2 li a:link, .admLv2 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:normal;
font-size:0.8em;
}

/*Lv3*/
.admLv3{
margin:0.2em 0em 0em 1em;
padding:0em 0em 0em 0em;}

.admLv3 li{
list-style:circle;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;}

.admLv3 li a:link, .admLv3 li a:visited{
text-decoration:none;
color:#A4C2DA;
font-weight:normal;
font-size:0.8em;
}

/*Lv4*/
.admLv4{
margin:0.5em 0em 0em 0.5em;
padding:0em 0em 0em 0em;}

.admLv4 li{
list-style:circle;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;}

/*----------Generics-----------------*/
.Blue-Border-Img{
border:2px solid #A4C2DA;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.tac{text-align:center;}
.nobullet{list-style:none !important;}
.red{color:#FF0000 !important;}

.LM1{
margin-left:0.5em;}

.NoM-NoP{
margin:0em 0em 0em 0em !important;
padding:0em 0em 0em 0em !important;}

.cb{clear:both;}

.Enlarge-Link{
height:1em;
line-height:1em;
background-image:url(/images/view.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
font-size:0.8em;}

.Back{
font-size:1.5em;}