@import url("http://www.pioneer.eu/css/reset.css");
/*@import url("http://www.pioneer.eu/css/content.css");*/


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, table, caption, tbody, tfoot, thead, tr, th, td { 
	/*font-family:Verdana,Helvetica,sans-serif; */
	font-size: 11px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

h2 { font-size: 11px; }

p, ul, h2 { padding-bottom: 10px; }

/* 
 *  GRID ----------------------
 */ 
 
body {
	background: #000;
} 
#wrap {
	width: 770px;
	margin: 0 auto;
}

#wrap { color: #A0A8AD; }
 
#wrap .small { font-size: 0.91em; /* 11x0.91em=10px*/} 

#picture_gallery { height: 218px; overflow: hidden; }

#kuro_content { padding-bottom: 45px; }

	.leftcol  { float: left; width: 480px; /*width: 524px;*/ }
	.rightcol { float: right; width: 216px; }

#view_360degree { margin: auto; width: 820px; }

/* HEADER */ 
 
#header {
	height: 70px;
} 

.header_360 {
	text-align: right;
	font-size: 0.75em;
}


#logo {
	width: 200px;
	height: 60px;
	margin: 9px 0 0 0;
} 

/* FOOTER */ 

#footer {
	border-top: 1px solid #353e45;
	padding: 15px 0 45px 0;
	color: #808080;
	
}

#footer a:link, #footer a:active, #footer a:visited { color: #808080; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }

#footer p {
	font-size: 10px;
}
#footer p.small a { font-size: 10px; }
#footer strong { /* Where to buy link */
	font-size: 12px;
}


/* 
 *  MENU ----------------------
 */ 

#kuro_menu {
	margin-top: 0px; height: 56px; 
}
#kuro_logo {
	width: 134px; height: 43px; float: left;
}


#kuro_menu ul {
	margin: 0 1px 0 0; padding: 0; float: right; position: relative; height:26px; overflow: hidden;
}
#kuro_menu ul li {
	float:left; margin-right:-1px;
}
#kuro_menu ul li.last {
	margin-right: 0;
}
#kuro_menu ul li a { 
	cursor: pointer; display:block; text-decoration:none;
}
#kuro_menu ul li a span {
	display:block; float:left; height:26px; line-height:25px; padding:0 10px 0 1px; /*16*/
	background-image:url(/images/kuro0809/kuromenu_bg.gif); 
	background-position: right top;
	font-weight:normal; font-style:normal; font-family: Verdana, Helvetica, sans-serif;
	color:#fff;
}
#kuro_menu ul li a b {
	display:block; float:left; width:10px; height:26px; /*16*/
	background-image:url(/images/kuro0809/kuromenu_bg.gif); 
}

#kuro_menu ul.smallpadding li a span {
	display:block; float:left; height:26px; line-height:25px; padding:0 8px 0 1px; /*16*/
	background-image:url(/images/kuro0809/kuromenu_bg.gif); 
	background-position: right top;
	font-weight:normal; font-style:normal; font-family: Verdana, Helvetica, sans-serif;
	color:#fff;
}
#kuro_menu ul.smallpadding li a b {
	display:block; float:left; width:8px; height:26px; /*16*/
	background-image:url(/images/kuro0809/kuromenu_bg.gif); 
}



#kuro_menu ul li a:link span, #kuro_menu ul li a:active span, #kuro_menu ul li a:visited span { background-position: right top; } 
#kuro_menu ul li a:hover span { background-position: right center; }

#kuro_menu ul li a.selected:link span, #kuro_menu ul li a.selected:active span, #kuro_menu ul li a.selected:visited span, #kuro_menu ul li a.selected:hover span { background-position: right bottom; }


#kuro_menu ul li a:link b, #kuro_menu ul li a:active b, #kuro_menu ul li a:visited b { background-position: left top; } 
#kuro_menu ul li a:hover b { background-position: left center; }

#kuro_menu ul li a.selected:link b, #kuro_menu ul li a.selected:active b, #kuro_menu ul li a.selected:visited b, #kuro_menu ul li a.selected:hover b { background-position: left bottom; }




/* 
 *  FLOATS AND CLEARFIX ----------------------
 */

.float_right {
	float: right;
}
.float_left {
	float: left;
} 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 
 *  TYPOGRAPHY ----------------------
 */

#kuro h1 { padding: 0; margin: 0 0 5px 0; } 
#kuro h2 { padding: 0; margin: 0 0 15px 0; color: #fff; font-weight: bold;  line-height: 1.2em; } 

#kuro p, #kuro li { color: #aaa; margin: 0; }
#kuro strong { color: #fff; }
#kuro p em { font-weight: normal; font-style: italic; }





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

a:focus { outline: none; }

/*  DEFAULT LINKS  */ 
a:link, a:active, a:visited { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

p a:link, p a:active, p a:visited { color: #aaa; text-decoration: underline; }
p a:hover { color: #fff; text-decoration: none; }

/*  DEFAULT LINKS  */ 

a.lnk_arrow:link, a.lnk_arrow:active, a.lnk_arrow:visited { color: #aaa; text-decoration: none; background: url(/images/kuro0809/lnk_detail.gif) top right no-repeat; padding-right: 10px; }
a.lnk_arrow:hover { color: #fff; text-decoration: none; background: url(/images/kuro0809/lnk_detail.gif) top right no-repeat; padding-right: 10px; }
a.lnk_arrow:link b, a.lnk_arrow:active b, a.lnk_arrow:visited b { font-weight: bold; text-decoration: underline; }
a.lnk_arrow:hover b { font-weight: bold; text-decoration: none; }


/*  BUTTON  */ 


.button {
	cursor:pointer; cursor:hand; 
	background-image:url(/images/kuro0809/button_bg.gif);
	background-repeat: no-repeat;
	display:block; 
	display:inline-block; 
	display:-moz-inline-box;
	padding-right:10px; 
	text-decoration: none;
}
.button span { 
	background-image:url(/images/kuro0809/button_bg.gif);
	background-repeat: no-repeat; 
	display:block; 
	display:inline-block; 
	display:-moz-inline-box; 
	padding: 6px 1px 7px 10px; 
	text-decoration: none;
	color: #fff;
	zoom: 1;
	/*font-size: 11px; */
	line-height: 14px;
}

a.button:link, a.button:active, a.button:visited { color: #fff; text-decoration: none; 	background-position: right top;  }
a.button:hover { color: #fff; text-decoration: none; background-position: right bottom; }

a.button:link span, a.button:active span, a.button:visited span { background-position: left top;  }
a.button:hover span { background-position: left bottom; }


/* 
 *  IMAGES ----------------------
 */

.img_left { float: left; margin: 4px 20px 4px 0;  }
.img_right { float: right; margin: 4px 0 4px 20px; }



/* 
 *  LANDING EXPERIENCE ----------------------
 */ 

.landing_experience { width: 770px; background:url(/images/kuro0809/landing_experience_background.jpg) no-repeat; }
.landing_experience .visual { width: 444px; height: 323px; }
.landing_experience .content { vertical-align: top; width: 326px; padding-top: 38px; }
.landing_experience .content p { padding-top: 8px; }

.landing_slogan {}
    
.landing_banners td { width: 260px; height: 155px; text-align: left; vertical-align: bottom; }
.landing_banners .banner_3 { width: 250px; }



/* 
 *  LINE UP ----------------------
 */

/*  LINEUP MENU  */

#lineup_menu { border-top: 1px solid #353e45; border-bottom: 1px solid #353e45; padding: 0; display: block; width: 766px; }
#lineup_menu ul { float: left; padding: 0; margin: 1px 0;}
#lineup_menu ul li { list-style: none; display: inline; padding: 0; margin: 0; }
#lineup_menu ul li a { color: #a8afb4; background: #000; padding: 4px 20px 6px 20px; float: left; text-decoration: none; border-bottom: none; }
#lineup_menu ul li a:hover { color: #ffffff; background: #000;  border-bottom: none; }
#lineup_menu ul li a.selected, #lineup_menu ul li a.selected:hover { color: #ffffff; background: #192025; border-bottom: none; cursor: default; }


/*  LINEUP OVERVIEW  */

.lineup_overview { width: 770px; }

.lineup_overview img { }

.lineup_overview .lineup_projector, .lineup_overview .lineup_monitor, .lineup_overview .lineup_television { text-align: center; float: left; }

.lineup_overview .lineup_projector { width: 257px; }
.lineup_overview .lineup_monitor { width: 251px; }
.lineup_overview .lineup_television { width: 262px; }


/*  LINEUP LIST  */

.lineup_list {  margin: 5px 0 0 0; width: 770px; }
.lineup_list .item { background: #000 url(/images/kuro0809/lineup_list_bg.jpg) bottom left no-repeat; position: relative; display: block; width: 770px; }

.lineup_list .item table td { padding: 0; font-size: 1em; }
.lineup_list .item table td p { font-size: 0.75em; }
.lineup_list .item table td p.title { font-size: 0.80em; line-height: 15px; }
.lineup_list .item table td p.title a:link,
.lineup_list .item table td p.title a:active,
.lineup_list .item table td p.title a:visited,
.lineup_list .item table td p.title a:hover { text-decoration: none; }
.lineup_list .item table td.visual { width: 224px; height: 129px; vertical-align: bottom;  }
.lineup_list .item table td.visual img { display: block; }
.lineup_list .item table td.description { width: 438px; vertical-align: middle; padding: 15px 30px 5px 0; }
.lineup_list .item table td.view360 { width: 108px; vertical-align: bottom; padding-bottom: 32px; }

.lineup_list .item a.btn_360 { display: block; background:url(/images/kuro0809/lineup_360degree.jpg); width: 76px; height:38px; overflow: hidden; border-bottom: none; }
.lineup_list .item a.btn_360 strong { position: absolute; left: -9999px; }





				



/*  LINEUP FILTERS  */

.lineup_filters { margin: 10px 0 0 0; padding: 15px 20px; background: #000 url(/images/kuro0809/lineup_filters_bg.jpg) bottom left no-repeat; border-top: 1px solid #353E45; border-bottom: 1px solid #353E45; }
.lineup_filters table { }
.lineup_filters table td { vertical-align: top; text-align: left; }
.lineup_filters label { padding-left: 5px; color: #aaa; }
.lineup_filters .vspace { height: 5px; overflow: hidden; }
.lineup_filters .vspace br { line-height: 5px; }	 




/* 
 *  LANGUAGE PAGES ----------------------
 */ 
 
#language { font-size: 100%; color: #A0A8AD; font-family: Verdana, Helvetica, sans-serif;  }
 
#language li { font-size: 0.75em; } 
#language #footer p { font-size: 0.69em; } 

#language { background: url(/images/kuro0809/language_body_bg.jpg) top left repeat-x; } 

#language .inner { width: 970px; margin: 0 auto; }

#language #header {
	height: 100px;
} 

#language #logo {
	width: 125px;
	height: 23px;
	margin: 0;
	padding: 20px 0 0 7px;
} 

#language #footer { border-top: none; background: url(/images/kuro0809/language_footer_bg.jpg) top left no-repeat; height: 150px; padding: 20px; text-align: left; }