table {
font-size: 100%;	
font-family: "trebuchet ms", arial, sans-serif;
}

.red {
color: #ff0000;
font-weight: bold;
}

.clear {
clear: both;
}

.buy {
font-size: 100%;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #778;
background: #FF0000;
color: #fff;
padding: 0 5px;
}

.formerror {   	 font-size: 90%; 
		font-family: Arial, Helvetica, sans-serif;  
		color: #FF0000; 
		font-weight:bold	
		}


div.float {
	margin:10px;
  float: left;
  }
  
div.float  {
   text-align: center;
   }

.buynow {float: right;}
/*
 *   GLOBAL ELEMENTS
 *
 ****************************************/


body {
	font-size: 70%;	
	font-family: "trebuchet ms", arial, sans-serif;	
	background: white;
	color: black;	
	margin: 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 2ex 1ex;
}

ul {
	margin-top: 1ex;
	margin-bottom: 3ex;
}

img {
	border: none;
}


/* LINKS
***********************/

a			{ font-weight: bold; text-decoration: underline; }
a:link 		{ color: #008; }
a:visited	{ color: #787880; }
a:active	{ color: #f21; }
a:hover		{ color: #44f; }
a:hover		{ color: #000 !important; }
a.icon		{ text-decoration: none; }

a:hover.magic { text-decoration: none; color: #000; font-weight: normal;  }
a:link.magic 		{ text-decoration: none; color: #000; font-weight: normal;}
a:active.magic 		{ text-decoration: none; color: #000; font-weight: normal;}
a:visited.magic 		{ text-decoration: none; color: #000; font-weight: normal;}


/* HEADERS
***********************/

h1 {
	font-size: 110%;
	font-weight: bold;
	color: white;
	background: url(../images/head-corner.gif) #777EAA top right no-repeat;
	clear: both;
	margin: 0 0 1ex 0;
	padding: 0.5ex 1ex;
	padding: 2px 6px;
	position: relative;
	
}

h2 {
	font-size: 110%;
	font-weight: bold;
	clear: both;
	margin: 0 0 1ex 0;
	padding: 0.5ex 1ex;
	padding: 2px 6px;
	position: relative;
		
}


.menu {
	font-size: 100%;
	font-weight: bold;
	color: white;
	background: url(../images/head-corner.gif) #777EAA top right no-repeat;
	clear: both;
	margin: 0 0 1ex 0;
	padding: 0.5ex 1ex;
	padding: 2px 6px;
	position: relative;
}


.related {
	font-size: 100%;
	font-weight: bold;
	color: white;
	background: url(../images/head-corner.gif) #777EAA top right no-repeat;
	clear: both;
	margin: 0 0 1ex 0;
	padding: 0.5ex 1ex;
	padding: 2px 6px;
	position: relative;
}

.feature {
	font-size: 100%;
	font-weight: bold;
	color: white;
	background: url(../images/head-corner.gif) #777EAA top right no-repeat;
	padding: 0.5ex 1ex;
	padding: 2px 6px;
	
}



/* FORMS
***********************/

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-size: 8pt;
	font-family: "trebuchet ms", arial, sans-serif;
	border-style: solid;
	border-width: 2px;
	border-color: #777 #e0e0e0 #e0e0e0 #777;
	background: #f4f8ff;
	background: #f9f9f9;
	position: relative; 
}

input.submit {
	border-style: outset;
	width: auto !important;
	font-weight: bold;
	float: right;
}




/* GLOBAL IDs
***********************/

#sec_container {
	/* background: #fff url(../images/rays-light.gif) no-repeat; */
	background: #fff;
	text-align: center;
}

#sec_text {
	text-align: left;
	padding: 3ex;
	width: 750px;
	margin: auto;
}


#columns {
	text-align: left;
	margin: auto;
}




/*
 *   NAVIGATION BAR
 *
 ****************************************/

#sec_nav {
	background: url(../images/top_banner.gif) left bottom no-repeat;	
	position: relative; 
	height: 80px;
	text-align: right;
		
}


#sec_logo {
	position: absolute;
	left: 14px;
	top: 14px;
	padding: 1px;
}

#sec_logo img {
	text-align: left;
	vertical-align: middle;
	margin-right: 1ex;
}




/*
 *   NAVIGATION TABSET                 
 *
 ****************************************/

/*
 *  Tab display techniques courtesy of A List Apart:
 *  http://www.alistapart.com/articles/slidingdoors/
 */

.tab_set {
	display: block;
	margin: 0;
	padding: 0;
	
	position: absolute;
	bottom: 0; right: 0px;
	text-align: center;

	/*
	 * Tenuous fix for NS6/Win
	 * Height is not calculated which causes the tabs to sit beneath the
	 * header bar. Specifying a fixed height resolves the problem, but causes
	 * problems resizing text in Gecko.
	 *
	 * Dan, 10.03.04
	 */
	font-size: 11px;
	height: 3.5ex;
	width: 94ex;
}

.tab_set li {
	list-style: none;
	float: left;
	padding: 0; margin: 0;
	
	background: url(../images/normal-left.png) no-repeat -1px 0px;
	border-bottom: 1px solid black;
	 width: 90px; 
}

.tab_set li a {
	display: block;
	background: url(../images/normal-right.gif) no-repeat top right;
	text-decoration: none;
	
	padding: 0.5ex 2px 0.1ex 2px;
	
	color: #457 !important;
	
	
	
}


/* Hide from IE5/Mac \*/
.tab_set li a { float: none; }
/* End IE5/Mac hide */

.tab_set li a:hover {
	color: #000 !important;
}

.tab_set .tab_head {
	background-position: 0px 0px;
}


.tab_set .tab_active {
	background-image: url(../images/active-left.png);
	border-bottom: 1px solid white;
}
.tab_set .tab_active a {
	background-image: url(../images/active-right.png);
	color: black !important;
}





/*
 *   FRONT PAGE
 *
 ****************************************/

#columns {
	position: relative;
	padding: 1px;
	padding-top: 12px;
}


#column_left {
	position: absolute;
	left: 12px;
	top: 12px;
	width: 120px;
}

#column_right {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 150px;
}

#column_left img, #column_right img {
	padding: 0;
	border: 0;	
	margin: 0 0 2px 0;
}

#column_left div, #column_right div {
	margin-bottom: 2ex;
}
 

#column_left h2, #column_right h2 {
	background-color: #a56; /* red */
	background-color: #7a7;
	background-color: #89b;
}

#sec_column_main {
	margin-left: 146px;
	margin-right: 170px;
	padding-bottom: 4ex;
}

#column_left {
	left: 0;
}

#column_right {
	right: 0;
	
}

#sec_footer {
	text-align: center;
	/* width: 100%; */
	padding: 2ex;
	margin: 2ex;
	clear: both;
}


/* used for Specialist area */

ul.block {
	margin: 0 0 3ex 0;
	padding: 0;
	list-style: none;
}

ul.block li {
	padding-left: 1ex;
	margin-bottom: 6px;
	border-left: 2ex solid #e0e4f0;
}

ul.block ul {
	list-style: none;
	margin: 1ex;
	padding: 0;
}

ul.block ul li {
	border-left: 2ex solid #e4f0f4;
}

ul.block ul ul li {
	border-left: 2ex solid #e0f0e0;
}


ul.block li {
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 0;
	padding-bottom: 2px;
	margin: 0;
	margin-bottom: 4px;
}

ul.block li a {
	text-indent: -2ex;
	padding: 1px 1ex 1px 3ex;
	background: #f8f8fa;
	display: block;
	text-decoration: none;
}

ul.block li a:hover {
	background: #f0f0fa !important;
}