﻿@import url("resize.css");
@import url("color-picker.css");
@import url("sneakpeek.css");
@import url("lite-box.css");

/* Global Reset */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {border:0px; font-size:10px; font-weight:bold;}
HTML {}
BODY {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:normal; text-align:center;}
BODY DIV {text-align:left;}
.hidden {position:absolute; left:-9000px; top:0px;}
DIV.error UL LI {color:red;}
/* Layout */
.site-container {float:left; width:100%; font-size:1.2em;}
.site {margin:0 auto; width:990px;}
.site-top {float:left; min-height:710px;width:100%; background:url("/global/ctc/img/default-site-bg.gif") 50% 0 no-repeat;}
.header {float:left; width:100%;}
.page {position:relative; float:left; width:100%; margin:7px 0 0; padding:0 0 20px;}
.left-container {float:left; margin:0; padding:0; background:url("/global/ctc/img/full-content-bg.jpg") 0 0 no-repeat #fff;}
.left-col {float:left; min-height:10px; width:197px; margin:0;}
.mid-col {float:left; width:560px;min-height:532px;margin:0; border-left:solid 3px #f2f2f2;}
.right-col {float:right; width:220px; margin:0;}
.site-btm {float:left; width:100%; background:url("/global/ctc/img/footer-bg.gif") 0 0 repeat-x #fff;}
.footer {margin:30px auto 0; width:970px; padding:0 10px}

/* Global Typography */
/* Block Level Elements */
H1 {color:#000000;font-size:2.1em;font-weight:bold;letter-spacing:2px;padding:0.1em 0;text-transform:uppercase;}
H2 {color:#000000; font-size:1.2em; padding:0.1em 0px;}
H3 {color:#c01702; font-size:1.2em; padding:0.1em 0px 0.5em; text-transform:uppercase;}
H4 {color:#C01702;font-size:1.4em;font-weight:bold;line-height:1em;padding:0 0 0.1em;text-transform:uppercase;}
H5 {color:#7bc6c2; font-size:1.5em; padding:0 0 0.1em; font-weight:normal; text-transform:uppercase;}
H6 {color:#000; font-size:1.7em; padding:0 0 0.5em; font-weight:normal; text-transform:uppercase;}
P, LI, DT, DD {color:#000000; font-size:1.0em; padding:0 0 1em;}
P {line-height:1.5em;}
UL {padding:0 0px 0.5em 0; list-style:none;}
OL {padding:0.7em 21px 0.7em 30px;}
UL UL, OL UL {padding:0.5em 0px 0px 0;}
OL OL, UL OL {padding:0.5em 0px 0px 30px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0px; padding:0 0px 0.2em 10px; background:url('/global/ctc/img/arrow-right-red.gif') 3px 6px no-repeat;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0px; padding:0.2em 0px; background:none;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI {font-size:1.0em !important;}
DL {padding:0px 5px 0.5em 0;}
DL DT {padding:0.2em 2px 0.2em 0;}
DL DD {padding:0.2em 0px 0.2em 0;}
DL P, DL LI {font-size:1.0em !important;}
HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}
/* Table Elements */
TABLE {}
TR {}
TD {color:#000000; font-size:1.0em;}
/* Inline Elements */
A:link,
A:visited {color:#c01702; text-decoration:none;}
A:hover {background-color:#c01702; color:#fff;}
A:focus {outline: none;}
/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#000000; font-size:1.0em; padding-left:3px;}
LABEL {color:#000000; font-size:1.0em;}
LEGEND {color:#000000; font-size:1.0em;}
SELECT {color:#000000; font-size:1.0em;}
TEXTAREA {color:#000000; font-size:1.0em; font-family:Verdana,Tahoma,Helvetica,San Serif;}
/* Accessibility Elements */
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

/* UTILITY STYLING */
.off-left {position:absolute; left:-9999em;}
.hide {display:none;}
.fleft {float:left;}
.fright {float:right;}
.smaller-text {font-size:0.9em;}
.xtra-margin-bottom {margin-bottom:10px;}
.xtra-pad-bottom {padding-bottom:10px;}
/* definition lists */
DL DT.split {float:left; clear:both;}
DL DD.split {}

/* HEADER */
.header .ctc-logo {position:relative; float:left; margin:6px 0 12px; width:990px; height:79px; z-index:10; cursor:pointer;}
.header .ctc-logo:hover {background-color:transparent;}
.header .ctc-logo .default-logo {display:block;}
.header .ctc-logo .black-logo {display:none;}
.header .ctc-logo .grey-logo {display:none;}

/* SITE-SEARCH */
.site-search {position:relative;float:right; width:227px; margin:3px 0 0; z-index:20;}
.site-search .txt {float:left; width:160px; padding:0 2px 1px; border:solid 1px #d3d2d2; color:#999; font-size:0.9em;}
.site-search .lt-grey-btn {float:left; margin:0 0 0 3px; padding:0 2px 1px; font-size:0.8em;}

/* SITE CTRL */
.site-ctrl {float:left; width:222px; margin:0; font-size:0.9em;}
.site-ctrl A:link,
.site-ctrl A:visited {float:left; color:#000; text-decoration:none;}
.site-ctrl A:hover {color:#fff;}
.site-ctrl A.print {margin:0 0 0 10px;}
.site-ctrl SPAN {float:left;}
.site-ctrl .divider {float:left; margin:-1px 0 0; padding:0 5px;}
.site-ctrl INPUT {float:left; padding:0; margin:0;background:transparent; border:none; cursor:pointer; text-align:center; line-height:1em;}
.site-ctrl INPUT:hover {background-position:0 100%;}
.site-ctrl INPUT.selected {background-position:0 50%;}
.site-ctrl .size12 {width:10px; height:10px; margin:2px 0 0 2px; background:url("/global/ctc/img/resize12-white.gif") no-repeat 0 0;}
.site-ctrl .size14 {width:12px; height:12px; margin:0 0 0 2px; background:url("/global/ctc/img/resize14-white.gif") no-repeat 0 0;}
.site-ctrl .size16 {width:13px; height:14px; margin:-2px 0 0 2px; background:url("/global/ctc/img/resize16-white.gif") no-repeat 0 0;}
.site-ctrl .color-picker {width:10px; margin:2px 0 0 3px; height:10px;}
.site-ctrl .cp-black {width:10px; margin:2px 0 0 3px; height:10px; background:url("/global/ctc/img/color-picker-black.gif") 0 100% no-repeat;}
.site-ctrl .cp-grey {width:10px; margin:2px 0 0 3px; height:10px; background:url("/global/ctc/img/color-picker-grey.gif") 0 100% no-repeat;}
.site-ctrl .cp-default {width:10px; margin:2px 0 0 3px; height:10px; background:url("/global/ctc/img/color-picker-white.gif") 0 100% no-repeat;}

/* MAIN NAV */
.main-nav {position:relative; float:left; width:760px; height:19px; z-index:150; margin-right:8px;background-color: #C01702;}
.main-nav UL {/*float:left;*/ padding:0; white-space: nowrap;}
.main-nav LI {/*float:left;*/ padding:2px 0; background:none; display:inline-block; max-width: 106px;}
.main-nav LI A:link,
.main-nav LI A:visited {padding:2px 23px; background-color:#c01702; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none;height:21px;}
.main-nav LI A:hover,
.main-nav LI.hover A:link,
.main-nav LI.hover A:visited,
.main-nav LI.selected A:link,
.main-nav LI.selected A:visited {background:none; color:#c01702; background-color: #FFFFFF; height:21px;}
.main-nav LI.last-item A:link,
.main-nav LI.last-item A:visited {padding:2px 36px 2px 23px;}

/* HOVER/SUB NAV */
.submenu {position:relative;}
.submenu UL {display:none; position:absolute;top:17px; left:0; width:180px; padding:10px 10px 10px 23px; background-color:#f8f8f8;}
.submenu LI {float:left; width:100%; padding:0 0 0 5px; margin:0 0 5px; background:url("/global/ctc/img/arrow-right-red.gif") 0 7px no-repeat; clear:both;}
.main-nav .hover LI A:link,
.main-nav .hover LI A:visited {padding:0; color:#000; text-decoration:none; font-weight:bold; font-size:0.9em; text-transform:none; background:none;}
.main-nav .hover LI A:hover {background-color:#c01702; color:#fff;}
.hover UL {display:block;}


/* SECONDARY NAV */
.secondary-nav {float:left; padding:12px 12px 20px;}
.secondary-nav UL {float:left; padding:0;}
.secondary-nav LI {float:left; width:100%; padding:0 0 0 5px; margin:0 0 10px; background:url("/global/ctc/img/arrow-right-red.gif") 0 7px no-repeat; clear:both;}
.secondary-nav LI A:link,
.secondary-nav LI A:visited {color:#000; text-decoration:none; font-weight:bold; font-size:0.9em;}
.secondary-nav LI A:hover,
.secondary-nav LI A.selected {background-color:#c01702; color:#fff;}
.secondary-nav LI.submenu UL {float:left;display:block;width:160px;position:relative;margin:5px 0 0 10px;top:0;background:none;}
.secondary-nav LI.submenu UL LI{padding-bottom:0px;margin-bottom:0;}
.secondary-nav LI.submenu LI A:link,
.secondary-nav LI.submenu LI A:visited {font-weight:normal;}

/* CONTENT */
/* breadcrumbs */
.breadcrumbs {width:540px; padding:5px 10px 0; margin:0; font-size:0.9em; color:#c01702; border-bottom:3px solid #f2f2f2;}
.breadcrumbs A:link,
.breadcrumbs A:visited {margin:0 5px 0 0; padding:0px 10px 0px 8px; color:#000; text-decoration:none; background:url("/global/ctc/img/arrow-right-black.gif") 100% 6px no-repeat; }
.breadcrumbs A:hover {color:#c01702;}
/* general */
.page-heading {border-bottom:3px solid #F2F2F2;margin:0;padding:8px 10px 0;width:540px;}
.content {float:left; width:540px; padding:10px 10px 2em;}

/* FOOTER */
.footer .col-online,
.footer .col-phone,
.footer .col-person {float:left; font-size:0.9em;}
.footer .col-online {width:360px;}
.footer .col-phone {width:375px;}
.footer .col-person {width:230px;}
.footer .col DL {padding:0; margin:0 0 1em;}
.footer .col DD {padding:0; margin:0 0 0.5em;}
.footer A:link,
.footer A:visited {font-weight:bold; background-color:#e7e7e7;}
.footer A:hover {background-color:#c01702;}
.footer-info {float:left; clear:both; width:100%; margin:55px 0 0; padding:0 0 30px; font-size:0.8em;}
.footer-info .left-links {float:left; margin:0;}
.footer-info .copyright {float:right;}
.footer-info A:link,
.footer-info A:visited {color:#000; font-weight:normal; background:none;}
.footer-info A:hover {background-color:#c01702 !important; color:#fff;}


