/* CSS - Rethink Digital - Meera 404 */

/* RESET *******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a {outline: none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
:focus { outline: 0; }
blockquote, q {quotes: “” “”;}
q:before, q:after {content: ”;}
abbr, acronym { border: 0;}

/* HTML5 */
section, article, aside, header, footer, nav, dialog, figure {display:block; padding: 0; margin: 0;}
time {display: inline; }
/************************************************* END RESET */

/* CUSTOM STYLES *************************************/
.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
a { color:#164079; }
a:hover {text-decoration: underline;}
input, textarea, select { font-size: 11px; color: #666; font-family: arial;}
.nomar { margin: 0!important;}
textarea { font-size: 12px;}
/********************************* END CUSTOM STYLES */

/* COLOURS */
span.orange {color: #fff!important; font-weight:bold; padding: 0 0 0 2px;}
.orange {color: #ed7a08!important; padding: 0 2px;}
.navy {color: #164079;}

html { background: #225294;}
body { font-family: Arial, Verdana, tahoma; font-size: 12px!important; background: url('/images/footer-bg.jpg') repeat-x bottom; color: #333333; line-height: 18px; }
h1 { font-size: 24px; color: #ed7a08; border-bottom: 1px solid #164079; padding: 0 0 6px 0; margin: 0 0 15px 0; line-height: 22px;}
h2.h1 { font-size: 24px; color: #ed7a08; border-bottom: 1px solid #164079; padding: 0 0 6px 0; margin: 0 0 15px 0!important;line-height: 22px; }
h2 {font-size: 24px; color: #ed7a08;padding: 0 0 4px 0; margin: 0 0 15px 0; }
h3 {font-size: 16px; color: #ed7a08; font-weight: bold; padding: 0 0 12px 0;}
h4 {font-size: 22px; color: #ed7a08;}

/* HEADER *********************/
#header_container {float: left; width: 100%; height: 130px; background: url('/images/head-bg.jpg') repeat-x;}
#header_content { margin: 0 auto; width: 960px;}

.header_top { float: left; width: 960px; height: 90px; border-bottom: 1px solid #d2dbe7; position: relative;}
.header_top_left { float: left; padding: 12px 0 0 0; }
.header_top_right { float: right; }
.header_top_right a.c_login_btn {  float: left; text-transform: uppercase; border-left:1px solid #d2dbe7; border-bottom: 1px solid #d2dbe7; border-right: 1px solid #d2dbe7; padding: 5px 13px; color: #fff; }
.header_bottom {float: left; width: 100%; }
.header_bottom h4 { float: left; position: relative; top: 7px; left: 20px; color: #fff; text-transform: uppercase; font-size: 12px;}
ul.logged_in { position: absolute; top: 6px; right: 100px; color: #fff;}
ul.logged_in li { padding: 0 0 0 5px;}
span.phone_num { position: absolute; right: 15px; bottom: 31px; color:#ed7a08; font-size: 16px; font-weight: bold; }

ul.region {float: right; position: absolute; top: 65px; right: 15px; font-size: 10px; display: none;}
ul.region li { float: left; color: #fff; padding: 0 0 0 5px;}
ul.region li a {color: #fff;}
ul.region li a.selected {color: #ed7a08;}

#navigation {float: right;}
ul.nav {float: left; }
ul.nav li {float: left; border-left: 1px solid #d2dbe7; }
ul.nav li a {float: left; padding: 5px 17px 6px 17px; color: #fff; text-transform: uppercase; border-bottom: 1px solid #245496; border-top: 1px solid #245496;}
ul.nav li a.selected { float: left; padding: 5px 16px 6px 16px; border: 1px solid #143058; color: #ed7a08; background: #203f6b;}
ul.nav li a:hover.selected { text-decoration: none; cursor: default;}

/* CLIENT AREA */
#client_container {float: left; width: 100%; background: #e8e8e8; min-height: 170px; border-bottom: 1px solid #fff;}
*html #client_container { height: 170px;}
#client_content, #subscribe_content { margin: 0 auto; width: 920px; padding: 20px;}
.client_login {float: left; width: 534px; border-right: 1px solid #164079;}
.client_login_right {float: right; }

ul.login_form {float: left; width: 100%;}
ul.login_form li {float: left; padding: 0 0 10px 0; }
ul.login_form li label { float: left; width: 70px; position: relative; top: 4px;}
ul.login_form li p.login_long_bg {}
ul.login_form li input.login_long {float: left; width: 301px; height: 14px; padding: 5px 7px; background: url('/images/forms/login-long.gif') no-repeat; border: 0; }
ul.login_form li span.login_checkbox {float: left; margin: 0 0 0 70px;}
ul.login_form li label.remem {top: 3px; width: 150px; margin: 0 0 0 10px;}
ul.login_form li a.forgot_pass { margin: 0 0 0 10px; position: relative; top: 4px; background:none; }
ul.login_form li span.error {color:#cc0000;}
ul.login_form li span .btn_login_header { float: left; }

.client_register { float: left; width: 330px; padding: 0 0 0 55px;}
#subscribe_content p {padding: 0 0 10px 0;}
/* END HEADER *****************/

/* MAIN CONTENT *********************/
#main_container {float: left; width: 100%; min-height: 550px; padding: 0 0 40px 0; position: relative; background: #fff;  }
#main_content { margin: 0 auto; width: 920px; }

/* BREAD */
.bread_content { position: absolute; right: 27px; bottom: 22px;}
ul.bread {background: #215193; padding-right: 5px;  float: right; display:none;}
ul.bread li {float: left; color: #fff; padding: 0 0 0 5px;}
ul.bread li a { text-decoration: none; color: #fff;}
ul.bread li a:hover { text-decoration: underline; color: #fff;}
ul.bread li a.selected { text-decoration: underline; color: #fff;}

/* LEFT NAV */
.left_navigation { float: left; width: 225px;}

ul.left_nav {float: left; width: 225px; margin: -15px 0 20px 0;}
ul.left_nav li {float: left; width: 205px; padding: 10px; font-size: 14px; border-bottom: 1px solid #164079;}
ul.left_nav li a.selected { color: #ed7a08; }

/* END MAIN CONTENT *****************/

/* FOOTER *********************/
#footer { float: left; width: 100%; background: #225294;}
#footer_container {float: left; width: 100%; height: 50px;}
#footer_content {margin: 0 auto; width: 920px; padding: 15px 20px; color: #fff; font-size: 11px;}
#footer_content p {float: left;}

ul.footer_links {float: right; font-size: 11px;}
ul.footer_links li { float: left; color: #fff; padding: 0 0 0 10px;}
ul.footer_links li a {color: #fff;}
ul.footer_links li a.selected {color: #ed7a08;}

/* SUBSCRIBE AREA */
#subscribe_container {float: left; width: 100%; height: 183px; background: url('/images/subscribe-bg.jpg') repeat-x;}
#subscribe_content {margin: 0 auto; width: 920px; padding: 20px;}

.subscribe_newsletter {float: left; width: 534px; border-right: 1px solid #164079;}
.subscribe_newsletter p {padding: 0 55px 10px 0!important;}

ul.subscribe_form {float: left; width: 100%;}
ul.subscribe_form li {float: left; padding: 0 0 10px 0; }
ul.subscribe_form li label { float: left; width: 95px; position: relative; top: 4px;}
ul.subscribe_form li input.login_long {float: left; width: 301px; height: 14px; padding: 5px 7px; background: url('/images/forms/login-long.gif') no-repeat; border: 0; }
ul.subscribe_form li input.login_checkbox {float: left; margin: 0 0 0 70px;}
ul.subscribe_form li a {float: right; width: 410px; text-align: right;}
.subscribe_feed { float: left; width: 330px; padding: 0 0 0 55px;}
/* END FOOTER *****************/

/* BUTTONS */
span.btn a, td a {background: url('/images/buttons.gif');}
span.btn a.btn_login_header {float: right; background-position: 0 0; width: 92px; height: 27px; position: relative; left: 42px;}
span.btn a:hover.btn_login_header {background-position:-102px 0; width: 92px; height: 27px;}
span.btn a.btn_signup_header {float: right; background-position: 0 -37px; width: 92px; height: 27px; position: relative; left: 3px; top: 14px;}
span.btn a:hover.btn_signup_header {float: right; background-position: -102px -37px; width: 92px; height: 27px; position: relative; left: 3px;}
span.btn a.btn_signup {float: left; background-position: 0 -37px; width: 92px; height: 27px; position: relative; left: 3px;}
span.btn a:hover.btn_signup {float: left; background-position: -102px -37px; width: 92px; height: 27px; position: relative; left: 3px;}
span.btn a.btn_signup_reg, td a.btn_signup_reg {float: right; background-position: 0 -300px; width: 92px; height: 27px; position: relative; left: 0px;}
span.btn a:hover.btn_signup_reg, td a:hover.btn_signup_reg {float: right; background-position: -102px -300px; width: 92px; height: 27px; position: relative; left: 0px;}
span.btn a.btn_print_solutions {float: left; background-position: 0 -111px; width: 130px; height: 27px;}
span.btn a:hover.btn_print_solutions {float: left; background-position: -140px -111px; width: 130px; height: 27px;}
span.btn a.btn_digital_solutions {float: left; background-position: 0 -148px; width: 136px; height: 27px;}
span.btn a:hover.btn_digital_solutions {float: left; background-position: -146px -148px; width: 136px; height: 27px;}
span.btn a.btn_quote {float: left; background-position: 0 -185px; width: 126px; height: 31px;}
span.btn a:hover.btn_quote {float: left; background-position: -136px -185px; width: 126px; height: 31px;}
span.btn a.btn_demo {float: left; background-position: 0 -226px; width: 123px; height: 27px;}
span.btn a:hover.btn_demo {float: left; background-position: -133px -226px; width: 123px; height: 27px;}
span.btn a.btn_send {float: right; background-position: 0 -264px; width: 74px; height: 27px;}
span.btn a:hover.btn_send {float: right; background-position: -84px -264px; width: 74px; height: 27px;}

/* END BUTTONS */









































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
ul {

}