/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
img, h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0;
border:0;
}

p {
padding:1px 0;
}


body {
margin:0;
background-image:url(images/mainbg.jpg);
background-color:#efeeee;
background-repeat:repeat-x;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#787878;
line-height:17px;
}
/*---------------------------------------background position---------------------------------
body { background-image: url(named_image.gif/jpg/png); background-position: center;}

*/


/*---------------------------------------------layout starts---------------------------------------------*/
#wrapper {
width:900px;
padding:0;
overflow:hidden;
margin:0 auto;

}
#sub-wrapper {
width:900px;
background-color:#fff;
overflow:hidden;
}
/*---------------------------------------------top part starts ---------------------------------------------*/

#header {
width:900px;
height:305px;
margin-bottom:10px;
}


.toppart {
width:900px;
height:51px;
}

.topnav {
width:278px;
background-image:url(images/topnavbg.jpg);
height:51px;
float:left;
display:inline;
}


#mainlogo{
background: url(images/logo.jpg) no-repeat;
width:428px;
height:77px;
float:left;
display:inline;
}

#topmainlogo{
width:472px;
height:100px;
float:left;
display:inline;
border:0px solid #ccc;
}

.scrollccontainer {
width:900px;
border:0px solid #ccc;
height:21px;
float:left;
display:inline;
}

.whatsnew {
width:86px;
background: url(images/whatsnew.jpg) no-repeat;
float:left;
display:inline;
height:21px;
}

.marqueetext {
width:678px;
background-color:#33CCFF;
height:21px;
line-height:20px;
float:left;
color:#FBFBFB;
display:inline;
}

.checkemail {
width:111px;
height:21px;
float:right;
}


#rightpart{
background-color:#ebebea;
border:0px solid #ccc;
width:258px;
float:right;
padding:0 10px;
font-size:12px;
overflow:hidden;
}
#topmenu {
width:575px;
height:38px;
float:right;
margin-top:18px;
}

#middlemenu {
width:898px;
height:33px;
margin-top:1px;
border-left:1px solid #b0b0b0;
border-right: 1px solid #b0b0b0;
}

#bannermenucontainer {
width:900px;
height:220px;
}

#slideshow {
width:623px;
height:285px;
float:left;
display:inline;
}

#slideimages{
width:623px;
height:285px;
overflow:hidden;
}
#container {
width:622px;
height:242px;

}
#banner {
width:900px;
background: url(images/mainbanner.jpg) no-repeat;
height:220px;
}

#featurebox {
width:900px;
overflow:hidden;
margin:0 auto;
}

#latestnews {
padding:5px;
text-align:justify;
}

#yauvan {
width:268px;
float:right;
padding:6px 0 0 6px;
background-color:#e9e9e8;

}


/*-------------------------------------------------------slideshow slider starts---------------------------------------------*/

ul#slider {
    width: 623px;
    height: 285px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul#slider li {
    float: left;
    position: relative;
    /*display: none;*/
}

ul#slider li div {
    position: absolute;
    width: 603px;
    background-color: #000;
    color: #fff;
    left: 0;
    /*display: none;*/
    padding: 10px;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}

/*---------------------------------------------------------Tags-------------------------------------------------*/

.tagsone {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:11px;
color:#656565;
text-decoration:none;
}

.tagsone:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:11px;
color:#656565;
text-decoration:underline;
}

.tagstwo {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagstwo:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}

.tagsthree {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagsthree:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}

.tagsfour {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagsfour:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}

.tagsfive {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:10px;
color:#656565;
text-decoration:none;

}

.tagsfive:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:10px;
color:#656565;
text-decoration:underline;
}
.tagssix {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagssix:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}

.tagsseven {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:11px;
color:#656565;
text-decoration:none;

}

.tagsseven:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:11px;
color:#656565;
text-decoration:underline;
}

.tagseight {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:none;

}

.tagseight:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:underline;
}

.tagsnine {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:none;

}

.tagsnine:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:underline;
}

.tagsten {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:18px;
color:#656565;
text-decoration:none;

}

.tagsten:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:18px;
color:#656565;
text-decoration:underline;
}

.tagseleven {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:10px;
color:#656565;
text-decoration:none;

}

.tagseleven:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:10px;
color:#656565;
text-decoration:underline;
}

.tagstwelve {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagstwelve:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}


.tagsthirteen {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:none;

}

.tagsthirteen:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-decoration:underline;
}

.tagsfourteen {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagsfourteen:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}

.tagsfifteen {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:16px;
color:#656565;
text-decoration:none;

}

.tagsfifteen:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:16px;
color:#656565;
text-decoration:underline;
}

.tagssixteen {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:none;

}

.tagssixteen:hover {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:14px;
color:#656565;
text-decoration:underline;
}
/*--------------------------------------------------------------------------Chrome style menu-----------------------------------------------------------*/

.chromestyle{
width: 99%;
font-weight: bold;
font-family:"Trebuchet Ms",Arial, Helvetica, sans-serif;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #5b9400;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 8px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #202020;
padding: 10px 15px;
margin: 0;
text-decoration: none;
border-left: 1px solid #b0b0b0;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color:#333;
text-decoration:underline;
}

.chromestyle ul li a.choosen{
color: #333;
padding: 13px 15px;
margin: 0;
text-decoration: underline;
border-left: 0px solid #5b9400;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size:11px;
font-family:'Tahoma',Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}


/*-------------------------------------------- top menu starts---------------------------------------------------*/
#toprightmenu{
font-family:Tahoma;
background:url(images/topnavbg.jpg) no-repeat;
width:278px;
height:51px;
font-size:11px;
color:#333;
float:left;
}

#toprightmenu ul {

margin:2px 2px;
padding:0px;

}

#toprightmenu ul li {

display:inline;
float:left;
list-style:none;
margin-left:15px;
line-height:normal;
position:relative;
border-right:0px solid #f4f2f2;


}

#toprightmenu ul li a {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
color:#037a99;
font-weight:normal;
font-size:11px;
text-decoration:none;
padding:18px 10px 5px 10px;
display:block; 

}

#toprightmenu ul li a:hover {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
color:#026179;
font-size:11px;
text-decoration:none;
padding:18px 10px 5px 10px;
display:block; 
text-decoration:underline;
}
#toprightmenu ul li a.choosen{
font-family:"Tahoma", Arial, Helvetica, sans-serif;
color:#3a3a8d;
font-size:11px;
text-decoration:none;
background-color:#f9d02e;
padding:5px 10px 5px 10px;
font-weight:normal;
display:block; 
}

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		}

	#jsddm li a
	{	
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;
		color:#8aa5c9;
		font-size:11px;
		display: block;
		padding:11px 10px;
		text-decoration: none;
		border-right:1px solid #cfcfcf;
		white-space: nowrap
		}

	#jsddm li a:hover
	{	
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;
		color:#58729c;
		font-size:11px;
		padding:11px 10px;
		text-decoration:none;
		border-right:1px solid #cfcfcf;
		background-color:#f3f3f3;
	}
	
	#jsddm li a.choosen
	{	
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;
		color:#7a94bd;
		font-size:11px;
		font-weight:bold;
		padding:11px 13px;
		text-decoration:none;
		background-color:#f3f3f3;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		 { 
		 	font-family:"Tahoma", Arial, Helvetica, sans-serif;
			color:#252469;
			font-size:11px;
			font-weight:normal;	
			border-bottom:1px solid #000;
			width: auto;
			background-color:#f9d12e;}
		
		#jsddm li ul li a:hover
		{	
			ont-family:"Tahoma", Arial, Helvetica, sans-serif;
			color:#f9d12e;
			font-size:11px;
			font-weight:normal;	
		 	background-color:#00008b;}
/*------------------------------------------------------------feaure product menu------------------------------------------------------------*/
.productmenu {
width:186px;
float:left;
display:inline;
}

.productmenu ul {
margin:0;
padding:0;
}
.productmenu ul li {
list-style:none;
display:block;
padding:5px 5px;
border-bottom:1px solid #f2f2f2;

}
.productmenu ul li a {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a83a6;
font-weight:bold;
text-decoration:underline;
}

.productmenu ul li a:hover {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a83a6;
font-weight:bold;
text-decoration:none;
}
/*------------------------------------------------------------footer menu------------------------------------------------------------*/
#footermenu {
width:450px;
height:20px;
float:right;

}

#footermenu ul {
margin:10px 0;
padding:0;

}
#footermenu ul li {
list-style:none;
display:inline;
padding:0 5px;
border-right:1px solid #666;
}
#footermenu ul li a {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
font-weight:bold;
text-decoration:none;
}

#footermenu ul li a:hover {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}
/*------------------------------------------------------------designlink------------------------------------------------------------*/
.designlink {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
font-weight:bold;
}
.designlink:hover{
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;

}
/*------------------------------------------------------------designlink------------------------------------------------------------*/
.courselink {
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
font-weight:bold;
}
.courselink:hover{
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;

}
/*------------------------------------------------------------more links------------------------------------------------------------*/

.morelink {
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b9400;
font-weight:bold;
text-decoration:underline;

}
.morelink:hover {
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:11px;
color:#eca034;
font-weight:bold;
text-decoration:none;
}

.featurelink {
font-family:'Tahoma', Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:underline;

}
.featurelink:hover {
font-family:'Tahoma', Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:none;
}



.emaillink {
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:11px;
color:#355073;
font-weight:bold;
text-decoration:underline;
}
.emaillink:hover {
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:11px;
color:#355073;
font-weight:bold;
text-decoration:none;

}
/*------------------------------------------------------------product gallery menu------------------------------------------------------------*/
#productgallery {
width:300px;

}
.imglinks {
margin:2px;
float:right;
}
.imglinks{
border:1px solid #ddd;
}
.imglinks:hover {
border:1px solid #666;
}

.imagethumbs {
margin:5px 6px;
border:1px solid #666;
}

.imgleft {
margin:10px 0 4px 0;
border:1px solid #bdbcbc;

}

/*------------------------------------------------------------main content starts------------------------------------------------------------*/
#contents {
width:900px;
padding:10px 0;
text-align:justify;
background-color: transparent;
overflow:hidden;
}


#submidcontent {
width:408px;
padding:5px 0;
float:left;
display:inline;
margin-right:5px;
text-align:justify;
border:0px solid #ccc;
}
#subrightcontent{
background-color:#f8f8f8;
width:200px;
padding:5px;
float:right;
text-align:justify;
border:0px solid #ccc;
}

/*------------------------------------------------------all titles---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet Ms',Arial, Helvetica, sans-serif;
	
	}

h1 {
font-size:20px;
text-align:left;
font-weight:normal;
color:#009abe;

}

h2 {
background-image: url(images/leftimg.jpg);
padding:2px 0;
height:21px;
font-size:14px;
text-indent:4px;
}
h3 {
color:#e8eb05;
text-align:left;
font-size:16px;
margin:0;
padding:0;


}
h4 {
color: #666;
text-align:left;
font-size:12px;
}
h5 {
color:#fff1f1;
text-align:left;
font-size:12px;
}

/*----------------------------------------------------titles--------------------------------------------*/

#leftcontent {
width:206px;
margin-right:4px;
float:left;
display:inline;
overflow:hidden;
}

.leftcontainer {
width:186px;
background: #fff url(images/boxbg.jpg) repeat-x bottom;
padding:9px;
border:1px solid #b0b0b0;
overflow:hidden;


}

.allcontainer {
width:622px;
background: url(images/allfooter.jpg) repeat-x bottom;
padding-bottom:10px;
float:left;
display:inline;
margin-top:10px;
margin-right:7px;

}



.midcontainer {
width:458px;
background: #fff url(images/boxbg.jpg) repeat-x bottom;
padding:10px;
float:left;
display:inline;
border:1px solid #b0b0b0;
overflow:hidden;


}

.lefttitles, .righttitle{
width:186px;
background: url(images/menuhover.jpg) repeat;
font-family:'Trebuchet Ms',Arial, Helvetica, sans-serif;
font-size:14px;
color:#009abe;
text-indent:10px;
padding:5px 0;
font-weight:bold;
border:1px solid #b0b0b0;
height:14px;
}


.midtitles{
width:354px;
background: url(images/midtitle.jpg) no-repeat;
font-family:'Times New Roman', Times, serif;
font-size:16px;
color:#009abe;
text-indent:10px;
padding:8px 0;
font-weight:bold;
border:0px solid #ccc;
height:16px;
}

.alltitles{
width:622px;
background: url(images/alltitle.jpg) no-repeat;
font-family:'Times New Roman', Times, serif;
font-size:16px;
color:#009abe;
text-indent:10px;
padding:8px 0;
font-weight:bold;
border:0px solid #ccc;
height:16px;
}

.rightcontainer {
width:186px;
background: #fff url(images/boxbg.jpg) repeat-x bottom;
padding:9px;
float:right;
border:1px solid #b0b0b0;
overflow:hidden;
}
.righttitles{
width:261px;
background:url(images/toptitle.jpg) no-repeat;
font-family:'Times New Roman', Times, serif;
font-size:16px;
color:#668b18;
text-indent:10px;
padding:6px 0;
font-weight:bold;
border:0px solid #ccc;
height:20px;
}

.rightins {
width:251px;
padding:5px;
background-color:#fff;
}

.leftins {
width:251px;
padding:5px;
background-color:#fff;
}

.midins {
width:344px;
padding:5px;
background-color:#fff;
}
.allins {
width:612px;
padding:5px;
background-color:#fff;
}

/*----------------------------------------------------footer -------------------------------------*/
#bigfooter {
background-image:url(images/bigfooterbg.jpg);
background-color:#02a8cf;
background-repeat:repeat-x;
color:#fff;
width:100%;
font-size:12px;
overflow:hidden;
margin-top:0px;
}

.featureboxtwo {
width:280px;
padding:10px 10px;
float:left;
display:inline;
margin-right:10px;
}
.featureboxthree {
width:260px;
padding:10px 10px;
float:right;

}


#footer {
width:100%;
margin:0 auto;
height:40px;
padding:0 10px;
position:relative;
border:0px solid #c7c2c2;
background:#fff url(images/menuhover.jpg) repeat-x bottom;
}

#copyright {
width:100%;
height:45px;
background-color:#f4f2f2;
padding:5px 5px;
}
#footerin {
width:900px;
margin:0 auto;
color:#333;
padding:5px 5px;
}
#copycompany {
width:230px;
float:left;
display:inline;
font-family:'Trebuchet Ms',Arial, Helvetica, sans-serif;
color:#212121;
font-weight:bold;
}

/*---------------------------------------------lists----------------------------------------------------*/
ol {
font-family: "Tahoma", Times New Roman, Times, serif;
font-size:11px;
padding:4px;
margin:22px;
}


/*---------------------------------------------forms layouts------------------------------------------*/
#form {
padding-top:10px;
margin-top:20px;
width:540px;
border:1px dashed #ccc;
color:#333;
padding-bottom:10px;
padding-left:10px;
background-image:url(images/feedbacktop.jpg);
background-repeat:no-repeat;
background-color:#fff;
}
label{
float: left;
width: 120px;
font-weight: bold;
padding-left:10px;
padding-top:10px;
}


textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}


input {
width:180px;
background-color:#fff;
border:1px solid #838383;
margin-left:0px;
margin-top:10px;
color:#666;
font-family:"Trebuchet Ms",Arial, Helvetica, sans-serif;
font-size:10px;
height:22px;
}

select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.submit, reset {
margin-left:130px;
margin-top:10px;
margin-bottom:10px;

}

dl {
border:1px solid #fff;
}

textarea {
background-color:#fff;
margin-left:0px;
margin-top:10px;
width:210px;
height:50px;
color:#666;
font-family:"Trebuchet Ms",Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #838383;
}

.form {
margin-top:10px;
width:600px;
border:1px solid #f3f3f3;
}

/* End of 'Accessibility and cross-browser tools' */