@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
    width: 100%;
    overflow: auto;
}
 html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
*{margin:0; padding:0;  outline:none; border:none; text-decoration:none;}
.clear{ clear:both;}
  *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.downloads{ width:100%; height:auto; float:left;  height:auto; margin-bottom:3%; background-color:#f5f5f5; padding-bottom:30px; border:1px solid #f0f0f0}
.downloads-pic{ width:100%; height:auto;}
.downloads-pic img{ width:100%; height:auto; display:block;}
.downloads h2 { width:100%; height: auto; line-height:20px; text-align: center;font-family: 'Lato', sans-serif; font-size:15px; font-weight:400; color:#333; text-transform:uppercase; padding-top:2% }
.downloads h2 a{ width:100%; height: auto; line-height:20px; text-align: center;font-family: 'Lato', sans-serif; font-size:15px; font-weight:400; color:#333; text-transform:uppercase; }
.downloads h2 a:hover{ width:100%; height: auto; line-height:20px; text-align:center;font-family: 'Lato', sans-serif; font-size:15px; font-weight:400; color:#f8931d; text-transform:uppercase; }
.downloads p { width:100%; height: auto; text-align: center !important ; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666; }
.downloads p a { width:100%; height: auto; text-align: center !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666; text-decoration:none }
.downloads p a:hover { width:100%; height: auto; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#f8931d; text-decoration:none }
@media (min-width:321px) and (max-width:480px){
.topwraper{ width:100%; height: auto; background-color:#fff;}
.top-container{ width:98%; height: auto; margin:0 auto; padding-top:0.5%; padding-bottom:0.5%}
.logo{ width:100%; height:auto; text-align:center}
.logo h1{ width:100%; height:auto;}
.logo h1:hover{ width:100%; height:auto;}
.top-right{ width:100%; height: auto; float:right;}
.top-cal{ width:100%; height:auto; line-height:24px; text-align: center; font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:#949494; border-bottom:1px solid #eaeaea; padding-bottom:0.5%; font-size:11px}
.top-cal a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#949494; text-decoration:none;font-size:11px}
.top-cal a:hover{ font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:#f8931d; text-decoration:underline;font-size:11px}
.menuwrap{ width:100%; height:auto; float:right; margin-top:15px}
.navbar-menu .menu li a {
  display: inline-block;font-family: 'Lato', sans-serif; font-size:14px; font-weight:700; color:#666; text-transform:uppercase; padding:0.8em 1em !important;
}
.order-form{ width:auto; height:auto; padding:0.8em 2em; background-color:#40bbc1; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:normal; float:right; margin-top:15px; display:none}
.banner-wraper{ width:100%; height:auto; display:none}
.banner-wraper-mob{ width:100%; height:auto; display: none}

.banner-wraper img{ width:100%; height:auto; display:block}
.welcome-wraper{ width:100%; height:auto; background-color:#fff; padding-bottom:1.5%}
.welcome-container{ width:98%; height:auto; margin:0 auto; padding-top:1%; padding-bottom:0.5%}
.welcome{ width:100%; height:auto; float:left;padding-top:1%;}
.welcome h2{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#f8931d; line-height:30px; text-transform:uppercase; }
.welcome h2 span{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#ccc; line-height:30px; text-transform:uppercase; border-bottom:2px solid #40bbc1;padding-bottom:1%}
.welcome h3{ font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:justify; line-height:20px; color:#666; font-weight:normal; padding-top:2.5%}
.welcome p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:justify; line-height:20px; color:#888; font-weight:normal; padding-top:0.5%}
.calback{ width:100%; height:auto; float:right; }
.calback h4{font-family: 'Lato', sans-serif; font-size:20px; font-weight:300; color:#fff; width:100%; height:32px; background-color:#f8931d; line-height:32px}
.calback h4:before {
    content: "";
    display: block;
    background: url(../images/calback.png) no-repeat;
    float: left;
    margin: 5px 5% 0 2%; width:22px; height:22px
}
.calback-dtl{ width:100%; height: auto; margin-top:12px; text-align:right}
.calback-txt{ width:100%; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-left:2%; line-height:32px; font-weight:normal; border:1px solid #ccc;}
.footer-wrap{ width:100%; height:auto; background-color:#000;}
.footer-container{ width:90%; height:32px; margin:0 auto}
.copyright{ width:auto; height:32px; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; font-weight:normal; float:left}
.designer{ width: auto; height:100%; float:right; text-align:right; line-height:32px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; font-weight:normal; display:none}
.designer a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; font-weight:normal; text-decoration:none}
.designer a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:normal; text-decoration:none}
.ido{ width: auto; height:100%; float:right; text-align:right; padding-top:10px; padding-left:5px}

.bottom-wraper{ width:100%; height:auto; background-color:#333333;}
.bottom-container{ width:98%; height: auto; margin:0 auto; padding-top:1.5%; padding-bottom:1.5%}
.bottom-links{ width:100%; height:auto; float:left; margin-left:1%; margin-right:1%;}
.bottom-links h4{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#f1f1f1; text-align:left; line-height:24px; border-left:3px solid #f8931d; padding-left:2%; text-transform:uppercase}
.quick-links{ width:100%; height:auto; float:left; margin-right:15%;}
.quick-links ul{ margin:0px; padding:0px; list-style-type:none}
.quick-links ul li{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; height:34px; line-height:34px; width:100%; border-bottom:1px solid #404040}
.quick-links ul li a{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; text-decoration:none}
.quick-links ul li a:hover{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none}
.bottom-cont{ width:100%; height:auto;}
.bottom-loc{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; width:100%; margin-bottom:3%; background:url(../images/bottom-loc.png) no-repeat left 1px; padding-left:25px; line-height:20px}
.bottom-mob{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; width:100%; margin-bottom:3%; background:url(../images/cont-mob.png) no-repeat left  center; padding-left:25px; line-height:20px}
.bottom-mail{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; width:100%; margin-bottom:3%; background:url(../images/cont-mail.png) no-repeat left  center; padding-left:25px; line-height:20px}
.bottom-web{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7f7e7e; width:100%;  background:url(../images/bottom-web.png) no-repeat left  center; padding-left:25px; line-height:20px}

.bottom-social-links{ width: auto; height:auto; float:left;}
.bottom-social-links h4{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#f1f1f1; text-align:left; line-height:24px; border-left:3px solid #f8931d; padding-left:4%; text-transform:uppercase}
.bottom-social{ width:auto; height:auto; float:right}


.social-wrap {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.social-wrap ul li{
list-style:none;
border-bottom:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; float: right; 
}
.social-wrap li a {
margin:5px 0px 0px 1px;
padding:0px 0px 0px 0px;
width:57px;
height:45px;
float:left;
text-indent:-99999px;

}
.social-wrap li a.facebook {
background: url(../images/fb.jpg) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.facebook:hover {
background:url(../images/fb.jpg) no-repeat -0px -0px;
}
.social-wrap li a.twitter {
background:url(../images/ttr.jpg) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.twitter:hover {
background:url(../images/ttr.jpg) no-repeat -0px -0px;
}
.social-wrap li a.yt {
background:url(../images/yt.jpg) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.yt:hover {
background:url(../images/yt.jpg) no-repeat -0px -0px;
}
.social-wrap li a.google-p {
background:url(../images/gp.jpg) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.google-p:hover {
background:url(../images/gp.jpg) no-repeat -0px -0px;
}

.callender-wrap{ width:100%; height:auto; padding-bottom:1.5%; padding-top:1.5%; margin-bottom:2%; background-color:#f5f5f5;}
.calender-container{ width:98%; height:auto; margin:0 auto; position:relative}
.calender-left{ width:auto; float:left}
.calender-left h4{font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; color:#f8931d; width:100%; text-align:left; text-transform:uppercase; line-height:30px}
.calender-left h5{font-family: 'Lato', sans-serif; font-size:18px; font-weight:700; color:#f8931d; width:100%; text-align:left; text-transform:uppercase}
.view-calender{ width:190px; height: auto; margin-top:15px; }
.brief-wrap{ width:100%; height:auto; background-color:#fff; margin-top:2%; margin-bottom:2%}
.brief-container{ width:98%; height:auto; margin:0 auto}
.home-news{ width:100%; height: auto; float:left; margin-right:1%;}
.home-news h5{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#f8931d; width:100%; text-align:left; text-transform:uppercase; line-height:30px;}
.home-calender{ width:100%; height:auto; padding-bottom:5%; border-bottom:1px solid #d6d6d6; padding-top:5%}
.calender-date{ width:15%; height:100%; background-color:#f8931d; float:left; padding-top:2%; padding-bottom:2%}
.calender-date h4{ width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#fff; font-weight:normal}
.calender-date h6{ width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:normal; text-transform:uppercase}
.home-news-dtl{ width:80%; height:auto; float:right}
.home-news-dtl h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; text-align:left; text-transform:uppercase}
.home-news-dtl p{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; text-align:justify; line-height:20px;}
.veiw-all{width: auto; margin-top:2%; float:right; color:#f7f7f7;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; padding:0.3em 0.8em; background-color:#999}
a.veiw-all {color:#999;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; text-decoration:none}
a:hover .veiw-all {color:#fff;font-family: 'Lato', sans-serif; font-size:14px; font-weight:400; text-decoration: none; background-color:#f8931d}

.home-testimonial{ width:100%; height:auto; float:left; }
.home-testimonial h5{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#f8931d; width:100%; text-align: center; text-transform:uppercase; line-height:30px; padding-bottom:5%}
.testinonial-pic{ width:67px; height:67px; border-radius:50%; margin:0 auto; background-color:#999; }
.testinonial-pic img{ width:100%; height:100%;/* position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;*/ filter: grayscale(100%);border-radius:50%;}
.sp-caption-testi{ width:100%; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:bold; color:#666; text-align: center; padding-top:2%; clear:left; padding-top:5%}
.home-gal{ width:100%; height: auto; float:right;}
.home-gal h5{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#f8931d; width:100%; text-align:left; text-transform:uppercase; line-height:30px;padding-bottom:5%}
.home-gal-pic{ width:15%; height: auto; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:1%;}
.home-gal-pic img{width:100%; height:100%;/* position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;*/ float:right }
.publication-wrap{ width:100%; height: auto; background-color:#f5f5f5; padding-top:1.5%; padding-bottom:1.5%}
.publication-container{ width:98%; height:auto; margin:0 auto}
.publication-left{ width:100%; height: auto; float:left;}
.publicaion-sub{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:30px}
.public{ width:100%; height:auto;}
.public ul{ margin:0px; padding:0px; list-style-type:none;}
.public ul li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666; font-weight:normal; line-height:20px; margin-bottom:2%; padding-left:20px; background:url(../images/listingbg.png) no-repeat left 5px}
.publication-right{ width:100%; height:auto; float:right; display:none}
.publication-right img{ width:100%; height:auto;}
.publication-right h5{font-family: 'Lato', sans-serif; font-size:23px; font-weight:400; color:#f8931d; width:100%; text-align:left; text-transform:uppercase; line-height:30px;padding-bottom:5%; background:url(../images/border.png) no-repeat left 80%}
.sliding-left{ width:40%; height:300px; float:left; position:relative; }
.sliding-left-pic{ width:154px; height:177px; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0}
.sliding-right{ width:58%; height: auto; float:right; margin-top:5% }
.sliding-right h6{font-family: 'Lato', sans-serif; font-size:23px; font-weight:400; color:#fff; width:98.5%; text-align:left; text-transform:uppercase; line-height:35px; background-color:#f9ab4f; margin-right:1.5%; padding-left:3%}
.class-book{ width:46%; height:auto; float:left}
.class-book-dtl{font-family: 'Lato', sans-serif; font-size:12px; font-weight:400; color:#fff; line-height:30px; width:100%; background:url(../images/slide-list.png) no-repeat left center; padding-left:15px; border-bottom:1px dotted #fff}
.class-book-1{ width:46%; height:auto; float:right}

/*inner page*/
.recent-publication{ width:100%; height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:20px; font-weight:400; color:#f8931d; text-transform:uppercase}
.recent-publication span{ height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:20px; font-weight:400; color:#ccc; text-transform:uppercase}

/*publication*/
.sorted{ width:100%; height:40px; line-height:40px; margin-bottom:2%}
.sorting{ width:25%; height:auto; float:left;font-family: 'Roboto', sans-serif; font-size:14px; line-height:40px; color:#666;}
.sorting-container{ width:49%; height:auto; float:left; margin-right:0.5%; margin-bottom:3%; margin-left:0.5%}
.super-kid-brochure .sorting-container{ width:100%; height:auto; float:left; margin-right:0%;margin-left:0%; margin-bottom:3%}
.super-kid-brochure .sorting-container:nth-child(2n+2){ margin-right:0%;}
.book-pic{ width:100%; height:auto;  margin-bottom:1%}
.book-pic img{ width:100%; height:280px; display:block;}
.type{ width:100%; height:30%; line-height:30px; border-bottom:1px solid #d1d1d1; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-align:center; color:#a3a3a3}
.order{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#40bbc1; text-align:center; font-weight:bold; text-transform:uppercase;height:30%; line-height:30px;}
.order:before {
	padding-right:5px;
	content: url(../images/order.png);
}
.order a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#40bbc1; text-decoration:none}
.order a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#40bbc1; text-decoration: underline}
/*contact*/
.contact-enquiry{ width:100%; height:auto; float:left; padding-bottom:2%; /*background:url(../images/cont-border.jpg) no-repeat right center*/}
.contact-enquiry h2{ width:100%; height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:22px; font-weight:400; color:#f8931d; text-transform:uppercase; background:url(../images/enquiry-border.jpg) no-repeat left bottom}
.contact-enquiry h2 span{ height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:22px; font-weight:400; color:#ccc; text-transform:uppercase}
.contact-enquiry h2:before {
	padding-right:5px;
	content: url(../images/enquiry.png);
}
.enquiry-container{ width:100%; height:auto; float:left; padding-top:20px}
.enquiry{ width:100%; height:auto; margin-top:15px }
.name{ width:30%; height:40px; line-height:40px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#949494;}
.enqu-sep{ width:5%; height:40px; line-height:40px; float:left; text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#949494;}
.enquiry-for{ width:65%; height:auto; float:left; border:1px solid #ccc;}
.enquiry-for-txt{ width:100%; height:40px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#949494; padding-left:2%; line-height:40px}
.enquiry-for-txt1{ width:100%; height:80px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#949494; padding-left:2%; line-height:20px}
.enquiry-send{ width:65%; height:auto; float:left; text-align:right }
.enquiry-captche{ width:65%; height:auto; float:left; text-align:left }


.contact-address{ width:100%; height:auto; float:right; padding-bottom:2%;  }
.contact-address h2{ width:80%; height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:22px; font-weight:400; color:#f8931d; text-transform:uppercase; background:url(../images/enquiry-border.jpg) no-repeat left bottom; float:right}
.contact-address h2 span{ height:40px; line-height:40px; text-align:left;font-family: 'Lato', sans-serif; font-size:22px; font-weight:400; color:#ccc; text-transform:uppercase}
.contact-address h2:before {
	padding-right:5px;
	content: url(../images/cont-address.png);
}
.address-container{ width:100%; height:auto; float:right; padding-top:20px;background:url(../images/bottombg.jpg) repeat-x left bottom; padding-bottom:10%; }
.location{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; color:#f89a2c; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e5e5e5;}
.location:before {
	padding-right:5px;
	content: url(../images/location.png);
}
.address-dtl{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e5e5e5;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; color:#949494 }
.tele{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; color:#f89a2c; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e5e5e5;}
.tele:before {
	padding-right:5px;
	content: url(../images/tele.png);
}
.mail{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; color:#f89a2c; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e5e5e5;}
.mail:before {
	padding-right:5px;
	content: url(../images/mail.png);
}

.web{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; color:#f89a2c; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e5e5e5;}
.web:before {
	padding-right:5px;
	content: url(../images/web.png);
}
.connect{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; text-transform:uppercase; color:#f89a2c; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e5e5e5;}
.connect:before {
	padding-right:5px;
	content: url(../images/connect.png);
}
.connect-social{ width:24px; height:19px; float:left; margin-right:15px; padding-top:10px; line-height:0px}

/*news&events*/
.news-events-container{ width:95%; height:auto; float:left; padding-top:1.5%; padding-bottom:1.5%; border-bottom:1px dotted #ccc;}
.news-dtl h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:rgb(64, 187, 193); text-align:left; text-transform:uppercase}
.calender-date-main{ width:18%; height:100%; background-color:#f8931d; float:left; padding-top:2%; padding-bottom:2%}
.calender-date-main h4{ width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#fff; font-weight:normal}
.calender-date-main h6{ width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:normal; text-transform:uppercase}
.news-dtl{ width:78%; height:auto; float:right}
.news-dtl p{ width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; text-align:justify; line-height:18px;}

/**order form**/
.order-form-wrap{ width:100%; height:auto; float:left; /*padding-left:2%; padding-right:2%;*/ margin-bottom:1.5%}
.name-order{ width:100%; height:40px; float:left; line-height:55px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; text-align: center}
.order-sep{ width:5%; height:40px; line-height:40px; text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; float:left; display:none}
.order-detail{ width:100%; height:auto; border:1px solid rgb(248, 147, 29); font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:1%; float:left}
.txtbox{ width:100%; height:30px; line-height:30px}
.txtbox-1{ width:100%; height:60px; line-height:20px}
.order-rec{ width:100%; height:auto; padding-top:2%; /*border-top:1px dotted #ccc;*/ margin-top:2%; margin-bottom:3%; border-bottom:1px dotted #ccc;  background-color: rgb(245, 245, 245);}
.despatch{ width:100%; height:60px; float:left; margin-left:2%; margin-right:2%; margin-bottom:1.5%; background-color: rgb(245, 245, 245);
    border: 1px solid rgb(204, 204, 204);}
.payment{ width:100%; height:60px; float:right; margin-left:2%; margin-right:2%; margin-bottom:1.5%; background-color: rgb(245, 245, 245);
    border: 1px solid rgb(204, 204, 204);
    }

.agriment{ width:100%; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; padding-left:2%; text-align:center}
.agriment a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:rgb(248, 147, 29); font-weight:bold; text-decoration:none}
.agriment a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:rgb(248, 147, 29); font-weight:bold; text-decoration: underline}
.terms{ width:100%; height:auto; margin:3% auto;}
.terms ul{ margin:0px; padding:0px; list-style-type:none}
.terms ul li{ font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666; font-weight: bold; line-height:20px; margin-bottom:2%; padding-left:20px; background:url(../images/listingbg.png) no-repeat left 5px}
.place{ width:100%; height:30px; clear:left; margin-left:2%; margin:2% auto}
.purchase-container{ width:100%; height: auto; padding-top:3%; border-top:1px dotted rgb(248, 147, 29); margin-top:10%}
.selection{  background-color: rgb(245, 245, 245);
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
    height: auto;
    padding-bottom: 1%;
    padding-top: 2.5%;
    width: 100%;}
.selection-title{ font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#666}
.selection-for{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; padding-left:2% !important; height:40px}
.txtbox-sel{ width:100%; height:40px;  padding-left:2%; padding-top:10px; border-right:1px solid #666}

.books-detail{ width:100%; height:auto;/* padding-top:3%*/}
.txtbox-2{color: #666; vertical-align: top; border: none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; background:none;width:50px; height:40px; border:1px solid #ccc}
.books-detail-submit{ width:100%; height:auto; text-align: right; padding-top:1%}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	list-style: none; background:url(../images/tab-bg1.jpg) no-repeat;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;font-family: 'Lato', sans-serif; font-size:17px; font-weight:400; color:#fff;
	height:41px;
	line-height:41px; text-align:center; width:100%; background-size:100% auto; margin-bottom:2px
}
.TabbedPanelsTabHover { background:url(../images/tab-bg.jpg) no-repeat; width:100%; background-size:100% 100%}
.TabbedPanelsTabSelected { background: url(../images/tab-bg.jpg) no-repeat !important ; height:41px;  background-size:100% 100% !important}
.bredcum
{
	width:100%;
	height:25px;
	
}
.bredcum h4
{
	float:left;
	font-size:12px;
	color:#666;
	width:36px;
	font-weight:700
}
.bredcum h4 a
{
	float:left;
	font-size:12px;
	color:#666;
	width:36px;
	font-weight:700;
	text-decoration:none
}
.bredcum h4 a:hover
{
	float:left;
	font-size:12px;
	color:#666;
	width:36px;
	font-weight:700;
	text-decoration:underline
}
.bredcum h2
{
	float:left;
	font-size:12px;
	color:#666;
	width:12px;
	font-weight:400;
	background:url(../images/arrow-designs.png) no-repeat 0 4px
}
.bredcum h3
{
	float:left;
	font-size:12px;
	color:#09b5c4;
	width: auto;
	font-weight:700;padding:0px
}

.simplePopup {
display:none;
position:fixed;
border:4px solid rgb(248, 147, 29);
background:#fff;
z-index:3;
padding:12px;
width:90%;
}
.demo-gallery > ul > li {
                 float: left;
					margin-bottom: 15px;
					margin-left: 0.54%;
					margin-right: 0.54%;
					width: 32.2%;
            }
	/*thanks*/
.thanks_container {
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(179, 179, 179);
    height: auto;
    margin: 3% auto;
    padding: 1%;
    width: 70%;
}
.thanks_container_dtl{width:98%; height: auto; margin:0 auto;  padding:1%; background-color:#ffffff}
.thanks_container_dtl h2{ font-family:"Lato",sans-serif; font-size:28px; text-align:center; color:rgb(248, 147, 29); font-weight: bold; padding-bottom:1%}
.thanks_container_dtl h2 span a{ font-family:"Lato",sans-serif; font-size:28px; text-align:center; color:rgb(248, 147, 29); font-weight: bold; padding-bottom:1%}
.thanks_container_dtl h2 span a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#cc3333; font-weight: bold; text-decoration:underline;}
.thanx_pic{ width:100%; height:auto; text-align:center; padding-top:5%}
.thanx_pic img{ width:60%; height:auto; margin:0 auto}

	}