/** ..:: Credit Ombudsman Services Limited (COSL) ::.. **/

/* Reset */
* { padding: 0; margin: 0; }

/* General*/
body { font-size: 13px; line-height: 1; font-family: Verdana, Arial, sans-serif; color: #444; background: #e7e7e7 url("/Resources/COSL/Sites/COSL/Layout/bg_body.png") repeat-x left 100px; }

a { color: #006eb4; text-decoration: none; }
a:hover { text-decoration: underline; }

/* News Page */ .news-page a { color: #4f731d; }
/* Members Page */ .members-page a { color: #a68a00; }

p { margin: 0 0 1.3em; line-height: 1.5em; }
p strong { font-size: 12px; }
ul, ol { margin: 10px 0 10px 30px; line-height: 1.5em; }
ul { margin: 10px 0; list-style: none; }
ul li { margin: 0 0 10px 15px; padding-left: 15px; background: url(/Resources/COSL/Sites/COSL/Layout/bullet.png) no-repeat left 8px; }
ul li ul li { background-image: url(/Resources/COSL/Sites/COSL/Layout/sub-bullet.png); }
blockquote { line-height: 1.3em; margin: 10px 0 10px 30px; }
img { border: 0; }

h1,h2,h3,h4,h5 { margin: 0 0 20px; font-family: "Helvetica Neue LT Std", "Helvetica Neue", "Helvetica", Arial, Sans-Serif; font-weight: lighter; }
h1 small, h2 small, h3 small { color: #999; font-size: 0.66em; }
h1 { font-size: 48px; color: #222; letter-spacing: -1px; margin-bottom: 40px; line-height: normal; }
h2 { color: #222; font-size: 24px; margin: 20px 0 5px; }
h2:first-child, h2.first-child { margin: 0 0 20px; }
h2 small { font-size: 14px; color: #666; }
h3 { color: #222; font-weight: bold; font-family: Helvetica; font-size: 15px; margin: 30px 0 10px; }
h3:first-child, h3.first-child { line-height:1.3em; margin:0 0 10px; }

/** Common **/
.hide { display: none; }
.clearfix, .clear { display: block; clear: left; padding-top: 20px; }
.alert { padding: 20px; margin: 30px 0; font-size: 12px; font-style: italic; color: black; background-color: #fafafa; border-top: 1px solid #eee; }
.alert .icon { display: block; float: left; width: 16px; height: 16px; margin: 0 20px 0 0; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat left -128px; }
.aurora-expander { line-height: 1.3em; }

/* Structure */
.row-container { position: relative; width: 960px; margin: auto; }

/* Buttons */
#page-container .page-button, .page-button { display: block; float: left; margin: 20px 4px 0 0; padding: 10px; color: #555; font-family: Helvetica, Arial, sans-serif; border: 1px solid #a6a6a6; background: #e5e5e5 url("/Resources/COSL/Sites/COSL/Images/Buttons/home-lg.png") repeat-x left -10px ; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); outline: none; }
#page-container .page-button:hover, .page-button:hover, #page-container .page-button:focus, .page-button:focus { text-decoration: none; border-color: #006eb4; color: black; background-color: #e5f0f7; background-position: left -58px;  }
#page-container .page-button:active, .page-button:active { background-color: white; background-position: left -116px; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; }
#page-container .page-button.first-child { margin: -20px 4px 20px 0; }

.page-button .icon { display: block; float: left; width: 16px; height: 16px; margin: -1px 10px -3px 0; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat; }
.is_ie6 .page-button .icon {
    background: transparent !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=/Resources/COSL/Sites/COSL/Images/Icons/site.png, sizingmethod=crop);
}
.page-button .icon.pdf { background-position: left -32px; }
.page-button .icon.edit { background-position: left -48px; }
.page-button .icon.send { background-position: left -160px; }
.page-button .icon.next { background-position: left -176px; }
.page-button .icon.add { background-position: left -192px; }
.page-button .icon.print { background-position: left -208px; }

.page-button .icon.arrow-circle {
	background: url(/Resources/COSL/Sites/COSL/Images/Icons/arrow-circle.png) no-repeat;
}
.page-button .icon.minus-circle {
	background: url(/Resources/COSL/Sites/COSL/Images/Icons/minus-circle.png) no-repeat;
}

#main-button { float:right !important; margin: 0 !important; }
.has-secondary-content #main-button { float:right !important; margin: 0 -250px 0 0 !important; }

.big-button { top: 15px !important; padding: 17px 15px 12px !important; font-size: 14px; text-transform: uppercase; text-shadow: 0 1px 0 white; }
.big-button .icon { width: 32px; height: 32px; margin: -10px 10px -5px 0; background: transparent url(/Resources/COSL/Sites/COSL/Images/Icons/home-lg.png) top left no-repeat; }
.make-complaint .icon { background-position: top left; }
.become-member .icon { background-position: bottom left; }

/* Forms */
.field-container { overflow: hidden; padding-bottom: 6px; }
.field-name, .field { float: left; padding: 6px; }
.field-name { width: 140px; }
.field { width: 190px; background: white; border: 1px solid #ccc; }

/* Accordions */
.aurora-accordion .title { display: block; cursor: pointer; padding: 5px 0; outline: none; }
.aurora-accordion .words { padding: 5px 26px; }
.aurora-accordion .icon { display: block; float: left; width: 16px; height: 16px; margin: -2px 10px 0 0; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat; }
.aurora-accordion .collapsed .icon { background-position: left -64px; }
.aurora-accordion .expanded .icon { background-position: left -80px; }

/** Usability Warnings **/
.usability-warning { display: block; font-size: 18px; font-family: Arial; color: #fff; text-align: center; line-height: 1; margin: 0 auto; font-weight: normal; background-color: #000; padding: 10px 0 12px; border: 2px #ecb709 solid; border-left: 0; border-right: 0; }
.usability-warning a { color: #ecb709; text-decoration: underline; }
.usability-warning .icon { display: inline-block; width: 16px; height: 16px; margin: 2px 10px -2px 0; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat left -128px; }
.is_ie6 #ie6_warning { display: block !important; }


/** HEADER **/
#header { background: #0b5d9e url(/Resources/COSL/Sites/COSL/Layout/bg_header.png) top left repeat-x; }
#header .row-container { padding: 20px 0; height: 50px; }

/* Members Page*/ .members-page #header { background-color: #bb9a00; background-image: url(/Resources/COSL/Sites/COSL/Layout/bg_header-members.png); }
/* News Page*/ .news-page #header { background-color: #587b24; background-image: url(/Resources/COSL/Sites/COSL/Layout/bg_header-news.png); }

/* Site Search */
#quicksearch input { float: right; font-family: Arial; font-size: 12px; color: #222; width: 267px; height: 13px; padding: 8px 10px 10px 35px; margin: 10px 0 0; border: 0; background: transparent url(/Resources/COSL/Sites/COSL/Layout/bg_siteSearch.png) top left no-repeat; outline: none; }
#quicksearch .aurora-overtext { padding: 8px 10px 12px 35px; font-family: Arial; font-size: 12px; color: #999; width: 267px; height: 11px; font-weight: normal; }

/* Logo & Phone */
#header .logo { margin: 0; float: left; }
#header .logo a { display: block; text-indent: -999in; width: 255px; height: 51px; background: url(/Resources/COSL/Sites/COSL/Layout/cosl-logo.png) top left no-repeat; }

/* Header Navigation */
#header-nav { font-family: Arial, sans-serif; height: 30px; background: #555 url(/Resources/COSL/Sites/COSL/Layout/bg_topNav.png) top left repeat-x; }
#header-nav .row-container { overflow: hidden; background: url(/Resources/COSL/Sites/COSL/Layout/bg_topNav-center.png) top center no-repeat; }

#header-nav .navigation { float: right; padding-right: 1px; background: url(/Resources/COSL/Sites/COSL/Layout/topNav-divider.png) top right no-repeat; }
#header-nav .navigation a { display: block; float: left; text-decoration: none; color: white; font-size: 11px; padding: 9px 10px 9px 12px; background: url(/Resources/COSL/Sites/COSL/Layout/topNav-divider.png) top left no-repeat; }
#header-nav .navigation a:hover, #header-nav .navigation .aurora-button-hover { background-color: rgba(0,0,0,0.1); }
#header-nav .navigation a:hover .arrow, #header-nav .navigation .aurora-button-hover .arrow { opacity: 1; }
#header-nav .navigation .selected { background-color: rgba(0,0,0,0.2); }
#header-nav .navigation .arrow { display: block; float: right; width: 6px; height: 6px; margin: 3px 0 0 10px; background: url(/Resources/COSL/Sites/COSL/Layout/headerNav-arrow.png) top left no-repeat; opacity: 0.5; }
#header-nav .navigation .no-click { cursor: default; outline: none; }

.is_ie7 #header-nav a, .is_ie6 #header-nav a { position: relative; zoom: 1; }
.is_ie7 #header-nav .arrow, .is_ie6 #header-nav .arrow { position: absolute; right: 10px; top: 9px; }
.is_ie7 #header-nav .no-click, .is_ie6 #header-nav .no-click { padding-right: 26px; }

/* Nav Menus */
.header.nav-menu { font-family: Arial, sans-serif; z-index: 600; color: black; padding: 1px 0; font-size: 12px; background: #404040; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.22); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.22); }
.header.nav-menu .arrow { position: relative; }
.header.nav-menu .arrow span { position: absolute; width: 18px; height: 8px; top: -18px; left: 50%; margin-left: -9px; background: url(/Resources/COSL/Sites/COSL/Layout/dropdown-arrow.png) top left no-repeat; }
.header.nav-menu a { display: block; padding: 0 15px; color: #ddd; }
.header.nav-menu a .buffer { display: block; padding: 10px 0; border-bottom: 1px solid #555; }
.header.nav-menu a:last-child .buffer { border: 0; }
.header.nav-menu a:hover { color: white; margin-top: -1px; text-decoration: none; text-shadow: 0 1px 0 #222; background: #666; }
.header.nav-menu a:hover .buffer { padding-top: 11px; }
.header.nav-menu a:hover span { border-color: #666; }
.header.nav-menu a:active, .nav-menu a:focus { background-image: none; }


/** HORIZONTAL NAVIGATION **/
#horizontal-nav { font-family: Arial, sans-serif; height: 50px; overflow: hidden; font-size: 15px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); font-weight: bold; background: #064588 url(/Resources/COSL/Sites/COSL/Layout/bg_horizontalNav.png) top left repeat-x; }


/* Members Page*/ .members-page #horizontal-nav  { background-color: #a98300; background-image: url(/Resources/COSL/Sites/COSL/Layout/bg_horizontalNav-members.png); }
/* News Page*/ .news-page #horizontal-nav  { background-color: #3f6016; background-image: url(/Resources/COSL/Sites/COSL/Layout/bg_horizontalNav-news.png); }

#horizontal-nav .navigation { position: relative; border-left:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(0, 0, 0, 0.1); float:left; overflow:hidden; }
.is_ie7 #horizontal-nav .navigaiton, .is_ie6 #horizontal-nav .navigaiton { width: 600px; }
#horizontal-nav .navigation a { position: relative; padding: 18px 22px; display: block; float: left; text-decoration: none; color: white; border-left:1px solid rgba(0, 0, 0, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); }
#horizontal-nav .navigation a:hover, #horizontal-nav .navigation .aurora-button-hover { background-color: rgba(0,0,0,0.1); }
#horizontal-nav .navigation a:hover .arrow, #horizontal-nav .navigation .aurora-button-hover .arrow { opacity: 1; }
#horizontal-nav .navigation .selected { color: black; text-shadow: 0 1px 0 white; position: relative; z-index: 1; margin: 0 -1px; border: 0; background: url(/Resources/COSL/Sites/COSL/Layout/bg_horizontalNav-selected.png) top left repeat-x; }
#horizontal-nav .navigation .arrow { display: block; float: right; width: 12px; height: 12px; margin: 2px 0 0 10px; background: url(/Resources/COSL/Sites/COSL/Layout/horizontalNav-arrow.png) top left no-repeat; opacity: 0.5; }
#horizontal-nav .navigation .selected .arrow { display: none; overflow: hidden; height: 0; width: 0; margin: 0; }
#horizontal-nav .navigation .no-click { cursor: default; outline: none; }

.is_ie7 #horizontal-nav .arrow, .is_ie6 #horizontal-nav .arrow { position: absolute; right: 20px; }
.is_ie7 #horizontal-nav .no-click, .is_ie6 #horizontal-nav .no-click { padding-right: 42px; }
.is_ie7 #horizontal-nav .selected.no-click, .is_ie6 #horizontal-nav .selected.no-click { padding-right: 22px; }

#horizontal-nav .phone { color: white; float:right; width: 310px; text-align: right; font-weight:normal; margin:18px 0; }
.not_ie #horizontal-nav .phone { color: rgba(255,255,255,0.8); }
#horizontal-nav .phone strong { color: white; }

/* Nav Menus */
.horizontal.nav-menu { font-family: Arial, sans-serif; z-index: 600; color: black; font-size: 12px; padding: 10px 0; background: white url(/Resources/COSL/Sites/COSL/Images/Backgrounds/nav-menu.png) bottom left repeat-x; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.33); -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.33); }
.is_ie .horizontal.nav-menu { border: 1px solid #ccc; }
.horizontal.nav-menu .arrow { position: relative; }
.horizontal.nav-menu .arrow span { position: absolute; width: 18px; height: 8px; top: -18px; left: 50%; margin-left: -9px; background: url(/Resources/COSL/Sites/COSL/Layout/dropdown-arrow.png) top left no-repeat; }
.horizontal.nav-menu a { display: block; padding: 0 15px; color: black; }
.horizontal.nav-menu a .buffer { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.horizontal.nav-menu a:last-child .buffer { border: 0; }
.horizontal.nav-menu a:hover { color: white; text-decoration: none; text-shadow: 0 -1px 0 #004488; background: #0064ad url(/Resources/COSL/Sites/COSL/Layout/dropdown-hover.png) top left repeat-x; }
.horizontal.nav-menu a:hover span { border-color: #0064ad; }
.horizontal.nav-menu a:active, .horizontal.nav-menu a:focus { background-image: none; }

/* Members Page*/
.members-page .horizontal.nav-menu a:hover  { text-shadow: 0 -1px 0 #926900; background-color: #aa8200; background-image: url(/Resources/COSL/Sites/COSL/Layout/dropdown-hover-members.png); }
.members-page .horizontal.nav-menu a:hover span { border-color: #aa8200; }

/* News Page*/
.news-page .horizontal.nav-menu a:hover { text-shadow: 0 -1px 0 #325d11; background-color: #48741d; background-image: url(/Resources/COSL/Sites/COSL/Layout/dropdown-hover-news.png); }
.news-page .horizontal.nav-menu a:hover span { border-color: #48741d; }


/** VERTICAL NAVIGATION **/
#vertical-nav { font-family: Arial, sans-serif; padding: 20px; font-size: 12px; }
#vertical-nav a { position: relative; display: block; }
#vertical-nav a:hover { margin: -1px -21px 0 0; padding-right: 1px; text-decoration: none; color: black; background: transparent url(/Resources/COSL/Sites/COSL/Layout/bg_verticalNav-hover.png) top right repeat-y; }
#vertical-nav a:hover .buffer { border-top: 1px solid #eaeced; background: transparent url(/Resources/COSL/Sites/COSL/Layout/bg_verticalNav-hover-arrow.png) no-repeat 195px center; }
#vertical-nav .buffer { display: block; padding: 15px 0; border-bottom: 1px solid #eaeced; }

#vertical-nav .selected, #vertical-nav .selected:hover { position: relative; z-index: 1; margin: -1px -21px 0; padding-left: 20px; color: black; font-weight: bold; border-top: 1px solid #e8ebed; border-bottom: 1px solid #e8ebed; background: white; }
#vertical-nav .selected .buffer, #vertical-nav .selected:hover .buffer { border: 0; background: none; }

#vertical-nav .icon { display: block; float: left; width: 16px; height: 16px; margin: -2px 10px 0 0; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat; }
#vertical-nav .icon.pdf { background-position: left -32px; }


/** Body **/
.is_ie6 #body { overflow: hidden; }
.is_ie6 #body .row-container { overflow: hidden; }
#body .row-container { border: 1px solid #d3d3d3; background-color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#body .page-buttons { color: #999; font-size: 11px; overflow: hidden; padding: 5px 0 3px 0px; position: relative; width: 960px; margin: auto; }

/* Send Page */
#send-page { display: block; float: right; color: #999; margin: 9px 0; /* padding-right: 10px; border-right: 1px solid #999; */ }
.is_ie7 #send-page, .is_ie6 #send-page { position: absolute; float: none; width: 175px; right: 180px; }
.is_ie7 #send-page .icon, .is_ie6 #send-page .icon { cursor: pointer; }
#send-page .icon { display: block; float: right; width: 16px; height: 16px; margin: -1px 0 -3px 10px; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat; }
#send-page .icon.send { background-position: left -160px; }

/* Text Size */
.text-size { float: right; }
.text-size .text { display: block; float: left; padding: 9px 10px 9px 12px; }
.text-size a { display: block; float: left; text-indent: -9999in; margin: 4px 0 0 2px; width: 20px; height: 20px; background: url(/Resources/COSL/Sites/COSL/Images/Buttons/font-size.png) top left no-repeat; }
.text-size .smaller { background-position: bottom left; }
.text-size .larger { background-position: bottom right; }
.text-size .smaller.selected { background-position: top left; }
.text-size .larger.selected { background-position: top right; }

/* Layout boxes */
#body .body-container { overflow: hidden; }
#body .layout_box { min-height: 200px; }
#body .col_main { width: 940px; overflow: hidden; position: relative; float: left; padding: 30px 20px 20px; }
#body .col_main.has-vertical-nav { float: left; width: 690px; }
#body .col_main h1:first-of-type { width: 900px; overflow: hidden; padding-top: 2px; } /* margin-right: -250px; white-space: nowrap; */
#body .col_main_container.has-secondary-content { width: 440px; }
.is_ie6 #body .col_main.has-secondary-content { width: 690px; }
.is_ie6 #body .col_main.has-secondary-content .col_main_container { width: 440px; }
.is_ie6 #body .col_main.has-secondary-content .col_secondary { width: 190px; }
#body .col_feature { float: left; width: 310px; padding-bottom: 5020px; margin-bottom: -5000px; background: #f7f9fa url(/Resources/COSL/Sites/COSL/Layout/bg_verticalNav.png) top right repeat-y; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; }
#body .col_feature .content-container { padding: 30px 20px; }
#body .col_secondary { float: right; width: 310px; margin: 38px 0 -5000px 20px; padding: 50px 20px 5020px; font-size: 11px; background: url(/Resources/COSL/Sites/COSL/Layout/bg_secondaryCol.png) top left no-repeat; }

/** COPYRIGHT **/
#copyright { font-family: Arial; font-size: 12px; color: #999; padding: 10px 0 80px; }
#copyright a { color: #999; }
#copyright a:hover { color: #666; }
#copyright .logo { float:right; }


/** SITE MAP **/

/* Closed */
#sitemap-closed { z-index: 50; }
#sitemap-closed .icon { background-position: left -96px; }
#sitemap-open { z-index: 100; overflow: visible !important; }
#sitemap-open .content { padding: 35px 0; }
#sitemap-open .icon { background-position: left -112px; }

/* Open */
.site-map { position: fixed; bottom: 0; width: 100%; min-height: 8px; font-family: Arial; background: url(/Resources/COSL/Sites/COSL/Layout/bg_sitemap.png) top center repeat-x; }
.site-map .row-container { position: relative; }
.site-map .content { overflow: hidden; }
.site-map .scroll-button { display: block; position: absolute; width: 115px; height: 7px; padding: 10px 40px; left: 50%; top: -22px; margin-left: -95px; text-decoration: none; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0 rgba(0,0,0,0.4); color: white; font-size: 11px; background: url(/Resources/COSL/Sites/COSL/Images/Buttons/site-map.png) top center no-repeat; outline:  none; }
.site-map .scroll-button .icon { display: block; float: left; width: 16px; height: 16px; margin-top: -2px; background: url(/Resources/COSL/Sites/COSL/Images/Icons/site.png) no-repeat; }

.site-map .column { float: left; width: 143px; padding-right: 20px; }
html>body .site-map .column { float: left; width: 140px; padding-right: 20px; }
.site-map .column:last-child { padding: 0; }
.site-map .column a { display: block; padding: 5px; color: #b3b3b3; font-size: 12px; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.site-map .column a:hover { background-color: #262626; text-decoration: none; }
.site-map .column .parent { text-transform: uppercase; font-weight: bold; color: white; font-size: 11px; padding: 5px; }

/* Acrobat Reader */
.site-map .acrobat-reader { color: #aaa; padding: 5px; font-size: 11px; line-height: 1.2em; }
.site-map .acrobat-reader a { font-size: 11px; color: #eee; display: inline; text-shadow: none; padding: 0; }
.site-map .acrobat-reader a:hover { background: none; text-decoration: underline; }