.prod-variants {
    background: #a2a0a0;
    font: 14px/18px 'Titillium Web', sans-serif;
    color: #1e1e1e;
}

.prod-variants th {
    background: #2a2a2a;
    border-right: transparent;
    color: #fff;
    font: 13px/20px 'Titillium Web', Sans-Serif;
    padding: 5px 10px;
    text-align: left;
    text-shadow: -1px -1px 0px #333;
    text-transform: none;
    white-space: nowrap;
    text-transform: uppercase;
}


.prod-variants td {
    line-height: 30px;
    padding: 5px;
    white-space: nowrap;
}

.prod-variants tr.even td {
    background: #edf7f8;
}

.prod-variants tr.odd td {
    background: #c7e7e6;
}

 .prod-variants input[type="text"] {
	border: 2px solid #006466;
	padding: 5px;
	height: 12px;
	width: 31px;
	line-height: 12px;
	box-shadow: 0 0 0 transparent;
	border: none;
}

.prod-variants .plus_button {
    display: none;
}

.similar-product-container {
    /*background: red;*/
    display: block;
    padding: 15px 0 0 0;
    width: 450px;
}

/* ============================================ */
/* ===== PRODUCT FILTER ELEMENTS & STYLES ===== */
/* ============================================ */

#filters-container {
    background: #FFF;
    border: 1px solid #555555;
    box-shadow: 0px 0px 5px #999999;
    display: block;
    float: left;
    font: 12px/24px 'Helvetica-Regular', Helvetica, Sans-Serif;
    height: auto;
    margin: 10px 0 0 0;
    padding: 20px;
    width: 638px;
    -moz-box-shadow: 0px 0px 5px #999999;
    -webkit-box-shadow: 0px 0px 5px #999999;
}

#filters-container #filters {
    height: auto;
    position: relative;
}

#filters-container #filters tbody tr {
    display: table-row;
    height: 40px;
    margin: 0 0 10px 0;
    padding: 0;
    width: 630px;
}

#filters-container #filters tbody tr td {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#filters-container #filters tbody tr td.small-column {
    margin: 0 10px 0 0;
    padding: 0;
    width: 75px;
}

#filters-container #filters tbody tr td.large-column {
    margin: 0 45px 0 0;
    padding: 0;
    text-align: left;
    width: 210px;
}

#filters-container #filters tbody tr td.large-column.last {
    margin: 0;
}

#filters-container #filters tbody tr td input[type="text"] {
    width: 202px;
}

#filters-container #filter-btn {
    background: #f300b2;
    border: none;
    border-radius: 10px;
    color: #FFF;
    display: block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    height: 17px;
    margin: 0;
    padding: 0 15px;
    position: absolute; bottom: 0; right: 5px;
    text-transform: uppercase;
}

/* ====================================== */
/* ===== CATEGORY BROWSE PAGE TOOLS ===== */
/* ====================================== */

.page-tools-container {
    background: transparent;
    display: block;
    margin: 30px 0;
    padding: 5px;
    position: relative;
    width: 670px;
}

.page-tools-container.before {
    height: 20px;
}

.page-tools-container.after {
    height: 75px;
    margin: 0 0 40px 0;
}

.layout-toggle {
    background: transparent;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
}

.layout-heading {
    display: inline-block;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    width: 200px;
    color:white;
}

.grid-trigger img {
	height:200%;
	width:auto;
}
.grid-trigger {
    background: url(../img/ui/grid-icon.png) 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 11px;
    margin: 6px 10px 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 20px;
}

a.grid-trigger:hover {
    background: url(../img/ui/grid-icon.png) 0 -11px no-repeat;
}

a.grid-trigger.active {
    background: url(../img/ui/grid-icon.png) 0 -11px no-repeat;
}

.list-trigger {
    background: url(../img/ui/list-icon.png) 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 11px;
    margin: 6px 0 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 20px;
}

a.list-trigger:hover {
    background: url(../img/ui/list-icon.png) 0 -11px no-repeat;
}

a.list-trigger.active {
    background: url(../img/ui/list-icon.png) 0 -11px no-repeat;
}

.pagination-container {
    background: transparent;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6px;
    right: 5px;
}

/*
.checkout-btn, a.checkout-btn:link,a.checkout-btn:active,a.checkout-btn:visited  {
    background: #f300b2;
    border: none;
    border-radius: 10px;
    color: #FFF;
    display: block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    height: 17px;
    margin: 0;
    padding: 0 15px;
    text-transform: uppercase;
}
*/

/*
.checkout-btn:hover {
    background: #3A3A3A;
    color: #FFF;
}
*/

.page-tools-container.before .checkout-container {
    position: absolute;
    top: 2px;
    right: 5px;
}

#main-content .page-tools-container .checkout-container a {
	font: 12px/25px 'Helvetica-Bold', Sans-Serif!important;
	}

.page-tools-container .checkout-container input.mass_add_to_cart,
.page-tools-container .checkout-container a.checkout-btn {
	background: -moz-linear-gradient(top, #28A2A2 0%, #0D5C5C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28A2A2), color-stop(100%, #0D5C5C));
    background: -webkit-linear-gradient(top, #28A2A2 0%, #0D5C5C 100%);
    background: -o-linear-gradient(top, #28A2A2 0%, #0D5C5C 100%);
    background: -ms-linear-gradient(top, #28A2A2 0%, #0D5C5C 100%);
    background: linear-gradient(top, #28A2A2 0%, #0D5C5C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#28A2A2', endColorstr = '#0D5C5C', GradientType = 0);
    border: 1px solid #003A3A;
    border-radius: 3px;
    color: #FFF;
	display: inline-block;
	float: left;
	font: 12px/25px 'Helvetica-Bold', Sans-Serif;
	margin: 0 0 0 10px;
	padding: 0 15px;
	}
.page-tools-container .checkout-container input.mass_add_to_cart:hover,
.page-tools-container .checkout-container a.checkout-btn:hover {
	border: 1px solid #005353
	}

.page-tools-container .checkout-container input.mass_add_to_cart:active,
.page-tools-container .checkout-container a.checkout-btn:active {
	box-shadow: inset 0 1px 5px #002424;
	-moz-box-shadow: inset 0 1px 5px #002424;
	-webkit-box-shadow: inset 0 1px 5px #002424;
	}

.page-tools-container .checkout-container input.mass_add_to_cart {
	height: 27px;
	}

.page-tools-container .checkout-container a.checkout-btn {
	height: 25px;
	}

.page-tools-container.after .checkout-container {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/* ========================================== */
/* ===== PRODUCT LIST ELEMENTS & STYLES ===== */
/* ========================================== */

.global-list-container,
.global-grid-container {
    display: none;
    float: left;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 680px;
}

.product_row {
       background: #111215;
    
    background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #17181c 0%, #111215 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#111215)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #17181c 0%,#111215 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #17181c 0%,#111215 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #17181c 0%,#111215 100%); /* IE10+ */
background: linear-gradient(to bottom, #17181c 0%,#111215 100%); /* W3C */
border-top:1px solid rgba(202,202,202,0.2);
border-right:1px solid rgba(202,202,202,0.05);
border-bottom:1px solid rgba(65,62,62,0.2);
border-left:1px solid rgba(65,62,62,0.2);
    border-style: solid;
    border-width: 1px;
    display: block;
    height: auto;
    /*min-height: 100px;*/
    margin: 0 0 5px 0;
    padding: 5px;
    position: relative;
    width: 668px;
}

.products_table .product_row.even {
    background: #FFF;
}

.products_table .product_row.odd {
    background: #FFF;
}

.product-thumb {
    display: block;
    float: left;
    /*height: 100px;*/
    margin: 0 10px 0 0;
	position: relative;
    text-align: center;
    width: 75px;
}

.product-thumb a {
	display: inline-block;
	position: relative;
}

.product-thumb img{
    margin: 5px 0 0;
}

/*img.list-thumb {*/
    /*height: auto;*/
    /*max-height: 100px;*/
    /*max-width: 75px;*/
    /*width: auto;*/
/*}*/

.list-info-container {
    background: transparent;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    min-height: 80px;
    padding: 0;
    position: relative;
    width: 575px;
    color:#bbb7b7;
    font-family:'Titillium Web';
    font-weight: 200;
    font-size: 13px;

}

.list-info-container b {
    font-family: 'Helvetica-Bold', Helvetica, Sans-Serif;
}

.product-info-row {
    background: transparent;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 0 2px 0;
    padding: 0;
    width: 575px;
}

.list-info-container span {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.variant-main-info {
    width: 275px;
}

.variant-pricing {
    width: 115px;
}

.variant-pricing .msrp{
  color: #cc0011;
  font-weight: normal;
  text-decoration: line-through;
}

.variant-stock {
    width: 60px;
}


/* ========================================== */
/* ===== PRODUCT GRID ELEMENTS & STYLES ===== */
/* ========================================== */

.grid-item-container {
        background: #111215;
    
    background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #17181c 0%, #111215 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#111215)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #17181c 0%,#111215 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #17181c 0%,#111215 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #17181c 0%,#111215 100%); /* IE10+ */
background: linear-gradient(to bottom, #17181c 0%,#111215 100%); /* W3C */
border-top:1px solid rgba(202,202,202,0.2);
border-right:1px solid rgba(202,202,202,0.05);
border-bottom:1px solid rgba(65,62,62,0.2);
border-left:1px solid rgba(65,62,62,0.2);
    border-style: solid;
    border-width: 1px;
    color: #3A3A3A;
    display: block;
    float: left;
    height: 195px;
    margin: 0 10px 10px 0;
    padding: 10px;
    position: relative;
    width: 106px;
}

.grid-item-hover {
    background: #000;
    display: block;
    height: 195px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 106px;
    z-index: 10;
}

.hover-container {
    display: block;
    height: 195px;
    position: relative;
    width: 106px;
}

.hover-container a{
 display:block;
 height:89%;
 width:100%;
}

.tooltip-container {
	background: #1A1A1A;
	border: 1px solid #555;
	border-radius: 3px;
	color: #FFF;
	display: none;
	font: 12px/20px 'Helvetica-Medium-Italic', Sans-Serif;
	height: auto;
	margin: 113px 0 0 0;
	min-height: 50px;
	min-width: 130px;
	max-width: 250px;
	padding: 10px;
	position: absolute;
	z-index: 1000;
	}

.tooltip-container:after, .tooltip-container:before {
	border: solid transparent;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
	}

.tooltip-container:after {
	border-top-color: #1A1A1A;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
	}

.tooltip-container:before {
	border-top-color: #1A1A1A;
	border-width: 11px;
	left: 50%;
	margin: 0 0 0 -11px;
	}

.last {
    margin: 0 0 10px 0;
}

.grid-item-info {
    background: transparent;
    display: none;
    height: 197px;
    margin: -1px 0 0 -1px;
    padding: 0;
    position: relative;
    width: 110px;
}

.grid-item {
       background: #2e2f2f; /* Old browsers */
background: -moz-linear-gradient(top, #17181c 0%, #111215 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#111215)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #17181c 0%,#111215 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #17181c 0%,#111215 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #17181c 0%,#111215 100%); /* IE10+ */
background: linear-gradient(to bottom, #17181c 0%,#111215 100%); /* W3C */
    display: block;
    height: 150px;
    margin: 0;
    padding: 0;
    width: 110px;
    position: relative;
}

.grid-item-link {

	}

.grid-item img.grid-item-img {
	display: block;
	max-width: 108px;
	max-height: 143px;
	margin:0 auto;
}

.grid-button {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 15;
}

/* ==================================== */
/* ===== BUTTON ELEMENTS & STYLES ===== */
/* ==================================== */

.list-button {
    background: #f300b2;
    border: none;
    border-radius: 10px;
    color: #FFF;
    display: block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    height: 17px;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 1px;
    text-transform: uppercase;
    }

.list-variant-buttons {
    background: transparent;
    display: block;
    float: right;
    position: relative;
    text-align: right;
    width: 125px;
    }

.list-variant-buttons form {
    bottom: 0;
    display: block;
    height: 17px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: auto;

    }

.list-variant-buttons form img.plus_button {
    display: none;
}

.list-variant-buttons form a {
    background: url(../img/ui/plus-icon.png) #fb03b8 no-repeat 5px 4px;
    display: inline-block;
    height: 17px;
    margin: -1px 10px 0 0;
    padding: 0;
    position: absolute;
    bottom: 1px;
    right: 40px;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 20px;
    display: none;
}

.list-variant-buttons form input {
    display: inline-block;
    height: 17px;
    margin: 0;
    min-width: 100px;
    border-radius:10px;
    }

.list-variant-buttons form input[name="qty"] {

    border: 1px solid #f300b2;
    display: inline-block;
    font: 12px/13px 'Helvetica-Regular', Helvetica, Sans-Serif;
    height: 11px;
    margin: 0;
    padding: 3px 2px 1px 2px;
    position: absolute;
    bottom: 1px;
    right: 70px;
    text-align: center;
    width: 26px;
    
    display: none
    
    
}


.list-variant-buttons form .add_to_wishlist {
    background: #f300b2;
    border: none;
    border-radius: 10px;
    color: #FFF;
    display: inline-block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    height: 17px;
    margin: 0 0 0 5px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 1px;
    text-transform: uppercase;
}

.add_to_cart {
    background: #fb03b8;
    border: none;
    border-radius: 10px;
    color: #FFF;
    display: inline-block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    margin: 0 0 0 5px;
    padding: 0 10px;
    /*position: absolute;
    bottom: 1px;
    right: 0;*/
    text-transform: uppercase;
    }
.vbox-variant-buttons {position: relative;}

.grid-button .add_to_wishlist {
	background: #f300b2;
	border: none;
    border-radius: 10px;
    color: #FFF;
    display: block;
    font: 12px/17px 'Helvetica-Bold', Helvetica, Sans-Serif;
    height: 17px;
    margin: 0;
    text-transform: uppercase;
}

.grid-button{}

span.grid-button {

	margin-top: 5px;
}

.grid-wishlist {
    margin: 0 0 0 -60px;
    position: absolute; left: 50%;
}

.grid-button.grid-buy, .grid-button.grid-preorder {
    background: #28a2a2;
    background: -moz-linear-gradient(top,  #28a2a2 0%, #0e5c5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28a2a2), color-stop(100%,#0e5c5c));
    background: -webkit-linear-gradient(top,  #28a2a2 0%,#0e5c5c 100%);
    background: -o-linear-gradient(top,  #28a2a2 0%,#0e5c5c 100%);
    background: -ms-linear-gradient(top,  #28a2a2 0%,#0e5c5c 100%);
    background: linear-gradient(top,  #28a2a2 0%,#0e5c5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a2a2', endColorstr='#0e5c5c',GradientType=0 );
    }
    
.grid-button.grid-buy:hover{
    background:#28a2a2;
    }

.product-details-wishlist {
    position:relative;
    width:108px;
}

#noProd {
	min-height:500px; 
	width:680px;
}

p.no-product {color:#ccc; margin:50px auto; display: block; width:600px; font-size: 13px;}