/* typeface specification */


body {
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
	background-image: url(http://www.buy-pure-oil-essential.com/image-files/I_BG.jpg);
	background-position:top center;
	background-color: #FFFFFF;
	
	width: 100%;
 	display: table;
}


h1 {
	color: #B4C5C8;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px
}
h2 {
	color: #000;
	font-style: normal;
	font-size: 12px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #FFFF00;
}
h3 { color: #333333; font-style: normal; font-weight: 500; font-size: 10px; font-family: verdana, geneva, arial, helvetica, sans-serif; margin-bottom: 0px; margin-top: 0px; }


.topheader {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #365481;
	text-align: center;

}

.bodytext
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333333;
	vertical-align: 20%;
	line-height: 16px;
	text-align: justify;
}

.bodywhitetext
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #FFFFFF;
}

.bodytextdgrey
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #333333;
}

.bodytextdgreybold
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

.bodytextdwhitebold
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #FFFFFF;
}

.bodytextbold
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #365481;
}

.formtext
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333333;
}

.topnav
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

.mainnav
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0000FF;
	text-align: center;
}

.bottomnav
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #999999;
}

.rightnav
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	text-transform: capitalize;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #FFFFFF;
}

.genericleftnav
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

.genericleftnavstatic
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #333333;
}

.genericbodyheader
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
	font-weight: 700;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #365481;
}

.generictopheader
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #8D8D8D;
}

.genericbodybold
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

.genericofficeheader
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #1A2B47;
}

.generictableheader
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
	font-weight: 700;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

.whitetext
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #FFFFFF;
}

.bluetext
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #6E8AB2;
}

.genericarrow
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #FF9900;
}

.genericform
{
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
	margin-bottom: 0px;
    margin-top: 0px;
	color: #666666;
}

/* link class specification */

A.genericbluelink:link
{
    color: #365481;
    text-decoration: none;
}

A.genericbluelink:visited
{
    color: #365481;
    text-decoration: none;
}
A.genericbluelink:hover
{
    color: #365481;
    text-decoration: none;
}
A.genericbluelink:active
{
    color: #365481;
    text-decoration: none;
}

/* >> */

A.genericofficelink:link
{
    color: #1A2B47;
    text-decoration: none;
}

A.genericofficelink:visited
{
    color: #1A2B47;
    text-decoration: none;
}
A.genericofficelink:hover
{
    color: #1A2B47;
    text-decoration: none;
}
A.genericofficelink:active
{
    color: #1A2B47;
    text-decoration: none;
}

/* >> */

A.genericanchorlink:link
{
    color: #999999;
    text-decoration: underline;
}

A.genericanchorlink:visited
{
    color: #999999;
    text-decoration: underline;
}
A.genericanchorlink:hover
{
    color: #365481;
    text-decoration: underline;
}
A.genericanchorlink:active
{
    color: #999999;
    text-decoration: underline;
}

/* >> */

A.genericorangearrow:link
{
    color: #FF9900;
    text-decoration: underline;
}

A.genericorangearrow:visited
{
    color: #FF9900;
    text-decoration: underline;
}
A.genericorangearrow:hover
{
    color: #FF9900;
    text-decoration: underline;
}
A.genericorangearrow:active
{
    color: #FF9900;
    text-decoration: underline;
}

/* >> */

A.genericcontentlink:link
{
    color: #6E8AB2;
    text-decoration: underline;
}

A.genericcontentlink:visited
{
    color: #6E8AB2;
    text-decoration: underline;
}
A.genericcontentlink:hover
{
    color: #365481;
    text-decoration: underline;
}
A.genericcontentlink:active
{
    color: #6E8AB2;
    text-decoration: underline;
}

/* >> */

A.genericbotlink:link
{
    color: #999999;
    text-decoration: none;
}

A.genericbotlink:visited
{
    color: #999999;
    text-decoration: none;
}
A.genericbotlink:hover
{
    color: #333333;
    text-decoration: none;
}
A.genericbotlink:active
{
    color: #999999;
    text-decoration: none;
}

A.homegrey:link
{
    color: #666666;
    text-decoration: none;
}

A.homegrey:visited
{
    color: #666666;
    text-decoration: none;
}
A.homegrey:hover
{
    color: #666666;
    text-decoration: underline;
}
A.homegrey:active
{
    color: #666666;
    text-decoration: none;
}

/* >> */

A.homewhite:link
{
    color: #FFFFFF;
    text-decoration: none;
}

A.homewhite:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
A.homewhite:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
A.homewhite:active
{
    color: #FFFFFF;
    text-decoration: none;
}

A.homedarkblue:link
{
    color: #365481;
    text-decoration: none;
}

A.homedarkblue:visited
{
    color: #365481;
    text-decoration: none;
}
A.homedarkblue:hover
{
    color: #365481;
    text-decoration: underline;
}
A.homedarkblue:active
{
    color: #365481;
    text-decoration: none;
}

/* >> */

A.anchorlink:link { color: #999999; text-decoration: underline; }
A.anchorlink:visited { color: #999999; text-decoration: underline; }
A.anchorlink:hover { color: #365481; text-decoration: underline; }
A.anchorlink:active { color: #999999; text-decoration: underline; }
A.topnavlink:link { color: #666666; text-decoration: none; }
A.topnavlink:visited { color: #666666; text-decoration: none; }
A.topnavlink:hover { color: #ffffff; text-decoration: none; }
A.topnavlink:active { color: #666666; text-decoration: none; }
A.mainnavlink:link { color: #FFFFFF; text-decoration: none; }
A.mainnavlink:visited { color: #FFFFFF; text-decoration: none; }
A.mainnavlink:hover { color: #333333; text-decoration: none; }
A.mainnavlink:active { color: #FFFFFF; text-decoration: none; }
A.staticnavlink:link { color: #333333; text-decoration: none; }
A.staticnavlink:visited { color: #333333; text-decoration: none; }
A.staticnavlink:hover { color: #333333; text-decoration: none; }
A.staticnavlink:active { color: #333333; text-decoration: none; }
A.bottomnavlink:link { color: #999999; text-decoration: none; }
A.bottomnavlink:visited { color: #999999; text-decoration: none; }
A.bottomnavlink:hover { color: #333333; text-decoration: none; }
A.bottomnavlink:active { color: #999999; text-decoration: none; }
A.contentlink:link { color: #6E8AB2; text-decoration: underline; }
A.contentlink:visited { color: #6E8AB2; text-decoration: underline; }
A.contentlink:hover { color: #365481; text-decoration: underline; }
A.contentlink:active { color: #6E8AB2; text-decoration: underline; }
A.orderbutlink:link { color: #FFFFFF; text-decoration: none; }
A.orderbutlink:visited { color: #FFFFFF; text-decoration: none; }
A.orderbutlink:hover { color: #996600; text-decoration: none; }
A.orderbutlink:active { color: #FFFFFF; text-decoration: none; }
A.faxbutlink:link {  color: #FFFFFF;  text-decoration: none; }
A.faxbutlink:visited { color: #FFFFFF; text-decoration: none; }
A.faxbutlink:hover { color: #6699CC; text-decoration: none; }
A.faxbutlink:active { color: #FFFFFF; text-decoration: none; }
A.genericquicklink:link { color: #666666; text-decoration: none; }
A.genericquicklink:visited { color: #666666; text-decoration: none; }
A.genericquicklink:hover { color: #003366; text-decoration: underline; }
A.genericquicklink:active { color: #666666; text-decoration: none; }
A.genericleftnavlink:link { color: #666666; text-decoration: none; }
A.genericleftnavlink:visited { color: #666666; text-decoration: none; }
A.genericleftnavlink:hover { color: #FF9900; text-decoration: none; }
A.genericleftnavlink:active { color: #666666; text-decoration: none; }

A.orderorangelink:link { color: #FFFFFF; text-decoration: none; }
A.orderorangelink:visited { color: #FFFFFF; text-decoration: none; }
A.orderorangelink:hover { color: #996600; text-decoration: none; }
A.orderorangelink:active { color: #FFFFFF; text-decoration: none; }

A.orderbluelink:link { color: #FFFFFF; text-decoration: none; }
A.orderbluelink:visited { color: #FFFFFF; text-decoration: none; }
A.orderbluelink:hover { color: #6699CC; text-decoration: none; }
A.orderbluelink:active { color: #FFFFFF; text-decoration: none; }

A.ordergreylink:link { color: #FFFFFF; text-decoration: none; }
A.ordergreylink:visited { color: #FFFFFF; text-decoration: none; }
A.ordergreylink:hover { color: #666666; text-decoration: none; }
A.ordergreylink:active { color: #FFFFFF; text-decoration: none; }

A.quicklink:link { color: #666666; text-decoration: none; }
A.quicklink:visited { color: #666666; text-decoration: none; }
A.quicklink:hover { color: #003366; text-decoration: underline; }
A.quicklink:active { color: #666666; text-decoration: none; }

/* Layer Specification */
#officeheading { position:absolute; left:485px; top:19px; width:256px; height:51px; z-index:1; }
#worldcontainer { position:absolute; left:608px; top:136px; width:165px; z-index:1; }
#dropdownmenu { position:absolute; left:10px; top:127px; width:153px; z-index:1; }

/* list image */
ul { list-style:url("../images/arrowlabel.gif") outside }

/* left navigation */
#active1 { position: absolute; z-index: 1; top: 136px; left: 0px; width: 5px; height: 17px }
#active2 { position: absolute; z-index: 1; top: 154px; left: 0px; width: 5px; height: 17px }
#active3 { position: absolute; z-index: 1; top: 172px; left: 0px; width: 5px; height: 17px }
#active4 { position: absolute; z-index: 1; top: 190px; left: 0px; width: 5px; height: 17px }
#active5 { position: absolute; z-index: 1; top: 208px; left: 0px; width: 5px; height: 17px }
#active6 { position: absolute; z-index: 1; top: 226px; left: 0px; width: 5px; height: 17px }
#button1 { position: absolute; z-index: 1; top: 136px; left: 5px; width: 145px; height: 17px }
#button2 { position: absolute; z-index: 1; top: 154px; left: 5px; width: 145px; height: 17px }
#button3 { position: absolute; z-index: 1; top: 172px; left: 5px; width: 145px; height: 17px }
#button4 { position: absolute; z-index: 1; top: 190px; left: 5px; width: 145px; height: 17px }
#button5 { position: absolute; z-index: 1; top: 208px; left: 5px; width: 145px; height: 17px }
#button6 { position: absolute; z-index: 1; top: 226px; left: 5px; width: 145px; height: 17px }
#movcb { position: absolute; z-index: 1; top: 244px; left: 5px; width: 145px; height: 17px }

/* submenu */
#offshorecomp
{
position:absolute;
left:151px;
top:172px;
width:150px;
z-index:2;
visibility: hidden;
}

ul { list-style:url("../images/arrowlabel.gif") outside }

/* submenu */
#mauritiuscomp
{
position:absolute;
left:151px;
top:172px;
width:150px;
z-index:2;
visibility: hidden;
}

ul { list-style:url("../images/arrowlabel.gif") outside }

/* layer component */
#component
{
position:absolute;
left:608px;
top:136px;
width:165px;
z-index:1;
}

.bottomnavse 
{ 
color: #999999; 
font-style: normal; 
font-size: 10px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
text-decoration: none; 
margin-top: 0px; 
margin-bottom: 0px 
}
.footer {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333333;
	vertical-align: 0%;
	line-height: 14px;
	text-align: center;
}