﻿body{
    background-image: url(../images/body-bg.png);
    background-repeat: repeat-x;}

body, h1, h2, h3, p, a, ul, li, img {
	border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial;
	    font-size: 11px;
	    color: #666666;
	    border-style: none;}

p{
    float: left;}

a{
    border-style: none;
    color: #016eb3;
    text-decoration: none;}

a:hover{
    text-decoration: underline;}

ul {
	list-style-type: none;}

#page-wrapper {
    position: relative;
	width: 949px;
	margin: 0 auto;}

.logo {
    position: absolute;
    height: 57px;
    width: 428px;
    left: 12px;
    top: 21px;
    background: url(../images/megam-logo.gif) no-repeat;}

.header {
    position: absolute;
    height: 34px;
    width: 515px;
    left: 622px;
    top: 28px;
    background: url(../images/contact-numbers.gif) no-repeat;}

.socialmedia{
    position: absolute;
    height: 34px;
    width: 171px;
    left: 685px;
    top: 70px;
}
    
.socialmedia img
{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-top: 4px;
}


#menuWrapper {
    position: absolute;
    top : 105px;
    left : 0px;
    z-index: 99;
    width: 100%;}

#menuWrapper a{
    color: #000000;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*text-transform: uppercase; */
    font-weight: bold;
    float: left;}

#menuWrapper a:hover{
    color: #FFFFFF;
    background: url(../images/menu-hover.gif) no-repeat left top;
    text-decoration: none;}

#menuWrapper a:hover span{
    color: #FFFFFF;
    background: url(../images/menu-hover-right.gif) no-repeat right top;
    cursor: pointer;}

.menuVisibility{
    visibility: hidden;}

.menuBarOne{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 125px;
   height: 31px;
   background: url(../images/menuOne.png) no-repeat;}

.menuBarOneClass{
    position: relative;
    padding: 8px 10px 5px 13px;
    float: left;}

.menuBarOneClass span{
    float: left;
	padding: 1px 9px 2px 17px;}

.menuBarTwo{
    position: absolute;
    top: 0px;
    left: 125px;
    width: 125px;
    height: 31px;
    background: url(../images/menuTwo.png) no-repeat;}

.menuBarTwoClass{
    position: relative;
    padding: 8px 10px 5px 33px;
    float: left;}

.menuBarTwoClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuBarThree{
    position: absolute;
    top: 0px;
    left: 250px;
    width: 125px;
    height: 31px;
    background: url(../images/menuThree.png) no-repeat;}

.menuBarThreeClass{
    position: relative;
    padding: 8px 10px 5px 25px;
    float: left;}

.menuBarThreeClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuBarFour{
    position: absolute;
    top: 0px;
    left: 375px;
    width: 125px;
    height: 31px;
    background: url(../images/menuFour.png) no-repeat;}

.menuBarFourClass{
    position: relative;
    padding: 8px 10px 5px 29px;
    float: left;}

.menuBarFourClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuBarFive{
    position: absolute;
    top: 0px;
    left: 500px;
    width: 125px;
    height: 31px;
    background: url(../images/menuFive.png) no-repeat;}

.menuBarFiveClass{
    position: relative;
    padding: 8px 10px 5px 17.5px;
    float: left;}

.menuBarFiveClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuBarSix{
    position: absolute;
    top: 0px;
    left: 625px;
    width: 125px;
    height: 31px;
    background: url(../images/menuSix.png) no-repeat;}

.menuBarSixClass{
    position: relative;
    padding: 8px 10px 5px 32px;
    float: left;}

.menuBarSixClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuBarLast{
    position: absolute;
    top: 0px;
    left: 750px;
    width: 199px;
    height: 31px;
    background: url(../images/menuLast.png) no-repeat;}

.menuBarLastClass{
    position: relative;
    padding: 8px 10px 5px 65px;
    float: left;}

.menuBarLastClass span{
    float:left;
	padding: 1px 9px 2px 9px;
	color: #bf1616;}

.menuDropProductOne{
    position: absolute;
    top: 31px;
    left: 0px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductOneClass{
    position: relative;
    padding: 8px 10px 5px 21px;
    float: left;}

.menuDropProductOneClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductTwo{
    position: absolute;
    top: 62px;
    left: 0px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductTwoClass{
    position: relative;
    padding: 8px 10px 5px 21px;
    float: left;}

.menuDropProductTwoClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductThree{
    position: absolute;
    top: 93px;
    left: 0px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductThreeClass{
    position: relative;
    padding: 8px 10px 5px 30px;
    float: left;}

.menuDropProductThreeClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductFour{
    position: absolute;
    top: 124px;
    left: 0px;
    width: 145px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductFourClass{
    position: relative;
    padding: 8px 10px 5px 26px;
    float: left;}

.menuDropProductFourClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductFive{
    position: absolute;
    top: 155px;
    left: 0px;
    width: 145px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductFiveClass{
    position: relative;
    padding: 8px 10px 5px 13px;
    float: left;}

.menuDropProductFiveClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductSix{
    position: absolute;
    top: 186px;
    left: 0px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropProductSixClass{
    position: relative;
    padding: 8px 10px 5px 30px;
    float: left;}

.menuDropProductSixClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropProductSeven{
    position: absolute;
    top: 217px;
    left: 0px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDropBottom.png) no-repeat;}

.menuDropProductSevenClass{
    position: relative;
    padding: 8px 10px 5px 15px;
    float: left;}

.menuDropProductSevenClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropPurchaseOne{
    position: absolute;
    top: 31px;
    left: 375px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropPurchaseOneClass{
    position: relative;
    padding: 8px 10px 5px 21px;
    float: left;}

.menuDropPurchaseOneClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropPurchaseFive{
    position: absolute;
    top: 62px;
    left: 375px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropPurchaseFiveClass{
    position: relative;
    padding: 8px 10px 5px 30px;
    float: left;}

.menuDropPurchaseFiveClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropPurchaseTwo{
    position: absolute;
    top: 93px;
    left: 375px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropPurchaseTwoClass{
    position: relative;
    padding: 8px 10px 5px 27px;
    float: left;}

.menuDropPurchaseTwoClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropPurchaseThree{
    position: absolute;
    top: 124px;
    left: 375px;
    width: 145px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropPurchaseThreeClass{
    position: relative;
    padding: 8px 10px 5px 12px;
    float: left;}

.menuDropPurchaseThreeClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropPurchaseFour{
    position: absolute;
    top: 155px;
    left: 375px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDropBottom.png) no-repeat;}

.menuDropPurchaseFourClass{
    position: relative;
    padding: 8px 10px 5px 32px;
    float: left;}

.menuDropPurchaseFourClass span{
    float: left;
	padding: 1px 9px 2px 9px;}

.menuDropSupportOne{
    position: absolute;
    top: 31px;
    left: 500px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropSupportOneClass{
    position: relative;
    padding: 8px 10px 5px 27px;
    float: left;}

.menuDropSupportOneClass span{
    float: left;
	padding: 1px 9px 2px 10px;}

.menuDropSupportTwo{
    position: absolute;
    top: 62px;
    left: 500px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropSupportTwoClass{
    position: relative;
    padding: 8px 10px 5px 12px;
    float: left;}

.menuDropSupportTwoClass span{
    float: left;
	padding: 1px 9px 2px 11px;}

.menuDropSupportThree{
    position: absolute;
    top: 93px;
    left: 500px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDrop.png) no-repeat;}

.menuDropSupportThreeClass{
    position: relative;
    padding: 8px 10px 5px 11px;
    float: left;}

.menuDropSupportThreeClass span{    
    float: left;
	padding: 1px 9px 2px 9.5px;}

.menuDropSupportFour{
    position: absolute;
    top: 124px;
    left: 500px;
    width: 125px;
    height: 31px;
    background: url(../images/menuDropBottom.png) no-repeat;}

.menuDropSupportFourClass{
    position: relative;
    padding: 8px 10px 5px 11px;
    float: left;}
    
.menuDropSupportFourClass span{
    float: left;
	padding: 1px 9px 2px 11px;}

