/**
 * vikas chamoli
 */
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

a.btn {
	color: #FFFFFF;
	font: 12px segoe ui, arial, Helvetica, sans-serif;
	text-decoration: none;
	margin:6px;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	cursor:pointer;
}
a.btn:hover {
	color: #000000;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	text-decoration:none;
	
}


body {
	
padding: 0;
margin: 0 auto;
line-height: 2em;
overflow-x:hidden;
font: inherit;
vertical-align: baseline;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-family: 'Open Sans Condensed', sans-serif;

}
div.top{width:100%;background-color:#000000;height:3px;}


/*side tab*/
#feedback
         {
         background:transparent url(../images/feedback.png) no-repeat scroll 8px 0px;
         height:122px;
         right:0;
         position:fixed;
         top:340px;
         width:53px;
         z-index:5000;
         }
         div#feedback:hover
         {
         background-position:0px 0px;
         }
         #feedback a
         {
         display:block;
         height:122px;
         width:53px;
         }


/************************************************************************************
STRUCTURE
*************************************************************************************/

#pagewrap {
	
	width: 990px;
	margin: 0px auto;
	
}

#header {
	height: 180px;
}

#content {
	width: 800px;
	margin:0 auto;
	float: left;
	
}
#sidebar {
	width: 190px;
	height:120PX;
	float: right;
}
#content1 {
	width: 200px;
	margin:10px auto;
	padding:5px;
	float: left;
	
	
}
#sidebar1 {
	width: 760px;
	margin:10px auto;
	padding:5px;
	float: right;
	
}

#footer {
	clear: both;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	
	#content {
		width: 65%;
	}
	#sidebar {
		width: 30%;
	}
	
	#content1 {
		width: 65%;
	}
	#sidebar1 {
		width: 30%;
	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}
	
	#content1 {
		width: auto;
		float: none;
	}
	#sidebar1 {
		width: auto;
		float: none;
	}
	#pagewrap 
	{
	
	width: auto;
	
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: compact;
	}
	#sidebar1 {
		display: compact;
	}
	#tfnewsearch{
		width:100%;
		margin:0px auto;
		text-align:center;
		}
	
	}

.ad4{border:1px solid #ccc;padding:5px;background-color:#FFFFFF}

@media screen and (max-width: 480px) {
	.ad4{ width:95%;height:95%;}
	.img{width:100%;height:100%;}
}

/* border & guideline (you can ignore these) */
#content 
{
	
}
#sidebar {
	
}
#header, #content, #sidebar {
	margin-bottom: 5px;
	
}



.header_out
{
width:100%;
height:100px;
background-image:url(../images/header_bg.jpg);
background-repeat:repeat-x;
}

.header
{
width:980px;
margin:0 auto;

}
/* for 480px or less */
@media screen and (max-width: 480px) {

html body {
	
padding:1px;
margin: 0 auto;
line-height: 2em;
overflow-x:hidden;
}



.header
{
width:auto;
margin:0 auto;

}
a.btn {
	color: #990000;
	font: 12px segoe ui, arial, Helvetica, sans-serif;
	text-decoration: none;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	cursor:pointer;
}
a.btn:hover {
	color: #000000;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	text-decoration:none;
	
}
.logo img {padding:30px;}
.logo{text-align: center;float:none}
}



.logo{float:left}

.notice{float:left;width:450px;}

.notice_inr{height:80px;margin-top:10px;color:#000000;font-size:10px;font-family:Arial, Helvetica, sans-serif;text-align:center;}

.search{float:right;}

.cart{ color:#000000;}

.kart{ font-size:14px;font-weight:bold;margin:10px;float:right;}

.circle 
{ 
padding:5px 10px; 
background: red; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%; 
}

#menu{background-color:#006600;}

/*advert*/

#ad
{
margin:5px;
height:80px;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
}

@media screen and (max-width: 700px) {
#ad
{
height:80px;background-color:#FFFFFF;
}
#ad img
{
width:100%;
height:100%;
}

body
{
background-color:#FFFFFF;
background-image:none;
}
#sidebar
{
/* margin-top:150px; */
padding:5px;

}
.notice{width:100%;}

.notice_inr{color:#000000;font-size:10px;font-family:Arial, Helvetica, sans-serif;text-align:center;border:1px solid #CCCCCC;}

.kart
{
float:right;
}

}



/*offer*/

section
{
    display : inline-block;
    width : 4em;
    font-family:Arial;
	color:#006600;
	font-weight:bold;
	text-align:center;
    
}

aside
{
    display : inline-block;
    width : 5em; 
    padding-top:10px;
}


.ofr
{

margin-top:5px;
padding:5px;
background-color:#FFFFFF;
border:1px solid #EEEEEE;
-webkit-box-shadow: 1px 1px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px -5px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px -5px rgba(0,0,0,0.75);
}

.ofr_txt_bold
{
font-size:16px;
font-family:Arial;
color:#000000;
font-weight:bold;
border:none;
border-bottom:1px dotted #DFDFDF;
}

.pr_lbl
{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
margin-top:20px;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
color:#006600;

}

.pr_lbl2
{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
margin-top:20px;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
color:#990000;

}


.btn1 {
  background: #006600;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 4px 9px 4px;
  text-decoration: none;
}

.btn1:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #520202);
  background-image: -moz-linear-gradient(top, #000000, #520202);
  background-image: -ms-linear-gradient(top, #000000, #520202);
  background-image: -o-linear-gradient(top, #000000, #520202);
  background-image: linear-gradient(to bottom, #000000, #520202);
  text-decoration: none;
}

.txt_cross
{
text-decoration:line-through;
font-size:12px;
float:right;
color:#999999;
}

.txt_cross_none
{
display:none;
text-decoration:line-through;
font-size:12px;
float:right;
color:#999999;
}

.txt_price
{
color:#003300;
font-size:12px;
float:right;
font-weight:bold;
}


.txt_curr
{
color:#990000;
font-size:12px;

}





.pro_name
{
font-size:14px;
font-family: 'Oswald', sans-serif;
color:#333333;
border:none;
border-bottom:1px dotted #999999;
margin:5px;
font-weight:bold;
}


.pr_d
{
font-family: 'Oswald', sans-serif;
font-size:14px;
}


.lbl
{
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/sl_bg.jpg);
background-repeat:no-repeat;
background-color:#EEEEEE;
padding:5px;
margin:5px;
font-size:18px;
font-weight:bold;
height:20px;
border:1px dotted #EBEBEB;
}
.price{color:#006600;text-align:center;font-size:12px;font-weight:bold;margin:10px;}


.offer
{
position:absolute;
background-image:url(../images/discount-bg.png);
background-repeat:no-repeat;
width:68px;
height:64px;
top:20px;
left:15px;
}

.offer_txt
{
margin-top:15px;
color:#FFFFFF;
font-weight:bold;
}

.New_Arrivals
{
background-color:#003300;
font-weight:bold;
margin-top:5px;
color:#FFFFFF;
padding:3px 8px;
border:none;
border-bottom:1px dotted #3A3A3A;
}

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

.slider1_container
{
 display:150%;

}
}

a.d{font-size:12px;color:#333333;}

a.d:hover{font-size:12px;color:#990000;}

/*footer*/

.footertxt
{
height:150px;
background-color:#F5F5F5;
margin-top:10px;
width:100%;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}

@media screen and (max-width: 480px) 

{

.footertxt
{
height:350px;

background-color:#F3F3F3;

}
.sinup
{
height:145px;
background-color:#990000;
text-align:center;
color:#FFFFFF;
}


.h1txt{font-size:10px;text-align:center;}

.name{ float:left; margin:10px;padding-left:73px;}
.email{margin:10px;float:none;}

.btn_submit{margin-top:10px;}

.tablesaw{background-color:#CCCCCC;text-align:center;}

.tbl{margin-left:60px;}

.tbl3{text-align:center;}
}

.tablesaw{background-color:#000000;text-align:center;}
.tbl3{font-size:12px; text-align:right;}

.footer_heading
{
font-family: 'Oswald', sans-serif;
font-size:16px;
margin:10px;
border:none;
border-bottom:1px dotted #DFDFDF;
}

.abt_txt
{
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px;
margin:10px;
line-height:155%;
color:#333333;
}

.abt_txt:hover
{
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px;
margin:10px;
line-height:155%;
color:#000000;
}

.sinup
{
background-repeat:repeat-x;
padding:5px 0px 0px 10px;
border:none;

}


.h1txt{font-size:18px;}

.name{float:left; margin:10px 0px 0px 0px;}
.email{float:right; margin:10px 0px 0px 0px;}

.btn_lbl
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
border:none;
border-bottom:1px dotted #CCCCCC;
}

.productname
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-size:18px;
font-weight:bold;
color:#666666;
padding:5px;
text-transform:uppercase;
position:absolute;
margin-left:15px;
}

.dtl_pro
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
border:1px solid #CCCCCC;
float:left;
padding:5px 5px;
margin:5px 5px;
}

.dtl_pro:hover
{

border:1px solid #FFCC00;

}

.prisers{line-height:155%;}

a.odr_btn{padding:50px;}

@media screen and (max-width: 480px) 

{
.item {
display:block;
width:90%;
}


.dtl_pro
{
display:block;
width:90%;
}
}


.pr_img
{
padding:2px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
/* width:80px;
height:90px; */
}


.pr_img_detail
{
padding:2px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
width:200px;
height:200px;
}

/*footer css*/

footer {
  
  background-color:#FF0000;
  color: #993300;
  width: 100%;
  height:60px;
  margin-top:50px;
 }
	
.credit {
  font-size: 0.875em;
  float: left;
  padding: 0.5em 0;
}
		
.credit a {
  color: #FFFFFF;
  font-style: italic;
}
	
.credit a:hover {color: #97cbdc;}


#demo-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#000000;
}
	
#demo-nav li {
  border: solid #878382;
  border-width: 0 0 1px 0;
}
	
#demo-nav li.current a {color: #FFFFFF;}
#demo-nav li.current a:hover {color: #111;}

#demo-nav a {
  color:#fff;
  padding: 0.75em 5%;
  text-decoration: none;
  display: block;
  background-color: #575352;
 
}
	
#demo-nav a:hover {
  background-color: #777372;
  
  color: #111;
}

@media screen and (min-width: 42.5em) {
  
  footer {
  clear:both;
  background: #000000;
  color: #FFFFFF;
  width: 100%;
 
  
 }
  
  #demo-nav {
    background: #474342;
    padding: 1.5em 0;
    border-bottom: 1px solid #878382;
    overflow: hidden;
  }
		
  #demo-nav li {border: 0;}
		
  #demo-nav a {
    padding: 0.75em 0 0.75em 5%;
    float: left;
    background-color: transparent;
    background-image: none;
    border-width: 0;
	color:#FFFFFF;
  }
		
  #demo-nav a:hover {
  	
    background-color: transparent;
    background-image: none;			
  }
}

@media screen and (min-width: 56em) {
  #demo-nav a {padding: 0.75em 1.5em 0.75em 5%;}
}

@media screen and (min-width: 64em) {
  footer .credit {
    padding: 0.75em 0;
  }
	
  #demo-nav {
    float: right;
    margin-right: 5%;
    background: transparent;
    border: 0;
    padding: 1em 0;
  }

  #demo-nav li {display: inline;}
		
  #demo-nav a {
    padding: 0.5em 1.25em;
  }
		
  #demo-nav a:hover {
    color: #777
  }
		
  #demo-nav li.current a:hover {color: #FFFFFF;}
  #demo-nav li:last-child a {padding-right: 0;}
}

@media screen and (min-width: 75em) {
  #demo-nav a {padding: 0.5em 1.75em;}
}



/*footer*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 5px;
	margin: 0px;
	background-color:#006600;
	color:#FFFFFF;font-size:13px;font-family:Arial;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 22%; }
.span_2_of_3 { width: 51.13%; }
.span_1_of_3 { width: 23.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.section {
	clear: both;
	width:100%;
	padding: 0px;
	margin: 0px;
	background-color:#000000;
}
.span_3_of_3 { text-align:center;border:none; }
.span_2_of_3 { text-align:center;border:none;border-bottom:1px dotted #333333;border-bottom:1px dotted #333333;margin:0px;padding:2px 5px; }
.span_1_of_3 { text-align:center;border:none;border-bottom:1px dotted #333333;border-bottom:1px dotted #333333;margin:0px; }


table.cont,td {display:block;text-align:left;width:100%;}

table.prdt,td {width:90%;margin:40px auto;margin-left:10px;}

.pay{width:100%;height:100%;}

.img1
{
width:100%;
height:100%;

}

}


.add5
{
height:80px;
background-color:#FFFFFF;
margin:10px;
border:1px solid #F0F0F0;
font-size:12px;
padding:5PX;
}


a.link {
    color: #FFFFFF;
    font: 12px segoe ui,arial,Helvetica,sans-serif;
    text-decoration: none;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
   word-wrap:break-word;
}

a.link:hover {
    color: #FFCC00;
    text-decoration: underline;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

a.link1 {
    color: #000000;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:80%;
    text-decoration: none;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

a.link1:hover {
    color: #FFCC00;
    text-decoration: none;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}


a.all {
    color: #000000;
    font-family:Arial, Helvetica, sans-serif;
	line-height:80%;
    text-decoration: none;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	cursor:pointer;
}

a.all:hover {
    color: #FFCC00;
    text-decoration: none;
	-ms-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

h1{font-size:14px;font-family:Arial, Helvetica, sans-serif;
	}
	
h2{
font-size:14px;font-family:Arial, Helvetica, sans-serif;

}	
	
	
#navlist li { list-style-image: url(../images/arrow.gif);margin-left:20px; }

#navlist li a{ color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:95%;}

#navlist li a:hover{ color:#990000;}


table.cont {width:100%;background-color:#EEEEEE;margin:10px 0 0 0;padding:15px;}


table.prdt {width:100%;margin:10px auto;}



/*verticle menu*/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url(https://fonts.googleapis.com/css?family=Pacifico);

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

*, *:before, *:after {
  -webkit-border-sizing: border-box;
  -moz-border-sizing: border-box;
  border-sizing: border-box;
}



.title {
  
  font-weight: norma;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #000000;
}

.dropdown a {
  text-decoration: none;
  list-style-type: none;
  color:#000000;
}
.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
  color: #000000;
  font-weight:bold;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  background: #F5F5F5;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #FFCC33;
  color:#000000;
}
.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #000000;
  top: 14px;
  right: 10px;
}
.dropdown .icon-arrow.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow:before {
  content: '\25BC';
}
.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  
}
.dropdown .dropdown-menu li {
  padding: 0;
  border:none;
  border-bottom:1px dotted #202020;
  
}
.dropdown .dropdown-menu li a {
  display: block;
  color: #FFFFFF;
  background: #333333;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}
.dropdown .dropdown-menu li a:hover {
  background: #282828;
  color:#FFF;
}
.dropdown .show, .dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}


/*pagination*/

.paginationdiv{padding:15px;}

a.p {
color:#000000;
font: 12px  segoe ui,arial,Helvetica,sans-serif;
text-decoration:none;
background:#CCCCCC;
cursor:pointer;
padding:8px 10px 8px 10px;
}
a.p:hover {
color:#CC0000;
text-decoration:none;
background-color:#E6E6E6;
}

.activep
{
color:#FFFFFF;
-moz-box-shadow:    3px 3px 5px 1px #ccc;
-webkit-box-shadow: 3px 3px 5px 1px #ccc;
box-shadow:         3px 3px 5px 1px #ccc;
font: 12px  segoe ui,arial,Helvetica,sans-serif;
text-decoration:none;
background:#000000;
cursor:pointer;
padding:8px 10px 8px 10px;

}


/*carting*/

.clear {
	clear: both;
}
.items {
	display: block;
	
}
.item {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
border:1px solid #CCCCCC;
float:left;
padding:5px 5px;
margin:5px 5px;
}


.item:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
border:1px solid #FFFFFF;
float:left;
background-color:#F2F0C4;
cursor:pointer;
padding:5px 5px;
margin:5px 5px;
}


.button {
	border: 1px solid #CCCCCC;
	padding: 4px ;
	font-size:12px;
	background-color: #006600;
	color: #FFFFFF;
	text-transform: capitalize;
	margin: 5px 0;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.shopping-cart {
	display: inline-block;
	background: url('https://cdn1.iconfinder.com/data/icons/jigsoar-icons/24/_cart.png') no-repeat 0 0;
	
	
}


/*zoom*/

}
.page {
padding: 5px 30px 30px 30px;
max-width: 800px;
margin: 150px auto;
font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
line-height: 1.5em;
}

pre {
background: #333;
padding: 10px;
overflow: auto;
color: #BBB7A9;
}

hr {
clear: both;
border: 0;
border-bottom: 1px solid #ccc;
margin: 25px 0;
}
.float-left {
display: block;
float: left;
max-width: 250px;
margin: 0 10px 10px 0px;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
.float-right {
display: block;
float: right;
max-width: 250px;
margin: 0 0px 10px 10px;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
 @media screen and (max-width: 400px) {
.float-left, .float-right {
max-width: 100%;
height: auto;
margin: 10px 0;
}
}

/*detail page*/
.tx {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	border:none;
	border-bottom:1px dotted #ccc;
	
}
.tx2 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
}
.dt {
	padding-left:20px;
}
.st{float:left;margin:15px;color:#009900;font-size:14px;font-weight:bold;}


.pr{float:left;margin:15px;color:#990000;font-size:14px;font-weight:bold;}

.batn{float:left;margin:5px;}

.dec{color:#000000;
font: 12px  segoe ui,arial,Helvetica,sans-serif;border:1px solid #E8E8E8;margin:10px 0px;padding:10px;}
.parent-pro{
   
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.parent-pro .child-pro{
   display: inline-block;
   width:200px;
}
@media(max-width:800px){
  .parent-pro .child-pro{
   width:48%;
}
}