@charset "iso-8859-1";
/* CSS Document */

/* LAYOUT */

#bgcolour, #menuwrapper, .horizontalrule {background:#1e3d5f;}
h1, h3, a, a:link, a:visited, a:active {color:#1e3d5f;}
h2, h4, h5, h6 {color:#181c3d;}

body {margin:0; background:url(../images/magnifierbg.jpg) -50px -50px no-repeat;}
#headerwrapper {margin: 0 auto; width:100%; clear:both; height:150px; background:url(../images/headerwrapperbg-trans.png) top left repeat-x;}
#header {width:900px; margin-left:auto; margin-right:auto;}
#tradepagelogo {margin: 0; padding: 0px; height: 150px; width: 750px; float: left; text-align:center;}
#sitelogo {float: right; margin: 0; padding: 0px; height: 150px; width: 150px; display: inline; position: relative; background:url(../images/sitelogoglobe.png) center no-repeat;}

#wrapper {margin: 0 auto; width: 900px; clear:both;}
#footer {width:900px; margin-left:auto; margin-right:auto; clear:both;}
#menuwrapper {width: 100%; float:left; margin:0; border-bottom:1px solid #fff; border-top:1px solid #fff; text-align:center;}

#menu {width: 900px; padding:0px 0px; text-align:left; margin-left:auto; margin-right:auto;}
#content {margin: 0px 5px 5px 0px; padding: 10px; width: 720px; float: left;}
#sidebar {float: right; margin: 0px 0px 5px 0px; padding: 10px; width: 130px; display: inline; text-align:center;}

.BlueBar {height:50px; width:715px; margin-left:auto; margin-right:auto;}
.BlueBarFooter {height:50px; width:900px; margin-left:auto; margin-right:auto;}
.BlueBarLft {height:50px; width:10px; float:left; background:url(../images/top-blue-leftcap.png) top right no-repeat;}
.BlueBarMidOuter {height:50px; width:695px; float:left; background-color:#181c3d; text-align:right;}
.BlueBarMidInner {height:45px; width:680px; float:left; background:url(../images/tplogo-text.gif) 10px 12px no-repeat; text-align:right; padding:5px 5px;}
.BlueBarRgt {height:50px; width:10px; float:left; background:url(../images/top-blue-rightcap.png) top left no-repeat;}

.BlueBarMidOuterFooter {height:40px; width:880px; float:left; background-color:#181c3d; text-align:center; padding-top:10px;}
.BlueBarLftFooter {height:50px; width:10px; float:left; background:url(../images/bot-blue-leftcap.png) left no-repeat;}
.BlueBarRgtFooter {height:50px; width:10px; float:left; background:url(../images/bot-blue-rightcap.png) right no-repeat;}
.tpglobe {height:100px; background:url(../images/tplogo-globe.gif) 60px 5px no-repeat;}
.sitelogotext {background:url(../images/sitelogotext.png) bottom  right no-repeat; height:95px; width:660px; margin-left:auto; margin-right:auto;}


#SupportNo_sp1, #SupportNo_sp2, #SupportNo_sp3 {display:block; font-size:100%; color:#fff; font-weight:bold; text-align:center; margin-bottom:5px;}
#SupportNo_sp1 {border-bottom:1px solid #fff; padding:10px 2px;}
#SupportNo_sp2 {padding:5px 2px;}
#SupportNo_sp3 {border-top:1px solid #fff; padding:10px 2px;}
SupportNo1 {padding:5px 2px;}
SupportNo3 {padding-bottom:5px;}

.hrBlue {height:1px;}

#rounded-box {-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;
background:#181c3d;
padding:5px;
vertical-align:top;
color:#fff;
}
#rounded-box-grey {-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;
background:#eaeaea;
vertical-align:top;
}
#highlight-rounded-top {-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;
background:#181c3d;
vertical-align:top;
width:150px; padding:10px; color:#fff; font-size:120%; text-align:center;
}
#highlight-rounded-bot {-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;
background:#1c9fc2;
vertical-align:top;
width:150px; padding:10px; color:#fff; font-size:100%; text-align:center;
}

#top-lft {background:url(../images/cnr-top-lft.png) top left no-repeat;}
#top-rgt {background:url(../images/cnr-top-rgt.png) top right no-repeat;}
#bot-lft {background:url(../images/cnr-bot-lft.png) bottom left no-repeat;}
#bot-rgt {background:url(../images/cnr-bot-rgt.png) bottom right no-repeat;}

.horizontalrule {width:100%; margin:20px 0px; height:1px;}

a.rounded:hover { background:#181c3d; -moz-border-radius:2px; -webkit-border-radius:2px; padding:3px;}

/* Quickmenu */

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*"""""""" (MAIN) Container""""""""*/ 
#qm0 {width:900px; padding:5px;}
/*"""""""" (MAIN) Items""""""""*/ 
#qm0 a {padding:2px 10px 2px 10px; color:#FFFFFF; text-decoration:none; border:none;}
/*"""""""" (MAIN) Hover State""""""""*/ 
#qm0 a:hover {color:#fff; text-decoration:none; border:none;}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ 
#qm0 li:hover>a {color:#fff; text-decoration:none; border:none;}
/*"""""""" (MAIN) Active State""""""""*/ 
body #qm0 .qmactive, body #qm0 .qmactive:hover {color:#fff; text-decoration:none; border:none;}

/*"""""""" (SUB) Container""""""""*/ 
#qm0 div, #qm0 ul {  width:auto; padding:8px; margin:0px 0px 0px 0px; background-color:transparent; border-width:0px; border-style:none; border-color:transparent; text-align:left;}
/*"""""""" (SUB) Items""""""""*/ 
#qm0 div a, #qm0 ul a {padding:2px 40px 2px 5px; margin:0px 0px 0px 0px; background-color:transparent; color:#FFFFFF; font-size:12px; border-width:0px; border-style:none; border:none; text-align:left;}
/*"""""""" (SUB) Hover State""""""""*/ 
#qm0 div a:hover {color:#fff; text-decoration:none; border:none; text-align:left; background:#181c3d; -moz-border-radius:2px; -webkit-border-radius:2px;}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ 
#qm0 ul li:hover>a {color:#fff; text-decoration:none; border:none; text-align:left; background:#181c3d; -moz-border-radius:2px; -webkit-border-radius:2px;}
/*"""""""" (SUB) Active State""""""""*/ 
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {background-color:transparent; color:#181c3d; text-decoration:none; border:none; text-align:left;}
/*"""""""" Individual Titles""""""""*/ 
#qm0 .qmtitle {  margin:2px 5px 4px 5px; color:#181c3d; font-family:Arial; font-size:11px; font-weight:bold;}
/*"""""""" Individual Horizontal Dividers""""""""*/ 
#qm0 .qmdividerx {  border-top-width:1px; margin:5px 4px 5px 4px; border-color:#A9A9A9;}
/*"""""""" Individual Vertical Dividers""""""""*/ 
#qm0 .qmdividery {  border-left-width:1px; height:25px;}
/*"""""""" Custom Rule""""""""*/ 
div#qm0 div div {  margin:0px;}
/*"""""""" Custom Rule""""""""*/ 
ul#qm0 ul ul { margin:0px;}
/*"""""""" Custom Rule""""""""*/ 
ul#qm0 ul {  margin:0px; background-color:#757575; border-width:1px; border-style:solid; border-color:#333333;}
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

.BoldBlueTxt{color:#00003b; font-size:1em; font-weight:bold}
.BlueTxt{color:#00003b; font-size:1em; font-weight:normal}
.LrgBoldBlueTxt{color:#00003b; font-size:1.2em; font-weight:bold}
.BoldOrangeTxt{color:#f46600; font-size:1em; font-weight:bold}
.OrangeTxt{color:#f46600; font-size:1em; font-weight:normal}
.BoldRedTxt{color:#C60000; font-size:1em; font-weight:bold}
.RedTxt{color:#C60000; font-size:1em; font-weight:normal}

/*   Layout   */
.SideMenuBdr{border-top:1px solid #e8e8e8}
.TBlHdr{background-color:#949494; color:#FFF}
.TblSubHdr{background-color:#DDD}
.TblData{background-color:#F3F3F3}

hrOrange{height:1px; color:#f46600; width:100%; text-align:center}
hrBlue{height:1px; color:#00003b; width:100%; text-align:center}
body { 
  font-size: 75%; 
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial,  sans-serif;
}


/* Typography  */

h1 { font-size: 2.5em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;font-weight: bold; margin-bottom: 0.75em;}
h3 { font-size: 1.3em;font-weight: bold; line-height: 1; margin-bottom: 1em;}
h4 { font-size: 1.2em;font-weight: bold; line-height: 1.25; margin-bottom: 1.25em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

.menu {color:#fff; font-size:110%;}
a.menu, a.menu:link, a.menu:visited, a.menu:active {color:#fff; font-size:100%; padding:0px 5px; text-decoration:none;}
.headerslogan {font-size:120%; color:#fff; font-weight:bold;}
.FooterTxt {color:#fff; padding-top:10px; font-size:80%;}
a.footermenu, a.footermenu:link, a.footermenu:visited, a.footermenu:active{color:#fff; font-size:80%; text-decoration:none; border:0; padding-left:3px; padding-right:3px;}
a.footermenu:hover{color:#799dc5;border:0;}
a:hover {color:#181c3d;}

/* Forms */

.TextBox {border: 1px solid #e8e8e8; font-size:100%; color:#000; font-weight: bold; background-color: #fff; padding:3px;}
.Button {border: 1px dotted #fff; font-size:100%; color: #fff; font-weight: bold; background-color: #181C3D; margin-left:3px; margin-right:3px; margin-top:3px; margin-bottom:3px;}
.TextArea {border: 1px solid #e8e8e8; font-size:100%; color:#000; font-weight: bold; background-color: #ffffff; padding:3px; font-family:'Lucida Sans Unicode', 'Lucida Grande', Calibri, Candara, Verdana, Arial,  sans-serif;}

#Reset {width: 103px;height: 25px;padding: 55px 0 0;margin: 0;border: 0;background: url(../../images/button-reset.gif) no-repeat;overflow: hidden;}
#Calculate {width: 103px;height: 24px;padding: 55px 0 0;margin: 0;border: 0;background: url(../../images/button-calculate.gif) no-repeat;overflow: hidden;}
#Submit {width: 103px;height: 25px;padding: 55px 0 0;margin: 0;border: 0;background:url(../../images/button-submit.gif) no-repeat;overflow: hidden;}
#SubmitSite {width: 134px;height: 24px;padding: 55px 0 0;margin: 0;border: 0;background: url(../../images/button-submityoursite.gif) no-repeat;overflow:hidden;}

form>#Reset { /* For non-IE browsers*/height: 0px;}
form>#Calculate { /* For non-IE browsers*/height: 0px;}
form>#Submit { /* For non-IE browsers*/height: 0px;}
form>#SubmitSite { /* For non-IE browsers*/height: 0px;}

div#GoogleFooter {text-align:center; margin-top:15px;}
