/*  Christopher Company Master CSS  */

/* Universal styles */

html, body { 
font: normal 12px arial ; 
color: #0d2c45 ; 
line-height: 18px ; 
text-align: left ; 
background-color: #eae6dc;
padding: 0px; 
margin: 0px;
}

table, td {
font: normal 12px arial ; 
color: #0d2c45 ; 
line-height: 18px ; 
}

p { 
font: normal 12px arial ; 
color: #0d2c45 ; 
line-height: 18px ; 
text-align: left ; 
margin: 18px 20px 0px 20px;
}

p.quoteName { 
font: normal 11px arial ; 
color: #0d2c45 ; 
line-height: 18px ; 
text-align: left ; 
margin: 8px 40px 0px 40px;
}

p.links { 
font: normal 12px arial ; 
color: #0d2c45 ; 
line-height: 18px ; 
text-align: left ; 
padding-bottom: 15px;
margin: 18px 20px 0px 20px;
border-bottom: 1px solid #eae6db;
}

h1 {
font: bold 48px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -3px;
margin: 5px 20px 5px 20px;
}

h2 {
font: bold 30px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -2px;
margin: 0px 20px;
}

h3 {
clear: left;
display: block;
font: bold 24px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -1px;
margin: 0px 20px 8px 20px;
}

h3 a, h3 a:visited {
display: inline-block;
font: bold 24px Trebuchet MS ; 
color: #113958 ;
text-align: left ; 
letter-spacing: -1px;
margin: 0px;
border-bottom: 1px solid #fff; 
}

h3 a:hover{
color: #5d7e99 ;
border-bottom: 1px solid #ced8e0;
}

#colLeft h3, #colWide h3 {
display: block;
font: bold 24px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -1px;
margin: 16px 20px 0px 20px;
padding-top: 16px;
border-top: 1px solid #eae6db;
}

#colLeft form h3 {
display: block;
font: bold 24px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -1px;
margin: 16px 20px 20px 0px;
padding-top: 16px;
border-top: 1px solid #eae6db;
}

#colWide div.box h3 {
display: inline-block;
font: bold 24px Trebuchet MS ; 
color: #113958 ; 
text-align: left ; 
letter-spacing: -1px;
margin: 0px 22px 8px 28px;
padding-top: 0px;
border-top: 0px;
}

#colWide div.box p {
font: normal 12px arial; 
}

a, a:visited { 
display: inline ; 
font: normal 12px arial ; 
color: #5d7e99 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
line-height: 18px;
border-bottom: 1px solid #ced8e0;
}

a:hover{ 
color: #245072 ; 
text-decoration: none ;
border-bottom: 1px solid #97acbc;
}

a.bullet, a.bullet:visited { 
display: block;
background: url(media/bullet.gif) no-repeat 10px 8px ; 
padding: 5px 0px 5px 25px ;
font: bold 11px arial ; 
color: #000 ; 
line-height: 16px ;
border-top: 1px solid #eeebe3;
border-bottom: 0px;
margin: 0px 12px 0px 12px;
}

a.bulletCurrent, a.bulletCurrent:visited { 
display: block;
background: #eeebe3 url(media/bullet.gif) no-repeat 10px 8px ; 
padding: 5px 0px 5px 25px ;
font: bold 11px arial ; 
color: #000 ; 
line-height: 16px ;
border-top: 1px solid #eeebe3;
border-bottom: 0px;
margin: 0px 12px 0px 12px;
}

 
a.bullet:hover, a.bulletCurrent:hover { 
background: #eeebe3 url(media/bullet.gif) no-repeat 10px 8px ; 
color: #000 ;
border-top: 1px solid #eeebe3;
border-bottom: 0px;
}

a.pdfList, a.pdfList:visited { 
display: block;
background: url(media/bullet-pdf.gif) no-repeat 10px 8px ; 
padding: 5px 0px 5px 29px ;
font: normal 11px arial ; 
color: #000 ; 
line-height: 16px ;
border-top: 1px solid #eeebe3;
border-bottom: 0px;
margin: 0px 12px 0px 12px;
}

a.pdfList:hover { 
background: #eeebe3 url(media/bullet-pdf.gif) no-repeat 10px 8px ; 
color: #000 ;
border-top: 1px solid #eeebe3;
border-bottom: 0px;
}

a.pdf, a.doc, a.pdf:visited, a.doc:visited { 
display: inline ; 
background: url(media/bullet-pdf.gif) no-repeat 0px 0px ;
padding: 0px 0px 0px 20px;
font: bold 11px arial ; 
color: #5d7e99 ; 
border: 0px;
text-decoration: none;
margin: 0px;
line-height: 18px ;
clear: none;
float: none;
}

a.doc, a.doc:visited { 
background: url(media/bullet-doc.gif) no-repeat 0px 0px ;
margin-left: 20px; 
}

a.pdf:hover, a.doc:hover  { 
color: #245072 ; 
border: 0px;
text-decoration: none;
}

a.image, a.image:visited, a.image:hover, a.image img {
	border: 0;
}

a.bold, a.bold:visited, a.bold:hover {
font-weight: bold;
}



#topNav a, #topNav a.visited { 
display: inline ; 
font: normal 11px arial ; 
color: #5d7e99 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
line-height: 18px;
text-transform: uppercase ; 
letter-spacing: 2px;
border-left: 1px solid #d6dfe5;
border-bottom: 0px;
padding: 0px 20px 0px 20px;
}

#topNav a.left, #topNav a.left.visited { 
display: inline ; 
font: normal 11px arial ; 
color: #5d7e99 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
line-height: 18px;
text-transform: uppercase ; 
letter-spacing: 2px;
border-left: 0px;
border-bottom: 0px;
padding: 0px 20px 0px 20px;
}

#topNav a:hover, #topNav a.left:hover{ 
color: #000 ; 
text-decoration: none ;
border-bottom: 0px;
}

#mainNav a, #mainNav a.visited { 
display: inline ; 
font: normal 11px arial ; 
color: #000 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
text-transform: uppercase ; 
letter-spacing: 2px;
line-height: 35px;
border: 0px;
padding: 10px 32px 10px 32px;
background: url(media/navbar-divider.gif) no-repeat 0px -1px;
}

#mainNav a.current, #mainNav a.current:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #777 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
text-transform: uppercase ; 
letter-spacing: 2px;
line-height: 35px;
border: 0px;
padding: 10px 32px 10px 32px;
background: url(media/navbar-over.jpg) no-repeat 0px -1px;
}

#mainNav a.left, #mainNav a.left:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #000 ; 
text-decoration: none ; 
margin: 0px 0px 0px 2px ;
text-transform: uppercase ; 
letter-spacing: 2px;
line-height: 35px;
border: 0px;
padding: 10px 32px 10px 32px;
background: url();
}

#mainNav a.left-current, #mainNav a.left-current:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #777 ; 
text-decoration: none ; 
margin: 0px 0px 0px 2px ;
text-transform: uppercase ; 
letter-spacing: 2px;
line-height: 35px;
border: 0px;
padding: 10px 32px 10px 32px;
background: url(media/navbar-over.jpg) no-repeat -1px -1px;
}

#mainNav a:hover, #mainNav a.current:hover { 
color: #000 ; 
text-decoration: none ;
border: 0px;
background: url(media/navbar-over.jpg) no-repeat 0px -1px;
}

#mainNav a.left:hover, #mainNav a.left-current:hover { 
color: #000 ; 
text-decoration: none ;
border: 0px;
background: url(media/navbar-over.jpg) no-repeat -1px -1px;
}


/* Structural Elements */
#center { 
position: relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
clear: both ;
}

.container { 
position: relative ; 
width: 960px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
background-color: #fff;
padding: 0px 20px 0px 20px;
}

.container #clear {
clear: both ;
height: 10px ;
}

/* Unique elements */

#logo { 
width: 175px ; 
height: 59px;
margin: 25px 0px 0px 30px;
float: left;
}

#logo a { 
border: 0px;
}

#topNav { 
float: left;
text-align: left ;
margin: 67px 0px 0px 25px;
clear: none;
}

#printInfo { 
display: none;
}

#mainNav {
float: left;
width: 959px ; 
height: 35px;
margin: 23px 0px 0px 0px;
text-align: left ;
background: url(media/navbar.gif) no-repeat top left;
clear: left;
}

#phone {
float: right;
width: 219px ; 
height: 16px;
margin: 64px 0px 0px 0px;
text-align: right ;
background: url(media/phone-number.gif) no-repeat top left;
}


#banner {
float: left;
clear: both;
margin: 10px 0px 0px 0px;
width: 959px ; 
height: 202px;
text-align: left ;
}

#banner .right {
float: right
}


#banner .left {
float: left;
}

#banner .logos {
width: 711px;
height: 202px;
background: url(media/banner-logos-left.jpg) no-repeat;
}

#banner .brand {
width: 711px;
height: 202px;
background: url(media/banner-brand-left.jpg) no-repeat;
}

#banner .print {
width: 711px;
height: 202px;
background: url(media/banner-print-left.jpg) no-repeat;
}

#banner .web {
width: 711px;
height: 202px;
background: url(media/banner-web-left.jpg) no-repeat;
}

#banner .videos {
width: 711px;
height: 202px;
background: url(media/banner-videos-left.jpg) no-repeat;
}

#banner .otherMedia {
width: 711px;
height: 202px;
background: url(media/banner-otherMedia-left.jpg) no-repeat;
}

#banner .left .description {
width: 352px;
height: 76px;
float: left;
padding: 70px 30px 0px 329px;
color: #93b2c8;
font: normal 11px arial;
}

#banner .left .description h4 {
color: #fff;
font: bold 11px arial;
margin: 0px;
padding: 0px;
}

#banner .left .links {
width: 352px;
float: left;
padding: 18px 0px 0px 329px;
color: #fff;
}

#banner .left .links a, #banner .left .links a:visited {
background: url(media/bullet-link-up.gif) no-repeat left 1px;
color: #fff;
text-decoration: none;
border: 0px;
font: normal 10px arial;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 16px;
margin-right: 30px;
}

#banner .left .links a:hover {
color: #93b2c8;
text-decoration: none;
border: 0px;
}


#colLeft {
float: left;
width: 690px;
padding: 10px 0px 30px 0px;
clear: left;
overflow: hidden;
}

#left {
float: left;
width: 345px;
overflow: hidden;
}

#right {
float: right;
width: 345px;
overflow: hidden;
}

#colWide {
float: left;
width: 939px;
padding: 10px 0px 30px 0px;
clear: both;
overflow: hidden;
}

#colRight {
float: right;
width: 249px;
padding: 20px 0px 0px 0px;
clear: right;
}

#colLeftHome {
float: left;
width: 650px;
padding: 10px 0px 30px 0px;
clear: left;
overflow: hidden;
}

#colRightHome {
float: right;
width: 309px;
padding: 0px 0px 0px 0px;
clear: right;
}

#footer {
clear: both;
margin: 10px 0px 0px 0px;
display: block;
text-align: left ;
border-top: 1px solid #eeebe3;
font-size: 11px;
padding: 10px 0px 20px 20px;
}

#footer a {
font-size: 11px;
}

/* Classes */
.formField {
background: #f4f2ed url(media/formField-bg.gif) no-repeat top left;
font: normal 11px arial;
padding: 3px 5px 3px 5px;
margin: 1px 0px 6px 0px;
border: 0px;
}

.formFieldPad {
background: #f4f2ed url(media/formField-bg.gif) no-repeat top left;
font: normal 11px arial;
padding: 3px 5px 3px 5px;
margin: 5px 0px 20px 0px;
border: 0px;
}

.boxSmall {
float: left;
width: 200px;
background: url(media/box-bg.jpg) no-repeat top left;
padding: 20px 0px 20px 0px;
margin: 30px 15px 0px 0px;
font: normal 11px arial ; 
}

.box {
display: inline-block;
display: block;
background: #fff url(media/box-bg.jpg) no-repeat top left;
padding: 20px 0px 10px 0px;
margin-bottom: 0px;
font: normal 11px arial ;
clear: both;
}

.boxContact {
display: block;
background: #fff url(media/whatsNew-box-bg.jpg) no-repeat top left;
padding: 95px 0px 20px 71px;
margin: 20px 0px 0px 0px;
font: normal 11px arial ;
}

.boxContact p, .box p, .boxSmall p {
font: normal 11px arial ; 
}

.boxContact p a, .box p a, .boxSmall p a{
font: bold 11px arial ; 
}

.thumbnails {
padding: 4px 0px 0px 20px;
}

.thumbnails a, .thumbnails a:visited {
float: left;
border: 1px solid #7a9fb7;
margin: 0px 8px 8px 0px;
text-decoration: none;
}

.thumbnails a.websiteLink, .thumbnails a.websiteLink:visited {
float: left;
width: 86px;
background: url(media/bullet-websiteLink.gif) no-repeat left 1px;
color: #5d7e99 ;
text-decoration: none;
border: 0px;
font: normal 10px arial;
text-transform: uppercase;
letter-spacing: 0px;
padding-left: 14px;
margin-bottom: 16px;
}

*html .thumbnails a.websiteLink, .thumbnails a.websiteLink:visited {
width: 100px;
}

.thumbnails a.websiteLink:hover {
color: #245072;
border: 0px;
}

.thumbnails a:hover {
border: 1px solid #113958;
text-decoration: none;
}

.thumbnails .clear {
clear: both;
height: 20px;
}

.thumbnails img {
border: 0px;
}

.boxContent {
padding: 4px 0px 0px 10px;
line-height: 24px; 
}

.boxContent p {
line-height: 18px; 
}

.boxContent img{
border: 3px solid #f5f3ee;
margin-bottom: 20px;
}

.imageLeft {
border: 3px solid #eae5d8;
margin: 0px 20px 10px 0px;
float: left;
}

.imageRight {
float: right;
border: 3px solid #eae5d8;
margin: 0px 0px 10px 20px;
}

.quoteBox {
background: #f4f3ee; 
padding: 10px 15px 10px 15px ;
margin: 18px 20px 0px 20px;
font: italic 12px arial ; 
color: #000 ; 
line-height: 18px ;
border-top: 1px solid #eeebe3;
border-bottom: 1px solid #eeebe3;
}

.required {
color: #cc0000;
}

.videoContent {
	display: inline;
	float: left;
	margin: 18px 20px 20px 20px;
	width: 360px;
	/*height: 248px;*/
}

.videoContent .header {
	display: block;
	background: #244c6f url(media/videoHeader-bg.gif) repeat-x ;
	height: 27px;
	font: normal 11px arial;
	color: #97aec0;
}

.videoContent .header span.right {
	float: right;
}

.videoContent .header p {
margin: 0px;
padding: 7px 10px;
font: normal 11px arial;
color: #97aec0;
}

.videoContent .header p a, .videoContent .header p a:visited {
font: bold 11px arial;
color: #97aec0;
border: 0;
}

.videoContent .header p a:hover {
color: #fff;
}

.videoContent .header strong {
	font: bold 11px arial;
	color: #fff;
}

/* Lists */
ul { 
margin: 6px 12px 10px 12px ; 
padding: 0px;
list-style-type: none ;
}

ul.noMargin { 
margin: 0px 20px 18px 20px ; 
padding: 0px;
list-style-type: none ;
}

.boxContent ul.noMargin { 
margin: 0px 10px 18px 0px ; 
padding: 0px;
list-style-type: none ;
}

ul.indent { 
margin: 12px 36px 18px 36px ; 
padding: 0px;
list-style-type: none ;
}

li { 
background: url(media/bullet.gif) no-repeat 10px 10px ; 
padding: 6px 6px 6px 26px ;
font: normal 11px arial ; 
color: #000 ; 
line-height: 18px ;
border-top: 1px solid #eeebe3;
}

li a, li a:visited { 
font: normal 11px arial ; 
}

li.highlight { 
background: #f4f3ee url(media/bullet.gif) no-repeat 10px 11px ; 
}

li.phone { 
background: url(media/icon-phone.gif) no-repeat 0px 2px ; 
padding: 0px 0px 0px 20px ;
font: normal 11px arial ; 
color: #000 ; 
line-height: 18px ;
border-top: 0px;
}

li.email { 
background: url(media/icon-mail.gif) no-repeat 1px 5px ; 
padding: 0px 0px 0px 20px ;
font: normal 11px arial ; 
color: #000 ; 
line-height: 18px ;
border-top: 0px;
}

li.email a {
font-size: 11px;
}