@import url("menu.css");

.menu_bg
{
    padding: 0 0 0 6px;
    margin: 0 19px 0 7px;
    height: 40px;
    background: url(images/menu_bg.png) repeat-x top left;
}

body
{
    text-align: center; /* do not remove, this is to make ie6 centre divs*/
    background-color: #C0D341;
}

div
{
    margin: 0;
    padding: 0;
}

.topMenuDiv
{
    position: relative;
    top: 220px;     /* 170 + 50 - 2*/
    _top:242px; /* hack css for IE 6 */
    left: 0px; /*margin: 0 auto;*/
    text-align: center;
    z-index: 2;
    height: 50px;
    width: 100%;
    background-image: url(images/topMenuBG.gif);
    background-repeat: repeat-x;
}

.navigationMenu
{
    /*    text-align:center;     position:relative;*/
    width: 840px;
    height: 36px;
    margin: 0 auto;
    padding-top: 15px;
}

.navigationMenu > span
{
    position: absolute;
    left:10px;
    width:20px;
    text-align:center;
}

.wrapperDiv
{
    width: 840px;
    margin: 0 auto; /*padding:45px 0px 0px 0px;*/
}

.roundAllCorners
{
}

.headWrapper
{
    position:relative;
    width: 840px;
    height: 170px;
    background-image: url(images/flash_temp_img.gif);
    background-repeat: no-repeat;
    background-color:White;
}

.headerFlash
{
    position:absolute;
    width:627px;
    height:170px;
    right:0px;
}

.headContent
{
    width: 750px;
    height: 150px;
}


.mainContentDiv
{
    width: 840px;
    min-height: 350px;
    margin-top: 101px;
    margin-bottom: 30px;
    background-color: white;
    padding: 16px 16px 16px 16px;
    background-image:url(images/home_v3_background.jpg);
    background-repeat:no-repeat;
}


.underFooterDiv
{
    height: 2px;
    width: 840px;
}

.footerDiv
{
    margin-top: 50px;
    margin-bottom: 70px; /* mainly decided how far it's away from the bottom */
    width: 840px;
    height: 46px;
    background-image: url(images/footerAllBG.gif);
    background-repeat: no-repeat;
/*    padding: 8px 15px 7px 15px; */
    position:relative;
}

.footerLeftLinks
{
    position:absolute;
    top: 6px;
    left:15px;
    text-align:left;
}

.footerLeftLinks img
{
    margin-right: 100px;
    height:36px; 
    border-width:0px;
}

span.footer_logo_text, span.footer_logo_text2
{
    position:absolute;
    top:12px;
    left:38px;
    font-size:10px;
    line-height:12px;
    color: #808285;
    cursor:pointer;
}

span.footer_logo_text2
{
    left:192px;
}

.footerLinks
{
    margin-top: 14px;
    margin-right: 15px;
    float: right;
    max-height: 30px;
    min-width: 200px;
    color: #808285;
    font-weight: bolder;
}

.footerLinks a, .footerLinks a:hover
{
    font-weight: normal;
    color: #808285;
    font-size: 16px;
}

.mainContentLeft
{
    float: left;
    width: 220px;
    min-height: 700px;
}

.mainContentRight
{
    float: right;
    width: 420px;
    min-height: 500px;
    padding:0px;
    margin:0px;
}

/* following content is for the right main content */
.blueTitle
{
    text-align: left;
    font-family: trebuchet ms;
    color: rgb(86,186,224);
    font-size: 20pt;
    font-weight: bold;
}

.mainContentStyle
{
    text-align: left;
    color: rgb(128,130,133);
    font-size:medium;
}

.greenColorText
{
    color: rgb(192,211,65);
}

.blockLargerText
{
    font-size:large;
}

.srcBoldText
{
    font-weight:bold;
}

p
{
    margin-bottom:0;
}

ul
{
    -moz-box-sizing: border-box; /* make the firefox use the same box model as IE */
    box-sizing: border-box;
    margin:0;
    margin-bottom:12px;
    padding: 0; 
}

ul.theULStyle li
{
    color: rgb(128,130,133);
    font-size: medium;
    list-style:none;
    padding-left:15px;
    background-image:url(images/singleDot.gif);
    background-repeat:no-repeat;
    background-position:0 0.4em;
}

ul.theBigDotUL li
{
    color: rgb(128,130,133);
    font-size: medium;
    list-style:none;
    padding-left:6px;
    line-height:20px;
    background-image:url(images/singleBigDot.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

ul.theBigDotUL li span
{
    color: white; 
    font-size: 16px;
    margin-right: 1em;
}

div.greenBanner
{
    width:500px;
    height:31px;
    color:White;
    background-image:url(images/green_bg_500_31.gif);
    background-repeat:no-repeat;
    padding:3px 0px 3px 10px;
    font-size:18px;
}

div.whiteframeBanner
{
    width:500px;
    height:55px;
    background-image:url(images/white_frame_bg_500_55.gif);
    background-repeat:no-repeat;
    padding:7px 0px 7px 15px;
    vertical-align:middle;
    text-align:center;
}

div.whiteframeBanner span
{
    font-family:Trebuchet MS;
    font-size:18px;
    display:inline;
    float:left;
    margin-right:40px;
    vertical-align:middle;
}

div.whiteframeBanner span.singleLine
{
    margin-top:10px;
}

div.singleFrame
{
    border: 2px solid #c6c5c5;
    width:490px;
    min-height:200px;    
    padding:5px;
}

/* hide for the query form for the time been
table tr td
{
    font-size:16px;
    color: rgb(128,130,133);
}
*/

span.smallerText
{
    font-size:14px;
}

div.greenButtonLarge, div.greenButtonMedium
{
    height:30px;
    width:229px;
    background-image:url(images/green_button_229.gif);
    background-repeat:no-repeat;
    padding-top:5px;
    font-size:14px;
    color:White;
    float:left;
    text-align:center;
}

div.greenButtonLarge a, div.greenButtonMedium a
{
    color:White;
}

div.greenButtonMedium
{
    width:175px;
    background-image:url(images/green_button_175.gif);
}

div.contactUsDiv
{
    width:240px;
    min-height:200px;
    float:left;
    /*border:1px dotted black;
    margin-right:5px;*/
    margin:0;
    padding:0;
}

div.contactUsDivRight
{
    text-align:center;
}

/* piece of code for styling the enquiry form */
.EnquiryFormWrapper
{
    clear:both;
}

.EnquiryFormWrapper div
{
    float:left;
    display:inline;
    margin-left:5px;
    vertical-align:middle;
    margin-top:7px;
}

.EnquiryFormWrapper div input
{
    height:40px;
    width: 350px;
}

.EnquiryFormWrapper div span, .EnquiryFormWrapper div input
{
    font-family:Trebuchet MS;
    font-size:medium;
}

.EnquiryFormWrapper .EnquiryFormItemName
{
    width:7em;
}

.EnquiryFormWrapper .EnquiryFormItem
{
    width:270px;
}
/* piece of code for styling the enquiry form finished here */