/** 
 * Zutom Theme
 * http://www.zutom.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
	/* font-family: Verdana, Lucida, Arial, sans-serif; */
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.typography strong {
	color: #333333;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p {
	line-height: 19px;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #666666;
}
	.typography p.intro {
		font-size: 14px;
		font-weight: bold;
	}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	font-family: Georgia,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #666666;
}
/*
.typography blockquote:before {
	position: relative;
	top: 20px;
	z-index: -1;
	font-weight: bold;
	font-size: 250%;
	line-height: 18px;
	content: '\201C';
	color: #999999;
}	
.typography blockquote:after {
	position: relative;
	top: 5px;
	z-index: -1;
	font-weight: bold;
	font-size: 250%;
	content: '\201D';
	color: #999999;
}	
*/
.typography q {
}

/* LINKS 
-------------------------------------------- */

.typography a { 
	color: #063371; 
 	text-decoration: none;
}
	.typography a:hover { 
		color: #648a00;
 		text-decoration: underline;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}
	.typography a.thickbox {
		border: 0;
	}
		.typography a.thickbox img {
			border: #f0f0f0 solid 5px;
		}
		.typography a.thickbox img:hover {
			border: #648a00 solid 5px;
		}

	.typography a.button {
		display: block;
		width: 198px;
		height: 20px;
		padding: 10px 10px 12px 10px;
		line-height: 24px;
		font-size: 13px;
		font-weight: bold;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		color: #ffffff;
		text-align: center;
		border: 0;
		background: #084ba5 url(../images/btn_submit_normal.gif) no-repeat top left;
	}
		.typography a.button:hover {
			color: #ffffff;
			text-decoration: none;
			background: #074597 url(../images/btn_submit_hover.gif) no-repeat top left;
		}

/* LIST STYLES 
-------------------------------------------- */
.typography ul {
	list-style-position: inside;
}
	.typography ul li {
	}
	.typography ul li li {
		margin-left: 15px;
	}
	.typography ul li li li {
	}

.typography ol {
}
	.typography li {
		line-height: 19px;
		font-size: 12px;
		font-family: Arial,Verdana,Helvetica,sans-serif;
		color: #666666;
	}
		.typography li li {
		}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;	
	color: #333333;
}

.typography h1 {
	font-size: 28px;
	margin: 0 0 30px 0;
}
.typography h2 {
	line-height: 24px;
 	font-size: 22px; 
	margin: 25px 0 20px 0;
}	
.typography h3 {
	line-height: 24px;
	font-size: 19px;
	margin: 50px 0 20px 0;
}
.typography h4 {
	line-height: 24px;
	font-size: 17px;
	margin: 30px 0 20px 0;
}
.typography h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0;
}
.typography h6 {
	font-size: 13px;
	font-weight: normal;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family: "Courier New",Courier;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table.frame tbody,
.typography table.frame tr,
.typography table.frame td {
	border: 0;
	padding: 0;
}
.typography table.frame td {
	padding: 10px 20px 10px 0;
}

.typography table {
	border-collapse: collapse;
	margin: 1px;
}
	.typography caption {
		font-size: 17px;
		font-weight: bold;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		color: #333333;
		text-align: left;
		padding: 10px 0;
	}
	.typography tr {
		border-top: #b2b2b2 solid 1px;
	}
	.typography td {
		line-height: 18px;
		font-size: 12px;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		color: #333333;
	}

	.typography thead {
		border: #b2b2b2 solid 1px;
	}
	.typography thead tr {
		height: 44px;
		background: url(../images/th_bg.gif) repeat;
	}
	.typography tfoot tr {
		height: 37px;
		background: url(../images/tf_bg.gif) repeat;
		border: 1px solid #4e4e4d;
	}
	.typography thead td,
	.typography tfoot td {
		font-weight: bold;
		padding: 10px 20px;
	}
	.typography tfoot td {
		color: #fff;
	}
	.typography tbody {
		border: 1px solid #b2b2b2;
	}
	.typography tbody td.big {
		padding: 15px 20px;
		background: #f3f2f0 url(../images/tr_odd_bg.gif) repeat-x;
	}
	.typography tbody td.light {
		background: #f3f2f0 url(../images/tr_odd_bg.gif) repeat-x;
	}
	.typography tbody td.dark {
		background: #e6e5e3 url(../images/tr_even_bg.gif) repeat-x;
	}

	.typography tbody tr.light {
		height: 35px;
		background: #f3f2f0 url(../images/tr_odd_bg.gif) repeat-x;
	}
	.typography tbody tr.dark {
		height: 35px;
		background: #e6e5e3 url(../images/tr_even_bg.gif) repeat-x;
	}
	.typography tbody td {
		padding: 5px 20px;
	}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

/*
 * Specific styles
 */

body {
 	font-size: 62.5%;
}

#LanguageBar li a {
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #e4e3e0;					
}
#LanguageBar li.current a {
	color: #ffe081;
}

#ContactBar .hotlineString, 
#ContactBar .hotlineNumber,
#ContactBar .liveChatOn,
#ContactBar .liveChatOff {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;	
	color: #fff;
}
#ContactBar .hotlineNumber {
	color: #ffe081;		
}
#ContactBar .liveChatOn,
#ContactBar .liveChatOn a span {
	color: #ffe081;		
}
#ContactBar .liveChatOff,
#ContactBar .liveChatOff a span {
	color: #617da3;
}

#ContactBar .liveChatOn a,
#ContactBar .liveChatOff a {
  text-decoration: none;
}

h1.invisible {
	display: none;
	left: -999em;
}
#Headline h2,
#Headline .headline {
	line-height: 38px;
	font-size: 34px;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #fafafa;
	padding: 55px 20px 15px 20px;
}
#Headline p {
	line-height: 24px;
	font-size: 19px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #cbdfff;
	padding: 0 420px 20px 20px;
}
#Headline p a,
#Headline p a:visited,
#Headline p a:active {
	color: #fafafa;
	text-decoration: none;
}
#Headline p a:hover {
	/* color: #648a00; */
	text-decoration: underline;
}

#WhyUs .headline {
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #fff;
}
#WhyUs p {
	line-height: 17px;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #dbdbdb;
}
#WhyUs a {
	line-height: 17px;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #ffe081;
}
#WhyUs a:hover {
	color: #fff;
	text-decoration: underline;
}

#Products .headline {
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #fff;
	margin-bottom: 20px;
}
#Products p {
	line-height: 17px;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #e2e2be;	
}
#Products p a,
#Products p a:visited,
#Products p a:active {
	color: #fff;
	text-decoration: none;
}

#Products p a:hover {
	/* color: #648a00; */
	text-decoration: underline;
}


#Content .breadcrumbs {
	line-height: 17px;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #666;
}
#Content div.breadcrumbs {
	margin: 0 0 20px;
}
#Content .breadcrumbs a {
}

#LatestNews ul {
	list-style-type: disc;
}
#LatestNews li {
	margin-left: 0;
}
#LatestNews .headline {
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #3e3b31;
	margin: 15px 0;
}
#LatestNews .date {
	font-weight: bold;
	color: #333333;
}
#LatestNews p {
	line-height: 19px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	color: #666666;	
}
p.moreNews a {
	font-weight: bold;
}

#TestimonialBox {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#TestimonialBox .headline {
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #3e3b31;
	margin-bottom: 15px;
}
#TestimonialBox .more a {
	font-weight: bold;
}
#TestimonialBox .testimonial .company {
	width: 240px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
#TestimonialBox .testimonial blockquote {
	font-style: italic;
	color: #666666;
}
#TestimonialBox .testimonial .author {		
	font-weight: bold;
	color: #666666;
}

div.infoButton {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
div.infoButton .headline {
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #3e3b31;
	margin-bottom: 15px;
}
div.infoButton p {
	color: #666666;
}
div.infoButton a {
	font-weight: bold;
	color: #666666;
}

#Footer {
	line-height: 19px;
	font-size: 11px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #2f2e29;	
}
#Footer .headline {
	font-size: 13px;
	font-weight: bold;
}
#Footer a {
	font-size: 11px;
	color: #063371;
	text-decoration: none;	
}
#Footer a:hover {
	text-decoration: underline;	
}

ul.testimonials {
	list-style-type: none;
}

#FAQ ul li {
}
	#FAQ ul li p.question {
		display: inline;
	}
	#FAQ ul li p.answer {
		margin-left: 15px;
	}

a.searchResultHeader {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#PageNumbers a.next {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;	
}
#PageNumbers a.prev {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;	
}
#PageNumbers span {
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;	
}
#PageNumbers span.current {
	font-weight: bold;
}