/* CSS */
/* Copyright LEWIS Creative Consultants 2010 */
/* GLOBAL STYLES */

/*

Colours

Blue #001D68
Gold #001D68

*/

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =RESET --*/

html, body, form { height: 100%; }
* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; background: transparent; text-decoration: none; }
img { overflow: hidden; display: block; }
ul { list-style: none; }
ol { list-style-position: outside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =GLOBALS --*/

/* ---- =TAGS --*/

body { font: normal normal normal 0.70em Arial, Helvetica, sans-serif; color: #666; background: #fff url(../images/bgBody.gif) repeat-x left top; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: 20px; line-height: 1.3em; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { color: #001D68; }
h1 { margin-bottom: 5px; font-size: 2.4em; }
h2 { margin-bottom: 30px; font-size: 1.5em; color: #666; }
h3 { font-size: 1.5em; }
p { line-height: 1.4em; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
u { text-decoration: underline; }
small { font-size: 0.9em; }
big { font-size: 1.4em; }

noscript { position: absolute; left: -9999em; }

/* ---- =CMS STYLES --*/

.bc ul, .bc ol, .bc blockquote, .bc table, .bc dl { margin-bottom: 25px; }

.bc ul, .bc ol { margin-left: 50px; }
.bc li { margin-bottom: 15px; }
.bc ul li { padding-left: 10px; background: url(../images/bgBullet.gif) no-repeat scroll left 6px; }

.bc ul li ul li { background-image: url(../images/bgBulletInner.gif) !important; }

.bc blockquote { margin: 0 0 25px 0; font-style: italic; font-size: 1.2em; }

.listNest { background-image: none !important; }
.listNest ul { margin: 0 0 5px 15px !important; }

/* ---- =FORMS --*/

input, textarea, select { padding: 4px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #ccc; color: #666; background: #fff url(../images/bgInput.gif) repeat-x scroll left top; }
textarea, select { background: #fff; }
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, select:hover, select:active, select:focus { border-color: #001D68; color: #001D68; }

/* ---- =HR --*/

hr { margin-bottom: 30px; border: none; border-top: 1px solid #ccc; width: 100%; height: 1px; }
.long { margin-bottom: 30px; }
.dot { margin: 10px 0 25px 0; float: left; }

/* ---- =LINKS --*/

a, a:hover, a:visited, a:active, a:focus { cursor: pointer; }
a, a:visited, a:active, a:focus { color: #001D68; }
a:hover { color: #001D68; }

.bodyL a:hover, .top a:hover { text-decoration: underline; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px; }
.hidden { position: absolute; left: -9999em; }
.dn { display: none; }
.bn { background: none !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }
.centered { margin: 0 auto; }
.tac { text-align: center; }
.tar { text-align: right; }

.parTop { margin-top: 15px !important; }
.parSpace { margin-bottom: 30px !important; }

/* ---- =MARGINS --*/

.mr0 { margin-right: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb15 { margin-bottom: 15px !important; }
.bodyRMarg { margin-bottom: 5px !important; }

.margShort { margin-bottom: 0px !important; }

.headingMarg { margin-bottom: 5px !important; }
.headingSpace { margin-bottom: 35px !important; }
.headSpace { margin-bottom: 25px !important; }

.spacer01 { margin-top: 20px !important; }

.noH2 { margin-bottom: 25px !important; }

.p0 { padding: 0 !important; }
.pb0 { padding-bottom: 0 !important; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =LAYOUT --*/

/* ---- =TOP --*/

.top { margin: 0 auto; padding: 10px 60px; width: 880px; }

/* ---- =WRAPPERS --*/

.wrapper { margin: 0 auto; padding-bottom: 50px; width: 1000px; }
.wrapperInner { padding: 0 10px; float: left; display: inline; width: 980px; background: url(../images/bgWrapper.gif) no-repeat scroll left top; }
.wrapperHome { background-image: url(../images/bgWrapperHome.gif) !important; }

/* ---- =HEADER --*/

.header { padding: 0 50px; float: left; width: 880px; min-height: 128px; height: auto !important; height: 128px; background: #001D68; }
a.logo { margin-top: 35px; float: right; }

.header blockquote { padding-top: 23px; float: left; width: 680px; color: #fff; font-weight: normal; font-size: 2.2em; }
.header big { padding-top: 60px; float: left; width: 680px; color: #fff; font-weight: normal; font-size: 2.3em; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =NAV --*/

.navigation { float: left; width: 980px; line-height: 32px; background: #8D7B4B; }

/* ---- =NAV 01 --*/

.navHeader { float: left; }
.navHeader li { margin-right: 18px; float: left; }
.navHeader a { padding-left: 15px; float: left; background: url(../images/bgArrowWhite.gif) no-repeat scroll left center; line-height: 40px; color: #fff !important; }
.navHeader a:hover { background-image: url(../images/bgArrowGoldFooter.gif); color: #8D7B4B !important; }
.navHeader a.on, .navHeader a:hover.on { padding-left: 25px; float: left; display: block; background: url(../images/bgNavOnL.gif) no-repeat scroll left top; color: #fff !important; }
.navHeader a.on span, .navHeader a:hover.on span { padding-right: 10px; float: left; display: block; background: url(../images/bgNavOnR.gif) no-repeat scroll right top; }

.navHeaderFirst { margin-right: 10px !important; }

/* ---- =NAV 02 --*/

.nav { float: left; width: 980px; background: #8D7B4B; }
.nav li { padding: 0 4px 0 1px; float: left; background: url(../images/bgNavDivider.gif) no-repeat scroll right center; }
.nav a { padding-left: 15px; float: left; display: block; line-height: 32px; color: #fff !important; position: relative; z-index: 8; }
.nav a span { padding-right: 15px; float: left; }

.nav a:hover { background: url(../images/bgNavLev02LCOPY.gif) no-repeat scroll left top; }
.nav a:hover span { background: url(../images/bgNavLev02RCOPY.gif) no-repeat scroll right top; }

.nav a.on { background: url(../images/bgNavLev02LHOVER.gif) no-repeat scroll left top; }
.nav a.on span { background: url(../images/bgNavLev02RHOVER.gif) no-repeat scroll right top; }

.nav li.home { padding: 0; width: 37px; }
.nav li.home a, .nav li.home a span { padding: 0; width: 35px; background: url(../images/btnHome.gif) no-repeat scroll left top !important; text-indent: -9999em; }
.nav li.home a:hover, .nav li.home a:hover span { background: url(../images/btnHome.gif) no-repeat scroll left bottom !important; }
.nav li.home a span { padding: 0 !important; float: left; width: 35px; }

span.navArrow { float: none !important; padding: 0 !important; background: url(../images/bgSubNavOnTriangle.gif) no-repeat scroll left top !important; display: block; width: 10px; height: 5px; position: absolute; top: 32px; left: 50%; z-index: 9; }

/* ---- =NAV 03 --*/

.navSub { float: left; width: 980px; line-height: 32px; background: #AD965B; border-top: solid 1px #8D7B4B; }
.navSub li { padding: 0 4px 0 1px;  float: left; background: url(../images/bgNavSubDivider.gif) no-repeat scroll right center; }
.navSub a { padding-left: 15px; float: left; line-height: 32px; position: relative; color: #fff !important; z-index: 6; }
.navSub a span { padding-right: 15px; float: left; }

.navSub a:hover { background: url(../images/bgNavLev03L.gif) no-repeat scroll left top; }
.navSub a:hover span { background: url(../images/bgNavLev03R.gif) no-repeat scroll right top; }

.navSub a.on { background: url(../images/bgNavLev03LHOVER.gif) no-repeat scroll left top; }
.navSub a.on span { background: url(../images/bgNavLev03RHOVER.gif) no-repeat scroll right top; }

span.navArrowSub { float: none !important; padding: 0 !important; background: url(../images/bgSubNavOnTriangleSub.gif) no-repeat scroll left top !important; width: 10px; height: 5px; position: absolute; top: 32px; left: 50%; z-index: 7; }

/* ---- =BANNER --*/

.banner { float: left; width: 980px; height: 200px; position: relative; }
.bannerImg { width: 980px; position: absolute; top: 0; left: 0; z-index: 1; }
.bannerShad { width: 980px; height: 60px; background: url(../images/bgBannerShad.png) repeat-x scroll left top; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 2; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =BODY --*/

/* ---- =INDEX --*/

.indexR { margin-top: -40px; padding: 0 0 30px 10px; float: right; width: 400px; background: url(../images/bgIndexPanelShadow.png) no-repeat scroll left 40px; position: relative; z-index: 9; }
a.indexRHit { float: left; width: 400px; background: url(../images/bgIndexPanel.gif) no-repeat scroll left top; }
a:hover.indexRHit { background-position: -400px top; color: #fff; }

.indexHead { color: #001D68; font-size: 1.45em; }

.btnIndexR { padding-left: 40px; float: left; width: 360px; height: 40px; line-height: 42px; font-size: 1.3em; overflow: hidden; border-bottom: solid 1px #fff; }
.indexRInfo { padding: 25px 15px; float: left; width: 370px; background: #fff url(../images/bgRightContentGrad.gif) repeat-x scroll left top; color: #666; line-height: 1.4em; }

.indexL { padding: 65px 40px 0 50px; float: left; width: 480px; }

.bodyRpt { background: #fff url(../images/bgBodyRpt.gif) repeat-x scroll left top !important; }

.body { padding-bottom: 40px; float: left; width: 980px; background: #fff url(../images/bgBodyCombo.gif) no-repeat scroll left top; }
.bodyL { padding: 30px 50px 0 50px; float: left; width: 630px; }

.bodyLContent { float: left; width: 630px; }

.crumb { margin-bottom: 25px; float: left; width: 630px; }
.crumb span { float: left; }
.crumb ul { float: left; }
.crumb li { margin-left: 4px; padding-left: 7px; float: left; background: url(../images/bgCrumbDivider.gif) no-repeat scroll left center; }
.crumb a { color: #666 !important; }
.crumb a.on { color: #00377C !important; }
.crumbFirst { margin-left: 4px !important; padding-left: 0 !important; background: none !important; }

.imageLargeInner { margin: -22px 5px 0 -20px ; float: left; width: 209px; height: 169px; background: url(../images/bgImageBody.png) no-repeat scroll left top; position: relative }
.imageLargeInner img { margin: 30px 0 0 30px; float: left; display: inline; }

.defaqtoLogoCntr { margin-left: 0 !important; }
.defaqtoLogoCntr li { margin: 0 15px 0 0 !important; padding: 0 0 0 0 !important; background: none !important; float: left; }

/* ---- =TICKER --*/

.tickerWrap { margin-bottom: 25px; padding: 0 15px; float: left; width: 600px; height: 50px; line-height: 42px; background: url(../images/bgTicker.gif) no-repeat scroll left top; }
.tickerWrap strong { margin-right: 10px; float: left; }
.ticker li { padding-left: 18px !important; float: left; background: url(../images/bgArrowGoldTick.gif) no-repeat scroll left center !important; }

/* ---- =BODYLISTINGS --*/

.thumbTextListingCntr { margin: 10px 0 15px 0; padding-bottom: 11px; float: left; width: 630px; background: url(../images/bgShadowList.gif) no-repeat scroll left bottom; }
.thumbTextListingCntr ul { margin: 0 0 0 0 !important; float: left; width: 630px; background: url(../images/bgListGrad.gif) repeat-y scroll left top; }
.thumbTextListingCntr li { margin-bottom: 0 !important; padding: 0 0 0 0 !important; float: left; width: 630px; background: url(../images/bgListDivide.gif) no-repeat scroll left top !important; }

.imageThumbCntr a { float: left; width: 133px; height: 113px; background: url(../images/bgThumbLand.png) no-repeat scroll left top; }
.imageThumbCntr img { margin: 27px 0 0 27px; float: left; display: inline; }

.pdfIconCntr a { margin: 10px 20px 0 0; float: left; width: 50px; height: 70px; background: url(../images/iconPDF.gif) no-repeat scroll left top; }
.pdfIconCntr a img { float: left; display: none; }
.pdfs { width: 530px !important; }

.thumbTextListingContent { padding: 24px 30px 15px 0; float: left; width: 467px; }
.thumbTextListingContent p { margin-bottom: 5px; }
.bodyListingTitle { font-size: 1.4em; width: 430px; }
.bodyListingText { width: 335px; }
.bodyListingText span { padding: 2px 12px; }

a.iconGoldChevron { padding-left: 15px; float: right; background: url(../images/bgArrowGoldSmall.gif) no-repeat scroll left center; }
a:hover.iconGoldChevron { color: #8D7B4B !important; text-decoration: none !important; }
.newsDate { background: #8D7B4B; color: #fff; }
.imageSmall { margin-top: 30px !important; }

/* ---- =PRODUCT NAV --*/
.bodyContentFeatureCntr { margin: 0 0 25px 25px !important; float: right; width: 170px; background: url(../images/bgDivideThin.gif) no-repeat scroll left bottom; }
.bodyContentFeatureCntr li { margin: 0; padding: 5px 0 !important; float: left; width: 170px; line-height: 58px; background: url(../images/bgDivideThin.gif) no-repeat scroll left top !important; }
.imageThumbMiniInner { margin-right: 5px; float: left; width: 58px; height: 58px; background: url(../images/bgImageSmall.png) no-repeat scroll left top; }
.imageThumbMiniInner img { margin: 14px 0 0 14px; float: left; display: inline; }


/* ---- =BODY RIGHT --*/

.bodyR { float: left; width: 250px; }
.bannerR { float: left; width: 250px; border-bottom: solid 1px #fff; }
.bodyRPanelContent { padding: 20px 15px; float: left; width: 220px; background: #fff url(../images/bgRightContentGrad.gif) repeat-x scroll left top; }
.bodyRPanel { float: left; width: 250px; }
.bodyRPanelContentInner { padding-bottom: 20px; float: left; width: 220px; background: url(../images/bgGradDivideR.gif) no-repeat scroll center bottom; }

a.btnPanelR { padding-left: 40px; float: left; width: 210px; height: 40px; line-height: 42px; background: url(../images/btnArrowR.gif) no-repeat scroll left top; border-bottom: solid 1px #fff; font-size: 1.3em; overflow: hidden; }
a:hover.btnPanelR { background-position: left bottom; color: #fff; }

.bodyRPanel h3, .bodyRPanel p { margin-bottom: 15px; }
.phoneR { color: #8D7B4B; }

.bodyR object { float: left; width: 250px; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =FOOTER --*/

.footer { padding: 20px 50px 25px 50px; float: left; width: 880px; background: #001D68 url(../images/bgFooterWhite.jpg) no-repeat scroll left bottom; }
.footerHome { background-image: url(../images/bgFooterGrey.jpg) !important; }

.navFooter { margin-bottom: 15px; padding-bottom: 15px; float: left; width: 880px; border-bottom: 1px solid #8D7B4B; }
.navFooter li { margin-right: 20px; float: left; }
.navFooter li a { padding-left: 15px; background: url(../images/bgArrowWhite.gif) no-repeat scroll left center; color: #fff !important; }
.navFooter li a:hover, .navFooter li a.on { background-image: url(../images/bgArrowGoldFooterLight.gif); color: #BCA471 !important; }

.footer p { margin-bottom: 0; float: left; width: 880px; color: #fff; line-height: 1.3em; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =BUTTONS/LINKS --*/

a.btnSmall { padding-left: 10px; float: left; display: block; background: url(../images/btnL.png) no-repeat scroll left top; line-height: 24px; color: #fff !important; font-weight: bold; }
a.btnSmall span { padding-right: 17px; float: left; display: block; background: url(../images/btnR.png) no-repeat scroll right top; }
a:hover.btnSmall { background-position: 0% bottom; }
a:hover.btnSmall span { background-position: 100% bottom; }