/* BASE */
html, body { overflow-x:hidden } 
html {height: 100%; width: 100%; margin: 0 auto; font-size: 16px; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {line-height:28px; margin: 0; min-height: 100%; min-width:1028px } /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */

@font-face {
    font-family: 'Contax Thin';
    src: url('/css/fonts/contax_pro_35_thin-webfont.woff2') format('woff2'),
         url('/css/fonts/contax_pro_35_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Contax W01';
    src: url('/css/fonts/contax_pro_55-webfont.woff2') format('woff2'),
         url('/css/fonts/contax_pro_55-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Contax Bold';
    src: url('/css/fonts/contax_pro_75_bold-webfont.woff2') format('woff2'),
         url('/css/fonts/contax_pro_75_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, button, input, select, textarea {font-size: 16px; font-family: "Contax W01",Arial, Helvetica, Verdana, sans-serif; color: #666 } 
p, h1, h2, h3, h4, h5, h6, small, blockquote, dl, ol, ul, form, table, fieldset, legend, img {margin: 0; padding: 0 }

/* TYPOGRAPHY */
h1, h2, h3 {font-weight:400; color: #333;}
h1 {font-size: 30px; line-height: 42px; margin-bottom: 35px; color: #b5121b; letter-spacing: 0.175em; text-transform: uppercase }
h2, h3{font-size: 24px; line-height: 28px; margin-bottom: 21px; color: #E31B23 }

p, h2.small, h3.small, ul, ol, blockquote, table, td, th, dl, dt, dd {font-size: 16px; line-height: 28px; margin-bottom: 28px}

hr {
    background: none repeat scroll 0 0 #CCCCCC;
    border: medium none;
    display: block;
    height: 1px;
	clear:both
}

#main .col2 > .col1 > ul, #main .col2 > .col1 > ol{
	margin-right:28px;
}
#main .col2 > .col1.first > ul, #main .col2 > .col1.first > ol{
	margin-right:0;
	margin-left:28px;
}

#main .col2.first + .col1 {
	width:276px;
	margin-left:60px
}
/* SIZE OVERRIDES */
h1.small { font-size: 24px; line-height: 28px }
h1.large { font-size: 42px; line-height: 56px }
h1.xlarge { font-size: 56px; line-height: 70px }
h1.xxlarge { font-size: 70px; line-height: 82px }
h2.large { font-size: 30px; line-height: 42px; }
h2.xlarge { font-size: 42px; line-height: 56px }
h2.xxlarge { font-size: 56px; line-height: 70px }
p.small, p .small, label, ul.small, span.small { font-size: 12px; line-height: 21px;}
p.large, p .large, span.large { font-size: 18px; line-height: 28px }
p.large, p .large { margin-bottom: 35px }
p.xlarge, p .xlarge, span.xlarge { font-size: 28px; line-height: 42px }
p.xxlarge, p .xxlarge, span.xxlarge { font-size: 35px; line-height: 49px }
p.xxxlarge, p .xxxlarge, span.xxxlarge{ font-size: 42px; line-height: 56px }
p.xxxxlarge, p .xxxxlarge, span.xxxxlarge{ font-size: 56px; line-height: 70px }
p.xxxxxlarge, p .xxxxxlarge, span.xxxxxlarge{ font-size: 70px; line-height: 82px }

/*p {min-height:28px}*/
p.small {min-height:21px}
* + p.red, h2.small, h3.small, h4{ margin-bottom:14px }
img.floatleft + p, img.floatright + p { overflow:hidden }

.letterspacing1 { letter-spacing: 0.1em}
.letterspacing2 { letter-spacing: 0.175em}
.letterspacing3 { letter-spacing: 0.25em}
.letterspacing4 { letter-spacing: 0.325em}
.letterspacing5 { letter-spacing: 0.4em}

/* DEFAULT UNORDERED LISTS */
ul{ list-style:none; list-style-position:inside }
ul li{ background: url(../images/ui/ui-arrow-right-12px-grey.png) left 8px no-repeat; padding-left:28px;display:block;margin-bottom:5px}
ul ul{ margin-top:7px; margin-bottom:7px }

.nobullets > li{ background: none; padding-left:0}


ul.small li{ background: url(../images/ui/ui-arrow-right-12px-grey.png) -3px center no-repeat; padding-left:21px}


/* DEFAULT ORDERED LISTS */
ol{	list-style:decimal; list-style-position:outside; margin-left:28px }
ol li{	}
ol ol{ margin-top:7px;	margin-bottom:7px }

/* ORDER LISTS OVERRIDES */
ol.alpha{ list-style-type:lower-alpha }
ol.roman {list-style-type:lower-roman }

/* DEFINITION LISTS */
dl{}
dt{margin-bottom:7px; font-weight:700}
dd{margin:0; margin-bottom:14px;}
dd p, dd ul, dd ol{margin-bottom:7px;}

/* HYPERLINKS */
a, a:visited {color:#E31B23; text-decoration: none;}
a:hover {color:#b5121b; text-decoration:underline}
a:active {color:#E31B23}
a:focus {outline:none; color:#b5121b}

/* TEXT COLOR OVERRIDES */
.black, .black a { color:#000; text-decoration:none } 
.black90, .black90 a { color:#191919; text-decoration:none } 
.darkgrey, .darkgrey a{ color:#333; text-decoration:none } 
.medgrey, .medgrey a{ color:#666; text-decoration:none } 
.grey, .grey a{ color:#999; text-decoration:none } 
.lightgrey, .lightgrey a{ color:#ccc } 
.white, .white a{ color:#fff; text-decoration:none } 
.red, .red a{ color:#E31B23; text-decoration:none } 
.darkred, .darkred a, a .red:hover { color:#b5121b; text-decoration:none } 

.white li{ background: url("../images/ui/ui-arrow-right-12px-white.png") no-repeat scroll left 8px transparent }
.red li{ background: url("../images/ui/ui-arrow-right-12px-red.png") no-repeat scroll left 8px transparent }
.darkred li{ background: url("../images/ui/ui-arrow-right-12px-darkred.png") no-repeat scroll left 8px transparent }


/* BACKGROUND COLOR OVERRIDES */
.bgblack, .bgblack:before, .bgblack:after{ background-color:#000 !important} 
.bgblack90, .bgblack90:before, .bgblack90:after{ background-color:#191919 !important} 
.bgdarkgrey, .bgdarkgrey:before, .bgdarkgrey:after{ background-color:#333 !important} 
.bgmedgrey, .bgmedgrey:before, .bgmedgrey:after{ background-color:#666 !important} 
.bggrey, .bggrey:before, .bggrey:after{ background-color:#999 !important} 
.bglightgrey, .bglightgrey:before, .bglightgrey:after{ background-color:#ccc !important} 
.bge5e5e5, .bge5e5e5:before, .bge5e5e5:after{ background-color:#e5e5e5 !important} 
.bgf2f2f2, .bgf2f2f2:before, .bgf2f2f2:after{ background-color:#f2f2f2 !important} 
.bgwhite, .bgblack:before, .bgblack:after{ background-color:#fff !important} 
.bgred, .bgred:before, .bgred:after{ background-color:#E31B23 !important} 
.bgdarkred, .bgdarkred:before, .bgdarkred:after, a:hover .bgred, a:hover .bgmedgrey, a:hover .bggrey, a:hover .bglightgrey{ background-color:#b5121b !important} 

/* FONT STYLE OVERRIDES */
.normal { font-weight:400; font-style:normal;text-transform:none; letter-spacing:normal  }
em{ font-style:italic }
strong{ font-weight:700 }
.uppercase { text-transform:uppercase }
.sentencecase, .lowercase { text-transform:none !important }

/* FONT FAMILY OVERRIDES */
.contax, .contax em { font-weight:400 }
.boldcontax, .boldcontax strong, .contax strong{ font-weight:600; font-style:normal }
.thincontax, .thincontax strong { font-weight: 200 }

h1 strong, h2 strong, h3 strong { font-weight:400 }
h1 em, h2 em, h3 em { font-style:normal }

/* QUOTES */
blockquote {padding: 0 21px 0 35px;  position:relative; margin-bottom:35px; background:url(../images/ui/ui-quote-left-red-20px.png) left 7px no-repeat }
blockquote.bgf2f2f2 {padding: 21px 21px 21px 49px; background-position: 14px 21px }
blockquote p, blockquote img{ margin-bottom:7px }
.col1 blockquote * { line-height: 21px }

/* FORM ELEMENTS */
fieldset {border:none;margin-top:14px;display:block;clear:both}
fieldset:first-child{margin-top:0;}
legend {font-size: 14px; line-height: 21px; margin-bottom: 7px; font-weight:700; *margin-left: -.75em;display:block;float:left; color:#E31B23}
button, input, select, textarea{ outline:none; *vertical-align: middle}
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button; border:none; }
label {display:block; margin-bottom: 14px; }
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; margin-right:10px}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
.error, label .required { color:#E31B23 }
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], select{
	border:1px solid #ccc;
	background: #fff;
	padding:0 7px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}
.inline textarea, .inline input[type="text"], .inline input[type="email"], .inline input[type="password"], .inline input[type="number"], .inline select{
	display:inline-block;
	float:left;
}
textarea { overflow:auto; width:100%; padding: 7px; resize: none }
select { padding-right: 0 }
select option{
	margin:0 7px 7px 7px !important;
}
select option:first-child{
	margin:7px !important;
}
input[type="text"], input[type="email"], input[type="password"],input[type="number"], select{
	 line-height:28px; height:28px; width:306px
}
select { width: auto }

input:hover[type="text"], input:hover[type="email"], input:hover[type="password"], input:hover[type="number"], select:hover, textarea:hover,
input:focus[type="text"], input:focus[type="email"], input:focus[type="password"], input:focus[type="number"], select:focus, textarea:focus{
	border:1px solid #999; background: #fff;
}
input.error[type='text'], input.error[type="email"], input.error[type="password"], input.error[type="number"], select.error, textarea.error{
	border:1px solid #E31B23; background: #fff;
}
input.error:hover[type="text"], input.error:hover[type="email"], input.error:hover[type="password"], input.error:hover[type="number"], select.error:hover, textarea.error:hover,
input.error:focus[type="text"], input.error:focus[type="email"], input.error:focus[type="password"], input.error:focus[type="number"], select.error:focus, textarea.error:focus{
	border:1px solid #b5121b; background:#FFF
}

input[readonly="readonly"][type="text"], input[disabled="disabled"][type="text"], input[disabled="disabled"][type="email"], input[disabled="disabled"][type="password"], input[disabled="disabled"][type="number"]{
	border:1px solid #e5e5e5;
	background: #fff;
}
input[disabled="disabled"], input[readonly="readonly"]{
	color:#999;
}
input[type=button],input[type=submit], input[type=reset] {
	font-weight:600;
	position:relative;
	height:28px;
	line-height:28px;
	padding:0;
	padding-right:28px;
	color:#E31B23;
	background:none;
	background:url(../images/ui/ui-arrow-right-12px-red.png) no-repeat right 50%;
 }
 
input[type=button]:hover,input[type=submit]:hover, input[type=reset]:hover {
	color: #b5121b; 
	background:url(../images/ui/ui-arrow-right-12px-darkred.png) no-repeat right 50%;
}
input[type=button].red,input[type=submit].red, input[type=reset].red {
	color:#fff;
	padding: 0 35px 0 14px;
	height:35px;
	line-height:35px;
	background:#E31B23 url(../images/ui/ui-arrow-right-12px-white-pad.png) no-repeat right 50%;
}
input[type=button].red:hover,input[type=submit].red:hover, input[type=reset].red:hover {
	color: #fff; 
	background: #b5121b url(../images/ui/ui-arrow-right-12px-white-pad.png) no-repeat right 50%;
}
input[type=button][disabled=disabled],input[type=submit][disabled=disabled], input[type=reset][disabled=disabled] {
	color: #ccc; 
	background:none;
	padding:0;
}



.formrow label.error {clear: both;
    margin-left: 0;
    margin-top: 7px;
	display:block;
	width:auto !important
}
.inline .formrow label.error{
    margin-left: 157px;
}
.red.inline .formrow label.error {
    margin-left: 146px;
}

.col2 form.red{ padding:21px; background:#e31b23 }
.col1 form.red{ padding:14px; background:#e31b23 }
form.red input[type=text], form.red input[type=password], form.red input[type=email], form.red textarea, form.red select  {color: #fff;background-color: #b5121b; border-color:#b5121b}
.col1 form.red input[type=text], .col1 form.red input[type=password], .col1 form.red input[type=email], .col1 form.red textarea{
	width:276px;
}

#main .col2 + .col1 form input[type="text"], #main .col2 + .col1 form input[type="password"], #main .col2 + .col1 form input[type="email"], #main .col2 + .col1 form textarea {
    width: 276px;
}
#main .col2 + .col1 form.red input[type=text], #main .col2 + .col1 form.red input[type=password], #main .col2 + .col1 form.red input[type=email], #main .col2 + .col1 form.red textarea,
#main .col2 + .col1 form #results input[type=text], #main .col2 + .col1 form #results input[type=password], #main .col2 + .col1 form #results input[type=email], #main .col2 + .col1 form #results textarea
{
	width:246px;
}
form.red input:hover, form.red input:focus, form.red textarea:hover, form.red textarea:focus  {background-color: #b5121b; border-color:#b5121b }
form.red input[type=button], form.red input[type=submit], form.red input[type=reset] {
	position:relative;
	height:28px;
	line-height:28px;
	padding:0;
	padding-right:28px;
	color:#fff;
	background:none;
	background:url(../images/ui/ui-arrow-right-12px-white.png) no-repeat right 50%;
}
form.red input[type=button]:hover, form.red input[type=submit]:hover, form.red input[type=reset]:hover {
	color: #fff; 
	background:url(../images/ui/ui-arrow-right-12px-white.png) no-repeat right 50%;
}
form.red input[type=button][disabled=disabled], form.red input[type=submit][disabled=disabled], form.red input[type=reset][disabled=disabled] {
	color: #fff; 
	background:none;
	padding:0;
}

.red input.error[type='text'], .red input.error[type="email"], .red input.error[type="password"], .red select.error, .red textarea.error,
.red input.error:hover[type="text"], .red input.error:hover[type="email"], .red input.error:hover[type="password"], .red select.error:hover, .red textarea.error:hover,
.red input.error:focus[type="text"], .red input.error:focus[type="email"], .red input.error:focus[type="password"], .red select.error:focus, .red textarea.error:focus{
	border:1px solid #fff; background: #B5121B;
}

.red legend, .red label, .red label .required  { color:#fff }

.formrow{ clear:both; display:block; margin-top:14px; overflow:hidden }
.inline .formrow label { float: left; margin-left:30px; width:127px }
.inline .formrow label input[type=checkbox], .inline .formrow label input[type=radio] { float: left; margin-bottom:21px }
.red.inline .formrow label { float: left; margin-left:30px; width:117px }
.col2 .inline .formrow textarea {width: 432px }
.col2 form.red.inline .formrow textarea {width: 411px }
form .formrow:first-child{ margin-top:0 }


.formrow input[type=submit], .formrow input[type=button], .formrow input[type=reset], .inline .formrow *, .red.inline .formrow * { margin-left:30px}
.formrow *:first-child, .formrow input:first-child, .inline .formrow *:first-child,  .red.inline .formrow *:first-child { margin-left:0}


/* CLEARFIX AND SPACERS */
.overflow{overflow:hidden}
.clear {clear:both;display:block;} 
.spacer30 { display:block; height:30px; clear:both}
.spacer70 {clear:both;display:block;height:70px }
.redspacer, .greyspacer{ background-color:#e31b23; height:10px; width:100%; display:block; z-index:1; position:relative }
.greyspacer{ background-color:#ccc; height:5px }
.col1 .redspacer, .col2 .redspacer, .col3 .redspacer, .greyspacer{ margin-bottom:35px; }

.col2.first .greyspacer:before, .col3 .greyspacer:before, #main.content > .greyspacer:before, .list .greyspacer:before {
    background: none repeat scroll 0 0 #CCCCCC;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    width: 100%;
}
.col3 .greyspacer:after {
    background: none repeat scroll 0 0 #CCCCCC;
    /*content: "";*/
    display: block;
    height: 100%;
    right: -100%;
    position: absolute;
    width: 100%;
}


/* POSITIONING FLOAT OVERRIDES */
.floatleft{float:left}
.floatright{float:right}

/* CONTENT BELOW TO BE DEFINED */
/* MEDIA */
img {border: 0} /* Improve IE's resizing of images */
/* img {border: 0;	width:auto; height:auto; -ms-interpolation-mode: bicubic} */
 /* Improve IE's resizing of images */
object, iframe{display:block;height:0px}
img, img[align=left], img[align=right], img[align=middle] { margin-bottom:35px; }
img[align=left]{ margin-right:28px; }
img[align=right]{ margin-left:28px; }
img[align=middle] { margin-left:auto; margin-right:auto }

img.floatleft{ 	margin-left:21px; margin-top:10px }
img.floatright{ margin-right:21px; margin-top:10px }
img[src*="trackalyzer"] {

height: 0;
margin: 0;
width: 0;
}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; vertical-align:top;}
th {text-align:left; background:#ccc}
tr, th, td { vertical-align:baseline }
th, td { padding:7px;}
tr:nth-child(3n1) {background:#e5e5e5}

/* OTHERS */
abbr[title], dfn[title] {border-bottom: 1px dotted #ccc; cursor: help}
abbr, dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */

.screen-reader-text { /* Reusable, toolbox kind of class */ position: absolute; top: -9999px; left: -9999px; }


.focalimage, .caption {
	display:block;
	position:relative;
}
.imgcaption {
clear: both;
display: block;
margin-top: 35px;
overflow: hidden;
}
.imgcaption:first-child {
margin-top: 0;
}
.imgcaption img {
margin-bottom: 20px;
}
.imgcaption p {
margin-bottom: 15px;
}
.imgcaption.side img {
float: left;
margin-bottom: 10px;
margin-right: 20px;
}
.imgcaption.side p {
overflow: hidden;
}
.focalimage { margin-bottom:35px }
.focalimage img { margin-bottom:0 }
.focalimage h1, .focalimage h2, .focalimage h3, .caption h1, .caption h2, .caption h3  {
	padding: 7px 21px;
	display:inline-block;
	float:left;
	left:0;
	margin:0 !important;
	color: #fff;
	background: #E31B23;
}
.focalimage h1, .focalimage h2, .focalimage h3  {
	position:absolute;
}

.focalimage h1, .caption h1 {
	bottom:84px;
	padding: 14px 21px;
	max-width: 432px;
    min-width: 264px;
}
.focalimage h2, .caption h2 {
	bottom:42px;
	letter-spacing: 0.175em;
	text-transform: uppercase 
}
.focalimage h3, .caption h3 {
	background: #191919;
	background: rgba(0,0,0,0.9);
	bottom:0;
}

/* COLUMN WIDTHS */
.col1 {width:306px}
.col2 {width:642px}
.col3 {width:978px}
.col5 {width: 171px;}

.coleighth{width:138px}
.colquart{width:222px}
.colhalf{width:474px}

/* COLUMN FLOATS */
.col1, .col2, .col3, .coleighth, .colquart, .colhalf, .col5{
	float:left;
	margin-left:30px;
	position:relative;
	display:inline-block;
}
.first, .col3{
	clear:both;
	padding-left:0;
	margin-left:0;
}


/*#main > .col1 {
    margin-left: 60px;
    width: 276px;
}  REQUIRES ATTENTION DUE TO THE FRONT PAGE HAVING COL1 ElEMENTS*/

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Grid
768px - 1023px	- 2-Column Grid
> 1024px			- 3-Column Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 479px) {
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px)  and (max-width: 599px) {
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
}



/* PRINT */
@media print {
}
