﻿/* Master Skin */

*
{
	font-family: Tahoma;
}

html, body
{
	margin: 0px;
	padding: 0px;
}

body
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	zbackground : #333333;
	background : #D9DBDC;
	font-size: 1em;
}

a, a:hover, a:visited
{	
	color: black;
	text-decoration: none;
}
	
#page-background-top
{
	position: relative;
	background: white url(img/background-top.png) repeat-x 0 0;
	padding-top: 24px;
}

#page-background-bottom
{	
	background: transparent url(img/background-bottom.png) repeat-x 0 100%;
}

#page
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1000px;
	background: transparent url(img/background-top-angle.png) no-repeat 53px 0;
}

#page-middle
{	
	margin-left: 53px;
	margin-right: 53px;
	position: relative;	
	background: transparent url(img/background-bottom-footer-queue.png) no-repeat 0 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}

#page-content
{	
	position: relative;
	min-height: 100%;
	background: transparent url(img/background-middle.png) repeat-y 0 0;
}

#page-footer
{	
	background: transparent url(img/background-bottom-reflect.png) no-repeat 0 0;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	height: 120px;	
}

#header
{	
	background: transparent url(img/background-header.png) no-repeat 50% 0;
	position: relative;	
	height: 186px;	
	top: -10px;
}

/*
#nav
{	
	position: absolute;
	height: 30px;	
	left: 22px;
	top: 136px;
}
#nav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#nav ul li
{
	float: left;
	width: 182px;
	height: 31px;
	background: transparent url(img/nav-sep.png) no-repeat 100% 0;
}
#nav ul li:hover
{
}
#nav ul li a
{
	display: block;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	color: white;
	font-weight: bolder;
	font-size: 1.1em;
	font-variant: small-caps;
}
#nav ul li a:hover
{
	background: transparent url(img/button-selected.png) no-repeat 0 0;	
	padding-top: 2px;
}

#nav ul li[key="0"] a
{
	background: transparent url(img/button-kaya.png) no-repeat 50% 50%;	
}
#nav ul li[key="0"] a:hover
{
	background: transparent url(img/button-kaya-selected.png) no-repeat 0 0;	
}
*/

#nav
{	
	position: absolute;
	height: 30px;	
	width: 850px;
	left: 22px;
	top: 136px;
}
.NavMenu
{
}
.NavMenu ul
{
}
.NavMenu ul.AspNet-Menu ul
{
}
.NavMenu ul.AspNet-Menu li
{
	width: 182px;
	height: 31px;
	background: transparent url(img/nav-sep.png) no-repeat 100% 0;
}
.NavMenu ul.AspNet-Menu li a,
.NavMenu ul.AspNet-Menu li span
{
	display: block;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	color: white;
	font-weight: bolder;
	font-size: 1.1em;
	font-variant: small-caps;	
}
.NavMenu ul.AspNet-Menu li:hover,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
}
.NavMenu ul.AspNet-Menu li:hover a,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Selected a
{
	background: transparent url(img/button-selected.png) no-repeat 0 0;	
	padding-top: 2px;
}
.NavMenu ul.AspNet-Menu li.first-child a,
.NavMenu ul.AspNet-Menu li.first-child span
{
	background: transparent url(img/button-kaya.png) no-repeat 50% 50%;	
}
.NavMenu ul.AspNet-Menu li.first-child:hover a,
.NavMenu ul.AspNet-Menu li.first-child.AspNet-Menu-Hover a,
.NavMenu ul.AspNet-Menu li.first-child.AspNet-Menu-Selected a
{
	background: transparent url(img/button-kaya-selected.png) no-repeat 0 0;
}

#content
{	
	position: relative;
	min-height: 540px;
	margin: 0px 22px 0px 22px;
}

#content-data
{	
	position: relative;
	min-height: 400px;	
	margin-right: 208px;
	font-size: 0.8em;
	color: #666666;
	padding: 8px;
}
#content-sidebar
{	
	position: relative;
	float: right;
	width: 200px;
	border: 1px solid white;	
}

#footer .left
{
	background: transparent url(img/background-brush-left.png) no-repeat 0 0;	
	padding-left: 27px;
}
#footer .right
{
	background: transparent url(img/background-brush-right.png) no-repeat 100% 0;	
	padding-right: 27px;
}
#footer .middle
{
	background: transparent url(img/background-brush-middle.png) repeat-x 0 0;		
	height: 27px;
	padding-top: 2px;
}

#footer
{
	padding-left: 480px;
	padding-bottom: 0px;
	text-align: right;
}
#footer ul li
{
	float: left;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer a
{
	color: white;
	font-size: 0.7em;
	padding-left: 8px;
	padding-right: 8px;
}
#footer .footer-sep
{
	font-size: 0.7em;
	color: white;
}

.SiteMapPathWeb
{
	color: #333333;
	font-size: 0.8em;
}
.SiteMapPathWeb a
{
	color: #ff6600;
	text-transform: uppercase;
}

#buttonsLang
{
	float: right;
	height: 12px;
	margin-top: 11px;
	margin-right: 32px;
	width: 48px;
	
}
.button-lang
{
	float: left;
	cursor: pointer;
	margin-left: 8px;
}
.button-lang a
{
	height: 11px;
	width: 16px;
	display: block;
}
#buttonFR a
{
	background: transparent url(img/fr.png) no-repeat 0 0;
}
#buttonEN a
{
	background: transparent url(img/en.png) no-repeat 0 0;
}

#content-sidebar .sidebar-box
{
	border-bottom: 1px solid white;
	margin-top: 12px;
	background: transparent url(img/sidebar-background.png) repeat 0 0;		
}
#content-sidebar .sidebar-box .title
{
	background: #CCCCCC;
	color: #666666;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid white;
	font-weight: bolder;
	font-size: 0.9em;
	font-variant: small-caps;	
}
#content-sidebar .sidebar-box .title .rss-logo
{	
	position: relative;
	margin-left: 78px;
	cursor: pointer;
}
#content-sidebar .sidebar-box .title .rss-logo img
{	
	height: 48px;
}
#content-sidebar .sidebar-box .title .news-logo
{	
	position: relative;
	margin-left: 92px;
	cursor: pointer;
	height: 48px;
}

#content-sidebar .sidebar-box .title.goodies
{
	height:24px;
	position:relative;
}

#content-sidebar .sidebar-box .title .goodies-logo
{	
	position: relative;
	margin-left: 79px;
	cursor: pointer;
	height: 48px;
	position:absolute;
}


#content-sidebar .sidebar-box .content
{
	margin: 4px 8px 4px 8px;
	padding-top: 4px;	
	font-size: 0.7em;
	overflow: hidden;
}
#content-sidebar .sidebar-box .content ul
{
	margin: 0px;
	padding-left: 22px;
	list-style-image: url(img/bullet-kaya-eyes.png);	
}
#content-sidebar .sidebar-box .content ul li
{
	vertical-align: middle;
	height: 24px;
	white-space: nowrap;
}
#content-sidebar .sidebar-box .content ul li a
{
	color: #ff6600;
	display: block;
	height: 100%;
}

#content-sidebar .sidebar-box .iframe-msn
{
	width: 200px;
	height: 300px;
}

#tab-buttons
{
	float: right;
	margin: 48px
}
#tab-buttons span
{
	color: #ff6600;
	font-family: Consolas;
}
#tab-buttons span.sep
{
	font-size: 0.8em;
}
#tab-buttons a
{
	color: #ff6600;
	font-family: Consolas;
}
#tab-buttons a:hover
{
	text-decoration: underline;
}

/* -- */

/* All Pages */

.clear-left
{
	clear: left;
}

.content-header
{
	border-bottom: 1px dotted #ff6600;
	padding-top: 12px;
	margin-bottom: 12px;	
}
.content-title
{
	color: #ff6600;
	font-size: 1.3em;
	font-variant: small-caps;
}
.content-subtitle
{
	padding-top: 8px;
	color: #ff6600;
	font-size: 0.8em;
	font-variant: small-caps;	
}

a.link
{
	color: #FF6600;
}
a.link:hover
{	
	text-decoration: underline;
}

/* -- */

/*Default.aspx*/

.silverlight-logo
{
	float: left;
}

.wtau-list
{	
	padding-top: 24px;
}
.wtau-list ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.wtau-list ul li
{
	background: transparent url('img/wtau-info.png') no-repeat 0 40%;
	padding-left: 36px;
	min-height: 48px;
}
.wtau-list ul li .item
{
	padding: 12px;
}
.wtau-list ul li .date
{
	font-size: 0.85em;
}

/* -- */

/*Products.aspx*/

.product-item
{
	padding-top: 12px;	
	height: 140px;
}
.product-item .msExperience
{
    height: 75px;
}


.product-item .preview
{
	float: left;
	height: 120px;
	width: 120px;
}


.product-item .info
{
	float: left;	
}
.product-item .info .title
{
	color: #666666;
	font-weight: bolder;
	padding-left: 12px;
}
.product-item .info .description
{
	padding: 12px;
}
.product-item .info .downloader
{
	padding-left: 12px;
}
.product-item .info .downloader a
{
	color: #ff6600;
}
.product-item .info .downloader .link
{	
	color: #ff6600;
}
.product-item .info .downloader .countinfo
{	
}
.product-item .info .infolink
{
	padding-left: 12px;	
}
.product-item .info .infolink a
{
	color: #ff6600;
}


/* -- */

/*Contacts.aspx*/

.content-contact-list
{
	padding-bottom: 24px;
	width: 280px;
}
.content-contact-list ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.content-contact-list ul li
{
	min-height: 40px;
	padding-top: 12px;
}
.content-contact-list ul li .card
{
	height: 100%;
}
.content-contact-list ul li .card .name
{
	float: left;
	width: 48%;
	text-align: right;
	padding-right: 4px;
}
.content-contact-list ul li .card .info
{
	float: right;
	width: 48%;
	padding-left: 4px;
}

.contact
{
	margin-right: 300px;
	padding-bottom: 120px;
}

.googlemaps
{
	float: right;
	height: 280px;
	width: 350px;
	position: relative;	
}
.googlemaps .iframe-gmaps
{
	height: 250px;
	width: 350px;	
}
.googlemaps .zoom
{
	background: transparent url(img/zoom.png) no-repeat 0 0;
	display: block;
	height: 32px;
	width: 32px;
	position: absolute;
	left: -40px;
	top: 60px;
}

.contact-question a
{
	color: #ff6600;
}

/* -- */

.imgPlayerFTVI
{
	float:left;
}
.imgPlayerMSN
{
	float:left;
	width : 168px;
	margin-left:40px;
}

.imgBTBB
{
	float:left;
	width : 216px;
	margin-left:20px;
}

.BTBB
{
	margin-left:25px;
}

.imgMegane
{
	float:left;
	width : auto;
	margin-left:60px;
}

.Megane
{
	margin-left:65px;
}
.imgSLExtension
{
	float:left;
	
}
.SLExtension
{
	height : 93px;
}

.imgRemix08
{
	float:left;
	margin-left:40px;
	margin-top:10px;
}
.Remix08
{
	margin-left:20px;
}