/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */
body, td, p, a, h1, h2, input, option, textarea, div
{
font-family : Arial, Helvetica, sans-serif;
}

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

body
{
background : #5580AA url(../images/bg_main.gif) top left repeat-x;
margin : 0px 0px 0px 0px;
color : #000000;
font-size : 80%;
letter-spacing : normal;
line-height : normal;
}

#container 
{
background: #ffffff; 
margin: 0 auto; 
/*padding: 3px 3px 0px 8px; */
padding: 1px 0px 1px 5px;
width: 768px; 
border-style: solid; 
border-width: 1px 0 1px 1px; 
border-color: #ffffff
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #660000 solid 1px;
color: #FFFFFF;
padding : 12px;
margin : 6px 8px 6px 0px;
background : #CC0000;
text-align : center;
font-weight : bold;
}

.white
{
color : #FFFFFF;
}

.none
{
margin : 0px;
padding : 0px;
clear : both;
list-style-type : none;
}

hr
{
border : #547EA8 solid 1px;
height : 1px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #547EA8 solid 1px;
border-bottom : #000000 solid 0px;
disply : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

div.backbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
display : inline;
}

div.nextbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
text-align : right;
display : inline;
}

div.pagenumbers
{
border : #000000 solid 0px;
float : left;
width : 500px;
height : 20px;
text-align : center;
display : inline;
}

strong.pagenumber, a.pagenumber
{
border : #000000 solid 0px;
background : #EEEEEE;
padding : 3px;
margin : 2px;
text-decoration : none;
}

div.productthumb1
{
border : #000000 solid 0px;
background : #EEEEEE;
width : 200px; 
float : left; 
display : block;
margin : 10px;
padding : 10px;
}

/* TOP START *********/

#top 
{
background : url(../images/bg_top.gif) top left no-repeat;
margin: 0 auto;
padding: 108px 0px 0px 0px;
width : 774px;
height : 60px;
}

#top p.topnavi
{
text-align : right;
color : #455C72;
padding : 0px 20px 0px 12px;
margin : 0px;
}

#top p.topnavi a
{
color : #F89411;
}


#top p.mainnavi
{
font-size : 135%;
text-align : right;
color : #5580AA;
padding : 22px 24px 0px 12px;
margin : 0px;
}

#top p.mainnavi a
{
color : #FFFFFF;
}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
border : solid 1px #CCCCCC;
background : #EEEEEE;
width : 748px;
padding : 6px;
margin : 0px 0px 3px 0px;
}

#topnavi p
{
padding : 0px;
margin : 0px;
}

/* TOP NAVI END */


/* MAIN START *********/

div.onecolumn
{
background : #FFFFFF;
border : solid 1px #FFFFFF;
width : 250px;
float : left;
padding-left : 3px;
margin : 0px;
}

div.twocolumn
{
background : #FFFFFF;
border : solid 1px #FFFFFF;
width : 502px;
float : left;
padding : 0px;
margin : 0px;
}

div.threecolumn
{
background : #FFFFFF;
border : solid 1px #FFFFFF;
width : 754px;
float : left;
}

div.blue
{
background : #6699CC;
margin : 0px 0px 2px 0px;
padding : 0px;
}

div.darkblue
{
background : #475E75;
margin : 0px 0px 2px 0px;
padding : 3px;
}

div.grey
{
background : #737F8A;
margin : 0px 0px 2px 0px;
padding : 3px;
}

div.darkgrey
{
background : #606A73;
margin : 0px 0px 2px 0px;
padding : 3px;
}

div.whitebg
{
background : #FFFFFF;
margin : 0px 0px 2px 0px;
padding : 3px;
}

div.blue p, div.darkblue p, div.darkgrey p, div.grey p
{
color : #FFFFFF;
}

img.border
{
border : 2px #FFFFFF solid;
}

#main
{
/*background : #FFFFFF url(../images/leemac_main_bg.gif) top left no-repeat;*/
background : #FFFFFF url(../images/leemac_main_bg.gif) top left no-repeat;
border : solid 1px #CCCCCC;
width : 541px;
float : left;
padding : 0px;
margin : 0px 0px 3px 0px;
}

div.hometest
{
background : url(../images/mauritius_home.png) top left no-repeat;
width : 120px;
height : 119px;
float : left;
padding : 0px;
margin : 8px 0px 8px 0px;
}

div.hometest2
{
background : url(../images/maldives_home.png) top left no-repeat;
width : 120px;
height : 119px;
float : left;
padding : 0px;
margin : 8px 0px 8px 0px;
}

div.hometest3
{
background : url(../images/seychelles_home.png) top left no-repeat;
width : 120px;
height : 119px;
float : left;
padding : 0px;
margin : 8px 0px 8px 0px;
}

div.hometest4
{
background : url(../images/srilanka_home.png) top left no-repeat;
width : 120px;
height : 119px;
float : left;
padding : 0px;
margin : 8px 0px 8px 0px;
}

li
{
color : #FFFFFF;
font-size : 85%;
margin-bottom : 6px;
}

a.homelink
{
display : block;
width : 124px;
height : 119px;
border : 0px;
}

div.contentcolumn
{
width : 245px;
float : left;
margin : 0px;
padding : 0px;
}

#main h1
{
font-weight : bolder;
font-size : 180%;
padding : 12px 24px 6px 24px;
margin : 0px 0px 0px 0px;
}

h2
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 120%;
margin : 0px 0px 0px 0px;
padding : 6px 6px 6px 58px;
height : 30px;
color : #FFFFFF;
clear : both;
font-weight : normal;
text-transform : lowercase;
}

h3
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 110%;
margin : 0px 0px 0px 0px;
padding : 3px 18px 3px 18px;
color : #FFFFFF;
font-weight : normal;
}

div.small
{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0px;
padding : 0px;
line-height : 9px;
}


div.highlight
{
font-size : 115%;
margin : 8px 0px 0px 0px;
padding-bottom : 5px;
text-transform : lowercase;
}

html>body div.highlight
{
font-size : 115%;
margin : 2px 0px 0px 0px;
padding : 0px;
}

/* Island Icon */
h2.blueisland
{
background : url(../images/hd_blueisland.gif) top left no-repeat;
}

h2.darkblueisland
{
background : url(../images/hd_darkblueisland.gif) top left no-repeat;
}

h2.greyisland
{
background : url(../images/hd_greyisland.gif) top left no-repeat;
}

h2.darkgreyisland
{
background : url(../images/hd_darkgreyisland.gif) top left no-repeat;
}


/* Article Icon */
h2.bluearticle
{
background : url(../images/hd_bluearticle.gif) top left no-repeat;
}

h2.darkbluearticle
{
background : url(../images/hd_darkbluearticle.gif) top left no-repeat;
}

h2.greyarticle
{
background : url(../images/hd_greyarticle.gif) top left no-repeat;
}

h2.darkgreyarticle
{
background : url(../images/hd_darkgreyarticle.gif) top left no-repeat;
}


/* Deal Icon */
h2.bluedeal
{
background : url(../images/hd_bluedeal.gif) top left no-repeat;
}

h2.darkbluedeal
{
background : url(../images/hd_darkbluedeal.gif) top left no-repeat;
}

h2.greydeal
{
background : url(../images/hd_greydeal.gif) top left no-repeat;
}

h2.darkgreydeal
{
background : url(../images/hd_darkgreydeal.gif) top left no-repeat;
}


/* Order Icon */
h2.blueorder
{
background : url(../images/hd_blueorder.gif) top left no-repeat;
}

h2.darkblueorder
{
background : url(../images/hd_darkblueorder.gif) top left no-repeat;
}

h2.greyorder
{
background : url(../images/hd_greyorder.gif) top left no-repeat;
}

h2.darkgreyorder
{
background : url(../images/hd_darkgreyorder.gif) top left no-repeat;
}


/* Searh Icon */
h2.bluesearch
{
background : url(../images/hd_bluesearch.gif) top left no-repeat;
}

h2.darkbluesearch
{
background : url(../images/hd_darkbluesearch.gif) top left no-repeat;
}

h2.greysearch
{
background : url(../images/hd_greysearch.gif) top left no-repeat;
}

h2.darkgreysearch
{
background : url(../images/hd_darkgreysearch.gif) top left no-repeat;
}


/* Offer Icon */

h2.blueoffer
{
background : url(../images/hd_blueoffer.gif) top left no-repeat;
}

h2.darkblueoffer
{
background : url(../images/hd_darkblueoffer.gif) top left no-repeat;
}

h2.greyoffer
{
background : url(../images/hd_greyoffer.gif) top left no-repeat;
}

h2.darkgreyoffer
{
background : url(../images/hd_darkgreyoffer.gif) top left no-repeat;
}


div.specimage
{
border : 0px solid #CC0000;
width : 80px; 
float : left;
margin : 0px 0px 0px 3px;
}

div.spectext
{
border : 0px solid #CC0000;
width : 150px; 
float : left; 
margin : 0px 6px 0px 6px; 
font-size : 9px; 
color : #FFFFFF;
}

div.spectext a.spechead
{
color : #FFFFFF;
font-size : 11px;
font-weight : bold;
}

p
{
padding : 3px 18px 3px 18px;
margin : 0px;
font-size :100%;
}
#main p.intro
{
font-size : 120%;
line-height : 140%;
color : #000000;
}

#main fieldset
{
border : solid 1px #CCCCCC;
margin : 12px;
padding : 12px;
}

fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

fieldset ul
{
padding : 6px 0px 6px 12px;
margin : 0px 0px 0px 12px;
}

#main legend
{
/*
border : solid 1px #CCCCCC;
*/
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
}

#main table.table
{
width : 529px;
}

#main td p
{
padding : 0px;
margin : 0px;
}

#main fieldset.productoption
{
clear : both;
border : solid 1px #EEEEEE;
background : #F8F8F8;
margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.left
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#main fieldset.right
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}


#main img
{
border : solid 0px #EEEEEE;
}

#main fieldset.news
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{
color : #000000;
}

/* MAIN END */


/* NAVI START *********/

#navi
{
border : solid 1px #CCCCCC;
width : 214px;
float : left;
padding : 0px 0px 6px 0px;
margin : 0px 3px 3px 0px;
}

#navi ul
{
margin : 3px 0px 0px 0px;
padding : 0px 0px 0px 0px;
display : block;
}

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
border : #FFFFFF solid 0px;
border-top : #CCCCCC dotted 1px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{
background : #EEEEEE;
}

#navi li a.subsection
{
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 24px;
display : block;
}

#navi li a.subsection:hover
{
background : #F8F8F8;
}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

/* NAVI END */

/* BASE START ***********/

#base
{
background : url(../images/bg_base.gif) top left no-repeat;
clear : both;
width : 774px;
padding : 18px 0px 0px 0px;
margin: 0 auto;
}

#base p
{
text-align : center;
margin : 6px;
font-size : 85%;
line-height : normal;
color : #475E75;
}

#base a:link					{color : #FFFFFF; text-decoration : none;}
#base a:visited					{color : #FFFFFF; text-decoration : none;}
#base a:hover					{color : #FFFFFF; text-decoration : underline;}

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : bold;
font-size : 11px;
color : #FFFFFF;
}

.rightform
{
width : 198px;
}

label.formleft
{
display : block;
width : 150px;
float : left;
text-align : right;
margin-right : 6px;
margin-top : 5px;
}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}

label.labelright
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 4px;
}

fieldset
{
margin : 12px;
padding : 6px;
border : 1px solid #547EA8;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

legend
{
color : #000000;
font-weight : bolder;
text-transform : lowercase;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{
width : 200px;
margin : 3px;
}

textarea
{
font-size : 12px;
}

/* FORM STYLES - END */

table
{
margin : 12px;
border : 1px solid #5580AA;
}

caption
{
text-align : left;
}

th
{
color : #FFFFFF;
background-color : #5580AA;
padding-left : 6px;
padding-right : 6px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: bold;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
border : 1px solid #5580AA;
color : #FFFFFF;
padding-left : 6px;
padding-right : 6px;
padding-top : 3px;
padding-bottom : 3px;
}

td.right
{
text-align : right;
}

td.center
{
text-align : center;
}