/*==========================bannerCont sliding div============================*/
.bottomContent{ position:absolute; bottom:0; left:0%; margin:0 0 0 0; z-index:99999; border:solid 0px #F00;} 

.arrow { background:url(../images/arrows.png) no-repeat scroll 0% -70px; display:block; cursor:pointer;font-family:"Century Gothic"; font-size:30px; color:#ffcc33; font-weight:bold; padding:15px 10% 40px 10%; line-height:32px; border:solid 0px #000; width:50%; }
.arrow1 { background:url(../images/arrows1.png) no-repeat scroll 0% -70px; display:block; cursor:pointer;font-family:"Century Gothic"; font-size:30px; color:#002d46; font-weight:bold; padding:15px 10% 5px 10%; line-height:32px; border:solid 0px #fff; width:30%;max-width:270px}
.arrow2 { background: url(../images/arrows.png) no-repeat scroll 0% -70px; display:block; cursor:pointer;font-family:"Century Gothic"; font-size:30px; color:#ffcc33; font-weight:bold; padding:15px 10% 40px 10%; line-height:32px; border:solid 0px #fff; width:80%;}

.arrow.open { background-position:0% 20px;}
.arrow1.open { background-position:0% 20px;}
.arrow2.open { background-position:0% 20px;}

.arrow.open { font-size:26px; padding:10px 10px 15px 20px;}
.arrow1.open { font-size:24px; padding:10px 10px 15px 20px; }
.arrow2.open { font-size:26px; padding:10px 10px 15px 20px;}



#showr{padding:0 2% 0 2%; width:29%;            position:absolute; bottom:0;  background:url(../images/headerBg.png) repeat; z-index:99999; height:85px;overflow:hidden; }
#showr1{padding:0 2% 0 2%;width:29%; left:33%; position:absolute; bottom:0; background:url(../images/headerBg2.png) repeat; z-index:99999; height:85px; }
#showr2{padding:0 2% 0 2%;width:30%; left:66%; position:absolute; bottom:0; background:url(../images/headerBg.png) repeat; z-index:99999; height:85px; overflow:hidden;}

#slickbox{margin-bottom:35px; top:85px; }
#slickbox1{margin-bottom:35px; top:85px; }
#slickbox2{margin-bottom:35px; top:85px;  }

#showr.open{height:350px; width:62%;bottom:85px;}
#showr1.open{height:350px; width:63%;bottom:85px;}
#showr2.open{height:350px; width:63%;bottom:85px;left:33%;}



#slickbox p {font-size:14px; line-height:16px;  padding:0px 20px 8px 20px; font-family:Arial, Helvetica, sans-serif;  color:#f99607;  overflow:hidden; clear:both;}
#slickbox1 p{font-size:14px; line-height:16px; padding:0px 20px 8px 20px; font-family:Arial, Helvetica, sans-serif;  color:#002D46; overflow:hidden; clear:both;}
#slickbox2 p{font-size:14px; line-height:16px; padding:0px 20px 8px 20px; font-family:Arial, Helvetica, sans-serif;  color:#f99607; overflow:hidden; clear:both;}

#slickbox .read{margin:20px; }
#slickbox1 .read{margin:20px;}
#slickbox2 .read{margin:20px;}


#yellowline p{padding-top:0px; background:url(../images/headerBg2.png) repeat-x local top; background-size: 5px 5px;}
#blueline p{padding-top:0px; background:url(../images/headerBg.png) repeat-x local top; background-size: 5px 5px;}

@media (max-width: 610px) {
#showr{	height:50px;}
#showr1{height:50px;}
#showr2{height:50px;}

#showr.open{height:300px; width:96%;bottom:50px;left:0%;}
#showr1.open{height:300px; width:96%;bottom:50px;left:0%;}
#showr2.open{height:300px; width:96%;bottom:50px;left:0%;}

.arrow {font-size:18px;padding:15px 5px 15px 20%; line-height:20px; width:90%;}
.arrow1 {font-size:18px;padding:5px 5px 5px 20%; line-height:20px;width:80%;}
.arrow2 {font-size:18px;padding:15px 20px 15px 20%; line-height:20px;width:90%;}


/* Normal Phone */
@media (max-width: 400px) {
#showr{	height:35px;}
#showr1{height:35px;}
#showr2{height:35px;}

#showr.open{height:300px; width:96%;bottom:35px;left:0%;}
#showr1.open{height:300px; width:96%;bottom:35px;left:0%;}
#showr2.open{height:300px; width:96%;bottom:35px;left:0%;}

.arrow {font-size:12px;padding:15px 5px 15px 20%; line-height:14px; width:90%;}
.arrow1 {font-size:12px;padding:5px 5px 5px 20%; line-height:14px;width:80%;}
.arrow2 {font-size:12px;padding:15px 20px 15px 20%; line-height:14px;width:90%;}
}
.arrow.open { font-size:26px; padding:10px 10px 15px 20px;}
.arrow1.open { font-size:24px; padding:10px 10px 15px 20px; }
.arrow2.open { font-size:26px; padding:10px 10px 15px 20px;}

#slickbox{margin-bottom:20px; margin-top:20px; }
#slickbox1{margin-bottom:20px; margin-top:20px; }
#slickbox2{margin-bottom:20px; margin-top:20px;  }
		
#slickbox p{font-size:12px; line-height:14px; padding:0px 10px 8px 20px; overflow:hidden; clear:both;}
#slickbox1 p{font-size:12px; line-height:14px; padding:0px 10px 8px 20px; overflow:hidden; clear:both;}
#slickbox2 p{font-size:12px; line-height:14px; padding:0px 10px 8px 20px; overflow:hidden; clear:both;}

#slickbox .read{margin:10px; }
#slickbox1 .read{margin:10px;}
#slickbox2 .read{margin:20px;}
}

/* Small phone landscape */
@media (max-height: 420px) {
#showr{	height:35px;}
#showr1{height:35px;}
#showr2{height:35px;}

#showr.open{height:180px; width:96%;bottom:35px;left:0%;}
#showr1.open{height:180px; width:96%;bottom:35px;left:0%;}
#showr2.open{height:180px; width:96%;bottom:35px;left:0%;}

.arrow {font-size:12px;padding:15px 5px 15px 20%; line-height:14px; width:90%;}
.arrow1 {font-size:12px;padding:15px 5px 15px 20%; line-height:14px;width:90%;}
.arrow2 {font-size:12px;padding:15px 20px 15px 20%; line-height:14px;width:90%;}

.arrow.open { font-size:26px; padding:10px 10px 15px 20px;}
.arrow1.open { font-size:26px; padding:10px 10px 15px 20px; }
.arrow2.open { font-size:26px; padding:10px 10px 15px 20px;}

#slickbox{margin-bottom:20px; margin-top:20px;}
#slickbox1{margin-bottom:20px; margin-top:20px; }
#slickbox2{margin-bottom:20px; margin-top:20px;  }
		
#slickbox p{font-size:13px; line-height:17px; padding:0px 10px 0px 20px; overflow:hidden; clear:both;}
#slickbox1 p{font-size:11px; line-height:16px; padding:0px 10px 0px 20px; overflow:hidden; clear:both;}
#slickbox2 p{font-size:12px; line-height:17px; padding:0px 10px 0px 20px; overflow:hidden; clear:both;}

#slickbox .read{margin:10px; }
#slickbox1 .read{margin:10px;}
#slickbox2 .read{margin:20px;}
}