@import url("layout.css");

@import url("navigation.css");

@import url("sidebar.css");

@import url("btn-icon.css");





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

	font-size:13px;

	line-height:1.231;

	}



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

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:"trebuchet MS";

	}

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

COMMON CSS

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



/* COMMON RESET CSS

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

dl, dt, dd, ol, ul, li  

	{

	margin:0px;

	padding:0px;

	list-style-type:none;

	}

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

.align-R{text-align:right;}

.align-C{text-align:center;}

h1, h2, h3, h4, h6 { 

	margin:0px;

	padding:0px;

	}



p {

	margin:0 0 15px 0;

	}

.link, 

.elink {

	text-decoration:none;

	color:#002244;

	}

.link:hover,

.elink:hover {

	color:#000000;

	}

.tlink {

	text-decoration:none;

	font-size:15px;

	color:#008888;

	}

.tlink:hover {

	color:#59ACEF;

	font-size:15px;

	}

.imgborder, .imgleft, imgright {

	border:1px solid #86adcd;

	background-color:#FFFFFF;

	text-align:center;

	}

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

	border:1px solid #002244;

	}

.imgborder, .imgleft, .imgright {

	padding:1px;

	}

.imgleft {

	float:left;

	margin:0 10px 10px 0;

	}

.imgright {

	float:right;

	margin:0 0px 10px 10px;

	}

.cmstxt {

	margin:0 0 15px 0;

	color:#000000;

	}

.left {

	float:left;

	}

.right {

	float:right;

	}

.righttop{

	position:absolute;

	right:0px;

	top:0px;

	}

.pos-rel{

	position:relative;

	min-height:20px;

	}

.col-blue{	color:#416b8f;}

.col-green{color:#037a7a;}

	

.textboxborder {

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

	border:1px solid #A9C2A5;

	font-size:100%;

	color:#666666;

	background-color:#FFFFFF;

	padding:2px;

	}

.handcur {

	cursor:pointer;

	}

.pd0-B{padding-bottom:0px;}

.pd10{padding:10px;}

.pd15-LR{padding:0 15px;}





.mrg5-B{margin-bottom:5px;}

.mrg15-R{margin-right:15px;}

.mrg15-B{margin-bottom:15px;}



/*COMMON TABLE TYPE CSS

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

.tb-typ1{/* used at surveys residentail prodessional page*/

		border-top:1px solid #bdd8ee;

		border-right:1px solid #bdd8ee;

		margin:0 0 15px 0;

		padding:0px;

		}

.tb-typ1 td{

	padding:3px 10px;

	border-left:1px solid #bdd8ee;

	border-bottom:1px solid #bdd8ee;

	}

.tb-typ1 .td-hd{	

	background-color:#d8ecfd;

	}

.tb-typ1 .td-hd span{	

	font-size:85%;

	display:block;

	}

.bg1 td{

	background-color:#fcfeff;

	}

.bg2 td{

	background-color:#f2faff;

	}

/*HEADING CSS

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

.hd-typ1{/*used at welcome box*/

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

	color:#333333;

	font-size:153.8%;

	padding-bottom:5px;

	}

.hd-typ1 span{

	color:#236093;

	font-size:150%;

	font-weight:normal;

	}



.hd-typ2{ /* information box*/

	color:#002244;

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

	font-size:140%;

	border-bottom:1px solid #86adcd;

	padding-bottom:10px;

	margin-bottom:10px;

	}

.hd-typ3{

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

	color:#333333;

	padding-bottom:10px;

	font-size:100%;

	}

.hd-typ3 a{

	color:#333333;

	}

.hd-typ3 a:hover{

	color:#1a76c4;

	}

.hd-typ4{ /* used at search bar result page*/

	background:url(../../images/hd-typ4bg.gif) repeat-x left bottom #eff7ff;

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

	color:#1a76c4;

	padding:7px 10px;

	position:relative;

	min-height:1px;

	

	}

.hd-typ4 .title-name{

	font-size:131%;	

	font-weight:bold;

	color:#1a76c4;

	}

.hd-typ4 .title-name:hover{

	color:#008888;

	}

.hd-typ4 .title-price{

	position:absolute;

	top:11px;

	right:150px;

	}

.hd-typ4 .title-option{

	position:absolute; 

	right:10px;

	top:11px;

	color:#008888;

	font-weight:bold;

	}

	

.hd-typ5{ /* used at product detail page*/

	background:url(../../images/hd-typ5bg.gif) repeat-x left top #cee7ff;

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

	color:#008888;

	padding:7px 10px;

	position:relative;

	min-height:1px;	

	}

	

.hd-typ6{ /*used at product detail page*/

	font-family:"Trebuchet MS";

	color:#000000;

	padding:0 0 5px 0px;

	font-size:169.2%;

	}



.hd-typ7{ /* used at product detail page*/

	background: #c6e0f5;

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

	color:#2a689f;

	padding:5px 15px;

	margin-bottom:15px;

	text-transform:uppercase;

	}

.hd-typ8{ /* used at product detail page*/

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

	color:#666666;

	padding:0 0 0px 0px;

	text-transform:uppercase;

	font-weight:bold;

	}

.hd-typ9{

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

	color:#008888;

	font-size:100%;

	}

/*BOX TYPE CSS

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

.box-typ1{	

	margin-bottom:15px;

	border:1px solid #d7d8db;

	background-color:#FFFFFF;

	padding:10px 15px 15px 15px;

	font-size:100%;
	
	min-height:577px;

	}
.box-typ1 {
	*min-height:593px;
	}

.box-typ2{	

	margin-bottom:15px;

	border:1px solid #d7d8db;

	background-color:#FFFFFF;

	padding:0px;

	font-size:100%;

	}

	

.box-typ3{/*search result page*/

	background-color:#f7FFFF;

	border-bottom:1px solid #FFFFFF;

	text-align:right;

	}

.box-typ4{

	background-color:#ebfdfd;

	}

	

.box-typ5{

	background:#f5ffff;

	border:1px solid #d7f9f9;

	margin-bottom:15px;

	}

/*COMMON BUTTON

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

		

.common-btn-typ2{ /*product detail page*/

	background:url(../images/btnbg.gif) repeat-x left bottom #e3f3ff;

	border:1px solid #8ab3d5;

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

	color:#256396;

	text-align:center;

	padding:5px 10px;

	display:block;

	margin-bottom:10px;

	display:inline-block;

	cursor:pointer;

	}

.common-btn-typ2:hover{

	background:url(../images/btnbg-hover.gif) repeat-x left bottom #f7ffff;

	color:#008888;

	}

			

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

	padding:0 15px;

	font-size:100%;

	

	}

#white .btnbar {

	text-align:center;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	padding:10px 0;

	}

#white #topbar, #white #topbar1 {

	height:40px;

	border-top:none;

	width:auto;
	background:

	}

#white #topbar .close, #white #topbar1 .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;

	}

#white .contentbox1 {
	border:1px solid #DBDBDB;
	font-size:12px;
	padding:10px;
	color:#666666;
	}
#white .contentbox1 h2 {
	font-size:13px;
	margin-bottom:10px;
	color:#002244;
	}
/*==================================

COMMON POINTS CSS

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

.points {

	list-style-type:none;

	margin:0 0 15px 15px;

	padding:0px;

	}

.points li {

	padding:0 0 0 10px;

	margin:0 0 10px 0;

	color:#666666;

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

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	}

.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;
	color:#008888;
	font-weight:bold;

	}

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

	}

.clear {

	clear:both;

	font-size:0px;

	line-height:0px;

	height:0px;

	display:block;

	}

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

NO RECORD ERROR CSS

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

.norecord {

	border:1px solid #f3f3f3;

	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;

	}

#topbar h1{	

	margin:0px;

	padding:0px;

	}

#topbar h1 .logo{

	width:348px;

	height:83px;

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

	background-repeat:no-repeat;

	position:absolute;

	left:22px;

	top:23px;

	text-indent:-9999px;

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

	outline:none;

	}

#topbar .phoneimg{

	position:absolute;

	right:280px;

	top:40px;

	}

.printlogo{display:none;}

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

TOPBAR NENU CSS

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

.topbar_menubar {

	background:url(../../images/tbar-link-bg.gif) repeat-x left top;

	position:absolute;

	right:16px;

	bottom:0px;

	font-size:92.3%;

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

	font-weight:bold;

	padding:7px 51px 2px 61px;

	text-transform:uppercase;	

	}

.topbar_menubar .lt{position:absolute; left:0px; top:0px;}

.topbar_menubar .rt{position:absolute; right:0px; top:0px;}



.topbar_menubar a {

	color:#FFFFFF;

	}

.topbar_menubar a:hover,

.topbar_menubar .topbar_menubar_active {

	color:#000000;

	}

.topbar_menubar span {

	color:#FFFFFF;

	padding:0 5px;

	}



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

TOPBAR CONTACT INFO BOX CSS

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

.tbar_contactinfobox{

	padding:0 10px;

	margin:0px;

	position:absolute;

	right:16px;

	top:30px;

	border:1px solid #013060;

	border-width:0 1px;

	font-family:"Trebuchet MS";

	color:#77bbff;

	font-weight:bold;

	}

.tbar_contactinfobox .labelfield{	

	width:125px;

	display:inline-block;

	}

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

PAGEHEADER AND PAGE PATH CSS

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

.pageheader {

	padding:0 0 0px 0;

	position:relative;

	min-height:1px;

	}

.pageheader h1 {

	margin:0px;

	color:#008888;

	font-size:154%;

	font-weight:normal;

	text-transform:uppercase;

	}

.pagepath {

	padding:3px 0px 8px 0px;

	margin-bottom:20px;

	color:#666666;

	font-size:93%;

	border-bottom:1px solid #018c8c;

	}

.pagepath strong {

	margin:0 7px 0 7px;

	color:#666666;

	}

.pagepath a{

	color:#666666;

	text-decoration:none;

	}

.pagepath a:hover {

	color:#008888;

	}

.pagepath span {

	/*active page name*/

	color:#008888;

	}

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

NAVIGATION CSS

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

#navigaionbg{
	background:url(../../images/navbg.gif) repeat-x left top;
	padding-bottom:8px;
	margin-bottom:-8px;
	min-height:55px;
	}
.navigaion-box {
	position:relative;
	width:998px;
	margin:auto;
	}
.navigaion-box .nav-box {
	width:998px;
	}
#navigation {
	position:absolute;
	right:10px;
	top:0px;
	}

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

PAGINATION CSS

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

.pagination{}



.pagination a{

	color:#000000;

	padding:0 3px;

	}

.pagination a:hover,

.pagination .page_active{

	color:#059c9c;
	font-weight:bold;

	}

.pagination span{

	padding:0 3px;

	}

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

MIDBAR CSS

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

#midbarbg{

	background-color:#FFFFFF;

	padding-bottom:15px;

	margin-top:18px;

	}

.midbar {

	width:998px;

	margin:0px auto;

	}

.midbarimg{

	margin:0 20px 0 0;

	float:right;

	border:1px solid #5b5b5b;

	padding:2px;

	width:463px;
	font-size:0px;
	line-height:0px;

		}
.midbarimg1 {
	width:960px;
	margin:0 auto;
	}

.midbartxt{

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

	color:#002244;

	font-size:193%;

	float:left;

	padding-left:20px;

	width:475px;

	}

.midbartxt .arial{

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

	font-size:88%;

	}

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

SCROLLER CSS 

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

#pscroller_infoboxnews {

	height:275px;

	}

#pscroller_topbar {

	height:58px;

	}

#pscroller_news {

	height:338px;

	}

#pscroller_events {

	height: 355px;

	}

#pscroller_specials {

	height: 355px;

	}

#pscroller_testimonials {

	height:138px;

	}

#pscroller_indexnews {

	height:152px;

	}

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

CONTENT-BOX STRUCTURE CSS

THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES

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

.contentbox1 {

	padding:0px;

	margin:0 0 15px 0;

	min-height:1px;

	border-bottom:1px solid #f3f3f3;

	}

.contentbox1 dt {

	margin:0px;

	padding:0 0 5px 0px;

	font-size:100%;

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

	color:#008888;

	font-weight:bold;

	}

.contentbox1 dt .designation{

	display:block;

	color:#666666;

	}

.contentbox1 dt a{

	color:#008888;

	}

.contentbox1 dt a:hover{

	color:#000000;

	}

.contentbox1 .contentboxdata {

	margin:0px;

	padding-bottom:15px;

	}

.contentbox1 .imgleft {

	background:url(../../images/imagebg.gif) no-repeat left top;

	border:none;

	width:179px;

	height:136px;

	padding:9px 0 9px 9px;

	}

.contentbox1 .imgleft td{

	width:161px;

	height:118px;

	vertical-align:middle;

	text-align:center;

	}

.contentbox1 .linkbox {	

	display:block;

	margin:0 0 10px 0;

	height:15px;

	min-height:1px;

	font-weight:bold;

	position:relative;

	}

.contentbox1 .linkbox a {

	position:absolute;

	right:10px;

	top:0px;

	}

.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:Arial, Helvetica, sans-serif;

	}



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

FOOTER CSS

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

#footerbg{

	background:url(../../images/footerbg.gif) repeat-x left top #002244; 	

	}

#footer {

	font-size:85%;

	height:40px;

	width:998px;

	margin:0 auto;

	}

#footer .copyright,

#footer .links {

	position:absolute;

	top:15px;

	} 

#footer .copyright {

	left:20px;

	color:#FFFFFF;

	}

#footer .links {

	right:20px;

	color:#FFFFFF;

	}

#footer .links a {

	color:#FFFFFF;

	}

#footer .links a:hover {

	color:#ffbb11;

	}

#footer .links span {

	margin:0 5px;

	}

#footer .bookmarkbtn {

	position:absolute;

	bottom:10px;

	right:20px;

	}