/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table,hr{border-collapse:collapse;border-spacing:0;}fieldset,img,hr{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


BODY { font: 100%/1.0 sans-serif; background: #ffffff; color: #000; margin-top: 23px; }
OL LI, UL LI { list-style: none; }
B, STRONG { font-weight: bold; }
EM, I { font-style: italic; }
P	{ margin-bottom: .7em; }
HR	{ height: 1px; overflow: hidden; background-color: #000; margin: 16px 0}
Q, .quote { quotes:"\201D" "\201D" "\2019" "\2019"; }
Q:after, .quote:after { content:'\201D'; }
SMALL	{ font-size: inherit}	
A,
:focus { outline: 0; outline-style: none}
A
{
	color: #f60;
	text-decoration:none;
}
A:hover {
	color: #999999;
	text-decoration:underline;
}
A:active {
	color: #999999;
}
.float-left	{
	float: left; 
	padding-right: 10px
}
/***  THE GRID ******************************************/
#wrapper	{
	width:750px;
	margin:0 auto;
	overflow: hidden;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 16px;
	text-align: left;
	font-style: normal;
}
#header	{
	overflow: hidden;
}
/* workspace 910px */
#content {
	clear: both;
	overflow: hidden;
	padding-bottom: 26px 
}

#leftContentColumn,
#mainContentColumn,
#wideContentColumn,
#sidebarContentColumn,
.mainContentColumn	{
	float: left;
	overflow: hidden; 
}

#leftContentColumn	{
	width: 159px;
	padding: 1px 0
}

#mainContentColumn,
.mainContentColumn	{
	width: 390px;
	padding-right: 11px;	
}
#wideContentColumn	{
	width: 560px
		
}
#sidebarContentColumn	{
	width: 190px
}
#footer	{
	padding: 0 0 30px 0;
	overflow: hidden
}


/************ pageheader ************/
#logo	{
	float: left;
	width: 500px;
	margin-bottom: 10px
}

#logo a	{
	width: 427px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	background: url(../gfx/logo.gif) no-repeat 0 0;
}
#searchForm	{
	float: right;
	width: 180px;
	padding-top: 20px
}
#searchForm input.inputbox	{
	border: none;
	height: 18px;
	width: 155px;
	background: url(../gfx/icons.gif) no-repeat 0 -100px;
	color: #999;
	padding: 5px 0 0 25px
}
#nav,
.vcard {
	background: url(../gfx/balk.gif) no-repeat 0 0;
	height: 30px;
	overflow: hidden;
	clear: both
}
#nav	{
	position: relative;
}
#nav ul {
	padding: 3px 0 0 3px
}			
#nav ul li {
	float: left;
	margin-right: 2px			
}
				
#nav ul li a{
	float: left;
	display: block;
	color: #fff;
	height: 27px;
	background: url(../gfx/icons.gif) no-repeat 100% 0;
	padding-right: 12px 
}
#nav ul li a span{
	display: block;
	background: url(../gfx/icons.gif) no-repeat 0 0;
	padding: 0 0 0 12px;
	line-height: 27px
}

#nav ul li a:hover	{
	background-position: 100% -30px;
	color: #333;
	text-decoration: none
}
#nav ul li a:hover span	{
	background-position: 0 -30px
}

#nav ul #current a,
#nav ul li.active a {
	background-position: 100% -60px;
	color: #555
}
#nav ul #current a span,
#nav ul li.active a span {
	background-position: 0 -60px
}

/* sublevelmenu - ul li ul */
#nav ul li ul	{
	padding: 0;
	width: 750px;
	height: 30px;
	background: url(../gfx/balk.gif) no-repeat 0 100%;
	position: absolute;
	margin-top: 27px;
	left: 0
	
}
#nav ul li ul li	{
	margin: 0 0 0 8px;
	background: url(../gfx/icons.gif) no-repeat 0 -169px;
	padding-left: 10px
}
#nav ul li ul li.first	{
	background-image: none;
	margin-left: 14px;
	padding-left: 0
}
#nav ul li ul li a	{
	background-image: none;
	color: #666;
	padding: 0;
	line-height: 27px;
}
#nav ul li ul li a span	{
	display: inline;
	padding: 0;
	background-image: none;
	line-height: 1.1
}
#nav ul li ul li ul	{
	display: none
}
a.lan	{
	background: url(../gfx/icons.gif) no-repeat -190px -124px;
	color: #fff;
	display: block;
	float: left;
	width: 100px;
	height: 27px;
	line-height: 27px;
	padding-left: 20px;
	margin-left: 14px
}

/************ / ends pageheader *************/
.firstpagecontent	{
	padding-top: 30px
}
#wideContentColumn.iframe	{
	width: 750px;
}


.product-spot	{
	background: url(../gfx/prod-packs.gif) no-repeat 0 0;
	padding-top: 174px;
	overflow: hidden
}
.product-spot .spot	{
	float: left;
	width: 243px;
	padding: 0 0 6px 50px;
	color: #333
}

.product-spot .first	{
	padding-left: 10px
}


.spot h2 {
	font-size: 20px
}
.spot a	{
	white-space: nowrap	
}

.content-item .spot	{
	border-top: 1px dotted #000;
	padding-top: 14px;
	margin-top: 10px;
	clear: both;
	overflow: hidden
}
.content-item .spot img	{
	padding-right: 10px
}
.content-item .spot h1	{
	font-size: 16px
}

/************* sidebar *************/
#leftContentColumn img	{
	max-width: 150px
}

a.tour	{ 
	display: block;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	background: url(../gfx/icons.gif) no-repeat -190px -305px;
	padding-left: 11px;
	margin-left: 9px

}
a.question	{ 
	height: 32px;
	margin-left: 12px;
	background: url(../gfx/icons.gif) no-repeat 0 -416px;
	padding: 2px 46px 0 38px;
	line-height: 13px;
	display: block
}

.puff	{
	padding-left: 11px
}

.newsfeed, .clientlist, .extra, .bluebox {
	background: url(../gfx/box.gif) no-repeat 0 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #333;
	line-height: 15px
}

.clientlist	{
	background-position: -210px 100%
}

.extra	{
	background-position: -410px 100%
}

.bluebox	{
	background-position: -609px 100%;
	color: #000;
}

.extra a	{
	color: inherit
}
.newsfeed .inner, .clientlist .inner, .extra .inner, .bluebox .inner	{
	background: url(../gfx/box.gif) no-repeat 0 0;
	padding: 12px 10px 0 22px
}
.clientlist .inner	{
	background-position: -210px 0
}

.extra .inner	{
	background-position: -410px 0
}

.bluebox .inner	{
	background-position: -609px 0
}

.newsfeed h1, .clientlist h1, .extra h1, .bluebox h1	{
	font-size: 16px;
	margin-bottom: 4px
}

.clientlist li, .extra li	{
	background: url(../gfx/icons.gif) no-repeat 0 -126px;
	padding-left: 13px;
	margin-bottom: 5px
}
.extra ul	{
	margin: 0 0 10px 6px
}
.extra li	{
	background-position: 0 -305px;
	padding-left: 17px
}

.clientlist li.more	{
	background-image: none
}


/************ article style ************/
p.breadcrumbs	{
	padding: 6px 0 0 13px;
	font-size: 11px;
	color: #555
}

h1, h2, h3, h4 {
 font-weight: bold;
 line-height: 1.2
}

#mainContentColumn h1,
.mainContentColumn h1 {
	font-size: 24px;
	line-height: 1.1;
	color: #333;
	margin-bottom: 10px;
	font-weight: normal
}

Q, .quote	{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 17px;
	line-height: 24px;
	color: #333;
}
Q span, .quote span {
	float: left;
}
.quote span	{
	padding-right: 10px
}

blockquote,
#mainContentColumn h2,
.mainContentColumn h2	{
	color: #333;
	font-size: 15px;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 12px
}

div.body-text { 
	color: #333;
}
div.body-text h3	{
	font-size: 15px;
	margin-bottom: 3px
}

div.body-text p {
	margin-bottom: 12px	
}

div.body-text ul	{
	margin: 0 0 14px 12px
}

div.body-text ul li	{
	padding-left: 14px;
	background: url(../gfx/icons.gif) no-repeat 0 -216px;
}

div.body-text td	{
	
}

/************ / ends article style ************/ 
 /* list style */
#mainContentColumn .list h1	{
	margin-bottom: 20px
}
 
.img_caption.left	{
	padding-right: 10px
}
 
div.listitem	{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000
}
#mainContentColumn div.listitem h2	{
	font-weight: bold;
	margin-bottom: 3px
}
div.listitem h2 a	{
	color: inherit
}
#mainContentColumn div.listitem h2 span	{
	font-weight: normal
}

.pagenav span.next	{
	float: right
}
.pagenav span.prev	{
	float: left
}
.pagenav span.numeric,
.archive-filter	{
	display: none
}

ul.faq-listitems li	{
	margin-bottom: 4px;
	background: url(../gfx/icons.gif) no-repeat 0 -367px;
	padding-left: 11px
}

#mainContentColumn .faq-item h2 {
 font-weight: bold
}

.faq-date	{
	margin-top: 12px;
	padding-top: 6px;
	border-top: 1px dotted #000;
	font-size: 11px;
	color: #666 
}

/* FORMS Style *************/
#mainContentColumn div.chronoform	{
	display: none
}
fieldset.faq	{
	margin: 16px 0 0 0
}
fieldset.faq label	{
	display: block
}
fieldset.faq p.select label	{
	display: inline
}
fieldset.faq p.text input,
fieldset.faq p.text textarea	{
	width: 90%;
	border: 1px solid #999;
	padding: 4px 0 3px 5px;
}
fieldset.faq p.button {
	
}

/* sitemap style */
.sitemap ul	{
	margin: 0 0 20px 40px;
}
.sitemap ul	li	{
	list-style: square;
	color: #666
}
.sitemap h4	{
	font-size: 15px;
	margin-left: 20px
}
.sitemap h2,
.sitemap h3 {
	display: none
}

/************ COLORS ************/
.blue {
	color: #00b2e9
}

.green {
	color: #bad239
}

.orange, .clientlist li.more a, .clientlist h1	{
	color: #ff6600;
}

.white, .newsfeed a small, .newsfeed h1, .bluebox h1	{
	color: #fff
}

.green a, .blue a, .vcard a, .newsfeed a, .clientlist a, p.breadcrumbs a, .bluebox a	{
	color: inherit
}


/************ FOOTER ************/
.vcard		{
	margin-top: 0;
	padding: 0 0 0 8px;
	line-height: 30px;
	color: #fff;
}
.vcard span.copy	{
	float: left;
}
.vcard ul.menu	{
	margin-left: 10px;
	float: left;
	width: 300px
}
.vcard ul.menu li	{
	display: inline
}