/* 
		Styles for Navgate Feeds pages
		/eur/page/products/navgate-feeds/home.html
*/


/* background */

body { background: #efefef; }
#content { background: url(content-bg-repeat.jpg) 0 0 repeat-x; }
#content .bg-visual { background: url(content-bg.jpg) 0 0 no-repeat; min-height: 900px; }

/* crumbs */  

#crumbs p { color: #b2b2b2; }
	#crumbs a { color: #fff; }
	#crumbs a:hover { color: #fff; text-decoration: underline; }

/* navgate menu */

.menu { padding: 5px 0 8px 0; margin: 0 5px; }
	.logo { float: left; width: 160px; }
	.menu ul { float: right; margin: 10px 0 0 0; }
	.menu li { display: inline; padding: 0 15px; float: left; }
	.menu a { float: left; padding: 5px 0 0 0; }
	.menu a:hover {}
	.menu a.lnk_button { padding: 0 0 0 10px; margin: 0 !important; }
	.menu a.lnk_button:hover { padding: 0 0 0 10px; margin: 0 !important; }

	/* set selected menu item based on page ID */
	#pageOverview a#mnOverview, #pageOverview a#mnOverview:hover, 
	#pagePc a#mnPc, #pagePc a#mnPc:hover, 
	#pagePhones a#mnPhones, #pagePhones a#mnPhones:hover, 
	#pageApps a#mnApps, #pageApps a#mnApps:hover { color: #403f3f; text-decoration: none; cursor: default; }

/* footer */

#footer { padding: 25px 0 0 0; }
	#footer .inner { background: url(stipple-h.gif) repeat-x 0 0; }
	#footermenu ul li { background: url(stipple-v.gif) no-repeat right center; }
		#footermenu ul li a, #footermenu ul li a:link, #footermenu ul li a:active, #footermenu ul li a:visited { color:#000; }
		#footermenu ul li a:hover { color:#000; text-decoration: underline; }

/* content */

.content { margin: 0 5px; background: url(bg-black-80.png); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius:6px; }
.content_body { padding: 30px; }

.home-content { background: url(home-content-bg.png); width: 958px; height: 453px; }
	
	.content h1 { color: #fff; padding: 0; font-weight: normal; }
	.content h2 { color: #fff; font-size: 1.5em; font-weight: normal; }
	.content p { color: #fff; }
	.content li { color: #fff; }
	.content td, .content th { color: #fff; }
	.content a, .content a:link, .content a:active, .content a:visited { color: #c2c2c2 ; text-decoration: underline; }
	.content a:hover { color: #B91440 ; text-decoration: underline; }

/* shortcuts */

.shortcuts { background: url(stipple-title.gif) repeat-x 0 0; margin: 10px 0 0 0; padding: 20px 0; overflow: hidden; }
	.shortcuts hr { display: none; }
	.shortcuts h2 { width: 140px; padding: 12px 0 0 30px; float: left; }
	#de .shortcuts h2,
	#chd .shortcuts h2,
	#at .shortcuts h2 { width: 120px; }
	#pt .shortcuts h2 { width: 130px; }
  .shortcuts ul { float: left; zoom: 1; }
	.shortcuts li { float: left; background: url(shortcuts-stipple.gif) 0 84px no-repeat; padding: 0 0 0 1px; zoom: 1; }
	.shortcuts a, .shortcuts a:link, .shortcuts a:active, .shortcuts a:visited { display: block; color: #fff; text-decoration: none;  }
	.shortcuts a:hover { text-decoration: none; color: #B91440; }
	.shortcut_features a { width: 198px; background: url(shortcut-features.jpg) 0 0 no-repeat; padding: 145px 0 0 42px; }
	.shortcut_phones a { width: 198px; background: url(shortcut-phones.jpg) 0 0 no-repeat; padding: 145px 0 0 42px; }
	.shortcut_apps a { width: 198px; background: url(shortcut-pc.jpg) 0 0 no-repeat; padding: 145px 0 0 42px; }
	.shortcuts li.shortcut_download { padding: 90px 30px 0 30px; zoom: 1; }


	
	.box { background: url(bg-grey-80.png); border: 1px solid #333; margin: 0 0 10px 0; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; -khtml-border-radius:6px; padding: 0; zoom: 1;   }
	.box_body { padding: 29px; }
	.box_l { width: 443px; float: left; }
	.box_r { width: 443px; float: right; }
	
	.box h2 { padding: 0 0 5px 0; margin: 0; line-height: 1.15em; }
	.box p, .box ul { padding: 1.25em 0 0 0; }
	.picto { display: block; float: right; /*width: 125px; height: 125px;*/ margin: 0 0 30px 30px; }

	.title { background: url(stipple-title.gif) repeat-x 0 bottom; padding: 11px 0 18px 0; margin: 0 0 10px 0; }
	.title h1 { font-size: 1.88em; margin: 0; }
	
		.link_next_list li { padding-bottom: 5px; }
		
		.splash_screen_list { margin: 15px 0 0 0; }
		.splash_screen_list li { float: left; width: 95px; padding-left: 1px; }
		.splash_screen_list li.first { padding-left: 0; }
		.splash_screen_list img { display: block; margin: 0 0 10px 0; }
	
	
	a.link_next, a.link_next:link, a.link_next:active, a.link_next:visited { color:#fff; text-decoration: none; }
	a.link_next:hover { color:#B91440; text-decoration: none; }
	
	a span.arrow, a:hover span.arrow { width: 15px; height: 13px; background:transparent url(arrow.png) no-repeat; display:block; display:-moz-inline-box; display:inline-block; }
	
	a.download_button, a.download_button:link, a.download_button:active, a.download_button:visited { margin-top: 30px; display: block; width: 421px; height: 59px; background-image: url(download_btn.gif); background-position: 0 0; background-repeat: no-repeat; color: #fff; font-weight: bold; font-size: 12px !important; text-decoration: none; }
	a.download_button:hover { background-position: 0 -100px; text-decoration: none; }
	a.download_button span { padding: 19px 0 0 40px; text-align: center; display: block; }
	a.download_button strong { text-transform: uppercase; }
	
	
	.red_bullet_list li { background: url(red_bullet.gif) 1px 0.5em no-repeat; padding-left: 14px; }

/* overlayer */

/*#overlayer { background: #000; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; z-index:1001; }
* html #overlayer { position: absolute; left: 0; top: 0; width: 100%; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
*/	
/* download dialog */

/*#download_dialog { width: 444px; height: 240px; background: #fff; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; -khtml-border-radius:6px; border: 1px solid #333; z-index: 1002; position:fixed; left: 50%; top: 50%; margin: -120px 0 0 -222px; }
.dialog_body { padding: 30px; }
#download_dialog .dialog_close { width: 17px; height: 17px; position: absolute; right: 17px; top: 17px; background: url(lightbox_close.gif) 0 0 no-repeat; cursor: pointer; }
*/

/* LIGHTBOX */

.lightbox_overlay { background: #000 center center no-repeat; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; z-index:101; }
* html .lightbox_overlay { background: #000; position: absolute; left: 0; top: 0; width: 100%; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

.lightbox { position:fixed; top:50%; left:50%; margin:0; z-index:102; overflow: hidden; background: #fff; border: none; border: 1px solid #ccc; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius: 8px; -khtml-border-radius:8px;  }
* html .lightbox { position:absolute; top:50%; left:50%; margin:0; padding:0; z-index:102; overflow: hidden; }
.lightbox iframe { zoom: 1; }
.lightbox_content { width: 885px; height: 457px; overflow: hidden; /*background: #fff;*/ }
.lightbox_close { position:absolute; width:17px; height:17px; right:21px; top:21px; background:transparent url(lightbox_close.png) no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; }

#lightbox_885-457 .lightbox_content { width: 885px; height: 457px; overflow: hidden; /*background: url(../img/loader.gif) center center no-repeat;*/ }

/* DOWNLOAD */

#lightbox_register .lightbox_content {
width:600px;
height:400px;
}

.dialog h1 { color: #403F3F; font-size: 1.38em; }
.dialog p { color: #4C4C4C; }
.dialog a { color:#B91440; text-decoration: underline; }
.dialog a:hover { color:#B91440; text-decoration: none; }

.dialog { width: 598px; height: 398px; background: #fff; border: 1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; -khtml-border-radius:6px;  }
.dialog_inner { /*padding: 20px;*/ }
.dialog_t { width: 538px; height: 50px; padding: 30px 30px 0 30px; background: url(hruler.gif) repeat-x 0 bottom; }
.dialog_m { width: 538px; height: 208px; padding: 25px 30px 0 30px; }
.dialog_b { width: 538px; height: 45px; padding: 30px 30px 0 30px; background: url(sb_bottom.gif) repeat-x 0 0; text-align: right; }

.errormessages ul { background: #EDEDED; margin: 10px 0; padding: 10px 15px; } 
.errormessages li { color:#B91440; padding-left:0; }

 

/*
	PAGES
*/

/* Overview */

.video { width: 470px; height: 315px; padding: 0 0 30px 0; float: right; }	
#videoPlayer { width: 470px; height: 315px; }	
.text { width: 270px; padding: 0; float: left; }

#pageOverview .content {}
  #pageOverview .video { padding: 30px 0; }	
	#pageOverview .text { width: 370px; padding: 55px 0 30px 30px; float: none; }
	 
	 
/* Downloads */
	
#download_box .float_left { width: 430px; }

#download_box .float_right { width: 350px; }
	
#download_box table strong { display: block; padding-bottom: 1em; } 	

#download_box table th { text-align: left; vertical-align: top; padding: 0 0 11px 0; font-weight: bold; }
#download_box table td { text-align: left; vertical-align: top; padding: 0; }
#download_box table td.border_left, #download_box table th.border_left { padding-left: 50px; background: url(vdots.gif) 25px 0 repeat-y;}

/* Apps */

#pageApps .intro { padding: 0 30px 30px 30px; width: 650px; }


/* Features */

#intro_video .box_body { padding-top: 72px; }

#at #intro_video .box_body { padding-top: 92px; }
#chd #intro_video .box_body { padding-top: 92px; }
#de #intro_video .box_body { padding-top: 92px; }
#pl #intro_video .box_body { padding-top: 85px; }
#pt #intro_video .box_body { padding-top: 95px; }
#ru #intro_video .box_body { padding-top: 80px; }


 	
/* IE6 hacks */
/*
.ie6 .png, 
*/

.ie6 #content .bg-visual { height: 900px; }

.ie6 .content, .ie6 .box { behavior:	url(/css/iepngfix.htc); }

.ie6 .shortcuts { zoom: 1; }

.ie6 .menu a { margin: 0; }
.ie6 #download_dialog { position: absolute; }

.ie6	a span.arrow, .ie6 a:hover span.arrow { width: 15px; height: 13px; background:transparent url(arrow.gif) no-repeat; display:block; display:-moz-inline-box; display:inline-block; }

/* LANGUAGE DEPENDANT */

	#pageOverview .text p { padding-right: 100px; }

