/* common */
body {
	background-image:url(back.jpg);
	color:#666666;
	font-family:Verdana,Arial,Helvetica,Tahoma,Geneva,Swiss,SunSans-Regular;
	font-size:9pt;
	margin:0px;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#CC0000;
	scrollbar-face-color:#CC0000;
}

a {
	color:#0099FF;
	text-decoration:underline;
}
a:hover {
	color:#FF8C00;
	text-decoration:none;
}

a.biga {
	font-size:2em;
	font-weight:bold;
}

pre {
	font-family:"Courier New", Courier, mono;
	font-size:9pt;
	line-height:1.2em;
}

img {
	border:0;
	vertical-align:middle;
}

.handimg {
	cursor:pointer;
}

span {
/*	color:#3399FF;*/
	font-weight:bold;
}

.notice {
	color:#336699;
	font-weight:bold;
}
.clearfloat {
	clear:both;
}
.rightdiv {
	float:right;
}

/* chinese website link */
#chinese {
	float:right;
	padding-right:2px;
	font-weight:normal;
}
#chinese a {
	font-size:small;
	text-decoration:none;
	color:gray;
}
#chinese a:hover {
	text-decoration:underline;
}

/* maindiv */
#maindiv {
	margin:0 auto;
	width:760px;
}

/* top banner */
#banner {
	background-image:url(banner.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:204px;
}

/* logo line */
#logo {
	background-image:url(logo.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:56px;
}
#logo div,
#logo h1 {
	color:white;
	font-weight:normal;
	font-size:11pt;
	line-height:56px;
	padding-left:45px;
	margin:0px;
}
#logo h1 a {
	color:white;
	padding:2px 5px;
	text-decoration:none;
}

#logo h1 a:hover {
	text-decoration:underline;
}

/* menu line */
#menu {
	background-image:url(menu.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana,Tahoma;
/*	text-transform:uppercase;*/
}
#menu div {
	display:inline;
	float:left;
	padding:0px;
	height:30px;
}
#menu div a {
	color:#333333;
	text-decoration:none;
	padding:0 3px 0 5px;
	background-image:url(delimiter.jpg);
	background-repeat:no-repeat;
}
#menu div a.nodelimiter {
	background-image:none;
}
#menu div a:hover {
	color:#333333;
	text-decoration:underline;
}
#menu div.current a,
#menu div.current a:hover {
	color:#0099FF;
}
#menu div.first {
	padding-left:34px;
}
#menu div.last {
	float:none;
	clear:both;
}

/* body content */
#bodydiv {
	background-image:url(bodydiv.jpg);
	background-repeat:repeat-y;
	width:690px;
	padding:10px 35px 5px 35px;
}
#bodydiv #trialright {
	float:right;
	width:87px;
	height:109px;
	padding:5px 20px 5px 5px;
}

#bodydiv div.tickline {
	background-image:url(tickline.jpg);
	background-repeat:repeat-x;
	height:10px;
	width:690px;
	font-size:1px;
	clear:both;
	float:none;
}

#bodydiv #rightdiv {
	float:right;
	text-align:right;
	width:240px;
}
#bodydiv #rightdiv #screentitle {
	color:#336699;
	font-weight:bold;
	padding:10px 35px 5px 5px;
}

#bodydiv #archright {
	width:182px;
	float:right;
}

#bodydiv #archright #archtitle {
	color:#336699;
	font-weight:bold;
	padding-bottom:5px;
	text-align:center;
}

#bodydiv div.bigtitle {
	color:#336699;
	font-size:15pt;
	font-weight:bold;
	padding:0px;
}

#bodydiv h2,
#bodydiv h3 {
	font-size:9pt;
	color:#336699;
	margin:0px;
	padding:5px;
}
#bodydiv h3 {
	font-weight:normal;
}
#bodydiv div.title {
	color:#dc143c;
	padding:5px;
}
#bodydiv div.content {
	padding:5px 10px 5px 10px;
}
#bodydiv div.content2 {
	padding:1px 10px 1px 10px;
}
#bodydiv div ul {
	padding-left:15px;
	margin:0px 0px 0px 0px;
}
#bodydiv div ul li {
	padding-top:0px;
}

#bodydiv div.screenshots {
	text-align:center;
	margin-left:-20px;
	margin-right:-20px;
	padding-top:2px;
	padding-bottom:5px;
}

#bodydiv div span.comment {
	font-weight:normal;
	color:#009999;
}
#bodydiv div div.comment {
	font-weight:normal;
	color:#009999;
}
#bodydiv div span.digital {
	font-weight:normal;
	color:#E00000;
}
#bodydiv div span.string {
	font-weight:normal;
	color:#999999;
}

#bodydiv div.aligncenter {
	text-align:center;
}

/* home page only */
#bodydiv #whatisffvcl {
	background-image:url(whatffvclback.jpg);
	background-repeat:no-repeat;
	width:690px;
	height:160px;
}
#bodydiv #whatisffvcl #ffvclcontent {
	width:530px;
	float:left;
}
#bodydiv #whatisffvcl #architecture {
	float:right;
	padding:0px;
	width:140px;
	height:70px;
}
#bodydiv #whatisffvcl #architecture2 {
	float:none;
	clear:both;
	padding:0px;
	width:690px;
	height:90px;
}
#bodydiv #trialleft {
	float:left;
	width:92px;
	height:107px;
	padding:5px 5px 0px 0px;
}
#bodydiv #dltext {
	padding:10px 20px 0px 0px;
}
#bodydiv #dltext div {
	padding:1px;
}

/* formats page only */
#bodydiv div.formats {
	overflow:visible;
	margin:0 auto;
	voice-family:"\"}\"";
	voice-family:inherit;
	overflow:hidden;
}
#bodydiv div.formats ul {
	margin:0;
	padding:0px;
}
#bodydiv div.formats ul li {
	float:left;
	list-style-type:none;
	width:160px;
	margin:0;
	font-family:"Courier New", Courier, mono;
	line-height:1.2em;
}

/* order page only */
.strike {
	text-decoration:line-through;
}
/* dl dt dd */
#bodydiv div.order {
	padding:1px 10px 1px 10px;
}
#bodydiv div.order dl {
	clear:both;
	margin:0px;
	padding:0px 10px 0px 10px;
	height:30px;
	line-height:30px;
}
#bodydiv div.order dl.title {
	padding-top:5px;
}
#bodydiv div.order dl.last {
	padding-bottom:5px;
}
#bodydiv div.order dl dt,
#bodydiv div.order dl dd {
	float:left;
	margin:0px;
	padding:0px 10px 0px 10px;
	height:30px;
	line-height:30px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#bodydiv div.order dl dt {
	width:300px;
}
#bodydiv div.order dl dd {
	width:100px;
	text-align:center;
}
#bodydiv div.order dl.title dt,
#bodydiv div.order dl.title dd {
	font-weight:bold;
	text-align:center;
	background-color:#EEEEEE;
}
#bodydiv div.order dl dd.price {
	width:150px;
	text-align:right;
}
#bodydiv div.order dl.title dd.price {
	text-align:center;
}
#bodydiv div.order dl dd.last {
	border-right:1px solid #CCCCCC;
}
#bodydiv div.order dl.last dt,
#bodydiv div.order dl.last dd {
	border-bottom:1px solid #CCCCCC;
}
#bodydiv div.order dl dd form {
  border:0px;
  margin:0px;
	padding-top:5px;
}

/* footer */
#footer {
	background-image:url(footer.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:50px;
	line-height:50px;
}
#footer div {
	display:inline;
	float:left;
	padding:0px;
	height:50px;
	font-size:9px;
}
#footer a {
	text-decoration:none;
}
#footer #designer {
	padding-left:210px;
	color:#999999;
}
#footer #designer a {
	color:#999999;
}
#footer #website,
#footer #website a {
	color:#336699;
}

/* override all */
#bodydiv div.no_top {
	padding-top:0px;
}
#bodydiv div.no_bottom {
	padding-bottom:0px;
}

/* Opera hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	#bodydiv div.order dl dd img {
		padding-top:4px; /* Opera 10 bug: vertical-align:middle; */
	}
}

/* IE 6 hack */
#bodydiv div.order dl dd img {
	_padding-top:4px; /* IE 6 bug: vertical-align:middle; */
}

/* IE 7 hack */
html > body #bodydiv div.order dl dd form {
	*padding-top:1px;
}