/*
Theme Name: SkyZon
*/


@import url("assets/css/base.css");
@import url("assets/css/skeleton.css");
@import url("assets/fonts/stylesheet.css");
/* HTML5 ✰ Boilerplate*/

  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  body {
  font: 13px/1.4em "arial", Helvetica, sans-serif;
  color: #444;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;}

  
/*MARKUP*/
  h1.head-ar1,
  h2.head-ar2,
  h3.head-ar3,
  h4.head-ar4,
  h5.head-ar5
  {
      font-family: arial;
      font-weight: bold;
  }

  ul.list-disc li 
  {
      margin-left: 10px;
      list-style: disc;
  }

  ul.list-numb li
  {
      margin-left: 10px;
      list-style: decimal;
  }
  .blue{color:#2ea5c2;}

/* ==|== primary styles =====================================================
   base
   ========================================================================== */

   #header, #main, #footer		{width:100%;display:block;/*min-width:960px; forstaticweb*/}
   .left 						{float:left;}
   .right 						{float:right;}
   ul, ol, li 					{margin:0; padding:0; list-style:none;}
   .hasPlaceholder 				{color: #fff !important;/*plcaeholder js style*/}
   .rows						{width:100%;display:block;margin-bottom:15px;}
   a, #new-prod ul li, #new-prod .desc, .iconNew-list, .text-slide{
      -webkit-transition		: all 0.3s linear;
      -moz-transition			: all 0.3s linear;
      -o-transition				: all 0.3s linear;
      transition 				: all 0.3s linear;
   }
   a.btn-cartInt:hover, a.add-toCart:hover, #search input[type="reset"].reset:hover, 
   #search input[type="submit"].search-btn:hover, #newslet form input[type="submit"].send:hover
    {
        position: relative;
        top:1px;
        left:1px;
        border: 1px solid #191d20;
         -webkit-transition   : all 0s linear;
      -moz-transition     : all 0s linear;
      -o-transition       : all 0s linear;
      transition        : all 0s linear;
    }
  h2.subtitle
  {
      font: 2em/1.2em "PTSansNarrowRegular", Helvetica;
      color: #525252;
  }

  /*comments
  =============================================================*/
  #comments-wrap
  {
    width: 100%;
    display:block;
  }
  #comments-wrap h2
  {
      font-size: 18px;
      font-weight: bold;
  }
  ul.comments-list 
  {
    margin: 0;
    padding:0;
  }
  ul.comments-list li
  {
    background:url(../images/comment-bg.png) 0 0 repeat;
    border:1px solid #eaeaea;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-bottom:20px;
    position: relative;
  }
  ul.comments-list li .comment
  {
    padding:15px;
  }
  .comment img.avatar
  {
    float:left;
    margin-right:20px;
    margin-bottom: 10px;
    border:1px solid #e3e2e2;
  }
  .comment .comment-content
  {
    overflow:hidden;
  }
  .comment-content p.comment-author
  {
    font-weight: bold
  }
  .comment-content p.comment-author span
  {
    font-weight: normal;
    font-style: italic;
    display:block;
  }
  /*Comment rating*/
  .comments-list .comment-rating
  {
    overflow: hidden;
    position: absolute;
    top:10px;
    right: 15px;
  }
  .comment-rating .stars
  {
      float:left;
      margin-left:5px;
  }
  .comment-rating .stars span
  {
      background:url(assets/img/litle-star.png) top left no-repeat;
      width: 11px;
      height: 11px;
  }
  .comment-rating .stars span.rated,
  .comment-rating .stars span:hover
  {
      background-position: bottom left;
  }

  .comment-rating .stars span
  .respond .respon-title 
  {
     margin-bottom: 15px;
  }
  .respond .respon-title h2
  {
      margin-bottom:0px;
      line-height: 1em;
  }
   .respond .respon-title span
  {
      color:#413f3f;
      font-style: italic;
  }
  .respond #commentform
  {
      position: relative;
  }
  input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
  }
  .hasPlaceholder {
    color: #433c3c !important;
    font-style: italic;
  }
  .respond #commentform input[type="text"], .respond #commentform textarea
  {
      background: #ffffff \9; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
      border:1px solid #e0e0e0;
  }
  .respond #commentform textarea
  {
      width:380px;
      height:100px;
  }
  .respond #commentform .controls
  {
  }
  #commentform .controls #rate-vote
  {
      padding: 3px;
      background:#ecefef;
      border:1px solid #e5e5e5;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      width:120px;  
      margin:0 auto;
      margin-bottom:-5px;
  }
  #commentform .controls p
  {
      margin-bottom:0px;
  }
  .respond input#submit
  {
      padding: 10px 40px;
      border-radius: 5px;
      font-size: 1.2em;
      font-weight: bold;
      text-decoration: none;
      color: #FFF;
      font-family: arial, helvetica, sans-serif;
      font-weight: bold;
      text-shadow: none;
      margin-bottom: 30px;
      background: #2e88c2;
      border: none;
      cursor: pointer;
   }
  #commentform input#submit:hover
  {
    position: relative;
    top:1px ;
    left:1px;
  }


/* ==|== primary styles =====================================================
   header
   ========================================================================== */
   #header
   {	
   		height: 169px;
      position: relative;
      z-index: 999;
   }
   #first-head
   {
   		overflow: hidden;
  		height: 96px;
  		padding: 11px 0;
    /*edited  background: #33a1bd; */
      
   		border-bottom: 1px solid #000000;}
   #logo
   {
   		float: left;
   		padding-top: 15px;
      word-wrap:break-word;
   }
   #logo h1
   {
   		color: white;
   		margin-bottom: 0;
   }
   #logo h1
	{
		font: 2.8em/1em "FuturaStd-Bold", Helvetica;
    margin-bottom: 0;
	}
   #logo h1 a
   {
      text-decoration: none;
      color: #fff
   }
 #logo h1 span.thin
	{
		font-family:"FuturaStd-Light", Helvetica;
	}

  #logo h2#title-descrip{
    color: white;
    font-size: 1.8em ;
    line-height: 0.9em;
  }
 #first-head .amzon-adv
 {
 		float: right;
 		text-align: right;
 		padding-top: 16px;
 }

/*Second Head*/
#sec-head
{
	height: 51px;
  background: url(assets/img/sec-head.png) 0 0 repeat-x;
    border-top: 1px solid #245a7e;
}


 #menu-wrap ul {
     zoom:1;
     width: 100%;
     /*height:51px;*/
     list-style:none;
     overflow:hidden;
     margin:0;
     padding:0;
     
  }

  #menu-wrap ul li {
    /* border-right: 1px solid #515151; */
    -moz-box-shadow: 1px 0 0 #606060;
    /* -webkit-box-shadow: 1px 0 0 #606060; */
    box-shadow: 1px 0 0 rgba(96, 96, 96, 0.57);
    float: left;
	height:51px;
  }

  #menu-wrap ul li a {
    padding: 14px 20px;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font: 1.15em "Bebas", Helvetica;
    text-decoration: none;
  }
  #menu li:hover > a {
    color: #fff;
    background: #222;
	height:23px;
  }

  *html #menu li a:hover { /* IE6 only */
    color: #fafafa;
    background: #474747;
  }

  /*Dropdown*/
  #menu-wrap li ul {
    height:auto;
    border:0;
    position:absolute;
    max-width: 250px;
    z-index:80;
    box-shadow:0 1px 5px #4A4A4A;
    display:none;
    margin:0;
    padding:0;

    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
  }

 #menu-wrap li li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
  }
  #menu-wrap li li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #menu-wrap li ul a  {
    padding: 10px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    font-size: 0.9em
  }
 #menu-wrap li ul a:hover {
    background-color: #2e88c2;
  }
  #menu-wrap li a:hover,#denzdii li:hover > a {
   color:#fff;
  }
  #menu-wrap li:hover ul.hidden {
   display:block;
  }



/*social*/
	#social{overflow: hidden;height: 21px;padding: 15px 0;}
	#social a
	{
		width: 16px;
		height: 16px;
		display: block;
		float:right;
		margin-left: 5px;
		background: url(assets/img/social.png) 0 0;
		opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
	}

	#social a:hover, #beSeler .caption a:hover
	{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
	}
	#social a.fb{background-position: -26px 0 ;}
	social a.fb:hover{background-position: -26px -32px ;}
	#social a.tw{background-position: -52px 0 ;}
	#social a.tw{background-position: -52px -32px ;}



/* ==|== primary styles =====================================================
   Main
   ========================================================================== */
   #main{
      padding-bottom: 20px;
      padding-top: 40px;
   }
/*INTRO =====================================================================*/
    #intro
    {
        width: 100%;
        padding-bottom: 25px;
        margin-bottom: 5px;
        border-bottom: 1px solid rgba(204, 204, 204, 0.11);
    }

/*Slider*/
    #slides
    {
        position: relative;
        height: 288px;
        overflow: hidden;
    }
    .slides_container {
        width:83%;
        display:none;
        position: relative;
        z-index: 0;
        margin: 0 auto;
    }
    .slides_container div.item-slides {
      width: 1000px;
      height:288px;
      display:block;
    
      margin: 0 auto;
}
    .pagination {
      list-style:none;
      margin:0;
      padding:0;
    }

/*Product Detail */
    #img-wraper-slide
    {
        width:300px;
        height:255px;
        padding: 10px;
        float:right; 
        margin-right: 20px;
        overflow: hidden;
        border: 1px solid #eeeeee;
        border-radius: 10px;
        position: relative;
    }
    #img-wraper-slide img
    {
       
        position: absolute;
        max-width: 90%;
        max-height:90%;
        margin: 0 auto;
        left:0;
        right:0;
        bottom:10px;
        top:15px;
    }
    
    #img-wraper-slide:hover
    {
    opacity:0.7;
	 filter:alpha(opacity=70);	 
	 	-o-transition: all 0.5s; 
	 	-moz-transition: all 0.5s; 
	 	-webkit-transition: all 0.5s;
    }

/*description*/
    .item-slides .description
    {
        
        width: 57%;
        height:258px;
        overflow: hidden;
        position: absolute;
        left:0;
        top:-260px;
    }
    .item-slides .description h1
    {
        font-size: 2.1em;
        color: #191919;
        margin-bottom: 0;
        line-height: 1.1em;
        text-transform: uppercase;
        font-family: "DroidSansBold",arial;
        margin-bottom: 10px;
    }
    .item-slides .description p
    {
        margin-bottom: 10px;
    }

    #intro .meta-price
    {
        display: block;
        margin-top: 23px;
    }
    #intro .meta-price .new-price
    {
         float: left;
         font:3em/1em "DroidSansBold", arial; 
         color: #f4c60e;
         text-shadow: 0 1px 0 rgb(223, 223, 223);
         margin-right: 15px;
         padding-top: 11px;
    }

    a.btn-cartInt
    {
         padding:12px 22px;
         font: 1.5em "GothamRounded-Book";
         float: left;
         color: white;
         text-decoration: none;
        -webkit-border-radius: 4px 3px 3px 4px/3px;
        -moz-border-radius: 4px 3px 3px 4px/3px;
        border-radius: 4px 3px 3px 4px/3px;
        
         background: #191919;
        -webkit-box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
        -moz-box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
        box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
        border: solid 1px #1a567e;
        background-image: -webkit-linear-gradient(bottom, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
        background-image: -moz-linear-gradient(bottom, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
        background-image: -o-linear-gradient(bottom, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
        background-image: -ms-linear-gradient(bottom, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
        
         background-image: linear-gradient(to top, rgba(30, 30, 30, 0.97), rgba(55, 55, 55, 0.97) 74%);}
    .btn-moreinfo i
    {
        text-shadow:0 1px 0 #;
        margin-right: 10px;
    }
    .meta-price .btn-detail:hover
    {
         background:url(assets/img/but-dtl_actv.png) 0 0 no-repeat;
    }

/*PrevNext Slider*/
	#slides a.prev, 
	#slides a.next
	{
  		display: block;
  		position:absolute;
  		width: 31px;
  		height: 54px;
  		bottom:135px;
  		background: url(assets/img/arrow.png) left top no-repeat;
  		text-indent: 999999px;
  		z-index: 2;
	} 
	#slides a.prev
	{
		left: 0;
	}
	#slides a.next
	{
		right: 0;
		background-position:right top; 
	}
/*star rating */
  .rating
  {
      overflow: hidden;
      display: block;
      margin-bottom: 5px;
  }
  .rating .review
  {
      font-size: 11px;
      color:#000;
      font-style: italic;
  }
  .rating .stars
  {
  }
/*BigStars*/
  .stars span
  {
      background: url(assets/img/stars-intro.png)  top left no-repeat;
      width: 18px;
      height: 18px;
      display: inline-block;
      cursor: pointer;
  }
  .stars span:hover, .stars span.rated{background-position: bottom left; }

/*Litlestars*/
  .stars-litle span
  {
     background: url(assets/img/stars.png)  top left no-repeat;
      width: 13px;
      height: 12px;
      display: inline-block;
      cursor: pointer;  
  }
  .stars-litle span:hover, .stars-litle span.rated{background-position: bottom left; }

/*Carousel ==========================================================*/
  /*Liquid Carousel */
  #carousel-row
  {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .liquid {
    background:#fff
  }
   .wrapper-liq .prev,  .wrapper-liq .next
   {
      position: absolute;
      top:5px;
      display:block;
      height:27px;
      width:27px;
      text-indent: -9999px;
      z-index: 2;

   }
  .wrapper-liq .prev {
     
      background:url('assets/img/arrow-crsl.png') top left no-repeat;
      right:30px;
  }
  .wrapper-liq .next {
      background:url('assets/img/arrow-crsl.png') top right no-repeat;
      right: 0;
  }
  .liquid .previous, .liquid .next
  {
      position: relative;
      top:40%;
      cursor: pointer;
  }
  .liquid .previous:hover, .liquid .next:hover
  {
      top:41.2%;
      right:-1px;
  }
  .wrapper-liq ul li {
      width: 203px;
      height: 240px;
      overflow: hidden;
      float: left;
      margin:0 5px;
      background: #eeeeee;
      position: relative;
      padding: 6px 0;
  }
  .ribbon-new
  {
      width: 81px;
      height: 81px;
      background: url(assets/img/ribbon.png) 0 0 no-repeat;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
  }
/*Description list prod*/
  .wrapper-liq ul li p
  {
      margin-bottom: 0;
  }
  .wrapper-liq ul li h2
  {
      overflow: hidden;
      margin-bottom: 0;
      font: 1em/1.3em 'Tahoma';
      margin-bottom: 3px;
  }
  .wrapper-liq ul li h2 a
  {
      color: #024ead;
      text-decoration: none;
  }
  .wrapper-liq ul li figure
  {
      width: 90%;
      height: 130px;
      padding: 10px 0;
      background: white;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-bottom: 15px;
      text-align: center;
  }
  
  .wrapper-liq ul li figure img
  {
      max-width:80%;
	  max-height:80%;
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  margin: auto;
  }
  
  .wrapper-liq ul li figure:hover
  {
   opacity:0.7;
	 filter:alpha(opacity=70);	 
	 	-o-transition: all 0.5s; 
	 	-moz-transition: all 0.5s; 
	 	-webkit-transition: all 0.5s;
  
  }
  
  .wrapper-liq ul li .desc
  {
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
  .wrapper-liq ul li .price-site
  {
    overflow: hidden; 
    width: 90%;
    margin:0 auto;
    padding:10px;
    text-align: center;
  }
  .wrapper-liq ul li .price-site .idr-price
  {
      float: left;
      font: 1.2em "DroidSansBold" , arial;
      color:#3e3f3f;
      display: block;
      padding-top:10px;
      width: 68px;
      overflow: hidden;
      word-wrap:break-word;

  }
  a.add-toCart
  {
      width: 124px;
      height: 33px;
      display: block;
      float: right;
      text-decoration: none;
      color: white;
      font: 1em "GothamRounded-Book";
      line-height: 33px;
      text-align: center

      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      background: #2977aa;
      -webkit-box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
      -moz-box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
      box-shadow: 0 1px #0d4067, inset 0 0 0 2px rgba(128,205,255,.29);
      border: solid 1px #1a567e;
      background-image: -webkit-linear-gradient(top, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
      background-image: -moz-linear-gradient(top, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
      background-image: -o-linear-gradient(top, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
      background-image: -ms-linear-gradient(top, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);
      background-image: linear-gradient(to bottom, rgba(38,116,167,.97), rgba(55,147,206,.97) 74%);

  }
  a.add-toCart i{margin-right: 5px;}
  .list_carousel.responsive {
    width:100%;
    margin:0 auto;
  }

/*content-main ------------------------------------------------------*/
  #content
  {
      margin-right: 5px;
      float: right;
  }

/*CONTENT ------------------------------------------------------*/
  #content h2.subtitle
  {
      background: url(assets/img/dotted.png) bottom left repeat-x;
      padding-bottom: 8px;
      margin-bottom:20px; 
  }
  #content h2.subtitle.newProd
  {
    padding-left: 10px;
  }
/*NEWPRODUCT*/
  #new-prod, #new-prod ul
  {
      overflow: hidden;
  }
  #new-prod ul li
  {
      width: 205px;
      height: 300px;
      overflow: hidden;
      background:white;
      float: left;
      margin: 0 7px;
      margin-bottom: 20px;
      border: 1px solid rgba(204, 204, 204, 0.15);
      position: relative;
  }
  .sale-ribbon
  {
     background: url(assets/img/sale.png) 0 0  no-repeat ;
     position: absolute;
     width: 54px;
     height: 54px;
     right: 11%;
     z-index: 2;
     top: 8%;
  }
  
  
  
   #new-prod ul li figure:hover
   {
      opacity:0.7;
	 filter:alpha(opacity=70);	 
	 	-o-transition: all 0.5s; 
	 	-moz-transition: all 0.5s; 
	 	-webkit-transition: all 0.5s; 
   }
  #new-prod ul li figure
  {
      width: 85%;
      height: 182px;
      margin: 15px auto;
      background: white;
      position: relative;
	  margin:auto;

  }
  #new-prod ul li figure img
  {
      max-width:80%;
	  max-height:80%;
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  margin: auto;
  }
  #new-prod ul li .iconNew-list{
    display: block;
    background: #00738b;
    position: relative;
    top:0;
    z-index: 0;

  }
  #new-prod ul li .iconNew-list a
  {
      display: block;
      float: left;
      width: 54px;
      width: 52px \9;
      height: 40px;
      background: url(assets/img/icon-s.png) 0 0 no-repeat;
  }
   #new-prod ul li .iconNew-list a:hover
  {
      opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:  0.5;
    -khtml-opacity:  0.5;
  }

  #new-prod .iconNew-list
  {
     overflow: hidden;
  }
  #new-prod .iconNew-list a.icoNew-two
  {
      background-position: -55px 0;
  }
  #new-prod  .iconNew-list a.icoNew-three{
      background-position: -110px 0;
  }
  #new-prod .iconNew-list a.icoNew-four{
      background-position: -165px 0;
  }

  #new-prod ul li .space-price
  {
      padding: 15px 0 15px 0;
      font-family: "NexaBold";
      color: #d5e3f0;
      text-align: center;
      position: relative;
      
  }
  #new-prod  .space-price span.sp-dlr
  {
       font: 1.2em "NexaBold";
  }
  #new-prod  .space-price span.sp-prc
  {
      color: #FFFFFF;
      font-size: 2em;
  }
  #new-prod  .space-price span.sp-kom
  {
      font: 1.5em "NexaBold";
      position: relative;
      top:-8px;
  }
  #new-prod  .space-price span.altprice
  {
      color:#ffcc00;
      font: 1.7em "NexaBold";
  }

  #new-prod .desc
  {
    text-align: center;
   
    background: #70bc34!important;
    padding-bottom: 15px;
  }
  #new-prod .desc:hover
  {
    background:!important;
  /*edited    background: #F7701E */
  }

  #new-prod .desc .text-prod
  {
  /*edited    background: #1873a0; */
      color:white;
      width: 100%;
      height:40px;
      position: relative;
      overflow: hidden;

  
      background: #4C4B4B!important;
}
   #new-prod .desc .text-prod:hover .text-slide
   {
      top:-40px;
   }
   #new-prod .desc .text-prod:hover .iconNew-list
   {
      top: -40px;
   }
   #new-prod .desc .text-prod .text-slide
   {
      text-align: center;
      line-height: 40px;
      position: relative;
      top:0;
   }

   #new-prod .desc .text-prod span
   {
      line-height: 40px;
   }
  #new-prod .desc .space-price
  {
      /* background: #FF7C2C; */}

/*product list in detail*/
  #new-prod.prodList-dtl{
    margin-right: 10px;
  
    float: left;
}
  #new-prod.prodList-dtl ul li
  {
      margin-left:0 !important;
      margin-right: 18px;
       
      margin-right: 15px;
  }
  #new-prod.prodList-dtl ul li:last-child
  {
      float: right;
      margin-right: 0;
  }

/*pagination-nav*/
  .pagination {
        text-align: right;
    }
    .pagination a, .pagination strong {
        background: #eeeeee;
        padding: 4px 12px;
        display: inline-block;
        text-decoration: none;
        line-height: 1.5em;
        margin: 0 -2px;
        color: #8b7d7d;
    }
    
    .pagination span {
        background: #eeeeee;
        padding: 4px 12px;
        display: inline-block;
        text-decoration: none;
        line-height: 1.5em;
        margin: 0 -2px;
        color: #8b7d7d;
    }

    .pagination a:hover, .pagination a:active,  .pagination strong {
        background-color: #2ea5c2;
        color: #fff;
    }
              

/*SIDEBAR ------------------------------------------------------*/

  #sidebar
  {
      margin-left: 5px;
  }
  h2.title-aside
  {
      font: bolder 1.5em/1em "PTSansBold";
      text-transform: uppercase;
      color:white; 
      margin-bottom: 15px;
  }

/*SEARCH*/
  #search
 {
   position:relative;
   z-index:0;
   overflow:hidden;
   height:auto;
   padding-bottom:2.7%;  
  /* edited background:#0b5f6a; */
 }
  #search h2
  {
    /*edited  background: #009bae; */
      padding:10px 0;
      text-align: center;
      border-bottom: 1px solid #cccccc
  }
 #search form
 {
     width:86%;
     display:block;
     margin: 0 auto;
 }
  div.controls
 {
   margin-bottom:0px;
   position:relative;
 }
 #search input[type="text"].keyword {
    width: 92%;
    height:22px;
    margin-top: 35px;
    margin-bottom: 20px;
    background-color: #99cccc;
    -webkit-box-shadow: inset 0 0 3px rgba(51,51,51,.56);
    -moz-box-shadow: inset 0 0 3px rgba(51,51,51,.56);
    box-shadow: inset 0 0 3px rgba(51,51,51,.56);
    border: solid 1px #ccc;
    
  }
  /* setting the width and height of the SELECT element to match the replacing graphics */
  select.select{
    position:relative;
    z-index:10;
    width:186px !important;
    height:36px !important;
    line-height:1em;
    top:-3px;
  }

  /* dynamically created SPAN, placed below the SELECT */
  span.select{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:186px;
    height:36px;
    line-height:40px;
    text-indent:10px;
    background:url(assets/img/select.png) no-repeat 0 0;
    cursor:default;
    z-index:1;
  }
/*button Search*/
  #search input[type="reset"].reset
  {
      background: none;
      border: none;
      border-radius: none;
      background: url(assets/img/reset.png) 0 0  no-repeat;
      width: 54px;
      height: 36px;
      float: left;
      margin-right: 10px;

  }
  #search input[type="submit"].search-btn
  {
      background: none;
      border: none;
      border-radius: none;
      background: url(assets/img/search.png) 0 0 no-repeat;
      width: 117px;
      height: 35px;
      font: 1em "NexaBold";
      text-transform: uppercase;
      color: #0c404c;
      text-indent: 6px;
      text-align: left;
      text-shadow: 0 1px #68c0cc !important;

  }

/*BEST SELLER */
  #beSeler
  {
      background: rgba(238, 238, 238, 0);
      padding-bottom: 10px;
  
      padding-right: 15px;
}
  #beSeler h2.title-aside
  {
      background: #565555;
      padding:10px 0;
      text-align: center;
  }
  #beSeler ul
  {
     width: 100%;
     margin: 0 auto;
  }
  #beSeler ul li
  {
      border: 1px solid #cccccc;
      overflow: hidden;
      padding: 5px 10px;
      margin-bottom: 15px;
      position: relative;
  }

/*Description*/
  #beSeler ul li p {
      margin-bottom: 8px;
  }
  #beSeler ul li p a{text-decoration: none;}
  
  #beSeler ul li figure
  {
      background: white;
      width: 75px;
      height: 75px;
      overflow: hidden;
      float: left;
      margin-right: 14px;
      position: relative;
	  margin:auto;
	  margin-right:10px;
	 
  }
  
  #beSeler ul li figure:hover
  {
  opacity:0.7;
	 filter:alpha(opacity=70);	 
	 	-o-transition: all 0.5s; 
	 	-moz-transition: all 0.5s; 
	 	-webkit-transition: all 0.5s;
  }
  
  
  #beSeler ul li figure img
  {
      max-width:80%;
	  max-height:80%;
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  margin: auto;	  
	  
  }
  #beSeler .desc
  {
      overflow: hidden;
  }
  #beSeler .beSel-price 
  {
      text-align: center;
      color: #c22e80;
      font-family: 'NexaBold';
      display: block;
      padding: 5px 0;
  }
  #beSeler .beSel-price span.sp-dlr{ font: 0.7em "NexaBold";}
  #beSeler .beSel-price span.sp-prc{ font-size: 1.4em;}
  #beSeler .beSel-price span.sp-kom{ position: relative;top:-5px;}

  #beSeler .caption{overflow: hidden;} 
  #beSeler .caption a
  {
      float:left;
      display: block;
      margin-left: 10px;
  }

  #beSeler  .caption a.info {
      width: 27px;
      height: 27px;
      background: url(assets/img/i-link.png) 0 0 no-repeat;
   }
   #beSeler .caption a.shop-bag
   {
     background:url(assets/img/shop-bag.png) 0 0 no-repeat;
     width:23px;
     height:20px;
     margin-top:6px;
     margin-bottom: 15px;
   }

/*Catgories and archive*/
  h2.wdg-title
  {
      font-size: 1.6em;
      text-transform: uppercase;
  }
   .widget-side
   {
      margin-bottom: 20px;
   
}
 .widget-side ul li  {     
     margin-bottom:6px;      
	 list-style-type: square; 
	 padding: 5px 5px 10px 0px; 
	 
     /* margin-left:20px; */
	 border-bottom: 1px solid #eee;
  }
  .widget-side ul li a
  {
      text-decoration: none;
  }
  .widget-side ul li a:hover{color: #33a2be}
  #archive, #categories
  {
      /* background: url(assets/img/dotted.png) bottom left repeat-x; */
      padding-bottom: 8px;
  }
  #categories ul li ul
  {
      margin-top: 3px;
  }
  #categories ul li li
  {
    /* background: url(assets/img/caret.png) 0 6px no-repeat; */
    padding-left:15px;
    margin-left: 15px;
  }


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
  .flexcroll {
    /* Typical fixed height and fixed width example */
    width: auto;
    height: 190px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
  }
  #tickercroll-two.flexcroll
  {
      height: 300px;
  }

  /* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
  /* and it should only be that big when fleXcroll is active for better degradation */
  .flexcrollactive .emptyspace {
    height: 200px;
    }

  /* you may optionally want to hide the scrollbars */
  #tickercroll .vscrollerbase, #tickercroll-two .vscrollerbase {
    visibility: hidden !important;
  }
  #related-post ul li
  {
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 10px;
  }

/*Detail Page ==============================================================*/
  #detail-post header h2.detail-title
  {
      font: bold 1.6em "gothamMed", arial;
      margin-bottom: 10px;
      font-weight:bold;      
  }
  #detail-post header h2.detail-title p
  {
      font-family: "gothamMed", arial
  }
  .row-entry
  {
      overflow: hidden;
      margin-bottom: 35px;
  }
  #wrap-BigImg
    {
        width:340px;
        float:left; 
        margin-right: 25px;
        overflow: hidden;
    }
    #wrap-BigImg p.click-text
    {
        font-size: 12px;
        margin-bottom: 0;
    }
   #wrap-BigImg figure.thumb-slide
    {
        width:328px;
        height: 283px;
        overflow: hidden;
        text-align:center;        
        margin-bottom:15px;
        border:1px solid #ebebeb;
        position: relative;
	    margin:auto;
	    margin-bottom:10px;                
    }
   #wrap-BigImg .thumb-slide img
    {
      max-width:90%;
	  max-height:90%;
	  position: absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  margin: auto; 
	  
    }
   #wrap-BigImg .dtl-listimg li
    {
        width: 105px;
        height:86px;
        float: left;
        margin-right: 6px;
        overflow: hidden;
        border:1px solid #ebebeb;
        cursor:pointer;
    }
    #wrap-BigImge .dtl-listimg li  img
    {
        max-width:90%;
        max-height:90
        position: absolute;
    }
    #wrap-BigImg .dtl-listimg img:first-child
    {
        margin-left:0px;
    }

/*Description of detail mage*/

   .descrip-dtl
   {
      overflow: hidden;
   }
   .descrip-dtl .row-price
   {
      border-bottom:1px solid #cfc8bc;
      padding-bottom: 10px;
      margin-bottom: 10px;
      overflow: hidden;
   }
   .descrip-dtl .rating
   {
      float: left;
   }

   .descrip-dtl .not-price
   {
     /*edited background: #2ea5c2; */
      width: 124px;
      height: 31px;
      padding: 5px 12px;
      text-align: center;
      float: right;
   }
   .descrip-dtl .not-price span
   {
      text-decoration: line-through;
      font: 2em "gothamMed";
      color: white;
   }
   .descrip-dtl .real-price
   {
      font:bold 4.5em "gothamMed";
      text-align: right;
      border: 1px solid #ececec;
      padding: 10px;
      float: right;
   }

   .descrip-dtl .row-ship
   {
      overflow: hidden;
      text-align: right;
      margin-bottom:10px;
   }
    .descrip-dtl .row-ship p
     {
        color: #898989;
        margin-bottom: 2px;
     }
     
     .breadcrumb, .breadcrumb a{
	     color: #898989;
     }
     
       .descrip-dtl .free-shipping
       {
          display: block;
          background: url(assets/img/freeship.png) left top no-repeat;
          padding: 10px 0;
          padding-left: 40px;
          float: right;
       }
        .descrip-dtl .free-shipping a{
          text-decoration: none;
        }
    .descrip-dtl .row-sizeQty{overflow: hidden;margin-bottom: 8px;} 
    .row-sizeQty .size-select, .row-sizeQty .qty-select
    {
        float: right;
        margin-left: 10px;
    }
    .size-select select.select{
        position:relative;
        z-index:10;
        width:138px !important;
        height:37px !important;
        line-height:1em;
         top:11px;
      }
        .size-select span.select
        {
            position:absolute;
            bottom:0;
            float:left;
            left:0;
            width:138px;
            height:37px;
            line-height:36px;
            text-indent:10px;
            background:url(assets/img/slc-size.png) no-repeat 0 0;
            cursor:default;
            z-index:1;
        }
   .qty-select select.select{
      position:relative;
      z-index:10;
      width:50px !important;
      height:37px !important;
      line-height:1em;
      top:11px;
    }
      .qty-select span.select
      {
          position:absolute;
          bottom:0;
          float:left;
          left:0;
          width:50px;
          height:37px;
          line-height:36px;
          text-indent:10px;
          background:url(assets/img/slc-qty.png) no-repeat 0 0;
          cursor:default;
          z-index:1;
      }
  a.btn-dtlCart
  {
      display: block;
      width: 204px;
      height: 46px;
      color: white;
      text-decoration: none;
      background: #FB7320;
      font: 1.5em "NexaBold";
      float: right;
      margin-bottom: 8px;

       -webkit-transition   : all 0s linear;
      -moz-transition     : all 0s linear;
      -o-transition       : all 0s linear;
      transition        : all 0s linear;
  }
    a.btn-dtlCart:hover
    {
        position: relative;
        top:1px;
    }
      a.btn-dtlCart span
      {
          
          line-height: 46px;
          text-indent: 30px;
          display: block
      }

/*TABS*/
    #tabs_wrapper {
      width: 99%;
      margin-bottom: 20px;
    }
      #tabs_container {
        border-bottom: 1px solid #ccc;
      }
        #tabs {
          list-style: none;
          overflow: hidden;
        }
          #tabs li {
            display: block;
            float: left;
            padding: 10px 18px;
            border-top: 1px solid transparent;
            margin-right: 2px;
          }
          #tabs li:hover, #tabs li.active
          {
           /*edited   background-color: #2ea5c2; */
              color: white;
          }
            #tabs li:hover a, #tabs li.active a{color: white;text-shadow:0 1px #3d7c8b;}
            #tabs li a {
              font: 1.1em "arial";
              text-transform: uppercase;
              text-decoration: none;
              border-bottom: none;
              outline: none;
              color: #000000;
              
            }
           
            #tabs_contWrap{
              border: 1px solid #ccc;
              border-top: none;
              padding: 32px;
              width: 90.5%;
            }
    .tab_content {
      display: none;
    }

    #tabs_contWrap h2.title-tabs
    {
        font: bold 1.3em "Arial" !important;
        text-transform: uppercase;
    }
    #tabs_contWrap h3.subTitle-tabs
    { 
        text-transform: uppercase;
        font: bold 1em "Arial" !important;
        color:#2ea5c2;
    }


  

/* ==|== primary styles =====================================================
   Footer
   ========================================================================== */
  #footer
  {
      overflow: hidden;
    /*edited  background: #3f3734; */
      color: white;
      padding-top: 20px;
    /*edited  border-top:4px solid #dbbfbf; */
  }
  h2.title_fot_wdg
  {
      font-size: 1.7em;
      color: white;
  }

/*widget-foot*/
  #foot_widget
  {
      display: block;
      padding-bottom: 10px;
      overflow: hidden;
  }

/*About foot */
  #foot-about
  {
      font-size: 0.9em;
      margin-right: 63px;
  }

/*Rcent foot*/
  #foot-recent,  #tweets-wdg
  {
      margin-right: 30px;
  }
  #foot-recent ul li
  {
     border-bottom: 1px solid #227286;
     padding-bottom:8px;
     margin-bottom: 10px;
     overflow: hidden;
  }
  #foot-recent ul li:last-child
  {
      border: none;
  }
  #foot-recent figure
  {
      width: 35px;
      height: 35px;
      overflow: hidden;
      float: left;
      margin-right: 12px;
      border: 4px solid #227286
  }
  #foot-recent figure a:hover
  {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
  }
  #foot-recent figure img
  {
      width: 35px;
      height: 35px;
  }
  #foot-recent .desc
  {
      overflow: hidden;
  }
  #foot-recent .desc a.center-text
  {
      text-decoration: none;
      color: white;
      padding-top: 10px;
      display: block;
  }

/*twitter Widget*/
  .tweet,
.query {
    color: white;
    font-size: 0.9em
}

  .tweet_list {
    overflow-y: hidden;
  }
    .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: 0.5em;
      list-style-type: none;
      border-bottom: 1px solid #227286;
    }
     .tweet_list li:last-child
     {
        border: none;
     }
   .tweet_list li a {
        color: white;
      }
  
    
    .tweet_list .tweet_avatar {
      display: none;
    }
      .tweet_list .tweet_avatar img {
        vertical-align: middle;
      }

/*Newsletter*/
  #newslet{float: right;}
  #newslet form input[type="text"], #newslet form input[type="password"],
  #newslet form textarea
  {
      background: #227286;
      border: solid 1px #0b4c6c;
      color: white;
      border: 1px solid #195261;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;

  }
   #newslet form input[type="submit"].send
   {
      width: 63px;
      height: 30px;
      color: white;
      font: 0.9em "DroidSansRegular";
      float: right;
      padding-top: 11px;
      text-align: center;
      line-height: 0.6em;
      background: none;
      border: none;
      border-radius: none;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      background-color: #5b8dc4;
      -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.75);
      -moz-box-shadow: 0 2px 4px rgba(0,0,0,.75);
      box-shadow: 0 2px 4px rgba(0,0,0,.75);
      background-image: -webkit-linear-gradient(bottom, #155464 2%, #0e4452 48%, #1b5564);
      background-image: -moz-linear-gradient(bottom, #155464 2%, #0e4452 48%, #1b5564);
      background-image: -o-linear-gradient(bottom, #155464 2%, #0e4452 48%, #1b5564);
      background-image: -ms-linear-gradient(bottom, #155464 2%, #0e4452 48%, #1b5564);
      background-image: linear-gradient(to top, #155464 2%, #0e4452 48%, #1b5564);
   }

#copyright
{
    padding:10px 0;
    text-align: center; 
   
}

#copyright p
{ 
padding:5px;
}

.disc-footer {
	color:#7c7c7c;
}

#copyright a
{
color:white;
text-decoration: none;
}
#copyright p{margin-bottom: 0;}

/*Doc Widget switch */

#switchstyle {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 50%;
    left: 0px;
    list-style: none;
    z-index:9999;
}

#switchstyle .docwrap {
    width: 100px;
}
#switchstyle .docwrap a {
    display: block;
    margin-left: -2px;
    font-size:1em;
    text-decoration:none;
    color:white;
    width: 80px;
    line-height:5em;
    padding-left:30px;
 background: #5c98c9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzVjOThjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Njg4YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #5c98c9 1%, #5688bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5c98c9), color-stop(100%,#5688bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5c98c9 1%,#5688bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5c98c9 1%,#5688bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5c98c9 1%,#5688bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5c98c9 1%,#5688bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c98c9', endColorstr='#5688bf',GradientType=0 ); /* IE6-8 */



    border:1px solid #AFAFAF;
    border-radius:0px 10px 10px 0px;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;

}  

/* ==|== primanon-semantic helper classes ======================================== */

.nocallout {-webkit-touch-callout: none;}
textarea[contenteditable] {-webkit-appearance: none;}
.gifhidden {position: absolute; left: -100%;}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }




#slidebox{
  width:100%;
  height:120px;
  padding:10px;
  background-color:#fff;
  border-top:3px solid #E28409;   
  position:fixed;
  bottom:0px;
  right:-2000px;
  -moz-box-shadow:-2px 0px 5px #aaa;
  -webkit-box-shadow:-2px 0px 5px #aaa;
  box-shadow:-2px 0px 5px #aaa;
  font-size: 12px;
  line-height: 1.3em;
}
a.close{
  background:transparent url(assets/img/close.gif) no-repeat top left;
  width:13px;
  height:13px;
  position:absolute;
  cursor:pointer;
  top:10px;
  right:10px;
}
a.close:hover{
  background-position:0px -13px;
}

/*LIST PRODUCT*/
.list-slideBox{
  width: 900px;
  margin: 0 auto;
}
.list-slideBox span.alsolike{
  font-size:11px;
  text-transform:uppercase;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing:1px;
  color:#555;
  margin-bottom: 8px;
  display: block;
}
.list-slideBox ul{
  overflow: hidden;
}
.list-slideBox ul li{
  float: left;
  width: 420px;
  margin-right:15px;
}
.list-slideBox ul li a.more{
  font-size:11px;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing:1px;
  color:#555;
  cursor:pointer;
  color:#E28409;
}
.list-slideBox ul li a.more:hover{
  text-decoration:underline;
}
.list-slideBox ul li h2{
  margin-bottom: 0;
  font: 14px "arial";
  line-height: 1.2em;
  margin-bottom: 5px;
  color:#E28409;
}
.list-slideBox ul li h2 a{
  text-decoration: none;
  color:#E28409;
}
.list-slideBox ul li h2 a:hover{
  text-decoration: underline;
}
.slideBox-thumb{
  width: 100px;
  max-height:80px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 15px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff!important;
  margin-top: 5px;
  margin-left: 5px;
}

.slideBox-thumb:hover {
 opacity:0.7;
	 filter:alpha(opacity=70);	 
	 	-o-transition: all 0.5s; 
	 	-moz-transition: all 0.5s; 
	 	-webkit-transition: all 0.5s;
	 	}

.slideBox-thumb img{
  display: block;
  max-width: 100px;
  max-height: 80px;
  margin: 0 auto;
}












/* COMMENTS
------------------------------------------------------------------- */

h3#comments, h4#pings { float: left; }
h3#comments, #respond h3 { margin: 0 0 5px; font-size: 34px; }
#respond h3 { margin: 18px 0 5px 28px; }
h4#pings { line-height: 1.2; margin: 10px 0; width: 150px; }

.comments-header,
.navigation { border-bottom: 1px solid #E6F0F2; text-shadow: 0 1px 0 #fff; }

.navigation {
  background-color: #E6F0F2;
  border-top: 1px solid #fff;
  font-size: 11px;
  height: auto;
  line-height: 28px;
  overflow: hidden;
  padding: 0 28px;
}

.comments-header { background-color: #F4F8F9; border-top: 1px solid #E6F0F2; padding: 6px 28px; }
.comments-header-meta {
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 44px;
  padding: 4px 0 0 ;
}

.commentlist {
  background-color: #f9fbfc;
  border: 28px solid #f9fbfc;
  border-top: 0 none;
  font-size: 12px;
  width: 640px;
}
.pinglist { margin-top: 10px; width: 420px; float: right; }

li.pings {
  border-bottom: 1px solid #E6F0F2;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 4px 10px;
  width: 400px;
}

.pings:first-child { border-top: none; }
.pings:last-child { border-bottom: none; }

.comment {
  background: transparent url(assets/img/bg-comment.png) 10px 19px no-repeat;
  border-top: 28px solid #f9fbfc;
  border-left: 40px solid #f9fbfc;
}

.comment-body {
  background-color: #f4f8f9;
  color: #3e5867;
  margin-left: 20px;  
  padding: 17px 20px 11px;
  position: relative;
}

.comment-body img.avatar {
  border: 1px solid #eee;
  padding: 2px;
  position: absolute;
  left: -60px;
}

ul.children { }
.comment ul.children li { border-top: 15px solid #f9fbfc; }

.comment-meta {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  right: 25px;
  top: 20px;
}
.comment-meta a { color: #999; }
.comment-author-admin { background-image: url(assets/img/bg-comment-admin.png); }
.comment-author-admin > .comment-body { background-color: #E6F0F2; }
.comment p, .comment blockquote { padding: 0 0 7px; }
.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { margin: 5px; padding: 7px; }
.commentlist cite, .commentlist cite a { }
.commentlist cite a { }

/* Not used */
li.thread-alt { }
.comment-author { }
.commentlist .thread-even { }
.commentlist .depth-1 { }
.commentlist .odd { }
.commentlist .even,
.commentlist .alt { }
.comment-author cite {
  background-color: #F9FBFC;
  border-bottom: 1px dotted #E6F0F2;
  color: #666;
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 16px;
  margin: 0 -7px 20px;
  padding: 3px 7px;
}
.comment-author-admin .comment-author cite { background-color: #F4F8F9; border-bottom-color: #ccc; }

.says { display: none; }
.comment div em { } /* comments awaiting moderation. */

.reply { font-size: 10px; font-weight: bold; overflow: hidden; }

a.comment-reply-link { 
  color: #666;
  display: block;
  float: right;
  padding: 2px 6px;
}
.comment-reply-link:hover { background-color: #fff; color: #333; }

#respond {
  background-color: #ededed;
  margin-top: 1px;
  overflow: hidden;
  padding: 0 0 18px;  
  border: 1px solid #ddd;
  width:99%;
}

#commentform { padding: 18px 28px 0; }

.cancel-comment-reply,
.you-must-be-logged-in { padding: 0 0 0 28px; }

.respond-left { float: left; width: 42%; }
.respond-right { float: left; width: 58%; }

#respond label { display: block; font-size: 11px; height: 20px; margin: 3px 0 9px; width: 85%; }

input#author, input#email, input#url {
  border: 1px solid #ddd;
  color: #999;
  display: block;
  height: 15px;
  line-height: 15px;
  padding: 5px 3px;
  width: 85%;
}

textarea#comment {
  border: 1px solid #ddd;
  font-family: inherit;
  height: 150px;
  margin: 0 0 9px;
  padding: 5px 3px;
  width: 100%;
}

#respond input:focus,
textarea#comment:focus {
  color: #000;
  border-color: #aaa;
  -moz-box-shadow: 3px 3px 0px rgba(238,238,238,1);
  -webkit-box-shadow: 3px 3px #eee;
}

input#submit {
  background: #5388b6 url(assets/img/button-style.png) center left repeat-x;
  border: 1px solid #3b73a3;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}

.zoom {
			display:inline-block;
			position: relative;
			
		}

.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(icon.png);
		}
		
.widget-foot
   {
      margin-bottom: 20px;
   }
.widget-foot ul li  {     
     margin-bottom:2px;      
	 list-style-type: square; 
	 padding: 5px 5px 5px 0px; 
	 margin-left:10px;
	 
  }
.widget-foot ul li a
  {
      text-decoration: none;
      color:white;
  }
  .widget-foot ul li a:hover{color: #33a2be}		
		
		
.bottom-ads {
	margin-top:20px;
}

#first-head {
background: #FFFFFF!important;
}
#sec-head {
height: 51px;
background: #70bc34!important;
border-top: none;

body {
background: #fff!important;
}

#new-prod .desc {
background: #D71200!important;
}

#new-prod .space-price span.sp-prc {
color: #FFFFFF!important;
font-size: 2em;
}

#new-prod .desc:hover {
background: #FC7B2B!important;
}

#new-prod .desc:hover {
background: #FF7C2C;
}


a, a:visited {
color: #fff!important;
text-decoration: underline;
outline: 0;
}