BODY {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:13px;
	font-weight:normal;
	color:	#454545;
	text-decoration:none;
	line-height:1.22;
	padding:0px;
	margin:0 auto;
	width:990px;
	border: solid 1px #F3F3F3;
	border-bottom:none;
	border-top:none;
}

/* * html BODY { width:1000px; } */

A:link, A:visited {
	font-family:		Verdana;
	font-size:			11px;
	font-weight:		normal;
	color:				#4E7DE2; 
	text-decoration:	none;
}
A:hover {
	font-family:		Verdana;
	font-size:			11px;
	font-weight:		normal;
	color:				#666666;
	text-decoration:	underline;
}

.SearchBarLeft {
	height:				34px;
	background:			url(../images/search-bar-left.gif) no-repeat top left;


}
.SearchBar {
	height:				34px;
	background:			url(../images/search-bar-mid.gif) repeat-x top left;
	font-family:		Verdana;
	font-size:			16px;
	font-weight:		bold;
	color:				#4A566E;
	width:				710px;
}
.SearchBarRight {
	height:				34px;
	background:			url(../images/search-bar-right.gif) no-repeat top right;
}
.SearchBar FORM {
	padding:			6px;
	margin:				0px;
	margin-left:		10px;
	
}

.LogoBar {
	height:				78px;
	background:			url(../images/bg-header.gif) no-repeat right top;
}
.LogoBar IMG {
	margin-top:			20px;
	margin-left:		40px;
}

.TabBar {
	width:				15px;
	height:				30px;
	padding:			0px;
	margin:				0px;
}

.TabLeft {
	width:				15px;
	height:				30px;
	background:			url(../images/tab-left.gif) no-repeat top left;
	float:				left;
}

.ProdTabLeft {
	width:				15px;
	height:				30px;
	background:			url(../images/prod-tab-off-left.gif) no-repeat top left;
	float:				left;
}

.Tab {
	height:				30px;
	float:				left;
	background:			url(../images/tab-mid.gif) repeat-x top left;
}

.ProdTab {
	height:				30px;
	float:				left;
	background:			url(../images/prod-tab-off-mid.gif) repeat-x top left;
}
.Tab A:link, .Tab A:visited {
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
	line-height:		30px;
	text-decoration:	none;
}

.ProdTab A:link, .ProdTab A:visited {
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
	line-height:		30px;
	text-decoration:	none;
}


.TabRight {
	width:				15px;
	height:				30px;
	background:			url(../images/tab-right.gif) no-repeat top right;
	float:				left;
}

.ProdTabRight {
	width:				15px;
	height:				30px;
	background:			url(../images/prod-tab-off-right.gif) no-repeat top right;
	float:				left;
}

.TabLeftOn {
	width:				15px;
	height:				30px;
	background:			url(../images/tab-on-left.gif) no-repeat top left;
	float:				left;
}

.ProdTabLeftOn {
	width:				15px;
	height:				30px;
	background:			url(../images/prod-tab-on-left.gif) no-repeat top left;
	float:				left;
}

.TabOn {
	height:				30px;
	float:				left;
	background:			url(../images/tab-on-mid.gif) repeat-x top left;
}

.ProdTabOn {
	height:				30px;
	float:				left;
	background:			url(../images/prod-tab-on-mid.gif) repeat-x top left;
}

.TabOn A:link, .TabOn A:visited {
	font-family:		Verdana;
	font-size:		12px;
	font-weight:		bold;
	color:			#333333;
	line-height:		30px;
	text-decoration:	none;
}

.ProdTabOn A:link, .ProdTabOn A:visited {
	font-family:		Verdana;
	font-size:		12px;
	font-weight:		bold;
	color:			#333333;
	line-height:		30px;
	text-decoration:	none;
}

.TabRightOn {
	width:				15px;
	height:			30px;
	background:			url(../images/tab-on-right.gif) no-repeat top right;
	float:				left;
}

.ProdTabRightOn {
	width:				15px;
	height:			30px;
	background:			url(../images/prod-tab-on-right.gif) no-repeat top right;
	float:				left;
}


.SubTabBar {
	clear:				both;
	height:			25px;
	padding-top:        		10px;
	/* padding-bottom:		10px; */
	margin:				0px;
	background:			url(../images/sub-tab-bar.gif) repeat-x top left;
	font-size:			10px;
}

.SubTabBar A:visited {
	font-family:			Verdana;
	font-size:			11px;
	font-weight:			normal;
	color:				black;
	text-decoration:		underline;
}

.SubTabBar A:link {
	font-family:			Verdana;
	font-size:			11px;
	font-weight:			normal;
	color:				black;
	text-decoration:		underline;
}
.SubTabBar A:hover {
	font-family:			Verdana;
	font-size:			11px;
	font-weight:			normal;
	color:				black;
	text-decoration:		none;
}

.SubTabBar span {
	font-family:			Verdana;
	font-size:			11px;
	font-weight:			normal;
	color:				black;
	text-decoration:		none;
}



.Stack {
	float:left;	
	margin-top:			0px;
	margin-bottom:		10px;
       width:                     250px;
	padding-left:10px;
}
.StackLeft {	
	width:				250px;
	float:				left;
}

/*added on 22-jan-2009 */
.Stacknewright {
	margin-left:        		10px;
	width:				250px;
	float:				right;
       overflow: hidden;

}

.StackRight {
	width:			710px;
	float:			right;
	margin-right:10px;
	margin-left:10px;	
}

* html .StackRight {

   margin-right:5px;
   margin-left:0px;
}


h2.BoxHeading {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	line-height:40px;
	padding-left:	15px;
	margin:0px;
}
h3.rev_txt {
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	color:#1585db;
}

.BoxHeading {
	font-family:		Arial;
	font-size:			16px;
	font-weight:		bold;
	color:				#333333;
	line-height:		40px;
	padding-left:		15px;
}
/* YELLOW DIV */
.YBoxTopLeft {
	background:			url(../images/box-yellow-top-left.gif) no-repeat left top;
}
.YBoxTopMid {
	background:			url(../images/box-yellow-top-mid.gif) repeat-x left top;
}
.YBoxTopRight {
	background:			url(../images/box-yellow-top-right.gif) no-repeat right top;
}
/* GREEN DIV */
.GBoxTopLeft {
	background:			url(../images/box-green-top-left.gif) no-repeat left top;
}
.GBoxTopMid {
	background:			url(../images/box-green-top-mid.gif) repeat-x left top;
}
.GBoxTopRight {
	background:			url(../images/box-green-top-right.gif) no-repeat right top;
}
/* GREY DIV */
.GRBoxTopLeft {
	background:			url(../images/box-grey-top-left.gif) no-repeat left top;
}
.GRBoxTopMid {
	background:			url(../images/box-grey-top-mid.gif) repeat-x left top;
}
.GRBoxTopRight {
	background:			url(../images/box-grey-top-right.gif) no-repeat right top;
}

.GRPlainBoxTopLeft {
	background:			url(../images/line.gif) no-repeat left top;
}
.GRPlainBoxTopMid {
	background:			url(../images/plain_box-grey-top-mid.gif) repeat-x left top;
}
.GRPlainBoxTopRight {
	background:			url(../images/line.gif) no-repeat right top;
}

.GRMerPlainBoxTopLeft {
	background:			url(../images/plain_box-grey-top-left.gif) no-repeat left top;
}
.GRMerPlainBoxTopMid {
	background:			url(../images/plain_box-grey-top-mid.gif) repeat-x left top;
}
.GRMerPlainBoxTopRight {
	background:			url(../images/plain_box-grey-top-right.gif) no-repeat right top;
}
/* RED DIV */
.GREDoxTopLeft {
	background:			url(../images/box-red-top-left.gif) no-repeat left top;
}
.GREDoxTopMid {
	background:			url(../images/box-red-top-mid.gif) repeat-x left top;
}
.GREDoxTopRight {
	background:			url(../images/box-red-top-right.gif) no-repeat right top;
}




.BoxTopLeft {
	height:				100%;
	background:			url(../images/box-top-left.gif) no-repeat left top;
}
.BoxTopMid {
	height:				100%;
	background:			url(../images/box-top-mid.gif) repeat-x left top;
}
.BoxTopRight {
	height:				100%;
	background:			url(../images/box-top-right.gif) no-repeat right top;
}
.BoxLeft {
	height:				100%;
	background:			url(../images/box-left.gif) repeat-y left bottom;
}
.BoxRight {
	height:				100%;
	background:			url(../images/box-right.gif) repeat-y right bottom;
}

/* new style for home page on 21-jan-2009 */
.BoxRighthome {
	height:				100%;
	background:			url(../images/box-right.gif) repeat-y right bottom;
	width:				100%;
}


.BoxBotLeft {
	height:				100%;
	background:			url(../images/box-bot-left.gif) no-repeat left bottom;
}
.BoxBotMid {
	height:				100%;
	background:			url(../images/box-bot-mid.gif) repeat-x left bottom;
}
.BoxBotRight {
	height:				100%;
	background:			url(../images/box-bot-right.gif) no-repeat right bottom;
	min-height:			200px;
	_height:			200px;
}
.BoxGrad {
	/*background:			url(../images/box-grad.gif) no-repeat left bottom;*/
}
.BoxContainer {
	text-align:			left;
	padding:			5px;
}

.FeaturedLeft {
	height:				120px;
	background:			url(../images/featured-bar-left.gif) no-repeat bottom left;
}
.Featured {
	height:				120px;
	background:			url(../images/featured-bar-mid.gif) repeat-x bottom left;
	font-family:		Verdana;
	font-size:			16px;
	font-weight:		bold;
	color:				#4A566E;
	width:              710px;
}
.FeaturedRight {
    width:              710px;
	height:				120px;
	background:			url(../images/featured-bar-right.gif) no-repeat bottom right;
}
.FeaturedTabs {
	margin-top:			-1px;
	height:				35px;
	width:              710px;
}

.FeaturedBoxprod {
	width:				120px;
	height:				115px;
	padding-top:10px;
	background:			url(../images/box.gif) no-repeat top left;
	margin-left:12px;
	margin-right:12px;
 }
.FeaturedBox {
	width:				120px;
	height:				125px;
	padding-top:0px;
	margin-left: 12px;
	margin-right: 12px;

}

.Footer {
	padding-top:		10px;
	clear:				both;
	font-family:		Verdana;
	font-size:			10px;
	font-weight:		normal;
	color:				#333333;
	text-decoration:	none;
	line-height:		20px;
	background:			url(../images/bot-bar.gif) repeat-x top left;
}
.Footer A:link, .Footer A:visited {
	font-family:		Verdana;
	font-size:			10px;
	font-weight:		normal;
	color:				#333333;
	text-decoration:	none;
}

.Copyright {
	margin-top:			3px;
	height:				20px;
	font-family:		Verdana;
	font-size:			10px;
	font-weight:		normal;
	color:				#555555;
	text-align:			center;
	background:			url(../images/bot-bar-grad.gif) repeat-x top left;
}

.prodtabs {
	margin: 0px;
	text-align: left;
}
.prodtabs A:link, .prodtabs A:active, .prodtabs A:visited {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 11px;
	font-weight: bold;
	/*background: #D9F3D8;*/
    background: url(../images/inactive.gif);
	padding-bottom: 0px;
	color: black;
 	text-decoration: none
 	height: 32px;
}
.prodtabs A:hover {
	color: grey;
}
.prodtabs A#live {
	/*background: #319B2F;*/
	background: url(../images/active.gif);
	color: #FFFFFF;
	white-space: nowrap
}
.prodtabsBg {
/*	background: #319B2F;
    border-bottom: #319B2F 2px solid;
	height: 10px;*/
}

.effectbig
{  
	font-family:		Verdana;
	font-size:			14px;
	font-style:			normal;
	font-weight:		normal;
}
.effect
{  
	font-family:		Verdana;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#000000;
	background-color:	#EFEFEF;
	border:				1px solid gray;
}
.baseeffect
{  
	font-family:		Verdana;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#FFFFFF;
/*	background-color:	#319B2F; */
	border:				1px solid gray;
	width:				125px;
}

.baseeffectrating
{
	font-family:		Verdana;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#FFFFFF;
	background-color:	#383838;
	border:				1px solid gray;
	width:				85px;
}
.baseeffectEx
{  
	font-family:		Verdana;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#FFFFFF;
	/* background-color:	#4a9932; */
	border:				1px solid black;
}

.newsletter
{
	float: right;
	width: 200px;
	height: 71px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #999999;
	line-height: 25px;
}

.newsletterHidden {
	top: 55px;
	left: 100px;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
	visibility: hidden;
	position: absolute;
	line-height: 18px;
	background: white;
	border: 2px solid gray;
	padding: 5px;
	white-space: nowrap;
}

.newsletterHidden INPUT {
	margin: 1px;
}


/*home page left menu */
A.catbold:link, A.catbold:visited {
	font-family:		arial;
	font-size:			13px;
	font-weight:		bold;
	color:				#1585DB;
	text-decoration:	none;
	line-height:		20px;
}
A.catlink:link, A.catlink:visited {
	font-family:		arial;
	font-size:			11.5px;
	color:				#306893;
}

.catlinkleft {
/*	color:				#009900; */
	font-family:		arial;
	font-size: 			12px;
	text-decoration:	none;
	line-height:		20px;
}
A.catlinkleft:link, A.catlinkleft:visited {
	font-family:		arial;
	font-size:			11px;
/*	font-weight:		bold;
	color:				#306893; */
}
/* joomal left menu category */
A.category:link, A.category:visited {
	font-family:		arial;
	font-size:			12px;
}
/*latest news */
A.latestnews:link, A.latestnews:visited {
	font-family:		arial;
	font-size:			12px;
}
/* mostread  */
A.mostread:link, A.mostread:visited {
	font-family:		arial;
	font-size:			12px;
}

/* content styles */
.contentheading {
	font-family: Arial, Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding-left: 10px;
	width: auto;
	align: justify;
}

table.contentpaneopen li {
	margin-bottom: 5px;
	padding-left: 10px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
	padding-left: 10px;
}

table.contentpaneopen h3 {
	margin-top: 25px;
	padding-left: 10px;

}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
}

.highlight {
	background-color: #fffebb;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-left    : 0px;
	padding-top		: 2px;	
}
	
.ratingbar {
	display:block;
	padding-bottom:0px;
}

.loading {
	height: 16px;
	background: url('../images/working.gif') 50% 50% no-repeat;
}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
}

.unit-rating li{
    text-indent: -9000px;
	padding:0px;
	margin:0px;
	float: left;
}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 96px;}
.unit-rating a.r7-unit{left: 96px;}
.unit-rating a.r7-unit:hover{width: 112px;}
.unit-rating a.r8-unit{left: 112px;}
.unit-rating a.r8-unit:hover{width: 128px;}
.unit-rating a.r9-unit{left: 128px;}
.unit-rating a.r9-unit:hover{width: 144px;}
.unit-rating a.r10-unit{left: 144px;}
.unit-rating a.r10-unit:hover{width: 160px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.votinginfo {
	display:block;
	float:left;
	height:16px;
	padding-left:6px;
} 

.thanks {color:#36AA3D;}

     .stepcarousel{
           position: relative;
           overflow:hidden;
           width: 620px;
           height: 145px;
           left: 35px;
           bottom: 25px
          }

          .stepcarousel .belt{
           position: absolute;
           left: 0;
           top: 0;
          }

         .stepcarousel .panel{
          float: left;
          overflow: hidden;
          margin: 0px;
          width: 630px;
         }

          .stepcarousel1{
           position: relative;
           overflow:hidden;
           width: 620px;
           height: 145px;
           left: 35px;
           bottom: 25px
          }

          .stepcarousel1 .belt{
           position: absolute;
           left: 0;
           top: 0;
          }

         .stepcarousel1 .panel{
          float: left;
          overflow: hidden;
          margin: 0px;
          width: 630px;
         }


