/* CSS Document */

body {
	margin:0px auto 10px auto;
	padding:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C4C4C;
}

.header {
	background-image: url(../site-images/common/header-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#welcomeAdmin {
	background-image: url(../site-images/common/welcome-admin.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#welcomeAdmin div {
	font-size:15px;
	color:white;
	padding:0px 5px 17px 0px;
	text-align:right;
	font-weight:bold;
}

#mainTable td {
	padding:0px 23px 0px 23px;
}

/*************************** Main Navigation ********************************/
.nav-bg {
	background-image: url(../site-images/common/main-nav-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:45px;
	padding:0px 23px 0px 23px;
}

.nav-sep {
	background-image: url(../site-images/common/nav-seprator.gif);
	background-repeat: no-repeat;
	background-position: center middle;
	margin:0px 10px 0px 10px;
}

#navs {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	margin:10px 0px 0px 0px;
}

#navs a:link {
	color:#FFFFFF;
	text-decoration:none;
}

#navs a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#navs a:hover{
	color:#000000;
	text-decoration:none;
}

#navs .active {
	color:#000000;
	text-decoration:none;
}

/********************** Common Links ***************************/
a:link {
	color:#036D99;
	text-decoration:none;
}
#routes a:link{
color:#036D99;
	text-decoration:none;
}
#routes a:active{
color:#000000;
	text-decoration:none;
}
a:visited {
	color:#036D99;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}
a:active {
	color:#E39216;
	text-decoration:none;
}

/********************** This class use for Update And User **********************/
#update {
	font-weight:bold;
	font-size:11px;
	color:#999999;
	padding-left:23px;
	line-height:18px;
}

#update .user {
	color:black;
}

#user {
	font-weight:bold;
	font-size:11px;
	color:#999999;
	padding-right:23px;
	line-height:18px;
}

/********************** This class use for Breadcrumbs *********************/
#breadcrumbs {
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	padding-left:23px;
}

#breadcrumbs a:link{
	text-decoration: none;
	color: #333333;
}

#breadcrumbs a:visited{
	text-decoration: none;
	color: #333333;
}

#breadcrumbs a:hover{
	text-decoration: none;
	color: #666666;
}

/********************** Main Content ***********************/
.ver-sep {
	background-image: url(../site-images/common/ver-sep.gif);
	background-repeat: repeat-x;
	background-position: center middle;
}

.ver-sep01 {
	border-bottom:1px dotted #cccccc;
}
.errormsg
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

.errorMessage
{
    COLOR: #FF0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold
}
.midtxt
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}

.hori-sep {
	background-image: url(../site-images/common/ver-sep.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.innerHoriSep {
	border-right:1px solid #E4E4E4;
}

#container {
	padding:0px 23px 35px 23px;
}

.pagetitle {
	font-size:20px;
	color:#036D99;
	margin-bottom:10px;
}
.pagetitleR {
	font-size:15px;
	color:#000000;
	margin-bottom:10px;
}

.pagetitleSmall {
	font-size:13px;
	color:#036D99;
	margin-bottom:10px;
	font-weight:bold;
}
.pagetitleSmallT {
	font-size:15px;
	color:#E39216;
	margin-bottom:10px;
	font-weight:bold;
}

.pagetitlebig {
	font-size:14px;
	color:#E39216;
	margin-bottom:15px;
	margin-top:15px;
	font-weight:bold;
}
.pagetitlebigN {
	font-size:13px;
	color:#E39216;
	margin-bottom:15px;
	margin-top:15px;
	font-weight:bold;
}
.highlight {
	border-bottom:0px solid #C2DDE9; 
	xbackground-color:#C2DDE9;
	color:#E39216;
	font-weight:bold;
}
.two {
	FONT-SIZE: 8px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.error_msg {
	font-size:13px;
	color:red;
	margin-bottom:10px;
	font-weight:bold;
}
/***************** Material Search **********************/

#mainSearch .table {
	border:1px solid #E2E2E2;
}

#mainSearch .header {
	font-weight:bold;
	font-size:13px;
	background-image: url(../site-images/common/tableHeading-bg.gif);
	background-repeat: repeat-x;
	background-position: center middle;
	height:33px;
	color:#000000;
	padding:0px 8px 0px 8px;
}

#mainSearch .subheader {
	font-weight:bold;
	color:#000000;
	padding:0px 8px 0px 8px;
}

.tableBottom {
	background-image: url(../site-images/common/table_bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:8px;
}

#rule li {
	background-repeat: no-repeat;
	list-style-image: url(../site-images/common/list-bullet.gif);
	vertical-posotion: left top;
	line-height:18px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px -15px;
}
html>body #rule li {background-repeat: no-repeat;list-style-image: url(../site-images/common/list-bullet01.gif);vertical-posotion: left top;line-height:18px;padding:0px 0px 0px 0px;margin:0px 0px 0px -15px;}

/***************** Intuitive Category Search **********************/

#intuitiveSearch {
	border:1px solid #E2E2E2;
	background-image: url(../site-images/common/intuitiveBg.gif);
	background-repeat: repeat-x;
	background-position: center middle;
	height:56px;
	padding:0px 8px 0px 8px;	
}

#intuitiveSearch .subheader {
	font-weight:bold;
	font-size:13px;
	color:#000000;
	padding:5px 0px 10px 0px;
}

/********************** This class use for Update **********************/
#whatsNew {
	font-size:12px;
	border:1px solid #E2E2E2;
	font-weight:bold;
	color:#999999;
}

#whatsNew .heading {
	color:#666666;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	background-image: url(../site-images/common/whatNewBg.gif);
	background-repeat: repeat-x;
	background-position: center middle;
	height:28px;
}

#whatsNew .td {
	border-top:1px solid #cccccc;
	padding:0px 8px 0px 8px;
}

#whatsNewInner {
	font-size:12px;
	background-color:#e4e4e4;
	font-weight:bold;
	color:#E39216;
	padding:2px 0px 2px 5px;
	margin:5px 0px 5px 0px;
}

#whatsNewInnerMatter {
	margin:5px 5px 5px 5px;
	text-align:justify;
}

#news {
	font-size:13px;
	border:1px solid #cccccc;
	font-weight:normal;
	color:#999999;
}

#news .heading {
	color:#666666;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	background-image: url(../site-images/common/whatNewBg.gif);
	background-repeat: repeat-x;
	background-position: center middle;
	height:28px;
}

#news .td {
	border-top:1px solid #cccccc;
	padding:0px 8px 0px 8px;
}

.hbox {
	BORDER-RIGHT: #6699cc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #6699cc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #6699cc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #6699cc 1px solid; BACKGROUND-COLOR: #f4f8fb
}

.newslist li {
	font-size:12px;
	background-repeat: no-repeat;
	list-style-image: url(../site-images/common/news-bullet01.gif);
	vertical-posotion: left top;
	line-height:16px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}
html>body #newslist li {background-repeat: no-repeat;list-style-image: url(../site-images/common/news-bullet01.gif);vertical-posotion: left top;line-height:16px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

#pscroller2 {
	font-size:12px;
	color:#ffffff; /*3252b2*/
	width:480px;
	padding:0px 0px 0px 0px;
	text-align:left;
	height:80px;
	float:right;
}
html>body #pscroller2 {width:480px;height:80px;padding:0px 0px 0px 0px;}
/**************************** Footer ****************************/

.footer-bg {
	background-image: url(../site-images/common/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.row2 {
	FONT-WEIGHT: bold; COLOR: #488fcc
}
.row2SCPD {
	FONT-SIZE: 10px FONT-WEIGHT: bold; COLOR: #488fcc
}
.lefttxtbig 
{  	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #000000
}


.subheading {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #6f3572; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#footer .bg01 {
	background-image: url(../site-images/common/footer-bg01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:57px;
	width:445px;
	margin-left:23px;
	font-size:10px;
}
.two_black {
	FONT-SIZE: 10px
}
.two_blue {
	font-weight:bold; 
	FONT-SIZE: 10px; COLOR: #488fcc
}
.footer {
	color:#787878;
	text-decoration:none;
	text-align:left;
	padding:5px 10px 5px 10px;
	font-family:Verdana;
}

.footer a:link {
	color:#D84901;
	text-decoration:none;
}

.footer a:visited {
	color:#787878;
	text-decoration:none;
}

.footer a:hover {
	color:#000000;
	text-decoration:none;
}

/********************************* Sub Nav ****************************/
.arrowlistmenu{
width: 100%; /*width of menu*/
}

.arrowlistmenu ul{
list-style-type: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a {
	background: url(../site-images/common/subNav_icon.gif) no-repeat center left; /*custom bullet list image*/
	xdisplay: block;
	padding: 2px 0;
	padding-left: 12px; /*link text is indented 19px*/
	text-decoration: none;
}

.arrowlistmenu ul li a:visited{
	color: #3677A4;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #000000;
}

/******************** Form Eliments ************************/
#catagory {
	font-weight:bold;
	color:#666666;
	padding:0px 8px 0px 3px;
}

#catagory label {
  display: inline-block;
  vertical-align: middle;
}
html>body #catagory label {line-height: 1.4;vertical-align: middle;}

#catagory input {
  display: inline-block;
  vertical-align: middle;
}
html>body #catagory input {vertical-align: top;}

#keyword {
	font-weight:bold;
	color:#666666;
	padding:0px 8px 0px 8px;
}

#keyword input {
	color:#666666;
	font-size:11px;
	padding:4px 8px 4px 8px;
	border:1px solid #C1C1C1;
	width:65%;
}

#keyword img {
	margin:0px 0px 0px 8px;
}
html>body #keyword img {margin:0px 0px 3px 8px;}


/********************* Right collum ********************/
.leftBorder {
	border-left:1px solid #CECECE;
}

#formRightBox {
	padding-left:15px;
	color:#414141;
	font-size:12px;
}

#formRightBox .title {
	color:#CA3801;
	font-size:15px;
	font-weight:bold;
	padding-bottom:8px;
}

.innerSearch {
	font-weight:bold;
	text-decoration:none;
	color:#E6B800;
	padding-top:10px;
}

.innerSearch a:link {
	text-decoration:none;
	color:#E6B800;
}

.innerSearch a:visited {
	text-decoration:none;
	color:#E6B800;
}

.innerSearch a:hover {
	text-decoration:none;
	color:#000000;
}

#xinnerSearch td {
	height:30px;
	background-color:#F4F5F4;
	padding:0px 4px 0px 4px;
	border-bottom:2px solid #FFFFFF;
}

#xinnerSearchMaterial .td2 {
	color:#E71200;
	font-weight:bold;
}

/**************************** Class use For Testimonial ***************************/

#testimonial {
	font-family:'Georgia', Arial, Times New Roman, Times, serif;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
	padding:5px 8px 5px 0px;
	line-height:18px;
}

#testimonial .customer {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

/********************** Classe's for Search result page *************************/
.whatSearch {
	font-weight:bold;
	color:#E39216;
}
.whatSearchT{
font-size:15px;
	font-weight:bold;
	color:#E39216;
}
.whatSearchNormal {
	font-weight:normal;
	color:#E39216;
}

#paging {
	float:right;
	margin:7px 0px 10px 0px;
}

#paging a:link {
	margin:0px 0px 10px 0px;
}

#paging a:visited {
	margin:0px 0px 10px 0px;
}

#paging a:hover{
	margin:0px 0px 10px 0px;
	text-decoration:underline;
}

#paging .current {
	margin:0px 0px 10px 0px;
	text-decoration:underline;
}

#result .table {
	border:1px solid #E2E2E2;
}

#result td {
	padding:5px 8px 0px 8px;
}

#result .img {
	margin:0px 8px 2px 0px;
}

#result .header {
	font-weight:bold;
	font-size:13px;
	background-image: url(../site-images/common/tableHeading-bg.gif);
	background-repeat: repeat-x;
	background-position: center middle;
	height:33px;
	color:#000000;
	padding:0px 8px 0px 8px;
}

#result .subheader {
	font-weight:bold;
	padding:0px 8px 0px 8px;
}

#resultDetail table {
	background-color:#00FFFF;
}

#resultDetail td {
	padding:2px 8px 2px 8px;
	background-color:#FFFFFF;
	vertical-align:middle;
	/*text-align:center;/*---------------added by KK-------------------------it was left*******************/
}

#resultDetail .headerD td {
	font-weight:bold;
	background-color:#E4E4E4;
	height:30px;
	vertical-align:middle;
	text-align:center;
}
#resultDetail .headerR td {
		background-color:#FFFFFF;
	height:20px;
	vertical-align:middle;
	text-align:center;
}

#resultDetail .headerL td {
	padding:2px 8px 2px 8px;
	background-color:#FFFFFF;
	vertical-align:middle;
	text-align:left;/*---------------added by KK-------------------------it was left*******************/
}
#resultDetail .headerB td {
	font-weight:bold;
	background-color:#E4E4E4;
	height:30px;
	vertical-align:middle;
	text-align:left;
}
#resultDetail .headerC td {
	font-weight:bold;
	background-color:#E4E4E4;
	height:30px;
	vertical-align:middle;
	
}
#resultDetail .headerE td {
	font-weight:bold;
	background-color:#E4E4E4;
	height:30px;
	vertical-align:middle;
	
}
#resultDetail .note {
	color:#999999;
}

/***************** Class for Two Colom **********************/
#leftColom {
	float:left;
	width:50%;
}

#rightColom {
	float:right;
	width:50%;
}

.clean {
	display: block;	
	height: 0;	
	clear: both;
}
/***************** Class use for Accordian ******************/
.mypets{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	padding: 2px 8px;
	border: 1px solid #ACACAC;
	background: #C3C3C3;
	font-weight:bold;
	color:#3677A4;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
	background-color:#B9B9B9;
	color:#000000;
}

.thepet {
	padding:2px 2px 2px 5px;
	border-right:1px solid #ACACAC;
	border-bottom:1px solid #ACACAC;
	border-left:1px solid #ACACAC;
}
html>body .thepet {padding:2px 8px 2px 8px;}

#innerForm {
	padding:0px 0px 0px 3px;
	margin:-15px 0px -20px 0px;
}
html>body #innerForm {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#innerForm span {
	color:#000000;
	font-weight:normal;
	font-weight:bold;
}

#innerForm label {
  display: inline-block;
  vertical-align: middle;
}
html>body #innerForm label {line-height: 1.4;vertical-align: middle;margin:2px 0px 0px 0px;}

#innerForm input {
  display: inline-block;
  vertical-align: middle;
  margin:0px 0px 0px -5px;
}
html>body #innerForm input {vertical-align:top;margin:5px 0px 0px -1px;}

#innerForm .input {
	border:1px solid #ACACAC;
	margin:0px 0px 0px 4px;
}
#innerForm .input {margin:0px 0px 0px 0px;}

#innerForm select {
	border:1px solid #ACACAC;
	font-size:11px;
	width:180px;
	background-color:#f4f4f4;
}
html>body #immerForm select {border:1px solid #ACACAC;}

/******************* This class use for Tab sections Sub menu *******************/
#tabSubLink {
	xbackground-image: url(../site-images/common/subLink_icon.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: left center;
}

#tabSubLink link {
	background-image: url(../site-images/common/subLink_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#tabSubLink a:visited {
	background-image: url(../site-images/common/subLink_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#tabSubLink a:hover {
	background-image: url(../site-images/common/subLink_icon_r.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#tabSubLink .current {
	padding:0px 5px 0px 18px;
	text-decoration: none;
	font-weight:bold;
	color:#000000;
}

/************************ This class use for common tables *************************/
#content table {
	background-color:#cccccc;
}

#content td {
	padding:2px 8px 2px 8px;
	background-color:#ffffff;
	vertical-align:top;
}

#content .headerD td {
	font-weight:bold;
	background-color:#E4E4E4;
}

#content {
	line-height:18px;
}

#content li {
	background-repeat: no-repeat;
	list-style-image: url(../site-images/common/list-bullet.gif);
	vertical-posotion: left top;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	margin:0px 0px 0px -15px;
}
html>body #content li {background-repeat: no-repeat;list-style-image: url(../site-images/common/list-bullet01.gif);vertical-posotion: left top;padding:0px 0px 0px 0px;margin:0px 0px 0px -15px;}

#subLink {
	float:right;
}

#subLink a:link {
	background-image: url(../site-images/common/subLink_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#subLink a:visited {
	background-image: url(../site-images/common/subLink_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#subLink a:hover {
	background-image: url(../site-images/common/subLink_icon_r.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 5px 0px 18px;
	text-decoration: none;
}

#content label {
  display: inline-block;
  vertical-align: middle;
}
html>body #catagory label {xline-height: 1.4;vertical-align: middle;}

#content input {
  display: inline-block;
  vertical-align: middle;
  font-size:12px;
}
html>body #content input {vertical-align: top;}

#content select {
	border-top:1px solid #ACACAC;
	font-size:12px;
	background-color:#f4f4f4;
}
html>body #content select {border-top:1px solid #ACACAC;}

.reqField {
	color:red;
}

.note {
	color:#999999;
}
/******************* This class for Tree Menu *********************/
.menu {
	width:200px;
}

/* Menu styles */
.menu ul
	{
	margin:0px;
	padding:0px;
	text-decoration:none;
	}
.menu li
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	font-weight:normal;
}

/* Submenu styles */
.menu li li
	{
	margin:0px 0px 0px 16px;
	}

/* Symbol styles */
.menu .symbol-item,
.menu .symbol-open,
.menu .symbol-close
	{
	float:left;
	width:16px;
	height:1em;
	background-position:left center;
	background-repeat:no-repeat;
}
html>body .menu .symbol-item, .menu .symbol-open, .menu .symbol-close {background-position:left bottom;}
.menu .symbol-item  { background-image:url(../site-images/tree-icons/page.png); }
.menu .symbol-close { background-image:url(../site-images/tree-icons/plus.png);}
.menu .symbol-open  { background-image:url(../site-images/tree-icons/minus.png); }
.menu .symbol-item.last  { }
.menu .symbol-close.last { }
.menu .symbol-open.last  { }

/* Menu line styles */
.menu li.item  { font-weight:normal; }
.menu li.close { font-weight:normal; }
.menu li.open  { font-weight:bold; }
.menu li.item.last  { }
.menu li.close.last { }
.menu li.open.last  { }