*{margin:0; padding:0;}
body{ background:url(../images/body.jpg) repeat-x; font-family: 'Arimo'; color:#333333; font-size:14px; background-color:#f0efe9;  }
img{border:0; outline:none; max-width:100%;}
p{padding:7px 0 5px 0; line-height:19px; text-shadow: 1px 1px #ffffff; color:#333333;  }
ul{list-style-type:none;}
h1{ font-size:14px; position:absolute; left:20px; top:8px; color:#333333;}
h2{ font-weight:normal; color:#333333;text-shadow: 1px 1px #ffffff; font-size:36px }
.e-pro-clr{clear:both;}
a{text-decoration:none; color:#006699;}/* CSS Document */
.container{ margin:0 auto; width:980px;height:auto; position:relative;}
.header-top{ margin:0 auto; height:36px;position:relative; }
.head{ height:90px; margin:0 auto;}
.logo{ padding:15px 0 0 18px; float:left;}
.heading{ margin:0px 0 0 8px;}
.email{ float:right; width:240px; height:57px; margin:16px 66px 0 0;}
.head-menu{ position:relative}
.menu-bg{ background:url(../images/menu-bg.jpg) no-repeat; height:68px; }
.menu{position:absolute;left:15px;top:127px;width: 647px;}
.menu li a{ text-decoration:none; color:#333333; line-height:25px; padding:10px 20px; display:block; font-size:15px; color:#FFFFFF;}
.menu li{ float:left;}
.menu ul li a:hover, .menu ul li a.active{color:#ffffff;color: #333333; }
.days{ float:right; width:298px; height:46px; margin-top:2px; margin-right:20px;}
.banner-bg{ background:url(../images/banner.jpg) no-repeat; height:349px; margin-top:70px; position:relative;}
.banner-down{  width:243px; height:74px; position:absolute; right:307px; top:254px;}
.down-banner{ position:absolute; width:258px; height:62px; top:233px; left:35px;}
.toll-free{ float:right; width:300px; background: no-repeat; height:35px; margin-right:2px;}
.mid{padding:10px; overflow:hidden; height:auto;}
.sspm-clr{clear:both;}
.left-con{ width:50%; height:auto; float:left; margin-top:10px;}
left-con-buy{width:980px; height:auto; float:left; margin-top:10px}
.left-con-down{width:65%; height:auto; float:left; margin-top:10px;}
.left-con-snp{width:970px; height:auto;  margin-top:10px;}
.right-con{  float: right; width:45%; margin-top:10px; }
.right-con-inner{float:right; width:330px; margin:15px 1px 0 0;}
.support-con{  float:right; width:330px; margin:15px 1px 0 0;background: no-repeat;  }
.h-s{  width:320px; height:407px; margin:15px 0 0 6px; }
.a-f{ font-size:16px; line-height:18px; width:330px;}
.a-f ul{ margin:0 0 0 16px; }
.a-f li{ padding:6px 35px; background: url(../images/s-icon.jpg) no-repeat left 9px; line-height:20px;}
.mid-bot{padding:10px; height:auto; }
.fully-f-l{float:left; overflow:hidden; }
.mbox{ font-size:36px;text-shadow: 1px 1px #ffffff;  }
.mbox-h-text{ font-size:30px;text-shadow: 1px 1px #ffffff; }
.mbox-in{ background:  no-repeat; width:970px;  }
.feature li{padding:7px 1px 10px 34px; height:auto; background:url(../images/icon.jpg) no-repeat 2px 8px; line-height:22px; text-shadow:1px 1px #ffffff; color:#333333; font-size:14px;}
.feature ul{padding:17px 1px 15px 16px; ; height:auto; margin: 0 0 0 -10px;}
.right-feat{margin:0 0 10px 0; padding:0 0 10px 0;}
.right-img{float:left; width:30px;}
.right-cont{float:left; width:480px;  padding:0 0 0 25px;}
.r-video{ float:right; margin-top:45px; width:335px; height:335px; margin-right:10px}
.free-t{ height:230px; background:  repeat-x; width:100%; b}
.free-trail-m{ width:970px; padding:10px; margin:0 auto; overflow:hidden;}
.free-t-l{ float:left; width:980px;}
.free-t-r{ float:right; width:325px;}
.free-line{ font-size:40px;  width:980px;}
.down-line{ background: url(../images/down-line.jpg) no-repeat; width:319px; height:52px; font-size:28px;}
.down-s { line-height:18px; width:610px;}
.down-s ul{ margin:10px 0 10px 5px; }
.down-s li{ padding:5px 20px; background: no-repeat left 9px; line-height:18px; text-shadow:1px 1px #ffffff;}
.down-f{ font-size:16px; line-height:18px; width:330px;}
.down-f ul{ margin:0 0 0 5px; }
.down-f li{ padding:5px 20px; background:  no-repeat left 9px; line-height:20px;}
.footer{ background-color:#333333; width:100%; padding:15px 0; overflow:hidden;}
.footer-mid{ width:990px; margin:0 auto;}
.footer a{text-decoration:none; color:#ffffff;}
.footer a:hover{color: #FFCC00;}
.fl{float:left; padding:0 0 0 20px; color:#FFFFFF; }
.fr{float:right; padding:0 20px 0 0; }
.nav{padding:5px;}
.nav a{text-decoration:none; color: #FF6600;}
.nav a:hover{text-decoration:underline; color:#333333;}
.etpu-map{ padding:25px 0;}
.e-pro-map ul{ list-style-type:none; padding:0; margin:5px 0 0 0 ;}
.e-pro-map ul li{ color:#006666; font-weight:bold; padding:0 0 10px 0; list-style-type:none; margin:0;}
.e-pro-map ul li a{text-decoration:none; color: #0066CC; background:  no-repeat 0 4px; padding:0 0 0 17px; font-weight:normal; width:8px; height:9px;}
.e-pro-map ul li a:hover{text-decoration:underline; color:#333333;}
.left-con-buy{ width:970px;}
.s-o{ width:44%; margin:1%; padding:1%; float:left;}
.s-m{ width:443px;  margin:10px 0 0 18px; float:left; }
.s-s{ width:443px; margin:10px 0 0 10px; float: left;}
.s-g{ width:443px;  margin:10px 0 0 18px; float:left;}
.all-s{float:right; margin-top:10px; width:32%; }
.cc{ border:3px solid #dcdad3;}
.screen{ width:100%; background:#dcdad0;}
.screen-mid{ width:980px; margin:auto; height:auto;}
.screen-h{ margin:0 auto; width:567px; height:465px; background:url(../images/screen-h.jpg) no-repeat;}
.mid-slide{ width:980px; height:auto; position:relative; }
.banner-slider{ width:980px; height:380px; border:1px solid #CCCCCC; }
.a-up {position: fixed;width:68px;height:69px;right:25px;bottom:5px; display:none;}


..

/			
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
/* // image replacement */

#container{margin:0 auto; text-align:left; height:380px}	
#header{height:80px; line-height:80px; background:#5DC9E1; color:#fff;}				
#content{position:relative; margin:0 auto; }			

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:970px; height:380px; overflow:hidden; }	
#prevBtn, #nextBtn,	#slider1next, #slider1prev{ display:block; width:30px; height:26px; position:absolute; left:874px; top:340px; z-index:1000;  }	
#nextBtn, #slider1next{left:905px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  display:block; position:relative;	width:30px;	height:26px;}	
#prevBtn a, #slider1prev a{background: url(../images/prev-next.png) no-repeat 0 0;}
#nextBtn a, #slider1next a{ background: url(../images/prev-next.png) no-repeat -30px 0;	}
#nextBtn a:hover{background: url(../images/prev-next.png) no-repeat -30px -26px;}	
#prevBtn a:hover{background: url(../images/prev-next.png) no-repeat 0 -26px;}	




/*-------------    lightbox css start ----------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{ background-color:#666666;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background: no-repeat center center;}
#cboxLoadingGraphic{background: no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft{background:url(../images/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

/*-------------    lightbox css end ----------------*/




/* numeric controls */	

ol#controls{margin:1em 0; padding:0; height:28px;}
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a{background:#5DC9E1; color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.banner-head{font-size:20px; color:#000000; padding:0 0 5px 0; width:779px; height:249px;}
.banner-left-box{float:left; width:440px; margin:30px 0 0 0; height:249px;}
.banner-right-box{float:right; width:779px; margin:0 0 0 0; height:249px;}
.line{background: no-repeat 0 3px; padding:0 0 0 20px; font-size:14px; margin:10px 0 5px 10px;}
.dl{padding:20px 0 0 50px;}

/* // Easy Slider */


 #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }

.slidesjs-previous{ margin:0 10px 0 0;}
    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }


.videodemo{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:10px 0 20px 0;}
.videodemo iframe, .videodemo object, .videodemo embed{position:absolute; top:0; left:0; width:100%; height:100%; border:none; outline:none;}

#menu-wrap{ position:absolute;left:15px;top:127px; background:url(../images/menubg.gif) repeat-x 0 0; border-radius:8px; width:970px;}
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#navigation, #navigation li{margin:0;	padding:0;}
#navigation li {list-style:none;	float:left;}
/* nav link */
#navigation a{text-decoration:none; color:#333333; line-height:25px; padding:10px 20px; display:block; font-size:15px; color:#FFFFFF;}
#navigation a:hover, #navigation a.current{color:#000000;}
/* nav dropdown */
#navigation ul{background: #fff;	padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px;}
#navigation ul li{float: none;	margin: 0;	padding: 0;}
#navigation li:hover > ul{	display: block; /* show dropdown on hover */}

@media all and (max-width: 1000px){

body{ background:url(../images/bodyin.jpg) repeat-x; font-family: 'Arimo'; color:#333333; font-size:14px; background-color:#f0efe9;  }
.container{width: auto;}
.footer-mid{width:auto;}
.banner-bg{ background:url(../images/bannerin.jpg) no-repeat center top; height:349px; margin-top:50px; position:relative; border-bottom:1px solid #cccccc;}
.banner-down{ position:static; width:auto; text-align:center; padding:280px 0 0 0;}
.banner-down img{width:220px;}
#menu-wrap{width:96%; left:2%;}

}




@media all and (max-width: 800px){

/* nav-wrap */
	/* menu icon */
#menu-icon{color:#333333; font-weight:normal; text-transform:uppercase;  height:22px; background:url(../images/menu-icon.png) no-repeat 10px center; padding: 14px 10px 8px 38px; cursor:pointer; display:block; /* show menu icon */ margin:0 0 0 0;}
#menu-icon:hover, #menu-icon.current{background: #000000 url(../images/menu-hover.png) no-repeat 10px center; color:#ffffff; border-radius:6px;} /* main nav */
#navigation{clear:both; position:absolute; top:44px; width:150px; left:0; z-index:10000; padding:5px;  background:#ffffff; border:solid 1px #f57c23; border-radius:6px; display:none; /* visibility will be toggled with jquery */}
#navigation li{clear:both; float:none; margin:0 0 3px 0; background-image:none; padding:0;}
#navigation a, 	#navigation ul a{font:inherit;	background:none; display:inline; padding:0; color:#000000; border:none; display:block; padding:5px;}
#navigation a:hover, 	#navigation ul a:hover, #navigation a.current{background:#f57c23; color:#ffffff; border-radius:6px;}
/* dropdown */
#navigation ul{width:auto; position:static; display:block; border:none; background:inherit;}
#navigation ul li{margin: 3px 0 3px 5px;}

.left-con{float:none; width:auto;}
.right-con{float:none; width:auto;}
h2{font-size:30px;}
.mbox{font-size:30px;}
.fl{float:none; padding:0 20px; text-align:center;}
.fr{float:none; padding:0 20px; text-align:center;}
.left-con-down{float:none; width:auto;}
.all-s{float:none; width:auto; text-align:center;}



}

@media screen and (min-width: 800px) {

/* ensure #nav is visible on desktop version */
#navigation{display: block !important;}


}

@media all and (max-width: 480px){

.toll-free{display:none;}
.email{margin-right:2%; margin-top:10px; width:180px;}
.logo{width:100px; padding-left:2%;}
h1{left:2%; font-weight:normal;}
#menu-wrap{top:95px;}
.banner-bg{ background:url(../images/smallbanner.jpg) no-repeat center top; height:349px; margin-top:15px; position:relative; border-bottom:1px solid #cccccc;}

.s-o{float:none; width:auto; margin:10px;}


}