body{background:url(bodybg.png) repeat-x #e9e9e9;font-size:10px;font-family:Arial, Tahoma, Sans-Serif;color:#000;margin:0;padding:0;letter-spacing:0.01em;}
img{border:none;}
input {outline: none;}
a{font-weight:700;text-decoration:none;color:#FF6600;}
a:hover{text-decoration:underline;}
h1{ font-size:1.4em; color:#000; }
h3{ color:#444;}
h2{ color:#0099FF; font-size:1.3em; margin-bottom:2px; display:inline;}
.or{color:#999999;font-size:1.4em;display:inline;padding:10px;}
.clear{clear:both;}
p{  color:#000; }
hr { height:1; border:0; border-bottom:1px solid #efefef; margin-top: 10px; margin-bottom: 10px;}
select {padding:5px 4px; border:1px solid #ccc; color:#333; margin:0px;}
textarea{ font-size:1.1em;}
textarea:hover, input:hover {}
textarea:focus, input:focus {border:1px solid #FFCC99; background:#f8f8f8;}
select{font:normal 1.0em arial,helvetica,sans-serif; padding:2px}
input, textarea{ width:200px; padding:5px 5px; margin:2px; border:1px solid #ccc;  }
input[type="checkbox"], input[type="radio"] { border:none; width:15px;}
.copyright{text-align: center; font-size: 11px; font-weight: normal; color:#5e5e5e; padding-bottom: 15px;}

#wrapper {width:966px;margin:10px auto 0;}
#logo {float:left;}
#login {margin-bottom:5px;text-align:right;color:#444;float:right;position:relative;width:520px;top:15px;}
.login_fields{float: right; }

.topregister {background:url(register.gif) no-repeat;}
.topregister:hover{background:url(registerhover.gif) no-repeat;}

.button{font-size:1.1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(buttonsave2.gif) repeat-x; border:1px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:3px 10px 3px 10px; color:#000000; text-decoration:none; }
.button:hover{background-image:url(buttonsave.gif);}
.button a{text-decoration:none; border:none; color:#000000;}
.button img{border:0px;}
.button_deactivated{color:#ccc;}
.button_deactivated:hover{background-image:url(buttonsave2.gif);}


.button_register {font-family:Arial, Helvetica, sans-serif;	background:url(register.png);height:25px;font-size:1.2em;color:#fff;cursor:pointer;width:90px;border:none;}
.button_register:hover{background:url(registerhover.png);color:#fff;}
.button_login{font-family:Arial, Helvetica, sans-serif;	background:url(login.png);height:25px;font-size:1.2em;color:#fff;cursor:pointer;width:57px;border:none;}
.button_login:hover{background:url(loginhover.png);color:#fff;}
.button_pricelist_register {font-family:Arial, Helvetica, sans-serif;background:url(button_pricelist_register.png);height:25px;padding-bottom:3px;color:#fff;cursor:pointer;	width:90px;border:none;}
.button_pricelist_register:hover{background:url(button_pricelist_register_hover.png);color:#fff;}

.topline {width:100%;height:2px;background:#dddddd; margin-top:18px;}
.menu_div {background:#fff; width:886px;float:left;height:34px;margin:0;padding:0;}
.topmenu{position:relative; z-index:20; letter-spacing:.01em; }
.topmenu ul {padding:0;margin:0px;list-style-type:none;}
.topmenu li {float:left;position:relative;background:url(menusep.gif) no-repeat scroll right center;}
.topmenu ul ul li:first-child{margin-top:3px;}
.topmenu a, .topmenu a:visited {color:#333;display:block;font-size:1.5em; font-weight:bold;line-height:30px;padding:2px 17px 2px 20px;text-decoration:none;}
.topmenu ul ul { visibility:hidden;position:absolute;height:0;top:31px;left:0; margin-top:0px; *margin-top:0;}
.topmenu ul ul {top:32px;t\op:31px;}
.topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.topmenu ul ul a, .topmenu ul ul a:visited {background:#FFFFFF; border-left:1px solid #ccc; color:#000; height:auto; line-height:20px; padding:5px 0 5px 30px;width:180px;font-weight:normal;font-size:1.2em;border-bottom:1px solid #dadada;}
.topmenu ul ul a, .topmenu ul ul a:visited {width:180px;w\idth:178px;}
.topmenu a:hover, .topmenu ul ul a:hover{color:#000;  }
.topmenu :hover > a {color:#000;}
.topmenu ul ul :hover > a {color:#ff6600;  font-weight:bold;background:#fff url(arrow.gif) no-repeat 10px 10px; }
.topmenu ul li:hover ul, .topmenu ul a:hover ul{visibility:visible;  }


.langbox{float:right; background:#fff; height:34px;}
.langmenu {position:relative;z-index:20;letter-spacing:.01em;font-family:arial, sans-serif;	width:80px;}
.langmenu ul {padding:0; margin:3px 0px;list-style-type:none;width:80px;}
.langmenu li {float:left;position:relative; width:80px;background:url(black_arrow_down.gif) 10px 14px no-repeat;}
.langmenu ul ul li {background:#FFFFFF;border-bottom:solid 1px #efefef; border-left:1px solid #ccc;padding-right:0px;}
.langmenu a, .langmenu a:visited {display:block;font-size:12px;	text-decoration:none; color:#333; padding:0px 0px 2px 31px; line-height:32px; _line-height:26px;_padding:0px 25px 0px 20px; font-weight:bold;}
.langmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0;}
.langmenu ul ul {top:34px;t\op:31px;}
.langmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.langmenu ul ul a, .langmenu ul ul a:visited {background:transparent url(flags.gif) no-repeat scroll right center;color:#000; height:auto; line-height:20px; padding:5px 0 5px 30px ; width:50px;	font-weight:normal;	font-size:12px;}
.langmenu ul ul a, .langmenu ul ul a:visited {width:50px;w\idth:48px;}
.langmenu a:hover{color:#000; background:#fff url(arrow_down.gif) no-repeat 10px 14px;} 
.langmenu ul ul :hover > a {color:#ff6600; font-weight:bold; background:transparent url(flags.gif) no-repeat;}
.langmenu ul ul li:hover {background: #fff url(arrow.gif) no-repeat 9px 12px;}
.langmenu ul li:hover ul, .langmenu ul a:hover ul{visibility:visible; }


#main {background-color:#efefef;z-index:-22;}
.teaserimage {z-index:0;width:965px;height:243px;background:url(teaser.png) #EE7621 no-repeat;}
.teaserbuttons {float:left;position:relative; }
.teasertext { text-shadow: 1px 1px 1px #333;line-height:20px; font-size:1.4em; font-weight:normal;width:450px;min-height:70px; color:#fff;margin:15px 0px 0 0px;}
.teasertext h1{ font-size:1.7em; color:#FFFFFF; display:inline;}

.testit { float:left;font-weight:normal;margin:5px 0 0 0px; font-size:1.3em;}
.tour { float:left; font-weight:normal;margin:20px 0 0;font-size:1.4em;} 

.threesteps { padding:5px;background:url(stepbg.png) repeat-x top #fff; border-right:0px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #efefef; width:954px;}
.threesteps p,.threesteps h3 { font-size:1.2em;width:180px;float:left;margin:0px;}
.threesteps h3 {font-size:1.5em;color:#444;}
.threesteps h3 a{color:#444;}
.threesteps img{ margin:0 10px 0px 0;}


.step { margin:5px 5px 5px 0;width:312px;height:85px;float:left; }
.step1 { border-right:1px solid #ddd;}.step2 {border-right:1px solid #ddd;}.step3 {}
.step a:hover{text-decoration:none;cursor:pointer;}

#refs { color:#666666; position:relative;overflow:hidden;top:-3px; background-color:#FFFFFF; border-top:1px solid #efefef; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px 0 20px 20px; }
#refs img{ max-width:140px; max-height:40px; margin:0 10px 0px 10px; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
#refs img:hover{filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
#refs h3{ font-size:1.2em; display:inline; color:#000;}

#columns {position:relative;overflow:hidden;top:-3px;background:url(bg.png);}
#fullcolumns {position:relative;overflow:hidden;top:-3px;background:url(fullbg.png);}
#full_column {float:left;width:100%;margin:0px;padding:0px; }
#left_column {float:left;width:690px;margin:0px;padding:0px; }
#right_column { float:right;vertical-align:top;width:275px;}

.content {padding:20px; font-size:1.3em;}
.content h3{ display:inline;}
.content li { margin-left:0px; line-height:18px;}

.pagetitle h1 {	height:22px;width:945px;background:#ff6600 url(titlebg.png);	margin:0;padding-top:5px;padding-bottom:5px;padding-left:20px;color:#fff;font-size:16px;text-transform:uppercase;}


.features_overview{float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #efefef;margin-bottom:10px; line-height:20px; }
.features_overview_left{float:left;width:290px; padding:10px;}
.features_overview_right{float:left;width:320px; border:0px solid #000;}
.features_overview img{border:3px solid #e3e3e3;}
.features_overview_right ul{margin:0 0 0 0;}
.features_overview h2{ line-height:5px;}
.features_overview h2 a{ font-size:1.2em;color:#999;  text-decoration:none;}
.features_overview h2 a:hover{ color:#000; }

.box { background:url(bg_login.png) top repeat-x #fff;padding:10px;  color:#333; border:1px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.box h3{ font-size:1.4em; color:#666; display:inline; line-height:20px;}
.box li{ margin-left:15px; font-size:1.2em; color:#666; list-style:square;}

.box_neutral { padding:10px;  color:#333;}
.box_neutral h3{ font-size:1.4em; color:#666; display:inline; line-height:20px;}

 
 .signupbox { font-size:1.1em; background:#efefef; width:450px;padding:10px;  color:#333; border:px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.signupbox label{ color:#666666; font-weight:bold;display:block;float:left;width:100px;text-align:left;margin:6px 0px 0px 0px;} 

 .gbox { font-size:1.0em; background:#efefef; padding:10px;  color:#333; border:px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}


.regbox{margin-right:10px;}
.regbox label{ color:#666666; font-weight:bold;display:block;width:150px;text-align:right;margin:6px 10px 0px 0px;} 
.smallgrey{ font-size:0.9em; color:#666;}

.greybox { font-size:1.0em; background:#fff; padding:10px;  color:#333; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.greybox label{ color:#000; font-weight:bold;display:block;float:left;width:100px;text-align:left;margin:6px 0px 0px 0px;} 
.greybox h3{ font-size:1.2em;color:#000; margin:0; padding-bottom:10px;} 

.yellowbox { font-size:0.9em; background:#FFFFCC; padding:10px;  color:#333; border:0px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
.yellowbox label{ color:#666666; font-weight:bold;display:block;float:left;width:100px;text-align:left;margin:6px 0px 0px 0px;}
.yellowbox h3{ font-size:1.2em;color:#000; margin:0; padding-bottom:10px;} 

.startbox { background:#fff; font-size:0.9em;  padding:0px;  color:#333; border-top:0px solid #ccc;}
.startbox h2 a{ color:#0099FF; margin:0; padding-bottom:10px;} 

#actionbutton{ text-decoration:none; padding:8px;display:inline-block; background:url(actionbutton.png) repeat-x;border:2px solid #ccc;	border-left:1px solid #ddd;	border-top:1px solid #ddd;border-bottom:2px solid #bbb; border-radius:5px; -moz-border-radius:5px;	-webkit-border-radius:5px; width:auto; font-size:1.2em; color:#333; text-shadow: 1px 1px 1px #fff; text-transform:uppercase;  font-weight:bold; margin:10px;}
#actionbutton:hover{text-decoration:none; background:url(actionbutton2.png) repeat-x; }
#actionbutton span{padding: .5em 1.5em; border:1px solid #fff; margin:0; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:inline-block;width:auto;}
#actionbutton img{border:0px;}


.featurebox { padding:0px;  color:#333; border:0px solid #ccc;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} 
.feature h2{ font-size:1.2em; } 

.feature{ line-height:20px;float:left; padding:10px; width:190px;}
.feature img{ margin-right:10px;} 

.feature_list{ }
.feature_list img{ margin-right:10px;} 
.feature_list li{ margin-left:25px;font-size:0.9em; line-height:20px;
color:#666;
list-style:square;}

#pricing_table strong {
	display: block;
	color:#009900;
}
table#pricing_table {border:medium none !important;border-collapse:collapse !important;margin-bottom:15px !important;width:450px; !important;}
	table#pricing_table th {background:transparent none repeat scroll 0 0 !important;border-bottom:2px solid #ccc !important;font-size:13px !important;font-weight:bold !important;}
	table#pricing_table td {border-bottom:1px solid #ccc !important;color:#5D5D5D !important;}
	table#pricing_table th, table#pricing_table td {padding:13px 0 !important;}


.reg_notice{ font-size:0.9em; color:#666; line-height:20px; margin-left:-15px;*margin-left:15px; }
.reg_notice li{ list-style:url(check.png);} 

.price_notice{ font-size:0.9em; color:#666; margin-top:33px;line-height:20px;  margin-left:-15px;*margin-left:15px; }
.price_notice li{ list-style:url(check.png);} 

.customers{ padding:10px; }
.customers img{ margin:5px; padding:10px; border:0px solid #ccc; max-width:150px; }

.customers_newsletters{ text-align:center; padding:10px; color:#666666; font-size:0.9em;}
.customers_newsletters img{width:190px; height:160px; margin:0px; padding:0px; border:3px solid #ccc;}

.free_templates{ padding:10px; color:#666666; font-size:0.9em;}
.free_templates img{width:180px; height:150px; margin:0px; padding:0px; border:1px solid #ccc;}




#footer { border-top:3px solid #dddddd;position:relative;background-color:#e9e9e9;top:-3px;padding-top:10px;}
.footer_links {text-align:center;width:688px;float:left;}
.footermenu td { width:90px; padding-left:10px;border-right:1px solid #d1d1d1;font-size:12px;text-align:left;}
.footermenu a {color:#5e5e5e;font-weight:normal;line-height:18px;}
#footertext {color:#5e5e5e;padding-top:30px;font-size:11px;width:775px;margin:0 auto;text-align:justify;}

.footer_side_links{ float:left; line-height:20px; padding-left:10px; font-size:1.2em;}
#fade{opacity : 0.4; filter: alpha(opacity=40); margin-right:10px;}
#fade:hover{opacity : 1.0; filter: alpha(opacity=10);}

#sidenav{margin:0;padding:0 0;list-style: none;height: 1%;width:274px;}
#sidenav li{font-size:14px;font-weight:bold;border-bottom:1px solid #dddddd;}


#sidenav ul{display:none;margin:0;padding:0;list-style:none;}
#sidenav li.active ul{display:block;}
#sidenav li a{color:#666;display: block;text-decoration:none;width:100%;}
#sidenav li a span{display:block;padding:0 0 0 11px;line-height:35px;margin-left:10px;height:1%;cursor:pointer;}
#sidenav li a:focus{outline:none;}
#sidenav li ul li a:hover{background:#666666;color:#898888;}
#sidenav li a:hover{background: url(sbhover.png) no-repeat;color:#ff6600;}
#sidenav li.active a{background: url(sbhover.png) no-repeat;color:#ff6600;}

.cite {font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;color:#666;padding:10px;background-color:#ebf1f9; * background-color:none; -moz-border-radius:6px; border:0px solid #bacfeb;margin:20px;}
.cite img {float:left;margin-right:5px;margin-bottom:5px; width:60px;}
.cite .citereference {font-family:Arial, Helvetica, sans-serif;font-size:0.8em; color:#666666;margin-top:10px;font-style:normal;font-weight:bold;}

#references {margin:20px;font-size:1.4em;font-weight:bold;color:#000;padding:10px;background-color:white;-moz-border-radius:6px;border:1px solid #bacfeb;}
#references img {width:95px;border:0px;margin:3px; }
#references img:hover{ }

.feedback{margin-bottom:21px;width:100%;float:left;}
.feedback blockquote{font-size:1.0em; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; color:#666;margin:8px 0 8px 0;padding:0 13px 5px;float:left;}
.feedback cite{ font-size:0.9em; color:#777;background:url(feedback_arrow.gif) top left no-repeat;padding-top:15px;float:left;}
.feedback strong{ margin-right:20px;}

.feedback_bubble{width:100%;float:left;background:#ebf1f9;-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;}
.feedback_bubble img{float:left;margin-right:10px;margin-bottom:5px;}



 #table_data_3{
	font-family:Arial, Helvetica, sans-serif;
 	margin:5px;
 	padding:0px;
	font-size:12px;
 	margin-bottom:5px;
 	border-collapse: collapse; 
 	background:#fff;
width:180px;
 	
 }
	#table_data_3 th {
		padding: 3px;
		border:1px solid #ccc;
		margin:0px;
		color:#000;
		text-align:center;
		background-color:#eee;
		vertical-align: middle;
	 }
	
	#table_data_3 tr:hover {
		background-color:#ffffd9;
		}


	#table_data_3 td {

		padding: 2px 4px;
		text-align:center;
		margin:10px;
		vertical-align: top;
		border:1px solid #ccc;
		* border-top:1px solid #aaa;
		
	 }
	 
	 .feature_table td{ padding-right:20px; vertical-align:top; }
	 .feature_table img{ width:250px; height:180px; border:3px solid #ccc; vertical-align:bottom;}
	 
	 
	 .feature_table2 td{ padding-right:20px; vertical-align:top; }
	 
	  .feature_table3 td{ padding-right:20px; vertical-align:top; line-height:18px; }
	 .feature_table3 img{ width:250px; height:180px; border:3px solid #ccc; vertical-align:bottom;}
	 
	  .feature_table4{ border-bottom:1px solid #efefef;}
	   .feature_table4 td{ width:300px; height:200px; padding-left:20px; vertical-align:top; line-height:18px; }
	   .feature_table4 li{ color:#666; font-size:0.9em;}
	 .feature_table4 img{ width:250px; height:180px; border:3px solid #ccc; vertical-align:bottom;}
	 .beginner {background:url(beginner.png) no-repeat 100% 80px;}
.profi {background:url(beginner.png) no-repeat 100% 80px;}
	 
	 
	 
#jFlowSlide{   font-family: arial; }
#myController { margin-top:0px; float:right; text-align:right; font-family: arial; padding:0px 5px 0px 20px;;  width:487px;   }
#myController span{ font-size:1.2em; font-weight:bold; color:#000; }
#myController span:hover{ color:#000; }


.slide-wrapper { width:500px; padding: 0px; height:240px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }

.slide-thumbnailfull { width:400px; float:left; }

.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { color:#FFFFFF; }