/* Schemax Calendar Support Site */
div, span, img, h1, h2, h3, h4 {border: solid 0px #ccc;}

/*
force vertical (and horizontal) scroll bar so page shift doesn't 
occur when switching between pages that extend past the window height
and those that don't
*/
html { height : 100%; overflow-y: scroll;  }

body
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: small;
	color:#000000;
	background: #fff;/*url(jpg/body_bg.jpg) repeat-x 0 0;*/
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	margin:0px;
}

#wrapper
{
	background-color: #ffffff;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 770px;	
}

#header
{
    width: 750px;
	text-align: left;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 20px;	
}

#footer
{
    width: 750px;
	text-align: center;
	font-size: x-small;
	color:#0022cc;
	background-color: #ffffff;
	padding: 20px 0px 30px 0px;
    margin: 10px 0px 0px 20px;	
}

#navigation
{
    width: 740px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;	
}

#main
{
	width: 750px;
    text-align: left;
	background-color: #ffffff;
    margin: 0px 0px 0px 20px;
}

#content
{
	width: 730px;
	margin: 0px 0px 0px 5px;/* left margin normally 175*/
}

#menu
{
	float: left;
	width: 0px;/* width normally 120*/
	padding: 0px 0px 0px 0px;
}

#leftmenu
{
/*	float: left;
	width: 120px;*/
	padding: 0px 0px 0px 0px;
}

#rightcontent
{
	width: 730px;
	margin: 10px 0px 0px 5px;
}

#intro
{
	display:block;
	float:left;
	width:730px;
	margin:0px 0px 20px 0px;
}

.overview_content
{
	float:left;
	margin:5px 0px 25px 0px;
}

.content_left
{
	border: solid 0px #ccc;
	float: left;
	width: 390px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

.content_right
{
	border: solid 0px #ccc;
	z-index:2;
	width: 300px;
	margin: 0px 0px 0px 425px;
}

.kb_content
{
	float:left;
	margin:5px 0px 25px 0px;
}

.kb_content .content_left
{
	float: left;
	width: 300px;
	padding: 10px 20px 10px 10px;
	margin:0px 0px 10px 0px;
}

.kb_content .content_right
{
	z-index:2;
	width: 400px;
	margin: 0px 0px 0px 320px;
}

.kb_content .content_right img
{
	margin: 0px auto 0px 0px;
}

.kb_content .content_right .content_right_div
{
	float:left;
	width:190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;	
}

.article_content
{
	float:left;
	margin:5px 0px 25px 0px;
}

.article_content .content_left
{
	float: left;
/*	width: 550px;*/
	width: 700px;
	padding: 10px 20px 10px 10px;
	margin:0px 0px 10px 0px;
}

/*
.article_content .content_right
{
	z-index:2;
	width: 150px;
	margin: 0px 0px 0px 570px;
}

.article_content .content_right img
{
	margin: 0px auto 0px 0px;
}

.testimonial
{
	font-size: x-small;
	color: #666;
	text-align:right;
}

.testimonial_quote
{
	margin:20px 0px 10px 0px;
}

.testimonial_author
{
	
}
*/

.slideshow
{
	float:left;
	margin:5px 0px 25px 0px;
}

.slideshow .slide
{
	float: left;
	width: 400px;
	padding: 10px 20px 10px 10px;
	margin:0px 0px 10px 0px;
}

.slideshow .caption
{
	z-index:2;
	width: 200px;
	margin: 0px 0px 0px 420px;
}

.slideshow_buttons
{
	text-align:center;
	margin: 5px 0px 0px 0px;
}

.tutorial img
{
	text-align:center;
}

h1
{
	font-size: medium;
	color:#0022cc;
	margin: 10px 0px 5px 0px;
	width:100%;
	/*background-color:#ffffcc;*/
}

h2
{
	font-size: small;
	font-weight:bolder;
	color:#0022cc;
	margin: 10px 0px 5px 0px;
	text-align:left;
}

h3
{
	font-size:small;
	font-weight:bold;
	color:#0022cc;
	margin: 5px 0px 0px 0px;
}

h4
{
	font-size: x-small;
	font-weight:normal;
	color:#0022cc;
	margin: 6px 0px 0px 0px;
}

p
{
	margin: 5px 0px 10px 0px;
}

a
{
	text-decoration:none;
}

.ticks
{
	margin:0px 0px 0px 20px;
	list-style-image:url(tick.gif);
}

.ticks li
{
	padding: 0px 0px 5px 2px;
	line-height:16px;
}

.boldtext
{
	/*font-weight:bold;*/
	color:#000000;
}

.italtext
{
	font-style:italic;
}

.suptext
{
	vertical-align:super;
	font-size:xx-small;
}

.regtext
{
	font-size:xx-small;
}

.xmlcode
{
	font-size:small;
}

.tmtext
{
	font-size:xx-small;
}

#banner
{
	width:730px;
	height:85px;
	margin:10px 0px 10px 0px;
	display:block;
}

#banner img
{
	float:none;
	display:block;
}

#banner_print
{
	display:none;
}

#banner_graphic
{
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
}

#banner_text
{
	float: left;
	width: 455px;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

#banner_right
{
	margin: 0px 0px 0px 550px;
}

.buttonwrap
{
	float:right;
}

.buttonwrap img
{
	margin: 0px 0px 0px 0px;
}

#demo_thumbnails img
{
	margin: 10px auto 10px auto;
}

.demo
{
	width:730px;
	border: solid 1px #ccc;
	padding: 5px 5px 5px 5px;
}

.content_right img
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:block;
}

.cmd
{
	font-size:x-small;
	font-family:courier;
	display: block;
	margin: 20px 0px 20px 50px;
}

.sub
{
	vertical-align:super;
}

.cap
{
	font-size: x-small;
	font-weight:normal;
	color:#0022cc;
	margin: 2px 0px 2px 0px;
	text-align:center;		
}

.cap .left
{
	text-align:left;	
		
}

.sidebar
{
	display:block;
	position:relative;
	text-align:left;
	font-size:x-small;
	margin: 20px 40px 20px 40px;
	padding:10px 20px 20px 10px;
	background-color:#FFFFCC;
}

.ms
{
	color:#999;
	font-variant:normal;
}

h1 .ms
{
	font-size:small;
}

.sidebartext
{
	margin:0px 0px 0px 35px;
}

.hint 
{
	background: url(hint_w16h25.png);
	width:16px;
	height:25px;
	float:left;
}

.alert 
{
	background: url(alert_w16h25.png);
	width:16px;
	height:25px;
	float:left;
}

.productname
{
	font-style:italic;
}

ol.tutorials li
{
	margin: 40px 0px 0px 0px;
}

.list_no_style{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size:x-small;
	}

.list_no_style ul
{
	list-style: none;
	margin-left: 5px;
	padding-left: 0px;
}

.list_no_style li
{
	margin: 0px 0px 0px 0px;
}

ol.double_lined li
{
	margin:0px 0px 12px 0px;
}

ol.lower_alpha
{
	list-style-type:lower-alpha;
}

ol.lower_alpha li
{
	margin:2px 0px 2px 0px;
}

#divSiteMapPath
{
	display:block;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:xx-small;
}

.buttondef
{
	margin: 10px 0px 5px 0px;
	padding: 5px 0px 30px 0px;
}

.btn
{
	float:left;
	width: 40px;
	margin: 0px 0px 0px 0px;
}

.btn img
{
	margin: 0px 0px 0px 0px;
}

.btndesc
{
	width: 450px;
	margin: 0px 0px 0px 50px;
}

#svgdemo
{
	z-index:2px;
}

#overview_image {display:block; width:229px; height:244px;margin-left: auto;margin-right: auto;}
#overview_image ul {margin:0; padding:0; list-style-type:none;}
#overview_image li {float:left; margin-right:1px; display:block; width:229px; border:0px solid #000;}
#overview_image li.list1 {background:transparent url(gif/overview_arrow.gif);}
#overview_image a {display:block; width:229px; padding-top:244px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #overview_image a:link, * html #overview_image a:visited {height:244px; he\ight:0;}
#overview_image a#ctl00_c3_watchvideo {background:transparent url(gif/overview_arrow_h.gif) -229px -244px no-repeat;}
#overview_image a#ctl00_c3_watchvideo:hover {background-position:top right; z-index:50;}

#downloads
{
	float:left;
	text-align:left;
	margin: 0px auto 15px auto;
	width:300px;
}	

#downloads_nofloat
{
	float:none;
	text-align:left;
	margin: 20px 0px 30px 10px;
}

.footer_link
{
	color:#0022cc;
	margin: 0px 3px 0px 3px;	
}

#fbBusy
{
	background-color:#0000FF;
}
#fbOutofoffice
{
	background-color:#800080;
}
#fbTentative
{
	background-color:#00CCFF;
}

.features
{
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;
	border: solid 1px #cccccc;
}

table.features
{
	font-size:x-small;
	vertical-align:top;
	border-collapse:collapse;
	width:730px;
}

table.features th
{
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	text-align:center;
	width:85px;
}

table.features th.feature
{
	width:200px;
}


table.features th.colSchemax
{
	background-color:#ffffcc;
}

table.features th.notes
{
	width:190px;
}

table.features img
{
	font-size:x-small;
	vertical-align:top;
	text-align:center;
	margin:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
}

table.features td.feature
{
	font-weight:normal;
	vertical-align:top;
	border-top: solid 1px #f5f5f5;
	border-right: solid 1px #cccccc;
	padding:1px 4px 1px 10px;
}

table.features td.colSchemax
{
	text-align:center;
	background-color:#ffffcc;
	vertical-align:top;
	border-top: solid 1px #f5f5f5;
	border-right: solid 1px #cccccc;
}

table.features td.colOutlook
{
	text-align:center;
	vertical-align:top;
	border-top: solid 1px #f5f5f5;
	border-right: solid 1px #cccccc;
}

table.features td.notes
{
	font-size:xx-small;
	vertical-align:top;
	border-top: solid 1px #f5f5f5;
	border-right: solid 1px #cccccc;
	padding:1px 1px 1px 3px;
}

table.features td.subhead
{
	font-weight:bold;
	margin:30px 0px 0px 0px;
	margin-top:auto;
	vertical-align:middle;
	color:#0022cc;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

table.features td.scolSchemax
{
	text-align:center;
	vertical-align:top;
	background-color:#ffffcc;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

table.features td.scolOutlook
{
	text-align:center;
	vertical-align:top;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

table.features td.snotes
{
	font-size:xx-small;
	vertical-align:top;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}



@media print
{
	body
	{
	   background: white;
	   font-size: 10pt;
	}  
	 
	
	#header, #menu, #footer, #leftmenu
	{
		display: none;
	}
		
	#main, #content
	{
		width: auto;
		border: 0px;
		padding: 0px;
		float: none !important;
	}

	#banner_print
	{
		display:block;
		text-align:left;
		margin:0px 0px 20px 0px;
	}
}

@page {  size: 8.5in 11in; margin: 2cm }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

.menu2 {padding:0 0 0 0px; margin:0px 0px 0px 0px; text-align:left; list-style:none; height:36px; background:#ffffff; position:relative; z-index:600; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;background: url(blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 27px 0 15px; height:36px;background:url(blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 27px 0 15px; height:36px; background:url(blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #ffffff; padding:3px; border:1px solid #0022cc; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#666; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#ffffff url(arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#ffffff; color:#993300;}
.menu2 :hover ul.sub li a.fly:hover {background:#ffffff url(arrow_over.gif) 80px 7px no-repeat; color:#666;}
.menu2 :hover ul li:hover > a.fly {background:#ffffff url(arrow_over.gif) 80px 7px no-repeat; color:#666;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #0022cc; padding:3px; border:1px solid #0022cc; white-space:nowrap; width:90px; z-index:400; height:auto;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav 
{
height:65px; 
background: url(pro_line_0.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:605px; 
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(pro_line_0.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(pro_line_1.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:605px; 
top:35px; 
background:url(back_0.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url(back_1.gif);
}

.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;} 


/*
http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml
*/

/*
.banner_img
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(gif/sc4h.gif) no-repeat;
white-space: nowrap;
display: block;
width: 486px;
height: 100px;
margin: 0;
padding: 0;
}

.banner_img a
{
display: block;
color: #000000;
font-size: 11px;
width: 486px;
height: 100px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.banner_img img
{
width: 486px;
height: 100px;
border: 0
}

* html a:hover
{
visibility:visible
}

.banner_img a:hover img
{
visibility:hidden
}

.banner_img span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
*/

/* buy button*/
.buy
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(jpg/buyh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 75px;
height: 35px;
margin: 0px 0px 0px 0px;
padding: 0;
}

.buy a
{
display: block;
color: #000000;
font-size: 11px;
width: 75px;
height: 35px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.buy img
{
width: 75px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.buy a:hover img
{
visibility:hidden
}

.buy span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/* try button*/
.try
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(jpg/tryh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 75px;
height: 35px;
margin: 0px 0px 10px 0px;
padding: 0;
}

.try a
{
display: block;
color: #000000;
font-size: 11px;
width: 75px;
height: 35px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.try img
{
width: 75px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.try a:hover img
{
visibility:hidden
}

.try span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/* download button*/
.download
{
position: relative;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/downloadh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 35px;
margin: 0px 0px 10px 0px;
padding: 0;
}

.download a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 35px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.download img
{
width: 150px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.download a:hover img
{
visibility:hidden
}

.download span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 



/* purchase button*/
.purchase
{
position: relative;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/purchaseh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 35px;
margin: 0px 0px 10px 0px;
padding: 0;
}

.purchase a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 35px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.purchase img
{
width: 150px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.purchase a:hover img
{
visibility:hidden
}

.purchase span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 



/* clicktodownload button*/
.clicktodownload
{
position: relative;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/clicktodownloadh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 310px;
height: 35px;
margin: 0px 0px 10px 0px;
padding: 0;
}

.clicktodownload a
{
display: block;
color: #000000;
font-size: 11px;
width: 310px;
height: 35px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.clicktodownload img
{
width: 310px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.clicktodownload a:hover img
{
visibility:hidden
}

.clicktodownload span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/* price button*/
.price
{
position: relative;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/priceh.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 150px;
height: 35px;
margin: 0px 0px 10px 0px;
padding: 0;
}

.price a
{
display: block;
color: #000000;
font-size: 11px;
width: 150px;
height: 35px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.price img
{
width: 150px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.price a:hover img
{
visibility:hidden
}

.price span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pricewrap
{
	text-align:center;
	margin: 20px 0px 20px 0px;
}

.pricetext
{
	width:150px;
	font-size:small;
}


/* demo1 button*/
.demo1
{
position: relative;
float:left;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/demo1h.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 301px;
height: 218px;
margin: 20px 0px 10px 20px;
padding: 0;
}

.demo1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 301px;
height: 218px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.demo1 img
{
width: 301px;
height: 218px;
border: 0
}

* html a:hover
{
visibility:visible
}

.demo1 a:hover img
{
visibility:hidden
}

.demo1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 




















/* demo2 button*/
.demo2
{
position: relative;
float:left;
text-align:center;
font-family: arial, helvetica, sans-serif;
background: url(jpg/demo2h.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 300px;
height: 217px;
margin: 20px 0px 10px 20px;
padding: 0;
}

.demo2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 300px;
height: 217px;
display: block;
float: none;
color: black;
text-decoration: none;
}

.demo2 img
{
width: 300px;
height: 217px;
border: 0
}

* html a:hover
{
visibility:visible
}

.demo2 a:hover img
{
visibility:hidden
}

.demo2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}