/* CSS ID: ODW002 CSS VR: VER008 */ /* NOTE - GEL Brand Colours; Header Band (Blue) #0ba6c8; Register (Orange) #f29202; Buttons & links (Blue) #0ba6c8; Links on brand Colour (Light Blue) #9ae4ff; Links on Register Colour (Light Orange) #fee1b5; Focus Areas (Dark Blue) #29495a; ----------------------------------------------------------------------------------------------------*/ /* `Google Font >> ----------------------------------------------------------------------------------------------------*/ /* `Base Styles - NON EDITABLE >> ----------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, ul, li, a, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding: 0; border: 0;} html {width:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body {font-size: 62.5%; margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif; color:#444; text-align:center; background:#cccccc; line-height: 1em;} /* body set to 62.5% = 10px */ ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;border-spacing: 0;} /* `Container >> ----------------------------------------------------------------------------------------------------*/ .container {margin-right: auto; margin-left: auto; *zoom: 1; width: 960px;} /* `Grid >> ----------------------------------------------------------------------------------------------------*/ .grid_30 {width: 30px;} /* GRID SYSTEM A */ .grid_120 {width: 120px;} /* GRID SYSTEM A */ .grid_210 {width: 210px;} /* GRID SYSTEM A */ .grid_300 {width: 300px;} /* GRID SYSTEM A */ .grid_390 {width: 390px;} /* GRID SYSTEM A */ .grid_480 {width: 480px;} /* GRID SYSTEM A */ .grid_600 {width: 600px;} /* GRID SYSTEM A */ .grid_690 {width: 690px;} /* GRID SYSTEM A */ .grid_780 {width: 780px;} /* GRID SYSTEM A */ .grid_870 {width: 870px;} /* GRID SYSTEM A */ .grid_960 {width: 960px;} /* GRID SYSTEM A */ .grid_1040 {width: 1040px;} /* GRID SYSTEM A */ .grid_60 {width: 60px;} /* GRID SYSTEM B */ .grid_150 {width: 150px;} /* GRID SYSTEM B */ .grid_240 {width: 240px;} /* GRID SYSTEM B */ .grid_330 {width: 330px;} /* GRID SYSTEM B */ .grid_420 {width: 420px;} /* GRID SYSTEM B */ .grid_510 {width: 510px;} /* GRID SYSTEM B */ .grid_630 {width: 630px;} /* GRID SYSTEM B */ .grid_720 {width: 720px;} /* GRID SYSTEM B */ .grid_810 {width: 810px;} /* GRID SYSTEM B */ .grid_900 {width: 900px;} /* GRID SYSTEM B */ .grid_990 {width: 990px;} /* GRID SYSTEM B */ .grid_1080 {width: 1080px;} /* GRID SYSTEM B */ .grid_90 {width: 90px;} /* GRID SYSTEM C */ .grid_180 {width: 180px;} /* GRID SYSTEM C */ .grid_270 {width: 270px;} /* GRID SYSTEM C */ .grid_360 {width: 360px;} /* GRID SYSTEM C */ .grid_450 {width: 450px;} /* GRID SYSTEM C */ .grid_570 {width: 570px;} /* GRID SYSTEM C */ .grid_660 {width: 660px;} /* GRID SYSTEM C */ .grid_750 {width: 750px;} /* GRID SYSTEM C */ .grid_840 {width: 840px;} /* GRID SYSTEM C */ .grid_930 {width: 930px;} /* GRID SYSTEM C */ .grid_1020 {width: 1020px;} /* GRID SYSTEM C */ .grid_30, .grid_60, .grid_90, .grid_120, .grid_150, .grid_180, .grid_210, .grid_240, .grid_250, .grid_270, .grid_300, .grid_330, .grid_360, .grid_390, .grid_420, .grid_450, .grid_480, .grid_510, .grid_570, .grid_600, .grid_630, .grid_690, .grid_720, .grid_750, .grid_780, .grid_810, .grid_840, .grid_870, .grid_900, .grid_930, .grid_960 {display: inline; float: left;} /* `margins >> ----------------------------------------------------------------------------------------------------*/ .alpha {margin-left: 0!important;} .omega {margin-right: 0!important;} .alpha_10 {margin-left: 10px!important;} .omega_10 {margin-right: 10px!important;} .alpha_20 {margin-left: 20px!important;} .omega_20 {margin-right: 20px!important;} .alpha_30 {margin-left: 30px!important;} .omega_30 {margin-right: 30px!important;} .alpha_40 {margin-left: 40px!important;} .omega_40 {margin-right: 40px!important;} .alpha_50 {margin-left: 50px!important;} .omega_50 {margin-right: 50px!important;} .alpha_60 {margin-left: 60px!important;} .omega_60 {margin-right: 60px!important;} .alpha_70 {margin-left: 70px!important;} .omega_70 {margin-right: 70px!important;} .alpha_80 {margin-left: 80px!important;} .omega_80 {margin-right: 80px!important;} .alpha_90 {margin-left: 90px!important;} .omega_90 {margin-right: 90px!important;} .north {margin-top: 0!important;} .south {margin-bottom: 0!important;} .north_10 {margin-top: 10px!important;} .south_10 {margin-bottom: 10px!important;} .north_20 {margin-top: 20px!important;} .south_20 {margin-bottom: 20px!important;} .north_30 {margin-top: 30px!important;} .south_30 {margin-bottom: 30px!important;} .north_40 {margin-top: 40px!important;} .south_40 {margin-bottom: 40px!important;} .north_50 {margin-top: 50px!important;} .south_50 {margin-bottom: 50px!important;} .north_60 {margin-top: 60px!important;} .south_60 {margin-bottom: 60px!important;} .north_70 {margin-top: 70px!important;} .south_70 {margin-bottom: 70px!important;} .north_80 {margin-top: 80px!important;} .south_80 {margin-bottom: 80px!important;} .north_90 {margin-top: 90px!important;} .south_90 {margin-bottom: 90px!important;} /* `paddings >> ----------------------------------------------------------------------------------------------------*/ .prefix {padding-left: 0px;} .suffix {padding-right: 0px;} .prefix_10 {padding-left: 10px;} .suffix_10 {padding-right: 10px;} .prefix_20 {padding-left: 20px;} .suffix_20 {padding-right: 20px;} .prefix_30 {padding-left: 30px;} .suffix_30 {padding-right: 30px;} .prefix_40 {padding-left: 40px;} .suffix_40 {padding-right: 40px;} .prefix_50 {padding-left: 50px;} .suffix_50 {padding-right: 50px;} .prefix_60 {padding-left: 60px;} .suffix_60 {padding-right: 60px;} .prefix_70 {padding-left: 70px;} .suffix_70 {padding-right: 70px;} .prefix_80 {padding-left: 80px;} .suffix_80 {padding-right: 80px;} .prefix_90 {padding-left: 90px;} .suffix_90 {padding-right: 90px;} /* `pull 'push >> ----------------------------------------------------------------------------------------------------*/ .pull {left: 0px;} .push {right: 0px;} .pull_10 {left: 10px;} .push_10 {right: 10px;} .pull_20 {left: 20px;} .push_20 {right: 20px;} .pull_30 {left: 30px;} .push_30 {right: 30px;} .pull_40 {left: 40px;} .push_40 {right: 40px;} .pull_50 {left: 50px;} .push_50 {right: 50px;} .pull_60 {left: 60px;} .push_60 {right: 60px;} .pull_70 {left: 70px;} .push_70 {right: 70px;} .pull_80 {left: 80px;} .push_80 {right: 80px;} .pull_90 {left: 90px;} .push_90 {right: 90px;} /* `clear >> ----------------------------------------------------------------------------------------------------*/ .clear {clear:both; *zoom: 1; height: 0px;} .clear:before, .clear:after {display: table; content: "";} .clear:after {clear: both;} /* `case control >> ----------------------------------------------------------------------------------------------------*/ .uppercase {text-transform: uppercase;} /* `aliagnments >> ----------------------------------------------------------------------------------------------------*/ .horizontal {list-style: none; margin-left: 0; overflow: hidden;} .horizontal li {float: left;} .center {text-align: center;} .align-right {text-align: right;} /* `Temp >> ----------------------------------------------------------------------------------------------------*/ .offScreen {display: none;} /* `HTML 5 for older browsers >> ----------------------------------------------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /* `Responsive >> ----------------------------------------------------------------------------------------------------*/ .hidden {display: none; visibility: hidden;} .visible-phone {display: none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} /* EDITABLE BELOW >> ---------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------*/ /* Font styles styles - BASE >> ---------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------*/ a {text-decoration: none; color: #0ba6c8;} a:hover {text-decoration: none; color: #02768f;} a:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} a:hover, a:active {outline: 0;} img {max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; line-height: 0em; font-size: 0em;} h1 {font-size: 3.2em; letter-spacing: -.05em; font-weight: 600;} h2 {font-size: 3.2em; letter-spacing: -.03em; font-weight: 600;} h3 {font-size: 1.6em; letter-spacing: -.02em; font-weight: 600;} h4 {font-size: 1.4em; font-weight: 600;} h5 {font-size: 1.2em; font-weight: 600;} h6 {font-size: 1em; font-weight: 600;} h1,h2,h3,h4,h5,h6 {line-height: 1.3em;} p {font-size: 1em;} p a {font-weight: bold;} a.external {background: url('images/external_blue.png') right center no-repeat; padding: 0 20px 0 0;} a.external:hover {background: url('images/external_darkblue.png') right center no-repeat; padding: 0 20px 0 0;} /* ---------------------------------------------------------------------------------------------------- Content styles - GEL >> ---------------------------------------------------------------------------------------------------- */ body {background: #ccc url('images/background-nongel.png') repeat-x top center; color: #444; font-family: Arial, Helvetica, sans-serif; text-align: left;} .js {background: #ccc url('images/background.png') repeat-x top center;} .gel_brand {width: 960px; margin: auto; height: 50px; padding:9px 0 0 0;} .gel_brand img {height:36px;} .gel_brand a {border: none;} .h1col p {color: #fff; font-size: 1.8em; line-height: 1.4em; letter-spacing: -.01em; font-weight: 400;} .gel_print {display: none;} /* ---------------------------------------------------------------------------------------------------- Content styles - Header >> ---------------------------------------------------------------------------------------------------- */ .header {width: 960px; margin: auto; text-align: left; padding: 0; margin-top: 0px; -webkit-font-smoothing: antialiased;} .heading_one_hidden {display: none;} .h1col {float: left; display: block; margin-left: 0px; height: 65px; margin-top: 40px; padding-bottom: 36px;} .searchcol {float: right; text-align: right; padding-top: 37px; white-space:nowrap;} .searchcolnav {font-size: 1.44em; color:#0ba6c8; clear: both; display: block; line-height: 1.2em; overflow: hidden;letter-spacing: -.5px;} .searchcol form {margin-top: 15px; background: url('images/search_bg.png') no-repeat top right ; width:215px; height: 32px; float: right;} .searchcolnav a {padding: 0 5px 0 10px; color: #fff; display: inline-block; } .searchcolnav a:hover {color: #9ae4ff; text-decoration:none;} #search-persistent {display: none;} .search { text-align: left; padding: 0; margin:0; width: 215px; height: 30px; } .search label {display: none;} .search input[type=text]{background: none; border: none; color: #000000; padding: 5px 5px 5px 15px; float: left; width: 165px; height: 20px; } .search input.go_button_search {float: right; display: inline-block; background: url('images/search_icon.png') no-repeat 2px 9px; width: 30px;height: 30px; border: 0; margin: 0;} .search input.go_button_search:hover {background: url('images/search_icon_hover.png') no-repeat 2px 9px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .navcontainer {clear: both; width: 100%; display: block; overflow: hidden; background: #fff;} .breadcrumb {display: none; font-size: 1.3em; height: 1px; overflow: visible;} .breadcrumb a {color: #fff; text-decoration: none;} .breadcrumb a:hover {color: #fff; text-decoration: underline;} .breadcrumb_col2 {position: absolute;top: 0; padding: 8px 8px 10px 8px; color: #858585; border-left: 1px solid #fff; margin-left: 600px;} .breadcrumb_col2 a:first-child {border-right: 1px solid #fff;padding-right: 10px; margin-right: 4px;} .breadcrumb_col2 {} .breadcrumb_col2 a {display: inline-block;} .print_icon {display: none!important;} .breadcrumb_col2 a:hover {text-decoration: none; color: #858585;} .print_icon img {width: 10px; padding:0; margin:0; padding-right: 5px; padding-left: 5px; line-height:0; display: none;} .breadcrumb_col3 {display: none;} .left_hand_nav {} .navcontainer ul {position: relative; list-style-type: none; padding: 0; margin: 0 0px 0 15px;} .navcontainer ul li {display: block; float: left; margin-right: 15px;} .navcontainer ul li:hover {background: url('') repeat-x top left;} .navcontainer ul li a {text-decoration:none; display:block; float:left; padding:35px 15px; color:#444; font-size:1.6em; font-weight:bold; } .navcontainer ul li a:link, .navcontainer a:visited {color:#444;} .navcontainer li a:hover {text-decoration:none;} .smallest_text {font-size:.7em;} .smaller_text {font-size:.85em;} .larger_text {font-size:.9em;} .largest_text {font-size: 1em;} .navcontainer ul li:hover > a, .navcontainer ul li.active a { background: url('images/nav_bg_left_hover.png') left center no-repeat; color: #fff; } .navcontainer ul li:hover, .navcontainer ul li.active { background: url('images/nav_bg_right_hover.png') right center no-repeat; } .navcontainer ul li div.maintag { display: block; overflow: hidden; background: url('images/mainnavtag.png') center bottom no-repeat; } .navcontainer ul li.register { float:right; background: url('images/O_nav_bg_right.png') right center no-repeat; color: #fff; } .navcontainer ul li.register:hover { background: url('images/O_nav_bg_right_hover.png') right center no-repeat; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .navcontainer ul li.register a { background: url('images/O_nav_bg_left.png') left center no-repeat; color: #fff; padding:35px 35px 35px 20px; } .navcontainer ul li.register a:hover { background: url('images/O_nav_bg_left_hover.png') left center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .language { float: right; margin-top:10px; margin-right: 30px; width: 88px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .language a { padding: 0; display: block; text-align: center; color: #fff; font-weight: bold; font-size: 1.35em; width: 68px; padding: 14px 10px 15px 10px; background: url('images/lang_but.png') right center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .language a:hover { text-decoration: none; background: url('images/lang_but_hover.png') right center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sm_links { float: left; margin-top:22px; margin-right: 15px; width: 40px; } .sm_links a { margin-right: 4px; } /* ---------------------------------------------------------------------------------------------------- Content styles - Footer >> ---------------------------------------------------------------------------------------------------- */ .footer {background: url('images/footer.png') no-repeat top right; width: 960px; margin: auto; text-align: left; padding: 0; clear: both; min-height: 190px; border-top: 6px solid #cccccc;} .footernav {width: 100%; clear: both; font-size:1.4em; display: none;} .footernav ul {position: relative; list-style-type: none; top: 5px; padding: 0 20px 0 35px; overflow: hidden;} .footernav ul li {display: block; float: left; height: 30px; margin-left: 10px;} .footernav ul li:hover {} .footernav li a, .footernav a:link, .footernav a:visited {text-decoration:none; display:block; float:left; padding:0 15px; font-weight:normal;} .footernav li a:hover {text-decoration:none; color: #fff;} .footer2 {width: 100%; clear: both; font-size: 1em; margin-top: 96px; color: #ccc;} .footer2 ul {position: relative; list-style-type: none; padding: 20px 0px; overflow: hidden;} .footer2 ul li {display: block; float: left; height: 30px; margin-left: 10px;} .footer2 ul li:hover {} .footer2 li a, .footernav a:link, .footernav a:visited {text-decoration:none; display:block; float:left; padding:0 10px 0 0; font-size:1.3em; font-weight:normal; color: #333;} .footer2 li a:hover {text-decoration:none; color: #fff;} /* ---------------------------------------------------------------------------------------------------- Content styles - Content >> ---------------------------------------------------------------------------------------------------- */ .content {width: 960px; margin: auto; text-align:left; clear: both; display: block; padding: 0; min-height: 500px; overflow-y: hidden; position: relative; background:#fff; padding-bottom: 60px; background-size: 100% Auto;} .twocol_column2, .threecol_column1 {} .threecol_column1 {width: 100%; position: relative; z-index: 999;} .col2_adjustment {width: 100%!important;} .threecol_column2, .twocol_column2 {float: left; margin: 0; padding:0; display: block; position: relative; z-index: 0; width: 660px; padding-top:30px; background: #fff; margin-top: 60px;min-height: 400px;} .threecol_column3 {display: block; width: 300px; margin: 0; padding:30px 0 0 0; float: left; position: relative; margin-top: 200px;} /* 3 col */ .page_heading_3col, .page_summary_3col, .page_content_3col {position: relative;} .page_heading_3col { margin: 0 30px;} .page_heading_3col {} .p_h_3col_adjustment {left: 0!important; padding-left: 10px;} .page_heading_3col h2 {font-size: 4.8em; line-height: 1.2em; font-weight: 700; vertical-align: bottom; padding-top: 15px;letter-spacing: -.05em;} .page_heading_3col h2 b {font-weight: 600; font-size: 1.2em; display: block;} .page_summary_3col p, .results_sort_results p {} .page_summary_3col p, .results_sort_results h2 {font-size: 1em;} .page_summary_3col, .results_sort_results {padding: 15px 30px 30px 30px; font-size: 2.8em; line-height: 1.2em; color: #0ba6c8; font-weight: 700; letter-spacing: -0.03em;} .page_content_3col h1, .page_content_3col h2, .page_content_3col h3, .page_content_3col h4, .page_content_3col h5, .page_content_3col h6 {padding: 0;} .page_content_3col h1 {font-size: 2.8em; line-height: 1.6em; font-weight: 700; padding: 30px 0 0 0; letter-spacing: -.03em;} .page_content_3col h2 {font-size: 2.4em; line-height: 1.6em; font-weight: 700; padding: 30px 0 0 0; letter-spacing: -.03em;} .page_content_3col h3 {font-size: 2em; padding-top: 15px;} .page_content_3col h4 {font-size: 2em; padding-top: 15px;} .page_content_3col h5 {font-size: 2em; padding-top: 15px;} .page_content_3col p {font-size: 1.6em; line-height: 1.6em; padding-bottom: 15px;} /* 2 col */ .page_heading_2col, .page_summary_2col, .page_content_2col {position: relative;} .page_heading_2col { margin: 0 30px;} .page_heading_2col {} .p_h_2col_adjustment {left: 0!important; padding-left: 10px;} .page_heading_2col h2 {font-size: 4.8em; line-height: 1.2em; font-weight: 700; vertical-align: bottom; padding-top: 15px;} .page_heading_2col h2 b {font-weight: 600; font-size: 1.2em; display: block;} .page_summary_2col p, .results_sort_results p {} .page_summary_2col p, .results_sort_results h2 {font-size: 1em;} .page_summary_2col {padding: 15px 30px 30px 30px; font-size: 2.8em; line-height: 1.2em; color: #0ba6c8; font-weight: 700;} .page_content_2col {padding: 0 70px 0 20px; position: relative; top: -40px;} .page_content_2col h1, .page_content_2col h2, .page_content_2col h3, .page_content_2col h4, .page_content_2col h5, .page_content_2col h6 {padding: 0;} .page_content_2col h1 {font-size: 2.8em; line-height: 1.6em; font-weight: 700; padding: 30px 0 0 0; letter-spacing: -.03em;} .page_content_2col h2 {font-size: 2.4em; line-height: 1.6em; font-weight: 700; padding: 30px 0 0 0; letter-spacing: -.03em;} .page_content_2col h3 {font-size: 2em; padding-top: 15px;} .page_content_2col h4 {font-size: 2em; padding-top: 15px;} .page_content_2col h5 {font-size: 2em; padding-top: 15px;} .page_content_2col p {font-size: 1.6em; line-height: 1.6em; padding-bottom: 15px;} .page_content_3col, .page_content_2col {padding: 0 30px; position: relative; top: 0; background: #fff;} .page_content_2col h1, .page_content_2col h2, .page_content_2col h3, .page_content_2col h4, .page_content_2col h5, .page_content_2col h6 {padding: 0;} .page_content_3col ul {font-size: 1.6em; line-height: 1.4em; padding: 15px 30px; list-style-type: disc;} .page_content_3col ol {font-size: 1.6em; line-height: 1.4em; padding: 15px 30px; list-style-type: decimal;} .page_content_3col_a {clear: both; overflow: hidden;} .page_content_3col_b {margin: auto; width: 960px; display: block; clear: both;} .page_content_3col ul ul {font-size: 1em; line-height: 1.4em; list-style-type: circle;} .page_content_3col ol ol {font-size: 1em; line-height: 1.4em; list-style-type: decimal-leading-zero;} /* ---------------------------------------------------------------------------------------------------- Search page ---------------------------------------------------------------------------------------------------- */ .search_threecol_column1 {display: none;} .search_threecol_column2, .search_twocol_column2 {clear: both;margin: 0;padding: 0; display: block;position: relative;z-index: 0; width: 100%;background: #fff;padding-top: 30px;min-height: 400px; border-top: 5px solid #ccc;} .search_page_heading_3col {margin: 0 30px;} .search_page_heading_3col h1 {font-size: 4.8em;line-height: 1.2em;font-weight: 700;vertical-align: bottom; padding-bottom: 30px;} .search_page_content_3col {padding: 0;position: relative;top: 0;background: #f3f3f3;} .search_threecol_column2 .search_results {display: block; padding: 0; font-size: 1.6em; line-height: 1em;} .search_page_heading_3col h2 b {font-weight: 600; font-size: 1.2em; display: block;} .search_page_content_3col {margin: 0; padding:0;} .results_sort_results {padding: 20px 30px; background: #0ba6c8; color:#fff;} .results_sort_results p {font-size: .6em; font-weight: 400; display: none;} .results_sort_results a {color:#c7f4ff;} .results_sort_results a:hover {color:#fff;} .results_sort_results h2 {font-size: .45em; font-weight: 700; padding: 0; margin: 0; letter-spacing: 0em;} .results_sort_results ul {font-size: .45em; font-weight: 700; padding: 0; margin: 0; letter-spacing: 0em;} .results_top, .results_bottom {margin: 0; padding: 15px 30px; background:#29495a; overflow: hidden;} .results_return {margin: 0; padding: 30px; border-bottom: 1px solid #ccc;} .contentbox_content .results_return:last-child {margin: 0; padding: 30px; border-bottom: 0px solid #ccc;} .results_description {} .results_top, .results_bottom {color: #fff;} .results_top {display: block; overflow: hidden;} .results_bottom {display: block; overflow: hidden; background: #0ba6c8 url('images/tag_blue_left.png') right bottom no-repeat; padding: 15px 30px 55px 30px;} .results_top p, .results_bottom p {padding:5px 0; float: right; display: block; overflow: hidden;} .results_top p.results_pages, .results_bottom p.results_pages {float: left;} .results_title {font-size: 1.8em; padding-bottom: 10px;} .results_return p {padding: 5px 0; line-height: 1.4em;} .results_return a {font-size: .85em; line-height: 1.2em; background: url('images/chev_blue_link_large.png') right center no-repeat; padding:0 25px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .results_return a:hover {background: url('images/chev_darkblue_link_large.png') right center no-repeat; padding:0 30px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .results_detail {color: #666; font-weight: 700; font-size: .8em;} .results_bottom a {color:#8dd9ea;} /* ---------------------------------------------------------------------------------------------------- Site map ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- Border radius settings ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- lefthand nav ---------------------------------------------------------------------------------------------------- */ .left_hand_nav {overflow: hidden; border-bottom: 6px solid #ccc; width: 100%; background: #444;} .left_hand_nav_body {overflow: hidden; width: 100%; padding: 10px 0;} .left_hand_nav a {color: #fff; padding: 10px 30px 10px 20px; display: block; cursor: pointer; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .left_hand_nav h2 a {color: #fff; padding: 10px 30px 10px 20px; display: block; cursor: pointer; font-weight:normal;} .left_hand_nav_header {display: none;} .left_hand_nav_header h2 {font-family: Arial, Helvetica, sans-serif; display: block; font-size: 1.6em;} .left_hand_nav_body ul {position: relative;list-style-type: none;padding: 0;margin: 0 15px;white-space: nowrap;} .left_hand_nav_body ul li {display: block;float: left;} .left_hand_nav_body ul li a {text-decoration: none;display: block;float: left;padding: 12px 30px 12px 15px;color: #fff;font-size: 1.6em;font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .left_hand_nav_body a:hover {color: #888; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .left_hand_nav_header h2 a:hover {text-decoration:none;} .left_hand_nav_body ul li div.navselected a {text-decoration: none;display: block;float: left;color: #bcbcbc;font-size: 1.6em;font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ---------------------------------------------------------------------------------------------------- FMA news items ---------------------------------------------------------------------------------------------------- */ .fma_3col {margin-top: 30px; margin-bottom: 10px; padding-right: 30px;} .fma_3col_title {padding: 10px 30px; display: none;} /* ---------------------------------------------------------------------------------------------------- Inner pages ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- Accordian ---------------------------------------------------------------------------------------------------- */ .accordian {margin-top: 20px; position: relative; left: -30px;} .accordian ul {font-size: 1em; padding: 0; list-style-type: none; width: 630px;} .accordian ul ul {font-size: 1em; padding: 0; list-style-type: disc; width: auto; padding-left: 15px;} .accordian ul li {border-top: 5px solid #fff;border-top: 1px solid #ccc; padding: 15px 30px;} .accordian ul li ul li {border-top: 0px solid #fff;border-top: 0px solid #ccc; padding: 5px 0; font-size: 1.6em; line-height:1.4em;} .accordian ul li ul li ul li {font-size: 1em; line-height:1em;} .accordian ul li a.accordion-toggle { display: block; padding: 15px 0px; font-size: 2em; font-weight: 700; text-decoration:none; line-height: 1.2em;} .accordian ul li a.accordion-toggle:hover {} .js .accordian ul li a.accordion-toggle { display: block; padding: 15px 30px; font-size: 2.4em; font-weight: 700; text-decoration:none; background: url('images/accordian_off.png') no-repeat left top 13px; line-height: 1.2em;} .js .accordian ul li a.accordion-toggle:hover {background: url('images/accordian_off_hover.png') no-repeat left center;} .accordian_content {padding-bottom: 20px;} .js .accordian ul li a.toggleup {background: url('images/accordian_on.png') no-repeat left 21px; -webkit-transition: width 0.4s ease-in; -moz-transition: width 0.4s ease-in; -o-transition: width 0.4s ease-in; transition: width 0.4s ease-in;} .js .accordian ul li a.toggleup:hover {background: url('images/accordian_on_hover.png') no-repeat left 21px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .js .accordian ul li a.toggledown {background: url('images/accordian_off.png') no-repeat left 21px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .js .accordian ul li a.toggledown:hover {background: url('images/accordian_off_hover.png') no-repeat left 21px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} /* ---------------------------------------------------------------------------------------------------- Forms ---------------------------------------------------------------------------------------------------- */ .form_wrapper {padding: 0; font-size: 1.6em; display: block; line-height: 1.6em; color: #fff; width:630px; background: #0ba6c8 url('images/tag_blue_left.png') left bottom no-repeat;} /*.IE-7 .form_wrapper, .IE-8 .form_wrapper {background:none;}*/ .form_wrapper form {padding: 30px 30px 90px 30px;} .form_spacer {float: left;} .form_wrapper h1 {color: #fff; letter-spacing: -.03em;} .form_wrapper h2 {color: #fff; letter-spacing: -.03em;} .form_wrapper h3 {color: #fff;} .form_wrapper h4, .form_wrapper h5, .form_wrapper h6, .form_wrapper p, .form_wrapper ul {color: #fff;} .form_wrapper ul, .form_wrapper el {list-style-type: disc; padding: 15px 15px 0 15px;} .form_dropdown_wrapper {display: block; clear: both; display: block; overflow: hidden; padding: 15px 0;} .form_textfield_wrapper {display: block; clear: both; display: block; overflow: hidden; padding: 15px 0;} .page_content_1col {display: block; clear: both; padding: 15px 0 15px 0; border-bottom: 1px solid #fff; display: block; overflow: hidden; margin-bottom: 15px;} .form_radio_wrapper {display: block; clear: both; display: block; overflow: hidden; padding: 15px 0;} .form_checkbox_wrapper {display: block; clear: both; display: block; overflow: hidden; padding: 15px 0;} .form_textarea_wrapper {display: block; clear: both; display: block; overflow: hidden; padding: 15px 0;} .form_centercol_button {display: block; clear: both; display: block; overflow: hidden; padding: 0;margin-top: 30px; padding: 15px 0px;} .form_centercol_button br {display:none;} .form_leftcol_dropdown {clear:both; display: block; font-weight: bold; padding: 10px 0;} .form_leftcol_textfield {clear:both; display: block; font-weight: bold; padding: 10px 0;} .form_leftcol_radio {clear:both; display: block; font-weight: bold; padding: 10px 0;} .form_leftcol_checkbox {clear:both; display: block; font-weight: bold; padding: 10px 0;} .form_leftcol_textarea {clear:both; display: block; padding: 10px 0;} .form_rightcol_dropdown {clear:both; display: block;} .form_rightcol_textfield {clear:both; display: block;} .form_rightcol_radio {float: left; display: block; overflow: hidden; padding-right: 20px;} .form_rightcol_checkbox {float: left; display: block; overflow: hidden; padding-right: 20px;} .form_rightcol_textarea {clear:both; display: block;} .form_leftcol_textfield_label {font-weight: bold; padding: 10px 0;} .form_wrapper input[type="text"] {font-family: Arial, Helvetica, sans-serif; width: 96%; padding: 2%; border: none; font-size: 1em;} .form_wrapper textarea {font-family: Arial, Helvetica, sans-serif; width: 96%; padding: 2%;border: none; font-size: 1em; resize: none; overflow: auto;} .form_rightcol_dropdown {width: 50%;height: auto; overflow: hidden; background: #fff url('images/selectdropdown.png') no-repeat right; display: block; text-align: left; overflow: hidden;} .form_rightcol_dropdown select {font-family: Arial, Helvetica, sans-serif;background: transparent;padding: 0% 2%;width: 120%;line-height: 1;border: 0;border-radius: 0;height: auto;height: 36px;-webkit-appearance: none;margin-bottom: 0px; overflow: hidden;} .form_rightcol_checkbox_input {width: 23px; height: 23px;} .form_rightcol_radio input[type=radio] {width: 23px; height: 23px; display:none;} .form_rightcol_radio input[type=radio] + label {display:inline-block; width:auto; height:23px; background:url('images/radiobox.png') 0px 0px no-repeat;cursor:pointer;vertical-align:middle; padding: 4px 0 0 30px; overflow: hidden;} .form_rightcol_radio input[type=radio]:checked + label { background:url('images/radiobox.png') 0px -27px no-repeat; } .form_wrapper input[type="submit"] {-webkit-appearance: button;cursor: pointer;} .form_rightcol_button_input {font-size: 1.2em;padding: 10px 35px 10px 15px;display: inline-block;color: #fff;position: relative;bottom: 0;border: 0;background: #29495a url('images/chev_white_submit_link.png') no-repeat center right; -webkit-transition: background 0.1s ease-in; -moz-transition: background 0.1s ease-in; -o-transition: background 0.1s ease-in; transition: background 0.1s ease-in; } .form_rightcol_button_input:hover {background: #858585 url('images/chev_white_submit_link.png') no-repeat center right;} .form_rightcol_checkbox .form_rightcol_checkbox_input {width: 23px; height: 23px; display: inline-block;} .form_rightcol_checkbox .form_leftcol_textfield_label {display: inline-block; width:auto; height:23px; background:none; cursor:pointer; margin:0; vertical-align:middle; padding: 0; overflow: hidden; position: relative; top: -6px;} /* Form error */ .form_error_heading {padding: 0; margin-top: 30px; font-size: 1.6em; display: block; background: #e7e7e7;;line-height: 1.6em; width: 630px;} .form_error_heading .page_content_2col br {display: none;} .form_error_heading .page_content_2col {line-height: 1.6em;padding: 30px;} .form_error_heading .page_content_2col h4 {padding: 0;font-size: 2.2em; color: red; font-weight: 700;} .form_error_heading .page_content_2col p {font-size: 1em;padding: 10px 0 0 0;} .form_error_heading .page_content_2col ul, .form_error_heading .page_content_2col el {list-style-type: disc; padding: 15px 15px 0 15px;} .form_error_heading .page_content_2col {background: none;} /* ---------------------------------------------------------------------------------------------------- Online registration ---------------------------------------------------------------------------------------------------- */ #reg_form_iframe {width:100%; margin-bottom:40px; border:none;} /* ---------------------------------------------------------------------------------------------------- Site Map ---------------------------------------------------------------------------------------------------- */ .sitemap_wrapper {border-top: 5px solid #ccc;} .sitemap_header {margin: 0 30px; padding-top: 30px;} .sitemap_header h2 {font-size: 4.8em;line-height: 1.2em;font-weight: 700;vertical-align: bottom;padding-top: 15px;padding-bottom: 30px;} .sitemap_col1, .sitemap_col2 {clear: both; width: 100%;padding:0; overflow: hidden;} .sitemap_item_wrapper {background: #eee;padding: 0 0 20px;margin: 0;} .sitemap_item_header {} .sitemap_item_header h2 {background: #0ba6c8;color: #fff;font-size: 2.8em;margin: 0;padding: 25px 30px; font-weight: 700;} .sitemap_item_header h2 a {text-decoration: none;color: #fff;} .sitemap_item_text {padding-top: 10px;} .sitemap_item_text ul {overflow: hidden;list-style-type: none;padding: 0;margin: 0;display: block; width: 990px;} .sitemap_item_text ul ul {display: none;} .sitemap_item_text ul li {float: left; width: 300px; overflow: hidden; padding: 0 30px 0 0; display: inline-block;} .sitemap_item_text ul li a { padding: 20px 30px; text-decoration: none; font-weight: bold; font-size: 1.6em; line-height: 1.2em; display: block; background: #fff; border-bottom: 1px solid #eee; } /* ---------------------------------------------------------------------------------------------------- Index list page ---------------------------------------------------------------------------------------------------- */ .search_form {display: none;} .text_article_3col {background:#ededed; padding: 0; margin: 0; border-bottom: 1px solid #fff; display:block; width: 630px; overflow: hidden;} .text_article_3col_wrapper {padding: 15px 30px;} .text_article_3col_title h3 {font-size: 2em;} .text_article_3col_date {font-size: 1.2em; font-weight: bold; padding: 5px 0;} .text_article_3col_text {font-size: 1.6em; line-height: 1.4em;} .col3NoImageDottedSeparator {display: none;} .image_article_3col_image {float: left; display: inline-block; padding: 15px 30px;} .image_article_3col_image img {width: 100px; height: 100px;} /* ---------------------------------------------------------------------------------------------------- Spotlight ---------------------------------------------------------------------------------------------------- */ .spotlight_column {display: none;} /* ---------------------------------------------------------------------------------------------------- Video items in iframes ---------------------------------------------------------------------------------------------------- */ .page_content_3col iframe {width: 100%; height:368px; padding-bottom: 30px;} .page_content_3col .hometab_col iframe {height:278px; padding-bottom: 0;} /* ---------------------------------------------------------------------------------------------------- Download docs ---------------------------------------------------------------------------------------------------- */ .doc_download_3col {background: #ededed;padding: 0 0 45px 0;margin: 60px 30px 60px 0;font-size: 1em;line-height: 1.5em;} .doc_download_3col_wrapper {padding: 30px 30px 0 30px; font-size: 1.25em;clear: both;display: block;overflow: hidden;} .doc_download_3col_icon {float: left; display: inline; margin-right: 20px;} .doc_download_3col_heading h3 {font-size: 1.4em;line-height: 1.2em;padding: 30px 0 5px 30px;text-transform: uppercase;border-bottom: 1px solid #cccccc;letter-spacing: .15em;margin-right: 30px;} .doc_download_3col_wrapper a {font-size: 1.6em; line-height: 1.2em; font-weight: 700;} /* ---------------------------------------------------------------------------------------------------- register Hub ---------------------------------------------------------------------------------------------------- */ #CTA_reg_hub {display: block; background: #f6f6f6; padding: 0; margin:0; overflow: hidden; background: #f6f6f6 url('images/register-hub-tag.png') left bottom no-repeat; padding-bottom: 60px; position: relative; left: -30px; width: 630px; margin-top: 30px;} #CTA_reg_hub #CTA_register {display: block;background: #f29202 url('images/tag_register_clear.png') left bottom no-repeat;padding: 28px 15px 50px 30px;overflow: hidden;} .CTA_reg_hub_area {padding-bottom: 30px;} .CTA_reg_hub_area h3 {font-size: 2.4em; padding-top: 30px; padding-left: 100px; color: #f29202; padding-right: 60px;} .CTA_reg_hub_area p {padding-left: 100px; padding-top: 15px; padding-right: 60px;} .CTA_reg_hub_area ul {padding-left: 100px; padding-top: 15px;} #CTA_reg_calling {background: url('images/reghub_call.png') 30px 25px no-repeat; border-bottom: 1px solid #cccccc; } #CTA_reg_bypost {background: url('images/reghub_post.png') 30px 25px no-repeat; border-bottom: 1px solid #cccccc; } #CTA_reg_notsure {background: url('images/reghub_question.png') 30px 25px no-repeat;} .page_content_3col .CTA_reg_hub_area ul li {margin-left: 20px; padding-bottom: 5px;} #CTA_reg_hub #CTA_register h3 { color: #fff; font-size: 3.4em; line-height: 1.2em; padding: 30px; background: url('images/register_arrowb.png') right center no-repeat; position: relative; left: -30px; width: 90%; height: auto; } #CTA_reg_hub #CTA_register p {margin-top: 0; margin-bottom: 0;} #CTA_reg_hub #CTA_register img {margin-bottom:20px;margin-right:30px;} #CTA_reg_hub #CTA_register h3 a { color: #0ba6c8; font-weight: bold; background: none; padding: 0 30px 0 70px; background: url('images/reghub_online_blue.png') left center no-repeat; display: block; } #CTA_reg_hub #CTA_register h3 a:hover { color: #f29202; background: url('images/reghub_online.png') left center no-repeat; } #CTA_reg_hub #CTA_reg_notsure h3 a {color:#f29202; background:url(images/chev_orange_link_large.png) right center no-repeat; padding-right:25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_reg_hub #CTA_reg_notsure h3 a:hover {color:#bf7402; background:url(images/chev_darkorange_link_large.png) right center no-repeat; padding-right:30px;} /* ---------------------------------------------------------------------------------------------------- FMA areas ---------------------------------------------------------------------------------------------------- */ .sidefma_top {padding: 0; margin: 0;} .sidefma_bottom {padding: 0; margin: 0;} /* Register */ #CTA_register {display: block; background: #f29202; padding: 30px;} .page_content_3col_b #CTA_register {display: block; background: #f29202 url('images/tag_register.png') left bottom no-repeat; padding: 28px 15px 28px 30px;} #CTA_register h3 {color: #fff; font-size: 2em; line-height:1.2em; padding: 30px 15px 30px 30px; background: url('images/register_arrowb.png') right center no-repeat; position: relative; left: -30px; display:block; width: 100%;} #CTA_register h3 a {color: #0ba6c8; font-weight: bold; background: none; padding: 0 25px 0 0;} #CTA_register h3 a:hover {color: #f29202; font-weight: bold; background: none;} #CTA_register p {color: #fff; font-size: 1.6em;line-height: 1.6em; padding-top: 15px;} #CTA_register ul {position: relative;list-style-type: none;;margin: 0; padding: 0; overflow: hidden; padding-bottom: 15px; font-size: 1.6em; line-height: 1.6em; padding-top: 15px;} #CTA_register ul li {display: block;float: left;margin-right: 20px; text-align: center;} #CTA_register ul a {color: #fee1b5; font-weight: bold; background: url('images/chev_lightorange_link.png') right center no-repeat; padding: 0 15px 0 0;} #CTA_register a {color: #fee1b5; font-weight: bold; background: url('images/chev_lightorange_link.png') right center no-repeat; padding: 0 15px 0 0;} #CTA_register a {color: #fee1b5; font-weight: bold; background: url('images/chev_lightorange_link.png') right center no-repeat; padding: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_register a:hover {text-decoration:none; color: #fff; background: url('images/chev_white_link.png') right center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_register a.external {background: url('images/external_lightorange.png') right center no-repeat;padding: 0 20px 0 0;} #CTA_register a.external:hover {background: url('images/external_white.png') right center no-repeat;padding: 0 20px 0 0;} #CTA_register ul li.reg_online {background: url('images/register-online.png') center top no-repeat; width: 54px; padding-top: 50px; text-align: left;} #CTA_register ul li.reg_bytel {background: url('images/register-bytel.png') center top no-repeat; width: 45px; padding-top: 50px; padding-left: 15px; text-align: left;} #CTA_register ul li.reg_bypost {background: url('images/register-bypost.png') center top no-repeat; width: 44px; padding-top: 50px; padding-left: 0px; text-align: left;} /* Countdown */ #CTA_countdown {display: block; background: #29495a; padding: 30px; border-bottom: 15px white solid; text-align:center; position:relative; zoom:1;} #CTA_countdown h3 {color: #fff; font-size: 2em; line-height:1.2em; display:none;} #CTA_countdown h3.countdownreached {display:none;} #CTA_countdown h3 span.main {display:block; font-size:1.3em;padding: 0 0 5px 0;} #CTA_countdown p {padding-top:15px;} #CTA_countdown {display: none;} /* New Home CTA register - ADJUSTED JUNE 2015 */ #CTA_register_b {display: block;background: #f29202;padding: 30px;} .page_content_3col_b #CTA_register_b, .page_content_3col #CTA_register_b {display: block;background: #f29202 url('images/tag_register.png') left bottom no-repeat;padding: 28px 15px 78px 30px;} #CTA_register_b h2 {font-size: 2em;line-height: 1.2em;font-weight: 700;padding: 0 20px 20px 0;letter-spacing: -.03em;color:#fff;} #CTA_register_b h3 {color: #fff;font-size: 3.6em;line-height: 1.2em;padding: 0 0 20px 0;display: block;} #CTA_register_b ul {position: relative;list-style-type: none;;margin: 0; padding: 0; overflow: hidden; font-size: 1.6em; line-height: 1.6em; padding-top: 5px; left:-30px; overflow:hidden;} #CTA_register_b ul li {display: block;margin-right: 20px; text-align: left; margin-bottom:10px;} #CTA_register_b ul.reg li {background:#0ba4c6; cursor:pointer;} #CTA_register_b ul.reg li.optin {background: #0ba4c6 url('images/form_icon_opt_in_white.png') 30px center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_register_b ul.reg li.optout {background: #0ba4c6 url('images/form_icon_opt_out_white.png') 30px center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_register_b ul.reg li.optin:hover {background: #31586c url('images/form_icon_opt_in_white.png') 30px center no-repeat; } #CTA_register_b ul.reg li.optout:hover {background: #31586c url('images/form_icon_opt_out_white.png') 30px center no-repeat; } #CTA_register_b ul.reg li a {padding: 20px 30px 20px 90px; display: inline-block; font-size:1.4em; color:#fff;} #CTA_register_b ul.reg li a span.title {line-height: 1em; font-size:1.5em; font-weight:600; background: url('images/chev_white_link_large.png') 96% center no-repeat; padding: 0 30px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #CTA_register_b ul.reg li a:hover span.title {background: url('images/chev_white_link_large.png') 100% center no-repeat; } #CTA_register_b ul.reg li a span.desc {display:block; font-size:1em; padding: 10px 0 0 0; line-height: 1em;} #CTA_register_b p {color: #fff; font-size: 1.6em;line-height: 1.6em; padding: 15px 30px 0 0;} #CTA_register_b ul.call {padding-top:0px;} #CTA_register_b ul.call li {background:#427461; padding:10px 30px 20px 30px;} #CTA_register_b ul.call li h4 {font-size: 1.4em;color: #fff;} #CTA_register_b ul.call li p {color: #fff;font-size: 1em;line-height: 1.4em;padding-top: 10px;} #CTA_register_b p a { color:#fee1b4; background: url('images/cta_regblock_external.png') right center no-repeat; padding: 0 20px 0 0;} #CTA_register_b p a:hover { color:#fff; background: url('images/cta_regblock_external_on.png') right center no-repeat; padding: 0 20px 0 0;} /* New Side CTA register - ADJUSTED JUNE 2015 */ .sidefma_top #CTA_register_b {padding: 30px 0 30px 30px;border-bottom: 15px white solid;} .sidefma_top #CTA_register_b h2 {font-size: 2em;padding: 0 30px 15px 0;} .sidefma_top #CTA_register_b h3 {font-size: 2.4em;padding: 0 30px 10px 0;} .sidefma_top #CTA_register_b ul li {clear:both;margin-right: 0;} .sidefma_top #CTA_register_b ul.reg li.optin {background: #0ba4c6 url('images/form_icon_opt_in_small.png') 30px 20px no-repeat;} .sidefma_top #CTA_register_b ul.reg li.optout {background: #0ba4c6 url('images/form_icon_opt_out_small.png') 30px 20px no-repeat;} .sidefma_top #CTA_register_b ul.reg li a span.desc {font-size: .875em;} .sidefma_top #CTA_register_b ul.reg li a {padding: 20px 30px 20px 70px;} .sidefma_top #CTA_register_b ul.call li h4 {font-size: 1.4em; line-height: 1.1em;} .sidefma_top #CTA_register_b ul.call li {padding: 15px 30px 20px 30px;} .sidefma_top #CTA_register_b p {padding: 15px 15px 0 0;} /* Awareness Block / Related */ .CTA_awarenessblock {display: block; background: #0ba6c8; padding: 0 0 30px 0; margin:0;} .CTA_awarenessblock h2 {color: #fff; font-size: 2.4em; line-height:1.2em; padding: 30px 30px 25px 30px; letter-spacing: 0!important;} .CTA_awarenessblock h3 {color: #fff; font-size: 2em; line-height:1.2em; padding: 30px 30px 0px 30px;} .CTA_awarenessblock img {width: 100%; border:none;} .CTA_awarenessblock p {color: #fff; font-size: 1.6em;line-height: 1.6em;padding: 15px 30px 0px 30px;} .CTA_awarenessblock a {color: #c7f4ff; font-weight: bold; background: url('images/chev_lightblue_link.png') right center no-repeat; padding: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .CTA_awarenessblock a:hover {color: #fff; background: url('images/chev_white_link.png') right center no-repeat; text-decoration:none; padding: 0 20px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .CTA_awarenessblock a img {background: none;} .CTA_awarenessblock a img:hover {background: none;} .CTA_awarenessblock h2 a {color: #c7f4ff; font-weight: bold; background: none; padding: 0; letter-spacing: -.03em;} .CTA_awarenessblock h2 a:hover {color: #fff; font-weight: bold; background: none; padding: 0; letter-spacing: -.03em;} .CTA_awarenessblock a.image {padding: 0; background: none;} .CTA_awarenessblock a.image:hover {padding: 0; background: none;} /* Social Media */ .socialmedia {display: block; background: #29495a url('images/tag_sharethis.png') right bottom no-repeat; padding: 30px 0px 80px 30px;} .socialmedia h3 {color: #ccc; font-size: 1.4em; line-height:1.2em; padding: 0 0 10px 0; text-transform:uppercase; border-bottom: 1px solid #cccccc; letter-spacing: .2em; font-weight: 400;} .addthis_toolbox {padding-top: 15px;} .addthis_toolbox a {margin-right: 10px;} /* Facts & Myths */ #CTA_facts {display: block; background: #0ba6c8; padding: 30px 30px; position: relative;} #CTA_myths {display: block; background: #29495a; padding: 30px 30px; position: relative;} .js #CTA_facts {padding: 30px 50px;} .js #CTA_myths {padding: 30px 50px;} .prev, .next {width: 30px; height: 30px; position: absolute; cursor:pointer;} .prev {left:0; background: #666666 url('images/scrollleft.png') no-repeat center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .next {right:0; background: #666666 url('images/scrollright.png') no-repeat center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .prev:hover {background: #000000 url('images/scrollleft.png') no-repeat center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .next:hover {background: #000000 url('images/scrollright.png') no-repeat center;} #CTA_facts h4, #CTA_myths h4 {color: #fff; padding-top: 0px; font-size: 2.4em; line-height: 1.2em; padding-bottom: 15px;} #CTA_facts a {color: #b1f1ff;font-weight: 700;font-size: 16px; margin-top:10px; background: url('images/chev_lightblue_link.png') right center no-repeat;padding: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_myths a {color: #0ba6c8;font-weight: 700;font-size: 16px; margin-top:10px; background: url('images/chev_blue_link.png') right center no-repeat;padding: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #CTA_facts a:hover, #CTA_myths a:hover {color: #fff;background: url('images/chev_white_link.png') right center no-repeat;padding: 0 20px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .page_content_3col #CTA_facts ul, .page_content_3col #CTA_myths ul { font-size: 1em; padding: 0; margin:0; list-style-type: none; display: block; overflow: hidden; width: 200px; height: auto !important; } .js .page_content_3col #CTA_facts ul, .js .page_content_3col #CTA_myths ul { Left: -10px; position: relative; } .page_content_3col #CTA_facts ul li, .page_content_3col #CTA_myths ul li{ display: none; width: 200px; height: auto !important; position:relative!important; } .page_content_3col #CTA_facts ul li:first-child, .page_content_3col #CTA_myths ul li:first-child{ display: block; } .factsmythstab {padding:0; margin: 0; display: block;} span.label {padding: 0 0 20px 0; display: inline-block; color: #fff; font-size:2.8em; font-weight:bold;} span.label {padding: 0 0 20px 0; display: inline-block; color: #fff; font-size:2.8em; font-weight:bold;} .js span.label {padding: 25px 30px; margin-right: 4px; cursor:pointer;} .js span.label {padding: 25px 30px; cursor:pointer;} span.myth {background: #29495a url('images/myth_cross.png') right top no-repeat; padding-right: 45px; padding-top: 4px;} span.fact {background: #0ba6c8 url('images/fact_tick.png') right top no-repeat; padding-right: 45px; padding-top: 4px;} .js span.myth {background: #29495a url('images/myth_cross.png') right center no-repeat; padding-right: 45px;} .js span.fact {background: #0ba6c8 url('images/fact_tick.png') right center no-repeat; padding-right: 45px;} .js span.myth:hover {color: #ddd; background: #29495a url('images/myth_cross_over.png') right center no-repeat;} .js span.fact:hover {color: #ddd; background: #0ba6c8 url('images/fact_tick_over.png') right center no-repeat; } /* Relatedblock */ .CTA_relatedblock {display: block; background:#e7e7e7; padding: 30px 30px 15px 30px;} .CTA_relatedblock h3 {font-size: 2.4em; font-weight: bold;padding-top: 0px; line-height: 1.2em; padding-bottom: 15px;} .CTA_relatedblock h3 a {font-weight: bold; background: none;} .CTA_relatedblock h3 a:hover {background: none;} .CTA_relatedblock p {padding-bottom: 15px;} .shadeb {background:#f3f3f3;} .CTA_relatedblock a {background: url('images/chev_blue_link.png') right center no-repeat;padding: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .CTA_relatedblock a:hover {background: url('images/chev_darkblue_link.png') right center no-repeat;padding: 0 20px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} /* ---------------------------------------------------------------------------------------------------- STORIES ---------------------------------------------------------------------------------------------------- */ .stories_nav {background: #0ba6c8 url('images/tag_blue_left.png') left bottom no-repeat; display: inline-block; position: relative; left: -30px; margin-top:60px; padding: 30px 30px 75px 0px;} .stories_nav ul {background: url('images/register_arrowb.png') right center no-repeat; display: inline-block; padding: 0 60px 0 0; list-style-type: none; overflow: hidden;} .stories_nav ul li {float: left;padding: 30px;} .stories_nav ul li:first-child {border-right: 1px solid #0ba6c8;} .stories_nav ul li a {font-size:1.1em; font-weight: bold;} .stories_nav ul li.left a {padding: 15px 15px 15px 30px; background: url('images/arrow_left_darkblue_link.png') left center no-repeat;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .stories_nav ul li.right a {padding: 15px 30px 15px 15px; background: url('images/arrow_right_darkblue_link.png') right center no-repeat;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .stories_nav ul li.left a:hover {background: url('images/arrow_left_darkblue_link.png') left center no-repeat;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .stories_nav ul li.right a:hover {background: url('images/arrow_right_darkblue_link.png') right center no-repeat;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .form_wrapper {padding: 0; font-size: 1.6em; display: block; line-height: 1.6em; color: #fff; width:630px; } .form_wrapper form {padding: 30px 30px 90px 30px;} /* ---------------------------------------------------------------------------------------------------- Opt cols - ADDED JUNE 2015 ---------------------------------------------------------------------------------------------------- */ .optcola {width:270px;display:block;float:left;} .optblock {background:#d1e2e7; text-align:center; color:#444; font-weight:bold;} .optblock p {padding:15px;} .optblock h3 {background:#0ba4c6; color:#fff; display:block; text-align:center; font-size:3.2em; padding:0;} .optblock a {color:#fff; display:block; padding:30px 0; cursor:pointer;} .optblock a span {padding: 0 30px 0 0; background: url('images/chev_white_link_large.png') 98% center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .optblock a:hover {background:#31586c;} .optblock a:hover span {background: url('images/chev_white_link_large.png') 100% center no-repeat;} .optblock span.none {color:#fff; display:block; padding:30px 0;} .optinfo {padding:15px 0;} .optinfo a {font-size: 1.8em; line-height: 1.2em; padding: 0 15px 0 0; background: url('images/chev_blue_link.png') right center no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight:600; letter-spacing: -0.03em;} .optinfo a:hover {background: url('images/chev_darkblue_link.png') right center no-repeat; padding: 0 20px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .optcol_first {margin-right:30px;} .opttitle {padding: 15px 0; height:60px;} .opttitle h3 {font-size: 2.6em; padding-top: 5px;letter-spacing: -.04em; line-height:1em;} .opttitle h3 b, .opttitle h3 strong {color:#f29202; font-weight:600;} .opttitle.optin {background: url('images/form_icon_opt_in.png') 0px 5px no-repeat; padding: 0 0 15px 60px;} .opttitle.optout {background: url('images/form_icon_opt_out.png') 0px 5px no-repeat; padding: 0 0 15px 60px;} .opttitle.withdraw {background: url('images/form_icon_withdraw.png') 0px 5px no-repeat; padding: 0 0 15px 60px;} .opttitle.amend {background: url('images/form_icon_amend.png') 0px 5px no-repeat; padding: 0 0 15px 60px;} .opttitle.optin h3 {padding-top: 15px;} /* ---------------------------------------------------------------------------------------------------- IE JS CHANGES ---------------------------------------------------------------------------------------------------- */ /* IE 8 */ .IE-8 .form_rightcol_dropdown {background: none; border: 1px solid #c9cbca;} .IE-8 .form_rightcol_dropdown select {height: auto; background: #fff; padding: 2%;} .IE-8 .form_rightcol_radio input[type=radio] {width: 23px; height: 23px; display: inline-block; } .IE-8 .form_rightcol_radio input[type=radio] + label {display: inline-block; width:auto; height:23px; background:none;cursor:pointer; margin:0; vertical-align:middle; padding: 0; overflow: hidden; position: relative; top: -4px;} .IE-8 .form_rightcol_radio input[type=radio]:checked + label {display: inline-block;background:none;} .IE-8 .search_form select {height: 30px; background: #fff; padding: 2%;} /* IE 7 */ .IE-7 .searchcol {width:400px;} .IE-7 .languageoff {float: left;clear: both; margin-left: 30px;} .IE-7 .page_content_3col .hometabs ul li {margin-bottom: -3px;} .IE-7 span.label {*zoom: 1;} .IE-7 .factsmythstab {margin-bottom: -4px;} .IE-7 .stories_marker {background: url('images/labeltag_IE7.png') no-repeat bottom left;} /* forms */ .IE-7 .form_rightcol_dropdown {background: none; border: 0px solid #c9cbca;} .IE-7 .form_rightcol_dropdown select {height: auto; background: #fff; padding: 2%;} .IE-7 .form_rightcol_radio label {position: relative; top: 0;} .IE-7 .form_leftcol_radio_label {} .IE-7 .form_rightcol_radio input[type=radio] {width: 23px; height: 23px; display: inline-block;} .IE-7 .form_rightcol_radio input[type=radio] + label {display: inline-block; width:auto; height:23px; background:none; cursor:pointer; margin:0; vertical-align:middle; padding: 0; overflow: hidden; position: relative; top: 0;} .IE-7 .form_rightcol_radio input[type=radio]:checked + label {display: inline-block;background:none;} .IE-7 .form_rightcol_checkbox .form_leftcol_textfield_label {top:0px;} .IE-7 .search_form select {background: #fff; padding: 3%;*zoom: 1.3; *font-size: .8em; border:0;} .IE-7 .search_form {top:1px;} .IE-7 a.external {background: url('images/external_blue.png') right center no-repeat; padding: 0 25px 0 0; display: inline-block;} .IE-7 a.external:hover {background: url('images/external_darkblue.png') right center no-repeat; padding: 0 25px 0 0; display: inline-block;} .IE-7 .CTA_awarenessblock a {display: inline-block;} .IE-7 .addthis_toolbox a {padding: 0 2px!important; display: inline-block; margin:0!important; margin-right: 10px!important;} .IE-7 .addthis_toolbox a:hover {padding: 0 2px!important; display: inline-block; margin:0!important; margin-right: 10px!important;} .IE-7 #CTA_register_b ul.call {padding-top: 10px;} .IE-7 .optblock a span {padding: 0 25px 0 0;display: inline-block;background: url('images/chev_white_link_large.png') 100% 10px no-repeat;} .IE-7 #CTA_register_b p a {display:inline-block;} .IE-7 #CTA_register_b ul.reg li a span.title {display:inline-block;background: url('images/chev_white_link_large.png') 98% 6px no-repeat; cursor:pointer;} .IE-7 #CTA_register_b ul.reg li a:hover span.title {display:inline-block;background: url('images/chev_white_link_large.png') 100% 6px no-repeat;} .IE-7 #CTA_register_b ul.reg li a span.desc {width:100%;} .IE-7 .sidefma_top #CTA_register_b UL LI {display:block; clear:both;} .IE-7 #CTA_register_b p a {display:inline-block;background: url('images/cta_regblock_external.png') 100% 5px no-repeat;} .IE-7 .optinfo a {display:inline-block;background: url('images/chev_blue_link.png') 98% 5px no-repeat;padding: 0 20px 0 0;} .IE-7 .optinfo a:hover {background: url('images/chev_darkblue_link.png') 100% 5px no-repeat; padding: 0 20px 0 0;} .IE-7 .opttitle h3 { font-size: 2.3em; } } /* ---------------------------------------------------------------------------------------------------- WELSH ADJUSTMENTS ---------------------------------------------------------------------------------------------------- */ .cy .socialmedia h3 {letter-spacing: .05em;} .cy #CTA_register ul li {margin-right: 0px;} .cy #CTA_register ul li.reg_online {width: 70px;} .cy #CTA_register ul li.reg_bytel {width: 70px;} .cy .content {background-size: 100% Auto;} /* ---------------------------------------------------------------------------------------------------- CSS TAG REMOVALS ---------------------------------------------------------------------------------------------------- */ .page_heading_3col + br {display:none;} .results_number_of_results + br {display:none;} .results_sort_results ul + br {display:none;} .results_sort_results br {display:none;} /* ---------------------------------------------------------------------------------------------------- Responsive ---------------------------------------------------------------------------------------------------- */ .responsive {display: none;} .visible-mobile {display: none;} .visible-tablet {display: none;} .left_hand_nav_new {display: none;} .navcontainer ul li.indentnav {display: none;} .resp_navigation {display: none;} .resp_form_wrapper {display: none;} #resp_mainnav_wrapper {display: none;} #resp_search_wrapper {display: none;} #resp_secnav_wrapper {display: none;} /*.page_content_3col {padding:0 5%;}*/ .page_content_3col #CTA_facts ul, .page_content_3col #CTA_myths ul {width: 106%!important;} .page_content_3col #CTA_facts ul li, .page_content_3col #CTA_myths ul li{width: 94%!important;} @media (max-width: 979px) { .responsive {display: inherit !important;} .gel_brand {width: auto; padding: 10px 10px 0 10px;} .header {width: auto; padding: 0 10px;} .content {width: auto; padding-left: 0px; padding-right: 0px; margin-left: 10px;margin-right: 10px;} .footer {width: auto; margin-left: 10px; margin-right: 10px;} .threecol_column2, .twocol_column2 {width: 68%;} .threecol_column3 {width: 32%;} .searchcolnav .searchcolnav_extra {display: block;} .searchcolnav a {padding: 0 5px 0 5px;} .language {margin-right: 10px;} .h1col {width: 50%;} .socialmedia h3 {font-size: 1.4em;} .sitemap_item_text ul {overflow: hidden;list-style-type: none;padding: 0;margin: 0;display: block; width: 100%;} .accordian ul {font-size: 1em; padding: 0; list-style-type: none; width: 100%;} .accordian {margin-top: 20px; position: relative; left: 0;} .accordian ul li {border-top: 5px solid #fff;border-top: 1px solid #ccc; padding: 15px 0px;} off.accordian ul li a.accordion-toggle { display: block; padding: 15px 0px; font-size: 2em; font-weight: 700; text-decoration:none;} off.accordian ul li a.accordion-toggle:hover {} .accordian ul li a.accordion-toggle { display: block; padding: 15px 30px; font-size: 2em; font-weight: 700; text-decoration:none; background: url('images/accordian_off.png') no-repeat left center;} .accordian ul li a.accordion-toggle:hover {background: url('images/accordian_off_hover.png') no-repeat left center;} .accordian_content {padding-bottom: 20px;} .accordian ul li a.toggleup {background: url('images/accordian_on.png') no-repeat left center; -webkit-transition: width 0.4s ease-in; -moz-transition: width 0.4s ease-in; -o-transition: width 0.4s ease-in; transition: width 0.4s ease-in;} .accordian ul li a.toggleup:hover {background: url('images/accordian_on_hover.png') no-repeat left center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .accordian ul li a.toggledown {background: url('images/accordian_off.png') no-repeat left center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .accordian ul li a.toggledown:hover {background: url('images/accordian_off_hover.png') no-repeat left center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .text_article_3col {margin-right: 30px; width: auto;} .page_content_3col iframe {width: 100%; height:320px; padding-bottom: 30px;} .form_error_heading {width: 92%;display: block;} .form_wrapper {width: 92%;} .stories_nav ul {padding: 0 30px 0 0;} .stories_nav ul li {float: left;padding: 30px 10px;} #CTA_reg_hub {width: 103.9%;} .threecol_column3 {margin-top: 20%; padding-top:0;} /* ---------------------------------------------------------------------------------------------------- Opt cols ---------------------------------------------------------------------------------------------------- */ .optcola {width:auto;display:block;float:left;} .optblock {background:#d1e2e7; text-align:center; color:#444; font-weight:bold;} .sidefma_top #CTA_register_b ul.reg li a {padding: 20px 15px 20px 70px;} .sidefma_top #CTA_register_b ul.reg li a span.title {font-size: 1.2em;background: url('images/chev_white_link.png') 96% center no-repeat;padding: 0 20px 0 0;} .sidefma_top #CTA_register_b p {line-height: 1.4em;} } @media (min-width: 768px) and (max-width: 979px) { .visible-tablet {display: inherit !important;} .navcontainer ul {margin: 0 10px 0 15px;} .navcontainer ul li {margin-right: 5px;} } @media (min-width: 768px) and (max-width: 880px) { .navcontainer ul li a {font-size: 1.3em; padding: 35px 10px;} .h1col p {color: #fff; font-size: 1.6em; line-height: 1.4em; letter-spacing: -.01em;} .left_hand_nav_body ul li a {font-size: 1.5em;} } /* ---------------------------------------------------------------------------------------------------- Responsive - Mobile ---------------------------------------------------------------------------------------------------- */ @media (max-width: 767px) { body {background: #ccc; min-width:320px;} .js {background: #ccc;} .header {background: #0ba6c8;overflow: hidden; border-bottom: 8px solid #ccc; padding: 0 15px;} .h1col {margin-top: 4%;padding-bottom: 4%; width: 60%; height: auto;} .gel_brand {background: #333333; width: auto; padding: 10px 15px 0 15px; height: 40px; border-bottom: 5px solid #ccc;} .gel_brand img {height: 30px;} .h1col p {color: #fff; font-size: 1.4em; line-height: 1.4em; letter-spacing: -.01em;} .visible-tablet {display: none;} .visible-mobile {display: inherit !important;} .resp_navigation {display: block; background: #fff; border-bottom: 8px solid #ccc; overflow: hidden; padding:10px 10px;} #resp_nav {width: 30px; height: 30px; float: left; cursor: pointer;background: #0ba6c8 url('images/r_navicon.png') no-repeat top center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #resp_nav:hover {background: #02768f url('images/r_navicon.png') no-repeat top center;} #resp_mainnav_wrapper {display: block;} #resp_search_wrapper {display: block;} #resp_mainnav {display: none; background: #fff; border-bottom: 5px solid #ccc;} #resp_search_box {display: none; background: #333; border-bottom: 5px solid #ccc; overflow: hidden;} #resp_mainnav ul {font-size: 1.6em; line-height: 1.4em;} #resp_mainnav ul ul {font-size: 1em;} #resp_mainnav li {display: block; border-bottom: 1px solid #ccc;} #resp_mainnav li a {display: block; padding: 20px 15px; color: #444; font-weight: 700;} #resp_mainnav li:hover {background: #bbbbbb; color: #fff;} #resp_mainnav li a:hover {color: #fff;} #resp_mainnav li.active a {color: #444; padding: 15px;} #resp_mainnav li.active a:hover {color: #fff; padding: 15px;} #resp_mainnav li.active div.maintag {display: block;overflow: hidden; background: #0ba6c8 url('images/mainnavtag.png') left bottom no-repeat; padding: 10px 0; background-position-x: 15px; font-size: 1.1em;} #resp_mainnav li.register div.maintag {/*background: #bbb url('images/mainnavtag_ccc.png') left bottom no-repeat;*/ background-position-x: 15px;} #resp_mainnav li.active div.maintag a {color: #fff;} #resp_mainnav ul li.active ul li a {display: block;padding:15px;color: #fff;font-weight: 700;background:#444;} #resp_mainnav ul li.active ul li a:hover {background:#444;padding:15px; color: #888; } #resp_search_box {font-size: 1.4em; line-height: 1.4em; padding: 20px 15px;} #resp_search_box label {display: none;} #resp_search_box input[type=text] {background: #fff;border: none;color: #000000;padding: 5px 16% 5px 4%;float: left;width: 80%;height: 20px;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #resp_search_box input.go_button_search {position: absolute;display: inline-block;background: url('images/search_icon.png') no-repeat 2px 8px;width: 30px;height: 30px;border: 0;margin: 0;right: 15px;} #resp_search_box input.go_button_search:hover { background: url('images/search_icon_hover.png') no-repeat 2px 8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #resp_search {width: 30px; height: 30px; float: right;margin-left: 5px; cursor: pointer;background: #333 url('images/r_searchicon.png') no-repeat top center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #resp_lang {width: 30px; height: 30px; background: #9C0; float: right; -webkit-border-radius:1px; -moz-border-radius: 1px; border-radius: 1px;} #resp_register {height: 30px; float: left; margin-left: 5px;} #resp_register a {display: block; padding: 10px 35px 10px 15px; color: #fff; font-size: 1.6em; background: #f29202 url("images/O_nav_bg_right.png") no-repeat right center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} #resp_register a:hover {background: #feab2e url("images/O_nav_bg_right_hover.png") no-repeat right center;} #resp_lang a {display: block; padding: 10px 0 10px 0; color: #fff; font-size: 1.4em; background: #005b6f; text-align:center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #resp_lang a:hover {color: #fff; background: #057f9a;} #resp_secnav_wrapper {display: block;} #resp_secnav {display: block; background: #fff; border-top: 8px solid #ccc;} #resp_secnav a {display: block; background: #fff; padding: 25px 15px; font-size: 1.6em; font-weight: bold; color: #444; border-top: 1px solid #ccc;} #resp_secnav a:hover {background: #bbbbbb; color: #fff;} #resp_mainnav ul li.active ul li .navselected a {color: #bcbcbc;} .searchcol {display: none;} .navcontainer {display: none;} .threecol_column1 {display: none;} .threecol_column2, .twocol_column2 {width: 100%; margin-top: 36%; padding-top: 0px; padding-bottom: 30px;} .threecol_column3 {width: 100%; margin-top: 30px;} .socialmedia {background: #29495a url('images/r_tag_sharethis.png') left bottom no-repeat;} /* Content */ .content {margin-left: 0;margin-right: 0;} .doc_download_3col {margin: 60px 0 0 0;} .doc_download_3col_wrapper a {font-size: 1.2em;} .doc_download_3col_heading h3 {margin-right: 30px; margin-left: 0; padding: 30px 30px 5px 30px;} .threecol_column3 {margin-top: 0; border-top: 5px solid #ccc;} .footer {margin-left: 0;margin-right: 0; padding: 0 20px;} .footer2 li a {display: block; clear: both;} .footer2 ul li {display: block;clear: both; margin-left: 0px;} .prev, .next {width: 40px;height: 40px;} .sitemap_item_text ul li {float: left; overflow: hidden; padding: 0; white-space:nowrap; display: block; width: 100%;} .text_article_3col {margin-right: 0px;width: auto;} .fma_3col {padding: 30px 0;margin-right: 0px;} .page_content_3col iframe {width:92%; height:280px; padding-bottom: 30px; padding-left: 30px;} .form_error_heading {width: 100%;} .form_wrapper {width:100%;} .stories_nav {margin-bottom: 30px; width:100%; padding: 15px 30px 75px 0px;} .stories_nav ul {padding: 0 30px 0 0; background:none;} .stories_nav ul li {clear: both; padding: 30px; background: url('images/register_arrowb.png') right center no-repeat; margin-top: 15px;} .stories_nav ul li:first-child {border-right: 0px solid #0ba6c8;} .stories_nav ul li.right a {padding: 15px 30px 15px 0;} .fma_3col {padding: 0;margin-right: 0px; width: 100%;} .fma_3col_image {width: 100%;} .fma_3col_image img {width: 100%;} .page_heading_3col, .page_heading_2col {margin-top:15px;} #CTA_reg_hub {width: 100%;padding-right: 60px;} #CTA_reg_hub #CTA_register {padding: 28px 30px 50px 30px;width: 100%;} .CTA_reg_hub_area p {padding-right: 0px; padding-left: 30px;} .CTA_reg_hub_area h3 {font-size: 2em;padding-right:0px;} .CTA_reg_hub_area ul {padding-left: 30px;} #CTA_reg_bypost {border-bottom: 0px solid #cccccc;} #CTA_reg_notsure {border-bottom: 0px solid #cccccc;} #CTA_reg_calling {border-bottom: 0px solid #cccccc;} .CTA_reg_hub_area {padding-bottom: 0px;} #CTA_reg_bypost {background: url('images/reghub_post.png') 30px 10px no-repeat;} #CTA_reg_notsure {background: url('images/reghub_question.png') 30px 10px no-repeat;} #CTA_reg_calling {background: url('images/reghub_call.png') 30px 10px no-repeat;} .page_content_3col iframe {width:92%; height:280px; padding-bottom: 30px; padding-left: 0;} .page_content_3col .hometab_col iframe {height:278px; width: 86%; padding-bottom: 0; padding-left:30px;} #CTA_countdown h3 {font-size:3em;} #CTA_register_b h3 {font-size: 3em;line-height: 1em;} #CTA_register_b ul {width:110%;} #CTA_register_b ul li {display: block;clear:both;margin-right:0;} #CTA_register_b ul.reg li.optin {background: #0ba4c6 url('images/form_icon_opt_in_white.png') 30px 20px no-repeat;} #CTA_register_b ul.reg li.optout {background: #0ba4c6 url('images/form_icon_opt_out_white.png') 30px 20px no-repeat;} #CTA_register_b ul.reg li.optin:hover {background: #31586c url('images/form_icon_opt_in_white.png') 30px 20px no-repeat; } #CTA_register_b ul.reg li.optout:hover {background: #31586c url('images/form_icon_opt_out_white.png') 30px 20px no-repeat; } #CTA_register_b ul.reg li a span.title {font-size: 1.3em;} .sidefma_top #CTA_register_b ul {width: 100%;} .sidefma_top #CTA_register_b h2 {font-size: 2.8em;padding: 0 30px 15px 0;} .sidefma_top #CTA_register_b ul.reg li a {padding: 20px 30px 20px 90px;} .sidefma_top #CTA_register_b ul.reg li a span.title {font-size: 1.5em; background: url('images/chev_white_link_large.png') 96% center no-repeat;padding: 0 30px 0 0;} .sidefma_top #CTA_register_b p {line-height: 1.4em;} .sidefma_top #CTA_register_b ul.reg li a span.desc {font-size: 1em;} .sidefma_top #CTA_register_b ul.reg li.optin {background: #0ba4c6 url('images/form_icon_opt_in_white.png') 30px 20px no-repeat;} .sidefma_top #CTA_register_b ul.reg li.optout {background: #0ba4c6 url('images/form_icon_opt_out_white.png') 30px 20px no-repeat;} } @media (max-width: 480px) { .gel_brand {background: #333333; width: auto; padding: 10px 10px 0 10px; height: 30px; border-bottom: 4px solid #ccc;} .gel_brand img {height: 20px;} .h1col p {color: #fff; font-size: 1.4em; line-height: 1.2em; letter-spacing: -.005em;} .h1col {width: 80%;} .page_heading_3col h2 {font-size: 3em;} .page_summary_3col, .results_sort_results {font-size: 2.6em; line-height: 1em; letter-spacing: -.005em;} #resp_register a {font-size: 1.4em;} .cy #resp_register a {font-size: 1.2em; letter-spacing: -.06em;} #resp_lang a {font-size: 1.4em;} .page_content_3col h2 {font-size: 2.4em;} .results_sort_results {padding: 15px 30px;} .search_page_heading_3col h1 {font-size: 2.6em;} .results_sort_results p {font-size: .4em;} .results_sort_results h2 {font-size: .4em;} .results_bottom {background: #0ba6c8 url('images/tag_blue_left.png') left bottom no-repeat;} .results_sort_results ul {font-size: .4em; line-height:1.2em;} .h1col p {font-size: 1.2em;} .page_content_3col iframe {width: 86%; height:200px; padding-bottom: 30px; padding-left: 0;} .sm_links {display:none;} #CTA_countdown h3 {font-size:2em;} .opttitle {padding: 0; height:auto;} .sidefma_top #CTA_register_b h2 {font-size: 2.2em;} } @media (max-width: 400px) { #CTA_register h3 {padding: 20px 15px 20px 30px;} }