/* This document is specific to items common to all pages except the home page */

h2 a {
	font-size:16px;
	letter-spacing:1px;
	line-height:30px;
	color:#4888D5;
}

h2 a:hover {
	color:#4888D5;
}

/* These properties manage the appearance of bulleted lists on all subpages */
ol, ul {
	padding-left:20px;
	margin-top:0px;
	margin-bottom:8px;
}

ul {list-style-type:circle;}

/* This class determines header text style on certain pages */
.headertxt  {
   font: 18px Helvetica, Arial, sans-serif;
   letter-spacing:1px;
   margin: 0px;
   color: #353A53;
   text-align: left;
}

/*--This manages the container for all the elements of the main body area on all subpages */
#subpagebg  {
	position: absolute;
	left: 51px;
	top: 131px;
	z-index: 1;
	width: 938px;
}

/* This places the top edge of the main body area on all subpages */
#subpagetopbg  {
	background: url(flexcryptmedia/subpagetopbg.jpg) no-repeat;
	width: 932px;
	height: 38px;
}

/* This manages the the main body area on all subpages, and allows the page to expand and contract as content is added or removed. It also maintains the minimum height of 400 pixels; the "!important" declaration is a hack to make minimum height work in IE6 and lower. This shoud be altered with care as it could seriously screw up all pages. */
#subpagemidbg  {
	background: url(flexcryptmedia/subpagebodybg.jpg) repeat-y;
	min-height:400px;
	height:auto !important;
	height:400px;
	position:relative;
	padding: 30px 50px 10px 50px;
}

/* This places the bottom edge of the main body area on all subpages */
#subpagebottombg  {
   background: url(flexcryptmedia/subpagebottombg.jpg) no-repeat;
   width: 928px;
   height: 38px;
}

/* This manages the appearance and position of the feature area on the right side of the main body area */
#rightboxbg {
	background:url(subpagemedia/dlareabg.jpg) no-repeat;
	width: 266px;
	height: 324px;
	position: absolute;
	left: 615px;
}

/* This contains the visual (if any) at the top left of the main body area. The width should not be altered. */
#productboxandlogo {
	width: 565px;
	float:left;
}

/* This manages the position of the visuals on the awards & partners page */
.awards {
	width: 270px;
	height: 250px;
	float:left;
	text-align:center;
}

	
/* These properties manage the body text in the main body area */
#subpagebodytext {width:500px;}

#subpagebodytext p {padding-bottom:8px;}

/* These properties manage the text in the feature area in the right of the main body area */
#discoverfctext {
	position:relative;
	top:30px;
	left:20px;
	width:220px;
}

#systemrqtext {
	position:relative;
	top:50px;
	left:40px;
	width:200px;
}

#pricetext {
	position:relative;
	top:80px;
	left:40px;
	width:200px;
}

/* The "whitetext" class change the color of any text it is applied to to white, or orange in hover state */
.whitetext ul,
.whitetext p {color:#FFFFFF;}

.whitetext a:hover {color:#FF9000;}

/* The "buttontext" class manages the appearance of text used in the "download" or "buy" buttons */
.buttontext {
	padding-left:10px;
	padding-top: 8px;
	font-weight:bold;
	letter-spacing:1px;
}

/* The "rightboxheadertext" class manages the appearance of text in header of the feature area in the main body area */
.rightboxheadertext {
	text-align:center;
	padding-top: 13px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-right:10px;
}

/* The following properties manage the appearance, position and behavior of the "download" and "buy" buttons. They are not product-specific, but are color-specific. Text is added to the buttons in the HTML documents. */
#yellowdlbutton {background: url(fcfreemedia/fcfreedlbutton.jpg) no-repeat;}
#orangedlbutton {background: url(fcbizmedia/fcdlbizbutton.jpg) no-repeat;}
#orangebuybutton {background: url(fcbizmedia/fcbizbutton.jpg) no-repeat;}
#reddlbutton {background: url(fcpromedia/fcprodlbutton.jpg) no-repeat;}
#redbuybutton {background: url(fcpromedia/fcprobutton.jpg) no-repeat;}

#yellowdlbutton,
#orangedlbutton,
#reddlbutton {
	width: 225px;
	height: 29px;
	position:relative;
	top:40px;
	left:18px;
}

#redbuybutton,
#orangebuybutton {
	width: 225px;
	height: 29px;
	position:relative;
	top:70px;
	left:18px;
}

#yellowdlbutton:hover,
#orangedlbutton:hover,
#reddlbutton:hover,
#orangebuybutton:hover,
#redbuybutton:hover {background-position: -225px;}

#yellowdlbutton a,
#orangedlbutton a,
#reddlbutton a,
#orangebuybutton a,
#redbuybutton a {color:#444444;}

#yellowdlbutton a:hover {color:#E9D018;}

#orangebuybutton a:hover,
#orangedlbutton a:hover {color:#FF9000;}

#reddlbutton a:hover,
#redbuybutton a:hover {color:#990000;}