/* =============== Styles for display on SCREEN */
/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
}
ul { list-style: none; }
table { /*border-collapse: collapse;*/ border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
th, td { vertical-align:top; }
img { display:block; border:0; }
/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */

/* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */
body { background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; }

/* 	 _________________________________________________
	|												  |	
	|				#page-container					  |	
	| _______________________________________________ |												 |
	||												 ||
	||					#header						 ||
	||_______________________________________________||
	| _______________________________________________ |
	||  											 ||	
	||  		  #content-container				 ||	
	||  ______________	 __________________________	 ||	
	|| | 			  |	|						   | ||	
	|| | #side-column |	|		#main-column	   | ||	
	|| |______________| |__________________________| ||
	||_______________________________________________||	
	| _______________________________________________ |												 |
	||												 ||
	||					#footer						 ||
	||_______________________________________________||
	|_________________________________________________|
*/

#page-container{ width:940px; margin:0 auto; padding:0 20px 30px 20px; background-color:#fff; }
	#header{ width:100%; overflow:hidden; margin:0; }
	#content-container{ width:100%; overflow:hidden; margin:0 0 0 0; background-color:#fff; }
		#side-column{ width:220px; float:left; background-color:#fff; }
		#main-column{ width:700px; float:right; }
		
/* .................. START GRIDS*/
		/* grid-1 (= a fullwidth column)
		 -----------------------
		|						|
		|						|
		|						|
		 -----------------------
		*/
		#main-column div.grid-1 { width:100%; overflow:hidden; }
		
		/* grid-2-1 (= layout containing a 2/3 col & a 1/3 col) 
		 -----------------------
		|				|		|
		|				|		|
		|				|		|
		 -----------------------
		*/
		#main-column div.grid-2-1 { width:100%; overflow:hidden; }
			#main-column div.grid-2-1 div.col-1 { float:left; width:460px; overflow:hidden; margin-right:20px; }
			#main-column div.grid-2-1 div.col-2 { float:right; width:220px; }
		/* grid-2-1 width subcols (= layout containing three equal columns) 
		 -----------------------
		| ------------- |		|
		||		|	   ||		|
		||		|	   ||		|
		| ------------- |		|
		 -----------------------
		*/		
			#main-column div.grid-2-1 div.col-1 div.subcols { width:460px; overflow:hidden; margin-right:20px; }
				#main-column div.grid-2-1 div.col-1-1 { float:left; width:220px; margin-right:20px; }
				#main-column div.grid-2-1 div.col-1-2 { float:right; width:220px; }
/* .................. END GRIDS*/
	#footer{ width:100%; background-color:#fff; }
	
/* ++++++++++++++++++++ End GLOBAL LAYOUT ++++++++++++++++++++ */

/* ++++++++++++++++++++ ELEMENTS ++++++++++++++++++++ */

/* ==================== General */	
.no-css {display:block; visibility:hidden; position:absolute; left:-9999em; }
.no-show, .print { display:none; }
/* ==================== End General */

/* ==================== Specific for Header */	
ul#main-nav { float:left; width:493px; overflow:hidden; margin:23px 0 11px 0; background:#f00 url(../images/backgrounds/bg-main-nav-ro.gif) 0 0 no-repeat; }
		ul#main-nav li { display:inline; float:left; margin-left:25px; background:transparent;  }
		ul#main-nav li a { display:block; float:left; height:20px; background:transparent url(../images/backgrounds/bg-main-nav.gif) 0 0 no-repeat; text-indent:-999em; }
	ul#main-nav li#main-nav-00 { margin-left:0px; }
		ul#main-nav li#main-nav-00 a { width:13px; background-position:0 0; }
	ul#main-nav li#main-nav-01 { margin-left:19px; }
		ul#main-nav li#main-nav-01 a { width:54px; background-position:-32px 0px; }
		ul#main-nav li#main-nav-02 a { width:54px; background-position:-111px 0px; }
		ul#main-nav li#main-nav-03 a { width:57px; background-position:-190px 0px; }
		ul#main-nav li#main-nav-04 a { width:133px; background-position:-272px 0px; }
		ul#main-nav li#main-nav-05 a { width:63px; background-position:-430px 0px; }
		ul#main-nav li#main-nav-00 a:hover, 
		ul#main-nav li#main-nav-01 a:hover,
		ul#main-nav li#main-nav-02 a:hover, 
		ul#main-nav li#main-nav-03 a:hover, 
		ul#main-nav li#main-nav-04 a:hover, 
		ul#main-nav li#main-nav-05 a:hover { background-position:0px -100px; }
		
fieldset#info-for { float:left; width:160px; overflow:hidden; margin:20px 0 0 25px; }
	fieldset#info-for label { display:none; }
	fieldset#info-for select { float:left; font-size:1.2em; height:1.6em; width:135px; font-family: Arial, Helvetica, sans-serif; }
	fieldset#info-for input { float:left; }
	
	
fieldset#site-search { width:200px; float:right; margin:15px 0; }
	input.input-site-search { float:left; width:154px; height:19px; padding:4px 10px 0px 10px;
	border-top:1px solid #2eb135; border-right:none; border-bottom:1px solid #2eb135; border-left:1px solid #2eb135;
	background:#fff url(../images/backgrounds/bg-inputtext.gif) 0 0 no-repeat; color:#009900; font-size:1.2em; }
	input.submit-site-search { float:right; width:25px; }

h1 { width:100%; height:40px; clear:both; border-top:4px solid #2eb135; background:#fff url(../images/logos/logo-header.gif) 0 0 no-repeat; }
	h1 a { display:block; height:34px; width:210px; text-indent:-999em; }

ul#service-menu { float:right; margin:-40px 0 -4px 0; padding:2px 0 0 0; border-right:4px solid #2eb135; }
	ul#service-menu li { line-height:1.6em; padding:8px 14px 0 0; background:transparent url(../images/bullets/bullet-service-menu.gif) 100% 100% no-repeat; vertical-align:bottom; text-align:right; }
		ul#service-menu li a { display:block; height:1.0em; font-size:1.2em; font-weight:bold;  text-decoration:none; color:#009900; vertical-align:bottom; }
		ul#service-menu li a:hover { text-decoration:underline; }
	
ul#breadcrumbs { float:left; width:680px; overflow:hidden; margin:6px 0 -8px 5px; }
	ul#breadcrumbs li { display:inline; padding:0 8px 0 12px; background:#fff url(../images/bullets/bullet-breadcrumbs.gif) 0px 4px no-repeat;}
	ul#breadcrumbs li.first-level { background:#fff none 0px 0px no-repeat; }
		ul#breadcrumbs li a { text-decoration:none; font-size:1.2em; color:#090; }
		ul#breadcrumbs li a:hover { text-decoration:underline; }
		ul#breadcrumbs li strong { font-size:1.2em; font-weight:normal; color:#999; }
	
h2.page-title { clear:both; padding:16px 0 15px 240px; font-size:2.5em; line-height:1.0em; font-weight:bold; }
/* ==================== End Specific for Header*/

/* ==================== Specific for Content ===================================================== */
/* ++++++++++++++++++++ Section navigation ++++++++++++++++++++ */
ul#section-nav { margin:0 0 35px 0; padding:0 0 0 4px; border-left:4px solid #2eb135; }
	ul#section-nav li { margin-bottom:4px; background:#2eb135 url(../images/backgrounds/bg-section-nav-01.gif) 0 0 no-repeat; }
		ul#section-nav li a,
		ul#section-nav li.selected strong { display:block; padding:5px 20px 5px 8px; text-decoration:none; color:#fff; font-size:1.3em; font-weight:bold; }
		ul#section-nav li.selected strong { color:#000; }
		ul#section-nav li a:hover { text-decoration:underline; }
		ul#section-nav li ul { padding:5px 0 15px 0; background:#fff none 0 0 no-repeat; border-bottom:2px solid #2eb135; border-left:2px solid #2eb135; }
			ul#section-nav li li { margin-bottom:0px; background:#fff url(../images/bullets/bullet-link-internal.gif) 7px 9px no-repeat; }
			ul#section-nav li li.selected { background:#fff url(../images/bullets/bullet-selected-item.gif) 5px 7px no-repeat; }
			ul#section-nav li li.selected a { color:#d30044; }
				ul#section-nav li li a { padding:5px 0 0 23px; color:#000; font-weight:normal; } 
				ul#section-nav li li a:hover { text-decoration:underline; }
/* ++++++++++++++++++++ End Section navigation ++++++++++++++++++++ */

/* ++++++++++++++++++++ Section navigation ++++++++++++++++++++ */
div.chaptermenu a{
margin-bottom:4px; background:#2eb135 url(../images/backgrounds/bg-section-nav-01.gif) 0 0 no-repeat;
display:block; padding:5px 20px 5px 8px; text-decoration:none; color:#fff; font-size:1.3em; font-weight:bold; 
}
div.chaptermenu .sub{
padding:5px 0 15px 0;margin-bottom:4px; background:#fff none 0 0 no-repeat; border-bottom:2px solid #2eb135; border-left:2px solid #2eb135;
}
div.chaptermenu .sub a{
margin-bottom:4px; background:#fff url(../images/backgrounds/x.gif) 0 0 no-repeat;
display:block; padding:5px 20px 5px 8px; text-decoration:none; color:#2eb135; font-size:1.3em; font-weight:bold; 
}
/* ++++++++++++++++++++ End Section navigation ++++++++++++++++++++ */

/* ++++++++++++++++++++ Detail navigation ++++++++++++++++++++ */
div#detail-navigation { margin:0 0 30px 0; border-top:4px solid #2eb135; border-right:4px solid #2eb135; }
div#detail-navigation.illustrated { border-top:none; } 
	div.block-detail-nav { margin:4px 4px 0 0; border-right:2px solid #2eb135; border-bottom:2px solid #2eb135; }
		div.block-detail-nav h3 { padding:5px 0px 5px 5px; background:#f1f1f1 url(../images/backgrounds/bg-detail-nav-01.gif) 0 0 no-repeat; font-size:1.3em; font-weight:bold; color:#090; }
			div.block-detail-nav h3 span.total { font-weight:normal; }
				div.block-detail-nav ul { margin:5px; }
					div.block-detail-nav li { padding:0 15px 5px 15px; background:#fff url(../images/bullets/bullet-link-internal.gif) 0px 4px no-repeat; }
					div.block-detail-nav .downloads li { background:#fff url(../images/bullets/bullet-link-download.gif) 0px 5px no-repeat; }
					div.block-detail-nav .external-links li { background:#fff url(../images/bullets/bullet-link-external.gif) 0px 5px no-repeat; }
					div.block-detail-nav li a { font-size:1.3em; text-decoration:none; color:#000; }
					div.block-detail-nav li a:hover { color:#090; text-decoration:underline; }
						div.block-detail-nav li a span.specs { color:#999; }
						div.block-detail-nav li a:hover span.specs { color:#090; }
/* ++++++++++++++++++++ End Detail navigation ++++++++++++++++++++ */

/* ++++++++++++++++++++ Generic content elements +++++++++++++++++ */
div.promoblock { margin:0 0 30px 0; width:216px; overflow:hidden; border-right:2px solid #2eb135; border-bottom:2px solid #2eb135; background:#fff url(../images/backgrounds/bg-promoblock.gif) 0 0 no-repeat; }
	div.promoblock img.promo-icon { float:left; }
	div.promoblock h3 { float:left; padding:10px 0 10px 5px; margin:0; width:150px; height:3.0em; font-size:1.4em; font-weight:bold; }
	/*div.promoblock.go-to h3 { background:transparent url(../images/icons/ico-promo-goto.gif) 0 0 no-repeat; }
	div.promoblock.online h3 { background:transparent url(../images/icons/ico-promo-online.gif) 0 0 no-repeat; }
	div.promoblock.contact h3 { background:transparent url(../images/icons/ico-promo-contact.gif) 0 0 no-repeat; }
	*/
		div.promoblock h3 span.attention-text { color:#090; }
	div.promoblock ul { clear:both; padding:0 0 15px 9px; }	
	div.promoblock ul.related-links { padding-left:15px; }
		div.promoblock li { padding:1px 15px 5px 15px; background:#fff url(../images/bullets/bullet-link-internal.gif) 0px 4px no-repeat; }
			div.promoblock li a { text-decoration:none; font-size:1.2em; color:#000; }
			div.promoblock li a:hover { text-decoration:underline; }
		div.promoblock ul.attention li { padding-top:1px; }
			div.promoblock ul.attention li a { font-weight:bold; }
			div.promoblock ul.related-links li a { color:#090; }
		div.promoblock h4 { padding:0 15px 0 13px; font-weight:bold; font-size:1.2em; line-height:1.5em; color:#000; }
		div.promoblock p { padding:0 15px 15px 13px; font-size:1.2em; line-height:1.5em; color:#000; }


div.feature-small { border-left:2px solid #2eb135; padding:0 0 0 2px; margin:0 0 30px 0; }	
	div.feature-small h3 { padding:10px 0 0 9px; font-weight:bold; font-size:1.4em; color:#090; }	
	div.feature-small p { padding:10px 0 0 9px; font-size:1.2em; color:#000; }	
		div.feature-small p	a.link-read-more { color:#090; text-decoration:none; }
		div.feature-small p	a.link-read-more:hover { text-decoration:underline; }
		
div.faq-block { margin:0 0 30px 0; }
	div.faq-block h3 { padding:0 0 10px 0; font-size:1.4em; font-weight:bold; color:#000; }
		div.faq-block dl { border-top:1px solid #2eb135; }
			div.faq-block dt { padding:5px 5px 5px 5px; font-weight:bold; font-size:1.2em; }
			div.faq-block dd { padding:0 5px 15px 5px; font-size:1.2em; border-bottom:1px solid #2eb135; }
				div.faq-block li { padding:5px 0 0 15px; background:#fff url(../images/bullets/bullet-link-internal.gif) 0 9px no-repeat; }
				div.faq-block li.external {background:#fff url(../images/bullets/bullet-link-download.gif) 0px 9px no-repeat; }
				div.faq-block li.download { background:#fff url(../images/bullets/bullet-link-external.gif) 0px 9px no-repeat; }
					div.faq-block li a { color:#090; text-decoration:none; }
					div.faq-block li a:hover { text-decoration:underline; }
/* ++++++++++++++++++++ End Generic content elements +++++++++++++ */

/* ==================== End Specific for Content*/

/* ==================== Specific for Footer ===================================================== */
div#sitemap { width:938px; overflow:hidden; margin-bottom:7px; border-bottom:2px solid #2eb135; border-left:2px solid #2eb135; clear:both; }
	ul.col-sitemap { width:220px; padding:0 20px 0 0; float:left; }
	ul.col-sitemap.last { width:218px; padding:0; }
		ul.col-sitemap li { padding:0 0 20px 0; background:#fff url(../images/bullets/bullet-link-internal.gif) 12px 4px no-repeat; font-weight:bold; }
		ul.col-sitemap li.link-home { background:#fff url(../images/bullets/bullet-selected-item.gif) 10px 2px no-repeat; }
			ul.col-sitemap li a { display:block; padding:0 0 0 26px; text-decoration:none; color:#000; font-size:1.3em; font-weight:bold; }
			ul.col-sitemap li.link-home a { color:#cc0033; }
				ul.col-sitemap li a:hover { text-decoration:underline; }
			ul.col-sitemap li li { padding:0 0 0 26px; background:#fff url(../images/bullets/bullet-listitem-sublink.gif) 26px 7px no-repeat; }
				ul.col-sitemap li li a { padding:3px 0 0 7px; text-decoration:none; color:#000; font-size:1.2em; font-weight:normal; }
				ul.col-sitemap li li a:hover { text-decoration:underline; }
				
ul#bottom-nav { float:left; }
	ul#bottom-nav li { display:inline; padding:0 10px 0 0; font-size:1.1em; color:#999; }
		ul#bottom-nav li a { text-decoration:none; color:#090; }
		ul#bottom-nav li a:hover { text-decoration:underline; }
a#brand-values { display:block; float:right; width:71px; height:100px; background:#fff url(../images/backgrounds/bg-brand-values.gif) 0px 2px no-repeat; text-indent:-999em; }

/* ==================== End Specific for Footer*/

/* ++++++++++++++++++++ End ELEMENTS ++++++++++++++++++++ */

/* =============== End of Styles for display on SCREEN */

/* =============== Styles for PRINT */
/* =============== End of styles for PRINT */
