<?
$headercol = "5484dd";

?>
td A:link {
	color: #357AE1;
}

td A:visited {
	color: #D3A463;
}

td {
    font-family: arial;
    font-size: 12px;
}







.padclass {
   padding-top: 15px;
   padding-left: 10px;
   padding-right: 10px;
}



.alert {
  color: red;
  font-weight: bold;
}


.realted_link {
  color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  padding-right: 0px;
  padding-left: 0px;
}

.realted_link A:link {
    color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;

}

.realted_link A:visited {
  color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;


  }

.realted_link A:hover {
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
  color: #FFE398;


  }










.topnav {
  color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
}

.topnav A:link {
    color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
    font-weight: bold;
}

.topnav A:visited {
  color: #ffffff;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
     font-weight: bold;

  }

.topnav A:hover {
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
  color: #ff0000;
     font-weight: bold;

  }

  .topnav2 {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  padding-right: 14px;
  padding-left: 3px;
  padding-top: 4px;

  }
  .topnav2 A:link {
  text-decoration: none;
  color: #FFFFFF;
   font-weight: bold;

  }
  .topnav2 A:visited {
  text-decoration: none;
  color: #FFFFFF;
   font-weight: bold;
  }
  .topnav2 A:hover {
  text-decoration: none;
  color: #FFE398;
   font-weight: bold;
  }

.carttable {
    margin-top:20px;
    margin-bottom:30px;
	}
	.carttable span{
		color:#336699;
	}
  	.carttable td {
    	font-size: 12px;
    	color:     ;
	 	padding-right: 10px;
	}
	.carttable span{
		font-size: 14px;
		font-weight:bold;
		padding:0 10px 0 0px;
		margin-bottom:0px
	}
		

.cartfont {
    
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    padding:10px;
}    
    
h1 {
    font-size: 25px;
    font-family: arial;
    font-weight: bold;
    color: #336699;
    text-align:center;
    }     

.tablepadding {
padding-bottom:5;
}



.topnav_on {
  color: #000000;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  font-weight: none;
  padding-right: 0px;
  padding-left: 0px;
  font-weight: bold;

  }
  .topnav_on A:link {
  text-decoration: none;
  color: #000000;
 font-weight: bold;

  }
  .topnav_on A:visited {
  text-decoration: none;
  color: #000000;
    font-weight: bold;
  }
  .topnav_on A:hover {
  text-decoration: underline;
  color: #555555;
  font-weight: bold;
  }


.subtext {
font-size: 9px;
color: #ffffff;
}



label{
font-family: verdana;
font-size: <?=FS?>px;
letter-spacing: 0px;
display:block;
}


/*    ul styles     */

li {

list-style-image: url(/images/arrow.gif);
list-style-position: outside;
padding-bottom:2px;
padding-left:0px;
line-height: 18px;
/* position:relative; */
/* left:-20px*/

}

/*    ul styles     */



fieldset {
border:1px solid #7F9DB9;
padding: 8px;
background-image: url(/images/bg_fieldset.jpg);
 }


.box {

border-right: #000000 1px solid;
border-left: #000000 1px solid;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
}



.templateframe {


border-left: #39455A 1px solid;
border-bottom: #000 2px solid;
}

<?
$headercolshadow = hexDarker($headercol,$factor = 80);
$headercolhilight = hexLighter($headercol,$factor = 80);

?>

.header {

    BACKGROUND: #<?=$headercol;?>;
    BORDER-BOTTOM: #<?=$headercolshadow;?> 1px solid;
    BORDER-LEFT: #<?=$headercolhilight;?> 1px solid;
    BORDER-RIGHT: #<?=$headercolshadow;?> 1px solid;
    BORDER-TOP: #<?=$headercolhilight;?> 1px solid;

    color: yellow;
    text-align:center;
    FONT-WEIGHT: bold;
    font-size: 10px;

}

td.header{ /* allows some tables to have no padding on the td */
	color: yellow;
}

.oddrow {

    BACKGROUND: #cde1e1;
    font-size: 10px;
    BORDER-BOTTOM: #000000 1px solid;
}


.evenrow
{
    BACKGROUND: #cdcde8;
    font-size: 10px;
    BORDER-BOTTOM: #000000 1px solid;

}


.frame_template {
BORDER-bottom: #555555 1px solid;
BORDER-right: #555555 1px solid;
BORDER-left: #555555 1px solid;

}


.framewhite {
BORDER-bottom: #fff 1px solid;
BORDER-right: #fff 1px solid;
BORDER-left: #fff 1px solid;
BORDER-top: #fff 1px solid;
}

.framewhite2 {
BORDER-bottom: #fff 1px solid;
BORDER-right: #fff 1px solid;
BORDER-left: #fff 1px solid;

}

.maincontent {

padding-right: 8px ;
padding-left: 8px ;
padding-bottom: 4px ;
padding-top: 4px ;
background-color: #F9E1BB;


}
.menucontent {

BORDER-right: #8A8A8A 1px solid;
BORDER-left: #8A8A8A 1px solid;

}


.black_border {
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;

}



.rightbox1 {
font-family: arial;
font-size: 11px;
background color: #507F8C;
color: #fff;
padding: 8px;
}


.rightbox1 A {
    text-decoration: underline;
    color: #fff;
}

.rightbox1 A:visited {
    text-decoration: underline;
    color: #fff;
}
.rightbox1 A:hover {
    text-decoration: underline;
    color: yellow;
}



.rightbox1b {
font-family: arial;
font-size: 11px;
background color: #507F8C;
color: #fff;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
}

.rightbox1b A {
    text-decoration: underline;
    color: #fff;
}

.rightbox1b A:visited {
    text-decoration: underline;

}
.rightbox1b A:hover {
    text-decoration: underline;
    color: yellow;
}



.rightbox2 {
font-family: arial;
font-size: 11px;
background color: #6BA3B4;
color: #fff;
padding: 8px;
BORDER-TOP: #fff 1px solid;
BORDER-bottom: #fff 1px solid;
}



.rightbox2 A {
    text-decoration: underline;
    color: #fff;
}

.rightbox2 A:visited {
    text-decoration: underline;
    color: #fff;
}
.rightbox2 A:hover {
    text-decoration: underline;
    color: yellow;
}


.border_bottom{
padding-bottom: 8px;
border-bottom: #39455A 1px dotted;
}

h2{
    font-size: 16px;
    font-weight: bold;;
}

.header_title{
color: #ffffff;
font-size: 14px;
font-weight: bold;
}

    .pagetitle {
    font-size: 20px;
    font-family: arial;
    font-weight: bold;
    color: #284D77;
    text-transform: none;
    letter-spacing: px;
    }

.framesides{
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
background-color: #ffffff;
padding: 6px;
}


.framesides_nopad{
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
background-color: #ffffff;
}


.title {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    }


.title2 {
    font-family: Futura Md BT, arial;
    font-size: 18px;
    font-weight: none;
    padding: bottom: 8px;
    padding: top: 8px;
    color: #000000;
    line-height: 25px;
    }



.title3 {
    font-family: Futura Md BT, arial;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: bottom: 8px;
    padding: top: 8px;
    color: #000000;
    line-height: 20px;
    }



.subtitle {
        color: purple;
    font-size: 14px;
    font-weight: bold;
}

.leftnav {
    font: 11px arial;
    color: #39455A;
    text-indent: 5px;
    text-decoration: none;
    list-style-image: url(/images/bg_left_nav);
    BORDER-BOTTOM: #39455A 1px solid;
    font-weight: bold;
    padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;

}
.leftnav A {
    text-decoration: none;
    color: #39455A;
}

.leftnav A:visited {
    text-decoration: none;
    color: #39455A;
}
.leftnav A:hover {
    text-decoration: none;
    color: maroon;
}

.leftnavsub {
    font: 10px arial;
    color: #666666;
    text-indent: 12px;
    text-decoration: none;
    list-style-image: url(/images/bg_left_nav);
    BORDER-BOTTOM: #39455A 1px dotted;
    font-weight: bold;
    padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
    text-transform: none;
}
.leftnavsub A {
    text-decoration: none;
    color: #000066;
}

.leftnavsub A:visited {
    text-decoration: none;
    color: #000066;
}
.leftnavsub A:hover {
    text-decoration: none;
    color: #444444;
}

.line_below
{
BORDER-BOTTOM: #000000 1px solid;

}

.navbarheader {
    font: 14px arial;
    color: gold;
    text-indent: 5px;
    text-decoration: none;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    background-color: #000000;
    padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
    font-weight: bold;

}

.navbar {
    font: 10px verdana, arial, sans-serif;
    color: #FFFFFF;
    text-indent: 15px;
    text-decoration: none;
    BORDER-BOTTOM: #000000 1px solid;
    background-color: #000099;
    padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
}
.navbar A {
    text-decoration: none;
    color: #FFFFFF;
}
.navbar A:link {
    text-decoration: none;
    color: #FFFFFF;
}
.navbar A:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.navbar A:hover {
    text-decoration: none;
    color: gold;
}

.mainnav {
    background-color: #000099;
}


.indexborder{
    border-left: 1px solid #fff;
    border-right: 5px solid #fff;
}

.divider {
    font-family: arial;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background color: #274369;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    }


.infoboxleft{
font-family: arial;
font-size: 11px;
padding: 11px;
line-height: 15px;
}

.infoboxright{
font-family: arial;
font-size: 11px;
padding: 11px;
line-height: 15px;

}



.copyright {
    font-family: verdana, arial, sans-serif;
    color: #000;
    font-size: 11px;
    font-weight: bold

    }

.copyright A {
    text-decoration: underline;
    color: #000000;
    font-weight: bold
}


.copyright A:visited {
    text-decoration: underline;
    color: #000000;
}
.copyright A:hover {
    text-decoration: none;
    color: maroon;
}

/* Style for Company Name */
.coname  {
    color: #000099;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* style for Case Studies title */
.title101 {
    font-size: 16px;
    font-weight: bold;
    color: #284D77;
    }

    .caption {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  padding-right: 8px;
  padding-left: 8px;


  }
  .caption A:link {
  text-decoration: none;
  color: #FFFFFF;


  }
  .caption A:visited {
  text-decoration: none;
  color: #FFFFFF;

  }
  .caption A:hover {
  text-decoration: bold;
  color: #FFE398;

  }



 .form  {
    color: #055899;
    font-family: arial;
    font-size: 12px;
    padding:7px;
    border-top: 1px #555555 solid;
    border-left: 1px #555555 solid;
    border-right: 2px #555555 solid;
    border-bottom: 1px #555555 solid;

}


.formheader  {
    background: #8FB6F7;
    color: #ffffff;
    font-family: Futura Md BT, arial;
    font-size: 14px;
    padding:3px;
    border-top: 1px #555555 solid;
    border-left: 1px #555555 solid;
    border-right: 2px #555555 solid;
    text-align: center;

}

.button2 {
    background: #808000;
    color: #ffffff;
    font-weight: bold;
    border-top: 1px #C0C0C0 solid;
    border-bottom: 1px #333 solid;
    border-left: 1px #C0C0C0 solid;
    border-right: 2px #555555 solid;
}

  /* Dropdown Nav Style */

#dropmenudiv{
    position:absolute;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    /*background defined below*/
    line-height:15px;
    z-index:100;
}

#dropmenudiv a{
    width: 100%;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    background-color: #518DE5;
    border-bottom: 1px solid #FFFFFF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
}

#dropmenudiv a:hover{ /*hover background color*/
    background-color: #486EAF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

/* End Dropdown Nav Style */


/* flash background style */
embed {
  background-color:transparent;
  background-image:url(/images/flash_background.gif);
  background-repeat:repeat-x;
}


.footer {
  color: #000;
  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  padding-right: 0px;
  padding-left: 0px;
}

.footer A:link {
    color: #357AE6;
  text-decoration: none;
    font-weight: none;
}

.footer A:visited {
  color: #A56561;
  text-decoration: none;
     font-weight: none;

  }

.footer A:hover {
  text-decoration: none;
  color: #4A74BC;
  text-decoration: underline;

  }



.resetheaderbar {
	margin: 0;
	padding: 0;
}
.headerbar {
	float: right;
	height: 16px;
	padding: 3px 10px 0 20px;
	margin: 0;
	background-image: url(/images/header_bar_bg.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.sub_links {
    font-family: arial;
    color: #000;
    font-size: 11px;
    font-weight: bold

    }

.sub_links A {
    text-decoration: none;
    color: #000;
    font-weight: bold
}


.sub_links A:visited {
    text-decoration: none;
    color: #000;
}
.sub_links A:hover {
    text-decoration: underline;
    color: maroon;
}

.side_thumb {
	text-align:left;
	}
	.side_thumb img{
		border-width:0px;
		margin: 0 auto;
		display:block;
	}
	.side_thumb a{
		display:block;
		padding-bottom:20px;	
	}
	
	#listing{
		margin-right:40px;
		float:left;
		}

	#classc{
		float:left;
		padding-right:50px;
		}
	#classd{		
		padding-right:50px;
		float:left;
		}
	#classtrsa{
		float:left;
		padding-right:50px;
		}

	#classb{
		float:right;
		padding-right:250px;
		padding-bottom:40px;
		}
	#sample_pages {
		width:600px;
		}
		#sample_pages a{
			float:left;
			padding:30px;
		}

.sample_list li{
	float:left;
	margin:0 40px 20 0 ;
	}
#free_trial{
	text-align:center;
	}
	#free_trial img{
		padding:20px;
	}
#volume{
	margin:0 auto;
	}
	#volume font{
		display:block;
		}
	#volume ul{
		float:left;
		margin:20 20px 30 0 ;
		}
	#volum li{
		float:left;
	}