/* Pianoteq CSS Stylesheet */

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

body {
	background-position: center top;
	background-attachment: scroll;
	background-repeat: repeat-x;
	height:100%;
	padding:0px; margin:0px;
}

/*--- Default ---*/
h1 { margin:1em 0;   color:#444; font-size:200%; }
h2 { margin:0.7em 0; color:#666; font-size:180%; }
h3 { margin:0.6em 0; color:#888; font-size:150%; }
h4 { margin:0.5em 0; color:#999; font-size:130%; }
h5 { margin:0.4em 0; color:#AAA; font-size:110%; }
h6 { margin:0.3em 0; 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:3em;
}

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 ---*/
.hidden {
	display:none
}

.centered {
	text-align:center;
}

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

.backgrounded {
	background:#EEE;
	background-image: url(bg-std.png);
	background-image: -moz-linear-gradient(left, #EEE, white);
	background-image: -webkit-gradient(linear,left top, right top, from(#EEE), to(white));
}

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

.rounded {
    border-radius: 30px;
}

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

.noborder {
	border-style:none;
}

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

/*--- Messages ---*/
.messageBox {
	width:100%;text-align:center;background:transparent; /* z-index:100;min-height:1.5em;position:relative;top:0;left:0;padding:3px; */
	cursor:pointer }
.messageBox a { color:inherit;text-decoration:underline;}
.messageBox a:hover { color:gray; }

.messageBox > div.row { padding:3px 1em }
.messageBox > div.row.error { background:red;color:white;font-weight:bold }
.messageBox > div.row.ok { background:#392;color:white;font-weight:bold  }
.messageBox > div.row.warning { background:orange;color:black; }
.messageBox > div.row.notice { background:#EEE;color:black; }
.messageBox > div.row.trace { background:#CCC;color:grey; }

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

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

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

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

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

div.message > 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; }

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

/*--- Content ---*/
#content, .content {
	list-style-position:inside;
}

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

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

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

#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:0px; width:100%;
}

#wrapper {
	width:800px;
	background:white; margin:0px auto; min-height:100%;
	position:relative;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}

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

#header a {
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
}

#header {
	box-shadow:0px 3px 10px rgba(0,0,0,0.4);
}

/*--- Footer ---*/

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

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

#footer span {
	padding:0px 1em; 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*/
}


#sidebar.new .sidebox { margin:0px; background-image:none; }
#sidebar.new .boxhead { background-image:none; }
#sidebar.new .boxhead h2 {  min-height:1.1em;
	margin:0px; padding:0.3em; background-color:#14355A; color:white;
	background-image:none;
	background-image: -moz-linear-gradient(bottom, #01010d , #071a2A 30%, #14355A 80%, #A0BBDB);
	background-image: -webkit-gradient(linear,left bottom, left top, from(#01010d), to(#14355A));
}
#sidebar.new .boxbody {
	margin:0px; background-image:none;border-left:1px #304662 solid; background-color:white;
	background-image: -moz-linear-gradient(left, white 50%, #EEEEEE);
}

#sidebar.new .sidebox:first-child .boxhead h2 { border-radius: 16px 0px 0px 0px; }
#sidebar.new .sidebox:last-child .boxbody { border-bottom:1px #304662 solid; border-radius: 0px 0px 0px 16px; }


/*--- Popup ---*/
.popupBar { clear:both;background-color:#EEE;color:black;padding:3px;margin:2px 0px;border-top:1px gray dotted; }
.popupBar > span.popupClose { margin:2px;cursor:pointer;float:right;color:transparent;background:transparent url(close_button.png) no-repeat;width:20px;height:20px; }

/*--- 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;
}


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

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

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

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

.register {
    background:url(plus.png) no-repeat; background-position:0.1em 0.1em;padding-left:1.5em;
}

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

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

#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; -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.png'); padding:0px 0px; margin-left:4px;
}

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

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

/*--- Menubar ---*/

#menubar {
	position:relative;
	top:0;
	margin:0px;padding:0px;
	font-family: Helvetica;
	height:28px;
	background:#5A7790;
	font-size:15px; font-variant:small-caps; line-height:normal;
}

#menubar img.home { display:none }

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

#menubar > ul ul {
	box-shadow: 2px 3px 10px rgba(0,0,0,0.5);
}

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


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

#menubar a {
	margin:0px; padding-right:0px; padding-left:4px; padding-bottom:0px; padding-top:0px;
	text-decoration:none;
	font-size:16px;
	color:white;
	background:none;
	padding:2px 5px;
}

#menubar a > span {
	display:block; padding-right:5px; padding-left:3px; padding-bottom:4px; color:white; padding-top:5px; font-size:14px;
	background:none;
}

#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 ul ul > li > a {
	padding:0px 1em;
	font-size:14px;
}

#menubar ul ul > li > a > span{
	font-variant:normal;
	background:none;
}
#menubar ul ul > li > a:hover > span{
	background:none;
	color:white;
}

#menubar ul ul > li  {
	border-top:1px #EEE solid;
	border-bottom:1px #CCC solid;
	border-left:1px #FFF solid;
	border-right:1px #DDD solid;
	background-color:#EEE;
}

/*#menubar a:hover {
	background:#D80;color:white;
}*/

#menubar  li:hover  {
	background:#D80;
}

#menubar > ul  ul > li.selected > a {
	font-weight:bold;
}

#menubar > ul > li.selected > a {
	background:white;
}

#menubar .selected a > span {
	color:#335063;
}

/*-- Summary Box --*/

.summarybox {
    float:right; padding:0px; margin:1px 1px 10px 10px; border-left:1px #AAA solid;
	background-color:white;
    /*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.png') }
.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.png')
}

.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;
    border-radius: 20px;
}

.product_description {
	width:350px; height:250px; font-size:80%; border:#999 1px solid; margin:10px 10px; float:left;
	border-radius: 10px;
	box-shadow: 3px 3px 10px #CCC;
}

.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; }

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

.addon_description {
	font-size:auto; clear:both;
	width:98%;
	padding:8px;
	height:260px;
}

.addon_description img.picture {
	border:1px #CCC solid; border-radius:5px;
}

.addon_description h2 {
	font-size:130%; margin:10px; color:#555;
	border-bottom:1px #CCC solid;
}

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

.product_footer {
	height:25px; padding:0px 0px; clear:both; font-size:11px; background:#0A1226; width:100%; color:white; bottom:0;
	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, .content strong {
	font-weight:bold; color:#BB7436;
}

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

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

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

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;
	margin-bottom:1em
}

.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;
	border-radius: 5px 5px 5px 5px;
}

.ademo_item h4 {
	padding-right:4px; padding-left:4px; font-size:1em;
	background:#002545; padding-bottom:4px; margin:0px 0px 3px; color:white; padding-top:4px; border-bottom:#999 1px solid; font-style:italic; text-align:left;
	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 {
	border-top:1px #EEE solid;
	padding:4px;
}

.ademo_item_footer div {
	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;
	padding:8px;
	border-radius:20px;	*/
	margin:20px auto;
}
.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:90%;
}

/*--- 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.png'); }
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 { margin:10px; }
.download_box .title strong { color:white; }

/*--- 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%;
}

/*--- Standard Box ---*/

div.lbox { }

div.lbox > div.title {
	border-radius:20px 20px 0px 0px;
	background-color: #14355A;
	background-image: -moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	color: white;
	text-align:center;
	padding:0.3em 1em;
}

div.lbox > div.body {
	border-radius:0px 0px 20px 20px;
	border:#01010D 1px solid;
	border-top:none;
	padding:1em;
}

/*--- Login Box ---*/
.loginbox {
	border:#01010D 1px solid;
	border-radius:20px;
	margin:2em auto;
	width:24em;
	overflow:hidden;
}

.loginbox a { text-decoration:none }
.loginbox a:hover { text-decoration:underline }

.loginboxold {
	border-radius:0px;
}

.loginbox > form {
	padding:0px;margin:0px;display:inline;
}

.loginbox > .title {
	background-color: #14355A;
	background-image: -moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	color: white;
	font-size:110%;font-weight:bold;padding:3px;text-align:center;
	margin:0px;
	min-height: 1.1em;
}

.loginbox > .form {
	padding:3px 1em;
}

.loginbox > .footer {
	text-align:left;
	padding:3px 1.5em;
	background-color:#EEE;
}

.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; */
}

input.number { width:4em }

.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#keycontent {
	border:black 1px solid; background:#EEE;
}



/*--- 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; }

/*--- 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:2em; border-bottom:1px #BB7436 solid; }
#content.changes h4 { margin-top:1.5em; font-size:100%; margin-left:1em}
#content.changes ul > li { margin-left:3em; list-style-image:url('arrow.png') }

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

#creditcards form  {
	float:left;
}

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

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

#creditcards > 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 .quotes {
	box-shadow:3px 3px 4px #999;
	border-radius:4px;
	border:1px #5A7790 solid;margin:5px;overflow:hidden;padding:1em;
	color: #335063;
	font-style:italic;
}

#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 {
	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;
}

.profile_edit label {
	width:8em;
}

/*--- Resellers ---*/

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

table.resellers td { border-width:0px; border-bottom:1px #DDD solid; }
table.resellers td a { text-decoration:none }

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

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

/*--- 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 (mobile) ---*/

table#mobile_cart {
	position:absolute; z-index:10; background-color:white; right:0px; font-size:9pt; margin:3px; padding:0px;
	border:1px #5A7790 solid; border-collapse: collapse;
	box-shadow:3px 3px 10px rgba(0,0,0,0.5);
	min-width:200px;
}

table#mobile_cart tr:first-child th {
	background-color:#5A7790; color:white;
}

table#mobile_cart th {
	padding:3px 7px; font-size:9pt;
}

table#mobile_cart td {
	padding:3px 7px; background-color:auto; color:black; border:1px gray solid; font-size:9pt;
}
table#mobile_cart td:nth-child(2) { text-align:right; }
table#mobile_cart td:nth-child(3) { text-align:center;width:20px }

table#mobile_cart tr.footer > td { padding:3px 5px;color:white;background-color:#5A7790; color:white; border:none; }
table#mobile_cart tr.footer a { color:white;cursor:pointer; }

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

#menubar li.cart_button { float:right;margin-top:3px }
#menubar li.cart_button span { display:inline }

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; }
table.cart img.thumbnail { width:120px }
table.cart .label { font-size:90%;color:green }

/*--- 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 {
	clear:both;
	margin:0px; padding:1px 2em;
	color:white;
}

#content.addons h3.collection {
	background-color:#5A7790;
}

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


#content.free_addons h2 {
	text-align:center;
}

#content.free_addons h3 {
	margin:0.2em 1em; padding:0.1em 1em;
	background-color:white;
	border-radius:20px;
}

#content.free_addons div.group {
	clear:both; margin:15px 5%; overflow:hidden;
	/*margin:16px 0px;
	border:1px black solid;
	border-radius:20px;
	background-color:#EEEEEE;*/
}

#_content.free_addons div.group > span:first-child {

}

#_content.free_addons div.group > span:first-child {
	font-weight:bold;
	display:inline-block;
	padding:5px 1.3em;
	border:1px black solid;
	background:white;
	position:relative;
	top:-7px; left:-6px;
	border-radius:10px;
	box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}

/*--- 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; }

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

/*--- Serial number ---*/
span.serial {
	font-family:Andale Mono, Monaco, Courier;
    font-weight:normal; color:white;
    padding:1px 7px; background:#5A7790;
	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 #5A7790 solid;border-collapse:collapse;margin:1em auto; }
table.features th { text-align:center; padding:5px; background:#5A7790; color:white;font-size:100%; }
table.features td { text-align:center; background: #EEEEEE; border:1px #5A7790 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: #EEEEEE url('v.png') center center no-repeat;text-align:right;vertical-align:top;font-size:60%; }
table.features td.almost { background: #EEEEEE url('va.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 0.5em; background:#BB7436;color:white; }
table.instruments td { text-align:left; padding:2px 0.5em; border:1px gray solid; }
table.instruments .name { font-weight:bold; }
table.instruments td a { text-decoration:none; }
table.instruments td a:hover { text-decoration:underline; }



/*--- 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; }


/*--- Product colors ---*/
.steelpans_addon { color: #9A9AA0; }
.electric_addon { color: #B01; }
.clavinet_addon { color: #D45010; }
.celeste_addon { color: #7F7C7C; }
.vibes_addon { color: #A98743; }
.rock_addon { color: #503970; }
.xylo_addon { color: #874000; }
.bluethner_addon { color: black; }
.u4_addon { color: #f3eec9; }

h3.steelpans_addon { background-color: #9A9AA0; }
h3.electric_addon { background-color: #B01; }
h3.clavinet_addon { background-color: #D45010; }
h3.celeste_addon { background-color: #858380; }
h3.vibes_addon { background-color: #A98743; }
h3.rock_addon { background-color: #503970; }
h3.xylo_addon { background-color: #874000; }
h3.bluethner_addon { background-color: black; }
h3.u4_addon { background: #f3eec9; color:black }

/*--- Top bar ---*/

div#top_bar { display:block;position:fixed;z-index:100;color:#333;background:#DDD;
	box-shadow:0px 8px 4px rgba(0,0,0,0.5);
	cursor:default;font-size:12px;
	width:100%;
}

div#top_bar > div { width:100%; }
div#top_bar > div input, div#top_bar > div button { margin:3px }

div#top_bar div.admin.bar a.button { text-decoration:none;background:#EEE;display:inline-block;padding:5px 0.5em;line-height:18px;border-left:1px #FFF solid;border-right:1px #CCC solid;margin:0px }

div#top_bar div.admin.bar a.button:hover { background-color:#AAA;color:#EEE;border-left:1px #BBB solid;border-right:1px #999 solid; }
div#top_bar > .sub { position:relative;background:#EEE;  }

div#top_bar_submenu {
	position:absolute;z-index:11;top:30px;background:#EEE;border-top:1px #CCC solid;display:inline-block;
	box-shadow:0px 8px 4px rgba(0,0,0,0.4);
	cursor:default;
}

div#top_bar_submenu ul {
	margin:0px; padding:0px; padding-left:2em;
}

div#top_bar_submenu  > a {
	display:block;border-top:1px #FFF solid;border-bottom:1px #CCC solid;padding:5px 0.5em;text-decoration:none;
}
div#top_bar_submenu  > a:hover {
	background-color:#AAA;color:#EEE;border-top:1px #BBB solid;border-bottom:1px #999 solid;
}

/*--- 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;
}

.big_warn {
	text-align:center;padding:3px;font-weight:bold;color:red;
}


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


/*-- new styles for V4 release --*/

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS','Lucida Grande', Arial,  Verdana;
	color: #335063;
	margin:0.4em 0em;
}

a { text-decoration:none;color:#335063; }
a:hover { text-decoration:none;color:orange; }

p {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

body {
	font-size:13px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #5A7790;
	background-image: -moz-linear-gradient(center top, #335063, #5A7790);
	background-image: -webkit-gradient(linear,left top, left bottom, from(#335063), to(#5A7790));
	list-style-position: inside;
}

#wrapper {
	width:1000px;
}

#header {
	background: none;
	height:auto;
}

#header a.click_zone {
	background: black url(pianoteq-header-1000.jpg) no-repeat center 0px;
	height:120px;
}

#content, .content {
	margin:0px;
	padding:30px;
}

#navbar {
	border-bottom:1px #5A7790 solid;
	margin:0px; padding:2px 0.5em;
}

#navbar a {
	text-decoration:none;
}

div.box {
	box-shadow:1px 2px 5px rgba(0,0,0,0.4);
	border:1px #5A7790 solid;
	overflow:hidden;
	border-radius:4px;
	padding:1em;
	/*margin:5px;*/
}

#footer {
	background-color:#5A7790;
}

#footer span {
	color:white;
}
#footer span > a{
	text-decoration:underline;
}

/*--- Features list ---*/
div.features { border:1px orange solid;padding:2px;margin:2px; }
div.features > h3 { color:#BB7436 }
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 { }

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


div.home_features > div.features { float:left;width:31%;height:250px;margin:10px 0.7%; }


div.features { border:1px orange solid;padding:2px;margin:2px; }
ul.features { padding:0px; list-style-image: url(bullet_star.png); list-style-position:outside; }

/*--- Home features ---*/

#home_features div.box  ul { margin:5px 2px 5px 20px; font-size:90%; }

#home_features {
	width:100%;
	text-align:center;
}

#home_features div.box {
	width:280px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

/*-- Columns --*/
.two_columns {
	column-count: 2;
	column-gap: 20px;
	column-rule-width: 1px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-rule-width: 1px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule-width: 1px;

	column-rule-color: #CCC;
	column-rule-style: solid;
	-moz-column-rule-color: #CCC;
	-moz-column-rule-style: solid;
	-webkit-column-rule-color: #CCC;
	-webkit-column-rule-style: solid;
}

.three_columns {
	column-count: 3;
	column-gap: 20px;
	column-rule-width: 1px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-moz-column-rule-width: 1px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-rule-width: 1px;

	column-rule-color: #CCC;
	column-rule-style: solid;
	-moz-column-rule-color: #CCC;
	-moz-column-rule-style: solid;
	-webkit-column-rule-color: #CCC;
	-webkit-column-rule-style: solid;
}

/*-- Generic buttons --*/

.btn {
  color:white;
  padding:0.2em 1em;
  background-color: #AD632C;
  background-image: -moz-linear-gradient(center top , #BB7436, #984A1C);
  background-image: -webkit-gradient(linear,left top, left bottom, from(#BB7436), to(#984A1C));
  background-repeat: repeat-x;
  border-color: #632608;
  text-shadow: 0 2px 0 #632608;

  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;

  border-radius: 1000px 1000px 1000px 1000px;
  border-style: solid;
  border-width: 1px;

  cursor: pointer;
  display: inline-block;
  font-family: 'Trebuchet MS', 'Lucida Grandet', Arial,  Verdana;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  text-decoration: none !important;
}

.btn:hover {
  color:white;
  text-shadow: none;
  background-color: #335063;
  background-image: -moz-linear-gradient(center top , #5A7790, #335063);
  background-image: -webkit-gradient(linear,left top, left bottom, from(#5A7790), to(#335063));
  border-color: #335063;
}

#content .review h3 {
  font-size:18px;
}

.ademo_item h4 {
	font-family:Arial, Verdana;
}

/*--- Banners ---*/

.rolling_banner {
	position:relative;
	border:1px #5A7790 solid;
	/*margin:5px;*/
	overflow:hidden;
	box-shadow:3px 3px 4px rgba(0,0,0,0.3);
	border-radius:4px;
}

.rolling_banner .sub_banner { clear:both;overflow:hidden;position:relative }

/*--- Promo --*/
div.promotionals > div { margin-bottom:1em; }

div.promotionals .vignette { border:1px #AAA solid;float:left;display:inline-block;height:180px;margin:0px 1em;margin-bottom:2.3em; }

/*--- Special V5 --*/
#mask { position:absolute;z-index:15;left:0;top:0;width:100%;height:100%;background-color:rgba(30,30,30,0.5) }

div#v5bar {
	width:100%;
	margin: 0px;
	padding: 3px 1em;
	color:red; background-color: #FF7;
	text-align:center;
}

button.smart {
	display: inline-block;
	font: 11px/1.5 "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	position: relative;
	cursor:pointer;
	border-radius: 5px;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
	color:white;
}

button.smart {
	background: #BBB linear-gradient(#BBB, #777);
    border: 1px solid #666;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB',endColorstr='#777', GradientType=0);
}

button.smart:hover {
	background: #CCC linear-gradient(#CCC, #999);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC',endColorstr='#999', GradientType=0);
}

button.smart.green {
	background: #39bb16 linear-gradient(#39bb16, #27860f);
    border: 1px solid #1d680b;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39bb16',endColorstr='#27860f', GradientType=0);
}

button.smart.green:hover {
	background: #33ca15 linear-gradient(#33ca15, #2ba211);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ca15',endColorstr='#2ba211', GradientType=0);
}

button.smart.red {
	background: #d50209 linear-gradient(#d50209, #760103);
    border: 1px solid #7c0104;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d50209',endColorstr='#760103', GradientType=0);
}

button.smart.red:hover {
	background: #9b0108 linear-gradient(#9b0108, #8a0107);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b0108',endColorstr='#8a0107', GradientType=0);
}

button.smart.blue {
	background: #587996 linear-gradient(#587996, #3f5466);
    border: 1px solid #3f5466;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#587996',endColorstr='#3f5466', GradientType=0);
}

button.smart.blue:hover, button.smart.on {
	background: #769ec1 linear-gradient(#769ec1, #5A7790);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#769ec1',endColorstr='#5A7790', GradientType=0);
}

.popup { pointer-events:none; }
.popup * { pointer-events:auto; }
.popup.smart { position:fixed;width:100% }

.popup.smart > div.box { width:700px;background-color:white;margin:0px auto;position:relative }

.serial_field input { padding:3px;margin:2px;border:1px #AAA solid;box-shadow:1px 2px 2px rgba(0,0,0,0.2) inset;border-radius:2px }

#debug_vars ul { margin:0px; padding: 2px 1em }

#warning_zone {
	position:absolute;z-index:10px;width:1000px;margin:0px;padding:0px;
	height:300px;
	overflow:hidden;
}

#warning {
	position:relative;top:0px;cursor:pointer;
	background-color:#EEE;padding:3px 1em;
	width:800px;margin:0px auto;
	border-radius:0px 0px 10px 10px; box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	font-size:1.1em
}

#warning[type="notice"] { color:gray; border:1px solid gray;border-top-width:0px; }
#warning[type="warning"] { color:white; background:#5A7790; font-weight:bold; box-shadow:0px 3px 5px rgba(0,0,0,0.4)  }
#warning[type="error"] { color:white; background:#c7160f; font-weight:bold; box-shadow:0px 3px 5px rgba(30,0,0,0.4) }

img[lightbox] { cursor:pointer }
#lightbox { text-align:center;margin-top:1%;margin-bottom:1%; width:100%;left:50%;margin-left:-50% }
#lightbox img.main { cursor:pointer; max-height:95%; height:100% }
#lightbox > div {
	width:auto;
	background:white;
	border-radius:10px;
	padding:10px;
	box-shadow:1px 3px 10px rgba(0,0,0,0.3)
}

#lightbox div.legend {
	margin-top:3px
}


.social_menu { vertical-align:absmiddle }
.social_menu .icons { opacity:0;
			transition-property: opacity;
			transition-duration: 300ms; }

.social_menu .icons img { opacity:0.5;width:20px;transition-property: opacity;transition-duration: 100ms; }

.social_menu:hover .icons { opacity:1 }
.social_menu:hover .icons img:hover { opacity:1  }

/* debug */
section.debug, div.debug { border:1px gray dashed }