/* Pianoteq CSS Stylesheet */

html {
	height:100%;
	overflow-y:scroll;
}

body {
	height:100%;
	padding:0px; margin:0px;
	background:#4D5662;
	font:13px verdana, geneva, arial, helvetica, sans-serif;
}

/*--- Default ---*/

h1 {
	margin:1em 3%; color:#444; font-size:200%;
}	

h2 {
	margin:0.5em 3%; color:#666; font-size:180%;
}

h3 {
	margin:0.4em 3%; color:#888; font-size:130%;
}

h4 {
	margin:0.2em 3%; color:#999; font-size:115%;
}

h5 {
	margin:0.2em 3%; color:#AAA; font-size:108%;
}

h6 {
	margin:0.2em 3%; color:#AAA; font-size:100%;
}

p {
	text-align:justify;	
}

p.quotes {
    font-style:italic; color:#333;
}

pre {
	margin:1em 3%; color:black;
}

blockquote {
	margin:1em 3%; color:black;
}

ul {
	margin-left:20px;
}

ol {
	margin:1em 3%; color:black;
}

dl {
	margin:1em 3%; color:black;
}

address {
	margin:1em 3%; color:#1A1C1F;
}

a {
	color:#557; 
}

a:hover {
	color:#F90; text-decoration:underline;
}

img {
	border-style:none; vertical-align:middle;
}

table {
	margin:5px; 
}

td {
    padding:3px;
}

/*--- Special classes ---*/

.centered {
	text-align:center;
}

.transparent {
	background:url(trans-bg.png);
}

.backgrounded {
	background:url(bg-std.png); 	
}

.bordered {
	border:1px #AAA solid; 	
}

.rounded {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.unselectable {
   -moz-user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   /*user-select: none;*/
}

.noborder {
	border-style:none;
}

.brownframe {
	border:1px #BBB solid; background:#EDB url(bg-std.png);
}

.price {
	font-size:170%; color:#800000; font-family:verdana; text-align:center; text-decoration:none
}

/*--- Messages ---*/

div.message { border:1px #DDD solid; background:#EEE; padding:4px 6px; }

div.error {
	color:red;
	background-image: url('bullet-error.png');
 	background-repeat: no-repeat;
	background-position: 0 center;	
	padding: 1px 2em;
}

div.warning {
	color:#27C;
	background-image: url('bullet-warning.png');
 	background-repeat: no-repeat;
	background-position: 0 center;	
	padding: 1px 2em;
}

div.ok {
	color:green;
	background-image: url('bullet-ok.png');
 	background-repeat: no-repeat;
	background-position: 0 center;	
	padding: 1px 2em;
}

div.multiline { text-align:left; padding-left:8px; font-size:90%; }

a.arrow, span.arrow { background:url(arrow.gif) no-repeat; background-position:0px 0.5em;padding-left:0.7em; }
ul.arrow > li { list-style-image:url(arrow.gif) }

/*--- Content ---*/

#content, .content {
	/*clear:both;*/
	border:1px white solid; list-style-position:inside; padding:15px;
}

#content input.submit {
	margin:5px;
}

/*--- Static elements ---*/

#navbar {
	margin:2px; border-bottom:1px gray dotted; text-align:right; padding-bottom:2px;
	color:gray; font-size:10px;
}

#last_news {
	float:left;
}

#sitepath {
	padding:0px 10px;
}

#sitepath a {
	text-decoration:none;
}

#sitepath a:hover {
	color:#ff9900; text-decoration:underline
}

#lang img.selected{
	border:2px orange solid; 	
}

#featurehilights {
	border:#999 1px solid; width:439px; margin-left:46px;
}

#featurehilights h4 {
	color:white; padding:5px; font-size:14px; background:#193049; margin:0px; border-bottom:#999 1px solid;
}

#featurehilights ul {
	padding-right:0px; padding-left:0px; background:white; padding-bottom:0px; margin:0px; padding-top:0px;
}

#featurehilights li {
	list-style-image:url(checkmark.png); /*list-style-position:inside; */
	list-style-position:outside; margin:2px 2px 2px 25px; font-style:italic
}

#maintitle {
	clear:both; margin-top:0px; font-size:20px; margin-bottom:0px; padding-bottom:0px; padding-top:8px; height:48px;
}

#maincontainer {
	padding-bottom:30px; margin-left:12px; width:800px;
}

#wrapper {
	background:url(dropshadow3.gif) white repeat-y; margin:0px auto; width:823px; min-height:100%; position:relative;
}

#header { background:url(banner.jpg) no-repeat center -20px;height:171px;position:relative; }
#header a.click_zone {
	width:800px; height:140px; display:block; font-size:2px; margin-bottom:0px; margin-left:0px; color:white;
}

/*--- Footer ---*/

#footer {
	clear:both; font-weight:100; font-size:12px; 
	background:#0B1C2C; width:800px; bottom:0px; font-family:helvetica, arial, sans-serif; 
	position:absolute; padding:10px 0px;
}

#footer a {
	color:white; font-weight:bold;
}

#footer span {
	padding-left:20px; float:left; margin:0px; color:#AAA;
}

#footer img {
	padding-right:20px; padding-left:0px; float:right; padding-bottom:0px; margin:0px; padding-top:7px;
}

/*--- Side Bar ---*/

#sidebar {
	float:right; margin-bottom:15px; width:260px; padding-top:8px;
}

#sidebar ul {
	padding:0px; margin:0px; 
}

#sidebar li {
	padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:0px; list-style-image:none; margin:0px; list-style-type:none;
}

#sidebar a {
	color:#3D4558; text-decoration:underline;
}

#sidebar .boxhead a {
	color:white; letter-spacing:0.2em; font-variant:small-caps; text-decoration:none;
}

#sidebar a:hover {
	color:#F90; /*text-decoration:underline*/
}

/*--- Links ---*/

.linkexternal {
	cursor:pointer; padding-right:15px; background-position:right center; background-image:url(link-icon_external_12.jpg); background-repeat:no-repeat;
}

.linkemail {
	cursor:pointer; padding-right:20px; background-position:right center; background-image:url(link-icon_mail.jpg); background-repeat:no-repeat;
}

.linkdl {
	cursor:pointer;
}

.linkaudio {
	cursor:pointer;
}

.linkbuy {
	cursor:pointer;
}

.speaker {
    background:url(loudspeaker-small.png) no-repeat; background-position:0em 0.2em;padding-left:1.8em;
}

.download {
    background:url(download-small.png) no-repeat; background-position:0.2em 0.2em;padding-left:1.8em;
}

/*--- Buy page ---*/
div.purchase_cat_select { margin:5px; }

div.purchase_cat_select > span {
	border-bottom:1px #CCC solid;
}

div.purchase_cat_select > ul {
	margin: 2px; padding:2px;
}

div.purchase_cat_select > ul a {
	cursor:pointer;
}

div.purchase_bar {
    clear:both; margin:2px; padding:3px 24px; background:#3674BB; color:white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
div.purchase_bar a {
    color:white; cursor:pointer; font-weight:bold;
}

/*--- Press Release ---*/

#content.press_release  > ul { margin:20px 10px; }
#content.press_release  > ul > li { list-style-image:url(arrow.gif); }

#pressrelease {
	border:#999 1px solid; margin:10px; 
}

#pressrelease ul {
	margin:5px; padding-left:20px; 
}

#pressrelease ul > li {
	margin-left:20px; 
}

/*--- News ---*/

#news {
	padding:0px 12px 20px 12px;
}
.news { 
    overflow:hidden; margin:8px; padding:8px; 
    clear:both; border:1px gray solid; -moz-border-radius:20px; -webkit-border-radius:20px; 
}
.news .title { font-weight:bold; }
.news .body { margin:10px; text-align:justify; font-size:100%; }
.news .body p { margin:0px 0px 10px 0px; }

#quicknews { font-size:10px; margin:0px; padding:0px; }

ul#quicknews { margin-left:6px; }

#quicknews li{
	list-style-image:url("arrow.gif"); padding:0px 0px; margin-left:4px;	
}

#quicknews li > a {
	text-decoration:none;
}

#quicknews li > a:hover {
	text-decoration:underline;
}

/*--- Menubar ---*/

#menubar {
	font-size:15px; position:absolute;
	width:100%; line-height:normal; font-variant:small-caps;
	bottom:0px;	
}

#menubar > ul {
	margin:0px; padding-right:8px; padding-left:8px; padding-bottom:0px; padding-top:0px;
}

#menubar li {
	
}

#menubar a {
	margin:0px; padding-right:0px; padding-left:4px; padding-bottom:0px; padding-top:0px; background:url(tableftH.gif) no-repeat left top;
}

#menubar a span {
	display:block; padding-right:8px; padding-left:3px; background:url(tabrightH.gif) no-repeat right top; padding-bottom:4px; color:white; padding-top:5px; font-size:14px;
}

/* reduced when english language */
#menubar.en a span, #menubar ul ul a span {
	padding-right:12px; padding-left:5px; /*font-size:100% */
}

#menubar a:hover , #menubar .selected > a{
	background-position:0% -42px;
}

#menubar a:hover span,  #menubar .selected > a span{
	background-position:100% -42px;
}

#menubar ul ul a span { background:#DDD; color:black; font-size:90%; }

#menubar ul ul a:hover span {
	color:#C60;
}

#menubar li.locked span { 
	display: list-item;
	list-style-image:url('locked-s.png');
	list-style-position:inside;
}

#menubar li.unlocked span { 
	display: list-item;
	list-style-image:url('unlocked-s.png');
	list-style-position:inside;
}

#menubar_oldbrowser { color:white; }
#menubar_oldbrowser a { color:white; }

/*-- Summary Box --*/

.summarybox { 
    float:right; padding:0px; margin:1px 1px 10px 10px; border-left:1px #AAA solid; 
    /*border-bottom:1px #AAA solid; background:white url(bg-small.png) repeat-y ;*/ 
}
.summarybox > .boxtitle { font-weight:bold; text-align:center; padding-top:5px; }
.summarybox > .boxcontent { padding:10px; font-size:95%; }
.summarybox > .boxcontent > ul { margin:0px; padding-left:10px; }
.summarybox > .boxcontent > ol { margin:5px; padding-left:10px; }
.summarybox > .boxcontent > ul > li { margin:0px; list-style-image:url(arrow.gif) }
.summarybox > .boxcontent li a { text-decoration:none }
.summarybox > .boxcontent .selected a { font-weight:bold; }

/*-- Side Box --*/

.sidebox {
	
	font-size:100%; background:url(sb-br.png) no-repeat right bottom; margin:0px;
}

.boxhead {
	background:url(sb-hr.png) no-repeat right top; padding:0px; margin:0px; text-align:center;
}

.boxhead a {
	text-decoration:none; color:white;
}

.boxhead a:hover {
	color:#F90;
}

.boxhead h2 {
	height:1%; padding-right:30px; padding-left:30px; padding-top:11px; padding-bottom:5px; 
	font-weight:bold; font-size:1em; 
	background:url(sb-hl.png) no-repeat left top; margin:0px; color:black; line-height:1em; 
}

.boxbody {
	margin:0px; padding-right:15px; padding-left:15px; padding-bottom:15px; padding-top:10px;
	background:url(sb-bl.png) no-repeat left bottom; 
	overflow:hidden;
}

.boxbody > ul { margin:0px; padding-left:10px; }

.boxbody .selected a {
	font-weight:bold;
}

.boxbody li {
	margin:0px;
	list-style-image:url(arrow.gif)
}

.boxbody li a {
	text-decoration:none
}

:link img {
	border-style:none;
}

/*--- Catalog ---*/

#content.catalog > h3 { 
    background-color:#AAA; color:white;padding:2px 20px; margin:3px auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.product_description {
	width:350px; height:250px; font-size:80%; border:#999 1px solid; margin:10px 10px; background:url(bg-std.png); float:left;
	-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;	
	-moz-box-shadow: #CCC 3px 3px 10px;
    -webkit-box-shadow: #CCC 3px 3px 10px;
}

.product_description h2 { font-size:130%; margin:10px; color:#555; }
.product_description > table { height:96%;width:98%;margin-left:auto;margin-right:auto }
.product_description > table p { text-align:left;padding:2px; }
.product_description a.upgrade_title { font-size:110%;font-weight:bold; }

/*--- Store ---*/

div.store { margin:10px 0px; }

.store_item {
	float:left;width:360px; font-size:90%; border:#777 1px solid; margin:10px 8px; background:url(bg-std.png);
	cursor:pointer;height:180px;
	-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
	-moz-box-shadow: #CCC 3px 3px 10px;
    -webkit-box-shadow: #CCC 3px 3px 10px;
    position:relative;
    overflow:hidden;
}

.store_item_header { 
    clear:both; font-weight:bold; font-size:13px; background:none; width:100%; color:#333; height:20px;
    padding:2px 0px; border-bottom:1px gray dotted;
    text-align:center;
    -moz-border-radius: 8px 8px 0px 0px;  
    -webkit-border-radius: 8px 8px 0px 0px;
    top:0px;
}

.store_item img { float:left; margin:10px; outline:1px gray solid; }
.store_item img.selected {
	outline:3px orange solid;
}

.store_item p { text-align:left; margin:3px; padding:3px; font-size:85%; }
.store_item_footer {
	clear:both; font-weight:normal; font-size:10px; background:gray; width:100%; color:white; height:20px;
	-moz-border-radius: 0px 0px 8px 8px;  
    -webkit-border-radius: 0px 0px 8px 8px;
    position:absolute; bottom:0px;
}
.store_item_footer a {
	color:white; text-decoration:none; 
}
.store_item_footer > div { padding:0px 20px; }

.store_item div.promo {
	font-weight:bold; font-size:11px; text-align:center; background:#3388CC; color:white; padding:2px 10px;
}

/*--- Addon box ---*/

.addon_description { 
	font-size:90%; clear:both; border:#999 1px solid; margin:10px 80px; background:url(bg-std.png);
	padding:10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-box-shadow: #CCC 3px 3px 10px;
    -webkit-box-shadow: #CCC 3px 3px 10px;
}

.addon_description h2 {
	font-size:130%; margin:10px; color:#555;
}

.product_pic {
	float:left; margin:5px; width:210px; text-align:center
}

.product_footer {
	height:25px; padding:0px 0px; clear:both; font-size:11px; background:#0B1C2C; width:100%; color:white; bottom:0;
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.product_footer a {
	color:white; text-decoration:none;
}

.product_footer a:hover {
	color:white; text-decoration:underline;
}

.product_footer p {
	padding-left:30px; margin:0px; padding-top:3px; color:white;
}

.product_footer span {
	padding:0px 5px;
}

.product_footer_left {
	float:left
}

.product_footer_right {
	padding-right:30px; float:right
}

.product_footer a {
	/*color:black*/
}

/*--- Piano Description ---*/

#pd_content {
	margin-left:auto; width:640px; margin-right:auto
}

#pd_content h3 {
	color:#666; font-style:italic
}

#pd_content p {
	text-align:justify
}

#pd_content em {
	font-weight:bold; color:#BB7436;
}

/*--- Content (2) ---*/

#content em {
	color:#BB7436;
}

#content strong {
	font-weight:bold; color:#BB7436; 
}

#content strong.pianoteq3, #content h3.pianoteq3{
	 color:#373;
}

#content strong.pianoteq2, #content h3.pianoteq2 {
	 color:#BB7436;
}

#content strong.pianoteq1, #content h3.pianoteq1  {
	 color:#337;
}

#pd_menu {
	font-size:120%; font-style:italic; list-style-type:none
}

/*---  Audio Demo ---*/

.ademo_item_cont {
	margin-left:16px;
}

.ademo_item_cont .ademo_item { /*height:100px;*/width:45%; }

.ademo_item {
	border:#999 1px solid; font-size:80%; float:left; margin:6px; font-family:verdana, arial; background:url(bg-std.png);
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.ademo_item h4 {
	padding-right:4px; padding-left:4px; font-size:1em; background:#002545 url(bg-hl.png); padding-bottom:4px; margin:0px 0px 3px; color:white; padding-top:4px; border-bottom:#999 1px solid; font-style:italic; text-align:left;
	-moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.fxpcorner .ademo_item { height:120px; }
.fxpcorner .ademo_item h4 a { color:white; }
.fxpcorner .ademo_item h4 a:hover { color:#DB9456; }

.ademo_item p {
	text-align:left;padding:2px; margin:0px 5px 0px 5px;
}

.ademo_item p .performer {
	font-weight:bold;color:black;
}

.ademo_item p.settings {
	text-align:left;
}

.ademo_item p.settings > span.preset {
	font-weight:bold;color:#35C;
}

.ademo_item p.settings > span.pianoteq2 {
	font-weight:bold;color:#BB7436;
}

.ademo_item p.settings > span.pianoteq3 {
	font-weight:bold;color:#373;
}

.ademo_features .ademo_item { height:120px; }

.ademo_item p.comments {
	height:75px;font-size:90%;color:#555;text-align:justify;
}

.ademo_selected h4 { background:#BB7436; }

.ademo_item_footer {
	 
}

.ademo_item_footer p {
	text-align:center;
}

.ademo_item a { text-decoration:none; }
.ademo_item a:hover { text-decoration:underline; }

.ademo_desc {
	margin-left:2em; margin-right:2em; text-align:justify
}

/*--- About page ---*/

#aboutcol p {
	 text-align:justify;
	 margin-left:0px;
}

.about_address {
	border:#999 1px solid; margin:20px auto; width:70%; 
	padding:8px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.about_address p {
	padding:3px 10px;
}

#about_address h4 {
	padding-right:1em; padding-left:1em; padding-bottom:5px; margin:0px; padding-top:2px; border-bottom:#999 1px solid;
}

#trombicol {
	float:right;
	border:#999 1px solid;
	margin-right:0px;
	margin-left:15px;
	margin-bottom:10px;
	width:40%;
}

.trombi {
	float:left; margin:5px;  text-align:justify;
}

.trombi img {
	display:block; float:left; margin-right:10px;
}

.trombi p {
	margin-top:0px; padding:5px; text-align:left; font-size:10px;
}

/*--- Characteristics ---*/
#content ul.characteristics, #content ol.characteristics { margin:1em 0px;}
ul.characteristics > li, ol.characteristics > li { margin:1em 3%; padding-bottom:0.5em; }
ul.characteristics > li { list-style-image: url(arrow.gif); }
ul.characteristics > li > ul { list-style-image: none; list-style-type: square; }
ul.characteristics strong { font-weight:bold;font-size:1em;  }

/*--- Download box ---*/
.download_box { border:1px gray solid; margin:10px; padding:6px; }
.download_box h3 > strong { color:#BB7436; }

/*--- Features box ---*/
div.features { border:1px orange solid;padding:2px;margin:2px; } 
div.features > h3 { font-weight:bold; color:#BB7436; font-size:100%;} 
div.features ul { margin:5px 2px 5px 20px; padding:0px; font-size:80%;list-style-image: url(bullet_star.png);list-style-position:outside; } 
div.features ul > li { }

/*--- Home page ---*/
#home { width:540px; }
#home p { text-align:justify; margin:10px 15px;font-size:90%; }

div.home_features > div.features { float:left;width:250px;height:230px;margin:5px 5px; }

#home h2.title { 
    color:#BB7436; margin:10px; 
}

#home.new h2.title { 
    color:white;background-color:#BB7436; margin:10px; 
    padding:2px 10px;
    font-size:110%;
}

/* --- K1 special class ---*/
#home.k1 h2.title { 
    color:white;background-color:#B98960; margin:10px; 
    padding:2px 10px;
    font-size:110%;
}
div.k1 div.features { background:#FFF2E0;border-color:#B99069; }
 
/* --- PLAY special class ---*/
/*#content.play a {text-decoration:none;color:#376737}
#content.play a:hover {;text-decoration:underline;}*/

#home.celeste h2.title { 
    color:white;background-color:#6a86aa; margin:10px; 
    padding:2px 10px;
    font-size:110%;
}
div.celeste div.features { background:white;border-color:#748eab; } 

#home.play h2.title { 
    color:white;background-color:#376737; margin:10px; 
    padding:2px 10px;
    font-size:110%;
}
div.play div.features { background:white;border-color:#2F6737; } 
 
/*--- Support Form ---*/
#support_form { width:90%; margin:5px auto; }
#support_form label { width:250px; }
#support_form label.whole_line_label { width:100%; text-align:left; }
#support_form input { margin-right:10px; }

.support_result {
	border:#999 1px solid; padding:10px; font-size:120%; background:#EEE; margin:10px auto; width:70%; 
}

/*--- Login Box ---*/
.loginbox {
	border:#999 1px solid;
	padding:5px; 
	margin-left:auto; margin-right:auto;
	width:22em; 
}

.loginbox label {
	padding-right:0px; width:5em; clear:both;
}

.loginbox input {
	margin-left:10px; width:13em
}

.loginbox input.submit {
	margin-right:15px; width:10em
}

.loginbox fieldset {
	
}

/*--- FAQ ---*/
div.faq {
	border-top:1px gray dashed;
	padding:3px;
}

div.faq > div.title {
	margin-left:15px; font-weight:bold; font-size:110%; 
}

div.faq > div.body {
	margin:10px 25px; text-align:justify;
}

ul.faq_menu {
	
}
ul.faq_menu  ul { font-size:90%;padding-left:5px; }

.faq_content {
	margin:0px auto; width:95%;
}

.faq_content .category {
	font-weight:bold; font-size:140%; color:gray; margin:20px; padding-bottom:5px;
}

.faq_content .title {
	font-weight:bold; font-size:110%;
}

.faq_content p {
	margin-left:10px; text-align:justify;
}

.faq_categ_list {
	font-size:120%; margin-left:10%;
}

/*--- Forms ---*/
form span.mandatory_field {
	color:red;
}

form span.error_field {
	color:red; font-weight:normal; font-size:65%; 	
}

fieldset {
	padding:5px; margin:0px; border-style:none;
}

fieldset input {
	margin:2px;
}

legend {
	border:1px gray solid; padding-right:10px; padding-left:10px; background:#EEE; padding-bottom:1px; color:gray; padding-top:1px; font-variant:small-caps;
}

label {
	display:block; text-align:right; float:left; margin:2px; 
	color:black; padding-right:10px; width:10em; clear:both;
}

label.checkboxlabel {
	display:inline; float:none; text-align:left; cursor:pointer;
}

input.text {
	display:block; float:left; 
	border:1px black solid; background:#ffb; margin:1px 0px; color:black; 
}

input.hidden {
	display:none;
}

input.submit {
	display:block; clear:both; float:right;
	background:#eee; margin:5px; color:black; /* width:250px; border:black 1px solid; */
}

input.select {
	border:black 1px solid; background:#ffb; margin:1px 0px; color:black;/* width:250px; */
}

.field_error {
	color:red; font-weight:normal; font-size:80%;
}

.forminput {
	border:gray 1px solid; background:#EEE; margin:1px 0px; color:black; padding:2px; /* width:250px; */
}

textarea {
	border:black 1px solid; background:#EEE; 
}

/*--- Purchase product info ---*/

#purchase_info label { width:16em; }

div.purchase_product_info {
	border:#999 1px solid; font-size:100%; margin:10px; padding:10px; 
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#content .purchase_product_info h2 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center; font-size:14px;
}

#content .purchase_product_info .left {
	display:block; float:left; width:35%; text-align:right;
}

#content .purchase_product_info .right {
	font-weight:bold; margin:5px; color:#008;
}

#content .purchase_product_info  p {
	font-size:11px;
}

#content .purchase_product_info h3 {
	padding:0px; font-size:90%; margin:0px 0px 10px; text-align:center;
}

/*--- Grand Pianos section ---*/
.grand_pianos > div.piano { clear:both;height:200px;margin:1em 0px;}
.grand_pianos > div.piano > h3 { font-size:100%;margin:3px 0px;padding:2px 10px;background-color:gray;color:white; }

/*--- Purchase billing info ---*/

div.purchase_billing_info {
	font-size:100%; padding-top:10px;
}

#content .purchase_billing_info h2 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .purchase_billing_info h3 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

/*--- User registration ---*/

div.user_registration {
	font-size:100%; padding:10px;	
}

div.user_registration > h3 {
	font-size:125%; margin:0px 0px 10px; text-align:center;
}

form .message { font-size:90%; border:none; padding:1px;}

fieldset.account_creation label { width:24em; }

/*--- Sale conditions ---*/
#content .sale_conditions h1 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .sale_conditions h3 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .sale_conditions p {
	font-size:80%; text-align:justify
}

#content .sale_conditions em {
	font-size:80%
}

#content .sale_conditions h1 {
	margin:1em
}

#content .sale_conditions h2 {
	font-size:100%
}

div.sale_conditions {
	margin:3px; width:100%
}

#content > ul {
	list-style-position:outside;
	padding-left:10px;
	margin:5px;	
}

#content > ul ul { margin-left:5px; padding-left:20px; font-size:90%; } 

/*--- Change history page ---*/

#content.changes h3 { color:#BB7436; margin-top:1.5em; margin-left:5px;border-bottom:1px #BB7436 solid; }
#content.changes h4 { margin-top:1.5em; }
#content.changes ul > li { margin-left:3em; list-style-image:url(arrow.gif) }

/*--- Credit cards ---*/

#cartesbancaires form  {
	float:left;
}

#cartesbancaires > table {
	margin:0px; border-collapse:collapse; 
}

#cartesbancaires > table td {
	padding:10px; border:1px gray solid; vertical-align:top;
}

#cartesbancaires > table td img {
	margin:2px;
}

#keycontent {
	background:#faa;margin-left:30px;
}

a.pbutton {
	border:#999 1px solid; padding-right:0px; padding-top:5px; display:block; padding-left:0px; font-weight:bold; font-size:18px; margin:5px auto; width:132px;  height:28px; background-color:#ccc; text-align:center; text-decoration:none;
}

/*--- Review ---*/

#content .review {
	clear:both; margin-bottom:35px;
}

#content .review p {
	text-align:justify;
}

#content .review h3 {
	margin:0.4em 0px; border-bottom:#CCC 1px solid; font-style:italic
}

#content .review p.quotes {
	color:#BB7436;
}

#content .reviewer_photo {
	float:right; margin:0px 0px 5px 5px;
}
#content .reviewer_photo img {
	margin-left:10px;
}

.user_review blockquote {
	padding-right:60px; padding-left:60px; padding-bottom:5px; padding-top:5px; display:block; width:450px;
}

.user_review .user_review_name {
	margin-left:300px; color:#777
}

/*--- Contest ---*/

.contest {
	/*border:1px #BBB solid; font-size:90%; background:#EDB url(bg-std.png); margin:5px; padding:5px; margin-bottom:15px;*/
	font-size:90%; margin:5px; padding:5px; margin-bottom:15px; border-top: 1px gray solid;
}

.contest h4 {
	color:black;
}

div.contest_form div.message { margin:10px;border:1px #AAA solid;width:66%;}
div.contest_form ol { margin-left:0px;}
.contest_strong { font-weight:bold;color:#57B }

/*--- Special titles ---*/

img.title { float:left;border-style:none; }

/*--- User Profile ---*/

.profile_edit {
	width:60%; margin:10px auto 10px auto; padding: 10px; border: solid 1px black; background: #EEE;
}

/*--- Resellers ---*/

table.resellers {
    margin: 1em auto;
    width: 90%;
	border-width:0px;
	border-collapse:collapse; 	
}

table.resellers td { border-width:0px; border-bottom:1px #EEE solid; }

/*--- Pianos library ---*/

.pianos_library { padding:5px; height:100px; }

/*--- Purchase steps ---*/

div.purchase_steps { font-size:10px; text-align:center; margin:0px; margin-bottom:1px; padding:15px; border-bottom:1px #CCC solid; }
div.purchase_steps > span { 
    padding:2px 7px; color:black; 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
div.purchase_steps > span.done { /*background:#BB7436;*/ background:#BB7436; color:white; font-size:10px; }
div.purchase_steps > span.on { /*background:#BB7436;*/ background:#BB7436; color:white; font-size:11px; font-weight:bold; }
div.purchase_steps a { text-decoration:none; color:white; font-weight:normal; }
div.purchase_steps a:hover { text-decoration:underline; }


/*--- List ---*/

table.list{
	font-size:80%;
	border-width:0px;
	border-collapse:collapse; 	
}
table.list td { border:1px #CCC solid; text-align:left; }
table.list th { border:1px #CCC solid; background:#EEE; text-align:center; }

/*--- Shopping Cart ---*/

table.cart {
	width:100%;
	border-width:0px;
	border-collapse:collapse; 	
}
table.cart td { border:1px #CCC solid; text-align:center; }
table.cart th { border:1px #CCC solid; background:#EEE; text-align:center; }

/*--- Reg. User info ---*/

table.reguser { width:100%; border-width:0px; border-collapse:collapse; }
table.reguser td { border:1px #CCC solid; text-align:left; padding:2px 10px; }
table.reguser td.label { background:#EEE; text-align:left; width:30%; color:#555; }
table.reguser th { border:1px #CCC solid; background:#EEE }

/*--- Customer info ---*/

table.customer { width:100%; border-width:0px; border-collapse:collapse; }
table.customer td { border:1px #CCC solid; text-align:left; padding:2px 10px; }
table.customer td.label { background:#EEE; text-align:left; width:30%; color:#555; font-weight:bold; }
table.customer th { border:1px #CCC solid; background:#EEE }

/*--- Reviews ---*/

#review_menu { float:right; border:1px #ccc solid; width:200px; }
#review_menu ul { margin:3px; }
#review_menu li { list-style-type:none }
#review_menu a { text-decoration:none }
#review_menu .selected > a > span { font-weight:bold; }

/*--- Survey ---*/

#survey fieldset > label { width:50%;text-align:left; }

/*--- Addons ---*/

#content.addons > div.addon_description {
    clear:both; 
}

#content.addons h3 {
	margin:0px; padding:1px 2em; font-style:italic; background-color:gray; color:white;
}

#content.addons > div ul {
    margin:1em 0px; padding:3px;
}

/*--- Credits page ---*/

table#credits { width:90%;margin:auto;font-size:90%; }
table#credits tr >td { padding:1px 2px; }
div.credits { padding:0px 10px; }
.credits a { text-decoration:none; }
.credits a:hover { text-decoration:underline; }

table.product_list { margin:10px auto;border-collapse:collapse;border: 1px solid gray; }
table.product_list tr > td { padding:3px 8px;border-top:1px #CCC dashed; }

/*--- Serial number ---*/

span.serial {    
    font-weight:normal; color:white;
    padding:1px 7px; background:#37B;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#content span.serial > a { color:white;text-decoration:none; }
#content span.serial > a:hover { color:white;text-decoration:underline; }

/*--- Feature table ---*/

table.features { border:1px #990000 solid;border-collapse:collapse;margin:1em auto; }
table.features th { text-align:center; padding:5px; background:#771100; color:white;font-size:100%; }
table.features td { text-align:center; background: #FFFFDD; border:1px #990000 solid;font-size:100%;width:20%;padding:5px; }
table.features td:first-child, table.features th:first-child { text-align:left;width:auto;font-weight:normal; }
table.features td.available { background: #FFFFDD url('v.png') center center no-repeat;text-align:right;vertical-align:top;font-size:60%; }
table.features td a { text-decoration:none; }
table.features td a:hover { text-decoration:underline; }

/*--- Instrument table ---*/
table.instruments { border:1px #BB7436 solid;width:100%;border-collapse:collapse; }
table.instruments th { text-align:left; padding:2px 3px; background:#BB7436;color:white;font-size:85%; }
table.instruments td { text-align:left; border:1px gray solid;font-size:80%; }	
table.instruments .name { font-weight:bold; }
table.instruments td a { text-decoration:none; }
table.instruments td a:hover { text-decoration:underline; }

/*--- Listen demo ---*/
#bar_detail a { text-decoration:none;}

#listen_bar { width:100%;height:120px;margin:0px auto; }
#listen_bar a { text-decoration:none; }
#listen_bar a:hover { color:black; }

#listen_header { text-align:left;width:80%;margin:2px auto;color:white;padding:3px 0px; }
#listen_header span.small { font-size:85%;padding-top:2px;}
#listen_header a { text-decoration:none;color:white; }

#listen_header a:hover { text-decoration:underline; }

#family_table { border-collapse:collapse;margin-left:auto;margin-right:auto; }
#family_table td { padding:0px;border-width:0px; }

#sound_infos { padding:3px;text-align:justify;padding-right:10px; } 
#sound_infos #sound_title { font-weight:bold }
#sound_infos #sound_perfomer { color:#BB7436; }
#sound_infos #sound_instrument { color:#BB7436; }
#sound_comments { color:#777;font-size:80%; }

.demo_header { margin-left:auto;margin-right:auto;border:1px gray solid;width:80%; }

#demo_table { border-collapse:collapse;margin-left:auto;margin-right:auto;border:1px gray solid;width:80%; }
#demo_table tr { outline-offset:-2px }
#demo_table td { 
    font-size:85%;border-bottom:1px #AAA dashed;text-align:center;
}
#demo_table td img.instrument { width:60px;border:1px gray solid; }
#demo_table td img.box { width:60px;border:1px transparent solid; }
#demo_table .title { font-size:110%; color:#195079; font-weight:bold; cursor:pointer }
#demo_table .performer { font-size:100%; font-weight:bold; }
#demo_table .preset { font-size:100%; font-weight:bold; }
#demo_table .temperament { font-size:100%;  }
/*#demo_table .selected  td { background: #EEE; }*/
#demo_table .selected .title { color:#333; }
#demo_table .selected img.box { border:1px #BBB solid; }

/*--- Velocity curves ---*/
.brand  { clear:both; }
.brand > .title { background:#BBB;color:white;font-size:115%;font-weight:bold;padding:1px 10px; }
.model > .title { font-weight:bold;padding:1px 15px; }
.model > .data { padding:2px 30px;font-size:90%; }
.model > .data > a { cursor:pointer; }
/*--- Trial Download ---*/

#trial_box {
    background:url(bg-std.png);
    border:1px #AAA solid; 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width:370px; float:left; margin:5px;
}
#trial_box th { padding:5px;border-bottom:1px #CCC dashed;font-weight:normal;text-align:left;}
#trial_box th img { float:left; border:1px gray solid; margin:5px; width:60px; }
#trial_box a { text-decoration:none; }

/*--- KIViR ---*/

div.kivirbox { width:350px; background-color:white; }

/*--- Debug Trace ---*/

div.trace {
	clear:both;margin:5px; padding:5px; border:1px orange solid; font-family:courier; font-size:10px;
}

/* Colors:
pianoteq-orange:#BB7436
background:#4D5662
special-text:#1A1C1F
strong:#BB7436//#193049
promo:#3388CC
*/