/*
Theme Name: FX Africa
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: January 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 65.5%/1.4em Arial,Helvetica,sans-serif; background-color:#474D5D;}
 
p, ul, ol {font-size:1.3em; line-height:1.5em; margin-bottom: 1em;} 

a:link {outline:none; color:#3D8AC5;}   
a:visited {}
a:hover {}

h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}  
h5 {font-size:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#fff;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}


/* BASE TEMPLATE
---------------------------------*/
#wrap {margin: 0 auto; width:1073px; padding:0 0px; background-color: #e1e2e3;}
#wrap-top {background: #B1BD95 url(/fxatheme/images/background-pic1.jpg) no-repeat ; }
#wrap-bot {background: #E1E2E3 url(/fxatheme/images/footer-top.gif) repeat-x ;}

#container {width:960px; margin:0px auto;}

/* LAYOUT STRUCTURE
-------------------------------- */
#content {margin: 0 auto; width:960px; padding-bottom:10px;}

#main {float:left; margin-left:8px; margin-bottom:40px; padding:10px; width:660px; background-color:#fff;}

#order {width:262px; float:left; margin-bottom:30px; }
#order-main {background-color:#414757;padding: 0 10px; background: url(/fxatheme/images/order-bg.jpg) #414757 no-repeat;}
#order-top {background: url(/fxatheme/images/order-top-bg.gif); height:33px;}
#order-bot {background-color:#414757; height:40px; float:left;}
#order h1 {color:#fff; font-size:15px; text-align:center;padding-top:5px;}

/* LAYOUT HOMEPAGE 
--------------------*/

/* HEADER
------------------------------- */
#header {height:100px; margin-bottom:0px;}
#header h1 span {margin-left:-9999px; margin-bottom:0em; line-height:0em; }
#header img {margin-left:280px; margin-top:1px; float:left;}

/*FOOTER
------------------------*/
#footer {margin-top:30px; width:960px; margin: 0 auto; padding-bottom:10px;}
#footer ul li {font-size:12px; line-height:16px; border-bottom:1px solid #CCC; margin-bottom:5px;}

.col-width {width:125px; float:left; padding:0 60px 0 0;}
#footer-col1 {}
#footer-col2 {}
#footer-col3 {}
#footer-col4 {}
#footer-col5 {}

#footer h1{font-size: 12px;	line-height: 14px; color:#000; margin-top:10px; font-weight:bold;}
#footer p {text-align:left; color:#000;}
#footer a {text-decoration:none;}   
#footer a:visited {color:#3D8AC5; text-decoration:none;}

/*MAIN CONTENT GENERAL 
-------------------------*/
#main h1 {padding-bottom:5px; color:#353C91; font-size: 16px; font-weight:bold;}
#main p {font-size:13px; color:#666666;}
#main h2 {font-size:14px; color:#353C91;}
#main h3 {font-size:13px; color:#353C91;}
#main a {color:#353C91; text-decoration:underline;}

/* MAIN CONTENT IMAGES
-------------------------*/

/* photos */
.photo p {font-weight:bold; font-size:x-small !important;color:#353C91;}

/*div widths and floats */
.half {width:370px; margin-bottom:10px;color:#353C91;font-weight:bold;}
.third {color:#353C91;font-weight:bold;}
.small {font-size:x-small;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

/* MAIN CONTENT LISTS
-------------------------*/
#main ul, ol {font-size:13px; color:#666666;}
#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.1em;}
#main li li {font-size:80.9%;}
#main li li li {font-size:82.6%;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

/* UTILITY / SEARCH ROW
------------------------------*/
#utility {background:url(/fxatheme/images/travelex-logo.gif) no-repeat; height:62px;}
#utility-inner {background:url(/fxatheme/images/fx-logo-trans.png) no-repeat; width:100px; height:62px; float:left; margin-left:300px; }
#nav-searchbox {float:right; padding-right:13px; padding-top:6px;}

/* NAVIGATION PRIMARY
------------------------------*/
.breadcrumb {height:33px; display:block; background: url(/fxatheme/images/main-nav-bg.gif); width:960px; color:#000; font-size:1.0em;}
.admin #nav {background: url(/fxatheme/images/admin-main-nav-bg.gif); width:960px;}
#nav {height:33px; display:block; background: url(/fxatheme/images/main-nav-bg.gif); width:680px; float:left; margin-left:8px;}

#nav ul {margin-bottom:0;}
#nav ul li {float:left; font-size:1.0em;} 
#nav ul li.first {}
#nav ul li a {float:left; color:#fff; display:block; text-transform:uppercase; text-decoration:none; line-height:33px; border-right:1px solid #333; height:33px; padding:0 10px;}
#nav ul li.first {}
#nav ul li a.current {color:#3D8AC5;}
#nav ul li a:hover {color:#3D8AC5;}
.flag {background: url(/fxatheme/images/sa-flag.jpg) no-repeat; width:28px; margin-top:10px;}
.country_dropdown {padding-top:5px; margin-left:0px;}

/* NAVIGATION BREADCRUMB
------------------------------*/
#breadcrumb {text-transform:uppercase; margin-bottom:5px; font-size:11px;}

/*HOMEPAGE MAIN
--------------------*/
#homepagemain {width:572px; float:left; background: #fff;padding:10px;}

#breadcrumb ul {list-style-type:none;}

/*SITE - HOMEPAGE
-----------------*/
.site #main h1 {font-size:36px; font-weight:normal; color:#000088; padding-left:30px; font-family:Arial,Helvetica,sans-serif,Verdana;}
.site #main p {font-size:12px; color:#000088; padding-left:30px;}
.site #main a {font-size:12px; color:#000088;}

.fp-tickbox {background: url(/fxatheme/images/red-tick-box-trans.png) no-repeat; width:154px; height:65px; float:left; padding-top:10px; padding-left:50px;}
.fp-tickbox1 {background: url(/fxatheme/images/red-tick-box-trans.png) no-repeat;  width:154px; height:65px; float:left; padding-top:10px; padding-left:50px; margin-left:10px;}
#main .fp-tickbox h2 {font-size:11px; color:#3C89C4; font-weight:bold;}
#main .fp-tickbox1 h2 {font-size:11px; color:#3C89C4; font-weight:bold;}

#boxes img {border:5px solid #fff;}

/*NEWS
-------------------*/
.news-date {font-size:12px;}

/* BRANCHES - Sidebar
-----------------*/
#branches-sidebar {width:150px; background-color:#EFEFEF; margin-bottom:10px; padding: 10px 10px;}
#branches-sidebar a {text-decoration:underline;}
#branches-sidebar a:hover {}


/* SEARCH BOX
-------------------*/
#nav-searchbox input {}
#searchinput {border:1px inset #000; border-left:2px inset #000; width:90px; height:18px; }
#cse-search-box {margin-top:3px;}

/* COPYRIGHT
-------------------*/
#copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;}


/* ORDER FORM 
-----------------*/

#order .error {color:#FF5F5F}

#order-main {font-size:12px; color:white; font-weight:bold; padding-bottom:10px;}

#buy {width:242px; padding-top:10px; margin-bottom:20px;}
#col1 {width:50px; float:left;}
#col2 {width:192px; float:left;}
#col2 input {margin-right:5px;}

#choosecurrency {margin-bottom:10px;}
#converter_amounts {margin-bottom:20px;}
#converter_amounts label {}

#randvaluecol {width:77px;}
#foreignvaluecol {width:77px;}

#personal_details {margin-bottom:20px;}
#personal_details td.text_small {width:77px;}

a.small-message {color:white; font-size:x-small;}

/* ORDER CONFIRM 
-----------------------*/
#orderconfirm {font-size:13px; margin-bottom:10px;}
#orderconfirm td {padding:5px}
#orderconfirm th {padding:5px; text-align:left}


/* TABLE STYLES
------------------*/
.admin #main {margin-bottom:30px; width:940px; background: white;}
.ordersuccess #main {background: white}

.resultstable {font-size: 9px; width:940px; border:1px solid #CCC; border-collapse:collapse}

tr.tableheaders {background: #6D86A5 url(/fxatheme/images/thbg.gif) repeat-x; font-size:1.3em;}

tr.tablerow {font-size:1.2em;}
tr.tablerow-switch {background-color:#edf3f5;}

.resultstable th {padding:2px; text-align:left; border:1px solid #7B98BC;}
.resultstable td {padding:5px; border:1px solid #CCC;}

.resultstable th#ref {width:20px;}
.resultstable th#date {width:80px;}
.resultstable th#name {width:100px;}
.resultstable th#email {width:150px;}
.resultstable th#contact {width:100px;}
.resultstable th#randval {width:60px;}
.resultstable th#direction {width:25px;}
.resultstable th#currency {width:35px;}
.resultstable th#foreignval {width:60px;}
.resultstable th#type {width:40px;}
.resultstable th#agent {width:60px;}
.resultstable th#status {width:70px;}
.resultstable th#commands {width:210px;}

.resultstable td.Completed {color:purple;}
.resultstable td.Cancelled {color:red}
.resultstable td.Open {color:green}

.resultstable td.commandbuttons img {margin-bottom:2px;}

.mine {}

.resultstable tr.Completed {background-color:#EFEFEF;}
.resultstable tr.Cancelled {background-color:#FFDFDF;}
.resultstable tr.Open {background-color:#CFFFCC;}

.resultstable tr.Pending.mine {background-color:#FFF88F}

.admin #main h1 {padding-left:0;}

#country_dropdown {float:right;}
#country_dropdown select {margin-top:7px; margin-right:10px;}

#orderconfirm {border-collapse:collapse;}
#orderconfirm th {border:1px solid black;}
#orderconfirm td {border:1px solid black;}

a.uparrow {text-decoration:none !important; padding:2px; font-weight:bold; color:white !important;}
a.downarrow {text-decoration:none !important;padding:2px; font-weight:bold; color:white !important;}


/* FOREX TABLE */

#forextable {border-collapse:collapse; width:242px; margin-bottom:10px;}
#forextable th {padding:2px; text-align:left; border-bottom:1px solid white; font-size:12px; }
#forextable td {padding:5px; border-bottom:1px solid white; font-size:11px;}

.col {width:190px; margin-right:10px; float:left; background:#EFEFEF; min-height:300px; padding:10px; margin-bottom:20px; position:relative;}
.col h2 {font-size:20px !important; font-weight:bold; text-align:center; text-transform:uppercase; padding-top:5px;}
.col p {padding-left:0 !important; text-align:center;}
.last {margin-right:0; width:200px;}