/*.bor{
height:20px;
margin:200px 0px 200px 0px;
background:url('../img/dot.png') repeat-x;
}

.appleLinks a {color:#000; text-decoration: none;}
.appleLinksWhite a {color:#444; text-decoration: none;}
*/

@font-face {
    font-family: 'backyard_brains';
    src: url('/style/font/backyardbrains-webfont.eot');
    src: url('/style/font/backyardbrains-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/font/backyardbrains-webfont.woff') format('woff'),
         url('/style/font/backyardbrains-webfont.ttf') format('truetype'),
         url('/style/font/backyardbrains-webfont.svg#backyard_brainsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cc_icons';
    src: url('/style/font/cc-icons-webfont.eot');
    src: url('/style/font/cc-icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/font/cc-icons-webfont.woff') format('woff'),
         url('/style/font/cc-icons-webfont.ttf') format('truetype'),
         url('/style/font/cc-icons-webfont.svg#cc_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="byb-icon-"]:before, [class*=" byb-icon-"]:before {
  font-family: backyard_brains;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
[class^="cc-icon-"]:before, [class*=" cc-icon-"]:before {
  font-family: cc_icons;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="byb-icon-"], a [class*=" byb-icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.byb-icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.cc-icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="byb-icon-"], .btn [class*=" byb-icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="byb-icon-"], li [class*=" byb-icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="byb-icon-"], li .icon-large[class*=" byb-icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="byb-icon-"], li[class*=" byb-icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="byb-icon-"]:before, li[class*=" byb-icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="byb-icon-"].icon-large:before, li[class*=" byb-icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.byb-icon-cockroach:before     { content: "c"; }
.byb-icon-greg:before          { content: "g"; }
.cc-icon-cc:before             { content: "c"; }
.cc-icon-attribution:before    { content: "b"; }
.cc-icon-sa:before             { content: "a"; }

/*.active {
  background: #FF7F00;
}
*/
.navbar .nav li.cart-fixed {
  background: #E58E00;
}

.byb-support-item{
display:none;
margin:5px 0px;
padding:5px 10px;
background:#fff;
line-height:25px;
border-radius:5px;
border:1px solid #eee;
}

.byb-round-corners {
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.css3gallery img{
box-shadow:0px 0px 0px #fff;
-webkit-transition:box-shadow 0.25s ease;
-moz-transition:box-shadow 0.25s ease;
-o-transition:box-shadow 0.25s ease;
transition:box-shadow 0.25s ease;
margin: 10px 5px 5px 5px;
}

.css3gallery img:hover{
box-shadow:0px 0px 4px #aaa;
-webkit-transition:box-shadow 0.5s ease;
-moz-transition:box-shadow 0.5s ease;
-o-transition:box-shadow 0.5s ease;
transition:box-shadow 0.5s ease;
}

.productprice-a{
width:150px;
float:right;
margin-right:-10px;
margin-left:10px;
margin-bottom:10px;
border-radius:7px;
}

.product-pricehead-top{
margin:0px;
padding:10px;
border-top-left-radius:7px;
border-top-right-radius:7px;
}

.product-price-qty{
padding:3px 10px; 0 0;
}
.product-price{
text-align: left;
padding:3px 10px; 0 0;
}
.product-price-qty {
padding:3px 10px; 0 0;
}

.pricel .product-pricelist table{
width: 100%;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background:#f9f9f9;
vertical-align: top;
}

ul.product-documents li{
background:none;
padding:3px;
border-bottom:1px solid #e1e1e1;
}

ul.product-experiments li{
background:none;
padding:3px;
border-bottom:1px solid #e1e1e1;
}

.product-facebook{
padding:3px;
}

.pricel .product-pricelist li{
background:none;
padding:3px;
border-bottom:1px solid #e1e1e1;
}

.pricel .product-pricelist tr:nth-child(even) {
background-color:#f6f6f6;
}

.pricel .product-pricelist tr:hover{
background:#fff;
}

.item_url .item_price a, .item_url a:visited, .item_url a:hover{
color:#000;
text-decoration:none;
}

.pricel .product-pricebutton{
background:#eee url('../img/header-back.png') repeat;
border:1px solid #ddd;
padding:2px 0px 2px 0px;
color:#777;
font-weight:700;
font-size:16px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}

.pricel .product-qty{
font-weight:700;
}
.pricel .product-price{
padding:2px 0px 2px 0px;
}

.product-sidebar-header{
padding:15px 0px 0px 0px;
}

.product-facebook{
height: 24px;
width: 300px;
}

.product-images-small{
width:50px;
}

.product-image-main{
width:200px;
}

.simpleCart_shelfItem{
position: relative;
}

.productOverlay{
position: absolute;
width: 100%;
top:50px;
left:0px;
}

.item-productid{
display:none;
}
.item_productId{
display:none;
}
.item-quantity{
text-align:center;
}
.item-increment{
text-align: left;
width: 10px;
}
a.simpleCart_decrement, a.simpleCart_decrement:visited, a.simpleCart_decrement:hover{
color:black !important;
}
a.simpleCart_increment, a.simpleCart_decrement:visited, a.simpleCart_decrement:hover{
color:black !important;
}
/* byb cart */

.bybcart{
padding:5px 10px;
background:#eee url('../img/header-back.png') repeat;
border:1px solid #ddd;
border-radius:10px;
box-shadow:inset 0px 0px 3px #eee;
}

.bybcart h3{
text-align:center;
}

.bybcart-page{
width:450px;
margin:40px auto;
background:#fff;
padding:20px 10px;
border-radius:10px;
box-shadow:0px 0px 3px #aaa;
}

.bybcart .lregister{
text-align:center;
}

.bybcart .form{
margin-top:30px;
}



/* Feature alt */

.usercase{
width:280px;
height:280px;
margin:10px auto;
background:#eee url("../img/header-back.png") repeat;
border-radius:300px;
border:5px solid #fff;
box-shadow:0px 0px 3px #aaa;
text-align:center;
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
}

.usercase:hover{
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
border:5px solid #FF9E00;
}

.usercasematter{
width:80%;
margin:10px auto;
padding-top:15px;
line-height:19px;
font-size:13px;
color:#666;
}

.usercasematter i{
font-size:40px;
width:40px;
margin-bottom:12px;
color:#FF9E00;
}

/* diyslider For DIY Instructions */

.diylist {
     height:370px;
     width:758px;
     margin:30px auto;
}

.diyslider {
     float:left;
     left: -5000px;
     margin:5px;
     position:relative;
     visibility:hidden;
}

.diyslider ul {
	 clear: none;
     height:370px;
     width:654px;
}

.diyslider ul li {
     padding:0 5px;
}

.diyslider ul li img {
     cursor:pointer;
     height:366px;
     padding-top:3px;
     width:650px;
}

.diyprev {
     cursor:pointer;
     float:left;
     padding-top:120px;
}

.diynext {
     cursor:pointer;
     float:right;
     padding-top:120px;
}


/* Responsive */

@media (max-width: 480px){

  .bybcart-page{
    width: 100%;
    padding: 5px 0px 10px 0px;
  }

  .bybcart-page h3{
    font-size: 18px;
    line-height: 25px;
  }

  .bybcart-page .button{
    display: block;
  }

  .simpleCart_items tr>th{
    display: none;
  }

  .simpleCart_items tr{
    display: block;
  }

  .simpleCart_items td{
    display: block;
    float: left;
    width: 47.3%;
    padding-left: 50% !important;
    position: relative;
  }

  .simpleCart_items td:nth-of-type(7){
    margin-bottom: 15px !important;
    border-bottom: 3px solid #eee;
  }

  .simpleCart_items td:before{
    position: absolute;
    left: 0px;
    padding-left: 15px;
    width: 45.3%;
    font-weight: bold;
    white-space: nowrap;
  }

  .simpleCart_items td:nth-of-type(1):before {
    content: "Name";
  }

  .simpleCart_items td:nth-of-type(2):before {
    content: "Price";
  }

  .simpleCart_items td:nth-of-type(4):before {
    content: "Qty";
  }

  .simpleCart_items td:nth-of-type(6):before {
    content: "SubTotal";
  }

  .simpleCart_items td:nth-of-type(7):before {
    content: "Remove";
  }

  .simpleCart_items td:nth-of-type(8) {
    display:none;
  }

}

@media (max-width: 767px){

}

@media (min-width: 768px) and (max-width: 979px){

}

@media (max-width: 979px){

}
