ul{list-style-type:none;}


.logoarea1 { background-color: #999999;  height: 800px; width: 775px; }
.logoarea { background-color: #ffffff;  height: 120px; width: 775px; }
#container { background-color: #999999; margin-left: auto; margin-right: auto; text-align: left; width: 800px; }
.main-nav a, .main-nav a:visited {
	background: #FFFFFF;
	width: 80px;
	text-align: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 12px 5px 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #b8a77f;
}

/* TOP PANEL*/




/* MENU PANEL*/
#topPanel ul{
	display:block;
	width:388px;
	height:0px;
	/*position:auto;*/
	top:35px;
	right:0;
	margin:11px 0 0;
	padding:0 29px 0 0;
	left: 469px;
}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px; bottom:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}

















a:visited {
	font-size: 8pt; color: #000066; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif'; text-decoration: none
}
a:hover {
	font-size: 8pt; color: #FF0000; font-family: Verdana, 'Times New Roman', arial, Verdana; text-decoration: underline
}
a.headerlink{
	font-size: 8pt; color: #000000; font-family: Verdana, arial, 'MS Sans Serif'; text-decoration: none
}
a.headerlink{
	font-size: 8pt; color: #000000; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif'; text-decoration: underline
}
a.headerlink{
	font-size: 8pt; color: #000000; font-family: Verdana, 'Times New Roman', arial, Verdana; text-decoration: none
}
body 
{ background-color:#ffffff; 
 background-repeat: repeat-x;
  color: Black; font-family:  Tahoma, Arial, "MS Sans Serif";
font-size: 11px; margin: 0px; text-align: center; }


.submit {
	BORDER-RIGHT: #336699 thin solid; font-weight: bold; font-size: 8pt; BaCKGROUND: #e9f0f8; BORDER-BOTTOM: #336699 thin solid; font-family: Verdana, arial, Helvetica; text-decoration: none; bordercolor: #336699
}
TD {	font-weight: normal; font-size: 8pt; color: #000000; FONT-STYLE: normal; font-family: Verdana,  arial, Helvetica, sans-serif; text-decoration: none
}

a.footer:link {
	 font-weight: bold;font-size: 8pt;color: #ffffff; text-decoration: none
}
a.footer:active {
	  font-weight: bold;font-size: 8pt;color: #ffffff; text-decoration: none
}
a.footer:visited {
	  font-weight: bold;font-size: 8pt;color: #ffffff; text-decoration: none;
}
a.footer:hover {
	  font-weight: bold;font-size:8pt;color: #895a08;  text-decoration: none;
}
.footertd{
BaCKGROUND-color: #749aF0;
}

a.software:link {
 font-size: 7pt; color: #999999; text-decoration: none;
}
a.software:active {
 font-size: 7pt; color: #999999; text-decoration: none;
}
a.software:visited {
 font-size: 8pt; color: #999999; text-decoration: none;
}
a.software:hover {
 font-size: 8pt; color: #999999; text-decoration: underline;
}

H1 {
	font-weight: normal; font-size: 8pt; font-family: Verdana,  arial, Helvetica, sans-serif; text-decoration: none
}

a.ecommerce-link {
	font-size: 11px;
	color: #336699;
	font-family: Verdana, arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;

}
a.ecommerce-link:visited {
	font-size: 11px;
	color: #336699;
	font-family: Verdana, arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;

}
a.ecommerce-link:hover {
	font-size: 11px;
	color: #336699;
	font-family: Verdana, arial;
	text-decoration: underline;
	font-weight: bold;

}
a.bluetxt {
	font-size: 11px; color: #118cd3; font-family: arial; text-decoration: none
}
.bluetxt1 {
	font-size: 11px; color: #0e67ab; font-family: arial; text-decoration: none
}
.bluetxt2 {
	font-size: 11px; color: #FF6600; font-family: Verdana,  arial, Helvetica, sans-serif; text-decoration: none
}
.graytxt {
	font-size: 11px; color: #8b8b8b; font-family: arial; text-decoration: none
}
.graytxt1 {
	font-size: 9px; color: #5a5a5a; font-family: arial; text-decoration: none
}
.graytxt2 {
	font-size: 9px; color: #5a5a5a; font-family: arial; text-decoration: none
}
SELECT {
	BORDER-RIGHT: #a8a7a7 1px solid; BORDER-TOP: #a8a7a7 1px solid; font-size: 11px; BORDER-LEFT: #a8a7a7 1px solid; color: #5a5a5a; BORDER-BOTTOM: #a8a7a7 1px solid; font-family: arial; text-decoration: none
}
.gridsaffron {
	BORDER-RIGHT: #FFCC9 3px dotted; BORDER-TOP: #FF6600 1px solid; BORDER-LEFT: #FFCC9 1px solid; BORDER-BOTTOM: #FFCC9 1px solid; BaCKGROUND-color: #FFaC84
}
.gridlightgrey {
	BORDER-RIGHT: #C3D9FF 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #C3D9FF 1px solid; BORDER-BOTTOM: #C3D9FF 1px solid; BaCKGROUND-color: #efefef
}
.gridgreen {
	BORDER-RIGHT: #B5EDBC 1px solid; BORDER-TOP: #006666 1px solid; BORDER-LEFT: #B5EDBC 1px solid; BORDER-BOTTOM: #B5EDBC 1px solid; BaCKGROUND-color: #66CC99
}
.gridwhitetop {
	BORDER: #ffffff 2px solid;
	BORDER-BOTTOM: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 2px solid; 
}
.gridwhitebottom {
	BORDER: #ffffff 2px solid;
	BORDER-TOP: #ffffff 1px solid; 
}
.gridwhite {
	BORDER: #ffffff 3px solid;
	BORDER-TOP: #ffffff 1px solid; 
}
.opacityit:hover IMG {
	FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100); moz-opacity: 1
}
.opacityit IMG {
	FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=60); moz-opacity: 0.6
}
ul {
	background-position: 4px;
	list-style-position: outside;
	list-style-type: square;
	color: #990033;

}
.gradgreen  {
	BORDER-RIGHT: #e9e9e9 1px solid; BORDER-TOP: #e9e9e9 1px solid; BORDER-LEFT: #e9e9e9 1px solid; BORDER-BOTTOM: #e9e9e9 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#D0E1FD', endcolorStr='#E3F2FD', gradientType='0'); font-weight: normal; font-size: 12px; color: #000000; font-family: Verdana, Geneva, arial, Helvetica, sans-serif; text-decoration: none; BaCKGROUND-color: #FFFFFF
}

.gradgrey  {
BORDER-RIGHT: #e9e9e9 2px solid; BORDER-TOP: #e9e9e9 2px solid; BORDER-LEFT: #e9e9e9 2px solid; BORDER-BOTTOM: #e9e9e9 2px solid; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#ffffff', endcolorStr='#cccccc', gradientType='0'); 
font-weight: normal; font-size: 10px; color: #000000; font-family: Verdana, Geneva, arial, Helvetica, sans-serif; text-decoration: none;
}



.gradblue {
	font-weight: bold; font-size: 11px; FILTER: progid:DXImageTransform.Microsoft.Gradient(startcolorStr='#FCEFCD', endcolorStr='#FFCB00', gradientType='0'); color: white; font-family: georgia, times new roman, serif; BaCKGROUND-color: #FFFFFF
}

a.shopping-cart:link {
	BORDER-RIGHT: #cdcdcd 1px solid; PaDDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; DISPLaY: block; PaDDING-LEFT: 4px; font-weight: normal; font-size: 11px; PaDDING-BOTTOM: 2px; MaRGIN: 2px 0px; BORDER-LEFT: #cdcdcd 1px solid; color: #333333; PaDDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BaCKGROUND-color: #ffffff; text-decoration: none
}
a.shopping-cart:active {
	BORDER-RIGHT: #cdcdcd 1px solid; PaDDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; DISPLaY: block; PaDDING-LEFT: 4px; font-weight: normal; font-size: 11px; PaDDING-BOTTOM: 2px; MaRGIN: 2px 0px; BORDER-LEFT: #cdcdcd 1px solid; color: #333333; PaDDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BaCKGROUND-color: #ffffff; text-decoration: none
}
a.shopping-cart:visited {
	BORDER-RIGHT: #cdcdcd 1px solid; PaDDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; DISPLaY: block; PaDDING-LEFT: 4px; font-weight: normal; font-size: 11px; PaDDING-BOTTOM: 2px; MaRGIN: 2px 0px; BORDER-LEFT: #cdcdcd 1px solid; color: #333333; PaDDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BaCKGROUND-color: #ffffff; text-decoration: none
}
a.shopping-cart:hover {
	BORDER-RIGHT: #4098d1 1px solid; BORDER-TOP: #4098d1 1px solid; BORDER-LEFT: #4098d1 1px solid; BORDER-BOTTOM: #4098d1 1px solid
}

.leftcattd{
 BaCKGROUND-color: #ffffff; text-decoration: none
}
.tdstyles{
BaCKGROUND-color: #CCCCCC; text-decoration: none
}
.tdbfont{
font-weight: bold; font-size: 12px; color: #000000; font-family: Verdana, Geneva, arial, Helvetica, sans-serif; text-decoration: none;
}

/* NEW CSS CREaTED BY Surya */

.yellowtxt1 {
	font-size: 16px; color: #ED9B11; font-family: arial; text-decoration: none; font-weight: bold;
}


a.gray :link {
	font-size: 8pt; color: #666666; 
	font-family: Verdana, arial, 'MS Sans Serif'; 
	text-decoration: underline; 
	font-weight: normal; 
	padding-left:5px;
}
a.gray :visited {
	font-size: 8pt; 
	color: #000066; 
	font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif';  
	text-decoration: underline;
}
a.gray :active {
	font-size: 8pt; color: #000066; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif';  text-decoration: underline;
}
a. gray : hover {
font-size: 8pt; color: #000066; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif';  text-decoration: none;
}
	
	
.gridbottomgray {
	BORDER-BOTTOM: #e1e1e1 1px solid; 
	
}


.gridbottomblack {
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	font-size: 12px; color: #666666; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif';  text-decoration: none;
	FONT-WEIGHT:BOLD;
	
}

.gridright-side {
	BORDER-RIGHT: #cccccc 1px solid;
	align:center;
	
}


.redtext1 {
	font-size: 10pt; color: #ff0000; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif'; text-decoration: none; font-weight:bold;}
	
	
	.bluetext122 {
	font-size: 10pt; color: #3AABF1; font-family: arial; text-decoration: none; FONT-WEIGHT:BOLD;}
	
	
	.insideporthead {
	font-size: 10pt; color: #666666; font-family: Verdana, 'Times New Roman', arial, 'MS SansSerif';  text-decoration: none;
	FONT-WEIGHT:BOLD;
	
}

a.lal :link {
	font-size: 10pt; color: #ff0000; 
	font-family: Verdana, arial, 'MS Sans Serif'; 
	text-decoration: underline; 
	font-weight: bold; 
	padding-left:5px;
}
input[type=submit] {
	cursor: pointer;
}
a:link, a:visited {
	color: #345360;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}

#main {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 620px;
	background: #FFF url(./bground.gif) repeat-y;
	color: #000;
}
#top {
	background: url(./logo.gif?146) no-repeat;
	margin: 0px 0px 40px;
	padding: 0px;
	width: 620px;
	height: 60px;
	text-align: right;
	line-height: 15px;
	white-space: normal;
}
#content ul, #content ol {
	margin-left: 170px;
	padding: 0px;
}
.norm {
	margin-left: 150px;
	padding: 0px;
	padding-right: 10px;
}
.normul, .norm ol {
	margin-left: 20px !important;
	padding: 0px !important;
}
#content {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}
#content p {
	margin: 0px 25px 15px 130px;
	padding: 0px 0px 15px 10px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #536580;
}

ul {
	margin-top: -15px;
	margin-bottom: 0px;
}
.main-nav {
	margin: 0px;
	float: left;
	padding: 0px;
	background: transparent url( http://cutephp.com/site-files/b.gif) no-repeat bottom right;
/* Preload */
	background-position: 99999 99999;
}


.main-nav a, .main-nav a:visited {
	background: #FFFFFF;
	width: 80px;
	text-align: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 12px 5px 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #b8a77f;
}
.main-nav  a:hover, .main-nav  a:focus {
	border: none;
	text-decoration: none;
	background: #C4CFD9 url(http://cutephp.com/site-files/b.gif) repeat-y top left;
	color: #7a7ca3;
}
.article-nav {
	display: block;
	width: 96%;
	text-align: right;
	margin-top: -30px;
	margin-bottom: 17px;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	font-style: italic;
	color: #416389;
}
.main-nav a.current {
	text-decoration: underline !important;
}
.article-nav a {
	font: verdana, lucida, arial, helvetica, sans-serif;
	font-style: italic;
	color: #416389;
}
#comments-holder {
	margin: 0px 15px 4px 130px;
	padding: 0px 0px 4px 1px;
	text-align: left;
}
.comment {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.comment h5 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #345360;
	font-size: 11px;
	border-bottom: 1px solid #729FB2;
	background: white bottom url(./cline.gif) repeat-x;
	margin-bottom: 2px;
}
.comment p {
	margin: 0px !important;
	padding: 0px !important;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #212C30 !important;
}
#add-comment-table {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
select, option, textarea, input {
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana;
}
input {
	margin-top: 1px;
}
img {
	border: 0;
}
#bottom {
	padding: 0px;
	margin: 0px 20px;
	text-align: center;
	font-size: 60%;
	color: #C1CED9;
}
#footer {

	margin: 0px;
	padding: 0px;
	width: 620px;
	height: 20px;
	background: url(./footer.gif) no-repeat;
}
.preload {
	position: absolute;
	display: none;
}
p#screenshots {
	margin-bottom: 10px !important;
	padding-bottom: 0px !important;
}
#screenshots a img {
	border: 1px solid black;
}
#screenshots a:hover img {
	border: 2px solid black;
	margin: -1px;
}

/* SCREENSHOTS */
.highslide {
	cursor: url(http://www.creativewebstore.com/images/zoomin.cur ), pointer;
	outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border: 2px solid white;
	border-top: none;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	color: black;
	background-color: #FFFF9D;
}
.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}
.highslide-loading {
	display: block;
	color: red;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;
}
.maintable
{
	font-family:Verdana;
	font-size:8pt;
	width:100%;
}
.maintable th
{
	font-weight:bold;
	font-size:10pt;	
}
.maintable td
{
	font-weight:bold;
	font-size:8pt;	
}
.mainheader
{
	font-family:Verdana;
	font-size:8pt;
	width:100%;
}
.mainheader th
{
	font-weight:bold;
	font-size:10pt;	
	color:#006BB6;
	
	}
.mainheader td
{
	font-size:8pt;	
	
	}
.pagebutton
{
	display:block; 
	height:22px;	
	background:url(images/button.gif) repeat -x 0 0;	
	text-align:center; 
	 
}
	
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#styletwo{position:relative;display:block;height:24px;font-size:9px;font-weight:bold;background:transparent url(image/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(image/bgON.gif) repeat-x top left;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

/* Following CSS code use for Heading & Pagragraph */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3887c9;
	font-size: 14px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:justify;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
		
}
.hyperlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color:Blue;	
}
.point
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #3887c9
}