* {
  padding: 0;
  margin: 0;
  outline: none;
}

body {
    background-color:#F2F2F2;
    font-family:'Open Sans', Arial,Helvetica,sans-serif;
    font-size:13px;
    margin:0;
    padding:0;
    color:#777777;
    line-height: 20px;
}

a {
  color: #777777;
  text-decoration: none;
}
a:hover {
  color: #0489e6;
}
a img {
  border: none;
}

.hide {
  display: none;
}
.show {
  display: block;
}
.clear {
  clear: both;
}
ol {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
#gridsystem {
  position: fixed;
  top: 0;
  left: 50%;
  margin: 0 0 0 -470px;
  width: 940px;
  height: 5000px;
  background: url(grid.png) repeat-y;
  z-index: 1000;
}

h1, h2 {
  margin: 0 0 15px 0; text-transform: uppercase;
}
h2, h2 * {
  line-height: 18px;
  font-size: 26px;
}

h2 {
  padding-top: 6px;
  padding-bottom: 6px;
}

h3 {
  font-size: 14px;
  line-height: 24px;
}


h2.border, h4.border {
  border-bottom: 1px solid #DDD;
}
h2.border.border-small, h4.border.border-small {
 
}


.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.icon {
  position: relative;
  background-repeat: no-repeat;
  background-position: center left;
}
.icon.icon-10 {
  padding-left: 15px !important;
}
.icon.icon-16 {
  padding-left: 24px !important;
}

.icon .icon-icon {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #187EA2;
}

.icon:hover .icon-icon {
  background-color: #0489e6;
}

.icon.icon-10 .icon-icon {
   height: 10px;
    margin-top: -5px;
    width: 10px
}
.icon.icon-16 .icon-icon {
  height: 18px;
    margin-top: -8px;
    width: 20px;
}

.icon.icon-10 .icon-icon-add {
  background-image: url(icon-10-add.png);
}
.icon.icon-10 .icon-icon-edit {
  background-image: url(icon-10-edit.png);
}
.button-add .cart {
  background:url("sprite.png") no-repeat scroll -82px -415px transparent;
  padding-left:24px;
}
a.button-add:hover{ color:#fff !important; }
.icon.icon-16 .icon-icon-grid {
  background-image:url("icon-16-grid.png");
}
.icon.icon-16 .icon-icon-list {
  background-image:url("icon-16-list.png");
}
.grid-4.rss-links{ margin-top:15px; }
.footer h4{ font-family:droid sans,Arial,Helvetica,sans-serif; font-size:16px; font-weight: normal;text-transform: uppercase; margin: 0 0 10px;
 border-bottom: 1px solid #d9d9d9;padding-bottom: 10px; color:#0489e6;}
.grid .grid-4 {
  float: left;
  width: 236px;
  margin-right: 25px;
}
.grid .grid-4.grid-4-last {
  margin-right: 0;
}
.grid .grid-4 ul li a{background: url("sprite.png") no-repeat scroll -2px -555px transparent;
    padding-left: 17px;}
  .grid .grid-4 ul li a:hover{ background-position: -2px -576px; }
.color-green {
  color: green;
}
.color-red {
  color: red;
}
.color-primary {
  color: #187EA2;
}
.color-secondary {
  color: #0489e6;
}

.breadcrumbs{ margin-bottom:10px; }
.image img{ width:100%; height:auto;    margin-bottom: 5px; }
.wrapper {
 
}
.wrapper_inner , .container-inner, .mainbanner , .sub-banner  {  margin: 0 auto; width: 1024px;}


.wrapper.layout-fixed {
  width: 1050px;
  margin: 20px auto;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);  
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background:#fff;
}
.header {}
.headertop {

background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #f5f8f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f8f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#f5f8f9 100%); /* W3C */
  
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);  
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);

  height: 40px;
  width: 100%;
  border-top:4px solid;
  border-color:#0489E6;
  position:relative;
  z-index:9;
}
.header_top_left {
  float: left;
  margin: 7px 0;
}
.header_top_right {
  float: right;
  margin: 8px 0 4px;
}
.headerbottom_right {  float: right;width: 600px;}

.header .container {
  float: left;
}
h1.main_logo{ margin:0; }
.header a.logo {
  float: left;
  margin:35px 0 40px 0;
}

.header .topnav { float:left; position:relative;}
.header .topnav .language {
  float: right;
  margin-right: 10px;
}


.header .topnav .currency {
  float: right;
  margin-right: 10px;
}

.header .topnav .search {
  float: right;
  margin-top:35px;
  margin-left:0px;
}
.header .topnav .search input {
  background: url("icon-search.png?3") no-repeat scroll 9px 9px #fff;
  border: 1px solid #e2e4e4;
  box-shadow: 0 3px 2px #DDDDDD;
  
-moz-box-shadow:0 3px 2px #DDDDDD;
-webkit-box-shadow:0 3px 2px #DDDDDD;
-box-shadow:0 3px 2px #DDDDDD;
  height: 26px;
  line-height: 26px;
  padding: 4px 6px 5px 30px;
  width: 230px;
  border-radius: 6px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px;
  color:#777;
}

.header .topnav .autocomplete {
  width: 245px;
  padding:10px;
  position: absolute;
  right: 0;
  top: 72px;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid #DDD;
  box-shadow:rgba(0,0,0,0.1) 0 0 10px;
  z-index: 300;
  display: none;
}

.header .topnav .autocomplete .arrow {
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 10px;
  background: url(dropdown-arrow.png) 10px 0 no-repeat;
}

.header .topnav .title {
  font-weight: bold;
  color: #999999;
  height: 18px;
  padding: 10px;
  border-bottom: 1px solid #eee;
  background: rgba(0, 0, 0, 0.025);

}

.header .topnav .autocomplete .more {
  padding: 10px 10px 0;
  border-top: 1px solid #eee;
}

.header .topnav .autocomplete .more a {
  padding-left: 13px;
  background: url(list-bullet.png) top left no-repeat #0489e6;
  font-size: 12px;
}

.header .topnav .autocomplete .more span {
  color: #999;
}
.header .topnav .autocomplete .notfound {
  padding: 15px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  display: none;
}

.header .topnav .autocomplete.noresults .products,
.header .topnav .autocomplete.noresults .more {
  display: none;
}
.header .topnav .autocomplete.noresults .notfound {
  display: block;
}

.header .shopnav {
  text-align: right;
}
.header .shopnav p {
  margin-bottom: 9px;
  text-align: right;
  float:left;
}
.header .shopnav p a {
  color: #0489e6;
}
.header .shopnav p a:hover {
 text-decoration:underline;
}
.tm_headerlinks_inner{ display:none; }
.tm_headerlinkmenu{  float:right;}
.header-links {
  list-style: none;  
  display: block;  

  margin-top: 0px;
}
.headertoggle_img{ display:none; }

.headertoggle_img {
    background: url("sprite.png") no-repeat scroll 3px -631px transparent;
    cursor: pointer;
    float: none;
    height: 18px;
    margin: 0 auto;
    width: 20px;
}
.header-links li{
  display: inline;
  background: url("pipe.gif") no-repeat scroll right center transparent;
  padding-left: 8px;
  padding-right: 8px;

}
.header-links li.last {background:none; padding-right:0;}


.mainbanner{ margin-top:-15px; }
nav.categories{
    clear: both;
}
.main-menu ul{
  clear: both; margin-bottom: 15px;
}
.main-menu ul , .nav-responsive {

     background-image: url("menu-gradiant.png");
   background-repeat:repeat-x;
   background-position:left center;
     border-bottom: 5px solid;
    border-radius: 5px 5px 0 0;
    display: block;
border-color:#0489E6;
    list-style: none outside none;
    width: 100%;
  height:auto;
}
.main-menu ul li {
  line-height: 32px;
  display: block;
  float: left;
  position: relative;
    
}
.main-menu > ul > li {
  background:url("menu-piipe.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);

}

 .main-menu ul li.home{  border-radius: 6px 0 0; background:none;}
.main-menu ul li.home a,
.main-menu ul li a.main ,
.nav-responsive span{
 color: #fff;
 display: block;
 float: left;
 font-family: Droid Sans, Arial,Helvetica,sans-serif;
 font-size: 15px;
 line-height: 22px;
 padding: 15px;
 text-transform: uppercase;
  
}
.main-menu ul li.home a {
  width: 28px;
  text-indent: -9999px;
  background: url(icon-home.png) center no-repeat transparent;
  padding:15px;
   border-radius: 6px 0 0;
}
.main-navigation li a{
font-family: "Droid Sans",Helvetica,sans-serif;
}

.main-menu ul li.hover a.main {
  color: #FFFFFF;
  background-color: #0069b2;

}
.main-menu ul li.hover.home a {
  background-color: #0489e6;
}
 .main-menu ul li.hover a.main,
.main-menu ul ul , .responsive-menu .main-navigation{   background:  #0489e6;}
.main-menu ul ul {
  display: none;
  position: absolute;
  top: 52px;
  left: 0px;
  z-index: 1000;
  height: auto;
  width: auto;
  padding:7px;

  line-height: 18px;
  font-size: 13px;
   border-radius: 0;
   border:none;
}
.main-menu ul li.hover ul {
  display: block;
}
.main-menu ul ul li {
  float: none;
  padding-left: 15px;
  line-height: 18px;
  display:block;
  padding:5px 3px;

}
.main-menu ul li.home.hover{ background:#0489e6; }
.main-menu ul li.hover , .responsive-menu li a:hover{ background:#fff; }
.main-menu ul ul li:hover > a , .responsive-menu li a:hover{color:#fff;}

.main-menu ul ul li a {
  min-width: 160px;
  display: block;
  color:#fff;
  
}
.main-menu ul ul li ul li a {color: #fff;}
.main-menu ul ul li a span {
  font-weight: normal;
  font-size: 12px;
}
.main-menu ul ul li.arrow {
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 10px;
  background:none;
}
.main-menu ul ul li.title {
  color: #fff;
  padding: 10px 8px 5px;
  background: none;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-menu ul ul ul,
.main-menu ul li.hover ul ul {
  left: 180px;
  top: 7px;
  display: none;
}
.main-menu ul li.hover ul li.hover ul {
  display: block;
}
.headerbottom .wrapper_inner{ position:relative;   }
.header .cart {
  float: right;
   
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    right: 0;
    margin-top: 40px;
    z-index: 999;
}
.header .cart a {
  display: block;
  line-height: 24px; font-weight: normal;
}
.header .cart span { font-size: 15px;
    padding-left: 10px;}
.header .cart i {
  display: block;
  float: left;
  width: 33px;
  height: 24px;
  background: url("sprite.png") no-repeat scroll -69px -16px transparent;
}
.header .cart a small {
  display: block;
  float: left;
  
  padding: 0;
  font-size: 15px;
  font-weight: normal;
}
.header .cart a strong {
  float: left;
  display: block;
  color: #187EA2;
  font-size: 20px;
  padding: 6px;
  margin: -6px -6px 0 4px;
}

.header .cart .contents {
  position: absolute;
  display: none;
  top: 30px;
  right: 0px;
  z-index: 1000;
  height: auto;
  width: 240px;
  background: white;
  border-radius: 4px;
  border: 1px solid #DDD;
  z-index: 1000;
  padding:10px;
}
.header .cart.hover .contents {
  display: block;
}
.header .cart .contents .arrow {
  height: 7px;
    position: absolute;
    right: 10px;
    top: -7px;
    width: 12px;
 
}
.header .cart .contents .sum {
  border-top: 1px solid #eee;
  
  padding: 7px;

  text-align: center;
  
  
}
.header .cart .contents .buttons {
  border-top: 1px solid #eee;
  padding:10px 0 3px;
  text-align: right;
}
.header .cart .contents .buttons a {
  display: inline-block;
  padding-left: 15px;
   
  line-height: 18px;
  margin:0 1px 0 5px !important;
  font-size: 12px;
}
.heading {
 
}
.messages {
  margin: 0 auto 20px auto;

  font-size: 12px;
  font-weight: bold;

}
.messages ul {
  margin: 0 0 15px 0;
  padding: 5px 5px 5px 26px;
  color: #3B5998;
  text-shadow: 0 1px #FFFFFF;
  background: #ECEFF5;
  border: 1px solid #3B5998;
 
}

.gui-messages ul {
  padding: 5px 5px 5px 26px;
  margin-bottom: 10px;
  color: #3B5998;
  text-shadow: 0 1px #FFFFFF;
  list-style-type: none;
  background: #ECEFF5;
  border: 1px solid #3B5998;
  border-radius: 5px;
}
.messages ul.error {
  color: #DD3C10;
  background: #FCECE8;
  border-color: #DD3C10;
}
.messages ul.success {
  color: #609946;
  background: #EFF5ED;
  border-color: #609946;
}
.messages ul.warning {
  color: #E2C822;
  background: #FCFAE9;
  border-color: #E2C822;
}
.box-border {
  height: 10px;
  background: url(border-none.png) repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 50;
}
.border-waves .box-border {
 
}

.border-shadow-light .box-border {
  background-image: url(border-shadow-light.png);
}
.border-shadow-dark .box-border {
  background-image: url(border-shadow-dark.png);
}
.box-border.box-border-top {
  top: 0;
  background-position: top left;
}
.box-border.box-border-bottom {
  bottom: 0;
  background-position: bottom left;
}
.heading .container {
  margin: 0 auto;
  position: relative;
}
.heading .container .breadcrumbs {
  font-size: 12px;
}
.heading .container .breadcrumbs a {
  color: #103E47;
}
.heading .container .breadcrumbs a:hover {
  color: #0489e6;
}

.heading h1 {
  color: #187EA2;
  clear: both;
  margin-bottom: 10px;
  line-height: 40px;
  font-size: 20px;
  font-weight:normal;
}

.categories .category {
    float: left;
    margin: 10px 4px;
  padding:8px 5px;
    width: 30.9%;
  text-align:center;
}
.categories .category:hover{
  box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
}
.categories .category img{
  background:url("drop-shadow.jpg") no-repeat scroll center bottom transparent;padding:0 0 10px;
}
.textpage {

  width: 940px;
  margin: 0 auto;
}
.wysiwyg {
  overflow: hidden;
  line-height: 24px;
}
.wysiwyg.wysiwyg-margin {
  margin-bottom: 15px;
  text-align:justify;
}
.wysiwyg p {
  margin-bottom: 15px;
}
.wysiwyg ul {
  padding-left:18px;
  margin-bottom: 15px;
}
/*
.wysiwyg ul li {
  padding-left: 15px;
  background: url(list-bullet.png) top left no-repeat #187EA2;
}
.wysiwyg ul ul {
  margin-bottom: 0;
}

.wysiwyg ol {
  margin-bottom: 18px;
  list-style: decimal;
  padding-left: 20px;
}
.wysiwyg ol ol {
  margin-bottom: 0;
}
*/
/*.sidebar {
  width: 940px;
  margin: 0 auto;
}*/
.sidebar .sidebar-side , .gui-col2-left .gui-col2-left-col1 , .gui-col2-right .gui-col2-right-col2{
  width: 240px;
}
.sidebar .sidebar-main , .gui-col2-left .gui-col2-left-col2 ,.gui-col2-right .gui-col2-right-col1 {
  padding: 10px;
    width: 748px;
}
.sidebar.sidebar-left .sidebar-side,
.sidebar.sidebar-right .sidebar-main,
.gui-col2-right .gui-col2-right-col1,
.gui-col2-left .gui-col2-left-col2 {
  float: left;
}
.sidebar.sidebar-left .sidebar-main,
.sidebar.sidebar-right .sidebar-side,
.gui-col2-right .gui-col2-right-col2,
.gui-col2-left .gui-col2-left-col1
{
  float: right;
}
.sidebar-box , .gui-col2-left-col1 .gui-block , .gui-col2-right .gui-col2-right-col2  .gui-block {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dbdfe0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
   -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
   -box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
    clear: both;
    padding:0px;
    margin-bottom: 15px;
    position: relative;
   
}
.sidebar-box:last-child {
  border-bottom: none;
}
.sidebar-box.sidebar-box-dark {
  background: #F5F5F5;
  border-bottom: none;
  padding: 15px;
  border-radius: 5px;
}
.sidebar-box h2 ,.gui-col2-left-col1 .gui-block .gui-block-title,  .gui-col2-right .gui-col2-right-col2  .gui-block  .gui-block-title{
 

 background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #f5f8f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f8f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f5f8f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#f5f8f9 100%); /* W3C */
   
    box-shadow: 0 2px 3px #e8e7e7;
  -moz-box-shadow:0 2px 3px #e8e7e7;
   -webkit-box-shadow:0 2px 3px #e8e7e7;
   -box-shadow:0 2px 3px #e8e7e7;
 
  
 color: #0489e6;
 font-family: droid sans,Arial,Helvetica,sans-serif;
 font-size: 16px;
 font-weight: normal;
 padding: 15px;
 text-transform: uppercase;
 margin: 0px;
}

.ie8 .sidebar-box h2 ,.ie8 .gui-col2-left-col1 .gui-block .gui-block-title,.ie8 .gui-col2-right .gui-col2-right-col2  .gui-block  .gui-block-title,
.ie9 .sidebar-box h2 ,.ie9 .gui-col2-left-col1 .gui-block .gui-block-title,.ie9 .gui-col2-right .gui-col2-right-col2  .gui-block  .gui-block-title{
   border-bottom:1px solid #e8e7e7;
}

.gui-block-title strong{ color: #0489e6;}
 
.right-banner img{
   display: block;
    margin: 0 auto;
    text-align: center;}

.sldebox-content , .gui-col2-left-col1 .gui-block-content{
    padding: 10px;
}
.sidebar-box.sidebar-box-dark h2 {
  color: #999;
}
.sidebar-box h2 a {
  float: right;
  font-size: 13px;
  font-weight: normal;
  line-height: 17px;
  letter-spacing: normal;
}
.sidebar-box-link {
    margin-top: -10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: right;
    border-top: 1px solid #dddddd;
}

.sidebar-box a.bullet {
  padding-left: 10px;
  background: url(list-bullet.png) top left no-repeat #0489e6;
}
.sidebar-box .sidebar-box-filter {
   
}
.sidebar-box .sidebar-box-filter h4 {
 
  
  padding-bottom: 5px;
 
  font-weight: normal;
}
.sidebar-box-filter-box {}
.sidebar-box .sidebar-box-filter select {
  width: 190px !important;
}
.sidebar-box.sidebar-box-filter {
  border-radius: 5px;
  border-bottom: none;
  padding: 10px 15px;
  background: #F5F5F5;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}
.sidebar-box-filter-filter {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 5px;
}
.sidebar-box-filter-filter select {
  width: 180px !important;
}
.sidebar-box.sidebar-box-filter h4 {}
.sidebar-box ul {
  list-style: none;
  margin-bottom: 0px;
}
.sidebar-box ul li {padding:3px 0;}
.sidebar-box ul li .arrow {
  float: left;
  height: 14px;
  width: 12px;
  background:url("sprite.png") no-repeat scroll -98px -51px transparent;
}

.sidebar-box ul li:hover > .arrow ,
.sidebar-box ul ul li:hover > .arrow ,
.sidebar-box ul ul ul  li:hover > .arrow { background-position: -98px -72px; }

.gui-block-linklist li a , .gui-list ul li a{   background:url("sprite.png") no-repeat scroll -98px -45px transparent; padding:4px 0 4px 12px; display:block; }
.gui-block-linklist li a:hover , .gui-block-linklist li.gui-active a , .gui-list ul li a:hover{ background-position: -98px -66px;  }

.sidebar-box ul li a.active , .gui-block-linklist li.gui-active a , .gui-block-linklist li a:hover , .gui-list ul li a:hover{
  color: #0489e6;
  
}
.sidebar-box ul li a span {
  color: #777777;
  font-weight: normal;
 
}
.sidebar-box ul ul {
  margin-bottom: 0;
  padding-left: 10px;
}
.sidebar-filter {
}
.sidebar-filter-item input[type="checkbox"] {
  margin: 3px 5px 3px 0 !important;
}
.sidebar-filter-item label {
  font-size: 13px;
  height: 22px !important;
  line-height: 22px !important;
  font-weight: normal !important;
  width: 165px !important;
}
.sidebar-filter-item label span {
  color: #999;
  font-weight: normal;
  font-size: 12px;
}

.sidebar-box ul.tagcloud{ margin:0; }
.sidebar-box ul.tagcloud li{    margin: 0 7px 0 0; }
.sidebar-box ul.tagcloud li a{ background:none; padding: 2px 7px;  border: 1px solid #ccc;
    border-radius: 0; }
.sidebar-box ul.tagcloud li a:hover span { color:#fff; }


.productpage .productpage-images {
  float: left;
  width: 352px;
}
.productpage .productpage-images-featured {
  display: inline-block;
 
  border-radius: 3px;
  cursor:pointer;
  cursor:-moz-zoom-in;
  cursor:-webkit-zoom-in;
     border: 1px solid #e7e7e7;
}
.productpage .productpage-images-featured img {
  display: block;
}
.productpage-images-thumbs {
  list-style: none;
  margin: 0 0 0 0px;
  display: block;
}

.productpage-images-thumbs li {
  float: left;
}
.additional-carousel {
    padding: 0 20px;
}
.product-carousel .slider-item .product-block{
margin:5px;
}
a.fancybox-thumb{ display:block; }
.productpage-images-thumbs li img {
  
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
   -box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
  
  border-radius: 3px;
  cursor:pointer;
  cursor:-moz-zoom-in;
  cursor:-webkit-zoom-in;
}
.ie8 .productpage-images-thumbs li img ,
.ie9 .productpage-images-thumbs li img { border:1px solid #E7E7E7;  }

.productpage .product-info {
  float: right;
  width: 380px;
  position: relative;
}
.product-info h1{
  color: #0489e6;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.productpage .product-info .description {
  padding-bottom: 20px;
}

.productpage .product-info .rating{ margin-bottom:10px; }
.productpage .product-info .rating .score{ margin-right:10px;  }
.productpage .product-info .pricing {
 }
.productpage .product-info .pricing .price {
  font-size: 20px;
  text-align: left;
}
.productpage .product-info .pricing .price .border {
  
}
.productpage .product-info .pricing .price.price-len5 { font-size:26px; }
.productpage .product-info .pricing .price.price-len6 { font-size:23px; }
.productpage .product-info .pricing .price.price-len7 { font-size:21px; }
.productpage .product-info .pricing .price.price-len8 { font-size:18px; }


.productpage .product-info .pricing .price.price-offer .border {

  padding-top: 10px;
}
.productpage .product-info .pricing .price span {
 
}
.productpage .product-info .pricing .price span.price-old {
  line-height: 16px;
  text-decoration: line-through;
  
  : 0.8;
  padding-bottom: 10px;
  font-size: 14px;
}
.productpage .product-info .pricing .price span.currency {
 
  line-height: 16px;
  font-size: 18px;
  padding-top: 8px;
  letter-spacing: normal;
  text-transform: lowercase;
}
.productpage .product-info .pricing .price-tax {

  padding: 0px;
  text-align: left;
  font-size: 12px;
}
.productpage .product-info .details {
  font-size: 12px;
  display: block;
  margin-bottom: 20px;
}
.productpage .product-info .details .product-discounts {
  font-weight: bold;
  margin-bottom: 10px;
}
.productpage .product-info .details .product-discounts span {
  width: 100%;
  margin-bottom: 7px;
  display: block;
}
.productpage .product-info .details dt {
  clear: left;
  width: 49%;
  float: left;
  margin-bottom: 7px;
  font-weight: bold;
}
.productpage .product-info .details dd {
  width: 50%;
  float: right;
  margin-bottom: 7px;
}
.productpage .product-info .share {
  margin-bottom: 20px;
  padding: 15px 0 5px 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
.productpage .product-info .share .rating {
  margin-right: 120px;
  padding: 5px 10px 20px 10px;
  text-align: center;
}
.productpage .product-info .share .rating .stars {
  width: 80px;
  height: 16px;
  background: url(icon-16-stars.png) 0px 0px repeat-x;
  margin: 0 3px 9px 0;
  display: inline-block;
  vertical-align: bottom;
}
.productpage .product-info .share .rating .stars-percent {
  width: 100%;
  height: 16px;
  background: url(icon-16-stars.png) 0px -16px repeat-x;
  display: inline-block;
  float: left;
}

.productpage .product-info .share .rating .score {
  margin-bottom: 9px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
}
.productpage .product-info .share .rating .score .total {
  color: #999999;
  font-weight: normal;
  font-size: 12px;
}
.productpage .product-info .share .rating .score .total a {
  color: #999999;
}
.productpage .product-info .share .rating .score .total a:hover {
  color: #0489e6;
}

.productpage .product-info .share .rating .button-review {
  color: #187EA2;
}
.productpage .product-info .share .rating .button-review:hover {
  color: #0489e6;
}
.productpage .product-info .share .social {
  max-width: 260px;
  min-height: 30px;
  text-align: left;
}
.productpage .product-info .share .social .social-block {
  margin: 5px 0;
}
.productpage .product-info .share .social .social-block.social-block-facebook {
  display: inline-block;
  width: 82px;
  height: 20px;
  vertical-align: bottom;
}
.productpage .product-info .share .social .social-block.social-block-google {
  display: inline-block;
  width: 66px;
  height: 20px;
  vertical-align: bottom;
}
.productpage .product-info .share .social .social-block.social-block-pinterest {
  display: inline-block;
  width: 45px;
  height: 20px;
  vertical-align: bottom;
}
.productpage .product-info .share .social .social-block.social-block-twitter {
  display: inline-block;
  width: 94px;
  height: 20px;
  vertical-align: bottom;
}
.productpage .product-info .share .social .social-block.social-block-addthis {
  display: inline-block;
  width: 20px;
  height: 16px;
  padding: 2px 0;
  vertical-align: bottom;
}
.product-info .buy {
  text-align: left;
}
.product-info .quantity {
  border: 1px solid #000;
  background: #EEE;
  height: 40px;
  float: left;
  width: 71px;
  background: #F5F5F5;
  border-radius: 4px;
  border: 1px solid #DDD;
  border-color: #DDD #EEE #EEE #DDD;
  margin-right:10px;
  
}
.product-info .quantity.hover {
  border-color: #999 #DDD #DDD #AAA;
}
.product-info .quantity input {
  width: 40px;
  border: none;
  background: transparent;
  font-size: 16px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  display: block;
  float: left;
  padding: 8px 5px;
  color:#777;
}
.product-info .quantity .change {
  float: left;
  width: 19px;
  border-left: 1px solid #DDD;
  height: 40px;
}
.product-info .quantity.hover .change {
  border-left: 1px solid #999;

}
.product-info .quantity .change a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  text-indent: -9999px;
  background: url(quantity.png) no-repeat;
}
.product-info .quantity .change a.up {
  background-position: 0px 0px;
}
.product-info .quantity .change a.down {
  background-position: 0px -20px;
}
.product-info .quantity .change a:hover {
  background-color: #DDD;
}
.product-info .buy .add {
 
}
.product-info .buy .add span {
   display: inline-block;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding: 0 10px;
    text-transform: uppercase;
}
.product-info .buy .add:hover span {
 
}
.product-info .buy .add-outofstock {
  display: inline-block;
  height: 36px;
  padding: 3px;
  background: #187EA2;
  border-radius: 4px;
}
.product-info .buy .add-outofstock span {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0 15px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 2px;
}
.product-info .buy .add-outofstock:hover span {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.product-info .actions {
  text-align: left;

  margin-top: 10px;
}
.addthis_toolbox{ margin:10px 0 }
.product-info .actions a {
  margin: 0 10px 0 0;
}
.productpage .reviews {
}
.productpage .reviews .write {
  text-align: right;
}
.productpage .reviews .write .stats {
  float: left;
}
.productpage .reviews .review {
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.productpage .reviews .review p {
  margin-bottom: 15px;
}
.productpage .reviews .review .rating {
  float: right;
}
.productpage .reviews .review .rating .stars {
  width: 80px;
  height: 16px;
  background: url(icon-16-stars.png) 0px 0px repeat-x;
  margin: 0 3px 9px 0;
  display: inline-block;
  vertical-align: bottom;
}
.productpage .reviews .review .rating .stars-percent {
  width: 100%;
  height: 16px;
  background: url(icon-16-stars.png) 0px -16px repeat-x;
  display: inline-block;
  float: left;
}

.productpage .reviews .review .rating .score {
  margin-bottom: 9px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
  
}
.productpage .reviews .review .author {
  font-weight: bold;
}
.productpage .reviews .review .author .date {
  color: #999999;
  font-weight: normal;
  font-size: 12px;
}
.productpage .tabs {
  margin: 20px 0 0;
}
.productpage .tabs ul.tabs-tabs {
  list-style: none;
  width: 100%;
   border-bottom: 2px solid;
   border-color:#0489e6;
}
.productpage .tabs ul.tabs-tabs li {
 
  padding-right:5px;
   display: inline-block;
}
.productpage .tabs ul.tabs-tabs li a {
  display: block;
   height: 36px;
   line-height: 36px;
  text-transform: uppercase;
  padding: 0 20px;
  text-align: center;
   background: #161616;
   color:#fff;
   border-radius: 5px 5px 0 0;
   box-shadow: 0 0 1px #ffffff inset;
   -moz-box-shadow:0 0 1px #ffffff inset;
  -webkit-box-shadow:0 0 1px #ffffff inset;
  -box-shadow:0 0 1px #ffffff inset;
    border:1px solid;
    border-color:#3e3e3e;
 
}
.productpage .tabs ul.tabs-tabs li.ui-tabs-active a ,
.productpage .tabs ul.tabs-tabs li a:hover {
 border-color: #0489e6;
  background: #0489e6;
  color: #fff;
}
.productpage .tabs-holder {
  
}
.productpage .tabs-content {
  padding: 15px 5px;
  margin-top: 0px;
  line-height:20px;
}
.productpage .tabs-content h4{line-height:30px;}
.productpage .tabs-content.ui-tabs-hide {
  display: none;
}
.productpage .tabs-content td.spec-title {
  padding-right:10px;
}
.productpage .related {
  margin-top: 20px;
  width:100%;
}
.brands-container {
 
    padding: 0px;
  position: relative;
 
}
 
.brand-slider #brand-carousel .product-block{
border: 1px solid #eee;
  background:#fff;
    margin: 5px 10px;
    padding: 20px 10px;
    text-align: center;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);  
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);

 }
.brands-container {
  margin-bottom:10px;
  margin-left:-10px;
}
.brands-container ul {
    list-style: none outside none;
    
}
.brands-container ul li {
  
}
.brands-container ul li:hover{  border-color: #e3e3e3; }
.brands-container ul li img {
  margin: 0px;
}
.brands a.prev,
.brands a.next {
  display: block;
  width: 30px;
  height: 30px;
  background: #F00;
  position: absolute;
  top: 16px;
  text-indent: -9999px;
  background: url(sprite.png) no-repeat;
}
.brands a.prev:hover{
  background-position:1px -10px;
}
.brands a.next:hover {
   background-position:-30px -12px;
}
.brands a.prev {
  left: -40px;
  background-position: 1px -54px;
}
.brands a.next {
  right:-40px;
  background-position: -30px -56px;
}

/*
.brands .slides {
  position: relative;
}
.brands .slides-container {
  overflow: hidden;
  width: 880px;
  height: 80px;
  margin: 0 auto;
}
.brands .slides .pagination {
  display: none;
}

.brands .slides .slide a {
  display: block;
  width: 220px;
  float: left;
}

.brands .slides a.next,
.brands .slides a.prev {
  display: block;
  width: 30px;
  height: 48px;
  background: #F00;
  position: absolute;
  top: 16px;
  text-indent: -9999px;
  background: url(slides-controls.png) no-repeat #ddd;
}

.brands .slides a.next:hover,
.brands .slides a.prev:hover {
  background-color: #0489e6;
}
.brands .slides a.prev {
  left: 0;
  background-position: -15px 0;
}

.brands .slides a.next {
  right: 0;
  background-position: -51px 0;
}
*/

.headlines {
  height: 350px;
  background: #E6F6FA;
  margin-bottom: 30px;
  position: relative;
}
.headlines .slides {
  position: relative;
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  height: 387px;
}
.headlines .slides-container {
  width: 980px;
  height: 387px;
  position: relative;
}
.headlines .slides a.prev,
.headlines .slides a.next {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  background: url(slides-controls.png) no-repeat #187EA2;
  top: 50%;
  z-index: 50;
  border-radius: 24px;
  text-indent: -9999px;
  opacity: 0;
  border: 2px solid white;
}
.headlines .slides a.prev {
  left: 0;
  margin: -24px 0 0 29px;
  background-position: 0 0;
}
.headlines .slides a.next {
  right: 0;
  margin: -24px 29px 0 0;
  background-position: -48px 0;
}

.headlines .slides a.prev:hover,
.headlines .slides a.next:hover {
  background-color: #0489e6;
}

.slides ul {
  list-style: none;
  width: 20000px;
  position: absolute;
}

.slides ul li {

  float: left;
}
 .content {
  width: 745px;
  float:left;
 /* padding:10px;
  background:#fff;
  border: 1px solid #dbdfe0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);*/
}

.content .index {}

.index h2 , .related h2,.bundle h2 {
  color: #0489e6;
    font-family: Droid sans,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
      border-bottom:1px solid #fff;
    overflow: hidden;
    padding: 12px 15px 12px 15px;
    text-transform: uppercase;
  display:block;
  
   background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
    filter: progidXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    filter: progidXImageTransform.Microsoft.gradient(enabled=false);
   
   box-shadow: 0 2px 3px #e8e7e7;
  -moz-box-shadow:0 2px 3px #e8e7e7;
   -webkit-box-shadow:0 2px 3px #e8e7e7;
   -box-shadow:0 2px 3px #e8e7e7;
}
.ie8 .index h2 , .ie8 .related h2 ,
.ie9 .index h2 , .ie9 .related h2 {
 border-bottom:1px solid #e8e7e7;}

.related h2,.bundle h2{
padding-left:0;
background:none; border-bottom:1px solid #dcdcdc;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
 -box-shadow:none;
}
.index .index-content {
  margin: 0  0 18px 0;
}
.index .index-content p {
  padding: 0 0 18px 0;
}

.index .index-latest {
  margin: 0  0 18px 0;
}

.index .categories.clearfix {
  width: auto;
}
.index .categories .category {
  width: 180px;
}



.banners {
  margin-bottom: 0px;
}
.banners .banner {
  float: left;
 margin: 0px;
}
.banners .banner.first{ margin-left:-1px; }
.banners .banner a{ display:block; }
.banners .banner.last{margin-right:-1px; }
.banners .banner img{  
width:100%;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
   -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
   -box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); }
.banners .banner.banner-last {
  margin-right: 0;
}


.index .index-brands {
  margin: 0  0 18px 0;
  height: 80px;
}


.index .index-brands .jcarousel_horizontal li {
  width: 25%;
}

.socialbar {
  margin-bottom: 30px;
   padding: 0px;
  position: relative;
}

.socialbar.has_newsletterbar {
  margin-bottom: 10px;
}
.socialbar{ margin:0 auto; }
.socialbar-container {
    padding: 10px 20px;
  width:1010px;
  margin:0 auto;
  overflow:hidden;
}

.border-shadow-light .socialbar.has_newsletterbar .box-border.box-border-bottom {
  background-image: url(border-none.png);
}

.border-shadow-dark .socialbar.has_newsletterbar .box-border.box-border-bottom {
  background-image: url(border-none.png);
}

 .socialbar h4 {
    border-color: #d9d9d9;
}
.socialbar h4 {
  padding: 10px 0;
  text-indent: 34px;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: normal;
  line-height: 16px;
  font-size: 16px;
}

.socialbar .socialbar-blog h4 { margin-bottom:10px; background-image: url(icon-24-blog.png); text-transform:uppercase; }
.socialbar .socialbar-twitter h4 { background-image: url(icon-24-twitter.png);  text-transform:uppercase;}
.socialbar .socialbar-facebook h4 { background-image: url(icon-24-facebook.png);  text-transform:uppercase;}

.socialbar .socialbar-blog , .socialbar .socialbar-twitter ,.socialbar .socialbar-facebook {
  width: 320px;
  float: left;
  margin-right: 20px;
}

.socialbar .socialbar-blog .blog-article {
  margin-bottom: 15px;
}

.socialbar .socialbar-blog .blog-article h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
.socialbar .socialbar-facebook { margin-right:0 !important; }
 
 
.socialbar-blog-box, .socialbar-twitter-box , .socialbar-facebook-box{ padding: 10px 0; }

.socialbar .socialbar-twitter h2,
.socialbar .socialbar-facebook h2 {
  margin-bottom: 0;
}

#newsletterbar {
    margin-bottom: 15px;
    position: relative;
}

.border-shadow-light #newsletterbar.has_socialbar .box-border.box-border-top {
  background-image: url(border-none.png);
}

.border-shadow-dark #newsletterbar.has_socialbar .box-border.box-border-top {
  background-image: url(border-none.png);
}

 
#newsletterbar  label {
  font-size:13px;
}

#newsletterbar label span {
    
}

#newsletterbar  input {
 color:#555;
    height: 16px;
    line-height: 16px;
   margin:7px 0;
    padding: 6px 7px;
    width: 180px;
  font-family:"Open Sans",Helvetica,sans-serif;
   background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e2df;
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  
}

#newsletterbar button {
     line-height: 19px !important;
}

.footer {
  margin-top:10px;
  padding-bottom: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
  -box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #FFFFFF;



}
.footer-top{ background:#fff; }
.footer .footer-top .wrapper_inner{
    padding: 30px 0px 20px;
}
.footer-bottom{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
  -box-shadow:0 0 5px rgba(0, 0, 0, 0.15);

background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#f3f3f3 100%); /* W3C */

  width: 100%;
  border-bottom:4px solid;
  border-color:#0489E6;
}

.ie8 .footer-bottom ,.ie9 .footer-bottom{ border-top:1px solid #EDEDED; }

.footer .footer-bottom .wrapper_inner{
    padding: 10px 0px;
  
}


.footer-hallmarks h4 , .footer-tags h4{ display:none; }
.footer .footer-nav {
 
}
.footer .footer-nav.border {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #EEE;
}


.footer .footer-nav ul {
 
  list-style: none;
}

.footer .footer-nav ul li {
 padding: 3px 0;
}
 
.footer-tags ul.tagcloud li{ margin:0 2px 0 0;}
.footer-tags ul.tagcloud li a ,.footer-tags ul.tagcloud li a:hover{ background:none }

 .footer-hallmarks {
 margin: 10px auto 5px;
    padding: 0px;
}


.footer-hallmarks li {
    float: left;
    list-style: none outside none;
    margin-right: 19px;
}

.footer-hallmarks ul li a img {
  max-height: 40px;
}

.footer .footer-tags {
  margin: 10px auto 5px;
    padding-bottom: 0px;
}
.footer .footer-tags ul{ margin:0; }
.footer .footer-tags ul li a{ padding:0 10px 0 0; }
ul.tagcloud {
  text-align: justify;
  list-style: none;
  margin: -2px -2px -3px -3px;
}

ul.tagcloud li {
  margin: 2px 2px 3px 3px;
  float: left;
}


ul.tagcloud li a {
  display: block;
  height: 24px;
  border-radius: 0 3px 3px 0;
  background: url(tag.png) 0px 0px no-repeat #EEE;
  line-height: 24px;
  font-size: 13px;
  padding: 0 10px 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.tagcloud li a:hover span{ color:#fff; }
ul.tagcloud li a:hover {
  color: #FFFFFF;
  background-color: #0489e6;
}

ul.tagcloud li a:hover{ border-color: transparent; }
.footer .footer-payment {
 
  float: right;
  max-width: 470px;
  overflow: hidden;
}
.footer .footer-payment img {
  
   margin: 5px 0 0 5px;
}
.footer .footer-copyright , .footer .footer-copyright a{

}
.footer .footer-copyright a:hover{ text-decoration:underline; }
 



/* Products general */
.categories,
.products {
  position: relative;
}
h1.category-title , .gui-page-title , h1.page_title{ text-transform:uppercase; font-size:16px; font-weight:normal; color: #0489e6;  margin: 0 0 15px;}
.products.products-horizontal { }
.products.products-grid {
  width: 700px;
}
.products.products-sidebar {
  
}
.products.products-livesearch {
 
}
.products.products-cart {
  
}
.categories .category h3 a{font-weight:normal;}

.categories .category p.description {
  display: block;
  text-align: center;
  line-height: 16px;
  font-size: 13px;
  margin:5px 0 0;
}
.categories .category.hover p.description {
  display: block;
}


/* Horizontal & grid products */

.index .sidebar .sidebar-main {
  background:none;
  border:none;
   box-shadow:none;
   padding:0;
   width:770px;
      margin-bottom: 0;
}
.featured-product , .new-product  , .categories-product , .sidebar .sidebar-main ,  .socialbar-container,
.gui-page-content , .gui-col2-left .gui-col2-left-col2 ,.gui-col2-right .gui-col2-right-col1 , .gui-thankyou .gui-block ,
#gui-block-review .gui-section , .gui-compare{
   background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdfe0;
   
  margin-bottom: 15px;
  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
   -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
   -box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

.featured-product , .new-product, .categories-product{ padding:10px; }
.featured-product h2, .new-product h2 , .categories-product h2{ margin:-10px -10px  10px -10px; }
.featured-product .customNavigation a  ,
.new-product .customNavigation a ,
.categories-product .customNavigation a{ top:-42px;}

.featured-product , .new-product  , .categories-product ,.productpage .related { position:relative; }
.gui-wishlist .gui-page-content{background:none; border:none; box-shadow:none; padding:0; }
#collectionProductsContainer #products-grid{  padding: 0px;}
#products-grid{
  list-style: none outside none;
    margin: 0;
 
    padding: 10px;
    position: relative;
    width: 100%;
}
.categories-product .categories ,.gui-thankyou  .gui-block , #gui-block-review .gui-section , .gui-compare  { padding:10px; }

.categories-product .product-block,
.products.products-horizontal .product,
.products.products-grid .product ,
#brand-grid li {
 /*float: left;*/
  position: relative;
  z-index:9;
 
}
.products.products-horizontal .product,
.products.products-grid .product,
.product-carousel .slider-item {
  width: 240px;
}
.categories-product .slider-item,
.categories-product .product-items {
  width:188px;
  float:left;
}

#brand-grid li{ list-style:none; }
#products-grid .product-block .product-block-inner{
    overflow: hidden;
    padding: 10px 7px;
    position: relative;
    text-align: center;
}

 
.products.products-grid .product {
  width: 240px; float:left;
}

.products.products-horizontal .product.product-last,
.products.products-grid .product.product-last {
  margin-right: 0;
}
.categories-product .product-block img,
.products.products-horizontal .product img,
.products.products-grid .product img {
  margin-bottom: 5px;
  background: url(no-image.png) center no-repeat #FFFFFF;
}
.products.products-grid .product-image ,
.products.products-horizonta .product-image ,
.product-carousel .product-image,.bundle .product .image{
  background: url(drop-shadow.jpg) no-repeat scroll center bottom transparent;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0 0 18px;
}

.product-image a , .categories-product .product-block a{ display:block; }

.categories-product .product-block img,
.products.products-grid .product img {
 max-width: 100%;
}

.categories-product .category h3,
.products.products-horizontal .product h3,
.products.products-grid .product h3 {
  text-align: center;
margin-bottom:5px;
line-height:22px;
 min-height:45px;
 font-size:13px;
}
.categories-product .product-block.hover h3,
.products.products-horizontal .product.hover h3,
.products.products-grid .product.hover h3 {
 
}
.categories-product .product-block h3 a,
.products.products-horizontal .product h3 a,
.products.products-grid .product h3 a {
  display: block;
  font-weight:normal;
  overflow: hidden;
 font-size:13px;
}


.products.products-horizontal .product p.price,
.products.products-grid .product p.price,
.products.products-list .product p.price  ,
.gui-products-price, .gui-price{
  display: block;
  padding-top: 0px;
   color: #ff6900;
 
  font-size: 15px;
   margin-bottom:5px;
  line-height:25px;
}
.products.products-horizontal .product p.price.price-len5, .products.products-grid .product p.price.price-len5, .products.products-list .product p.price.price-len5 { font-size:18px; }
.products.products-horizontal .product p.price.price-len6, .products.products-grid .product p.price.price-len6, .products.products-list .product p.price.price-len6 { font-size:16px; }
.products.products-horizontal .product p.price.price-len7, .products.products-grid .product p.price.price-len7, .products.products-list .product p.price.price-len7 { font-size:14px; }
.products.products-horizontal .product p.price.price-len8, .products.products-grid .product p.price.price-len8, .products.products-list .product p.price.price-len8 { font-size:15px; }

.products.products-horizontal .product p.price {

}
/*.products.products-grid .product p.price {
  top: 74px;
  right: 0;
}
.products.products-list .product p.price {
  top: 20px;
  right: 0;
}*/

.products.products-horizontal .product p.price.price-offer,
.products.products-grid .product p.price.price-offer,
.products.products-list .product p.price.price-offer {

}

.products.products-horizontal .product p.price span,
.products.products-grid .product p.price span,
.products.products-list .product p.price span {
  position: relative;
}

.products.products-horizontal .product p.price span.price-old,
.products.products-grid .product p.price span.price-old,
.products.products-list .product p.price span.price-old {
  font-size: 14px;
  text-decoration: line-through;
  letter-spacing: -1px;
  opacity: 0.8;
  margin-right:5px;
}

/* Exclusive Germany*/
.product p.price span.price-old .uvp {
  font-size: 8px;
  display: inline-block;

  margin: 1px 0px 0 2px;
}
.productpage .product-info .pricing .price .uvp {
  font-size: 9px;
  display: inline-block;
}
.products.products-grid .product .unitprice,
.products.products-horizontal .product .unitprice {
  font-size: 10px;
  text-align: center;
}
.products.products-list .product .unitprice {
  font-size: 10px;
  float: right;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 100px;
}
.products.products-list .product.hover .unitprice {
  right:30px;
}

.product p.price.price .asterisk {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
}
.product p.price.price-offer .asterisk {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
}
.index .shippingreturn-de{ padding-top:0; }
.shippingreturn-de {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 10px;
  padding: 10px 0;
}
/**/

.products.products-horizontal .product p.price span.currency,
.products.products-grid .product p.price span.currency,
.products.products-list .product p.price span.currency {
  font-size: 15px;
  letter-spacing: normal;
  text-transform: lowercase;
 
}
 
.categories-product .product-block,
.products.products-horizontal .product-block,
.products.products-grid .product-block
{  margin:10px 4px;
        text-align: center;
     padding:8px 5px;
   border:1px solid transparent;
}
.categories-product .product-block:hove
.product-block .price ,.product-block .wishlist-compare{ text-align:center; }
.categories-product .product-block:hover,
.products.products-horizontal .product-block:hover,
.products.products-grid .product-block:hover,
#brand-carousel .product-block:hover
{
 box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
-box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
}

.ie8 .categories-product .product-block:hover ,.ie8 .products.products-horizontal .product-block:hover,
.ie8 .products.products-grid .product-block:hover, .ie8 #brand-carousel .product-block:hover ,
.ie9 .categories-product .product-block:hover,.ie9 .products.products-horizontal .product-block:hover,
.ie9 .products.products-grid .product-block:hover, .ie9 #brand-carousel .product-block:hover{ border-color:#eee; }

categories-product .product-block:hover h3 a{  }
.products.products-horizontal .product.hover p.price {
  top: 84px;
  right: 10px;
}
.products.products-grid .product.hover p.price {
  top: 94px;
  right: 20px;
}
.products.products-list .product.hover p.price {
  top: 20px;
  right: 20px;
}
.categories-product .product-block.hover.category-last,
.products.products-horizontal .product.hover.product-last,
.products.products-grid .product.hover.product-last {

}

.products.products-horizontal .product .actions,
.products.products-grid .product .actions {
  text-align: center;
  white-space: nowrap;
  margin-bottom:7px;
}

.products.products-horizontal .product .button-add, .bundle .product .button-add,
.products.products-grid .product .button-add ,
.products.products-list .product .actions a.button-add,
.product-info .buy .add,
.header .cart .contents .buttons a,
.gui a.gui-button-large,
 #newsletterbar .wrapper_inner button ,
 .gui a.gui-button-large, .gui a.gui-button-small , #newsletterbar button{
   background: none repeat scroll 0 0 #555555;
    border: 1px solid #3e3e3e;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    margin: 0;
    padding: 6px 7px;
    text-align: center;
    text-transform: uppercase;
  font-family:"Open Sans",Helvetica,sans-serif;
  box-shadow: 0 0 1px #ffffff inset;
   -moz-box-shadow:0 0 1px #ffffff inset;
  -webkit-box-shadow:0 0 1px #ffffff inset;
  -box-shadow:0 0 1px #ffffff inset;
}

.products.products-horizontal .product.hover .actions a.button-add,
.products.products-grid .product.hover .actions a.button-add ,
.products.products-list .product.hover .actions a.button-add,
.product-info .buy .add:hover,
.header .cart .contents .buttons a:hover,
.gui a.gui-button-large:hover,
 #newsletterbar .wrapper_inner button:hover,
  .gui a.gui-button-large:hover, .gui a.gui-button-small:hover , #newsletterbar button:hover{
 background-color:#6CB61F; color: #ffffff; border-color:#71B628;
 background-image:url("btn-bg.png");
}

.product-info .buy .add:hover,.gui a.gui-button-large:hover{ background-image:url("btn-bg-big.png");}
.products.products-horizontal .product.hover .actions a.button-add:hover,
.products.products-grid .product.hover .actions a.button-add:hover ,
.products.products-list .product.hover .actions a.button-add:hover,
.product-info .buy .add:hover span {
  color: #ffffff;
}
.products.products-horizontal a.button-wishlist,
.products.products-grid a.button-wishlist{ display:inline-block;}

.products.products-horizontal a.button-compare,
.products.products-grid a.button-compare{display:inline-block;}


.products.products-horizontal .product.hover .actions a.button-wishlist,
.products.products-horizontal .product.hover .actions a.button-compare,
.products.products-grid .product.hover .actions a.button-wishlist,
.products.products-grid .product.hover .actions a.button-compare {
  color: #999999;
}

.products.products-horizontal .product.hover .actions a.button-wishlist:hover,
.products.products-horizontal .product.hover .actions a.button-compare:hover,
.products.products-grid .product.hover .actions a.button-wishlist:hover,
.products.products-grid .product.hover .actions a.button-compare:hover {
  color: #0489e6;
}




/* List products */
.products.products-list .product {
  border:1px solid transparent;
  position: relative;
  padding:10px;  
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.ie8 .products.products-list .product:hover,
.ie9 .products.products-list .product:hover{ border-color: #eee; }

.products.products-list .product.product-last {
  border-bottom: none;
}


.products.products-list .list-left{
   float: left;
    margin-right: 15px;
}
.products.products-list .list-center{
   border-right: 1px solid #e0e0e0;
    float: left;
    padding-right: 15px;
    width: 360px;
  text-align: left;
}
.products.products-list .list-right{
  float: left;
    margin-left: 15px;
    padding-top: 10px;
      width:170px;
}
.products.products-list .actions .button-wishlist,
.products.products-list .actions .button-compare{
  display:block;
}

.products.products-list .product.hover {
  
  z-index: 100;
  padding: 10px;
  background: #FFFFFF;
  box-shadow:0 0px 4px rgba(0, 0, 0, 0.13);
-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.13);
-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.13);
-box-shadow:0 0px 4px rgba(0, 0, 0, 0.13);
}
.products.products-list .product.hover.product-last {

}


.products.products-list .product img {
  padding: 0px;
   
}
.products.products-list .product h3 {
  font-size: 14px;
 margin-bottom: 7px;
}
.products.products-list .product h3 a {
  display: block;
    font-weight: normal;
}

.products.products-list .product p.description {

  padding: 0 0 10px 0;
}

 
.products.products-list .product .actions a.button-add {
    margin-bottom: 10px;
}

/* Sidebar, livesearch & cart products */
.products.products-sidebar .product {
  margin-bottom: 18px;

}
.products.products-livesearch .product,
.products.products-cart .product {
  padding: 0 0px 5px;
  clear:both;
  margin-bottom:10px;
}

.products.products-sidebar .product,
.products.products-livesearch .product,
.products.products-cart .product {
  
  white-space: nowrap;
}
.products.products-sidebar .product img,
.products.products-livesearch .product img,
.products.products-cart .product img {
   border: 1px solid #e5e2df;
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.products.products-sidebar .product h4,
.products.products-livesearch .product h4,
.products.products-cart .product h4 {
  overflow: hidden;
  text-overflow: ellipsis;

  font-weight:normal;
}

.products-livesearch .product{  min-height: 40px;}
.products-livesearch h4{ line-height: 16px;    margin-top: 0;}

.products.products-sidebar .product p.price ,
.products.products-cart .product p.price{ text-align:left; }
.products.products-sidebar .product p.price,
.products.products-livesearch .product p.price,
.products.products-cart .product p.price,
.header .cart .contents .sum span{
  color: #ff6900;
}

.products.products-cart .product p.price strong {
  color: #777;
}
.products.products-sidebar .product p.price.price-offer,
.products.products-livesearch .product p.price.price-offer,
.products.products-cart .product p.price.price-offer {
  color: #ff6900;
}
.products.products-sidebar .product p.price span,
.products.products-livesearch .product p.price span,
.products.products-cart .product p.price span {
  color: #ff6900;
  text-decoration: line-through;
}
 

.products.products-sidebar .product.hover {

  z-index: 100;
 
  
}

/* http://localhost/share/spinner/build.php?type=alternative&size=64&speed=10&fg_color=19A9E5&bg_color=ffffff */
.products .products-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(spinner-large.gif) center 74px no-repeat rgba(255, 255, 255, 0.9);
  line-height: 340px;
  text-shadow: 0 1px 0 #FFFFFF;
  z-index: 100;
  text-align: center;
  display: none;
}
.products .products-loader.visible {
  display: block;
}
.products.products-list .products-empty,
.products.products-grid .products-empty {
  text-align: center;
  height: 232px;
  line-height: 232px;
}



.elements-wrapper {
  height: 26px;
  background: rgba(0, 0, 0, 0.05);
  background: #F00;
  margin: 10px 0;
}
.elements-wrapper-big {
  height: 70px;
}

.tui-dropdown.language , .tui-dropdown.currency { background:none; border:none;  border-radius:0; }

.tui-dropdown {
  padding: 3px 5px;
  border-radius: 4px;
  line-height: 18px;
  background: url(tui-dropdown-arrow.png) 100% 4px no-repeat #F5F5F5;

  min-height: 18px;
  position: relative;
  float: left;
  z-index: 200;
  border: 1px solid #DDD;
  border-color: #DDD #EEE #EEE #DDD;

  position:relative;
  margin-right:10px;
}
.tui-dropdown.hover {
  border-color: #999 #DDD #DDD #AAA;
}

.tui-dropdown span {
  color: #999999;
  padding: 0 18px 0 0;
  display: block;
}

.tui-dropdown ul {
  list-style: none;
  padding-top: 3px;
  display: none;
  position:absolute;
   background-color: #fbfbfb;
    border: 1px solid #e3e3e3;
    
    padding:5px;
    position: absolute;
    width: 125px;
  margin-top:3px;
  left:-1px;
  
}
.tui-dropdown ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-dropdown ul li a {
  display: block;
  padding: 2px;
}


.tui-dropdown.tui-language span {
   line-height: 18px;
    padding-left: 21px;
    padding-right: 0;
  background: 0 4px no-repeat;
}

.tui-dropdown ul li.tui-language {
  padding: 2px 0 2px 21px;
  background: 0 9px no-repeat;
}

.tui-dropdown.tui-language-bg span, .tui-dropdown ul li.tui-language-bg { background-image: url(icon-flag-bg.png); }
.tui-dropdown.tui-language-da span, .tui-dropdown ul li.tui-language-da { background-image: url(icon-flag-da.png); }
.tui-dropdown.tui-language-de span, .tui-dropdown ul li.tui-language-de { background-image: url(icon-flag-de.png); }
.tui-dropdown.tui-language-el span, .tui-dropdown ul li.tui-language-el { background-image: url(icon-flag-el.png); }
.tui-dropdown.tui-language-en span, .tui-dropdown ul li.tui-language-en { background-image: url(icon-flag-en.png); }
.tui-dropdown.tui-language-es span, .tui-dropdown ul li.tui-language-es { background-image: url(icon-flag-es.png); }
.tui-dropdown.tui-language-fr span, .tui-dropdown ul li.tui-language-fr { background-image: url(icon-flag-fr.png); }
.tui-dropdown.tui-language-it span, .tui-dropdown ul li.tui-language-it { background-image: url(icon-flag-it.png); }
.tui-dropdown.tui-language-nl span, .tui-dropdown ul li.tui-language-nl { background-image: url(icon-flag-nl.png); }
.tui-dropdown.tui-language-no span, .tui-dropdown ul li.tui-language-no { background-image: url(icon-flag-no.png); }
.tui-dropdown.tui-language-pl span, .tui-dropdown ul li.tui-language-pl { background-image: url(icon-flag-pl.png); }
.tui-dropdown.tui-language-pt span, .tui-dropdown ul li.tui-language-pt { background-image: url(icon-flag-pt.png); }
.tui-dropdown.tui-language-ru span, .tui-dropdown ul li.tui-language-ru { background-image: url(icon-flag-ru.png); }
.tui-dropdown.tui-language-sv span, .tui-dropdown ul li.tui-language-sv { background-image: url(icon-flag-sv.png); }
.tui-dropdown.tui-language-tr span, .tui-dropdown ul li.tui-language-tr { background-image: url(icon-flag-tr.png); }




.tui input[type=text],
.tui input[type=password] {
  display: block;
  border: 1px solid #DDD;
  border-radius: 4px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 3px 5px;
  color: #333333;
  background: #F5F5F5;
  border-color: #DDD #EEE #EEE #DDD;
  text-shadow: 0 1px 0 #FFFFFF;
  float: left;
}


.tui input[type=checkbox],
.tui input[type=radio] {
  height: 16px;
  width: 20px;
  margin: 0 10px 0 0;

  float: left;
}

.tui input:hover,
.tui input:focus,
.tui textarea:hover,
.tui textarea:focus,
.tui select:hover,
.tui select:focus {
  border-color: #999 #DDD #DDD #AAA;
}


.tui textarea {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 56px;
  line-height: 20px;
  font-size: 12px;
  padding: 6px 5px;
  color: #333333;
  background: #F5F5F5;
  border-color: #DDD #EEE #EEE #DDD;
  float: left;

}


.tui select {
  display: block;
  border: 1px solid #CCCCCC;
  border-radius: 4px;

  font-size: 12px;
  color: #333333;
  background: #FFF;
  border-color: #DDD #EEE #EEE #DDD;
 width:100%;
}

.tui label {
   font-weight: normal;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 
}

.tui select[multiple] {
  height: 70px;
}

a.tui-button {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  padding: 0 10px;
  background: #187EA2;
  border: 1px solid #FFFFFF;
  outline: 2px solid #187EA2;
}

.product-info-options {
}


/* [START] product-configure */
.product-configure {

  margin-bottom: 5px;
}
.product-configure label {

}
.product-configure label em {
  color: #FF0000;
}
.product-configure select {

}
.product-configure input[type=text],
.product-configure textarea {

}
.product-configure .product-configure-custom-option-item {
 padding: 3px 0; line-height: 14px;
}
.product-configure .product-configure-custom-option-item label {
  font-weight: normal;
  
}
.product-configure-custom-option-date {
  float:left;
  width: 275px;
}
.product-configure-custom-option-time {
  float:left;
  width: 105px;
}
.product-configure .product-configure-custom-option-date select,
.product-configure .product-configure-custom-option-time select {
  margin-right: 5px;
}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-day,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-hour,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-minute {
  width: 50px;
}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-month {
  width: 120px;
}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-year {
  width: 65px;
}
.product-configure .product-configure-custom-option select.product-configure-custom-option-date-year,
.product-configure .product-configure-custom-option select.product-configure-custom-option-time-minute {
  margin-right: 0;
}
.product-configure .product-configure-variants,
.product-configure .product-configure-options-option,
.product-configure .product-configure-custom-option {
  padding-bottom: 10px;
}
.product-configure .product-configure-clear {
  clear: both;
}
/* [END] product-configure */



.collection-options {

  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
}

.collection-nav {
  height: 18px;
  line-height: 18px;
 
  font-size: 13px;
  padding: 10px 0;
}


.collection-nav .collection-nav-total {
  float: left;
}
.collection-nav .collection-nav-pages {
  float: right;
  font-weight: bold;
}


.collection-options .collection-options-mode {
  float: left;
  margin: 4px 15px 4px 0;
}


.collection-options-mode .icon .icon-icon {
  background-color: #DDDDDD;
}


.collection-options-mode .icon.active .icon-icon {
  background-color: #187EA2;
}
.collection-options-mode .icon:hover .icon-icon {
  background-color: #0489e6;
}


.button-grid {
  margin-right: 5px;
}


.collection-options-compare {
  float: left;
  border-left: 1px solid #DDD;
  padding-left: 15px;
  margin: 4px 0 4px 0;
}


.collection-options-sort {
  float: right;
  height: 26px;
}


.collection-options-sort span.label,
.collection-options-limit span.label {
  display: block;
  float: left;
  padding-right: 5px;
  line-height: 26px;
}


.collection-options-limit {
  float: right;
  margin-right: 5px;
  height: 26px;
}


.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

.clearmargin {
  margin: 0;
}

.sidebar-filter-slider {
  padding: 1px 0;
}

.sidebar-filter-range {
  font-size: 12px;
}

.sidebar-filter-range .min {
  float: left;
}
.sidebar-filter-range .max {
  float: right;
}


#collection-filter-price {
  height:10px;
  border:1px solid #ccc;
  border-radius:5px;
  -moz-border-radius:5px;
  margin:8px 10px;
  background:url(tui-slider-handle.png) repeat-x #fff;
  position: relative;
}
#collection-filter-price .ui-slider-range {
  background:url(tui-slider-handle.png) repeat-x #A5D8E4;
  border:1px solid #187EA2;
  margin:-1px 0 0 -1px;
  position: absolute;
  height: 10px;
}
#collection-filter-price .ui-slider-handle {
  display: block;
  position: absolute;
  width:20px;
  height:24px;
  border:0;
  top:-7px;
  border-radius:0;
  -moz-border-radius:0;
  margin-left:-10px;
  background:url(tui-slider-handle.png) 0px -10px no-repeat;
  cursor:col-resize;

}

.collection-spinner {
  height: 16px;
  padding: 15px;
}

.collection-spinner.busy,
.collection-spinner.manual {
  height: 16px;
  background: #f5f5f5;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  line-height: 16px;
  text-align: center;
  margin-top: 20px;
  text-shadow: 0 1px 0 #FFFFFF;

}
/* http://localhost/share/spinner/build.php?type=alternative&size=16&speed=10&fg_color=19A9E5&bg_color=ffffff */
.collection-spinner-loading {
  display: none;
  padding-left: 26px;
  background: url(spinner-small.gif) left center no-repeat;
}
.collection-spinner.busy .collection-spinner-loading {
  display: inline-block;
}
.collection-spinner-more {
  display: none;
  text-align: center;
}

.collection-spinner.manual .collection-spinner-more {
  display: block;
}
.collection-spinner.busy.manual .collection-spinner-more {
  display: none;
}

.collection-pagination {
 border-top: 1px solid #dddddd;
   
    padding: 5px 0;
    margin-top: 10px;
}

.collection-pagination .info {
  float:left;
  padding:5px 0;
}

.collection-pagination ul {
  float:right;
  list-style-type:none;
  margin:0;
  padding:0;
}

.collection-pagination ul li {
  float:left;
  padding:0px;
  margin:0 3px;
}

.collection-pagination ul li.prev , .collection-pagination ul li.next{ border:1px solid #0489e6; }
.collection-pagination ul li.prev a{
 background: url("sprite.png") no-repeat scroll -86px -334px transparent;
    display: block;
    font-size: 0;
    padding: 1px 1px;
  height:22px;
  width:22px;
}
 
.collection-pagination ul li.next a {
    background: url("sprite.png") no-repeat scroll -86px -357px transparent;
    display: block;
    font-size: 0;
    padding: 0px 1px;
  height:22px;
  width:22px;
}

.collection-pagination ul li.number {
  
    padding: 0;
}

.collection-pagination ul li.number a {
  background-color: #fff;
    border: 1px solid #0489e6;
    color: #0489e6;
    display: block;
    padding: 1px 7px;
}

.collection-pagination ul li.number a:hover {
  background-color:#0489e6;
  color:#fff;
}

.collection-pagination ul li.number.active a {
  background-color: #0489e6;
     border: 1px solid #0489e6;
    color: #fff;
    font-weight: 400;
}
 .collection-pagination ul li.number.active a:hover{  background-color: #0489e6;
 }
.banner-index1, .banner-index2 , .banner-index3 { float: left; }
.sub-banner {
  margin: 15px auto;
 
}
.col-right {float: right;width: 220px;}

.grid_default_width {  width: 234px;}
.featured_default_width{width: 234px;}
.newproduct_default_width{width: 234px;}

.categories_default_width{ width:180px; }
.brand_default_width{ width:180px; }
.related_default_width{  width:240px; }
.additional_default_width{  width:70px;}


#topcontrol{ z-index:9999; }
.top_button {
    background: url(up.png) no-repeat scroll 0 0;
    font-size: 0;
    height: 44px;
    width: 44px;
  display:block;
}
.related-products{ width:100%; }

/**************** Check out progress bar  *****************/

.gui-checkout .gui-progressbar ul li a{  color: #777777 !important; }
.gui-checkout .gui-progressbar ul li.gui-active a{   color: #0489e6 !important;  }
.gui-checkout .gui-progressbar ul li.gui-done a{ color: #777  !important; }
.gui-checkout .gui-progressbar ul li a span{ background-image: url(checkout-progress.png) !important;}
.gui-checkout .gui-progressbar ul li.gui-done a{ color:#222 !important; }
.gui-checkout .gui-progressbar ul li.gui-done a span {    background-position: -35px -7px !important;}
#gui-block-review .gui-block .gui-table thead.gui-block-title > tr > th.gui-align-left,
#gui-block-review .gui-block .gui-table thead.gui-block-title > tr > th.gui-align-right{ text-align:center !important ; }

.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col1{  
margin-right: 2%!important;
    width: 40%!important;}
.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col2 {
    margin-right: 2%!important;
    width: 23%!important;
}
.gui-form .gui-checkout-steps.gui-col3-equal > .gui-col3-equal-col3{width: 26%  !important;  }


 

/*.gui a.gui-button-large:hover, #newsletterbar .wrapper_inner button:hover, .gui a.gui-button-large:hover, .gui a.gui-button-small:hover, #newsletterbar button:hover {background-color: #589517 !important;}

.products.products-horizontal .product.hover .actions a.button-add, .products.products-grid .product.hover .actions a.button-add, .products.products-list .product.hover .actions a.button-add, .product-info .buy .add:hover, .header .cart .contents .buttons a:hover, .gui a.gui-button-large:hover, #newsletterbar .wrapper_inner button:hover, .gui a.gui-button-large:hover, .gui a.gui-button-small:hover, #newsletterbar button:hover {background-color: #589517 !important;}

.gui-form {
    padding: 8px !important;
}*/

/* bundle product */

.products.row.bundle-actions {
    display: block;
    overflow: hidden;
    width: 100%;
}

.bundle.left {
    float: left;
    width: 76%;
}

.product.bundlecart.right {
    float: right;
    width: 22%;
   margin:0;
  padding:40px 0 0;
}
.product.bundlecart.right:hover{box-shadow:none;}
.bundle .product {
   float:left;
    width:25%;
  padding:5px;
  margin:2px 15px;
position:relative;
}
.bundle .product:hover{
  box-shadow:0 0 4px rgba(0, 0, 0, 0.18);
}
.bundleproductinfo.info{
  height:auto;
  min-height:100px;
text-align:center;
}

.line-through {
    text-decoration: line-through;
}
.glyphicon-plus::before {
    content: "+";
}
.glyph-bundle {
   
    margin-left: -27px;
    position: absolute;
    top: 110px;
    width: 1em;
  font-size:25px;
  font-weight:bold;
}

.product:nth-child(4) > .glyph-bundle{display:none;}


.bundle .image img {
    height: auto;
    max-width: 100%;
    width: auto;
}

.bundle .image{text-align:center;}