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

@import url("../css/navigation.css");

@import url("../css/sidebar.css");

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

ALL FONTS FAMILY CSS

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

.elink,

.pagepath, 

.maillistform input,

#footer,

.gridlistbtn a {

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

	}

body,

.link,

.cmstxt,

.points li {

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

	}

h2, 

.pageheader h1  {

	font-family:Georgia, "Times New Roman", Times, serif;

	}

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

COMMON CSS

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



/* COMMON RESET CSS

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

dl, dt, dd   

	{

	margin:0px;

	padding:0px;

	}

a {

	text-decoration: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;

	}

h1 {

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#212289;

	margin-bottom:10px;

	font-weight:normal;

	font-size:170%;

	}

h2 {

	margin-bottom:5px;

	color:#212289;

	font-size:130%;

	}

 h2{

	margin:15px 0 10px 0;

	}

p {

	margin:0 0 15px 0;

	}

.link, 

.elink {

	text-decoration:none;

	color:#212289;

	}

.link:hover,

.elink:hover {

	color:#000000;

	}

.imgborder, .imgleft, imgright {

	border:1px solid #cccccc;

	background-color:#FFFFFF;

	text-align:center;

	}

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

	border:1px solid #B1ACCC;

	}

.imgborder, .imgleft, .imgright {

	padding:2px;

	}

.imgleft {

	float:left;

	margin:0 10px 10px 0;

	}

.imgright {

	float:right;

	margin:0 0px 14px 14px;

	}

.cmstxt {

	margin:0 0 15px 0;

	font-size:70%;

	color:#333333;

	}

.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;

	}

/* 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;

	}

.leftcurve{

	position:absolute;

	left:0px;

	bottom:0px;

	top:0px;

	}

.rightcurve{

	position:absolute;

	right:0px;

	bottom:0px;

	top:0px;

	}

/* IMAGE BLOCK CSS*/

.imgblock{

	margin:0px 0 0 0; 	

	}

.imgblock 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;

	margin-top:20px;

	}

#white #topbar {

	height:156px;

	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,

.moredetails,

.sidebarbox .morebar .link,

.buybtn ,

.backtop{

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	background-repeat:no-repeat;

	background-position:0 0;

	}

.morebtn,

.sidebarbox .morebar .link {

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

	width:52px;

	height:17px;

	}

.morebtn1 {

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

	width:52px;

	height:17px;

	}

.moredetails{

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

	width:95px;

	height:16px;

	}

.backtop{

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

	width:95px;

	height:16px;

	}

.moredetails:hover,

.backtop:hover{

	background-position:0 -16px;

	}

.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 0px 15px;

	padding:0px;

	}

contentbox1 .points{

	margin-left:153px;

	}

.points li {

	padding:1px 0 1px 12px;

	margin:0 0 10px 0;

	color:#333333;

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

	background-position:1px 4px;

	background-repeat:no-repeat;

	line-height:110%;

	}



.contentbox1 .morebar1 {

	position:relative;

	min-height:1px;

	margin:2px 0 0 153px;

	height:15px;

	}

.contentbox1  .morebtn1 {

	position:absolute;

	left:0px;

	top:0px;

	}

.points li .points{

	margin-top:15px;

	}

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

ALL HORIZONTAL-BARS RELATED CSS

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

.hor_bar, .hor_bar1 {

	padding:8px 10px;

	margin-bottom:15px;

	position:relative;

	min-height:15px;

	}

.hor_bar {

	background-color:#f2f2f2;

	border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	}

.hor_bar1 {

	background-color:#DBE2DA;

	border-bottom:1px solid #B8CFB5;

	border-right:1px solid #B8CFB5;

	}

.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:15px;	

	margin-bottom:15px;

	border-bottom:1px solid #ededed;

	}

.hor_line1{

	height:1px;	

	margin-bottom:15px;

	border-bottom:1px solid #ededed;

	}

.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 {

	position:relative;

	background-color:#ffffff;

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

	background-repeat:repeat-x;

	background-position:bottom left;

	border-bottom:1px solid #d9d9d9;
	
	height:105px;

	

	}

#topbar h1{	

	margin:0px;

	padding:0px;

	}

#topbar h1 .logo{

	width:100px;

	height:94px;

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

	background-repeat:no-repeat;

	position:absolute;

	left:9px;

	top:0px;

	text-indent:-9999px;

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

	}

.topbarbg {

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

	background-repeat:no-repeat;

	background-position:center top;

	padding-top:6px;

	min-height:1px;

	} 

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

TOPBAR NAVIGATION CSS

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

.topbarmenu {

	height:70px;

	float:right;

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

	background-color:#FFFFFF;

	padding:0px;

	margin:0px 15px 0 0;

}

.topbarmenu ul {

	list-style-type:none;

	margin:0px;

	padding:0px;

}

.topbarmenu ul li {

	float:left;

	margin:0;

	padding:5px 10px 5px 14px;

	height:34px;

	font-size:75%;

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

	font-weight:bold;

	display:block;

}

.topbarmenu ul li a {

	color:#000000;

}

.topbarmenu ul li a:hover {

	color:#25218D;

}

.topbarmenu ul li a img {

	border:none;

	height:18px;

	margin-bottom:5px;

	vertical-align:middle;

}





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

PAGEHEADER AND PAGE PATH CSS

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

.pageheader {

	padding:0 0 13px 0;

	}

.pageheader h1 {

	margin:0px;

	color:#212289;

	font-size:135%;

	font-weight:normal;

	}

.pagepath {

	padding:7px 15px 8px 0px;

	margin-bottom:20px;

	color:#666666;

	font-size:70%;

	border-top:1px solid #EDEDED;

	border-bottom:1px solid #EDEDED;

	}

.pagepath img {

	margin:0 7px 0 7px;

	color:#201F86;

	}

.pagepath a{

	color:#333333;

	text-decoration:none;

	}

.pagepath a:hover {

	color:#201F86;

	}

.pagepath span {

	/*active page name*/

	color:#333333;

	font-weight:bold;

	}

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

NAVIGATION CSS

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

#navigation {

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

	background-repeat:repeat-x;

	background-position:left top;

	background-color:#E2E2E2;

	}

.navbox {

	position:absolute;

	right:15px;

	bottom:9px;

	}

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

MIDBAR CSS

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

.midbar {

	margin-bottom:15px;
	

	}

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

SCROLLER CSS 

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

#pscroller_infoboxnews {

	height:275px;

	}

#pscroller_topbar {

	height:58px;

	}

#pscroller_news {

	height:170px;

	}

#pscroller_events {

	height: 355px;

	}

#pscroller_specials {

	height: 355px;

	}

#pscroller_testimonials {

	height:170px;

	}

#pscroller_indexnews {

	height:152px;

	}

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

CONTENT-BOX STRUCTURE CSS

THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES

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

.contentbox1 {

	background-color:#ffffff;

	padding:14px 14px 14px 14px;

	margin:0 0 15px 0;

	min-height:1px;

	border-bottom:4px solid #ededed;

	border-left:1px solid #ededed;

	border-right:1px solid #ededed;

	border-top:1px solid #ededed;

	}

.contentbox1 dt {

	font-family:Georgia, "Times New Roman", Times, serif;

	background-color:#ededed;

	font-weight:bold;

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

	padding:12px 15px;

	font-size:140%;

	color:#212289;

	}

.contentbox1 dt a{

	color:#212289;

	}

.contentbox1 dt a:hover{

	color:#000000;

	}

.contentbox1 .contentboxdata {

	margin:0px;

	}

.contentbox1 .imgleft td{

	height:118px;

	width:136px;

	}

.contentbox1 .linkbox {

	display:block;

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

	height:35px;

	min-height:1px;

	font-weight:bold;

	position:relative;

	}

.contentbox1 .linkbox a {

	position:absolute;

	right:10px;

	top:9px;

	}

.contentbox1 .linkbox .backtop{

	position:absolute;

	right:10px;

	top:9px;

	}

/*.morebar1{

	margin:15px 0 0 0;

	}*/

.linkbar {

	font-weight:bold;

	background-color:#f2f2f2;

	padding:8px 10px;

	font-size:90%;

	border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	margin-bottom:15px;

	}

.linkbar a {

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

	}

/*DETAIL BOX TABLE CSS*/

.detailbox{

	border-bottom:1px solid #ECE6E6;

	}

.detailbox th{

	background-color:#DEDBEB;

	color:#212289;

		padding:10px;

	}

.detailbox .bdr_right{

	border-right:1px solid #ECE6E6;

	}

.detailbox .head{

	border:1px solid #D2CEE6;

	border-right:none;

	border-bottom:none;

	}

.detailbox .head2{

	border:1px solid #D2CEE6;

	border-bottom:none;

	}

.detailbox td{

	width:50%;

	border-left:1px solid #ECE6E6;

	border-top:1px solid #ECE6E6;

	padding:10px;

	}

.detailbox .bgtd{

	background-color:#F0F0F0;

	}

/*MI SERVE H2  CSS*/

.title h2 {

	padding:10px;

	background-color:#ededed;

	margin-bottom:15px;

	}



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

FOOTER CSS

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

#footer {

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

	background-repeat:repeat-x;

	background-position:left bottom;

	background-color:#F0F2F1;

	font-size:70%;

	height:67px;

	border-top:1px solid #cacaca;

	}

#footer .copyright,

#footer .links {

	position:absolute;

	right:21px;

	} 

#footer .copyright {

	top:40px;

	color:#333333;

	}

#footer .links {

	top:17px;

	color:#333333;

	}

#footer .links a {

	color:#333333;

	}

#footer .links a:hover {

	color:#212289;

	}

#footer .links span {

	margin:0 1px;

	color:#CDCDCD;

	}
#footer .logo {

	position:absolute;

	left:0px;

	top:17px;


	color:#666666;

	font-size:11px;

	}