/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	/*font-family:  Arial,sans-serif;*/
	font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif;
	color: #333333;
	line-height:1.4;
	margin: 0px;
	padding: 0px;
	background-color:#fee9a7;
	/*background: #cccccc url(bg_grad.jpg) fixed;*/
}
#page
{
/*	left:10%;
	right:10%;
	width:782px;
	position:relative;*/
	width:782px; 
	margin:20px auto;	
}
	

* html body
{
line-height:19px;
}

/******* hyperlink and anchor tag styles *******/

/*a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}* /

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
img{
border:none;
cursor:pointer;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
	list-style-type:none;
}

ul ul ul{
	list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header{
	position: relative;
	float:left;
	/*left: 10%;
	right: 10%;*/
	width:782px;
	height:103px;

}
#toplogo{
	position: relative;
	float:left;
	width:361px;
	height:103px;

}
#toprt1{
	/*width:421px;*/
	width:450px;
	height:28px;
	top: 0px;
	position: relative;
	float:left;
	background-image:url(../images/topspacer.jpg);
	text-align: right;
}
#toprt2{
	width:416px;
	height:48px;
	background-image:url(../images/vsi_03.jpg);
	position: relative;
	float:left;
	padding-right:5px;
}
#toprtmenu{
	position:relative;
	float:left;
	/*width:481px;*/
	width:478px;
	height:27px;
	padding:0px;
	margin:0px;
}
.search{
	position:relative;
	float:right;
	color:#0097AC;
	font-size:14px;
	width:190px;
	height:26px;
	padding:0px;
	margin:0px;
	/*text-align:right;*/

}
.search2{

    position:relative;
    float:left;
    color:#0097AC;
    font-size:14px;
	width:175px;

}



/*middle part starts here*/

#middle{
	position:relative;
	float:left;
	width: 782px;
	height:246px;
	/*left:10%;
	right:10%;*/
	background-image:url(../images/bodyspacer.jpg);
	z-index:-9999;
}

#anim{
	position: relative;
	float:left;
	left:0px;
	width:398px;
	height:246px;
	background-image:url(../images/bodyspacer.jpg);
	background-position:left;
}
#main-img{
	/*position: relative;*/
	float: left;
	width:384px;
	height:246px;
	left:0px;

}
#pageNav{
position:relative;
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#contents{
	width:782px;
	position:relative;
	float:left;
	height:auto;
	background-image:url(../images/bodyspacer.jpg);
	/*left:10%;
	right:10%;*/
}
#text
{
	position:relative;
	float:left;
	text-align:left;
	font-size:13px;
	padding: 10px 10px 10px 20px;
	width:385px;
	font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif;
}

#content_new{
position:relative;
float:left;
}
#content_video{
position:relative;
float:right;
width:367px;
}
#content_video1{
position:relative;
float:left;
width:348px;
background-color:#49adbd;

}
#content_video2{
	position:relative;
	float:left;
	width:348px;
	height:150px;
	background-color:#49adbd;
	background-image:url(../images/blue_curve.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:10px 0px 0px 0px;
}

#content_video3{
	position:relative;
	float:left;
	width:348px;
	height:150px;
	background-color:#49adbd;
	background-image:url(../images/blue_curve1.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:10px 0px 0px 0px;
}

#content_video4{
	position:relative;
	float:left;
	width:348px;
	text-align:center;
	background-color:#49adbd;
}

#content_video_4{
	position:relative;
	float:left;
	width:346px;
	text-align:center;
	/*background-color:#d16769;*/
}

* html #content_video_4
{
	padding-top:8px;
}


.vid-text{
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
padding:0px 5px 0px 5px;
}
.contentupdate1{
color:#49adbd;
font-weight:bold;
font-size:16px;
}
.clickhere{
color:#fff;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.clickhere a{
text-decoration: none;
color:#fff;
}

#vid-text2_big{
position:relative;
color:#fff;
font-weight:bold;
font-size:16px;
padding-top:3px;
}

.play_text
{
	color:#000;
	font-size:12px;
}
.play_text a:link
{
	color:#000;
	text-decoration:none;
}

.video_spacing
{
	margin:8px 0 8px 0;
}

#mainvideobg
{
	background:url(../images/back-video.jpg) no-repeat left top; 
	width:346px; 
	height:72px; 
	margin:-3px 0 0 0; 
	padding:0;
}

.varvideotxt
{
	float:left; 
	font-size:16px; 
	font-weight:bold; 
	color:#fff; 
	text-align:left; 
	padding:5px 0 0 5px;  
	line-height:17px;
	width:103px;
}
.videotxt
{
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#fff; 
	float:left; 
	font-weight:normal;  
	padding:5px 0 0 0; 
	margin:0;
}

.videotxt a:link {text-decoration:underline; color: #fff;}
.videotxt a:visited {text-decoration:underline; color: #fff;}
.videotxt a:hover {text-decoration:underline; color: #fff;}
.videotxt a:active {text-decoration:underline; color: #fff;}

.freesuppliestxt
{
	float:left; 
	width:192px; 
	text-align:left;
}

.varvideotxt1
{
	float:left; 
	font-size:16px; 
	font-weight:bold; 
	color:#fff; 
	text-align:left; 
	padding:5px 0 0 45px;  
	line-height:17px;
	width:137px;
}
.freesupplyico
{padding:15px 0 0 5px;}

#video_text {
	background-color:#49adbd;	
}
#play_btn{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:15px 0 0 5px;
}
#video_text2{
	font-size:14px;
	float:right;
	width:268px;
	color:#fff;
	text-align:left;

}
/*html #video_text2{
	font-size:14px;
	float:right;
	width:238px;
	color:#fff;
	margin-right:10px;
}*/

#vid-text_small{
color:#FFFFFF;
font-size:14px;

}
#content-text_small{
color:#fff;
font-size:12px;
font-weight:bold;
/*margin:0px;*/
height:89px;
background:url(../images/blog-bg.jpg) no-repeat;

}

.f_size{
color:#0097AC;
font-size: 16px;
font-weight:bold;
}
.f_size1{
color:#0097AC;
font-size: 13px;
font-weight:bold;
}
#products{
	width:745px;
	height:164px;
	position: relative;
	float: left;
	left: 19px;
	padding-top:10px;
}


/************** pageName styles ****************/

#pageName{
	position:relative;
	float: left;
	width:782px;

}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************** footer styles ****************/

#footer{
	position:relative;
	float:left;
	height:100px;
	width:782px;
	/*left: 10%;
	right: 10%;*/
	
}
#footer1{
	position: relative;
	float:left;
	background-image:url(../images/footer1.jpg);
	width: 782px;
}
#footer2a{
	width:64px;
	height:60px;
	position: relative;
	float:left;
	background-image:url(../images/yellow-spacer.jpg);
	vertical-align: top;
}

#footer2b{
	width:705px;
	height:60px;
	position: relative;
	float:left;
	background-image:url(../images/yellow-spacer.jpg);
	vertical-align: top;
}
.footer_text{
	vertical-align:middle;
	position:relative;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	padding:7px;
	width:50%;
}
.footer_text2{
	vertical-align:middle;
	position:relative;
	float:right;
	font-size:10px;
	color:#FFFFFF;
	padding:5px;
	width:30%;
}
.footer_menu{
	vertical-align:middle;
	font-size:11px;
	color:#FFFFFF;
	padding:5px;
	color:#6a6969;
}
.footer_menu a{
	color:#6a6969;
	text-decoration:none;
}
.footer_menu a:hover{
	color:#000000;
	
}
#go{width:30px; height:26px; position:relative; float: right; top:0px; vertical-align: middle; margin:0px; padding-top:0px;
}
#go_home{width:30px; height:24px; position:relative; float: right; top:-24px; vertical-align: top;
}

/*new header start*/



#header1{
position: relative;
	float:left;
	/*left: 10%;
	right: 10%;*/
width:782px;
height:109px;
background-image:url(../images/header-spacer.jpg);

}
#logo1{
width:246px;
float:left;
}
#top_right{
width:536px;
float:right;
}
#top1{
height:83px;
width:536px;
text-align:right;
background-image:url(../images/top_rt_new.jpg);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;

}
#top_menu1{
width:536px;
height:26px;
}

#search1{
	width:220px;
	height:30px;
	text-align:left;
	position:absolute;
	/*top:30px;*/
	top:35px;
	left: 560px;
	vertical-align:middle;
	color:#0097AC;
	font-size:14px;
}

#top_right_home{
width:536px;
float:right;
}
#top_menu1_home{
width:536px;
height:26px;
}
#top1_home{
height:83px;
width:536px;
text-align:right;
background-image:url(../images/top_rt_new.jpg);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
}

.td_search
{	
	vertical-align:top;
	padding-right:2px;
}

/*new header end*/
.vid-text2_var{
color:#000;
font-weight:bold;
font-size:16px;
/*padding:150px 10px 0px 0px;*/
}

.play_text2
{
	color:#000;
	font-size:12px;
	padding:10px 10px 0px 0px;
}

/*Css edit on 23rd january
-------------------------------------------------------*/
#text h1
{
	color:#0097AC;
	font-size: 16px !important;
	font-weight:bold;
	line-height:18px;
	padding:0;
	margin:0;
	float:left;
	font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif;
}

.blog
{
	float:left;
	padding:5px 0 0 8px;
}

#blogHead
{
	text-align:left;
	width:173px;
	float:left;
	}

#blogHead h4
{
color:#136976;
font-weight:bold;
font-size:16px;

font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif;
line-height:16px;
padding:15px 0 0 0;
margin:0;
}

#blogHead p
{
	color:#136976;
	font-size:12px;
	font-weight:normal;
	margin:7px 0 0 38px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}


#blogHead p a:link {text-decoration:underline; color:#136976;}
#blogHead p a:visited {text-decoration:underline; color:#136976;}
#blogHead p a:hover {text-decoration:underline; color:#136976;}
#blogHead p a:active {text-decoration:underline; color:#136976;}

#blogLP
{
	text-align:left;
	width:165px;
	float:left;
	
}

#blogLP h4
{
color:#fff;
font-weight:bold;
font-size:16px;

font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif;
line-height:16px;
padding:25px 0 0 0;
margin:0;

}

#blogLP p
{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin:12px 0 0 24px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#blogLP p a:link {text-decoration:underline; color:#fff;}
#blogLP p a:visited {text-decoration:underline; color:#fff;}
#blogLP p a:hover {text-decoration:underline; color:#fff;}
#blogLP p a:active {text-decoration:underline; color:#fff;}

.blog2
{
	float:left;
	padding:5px 7px 0 12px;
}