body  {	font: 100% Verdana, Arial, Helvetica, sans-serif; background: #f3f4f5; margin: 0;	padding: 0;	text-align: center;}

.topbar { height:30px; margin: 0; padding:0; width:100%; background-color:#253945;}
.topbarcontent { width:940px; margin-top:5px; margin: 0 auto; padding:0; text-align:left; height:30px;}
.icewhite { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin-top:8px; margin-right:10px; float:left;
	height: 14px;
}

.topbutton a{height:24px;  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00C0F3; display:block; float:left; background-color:#25495F; width:70px; text-align:center; padding-top:6px; margin-right:5px;}
.topbutton a:hover{ color:#00AEEF; background-color:#24485E;}

.topbutton1 a{height:24px;  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00C0F3; display:block; float:left; background-color:#25495F; width:90px; text-align:center; padding-top:6px; margin-right:5px;}
.topbutton1 a:hover{ color:#00AEEF; background-color:#24485E;}


.topright { float:right; height:30px; width:320px; }
.topleft { float:left;}

.headercontainer {width: 940px; height: 68px; margin-bottom: 10px; background-image: url(../images/headerbg.png);}
.logoposition {width:150px; float:left; text-align:left; margin-right:50px;}


.navigation a{ border-left: 1px solid #0188BA; height:28px; float:right; padding:10px; padding-left:15px; padding-right:15px; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; }
.navigation a:hover{ background-color:#25495F; }
.clear {clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

.side {width:240px; float:left; margin-right:10px;}
.side-top {width:240px; height:20px; background-image:url(../images/side-top.jpg); float:left;}
.side-middle {width:200px; padding-left:20px; padding-right:20px; background-image:url(../images/side-middle.jpg); background-repeat:repeat-y; float:left;}
.site-bottom {width:240px; height:20px; background-image: url(../images/side-bottom.jpg); float:left;}

.sectionmenu{width: 200px; /*width of menu*/}
.sectionmenu .headerbar{ font: bold 13px Verdana; color: white; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; 	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ background-color: #DDE4E6; }
.sectionmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ }
.sectionmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }
.sectionmenu ul li a:link{ font: normal 12px Arial;	color: black;	display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; 	background-color: #E9F0F8; }
.sectionmenu ul li a:visited{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; }
.sectionmenu ul li a:hover{ color: white;	background-color: #ACC6DB;}

.main {width:670px; float:right; margin-right:10px;}
.main-top {width:670px; height:20px; background-image:url(../images/main-top.jpg); float:left;}
.main-middle {width:670px; background-image:url(../images/main-middle.jpg); background-repeat:repeat; float:left; }
.infocontents {padding-left:20px; padding-right:20px;}
.main-bottom {width:670px; height:20px; background-image: url(../images/main-bottom.jpg); float:left;}

#contentsbg {left:0px; width:100%;	background-color: #F3F4F5;}
	
.contentscontainer {width: 940px; text-align: left; padding:12px;	margin-top: 0;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;	border: 1px solid #E5E7E9; background-color:#ffffff;}


h1{font-family:Arial, Helvetica, sans-serif; font-size: 32px; color:#2F3337; margin:0; padding:0; margin-bottom:5px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666666; margin:0; margin-bottom:2px; margin-top:5px; padding:0;}
h3{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666666; margin:0; padding:0; font-weight:lighter; text-align:justify; margin-bottom:20px;}
h4{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; margin:0; margin-left:10px; padding:0;}
p {font-family: Arial, Helvetica ; font-size:12px; color:#333333; font-weight:normal; margin:3px; padding:0; line-height:18px; }
a{ font-family:Arial, Helvetica, sans-serif; color:#168ab6; text-decoration:none; }
a:hover{color:#00AEEF;}
.textgrey {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;}
.textgreybold {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #666666;}

.textsmall {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #333333;}
.textwhite {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;	padding: 1px;}

.footercontent {width: 960px;	text-align: left; margin:0 auto; padding:0; background-color:#253945; height:360px;}

.footerbox1 { height: 100px; width:450px; float:left;	display:block;	padding-left: 20px; padding-right:5px; margin-top:5px;}
.footerbox1 p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.footerbox2 { height: 140px; width:190px;	float:left;	display:block;	padding-left: 20px; padding-right:5px;	border-right-width: 1px; border-right-style: solid;	border-right-color: #000033;}

.footerbox3 { width:350px; float:right; text-align:right;	display:block;	padding-left: 10px; padding-right:5px;	border-right-width: 1px; margin-top:5px;}
.footerbox3 p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.currencycolumn  {width:290px; margin:15px; float:left; height:190px;}
.currencybox {float:left; width:280px; height:25px; background-color:#002739; margin-bottom:2px; padding-top:5px; padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #FFFFFF;}
.currencybox:hover{ background-color:#001A2C; }


.ratesbox {float:left; width:380px; height:22px; background-image:url(../images/bgrates.jpg); padding-top:8px; padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #666666; margin-bottom:10px; margin-right:10px; margin-left:20px;}
.ratesbox:hover{ background-image:url(../images/bgrateson.jpg); }
.rate { float:right; margin-right:10px;}
.ratestitlebox {float:left; width:380px; height:22px; background-color:#A0C1D2; padding-top:8px; padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #fff; margin-bottom:2px; margin-right:10px; margin-left:20px;}
.ratetitle { float:right; margin-right:95px;}



.picright { float:right; margin-left:10px;margin-right:10px;}
.picleft { float:left; margin-right:10px;}
.picholder { margin-bottom:10px; margin-top:10px;}

.linehorgrey {border-top:#cccccc solid 1px; margin-top:8px; margin-bottom:8px;}

.column1 { width:430px; float:left; margin-right:10px; display:block;}

.column2 { width:170px; float:left; border-left: 1px dotted #cccccc; padding-left:10px;}

.cLeftmenu{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: 400;	color:#FFFFFF;	text-decoration: none;	DISPLAY: block;	TEXT-INDENT: 3px;	background-color: #7FA6C7; padding: 5px 0 5px 5px;	border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #6B93AF;}


.cLeftmenu:link{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: 400;	color:#FFFFFF;	text-decoration: none;	DISPLAY: block;	TEXT-INDENT: 3px; background-color: #7FA6C7;	padding: 5px 0 5px 5px;	border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #6B93AF;}

.cLeftmenu:hover{color:#FFFFFF;	text-decoration: none;	DISPLAY: block;	background-color: #4ACDFB;	TEXT-INDENT: 4px;	border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #0099BF;}

.locator { width:125px; height:30px; float:left; background-image:url(../images/buttons/locator.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:20px; padding-left:45px; }
.locator:hover { background-image:url(../images/buttons/locatoron.jpg); }
.locator1 { width:125px; height:15px; float:left; background-image:url(../images/buttons/locator1.jpg); font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; padding-top:5px; padding-left:20px; }
.locator1:hover { background-image:url(../images/buttons/locatoron.jpg); }

.calculator { width:125px; height:30px; float:left; background-image:url(../images/buttons/calculatorbutton.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:20px; padding-left:45px; }
.calculator:hover { background-image:url(../images/buttons/calculatorbuttonon.jpg); }

.calculatorbg { width:270px; height:200px; background-image:url(../images/calculatorhorizontal.jpg); margin-top:0px; margin-left:0px; padding-left:290px; padding-top:20px; }

.exchangerates { width:125px; height:30px; float:left; background-image:url(../images/buttons/ratesbutton.jpg); font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-top:20px; padding-left:45px; }
.exchangerates:hover { background-image:url(../images/buttons/ratesbuttonon.jpg); }


.btn a{ width:170px; height:35px; float:left; background-image:url(../images/buttons/standardup.png); font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding-top:15px;color:#FFFFFF; text-align:center; }
.btn a:hover{ background-image:url(../images/buttons/standardon.png); }

.btn1 a{ width:140px; height:24px; float:left; background-image:url(../images/buttons/button_up.png); font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding-top:3px;color:#FFFFFF; background-repeat:no-repeat; vertical-align:middle; text-align:center; }
.btn1 a:hover{color:#FFFFFF; background-image:url(../images/buttons/button_down.png); }


.linegreydotted {border-top:#cccccc dotted 1px; margin-top:5px; margin-bottom:5px;}
.bcbg {background-color: #F0F0F0; padding:5px; height:140px; width:770px}
.branchpic {float:left; width:140px; height:140px;}
.branchicon {float:left; width:35px; height:45px; margin-right:10px;}
.branchicon2 {float:left; width:35px; height:25px; margin-right:10px;}
.branchicon3 {float:left; width:35px; height:80px; margin-right:10px;}
.linegreyvertical {border-left:#cccccc solid 1px; margin-left:10px; margin-right:10px; float:left; height:140px;}
.branchinfobox { width:290px; float:left;}
.bctext {font-family: Arial, Helvetica ; font-size:12px; color:#333333; font-weight:normal; margin:3px; padding:0; line-height:18px; }

.clock { width:210px; height:140px; background-image:url(../images/clockbg.jpg); float:left;}

.clockcountry { margin-top:20px; text-align:center; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#6DA7BE; width:170px; margin-left:20px; border-bottom:1px dotted #6DA7BE; }

.clocktime { margin-top:10px; text-align:center; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#ffffff; width:170px; margin-left:20px;}


.homeimage { width:610px; height:360px; background-image:url(../images/home/beach-hut.jpg); float:left; padding-left:40px; padding-top:30px;}
.homecalculator { width:290px; height:390px; background-image:url(../images/home/calculator.jpg); float:left;}
.homeproducts { width:940px; height:300px; background-image:url(../images/home/bgproducts.jpg); margin-top:15px; margin-bottom:15px; float:left;}
.hometoplinks { width:234px; height:50px; background-image:url(../images/home/bgtop.jpg); float:left; border-left:1px solid #cccccc; border-top: 1px solid #cccccc;}
.hometoplinkslast { width:233px; height:50px; background-image:url(../images/home/bgtop.jpg); float:left; border-left:1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;}

.homelowlinks { width:234px; height:50px; background-image:url(../images/home/bglow.jpg); float:left; border-left:1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom:10px;}
.homelowlinkslast { width:233px; height:50px; background-image:url(../images/home/bglow.jpg); float:left; border:1px solid #cccccc;  margin-bottom:10px;}




