/*------------------------------------------------------

CSS Created:	25/01/2010
CSS Author:		Jon Thompson
email:			jon@chamberinternet.co.uk
website:		www.chamberinternet.co.uk

------------------------------------------------------*/

/*------------------------- GLOBAL STYLES -------------------------*/

* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; background-color: #DCEDFD; background-image: url(/images/global/body-bg.jpg); background-repeat: repeat-x; }
img { border: none; }
acronym, abbr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; cursor: help; }
ul { list-style: none; }

.float-left { float: left; width: auto; }
.float-right { float: right; width: auto; }
.hidden { display: none; }

.drk-blue-txt { color: #053D54; }
.blue-txt { color: #005890; }
.small-txt { font-size: 11px; }

.download-link { background-image: url(/images/content/downloads/icon/download.png); background-repeat: no-repeat; padding-left: 20px; }

.valign-mid { vertical-align: middle; }

#wrapper { width: 960px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; }

/*------------------------- HEADER STYLES -------------------------*/

#utilities { float: left; width: 960px; height: 38px; font-size: 12px; background-image: url(/images/global/utility-bg.jpg); background-repeat: repeat-x; color: #DCEDFD; }
#utilities ul { float: left; height: 38px; line-height: 34px; }
#utilities ul li { float: left; width: auto; padding-left: 10px; padding-right: 12px; background-image: url(/images/global/utility-line-sep.gif); background-repeat: no-repeat; background-position: right top; }
#utilities ul li a { color: #DCEDFD; font-weight: bold; text-decoration: none; }
#utilities ul li a:hover { color: #FFF; }

#utilities ul li.home { padding-top: 10px; padding-bottom: 12px; }
#utilities ul li.home a { display: block; width: 12px; height: 12px; background-image: url(/images/global/icons/home.gif); background-repeat: no-repeat; }
#utilities ul li.home a:hover { background-image: url(/images/global/icons/home-hover.gif); }
#utilities ul li.home a span { display: none; }
#utilities .lang-nav { float: right; width: auto; padding-right: 10px; }
#utilities .lang-nav div { float: left; width: auto; height: 24px; padding-top: 10px; }
#utilities .lang-nav select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #005890; width: 100px; }

#container { float: left; width: 960px; background-color: #FFF; background-image: url(/images/global/container-bg.jpg); background-repeat: no-repeat; }

#header { float: left; width: 960px; height: 147px; position: relative; }
#header .logo { position: absolute; width: 125px; height: 102px; top: 9px; left: 24px; }
#header .strap { position: absolute; width: 365px; height: 34px; top: 54px; left: 179px; }

/*------------------------- CONTENT STYLES -------------------------*/

#content { float: left; width: 940px; margin-left: 10px; margin-right: 10px; }

#left-col { float: left; width: 220px; font-size: 12px; }
#left-col a { color: #114A66; text-decoration: none }
#left-col a:hover { color: #000; }

#left-col .arrowlistmenu { float: left; width: 220px; background-image: url(/images/global/left-col/nav-ul-cap.jpg); background-repeat: no-repeat; background-position:left bottom; padding-bottom: 4px; margin-bottom: 10px; /*width of accordion menu*/ }

#left-col .arrowlistmenu .menuheader { float: left; cursor: pointer; width: 220px; height: 30px; line-height: 30px; text-indent: 10px; background-image: url(/images/global/left-col/main-nav-btn-01.jpg); background-repeat: no-repeat; font-size: 13px; color: #DCEDFD; text-decoration: none; }
#left-col .arrowlistmenu .menuheader:hover { color: #FFF; background-image: url(/images/global/left-col/main-nav-btn-02.gif); }
#left-col .arrowlistmenu .openheader, #left-col .arrowlistmenu .openheader:hover { color: #FFF; cursor: pointer; background-image: url(/images/global/left-col/main-nav-btn-03.gif); }

#left-col .arrowlistmenu .menuheader a { display: block; width: 220px; height: 30px; background-image: url(/images/global/left-col/main-nav-btn-01.jpg); background-repeat: no-repeat; font-size: 13px; color: #DCEDFD; text-decoration: none; }
#left-col .arrowlistmenu .menuheader a:hover { color: #FFF; background-image: url(/images/global/left-col/main-nav-btn-02.gif); }

#left-col .arrowlistmenu ul { float: left; width: 220px; background-color: #DCEDFD; }
#left-col .arrowlistmenu ul li { float: left; }
#left-col .arrowlistmenu ul li a { display: block; width: 220px; height: 22px; line-height: 25px; text-indent: 10px; background-image: none; font-size: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; color: #114A66; }
#left-col .arrowlistmenu ul li a:hover{ background-color: #78A3BF; color: #FFF; text-decoration: none; }

#left-col .search-panel,
#left-col .contact-panel { float: left; width: 220px; height: 67px; background-repeat: no-repeat; }

#left-col .ca-contact-panel,
#left-col .ie-contact-panel { float: left; width: 220px; height: 97px; background-repeat: no-repeat; }

#left-col .za-contact-panel { float: left; width: 220px; height: 147px; background-repeat: no-repeat; }

#left-col .search-panel { background-image: url(/images/global/left-col/search-bg.jpg); margin-bottom: 10px; }
#left-col .search-panel h2 { font-size: 13px; padding: 10px 10px 5px 10px; color: #FFF; }
#left-col .search-panel p {  }
#left-col .search-panel span { display: block; float: left; }
#left-col .search-panel .search-field { background-image: url(/images/global/left-col/search-field.png); background-repeat: no-repeat; height: 26px; width: 175px; margin-left: 7px; }
#left-col .search-panel .text-field { border: none; background-color: transparent; padding: 2px 5px 2px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #005890; }

#left-col .contact-panel { background-image: url(/images/global/left-col/contact-bg.gif); }
#left-col .contact-panel p { padding: 45px 10px 0px 10px; font-size: 13px; }

#left-col .ca-contact-panel { background-image: url(/images/global/left-col/ca-contact-bg.gif); }
#left-col .ca-contact-panel p { padding: 65px 10px 0px 10px; font-size: 13px; }

#left-col .za-contact-panel { background-image: url(/images/global/left-col/za-contact-bg.gif); }
#left-col .za-contact-panel p { padding: 113px 10px 0px 10px; font-size: 13px; }

#left-col .ie-contact-panel { background-image: url(/images/global/left-col/ie-contact-bg.gif); }
#left-col .ie-contact-panel p { padding: 65px 10px 0px 10px; font-size: 13px; }

#left-col .news-panel { width: 220px; padding-bottom: 10px; }
#left-col .news-panel h2 { background-image: url(/images/global/left-col/news-panel-h2.jpg); height: 41px; line-height: 41px; padding-left: 10px; font-size: 13px; color: #FFF; }
#left-col .news-panel .news-content { background-color: #DCEDFD; padding: 10px; background-image: url(/images/global/left-col/news-panel-cap.png); background-repeat: no-repeat; background-position: left bottom; }
#left-col .news-panel .news-content a:hover { text-decoration: underline; }

#left-col .option-panel { float: left; width: 220px; background-color: #DCEDFD; background-image: url(/images/global/left-col/option-panel-cap-top.gif); background-repeat: no-repeat; }
#left-col .option-panel ul { float: left; width: 200px; padding: 0px 10px 0px 10px; background-image: url(/images/global/left-col/option-panel-cap-bot.gif); background-repeat: no-repeat; background-position: left bottom; }
#left-col .option-panel ul li { float: left; padding-bottom: 1px; background-image: url(/images/global/hr-mid-blue.gif); background-repeat: repeat-x; background-position: left bottom; }
#left-col .option-panel ul li a { display: block; width: 200px; height: 29px; line-height: 29px; text-indent: 30px; background-repeat: no-repeat; text-decoration: none; }
#left-col .option-panel ul li a:hover { text-decoration: underline; }
#left-col .option-panel ul li.print a { background-image: url(/images/global/left-col/icon-print.jpg); }
#left-col .option-panel ul li.bookmark a { background-image: url(/images/global/left-col/icon-bookmark.jpg); }
#left-col .option-panel ul li.email { background-image: none; }
#left-col .option-panel ul li.email a { background-image: url(/images/global/left-col/icon-email.jpg); }

#right-col { float: right; width: 700px; font-size: 12px; color: #666; }

.home-intro { float: left; width: 700px; height: 255px; padding-bottom: 10px; background-image: url(/images/content/home/intro-bg.jpg); background-repeat: no-repeat; }
.home-intro p { color: #DCECFD; font-size: 13px; line-height: 24px; float: left; }
.home-intro .graphic-col { width: 316px; height: 260px; padding: 0px 10px 0px 10px; }
.home-intro .text-col { width: 344px; padding: 50px 20px 0px 0px; }

#right-col p, #right-col ul { padding-bottom: 15px; line-height: 1.4em; }
#right-col sub, #right-col sup { line-height: 0; }
#right-col li { background-image: url(/images/global/li-mid-blue.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 12px; }

#right-col a { color: #005890; text-decoration: underline; }
#right-col a:hover { color: #000; }

#right-col h1 { font-size: 26px; color: #053D52; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 20px; background-image: url(/images/global/h1-hr.gif); background-repeat: repeat-x; background-position: left bottom; }
#right-col h2 { font-size: 20px; color: #005890; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 10px; clear: both; }
#right-col h3 { font-size: 13px; color: #666; padding-bottom: 10px; text-transform: uppercase; }
#right-col h4 { font-size: 12px; color: #005890; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding-bottom: 5px; clear: both; }

#right-col table { margin-bottom: 15px; }
#right-col table th { color: #FFF; background-color: #00578F; background-image: url(/images/global/th-bg.jpg); background-repeat: repeat-x; text-transform: uppercase; }
#right-col table th, #right-col table td { padding: 7px; }
#right-col table td { background-color: #DCEDFD; }
#right-col table .odd td { background-color: #EEF6FE; }
#right-col table td a { text-decoration: none; }
#right-col table td a:hover { text-decoration: underline; color: #000; }

#right-col .row { float: left; width: 700px; }
#right-col .col-2a, #right-col .col-2b { float: left; width: 340px; }
#right-col .col-2a { padding-right: 10px; }
#right-col .col-2b { padding-left: 10px; }
#right-col .col-3a, #right-col .col-3b, #right-col .col-3c { float: left; width: 220px; }
#right-col .col-3a { padding-right: 10px; }
#right-col .col-3b { padding-left: 10px; padding-right: 10px; }
#right-col .col-3c { padding-left: 10px; }
#right-col .highlighted-3 h3 { line-height: 44px; color: #FFF; background-image: url(/images/content/home/highlighted-3-h3-bg.gif); background-repeat: no-repeat; text-indent: 10px; height: 44px; padding-bottom: 0px; }
#right-col .highlighted-3 .padding { background-color: #F0F0F0; padding: 10px; background-image: url(/images/content/home/highlighted-cap.gif); background-repeat: no-repeat; background-position: left bottom; }

#right-col .img-right { float: right; padding: 0px 0px 10px 10px; }
#right-col .img-left { float: left; padding: 0px 10px 10px 0px; }

#right-col .hr-bottom, #right-col .hr-top { background-image: url(/images/global/hr-mid-blue.gif); background-repeat: repeat-x; background-position: left bottom; }
#right-col .hr-top { background-position: left top; }
#right-col .vr-right, #right-col .vr-left { background-image: url(/images/global/vr-mid-blue.gif); background-repeat: repeat-y; background-position: right top; }
#right-col .vr-left { background-position: left top; }

#right-col .prod-nav { float: left; width: auto; height: 22px; padding-bottom: 15px; }
#right-col .prod-nav .btn { float: left; width: auto; position: relative; }
#right-col .prod-nav .btn a { display: block; width: auto; height: 22px; line-height: 22px; background-color: #E1E1C6; padding: 0px 10px 0px 10px; background-image: url(/images/global/prod-btn-cap-right.png); background-repeat: no-repeat; background-position: right top; color: #00578F; text-decoration: none; }
#right-col .prod-nav .btn a:hover { background-color: #00578F; color: #FFF; }
#right-col .prod-nav .btn span { position: absolute; width: 5px; height: 22px; left: 0px; top: 0px; background-image: url(/images/global/prod-btn-cap-left.png); }

#right-col .large-prod-nav { float: left; width: auto; height: 32px; padding-bottom: 15px; margin-left: 120px; margin-right: 120px; }
#right-col .large-prod-nav .btn { float: left; width: 150px; position: relative; text-align: center; font-size: 14px; font-weight: bold; }
#right-col .large-prod-nav .btn a { display: block; width: auto; height: 32px; line-height: 32px; background-color: #E1E1C6; padding: 0px 10px 0px 10px; background-image: url(/images/global/large-prod-btn-cap-right.png); background-repeat: no-repeat; background-position: right top; color: #00578F; text-decoration: none; }
#right-col .large-prod-nav .btn a:hover { background-color: #00578F; color: #FFF; }
#right-col .large-prod-nav .btn span { position: absolute; width: 5px; height: 32px; left: 0px; top: 0px; background-image: url(/images/global/large-prod-btn-cap-left.png); }

#right-col .contact-element { float: left; width: 700px; background-image: url(/images/content/contact/element-cap-bg.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; margin-bottom: 10px; }
#right-col .contact-element h2 { float: left; width: 700px; height: 44px; background-image: url(/images/content/contact/element-header-bg.png); background-repeat: no-repeat;  color: #FFF; line-height: 44px; text-indent: 10px; padding-bottom: 0px; }
#right-col .contact-element p { padding-bottom: 5px; }
#right-col .contact-element .padding { float: left; width: 660px; padding: 20px 20px 10px 20px; background: #F0F0F0; }
#right-col .contact-element .col-2a, #right-col .contact-element .col-2b { float: left; width: 320px; }
#right-col .contact-element .col-2a { padding-right: 10px }
#right-col .contact-element .col-2b { padding-left: 10px; }

#right-col .contact-element dl { float: left; width: 320px; padding-bottom: 15px; }
#right-col .contact-element dt { float: left; width: 320px; padding-bottom: 5px; }
#right-col .contact-element dd { float: left; width: 320px; }
#right-col .text-field, #right-col .text-area, #right-col .select-field { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #7FABC7; padding: 3px 2px 3px 2px; }
#right-col .select-field { padding: 1px; }
#right-col .max { width: 314px; }
#right-col .small { width: 100px; }
#right-col .address { height: 73px; width: 314px; }
#right-col .nat-enq { height: 220px; width: 314px; }
#right-col .spam { float: left; width: 320px; padding: 10px 0px 10px 0px; }
#right-col .contact-element .spam dt, #right-col .contact-element .spam dd { float: left; width: auto; }

#right-col .search-results-panel { float: left; width: 700px; margin-bottom: 15px; background-image: url(/images/content/search/nav-panel-cap-top.png); background-repeat: no-repeat; padding-top: 5px; color: #DCECFD; }
#right-col .search-results-panel .padding { float: left; width: 700px; background-image: url(/images/content/search/nav-panel-cap-bot.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; }
#right-col .search-results-panel .left, #right-col .search-results-panel .right { float: left; width: 330px; padding-left: 10px; padding-right: 10px; background-color:#005890; }
#right-col .search-results-panel .right { text-align: right; }
#right-col .search-results-panel a, #right-col .search-results-panel strong { color: #FFF; text-decoration: none; }
#right-col .search-results-panel a, #right-col .search-results-panel span { padding: 0px 2px 0px 2px; }
#right-col .search-results-panel a:hover { text-decoration: underline; }
#right-col .search-element { float: left; width: 700px; background-image: url(/images/global/hr-mid-blue.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 15px; }
#right-col .search-element h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-bottom: 5px; }
#right-col .search-element a { text-decoration: none; }
#right-col .search-element a:hover { text-decoration: underline; }

#distributors { padding-top: 50px; }

/*------------------------- FOOTER STYLES -------------------------*/

#footer { clear: both; float: left; width: 960px; height: 152px; padding-bottom: 20px; position: relative; background-image: url(/images/global/footer-bg.jpg); background-repeat: no-repeat; font-size: 11px; color: #114A66; }
#footer a { color: #114A66; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer .nav { position: absolute; bottom: 65px; left: 20px; line-height: 18px; }
#footer .nav span { padding: 0px 3px 0px 3px; }
#footer .ukas-logo { position: absolute; bottom: 55px; right: 20px; }
#footer .ci-logo { position: absolute; bottom: 20px; left: 461px; width: 37px; height: 13px; }