@charset "utf-8";
/* CSS Document */

@import url("application.css");


/*DEFAULTS*/
form {margin:0px; padding:0px;}
.clear {clear:both;}
a {font-size:1.0em; color:#3A81B7;}
a:link {font-size:1.0em; color:#3A81B7;}
a:hover {color:#000;}
a img {border:0px}
a:focus { outline:none }

#fl {float:left; padding:4px;}
#fr {float:right; padding:4px;}
#fr {margin:0px; padding:0px; font:1.0em "Trebuchet MS"; color:#FFF; font-style:italic;}
#fr input {border:1px solid #FFF;}
/*CLOSE DEFAULTS*/

html {background:#003366 url(../IMAGES/bg_repeater.jpg) repeat-x fixed; height:auto }
body {margin:0px; padding:0px; background:url(../IMAGES/bg_radial.gif) no-repeat center 140px; font:62.5% "Trebuchet MS";}

/*LAYOUT*/
#container {margin:auto; width:848px; min-height:800px; overflow:hidden;}

/*TEL NUM*/
#tel {margin-top:30px; height:30px; text-align:right;}
#tel_links {float:right; width:300px; color:#FFF; font-size:1.1em; padding-top:5px;}
#tel_links a {color:#FFF; text-decoration:underline; font:1.0em "Trebuchet MS"; padding:4px; font-weight:bold;}
#tel_links a:hover {color:#99CCFF;}
#tel_num{ background:url(../IMAGES/tel.png) left 50% no-repeat; margin-left:16px; width:224px; float:right; color:#FFF; font:2.0em "Century Gothic",Arial, Helvetica; font-weight:bold; letter-spacing:-2px; padding-right:1px; }
.tel {font-weight:normal;}


/*WHITE SITE BODY */
#body_top {background:url(../IMAGES/body_top.png) center top no-repeat; height:100px; width:848px; padding-bottom:4px; }
#body_mid {background: url(../IMAGES/body_mid.png) center top repeat-y;  width:848px; margin-bottom:0px; min-height:860px}

/*BLOCKER*/
#block { background:url(../IMAGES/body_mid_top.png) center top no-repeat; height:5px; width:848px;}
#body_bot {background:url(../IMAGES/body_bot.png) center bottom no-repeat; height:26px; width:848px; }

/*LOGO AND STRAP */
#logo_area {width:819px; border-bottom:1px solid #CCC; height:99px; margin:auto;}
#logo_area_left {width:250px; float:left;}
#logo_container { float:left; width:226px; height:39px; z-index: auto; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: 8px;}

#strap h1 {margin:0 0 0 0px; padding:0; font:12px "Arial"; color:#567B97; font-style:italic; font-weight:bold;}
#strap {margin:0 0 0 8px; padding:0; font:12px "Arial"; color:#567B97; font-style:italic; font-weight:bold;}

/*SEARCH*/
#search {width:214px; float:right; margin:12px 4px 6px 0px; text-align:right; height:24px; padding-right:10px; padding-top:10px;}
#search a { font-size:12px;}
/*NAV*/
#nav {width:466px; float:right; display:inline; margin-top:16px;}
#nav li, ul {list-style:none; padding:0px; margin:0px; display:inline-block; display:inline; text-align:center;}
#nav a {font:1.2em "Century Gothic",Arial, Helvetica; color:#fff; background:url(../images/nav.png) no-repeat top center; text-decoration:none; font-weight:bold; line-height:36px; text-transform:uppercase; padding:0px 1px; width:114px; height:32px; display:inline-block; display:block; float:left;}
/*#nav a {font:1.2em "Century Gothic",Arial, Helvetica; color:#fff; text-decoration:none; font-weight:bold; line-height:36px; text-transform:uppercase; padding:0px 1px; width:114px; height:32px; display:inline-block; display:block; float:left;}*/
#nav a:hover { background:url(../images/nav_over.gif) no-repeat top  center; color:#CCC;}
/*#current a {background:url(../IMAGES/nav_over.gif) no-repeat top  center; color:#CCC;}*/

/*MAIN DATA*/
#main_content {float:left; width:610px; margin-left:8px;}

/*PROMO*/
#promo-home {background:url(../Images/promo-home-page.jpg) no-repeat; width:616px; height:417px; text-indent:-2000px; z-index:-1000!important}
#promo { float:left; padding-left:4px; }
#homepromo { float:left; padding-left:0px; margin:-8px 0 10px -2px; }
.home-box {width:603px; height:307px; border-top:1px dotted #CCC; padding-top:12px;}
.home-box-top { background:url(../Images/home-bullets-top.jpg) no-repeat; height:36px; width:425px;}
.home-box-top p {margin:0px; color:#397CB4; font-weight:bold; padding-left:7px;padding-top:7px;}
.home-box-mid {background-color:#EAF4FF;min-height:246px;padding-left:13px;width:412px;}
.home-box-bot {background:url(../Images/home-bullets-bot.jpg) no-repeat; height:6px; width:425px;}
h1.home-h1 { font-size:15px; color:#397CB4; margin-top:-20px; z-index:1000; white-space:normal;}
.fl {float:left;}

/*HP BULLETS*/
/*BENEFITS*/
.benefits { min-height:150px; float:left; width:100%; margin-bottom:36px;}
a#open {background:transparent url(../IMAGES/tick2.gif) no-repeat scroll 0 0;display:block;height:32px;line-height:27px;padding-left:30px; color:#111; text-decoration:none;}
a.toggle {background:transparent url(../IMAGES/tick2.gif) no-repeat scroll 0 0;display:block;height:32px;line-height:27px;padding-left:30px; color:#111!important; text-decoration:none!important;}
a#open:hover {}
.home-box h3 {font-weight:normal; margin:0; padding:0; font-size:0.9em;}
.benefits-left {float:left;margin-top:10px;padding-right:10px;width:333px;}
.bullet-content { margin-left:30px;}
img.more-info  { margin-left:90px;}

#welcome h1 { float:right; font:2.0em "Century Gothic",Arial, Helvetica,Arial, Helvetica; font-weight:bold; color:#FFFFFF; margin:25px 10px 0px; text-align:right}
/*SOME DEFAULT STYLES*/
.header2 {font:1.4em "Century Gothic",Arial, Helvetica; font-weight:bold; color:#3A81B7; margin:4px 0px;}
.header_dark {font:1.4em "Century Gothic",Arial, Helvetica; font-weight:bold; color:#666; margin:4px 0px; letter-spacing:-0px;}
.darker { color:#333333; font-weight:bold; margin:0; padding:0; }
.blue {color:#3A81B7;}
.blue_bold {color:#3A81B7; font-weight:bold;}
.smaller {font-size:0.8em; color:#333333;}

/*CONTENT*/
.bdy_content {width:590px; border:0px solid #F5F5F5; float:left; padding:6px; font:1.4em "Trebuchet MS"; color:#666; margin:1px; background-color:#FFFFFF;}
.bdy_content a {} 
.bdy_content a:hover { color:#000;} 
.bdy_content h2 {font-family:"Trebuchet MS"; font-size:1.2em; color:#3A81B7; font-weight:bold; margin: 0 0 0 0; padding: 0 0 0 0;}
.bdy_content ul {text-align:left;}
.bdy_content li {list-style:disc!important; margin-left:10px;}

.overview li {list-style:disc;display:block; margin: 5px 5px 5px 10px;}

/*SITE CONTENT INCLUDING NAVIGATION MENU*/
#navigation_menu {float:left; width:195px; margin-left:20px; text-align:left;}
#side_nav {width:191px; margin-top:0px; margin-left:1px;}
#side_nav li, ul {display:block; list-style:none; border:1px #000;}
#side_nav a {font: 1.2em "Arial"; font-weight:bold; color:#000; display:block; background:#F5F5F5; margin:1px 0px; line-height:38px; text-align:left; text-decoration:none; padding-left:12px; border-bottom:1px solid #D7D7D7;}
#side_nav a:hover {background:url(../images/side_nav_hover.gif) no-repeat #666666; color:#FFF;}

#sub_nav a { font-size:11px; background:none; color:#FFF; line-height:26px; background:#999999; }
#sub_nav a:hover { color:#FFF; background-color:#000; background-image:none!important}
/*#side_current a {background:url(../IMAGES/side_nav_hover.gif) no-repeat #666666; color:#FFF;}*/

/*FOOTER*/
#footer {margin-top:10px; text-align:center; font:1.2em "Trebuchet MS"; color:#FFF;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#99CCFF; text-decoration:underline;}

/*CONTACT FORM*/
#cnt { margin-top:15px;}
#cnt_form {margin-left:8px; margin-top:16px; margin-bottom:8px; text-align:left;}
.form_bg {background:url(../IMAGES/form_bg_text.png) no-repeat; height:20px; padding:4px; padding-left:7px;}
.form_bg input {border:0px #FFF; width:146px; padding-left:-1px;}
.form_bg_area textarea {border:0px; width:127px; overflow:auto; height:100px;}
.form_bg_area {background:url(../IMAGES/textarea_bg.png) no-repeat; height:135px; padding-left:6px; padding-top:6px;}
.send {padding:6px 20px; text-align:right;}
.head {font:1.4em "Century Gothic",Arial, Helvetica; font-weight:bold; margin-top:20px; margin-bottom:10px;}

/*EXPANDABLE DIVS*/


/*BULLET POINTS*/
.ft_box {float:left; padding:6px; width:250px; margin-top:-10px; color:#999999;}
.ft_box a {line-height:30px; background:url(../IMAGES/envelope.png) no-repeat left; padding-left:28px; color:#000; display:block}
.ft_box a:link {line-height:30px; background:url(../IMAGES/envelope.png) no-repeat left ; padding-left:28px; color:#000; display:block}
.ft_box a:hover {line-height:30px; background:url(../IMAGES/envelope.png) no-repeat left ; padding-left:28px; color:#666;}
.enbold {font-weight:bold; font-style:italic;}

/*PRICE PAGE JAVA SLIDER*/
.ft_box_price {float:left; padding:6px; width:250px; padding-left:70px;}
.ft_box_price a {line-height:30px; color:#3A81B7;}
.ft_box_price a:hover {color:#000; line-height:30px;}
.ft_box_price a:hover img {line-height:30px;}

/*FEATURES PAGE JAVA SLIDER */

.ft_box_feature {float:left; text-align:left; width:280px; font-family: "Trebuchet MS"; font-size:0.9em; color:#CCC; padding-left:8px; padding-top:12px;}
.ft_box_feature a{line-height:20px; height:40px; font-size:1.1em; text-decoration:underline; padding-left:50px; color:#000; display:block; }
.ft_box_feature a:hover {color:#666;}


/*PROMO BOXES*/
.promo_box_1 {float:left; padding:4px;}

#linkage {display:inline;}

/*IMAGE PRELOADER*/
#loader {display:none;}

/*SUPPORT DIVS POP*/

.dynamic-tab-pane-control .tab-page {
	height:		600px;
	overflow:	auto;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:		100px;
}

.dynamic-tab-pane-control.tab-pane {
	margin:	10px;

}

.dynamic-tab-pane-control h2 {
	text-align:	center;
	width:		120px;
}


.dynamic-tab-pane-control h2 a {
	display:	inline;
	width:		auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}

.dynamic-tab-pane-control .tab-page h2 {
	text-align:	left;
}
#info {
	margin-top:0px;
	}
	
	.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		97%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		12px;
	cursor:			Default;
	display:		inline;
	float:			left;
	padding:		0px 6px 1px 6px;
	margin:			0px -2px -3px 0px;
	background:		#F5F5F5;
	border:			1px solid #CCC;
	border-color:	#CCC;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		3;
	position:		relative;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid #CCC;
	color:#FFF;
	z-index:		3;
	padding:		0px 6px 1px 6px;
	margin:			0px -2px -3px 0px;
	background:		#3A81B7;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Arial;
	font-size:			12px;
	color:#000000;
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}
.dynamic-tab-pane-control .tab-row .tab a:hover { text-decoration:underline;}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-family:		Arial;
	font-size:			12px;
	color:				#fff;
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid #CCC;
	background:		#FFFFFF;
	z-index:		2;
	position:		relative;
	top:			2px;
	color:			#666;
	font-family:	Arial;
	font-size:		12px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		#FFFFFF;
	height:			1.85em;
	width:			100%;
}

h3 {margin:0px; padding:0px; font-family:"Trebuchet MS"; font-weight:normal; color:#3A81B7;}

/*SCREENSHOT TOUR*/
/*ANCHORS*/
#myController { width:99%; height:35px; margin-top:3px; margin-bottom:3px; background-image:url(../IMAGES/bg_tour_link.jpg); margin-left:0px;

border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #ccc;
border-bottom:1px solid #CCC;
}
/*#myController a{color:#333; display:block; display:inline-block; line-height:30px; text-transform:lowercase; width:81px; text-align:center; background-color:#F5F5F5; background-image:url(../IMAGES/bg_tour_link.jpg); padding:1px; border:1px solid #CCC; margin-bottom:-1px; margin-left:-2px; margin-right:-2px;}*/

#myController a{color:#333; display:block; display:inline-block; line-height:30px; text-align:center; background:url(../IMAGES/tour_bg_hover.gif) no-repeat right; width:72px; height:32px; padding:0px;margin-left:-25px; margin-right:-0px; padding-left:10px; text-decoration:none; font-family:Tahoma; padding-top:3px; position:relative; float:left; font-size:0.9em;}
#myController a:hover {background-image:url(../IMAGES/tour_bg_hover1.gif); background-position:right; z-index:10; color:#FFF;}

/*#myController a:hover {color:#FFF; display:inline-block; background-color:#EAC853; background-image:url(../IMAGES/arrow.png); text-decoration:none;}*/

#myController .jFlowSelected {background-image:url(../IMAGES/tour_bg_hover1.gif); color:#FFF;} 
#jFlowSlide{border:0px solid #F00; height:710px;}

.jflowslidecontainer { width:579px; height:200px;}
.flow_cont {padding:0px 12px; padding-top:20px;}
.flow_cont a {display:inline;}
.jFlowSelected {background-color:#eac853;}
.jFlowPrev, .jFlowNext{cursor:pointer;}

/*LIGHTBOX*/
	#gallery {

	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 2px solid #CCC;

	}
	#gallery ul a:hover img {
		border: 2px solid #EAC853;
  		color: #fff;
		display:inline;
	}
	#gallery ul a:hover { color: #fff; 	display:inline; }
	
/*LOG IN*/
#modal_box h1 {font-size:16px; font-family:Tahoma; color:#999999; text-align:left; padding-left:2px;}
#modal_box { font-family: "Trebuchet MS"; font-size: 14px; margin-left:30px; width:360px;}

#modal_box .form {margin-top: 20px;}
#modal_box h1 {margin: 0px; color: #185888;}
#modal_box .blank {clear: both;}
#modal_box .user {background-image:url(./IMAGES/logon_background-user.png); background-repeat:no-repeat; background-position:left; padding:10px 0px 0px 10px; width:239px; font-size: 12px; padding:2px; width:250px; height:32px; border:1px #CCC;}

/*SIGNUP*/
.signup {width:350px; margin-left:10px; text-align:left; display:block; display:inline; padding:20px;}
#signup a {background-image:url(../IMAGES/sign_up.gif); background-repeat:no-repeat; font-family:Tahoma; color:#000; font-size:14px; height:125px; width:300px; padding-left:105px; padding-top:45px;}
#signup a:hover {background-image:url(../IMAGES/sign_up_hover.gif); background-repeat:no-repeat; color:#666;}

.signup ul {text-align:left; padding-left:40px;}
.signup li { background-image: url(../IMAGES/tick.gif); background-repeat:no-repeat; padding-left:44px; text-align:left; line-height:43px; color:#000; list-style:none!important;}

.hide {display:none;}

.support a { display:inline}
.support a:hover {display:inline;}

.ft-img {margin-bottom:-30px; margin-left:-12px; padding:6px 6px;}

/*index buttons*/
#big_buttons {position:relative; top:184px; left:20px; z-index:1000; text-indent:0px!important;}
#big_buttons a {width:214px; height:59px; display:block; color:#FFF; text-shadow:1px 1px #666; line-height:20px; font-size:18px; padding-left:10px; padding-top:10px;}

a#overview-button {background:url(../IMAGES/free.gif) top left; text-shadow:0 1px 2px #845A04;  text-decoration:none; width:204px; height:49px;}
a#overview-button:hover {background:url(../IMAGES/free.gif) 0 59px;}

a#free-account {background:url(../IMAGES/tour.gif) top left; text-shadow:0 1px 2px #243500; margin-left:0px; text-decoration:none; width:204px; height:49px; margin-top:20px;}
a#free-account:hover {background:url(../IMAGES/tour.gif) 0 59px;}

#overview {width:196px; height:75px; float:left}
#overview a {width:196px; height:75px; font:1.7em "Century Gothic",Arial, Helvetica; color:#660000;  font-weight:bold; background:url(../images/index_buttons/overview.png) no-repeat; line-height:15px; text-decoration:none; float:left; display:inline; text-align:LEFT; padding-left:7px; padding-top:14px;} 
#overview a:hover { background:url(../images/index_buttons/overview_hover.png)  no-repeat}

#free_account {width:196px; height:75px; margin-right:15px;}
#free_account a { font:1.7em "Century Gothic",Arial, Helvetica; color:#9A6600; font-weight:bold; background:url(../images/index_buttons/freeaccount.png )  no-repeat; width:196px; height:75px; line-height:15px; text-decoration:none; float:left; display:inline; text-align:left; padding-left:7px; padding-top:14px;} 
#free_account a:hover { background:url(../images/index_buttons/freeaccount_hover.png)  no-repeat}

.sml { font-size:12px; color:#111; padding-top:6px; font-family:Arial, Helvetica, sans-serif}


.big_img { z-index:-1000; float:left; margin-bottom:-20px;}

.piano { background-color:#F2F9FF;}
.free {background-color:#FFFFCC;}
.pianopg {background-color:#EFF7EF}

#moneyback {
	z-index:1;
	top: 5px;
	left: 215px;
	position:absolute;
}

	
.features td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.features a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	line-height:25px;
}

/*PRICING PAGE SIGN UP LINK*/
.sign_up_button a {  background-image:url(../IMAGES/signup_bg_hover.gif); width:69px; height:37px; color:#666; font-family:Tahoma; display:block; text-decoration:none; font-size:12px; line-height:32px; text-align:center;}

.sign_up_button a:hover {  background-image:url(../IMAGES/signup_bg.gif); line-height:32px;}

.bb {border-bottom:1px solid #CCC;}

.flow_cont2 {padding:0px 0px;}

.yellow_ban { background:url(../IMAGES/page_header.gif); width:605px; height:76px; background-repeat:no-repeat; float:right; margin-right:3px; margin-bottom:10px;}

.back {padding:14px;}
.back a { color:#000; font-size:12px;}
.back a:hover { color:#FFF;}

.pp_link a {font:18px "Century Gothic",Arial, Helvetica; color:#FFF; background-image:url(../IMAGES/price_page_button.png); background-repeat:no-repeat; float:right; text-align:left; width:194px; height:56px; display:block; font-weight:bold; text-decoration:none; line-height:56px; padding-left:10px; margin-top:37px;}
.pp_link a:hover { background:url(../IMAGES/price_page_button_hover.png) no-repeat; color:#FFFFFF; text-decoration:none;}

/*OVERVIEWPAGE*/
#response_overview { text-align:left;}
#response_overview ul { display:block; }
#response_overview li {display:block; text-align:left; padding:4px 4px 4px 16px; background:url(../IMAGES/new_bullet.gif) no-repeat 2px 50%; margin-left:20px;}

.bdy_content hr { border:none; border-bottom:1px dotted #CCC;}

.overview_image {border:1px solid #999}