/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{ list-style-type: none;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:810px; height:50px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:35px; background:#fff; color:#666; position:absolute; top:22px; left:8px; padding:0 0 0 35px;}
#topPan #ImgPan img{/*width:201px;52px height:92px;*/}


#topPan ul{width:468px; height:32px; position:absolute; top:25px; right:30px;}
#topPan ul li{width:78px; height:32px; float:right;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:720px; position:relative; margin:0 auto;}
#bodyPan ul.contactUs{padding-left: 25px; font-size: 10pt; line-height: 17px; list-style-position: outside; list-style-image: url(images/bullet-hover.gif);}
.toptextpadding{padding:10px 0 0; text-align:justify;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/
#bodyMiddlePan{width:689px; position:relative; margin:0 auto;}
/*----Middle Left Panel----*/
#MiddleLeftPan{width:230px; float:left;}
#MiddleLeftPan p{padding: 0 0 0 0; line-height:17px;}

#MiddleLeftPan p.largegraytext{font-size:12px;}

#MiddleLeftPan p.more{border-top: dotted yellow 4px; background-color: Green; width:81px; height:30px; display:block; margin: 0 0 0 0 ;/* background:url(images/more-bg.gif) 0 0 no-repeat;*/ padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.more2{width:81px; height:22px; display:block; margin:0 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more2 a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more2 a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}


#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:210px; height:30px; display:block; background:url(images/icon1.jpg) 100% 0 no-repeat  #fff; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{width:414px; height:311px; background:url(images/image1.jpg) 0 100% no-repeat; padding: 29px 0 0; margin:0 0 40px 0;}

#MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.business{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#2669AF; font-size:27px; text-transform:uppercase; text-align:right;}

#MiddleRightPan h2{width:380px; height:30px; color:#2669AF; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:25px; padding:0 20px 0 0; }
#MiddleRightPan p{padding:8px 0 0;}

#MiddleRightPan p.more{width:81px; height:22px; display:block; margin:30px 20px 0 0; float: right; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleRightPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleRightPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#MiddleLeftPan p.more{ background-color: Green; width:81px; height:22px; display:block; margin: 0 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px; float: right;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

/*----/Middle Right Panel----*/

/*  dotlines  
#MiddleLeftPan h2{width:210px; height:30px; display:block; background:url(images/icon1.jpg) 100% 0 no-repeat  #fff; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
*/.dotLine
{
	height: 2px;
	background:url(images/dotline.gif) 0 100% repeat-x #fff; 
	
	 /*border-right: silver thin dotted; 
	 border-top: silver thin dotted; 
	 border-left: silver thin dotted; 
	 border-bottom: silver thin dotted
   */
	
	}


/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #EFF4F9; color:#212121; position:relative; margin:0 auto; padding: 0 0 0 20px; height:18px; clear:both;}
#footerPan{width:100%; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:5px 0 0;}

#footerPan ul{width:100%; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:right; }
#footerPan ul li a{padding:0 0 0 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:100%; background:#F4F4F4; color:#212121; display:block; position: relative ; float: right; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:100%; background:#EFF4F9; color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

/* --- mooTools tooltips --- */
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #545454;
	padding: 8px 8px 4px;
	background: url(bubble.png) #E1E0E0 top left;
}
 
.tool-text 
{
	font-weight: bold;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) #929292 bottom right;
}
 
.custom-tip {
	color: #000;
	width: 400px;
	z-index: 13000;
	border: solid 1px #C59BA7; /*#C3DF7D;*/
}
 
.custom-title {
	/*font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
	*/display: none;
}
 
.custom-text {
	font-size: 13px;
	padding: 4px 8px 8px;
	background: #E7D6DB;
	border: solid 1px #929292;
}

/* --- end of mooTools tooltips --- */

/* --- style for slide. toggle --- */
#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
	display: block;
}
 
#test2 {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}

.Tips4
{
	cursor: default;}

/* --  css style for accordian   -- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	/*border-top: 1px solid #f5f5f5;
	*/border-left: 1px solid #f5f5f5;
	font-size: 14px;
	font-weight: normal;
	/*font-family: 'Andale Mono', sans-serif;
*/
	cursor: hand;
	color: #666666;
	
	}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 1px;
	margin-left: 20px;
}

 
.float-right {
	padding:10px 20px;
	float:right;
}
 

.bottomToggle {
	display: block;
	margin:  0 0 0 0 ;
	padding: 0 0 0 0 ;
}

.pWidth
{
	width: 350px;
	float: left;
	font-weight: bold;
	font-style: italic;
	
	}

.togglerH3 {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 15px;
	font-weight: bold;
	/*font-family: 'Andale Mono', sans-serif;
*/
	color: #666666;
	
	}
 
 .txtDecoNone
 {
	text-decoration: none;}

 
 .txtDecoNone : hover
 {
	text-decoration: none;}