/* This document is specific to items common throughout all pages */

/* These properties are the default behavior and appearance of all link tags */
a  {
   text-decoration: none;
   color: #FFFFFF;
}

a ins  {
   text-decoration: none;
}

a:hover  {
   color: #FFF20D;
}

/* This is the default appearance of all paragraph tags */
p {
	margin:0px;
	padding-top:0px;
	padding-bottom:4px;
}

/* This is the default appearance of all bulleted lists */
ul {
	padding:0px;
}

/* This class applies an underline to any link it is applied to */
.link a:hover {
	text-decoration:underline;
}

/* These classes apply color and underline to any link they are applied to */
.bodylink,
.bodylinkred a,
.bodylink a {
	color:#4888D5;
}

.bodylink a:hover {
	color:#FF9000;
	text-decoration:underline;
}

.bodylinkred a:hover, .bodylinkred:hover {
	color:#EF3824;
	text-decoration:underline;
}

/* This class applies formatting to text, used for the product titles in the main feature area on the home page */
.producttitles {
	font-size:20px;
	letter-spacing:1px;
	line-height:30px;
}

/* This class applies text formatting and positioning, and is used for the breadcrumb indicators on all subpages */
.breadcrumbs {
	font-size:11px;
	left:15px;
	top:12px;
	position:relative;
	color: #FFFFFF;
}

/* These properties manage the position, appearance and behavior of the Flexcrypt logo at the top of the page. It is specified as a link and returns the user to the home page from any other page in the site. */
#fclogob  {
	visibility: visible;
	position: absolute;
	left: 54px;
	top: 10px;
	z-index: 1;
	width: 175px;
	height: 44px;
}

#fclogob a  {
   background: url(flexcryptmedia/fclogo.jpg) no-repeat 0% 0px;
   display: block;
   height: 44px;
   width: 175px;
   font-size: 44px;
   line-height: 44px;
}

/* This manages the appearance and position of the blue gradient which appears at the top of the page */
#topgradient  {
	background: url(flexcryptmedia/exteriortile.jpg) repeat-x;
	visibility: visible;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:123px;
}

/* This manages the appearance and position of the bar serving as background to the menu items */
#menubar  {
	background: url(flexcryptmedia/menubarnomerge.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 57px;
	z-index: 2;
	width: 1028px;
	height: 56px;
}

/* The menutext class manages the appearance and behavior of the main menu items */
.menutext {
   font: 13px "Trebuchet MS", Helvetica, Arial; 
   padding-left:15px;
   padding-right:15px;
   display:inline;
   color:#FFFFFF;
}

.menutext:hover {
	color:#FFF20D;
	cursor:pointer;
}

/* The active class applies color to any text it is applied to, and is used to denote the active menu category */
.active a,
.active {
	color:#FFFF00;
}

/* The submenutext class manages the appearance and behavior of the sub-menu items */
.submenutext {
	display:block;
	line-height:22px;
	font-size:11px;
}

/* This manages the size and position of the container div holding all menu items */
#menuitems {
	visibility: visible;
	position: absolute;
	height:auto;
	top: 83px;
	left: 58px;
	z-index: 2;
	width:950px;
}

/* The upgrade class applies color to any text it is applied to, and is used to highlight the "Upgrade Now" menu item */
.upgrade a  {
   color: #F9991D;
}

.upgrade a:hover {
	color:#FFFF00;
}

/* These properties manage the position and appearance of the sub-menus */
#supportsubmenu,
#readersubmenu,
#productsubmenu {
	position:absolute;
	height: auto;
	top: 112px;
	width: auto;
	background-color:#072b52;
	opacity: 0.93;
	filter:alpha(opacity=93);
	z-index:3;
	visibility:hidden;
	padding-top:5px;
	padding-bottom:10px;
}

#productsubmenu {
	left: 108px;
}

#readersubmenu {
	left: 189px;
}

#supportsubmenu {
	left: 268px;
}

#nisgb  {
   width: 248px;
   height: 17px;
   float:left;
   padding-left:10px;
}

/* These properties manage the appearance and behavior of the Nordicis logo in the footer */
#nisgb a  {
   background: url(flexcryptmedia/nisgb.jpg) no-repeat 0% 0px;
   height: 17px;
   width: 248px;
   display:block;
}

#nisgb a:hover  {
   background-position: -248px 0%;
}

/* This manages the appearance of the footer */
#footerline  {
   background: url(flexcryptmedia/footerlinenomerge.jpg) no-repeat;
   width: 920px;
   height: 26px;
   padding-top:10px;
}

/* This is a container div which centers the footer information */
#centercopyright {
	position:absolute;
	width:380px;
	left:50%;
	margin-left:-180px;
}

/* This manages the appearance of the copyright text in the footer */
#copyright  {
   font-size:11px;
   margin: 0px;
   color: #666666;
   float:left;
}

/* This manages the page container that holds all the page elements and centers it in the browser window */
#flexcryptnewbuild  {
   margin: 0px auto 0px auto;
   height: 100%;
   width: 1028px;
   position: relative;
   background-color: #FFFFFF;
}

/* These are the default declarations for all html and body elements in the site. The "exteriortile" background element ensures that the blue gradient at the top runs the full width of the browser window. */
html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(flexcryptmedia/exteriortile.jpg) center top repeat-x;
   font: 12px/16px Arial, Helvetica, sans-serif;
   color: #444444;
   text-align: left;
}