#page-with-quickbar{
	background: #FFFFFF; /* white */
	border-color: #ECE9DD; /* light gray */
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	position: relative;
	top: 55px;
	width: 100%; 
}

#page-with-quickbar-content-frame{
	left: 242px; /* quickbar.width */
	padding: 22px 22px 22px 22px;
	position: relative;
	width: 512px; /* 570 == 798(#page-with-quickbar.width) - 242(#quickbar.width) - 22(#page-with-quickbar-content-frame.padding-left) - 22(#page-with-quickbar-content-frame.padding-right) */
}

/* quickbar */

#quickbar{
	left: 0px;
	position: absolute;
	top: 19px;
	width: 242px;
}

.quickbar_block{
	border-color: #ECE9DD; /* light gray */
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 10px 19px;
	padding: 0px 20px 13px 20px;
}

.quickbar_block h1{
	color: #FD9204; /* orange */
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
}

.quickbar_block p{
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
}

.quickbar_block ul{
	list-style-type: none;
}

.quickbar_block li{
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
	xpadding: 0px 0px 0px 15px;
}

.quickbar_block a{
	color: #29908C; /* cyan */
	font-weight: bold;
}

.quickbar_block a:hover{
	color: #FD9204; /* orange */
}

.quickbar_image{
	margin: 0px 0px 8px 19px;
}


/* page-with-selectorbar */

#page-with-selectorbar{
	background: #FFFFFF url("../images/page-with-selectorbar-background.gif") repeat-y; /* white */
	border-color: #ECE9DD; /* light gray */
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	position: relative;
	top: 55px;
	width: 100%; 
}

#page-with-selectorbar-content-frame{
	left: 184px; /* selectorbar.width */
	padding: 22px 22px 22px 22px;
	position: relative;
	width: 570px; /* 570 == 798(#page-with-selectorbar.width) - 184(#selectorbar.width) - 22(#page-with-selectorbar-content-frame.padding-left) - 22(#page-with-selectorbar-content-frame.padding-right) */
}


/* page-without-bar */
#page-without-bar{
	background: #FFFFFF; /* white */
	border-color: #ECE9DD; /* light gray */
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	padding: 22px 22px 22px 22px;
	position: relative;
	top: 55px;
	width: 756px; /* 756 == 800(#frame.width) - 1(border.width) - 22(padding.left) - 22(padding.right) - 1(border.width) + 2(??) */
}

#page-without-bar-content-frame{
}


/* selectorbar */

#selectorbar{
	left: 0px;
	padding: 19px 0px 0px 0px;
	position: absolute;
	top: 0px;
	width: 184px;
}

.selector{
	margin: 0px 16px 8px 18px;
}

.selector h1{
	background: url("../images/selector-header-background.gif") no-repeat;
	color: #FFFFFF; /* white */
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding: 0px 0px 0px 15px;
}

.selector ul{
	background: url("../images/selector-background.gif") repeat-y;
	list-style-type: none;
}

.selector ul .last-item{
	background: url("../images/selector-last-item-background.gif") no-repeat 0px 25px;
	padding-bottom: 10px;
}

.selector li{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	padding: 0px 0px 0px 15px;
}

.selector a{
	color: #464646; /* very dark gray */
	text-decoration: none;
}

.selector a:hover{
	color: #939182; /* dark gray */
}

.selector .selected-item a{
	color: #FD9204; /* orange */
}

.selector .selected-item a:hover{
	color: #FD9204; /* orange */
}


/* content */

#content{
}

#content h1{
	color: #FD9204; /* orange */
	font-family: arial;
	font-size: 18px;
	margin-bottom: 6px;
}

#content h2{
	color: #FD9204; /* orange */
	font-family: verdana;
	font-size: 14px;
	margin-bottom: 2px;
	margin-top: 20px;
}

#content a{
	color: #016F6B; /* another cyan */
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 4px;
	margin-top: 0px;
}

#content a:hover{
	color: #FD9204; /* orange */
}

#content ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content ol li{
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
	list-style-position: inside;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#content ul{
	list-style-type: none;
}

#content ul li{
	background: url("../images/bullet.gif") 0 6px no-repeat;
	color: #464646; /* very dark gray */
	line-height: 16px;
	padding: 0px 0px 0px 14px;
	font-family: verdana;
	font-size: 11px;
}

#content p{
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
}


/* .two-columns-end --> p */
#content .two-columns-end + p{
	margin-top: 10px;
}


/* p --> p */

#content p + p{
	margin-top: 10px;
}


/* columns */

#content .two-columns-left{
	float: left;
	width: 48%;
}

#content .two-columns-right{
	float: right;
	width: 48%;
}

#content .two-columns-end{
	clear: both;
}


/* drop-shadow */

.drop-shadow {
	background: url("../images/drop-shadow.gif") no-repeat bottom right;
	float: left;
	margin: 6px 0px 0px 6px;
}

.drop-shadow img {
	background-color: #FFFFFF; /* white */
	border-color: #939182; /* dark gray */
	border-style: solid;
	border-width: 1px;
	display: block;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	position: relative;
}


/* buy & try */

.buy-now-button{
	background: url("../images/buy-now-button-hover.gif") no-repeat;
	height: 34px;
	margin: 10px 0px 10px 0px;
	width: 112px;
}

.buy-now-button a{
	display: block;
}

.buy-now-button a:hover{
	visibility: visible;
}

.buy-now-button a:hover img{
	visibility: hidden;
}

.download-button{
	background: url("../images/download-button-hover.gif") no-repeat;
	height: 34px;
	margin: 10px 0px 10px 0px;
	width: 112px;
}

.download-button a{
	display: block;
}

.download-button a:hover{
	visibility: visible;
}

.download-button a:hover img{
	visibility: hidden;
}


/* keyboard key */

.key {
	background: #EEEEEE; /* button face color */
	border-width: 1px 1px;
	border-style: solid;
	border-color: #CCCCCC #AAAAAA; /* button light color - button dark color */
	padding: 1px 3px;
}


/* form */

form fieldset{
	background: #FFEED7; /* light orange */
	border: 0px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}

form .block{
	margin: 0px 0px 10px 0px;
}

form label{
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	font-weigth: bold;
}

form .input_button{
	background: #FFEED7; /* light orange */
	border: 1px 1px 1px 1px;
	font-family: verdana;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}

form .input_checkbox{
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
}

form .input_text{
	background: #FFFFFF !important; /* white */
	border: 1px 1px 1px 1px;
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
}

form select{
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
}

form textarea{
	border: 1px 1px 1px 1px;
	color: #464646; /* very dark gray */
	font-family: verdana;
	font-size: 11px;
	width: 100%;
}