﻿body 
{
  background-color : rgb(0,138,171);
  font-family : Arial;
  font-size : 12px;
  color : White;
  padding-top : 0px;
  margin-top : 0px;
}

input, select, textarea
{
  font-family : Arial;
  font-size : 12px;
}

img
{
  border-style: none;
}

td.menu
{
  width : 260px;
  vertical-align : top;
  text-align : left;
  background-color : White;
}

td.content
{
  width : 700px;
  vertical-align : top;
  text-align : left;
  background-color : White;
}

.padContent
{
  padding-left : 25px;
  padding-right : 25px;
}

.pnlHome
{
  background-image  : url('Images/Home/pnlHome.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlAbout
{
  background-image  : url('Images/About/pnlAbout.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlContact
{
  background-image  : url('Images/Contacts/pnlContacts.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 377px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlEC
{
  background-image  : url('Images/EC/pnlEC.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlFS
{
  background-image  : url('Images/FS/pnlFS.png');
  background-repeat : no-repeat;
  width : 410px;
  height : 377px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlNC
{
  background-image  : url('Images/NC/pnlNC.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlLP
{
  background-image  : url('Images/LP/pnlLP.png');
  background-repeat : no-repeat;
  width : 410px;
  height : 377px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlNW
{
  background-image  : url('Images/NW/pnlNW.png');
  background-repeat : no-repeat;
  width : 410px;
  height : 377px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlWP
{
  background-image  : url('Images/WP/pnlWP.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlMP
{
  background-image  : url('Images/MP/pnlMP.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlKZN
{
  background-image  : url('Images/KZN/pnlKZN.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlGP
{
  background-image  : url('Images/GP/pnlGP.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pageHeading
{
  font-size : 16px;
  font-weight : bold;
  padding-top : 15px;
  
}

h1
{
  font-size : 16px;
  font-weight : bold;
  margin: 0px;
  padding: 0px;
}

.legal
{
  padding-top: 6px;
  padding-right : 25px;
  text-align : right;
}

a:link     { color: White; font-weight:bold; text-decoration: none }
a:visited  { color: White; font-weight:bold; text-decoration: none }
a:active   { color: White; font-weight:bold; text-decoration: none }
a:hover    { color: White; font-weight:bold; text-decoration: underline }

a.noBold:link     { color: White; font-weight:normal; text-decoration: none }
a.noBold:visited  { color: White; font-weight:normal; text-decoration: none }
a.noBold:active   { color: White; font-weight:normal; text-decoration: none }
a.noBold:hover    { color: White; font-weight:normal; text-decoration: underline }

a.treasure:link     { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:visited  { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:active   { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:hover    { color: rgb(80,80,80); font-weight: normal; text-decoration: underline }

a.back:link     { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:visited  { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:active   { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:hover    { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: underline }

.Heading {font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; color : rgb(239,166,37);}

.SubHeading 
{
  font-family  : Arial, Helvetica, sans-serif; 
  font-size : 14px; 
  font-weight : bold; 
  text-transform: uppercase; 
  color : rgb(1,138,172);
}

.treasureData
{
  color : rgb(80,80,80);
}

.padData
{
  padding-left : 25px;
  padding-right : 25px;
  
}

.padLeft15
{
  padding-left : 15px;
}


.padLeftMap
{
  padding-left : 5px;
}

.modalBackground 
{
  background-color : Gray;
  filter           : alpha(opacity=80);
  opacity          : 0.80;         
}


h2
{
  font-family  : Arial, Helvetica, sans-serif; 
  font-size : 14px; 
  font-weight : bold; 
  
}

h2.white
{
  color: rgb(255,255,255);
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 8px;
}

.whiteText
{
  color: White;
}

.orangeText
{
  color : rgb(237,166,34);
}

.greyText
{
  color: rgb(80,80,80);
}


.contactField
{
  padding-right: 15px;
  font-weight: bold;
  vertical-align: top;
}

.treasureOwner
{
  font-size : 16px;
  font-weight : bold;
  padding-top : 325px;
  padding-left: 24px;
  font-style: italic;
}

.pnlEnquire
{
  color : White;
  font-size : 18.67px;
  font-family : Arial;
  font-weight : bold;
}

.pnlTermsAndConditions
{
  color : White;
  font-size : 14px;
  font-family : Arial;
}

.ModalPad
{
  padding-left : 71px;
  padding-top : 30px;
}

.TermsPad
{
  padding-left : 50px;
}

a.treasureLink:link { color: rgb(80,80,80); text-decoration: none; font-weight : normal; }
a.treasureLink:visited { color: rgb(80,80,80); text-decoration: none; font-weight : normal; }
a.treasureLink:active { color: rgb(80,80,80); text-decoration: none; font-weight : normal; }
a.treasureLink:hover { color: rgb(80,80,80); text-decoration: underline; font-weight : normal; }

.OrderCraftsWhiteBlock
{
  background-color: rgb(255,255,255);
  width : 167px;
  height : 21px;
  text-transform : uppercase;
  text-align : center;
  vertical-align : middle;
  font-weight : bold;
  color : rgb(102,102,102);
}

.lightOrangeBlock
{
  background-color : rgb(228,150,38);
  height : 20px;
  margin : 0px;
  padding : 0px;
}