@import url("../css/layout.css");
@import url("../css/slideshow.css");



/*#######################################

ALL FONTS FAMILY CSS

#######################################*/

.elink,

.pagepath, 

.maillistform input,

#footer,

.gridlistbtn a {

	font-family:Arial, Helvetica, sans-serif;

	}

body,

.link,

.cmstxt,

.points li {

	font-family:Arial, Helvetica, sans-serif;

	}

h2, 

.pageheader h1  {

	font-family:Arial, Helvetica, sans-serif;

	}

.sidebarlinks a.mainlnkactive,

.sidebarlinks .sublnk a.active{

	color:#333333;

	}

.sidebarlinks .sublnk a.active{

	color:#666666;

	}

.sidebarlinks a.mainlnkactive:hover {

	color:#333333;

	}

.sidebarlinks .sublnk a.active:hover{

	color:#666666;

	}



/*##################################

COMMON CSS

##################################*/



/* COMMON RESET CSS

----------------------------------*/

dl, dt, dd, ol, ul, li  

	{

	margin:0px;

	padding:0px;

	list-style-type:none;

	}

a {

	text-decoration:none;

	outline:none;

	}

/*

H1-pageheader, 

H2-common sub-title in page, 

H3-common sub-title in page, 

H4-sidebar product name, Headers in forms

H5-sidebar title

H6-not define yet*/

h1, h2, h3, h4, h6 { 

	margin:0px;

	padding:0px;

	}

h2 {

	margin-bottom:5px;

	text-transform:uppercase;

	color:#333333;

	font-size:100%;

	}

p {

	margin:0 0 15px 0;

	}

.link, 

.elink {

	text-decoration:none;

	color:#4393C4;

	}

.link:hover,

.elink:hover {

	color:#666666;

	}

.imgborder, .imgleft, imgright {

	border:1px solid #cccccc;

	background-color:#FFFFFF;

	text-align:center;

	}

.imgborder:hover, .imgleft:hover, imgright:hover {

	border:1px solid #333333;

	}

.imgborder, .imgleft, .imgright {

	padding:2px;

	}

.imgleft {

	float:left;

	margin:0 10px 10px 0;

	}

.imgright {

	float:right;

	margin:0 0px 10px 10px;

	}

.cmstxt {

	margin:0 0 0px 0;

	font-size:80%;

	color:#333333;
	background:url(../images/cmstxt-bg.jpg) no-repeat 0 0;


	}

.left {

	float:left;

	}

.right {

	float:right;

	}

.textboxborder {

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #A9C2A5;

	font-size:100%;

	color:#666666;

	background-color:#FFFFFF;

	padding:2px;

	}

.handcur {

	cursor:pointer;

	}

.main-leftimg {

	height:396px;

	width:225px;
	display:block;
	}



/* IMAGE ALIGN CSS

-----------------------------------*/

.imgborder, 

.imgleft,

.imgright {

	text-align:center;

	display:block;

	}

.imgborder img.spacer,

.imgleft img.spacer,

.imgright img.spacer {

	width:0px;

	}

.imgborder img,

.imgleft img,

.imgright img{

	vertical-align:middle;

	}

/*==================================

POPUP CSS

==================================*/

#white {

	background-color:#FFFFFF;

	padding:15px;

	font-size:80%;

	}

#white .btnbar {

	text-align:center;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	padding:10px 0;

	}

#white #topbar {

	height:70px;

	border-top:none;

	}

#white #topbar .close {

	position:absolute;

	right:15px;

	top:15px;

	}

#white .formcss .btnbar {

	padding:0;

	}

/* POPIMAGE CSS

----------------------------------*/

#white .image #topbar {

	margin-bottom:15px;

	}

#white .image h2 {

	margin:0px;

	}

/*==================================

MORE BUTTON LINK CSS

==================================*/

.morebtn,

.morebtn1,

.sidebarbox .morebar .link,

.buybtn,

.contactuslink,
.twitter-lnk,
.facebook-lnk {

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	background-repeat:no-repeat;

	background-position:0 0;

	}

.contactuslink {

	background-image:url(../images/contactuslink.gif);

	background-position:left 0px;

	width:102px;

	height:20px;

	}

.contactuslink:hover{

	background-position:left -20px;
	}
.facebook-lnk{
	background:url(../images/facebook.png) no-repeat 0 0;
	width:20px;
	height:20px;
	}
.twitter-lnk{
	background:url(../images/twitter.png) no-repeat 0 0;
	width:20px;
	height:20px;
	}


.morebtn,

.sidebarbox .morebar .link {

	background-image:url(../images/morebtn.gif);

	width:52px;

	height:17px;

	}

.morebtn1 {

	background-image:url(../images/morebtn1.gif);

	width:52px;

	height:17px;

	}

.morebtn:hover,

.sidebarbox .morebar .link:hover,

.morebtn1:hover,

.buybtn:hover {

	background-position:0 -17px;

	}

.buybtn {

	background-image:url(../images/buybtn.gif);

	width:69px;

	height:17px;

	}

/*==================================

COMMON POINTS CSS

==================================*/

.points {

	list-style-type:none;

	margin:0 0 15px 0px;

	padding:0px;

	}

.points li {

	padding:0 0 0 10px;

	margin:0 0 5px 0;

	color:#333333;

	background-image:url(../images/arrow.gif);

	background-position:1px 7px;

	background-repeat:no-repeat;

	line-height:110%;

	}

.points li .points{

	margin-top:15px;

	}

	

.points1 {

	list-style-type:none;

	margin:0 0 15px 0px;

	padding:0px;

	}

.points1 li {

	padding:0 0 0 10px;

	margin:0 0 5px 0;

	background-image:url(../images/bullet.gif);

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	font-weight:bold;

	}
#aboutus ul{

	list-style-type:none;

	margin:0 0 15px 0px;

	padding:0px;

	}

#aboutus ul li {

	padding:0 0 0 10px;

	margin:0 0 5px 0;

	background-image:url(../images/bullet.gif);

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	font-weight:bold;

	}
#aboutus ul li ul li {

	padding:0 0 0 10px;

	margin:0 0 5px 0;

	background-image:url(../images/arrow.gif);

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	font-weight:normal;

	}
#faq .points1 li {

	font-weight:normal;

	}

.points1 .points1{

	

	}

.points1  .points1 li{

	font-size:90%;

	color:#464646;

	background-image:url(../images/arrow.gif);

	background-position:1px 6px;

	font-weight:normal;

	margin:0 0 0px 0;

	}

/*FOR SCROLLER

--------------------------*/





#scrollcontent1 {

	height:494px;

	overflow:auto;

	}





/*==================================

ALL HORIZONTAL-BARS RELATED CSS

==================================*/

.hor_bar, .hor_bar1 {

	padding:8px 10px 8px 0px;

	margin-bottom:15px;

	/*background-image:url(../images/horbarbg.gif);

	background-repeat:repeat-x;

	background-position:left bottom;

	background-color:#C6E4F7;

	border:1px solid #72C0F0;*/

	border-bottom:1px solid #B6DCF3;

	color:#6AC4FA;

	min-height:1px;

	}



.hor_bar .right1, 

.hor_bar1 .right1 {

	position:absolute;

	right:8px;

	top:7px;

	}

.hor_bar .left1, 

.hor_bar1 .left1 {

	position:absolute;

	left:8px;

	top:7px;

	}

/*=======================================

HOR LINE & CLEAR CSS

========================================*/

.hor_line{

	height:20px;	

	margin-bottom:20px;

	border-bottom:1px solid #dfdfdf;

	}

.clear {

	clear:both;

	font-size:0px;

	line-height:0px;

	height:0px;

	display:block;

	}

/*================================

NO RECORD ERROR CSS

===============================*/

.norecord {

	border:1px solid #dfdfdf;

	color:#ff0000;

	font-size:13px;

	font-weight:bold;

	padding:7px 0 9px 55px;

	height:30px;

	position:relative;

	margin-bottom:15px;

	}

.norecord img{

	position:absolute;

	left:8px;

	top:8px;

	border:none;

	}

/*##################################

TOPBAR CSS

##################################*/

#topbar {

	

	}

#topbar div {

	height:130px;

	position:relative;

	}

#topbar h1{	

	margin:0px;

	padding:0px;

	}

#topbar h1 .logo{

	width:206px;

	height:104px;

	background-image:url(../images/logo.gif);

	background-repeat:no-repeat;

	position:absolute;

	left:20px;

	top:15px;

	text-indent:-9999px;

	overflow:hidden;/*NEVER FORGOT THIS WHEN YOU USE TEXT-INDENT*/

	}

#topbar .contactuslink{
	position:absolute;
	right:50px;
	bottom:5px;
	}
#topbar .facebook-lnk {
	position:absolute;
	right:25px;
	bottom:5px;
	}
#topbar .twitter-lnk {
	bottom:5px;
	right:118px;
	right:0px;
	position:absolute;
	bottom:5px;
	}

/*#################################### 

PAGEHEADER AND PAGE PATH CSS

####################################*/

.pageheader {

	padding:0 0 15px 0;

	}

.pageheader h1 {

	margin:0px;

	color:#6AC4FA;

	font-size:170%;

	font-weight:normal;

	}

.pagepath {

	padding:0px 15px 8px 0px;

	height:36px;

	color:#C7C7C7;

	font-size:90%;

	}

.pagepath strong {

	margin:0 7px 0 7px;

	color:#C7C7C7;

	}

.pagepath a{

	color:#C7C7C7;

	text-decoration:none;

	}

.pagepath a:hover {

	color:#6AC4FA;

	}

.pagepath span {

	/*active page name*/

	color:#C7C7C7;

	}



/*NEW CMSTXT CSS

----------------------*/

.wtbg{

	background-color:#FFFFFF;

	}

.newcmstxt{

	padding:0 10px 0px 10px;

	margin:0px;

	background-color:#FFFFFF;

	min-height:535px;

	font-size:110%;

	}

.legaltxt{

	font-size:75%;

	}

.newcmstxt .imgspace{

	margin-right:10px;

	}

.padleft{

	padding-left:10px;

	}

/*SIDEBAR CSS

---------------------------------*/

/*#################################### 

SIDEBARLINKS CSS

####################################*/

.sidebarlinks {	

	padding:0 0px;

	}

/* MAIN LINK CSS

====================================*/

.sidebarlinks a, 

.sidebarlinks .normal{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:100%;/*14px*/

	text-decoration:none;

	color:#464646;

	display:block;

	padding:0px 0;

	position:relative;

	cursor:pointer;

	}

.sidebarlinks a:hover {

	color:#FFFFFF;

	}

.sidebarlinks a span, 

.sidebarlinks .normal span {

	margin:0 0px 0 0px;

	display:block;

	}



/* SUB LINKS CSS 

====================================*/

.sidebarlinks .sublinks {

	}

.sidebarlinks .sublinks a, 

.sidebarlinks .sublinks .normal{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:87%;/*12px*/

	text-decoration:none;

	color:#F9F9F9;

	display:block;

	padding:0px 0px;

	border-top:none;

	position:relative;

	min-height:1px;

	cursor:pointer;

	}

.sidebarlinks .sublinks a:hover {

	color:#666666;

	}

.sidebarlinks .sublinks a span, 

.sidebarlinks .sublinks .normal span{

	margin:0px 8px 0 0px;

	display:block;

	}

.sidebarlinks .sublinks a img, 

.sidebarlinks .sublinks .normal img{

	position:absolute;

	top:11px;

	display:block;

	}

/*##################################

CONTENT-BOX STRUCTURE CSS

THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES

##################################*/

.contentbox1 {

	padding:10px;

	margin:0 0 15px 0;

	min-height:1px;	

	border-bottom:1px solid #B6DCF3;

	}

.contentbox1 dt {

	background-color:#78C8F8;

	font-weight:bold;

	margin:-10px -10px 10px -10px;

	padding:8px 10px;

	font-size:100%;

	color:#FFFFFF;

	}

.contentbox1 dt a{

	color:#FFFFFF;

	}

.contentbox1 dt a:hover{

	color:#FFFFFF;

	}

.contentbox1 .contentboxdata {

	margin:0px;

	font-size:90%;

	}

.contentbox1 .imgleft td{

	height:94px;

	width:164px;

	}

.contentbox1 .linkbox {

	display:block;

	margin:0px;

	height:25px;

	min-height:1px;

	font-weight:bold;

	/*position:relative; for faq page*/

	}

.contentbox1 .linkbox a {

	/*position:absolute;

	right:10px;

	top:9px;*/

	}



/*#################################### 

FAQ QUESTIONS CSS

####################################*/

#faq .points {

	margin-left:0px;

	}

#faq .points li{

	background-image:url(../images/arrow.gif);

	background-position:1px 3px;

	margin:0 0 10px 0;

	padding-left:13px;

	font-size:100%;

	}

#faq .points li a {

	font-weight:bold;

	color:#2E91CC;

	}

#faq .points li a:hover {

	color:#808080;

	}

#faq .linkbox {

	text-align:right;

	font-weight:bold;

	font-size:85%;

	}

/*==================================

CATEGORY FAQ CSS 

==================================*/





.answers dt{

	margin:-15px -15px 0px -15px;

	}

.answers .contentboxdata {

	padding:0px 10px 0px 10px;

	min-height:1px;

	}

.answers h2 {

	background-color:#ffffff;

	padding:8px 10px;

	color:#333333;

	margin:15px -10px 15px -10px;

	min-height:1px;

	}

.answers .contentboxdata h3{

	margin:0px 0 5px 0;

	padding:0 0 5px 0;

	font-size:100%;

	}

.answers .cat_answers {

	border-bottom:1px solid #cccccc;

	padding:0 0 15px 0;

	margin:0 0 15px 0;

	}

.answers .linkbox {

	margin:0px;

	}

/*===============================*/

/*##################################

FOOTER CSS

##################################*/

#footerbg{

	height:2.50em;

	background-image:url(../images/footer.jpg);

	background-repeat:no-repeat;

	background-position:center top;



	}

#footer {

	font-size:75%;

	width:57.67em /*692px*/;

	margin:0 auto;	

	/*background-image:url(../images/footerbg.gif);

	background-repeat:no-repeat;

	background-position:center top;*/

	height:3.33em;

	min-height:40px;

	}

#footer .copyright,

#footer .links {

	position:absolute;

	top:8px;

	} 

#footer .copyright {

	left:0px;

	color:#333333;

	}

#footer .links {

	right:0px;

	color:#333333;

	}

#footer .links a {

	color:#333333;

	}
#footer .desgns{
	position:absolute;
	top:25px;
	color:#4BA7F0;
	font-size:90%;
	}
#footer .desgns span{
	font-weight:bold;
	}


#footer .links a:hover {

	color:#FFFFFF;

	}

#footer .links span {

	margin:0 5px;

	}

#footer .bookmarkbtn {

	position:absolute;

	bottom:10px;

	right:20px;

	}
.web_dsgn {
	margin-top:10px;
	}
.web_dsgn .link {
	color:#333333;
	font-size:95%;
	}
.web_dsgn .link:hover {
	color:#63B2EC;
	}
.newcmstxt a {
	color:#6AC4FA;
}
.newcmstxt a:hover {
	color:#333333;
}