/*

*

* CSS for Picon-Pieces. Built on the default theme for OpenCart.

*

* Section 1: Default OpenCart Styles

* Section 2: Styles Specific to Picon Pieces

* Section 3: Language Specific Styles

* Section 4: Media Queries

*

*/



/* =======================================



	Section 1: Default OpenCart Styles



======================================= */



html {

	overflow-y: scroll;

	margin: 0;

	padding: 0;

}

body {

	background-color: #ffffff;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px;

}

body, td, th, input, textarea, select, a {

	font-size: 12px;

}

h1, .welcome {

	color: #636E75;

	font: Verdana;

	margin-top: 0px;

	margin-bottom: 20px;

	font-size: 28px;

	font-weight: normal;

	text-shadow: 0 0 1px rgba(0, 0, 0, .01);

}

h2 {

	color: #000000;

	font-size: 16px;

	margin-top: 0px;

	margin-bottom: 5px;

}

p {

	margin-top: 0px;

	margin-bottom: 20px;

}

a, a:visited, a b {

	text-decoration: underline;

	cursor: pointer;

}

a:hover {

	text-decoration: none;

}

a img {

	border: none;

}

img {

	max-width: 100%;

}

form {

	padding: 0;

	margin: 0;

	display: inline;

}

input[type='text'], input[type='password'], textarea {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	padding: 3px;

	margin-left: 0px;

	margin-right: 0px;

}

select {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	padding: 2px;

}

select[name="category_id"] {

	width: 100%;

	margin: 10px 0;

}

@-moz-document url-prefix(){

  .styled-select{

  	width:100%;

  	overflow:hidden;

  	border-radius:3px;

  }

  .styled-select select{

	width:100% !important;

	max-width:100% !important;

  }

}

label {

	cursor: pointer;

}

.holiday-marker {

	background: rgba(0, 0, 0, 0.75);

	color: #fff;

	text-align: center;

	padding: 24% 20%;

	position: absolute;

	z-index: 999;

	height: 100%;

	width: 100%;

}

.holiday-marker span {

	color: #dd9931;

	text-decoration: underline;

	float: right;

	margin-right: -130px;

	margin-top: -30px;

	cursor: pointer;

	position: relative;

	z-index: 999;

	display: block;

}

.print_reveal{

	display:none;

}



#tax-id-display{

	transition:all .5s linear;

	background:#f8f8f8;

}

#tax-id-display.highlight_new{

	background:rgb(250,100,100);

}

/* layout */

.container {

	max-width: 1200px;

	margin: 0 auto;

	text-align: left;

	clear: both;

	overflow: visible;

}

#column-left {

	float: left;

	width: 180px;

}

#column-right {

	float: right;

	width: 180px;

}

#content {

	min-height: 550px;

	margin-bottom: 25px;

}

#column-left + #column-right + #content, #column-left + #content {

	margin-left: 195px;

}

#column-right + #content {

	margin-right: 195px;

}

/* header */

#header {

	padding: 20px 0;

	clear: both;

	overflow: hidden;

}

#header form {

	display: block;

}

#header #logo img {

	display: block;

	margin: 0 auto;

}

#header #language {

	width: 100%;

	text-align: center;

	color: #FFFFFF;

	font-size: 12px;

	margin-bottom: 10px;

}

#header #language img {

    display: inline-block;

    padding: 0 5px;

    cursor: pointer;

}

#header #language .title,

#header #welcome span {

    display: block;

	padding: 5px 0;

	line-height: 20px;

}

#header #welcome {

	text-align: center;

	color: #FFFFFF;

	margin-bottom: 20px;

}

#header #welcome .welcome-buttons {

	font-size: 12px;

}

#header #welcome .welcome-buttons a {

	display: block;

	padding: 10px 15px;

	background: #efa73a;

	border: 1px solid #fff;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	transition: all 1s cubic-bezier(0.215,  0.610, 0.355, 1.000);

}

#header #welcome .welcome-buttons a,

#header #welcome .welcome-buttons span {

	display: inline-block;

	width: auto;

}

#header #welcome .welcome-buttons span {

    padding: 0 5px;

}

#header #welcome .welcome-buttons a:hover,

#header #welcome .welcome-buttons a:active,

#header #welcome .welcome-buttons a:focus {

	background: #BF852E;

}

#header #cart {

	width: 100%;

	clear: both;

	overflow: visible;

}

#header #cart .heading,

#header #search .search-container {

	margin: 0 auto;

	padding: 10px;

	background: #242424;

	color: #fff;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	max-height: 50px;

	max-width: 150px;

	clear: both;

	overflow: hidden;

}

#header #search .search-container {

	max-width: 100%;

}

#header #search .search-expand {

	float: left;

	width: 0;

	max-width: 85%;

	overflow: hidden;

	transition: width 0.3s ease-in-out;

}

#header #cart .heading a {

	color: #fff;

	text-decoration: none;

	text-align: right;

}

#header #cart .heading h4 {

	color: #333333;

	font-size: 15px;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 3px;

}

#header #cart .content {

	display: none;

	padding: 10px;

	border: 1px solid #EEEEEE;

	background: #242424;

	color: #fff;

	text-align: center;

}

#header #cart .content a {

	color: #fff;

}

#header #cart.active .content {

	display: block;

}

#header #cart .checkout {

	text-align: right;

	clear: both;

}

#currency {

	color: #999;

}

#currency a {

	display: inline-block;

	padding: 2px 4px;

	border: 1px solid #CCC;

	color: #999;

	text-decoration: none;

	margin-right: 2px;

	margin-bottom: 2px;

}

#currency a b {

	color: #000;

	text-decoration: none;

}

.mini-cart-info table {

	border-collapse: collapse;

	width: 100%;

	margin-bottom: 5px;

}

.mini-cart-info td {

	color: #fff;

	vertical-align: top;

	padding: 10px 5px;

	border-bottom: 1px solid #EEEEEE;

}

.mini-cart-info .image {

	display: none;

}

.mini-cart-info .image img {

	border: 1px solid #EEEEEE;

	text-align: left;

}

.mini-cart-info .name small {

	color: #fff;

}

.mini-cart-info .quantity {

	text-align: right;

}

.mini-cart-info td.total {

	text-align: right;

}

.mini-cart-info .remove {

	text-align: right;

}

.mini-cart-info .remove img {

	cursor: pointer;

}

.mini-cart-total {

	text-align: right;

}

.mini-cart-total table {

	border-collapse: collapse;

	display: inline-block;

	margin-bottom: 5px;

}

.mini-cart-total td {

	color: #fff;

	padding: 4px;

}

#header #search {

	margin-bottom: 20px;

}

#header #search input {

	float: left;

	width: 78%;

	height: 30px;

	text-align: left;

	transition: all 0.3s ease-in-out;

}

#header #search select {

	float: left;

	width: 20%;

	margin-right: 2%;

	height: 30px;

}

#header #search input[type="image"] {

	width: 15%;

	display: block;

    float: none;

    margin: 0 auto;

	height: 30px;

	transition: all 0.3s ease-in-out;

}

#header #search .search-container.active .search-expand {

	width: 85%;

}

#header #search .search-container.active input[type="image"] {

	float: left;

}

#header .links {

	font-size: 10px;

	padding-right: 10px;

}

#header .links a {

	float: left;

	display: block;

	padding: 0px 0px 0px 7px;

	color: #38B0E3;

	text-decoration: none;

	font-size: 12px;

}

#header .links a + a {

	margin-left: 8px;

	border-left: 1px solid #CCC;

}

#content.search > h1 {

    margin-top: 20px;

}

.background-wrap {

	clear: both;

	overflow: hidden;

	padding: 0;

}

.phome .background-wrap {

	padding: 10px 0;

}

.home-filters {

	background: url('../image/filter-bg.png') no-repeat;

	background-size: 100%;

	padding: 15px 10px;

	max-width: 600px;

	margin: 0 auto;

}

.home-filters h2 {

	margin-bottom: 5px;

	font-weight: normal;

	font-size: 24px;

	color: #fdca7c;

}

.home-filters .car-filters {

	width: 100%;

	padding: 10px;

	margin-bottom: 10px;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: url('../image/new-arrow.jpg') no-repeat;

	background-position: 99% center!important;

	background-color: #FFFFFF;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	color: #8e8e8e;

}

.home-filters .go-home {

	width: 100%;

	padding: 10px 5px;

	background: #72a930;

	border: 1px solid #9cc36e;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	font-size: 16px;

	color: #fff;

	cursor: pointer;

}

/* menu */

#menu {

	background: #585858;

	border-bottom: 1px solid #000000;

	height: 37px;

	margin-bottom: 15px;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow: 0px 2px 2px #DDDDDD;

	-moz-box-shadow: 0px 2px 2px #DDDDDD;

	box-shadow: 0px 2px 2px #DDDDDD;

	padding: 0px 5px;

}

#menu ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#menu > ul > li {

	position: relative;

	float: left;

	z-index: 20;

	padding: 6px 5px 5px 0px;

}

#menu > ul > li > a {

	font-size: 13px;

	color: #FFF;

	line-height: 14px;

	text-decoration: none;

	display: block;

	padding: 6px 10px 6px 10px;

	margin-bottom: 5px;

	z-index: 6;

	position: relative;

}

#menu > ul > li:hover > a {

	background: #000000;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

}

#menu > ul > li > div {

	display: none;

	background: #FFFFFF;

	position: absolute;

	z-index: 5;

	padding: 5px;

	border: 1px solid #000000;

	-webkit-border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-khtml-border-radius: 0px 0px 5px 5px;

	border-radius: 0px 0px 5px 5px;

	background: url('../image/menu.png');

}

#menu > ul > li:hover > div {

	display: table;

}

#menu > ul > li > div > ul {

	display: table-cell;

}

#menu > ul > li ul + ul {

	padding-left: 20px;

}

#menu > ul > li ul > li > a {

	text-decoration: none;

	padding: 4px;

	color: #FFFFFF;

	display: block;

	white-space: nowrap;

	min-width: 120px;

}

#menu > ul > li ul > li > a:hover {

	background: #000000;

}

#menu > ul > li > div > ul > li > a {

	color: #FFFFFF;

}

.breadcrumb {

	color: #000;

	padding: 10px;

	font-size: 14px;

	font-weight: bold;

}

.breadcrumb a {

	color: #000;

	font-size: 14px;

	text-decoration: none;

}

#content .breadcrumb {

	padding: 10px 0;

}

#notification, .warning-notifications {

    background: url("../image/inner-bg.jpg");

    background-position: top left;

}

#notification .container > *,

.warning-notifications .container > * {

	margin: 0;

}

.success, .warning, .attention, .information {

	padding: 10px 10px 10px 33px;

	margin-bottom: 15px;

	color: #555555;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.success {

	background: #BCE980 url('../image/success.png') 10px center no-repeat;

	border: 1px solid #739942;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.warning {

	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;

	border: 1px solid #F8ACAC;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.attention {

	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;

	border: 1px solid #F2DD8C;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.success .close, .warning .close, .attention .close, .information .close {

	float: right;

	padding-top: 4px;

	padding-right: 4px;

	cursor: pointer;

}

.required {

	color: #FF0000;

	font-weight: bold;

}

.error {

	display: block;

	color: #FF0000;

}

.help {

	color: #999;

	font-size: 10px;

	font-weight: normal;

	font-family: Verdana, Geneva, sans-serif;

	display: block;

}

table.form {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 20px;

}

table.form tr td:first-child {

	width: 150px;

}

table.form > * > * > td {

	color: #000000;

}

table.form td {

	padding: 4px;

}

input.large-field, select.large-field {

	width: 300px;

}

table.list {

	border-collapse: collapse;

	width: 99%;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

table.list td {

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

}

table.list thead td {

	background-color: #EFEFEF;

	padding: 0px 5px;

}

table.list thead td a, .list thead td {

	text-decoration: none;

	color: #222222;

	font-weight: bold;

}

table.list tbody td {

	padding: 0px 5px;

}

table.list .left {

	text-align: left;

	padding: 7px;

}

table.list .right {

	text-align: right;

	padding: 7px;

}

table.list .center {

	text-align: center;

	padding: 7px;

}

table.radio {

	width: 100%;

	border-collapse: collapse;

}

table.radio td {

	padding: 5px;

}

table.radio td label {

	display: block;

}

table.radio tr td:first-child {

	width: 1px;

}

table.radio tr td:first-child input {

	margin-top: 1px;

}

table.radio tr.highlight:hover td {

	background: #F1FFDD;

	cursor: pointer;

}

.pagination {

	border-top: 1px solid #EEEEEE;

	padding-top: 8px;

	display: inline-block;

	width: 100%;

	margin-bottom: 10px;

}

.pagination .links {

	float: left;

}

.pagination .links a {

	display: inline-block;

	border: 1px solid #EEEEEE;

	padding: 4px 10px;

	text-decoration: none;

	color: #A3A3A3;

}

.pagination .links b {

	display: inline-block;

	border: 1px solid #269BC6;

	padding: 4px 10px;

	font-weight: normal;

	text-decoration: none;

	color: #269BC6;

	background: #FFFFFF;

}

.pagination .results {

	float: right;

	padding-top: 3px;

}

/* button */

a.button, input.button {

	cursor: pointer;

	color: #FFF;

	line-height: 12px;

	font-size: 11px;

	background: #72A930;

}

a.button.button-secondary, input.button.button-secondary {

	background: #EEEEEE;

	color: #343434;

}

a.button {

	display: inline-block;

	text-decoration: none;

	padding: 6px 12px 6px 12px;

}

input.button {

	margin: 0;

	border: 0;

	height: 24px;

	padding: 0px 16px;

}

a.button:hover, input.button:hover {

	background-position: 0px -24px;

}

.buttons {

	background: #FFFFFF;

	border: 1px solid #EEEEEE;

	overflow: auto;

	padding: 6px;

	margin-bottom: 20px;

}

.buttons .left {

	float: left;

	text-align: left;

}

.buttons .right {

	float: right;

	text-align: right;

}

.buttons .center {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

.htabs {

	height: 31px;

	line-height: 16px;

	border-bottom: 1px solid #DDDDDD;

}

.htabs a {

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	background: #FFFFFF url('../image/tab.png') repeat-x;

	padding: 7px 15px 6px 15px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #000000;

	margin-right: 2px;

	display: none;

}

.htabs a.selected {

	padding-bottom: 7px;

	background: #FFFFFF;

}

.tab-content {

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	padding: 10px;

	margin-bottom: 20px;

	z-index: 2;

	overflow: auto;

	background: #fff;

}

/* box */

.box {

	margin-bottom: 20px;

}

.category-page .box .box-content {

	display: block!important;

}

.box .box-content {

	display: none;

	background: #f1f2f2;

	border-left: 1px solid #dfe1e3;

	border-right: 1px solid #dfe1e3;

	border-bottom: 1px solid #dfe1e3;

	padding: 10px;

	width: 100%;

	clear: both;

	overflow: hidden;

}

.box .box-content ul {

    padding-left: 0;

    margin-top: 0;

}

/* box products */

.featured .item {

	width: 150px;

	margin: 0 10px 20px;

	text-align: center;

}

.box-product {

	width: 100%;

	overflow: auto;

}

.box-product > div {

	width: 130px;

	display: inline-block;

	vertical-align: top;

	margin-right: 20px;

	margin-bottom: 20px;

}

#column-left + #column-right + #content .box-product > div {

	width: 119px;

}

.box-product .image {

	display: block;

	margin-bottom: 0px;

}

.box-product .image img {

	padding: 3px;

	border: 1px solid #E7E7E7;

}

.box-product .name a {

	color: #38B0E3;

	font-weight: bold;

	text-decoration: none;

	display: block;

	margin-bottom: 4px;

}

.box-product .price {

	display: block;

	font-weight: bold;

	color: #333333;

	margin-bottom: 4px;

}

.box-product .price-old {

	color: #F00;

	text-decoration: line-through;

}

.box-product .price-new {

	font-weight: bold;

}

.box-product .rating {

	display: block;

	margin-bottom: 4px;

}

/* box category */

ul.box-category, ul.box-category ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

ul.box-category > li {

	padding: 8px 8px 8px 0px;

}

ul.box-category > li + li {

	border-top: 1px solid #EEEEEE;

}

ul.box-category > li > a {

	text-decoration: none;

	color: #333 !important;

}

ul.box-category > li ul {

	display: none;

}

ul.box-category > li a.active {

	font-weight: bold;

}

ul.box-category > li a.active + ul {

	display: block;

}

ul.box-category > li ul > li > a {

	text-decoration: none;

	display: block;

}

ul.box-category > li ul > li > a.active {

	font-weight: bold;

}

/* box filter */

ul.box-filter, ul.box-filter ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

ul.box-filter span {

	font-weight: bold;

	border-bottom: 1px solid #EEEEEE;

	display: block;

	padding-bottom: 5px;

	margin-bottom: 8px;

}

ul.box-filter > li ul {

	padding-bottom: 10px;

}

/* content */

#content .content {

	padding: 10px;

	overflow: auto;

	margin-bottom: 20px;

	border: 1px solid #EEEEEE;

}

#content .content .left {

	float: left;

	width: 49%;

}

#content .content .right {

	float: right;

	width: 49%;

}

/* category */

.category-info {

	overflow: auto;

	margin-bottom: 20px;

}

.category-info h2{

	font-size:24px;

}

.category-info .image {

	float: left;

	padding: 5px;

	margin-right: 15px;

	border: 1px solid #E7E7E7;

}

.category-list {

	overflow: auto;

	margin-bottom: 20px;

}

.category-list ul {

	float: left;

	width: 100%;

	padding: 0;

}

.category-list ul li {

	float: none;

	list-style: none;

	width: 100%;

	max-width: 200px;

	margin: 0 auto;

	margin-bottom: 40px;

	text-align: center;

}

.category-list ul li a{

	font-weight:600;

	font-size:14px;

	text-decoration:none;

	color: #000;

}

.category-list ul li img {

	width: 100%;

	display: block;

}

.category-list .image {

	padding: 10px;

	background: #FFF;

	border: 1px solid rgba(0,0,0,0.2);

	margin-bottom: 10px;

}

.category-list .image img {

	width: 180px;

	height: 180px;

	margin: 0 auto;

}

.view-options {

	float: left;

}

.view-options p {

	margin: 0;

}

.view-options span {

    cursor: pointer;

	transition: opacity 0.4s cubic-bezier(0.215,  0.610, 0.355, 1.000);

}

.view-options span:hover {

    opacity: 0.8;

	text-decoration: underline;

}

.view-options span.active {

	font-weight: bold;

}

/* CATEGORY GRID STYLES */

.product-list > div .product-left {

	margin-bottom: 20px;

}

.product-list > div .product-right {

	overflow: hidden;

}

.product-list > div .product-left,

.product-list > div .product-right,

.product-list > div .wishlist {

    clear: both;

    float: none;

    width: 100%;

}

.product-list .wishlist {

    background: white;

    border: 1px solid rgba(0,0,0,0.2);

    text-align: center;

}

.product-list.grid .wishlist {

	max-width: 117px;

	margin: 0 auto;

}

.product-list > div .image {

    float: none;

    margin: 0 auto;

	margin-bottom: 20px;

}

/* .product-list > div .image a {

    width: 50%;

} */

.product-list > div .image a,

.product-list > div .image a img {

    display: block;

    margin: 0 auto;

}

.product-list > div .name {

	margin-bottom: 10px;

}

.product-list > div .name,

.product-list > div .model_number,

.product-list > div .stock_cat,

.product-list > div .description,

.product-list > div .price {

	text-align: center;



}

.product-list > div .price {

	margin-bottom: 10px;

}

.product-list > div .price .price-tax,

.product-list > div .price .price-inc {

	float: none;

	text-align: center;

}

.product-list > div .button {

	display: block;

	margin: 0 auto;

}

.product-list > div .cart {

	display: block;

	float: none;

	margin-bottom: 5px;

}

.product-list > div .wishlist a:before {

	background: none;

	display: none;

}

/* CATEGORY LIST STYLES */

.product-list.list > div .cart,

.product-list.list > div .button {

	width: 100%;

}

/* manufacturer */

.manufacturer-list {

	border: 1px solid #DBDEE1;

	padding: 5px;

	overflow: auto;

	margin-bottom: 20px;

}

.manufacturer-heading {

	background: #F8F8F8;

	font-size: 15px;

	font-weight: bold;

	padding: 5px 8px;

	margin-bottom: 6px;

}

.manufacturer-content {

	padding: 8px;

}

.manufacturer-list ul {

	float: left;

	width: 25%;

	margin: 0;

	padding: 0;

	list-style: none;

	margin-bottom: 10px;

}

/* product */

.product-filter {

	border-bottom: 1px solid #EEEEEE;

	padding-bottom: 5px;

	overflow: auto;

}

.product-filter .display {

	margin-right: 15px;

	float: left;

	padding-top: 4px;

	color: #333;

}

.product-filter .display a {

	font-weight: bold;

}

.product-filter .sort {

	float: right;

	color: #333;

}

.product-filter .limit {

	margin-left: 15px;

	float: right;

	color: #333;

}

.product-compare {

	padding-top: 6px;

	margin-bottom: 25px;

	font-weight: bold;

}

.product-compare a {

	text-decoration: none;

	font-weight: bold;

}

.product-list > div {

	overflow: auto;

	margin-bottom: 15px;

	background: #FFF;

	border: 1px solid #DCDCDC;

	padding: 15px;

}

.product-list .product-left {

	float: left;

	width: 75%;

}

.product-list .product-right {

	float: right;

}

.product-list .right {

	float: right;

	margin-left: 15px;

}

.product-list .image {

	float: left;

	margin-right: 10px;

}

.product-list .image img {

	padding: 3px;

	border: 1px solid #E7E7E7;

}

.product-list .name {

	margin-bottom: 3px;

}

.product-list .name a {

	color: #C67121;

	font-weight: bold;

	text-decoration: none;

	font-family: 'Arial', sans-serif;

	font-size: 16px;

}

.product-list .name a:hover {

	text-decoration: underline;

}

.product-list .description {

	line-height: 15px;

	margin-bottom: 5px;

	color: #6F6F6F;

	min-height: 30px;

	font-size: 12px;

}

.product-list .rating {

	color: #7B7B7B;

}

.product-list .price-inc,

.product-list .price-tax {

	float: right;

	text-align: right;

	font-size: 16px;

}

.product-list .price-tax {

	color: #C67121;

	font-weight: bold;

}

.product-list .price-old {

	color: #F00;

	text-decoration: line-through;

}

.product-list .price-new {

	font-weight: bold;

}

.product-list .price {

	font-size: 15px;

	font-weight: normal;

	color: #7B7B7B;

	text-align: right;

}

.product-list .cart {

	margin-bottom: 3px;

	float: right;

	clear: both;

}

.product-list .wishlist, .product-list .compare {

	margin-bottom: 3px;

	float: right;

}

.product-list .wishlist a {

	color: #333333;

	text-decoration: none;

	display: block;

}

.product-list .wishlist a:before {

	content: '';

	display: inline-block;

	background: url('../image/add.png') left center no-repeat;

	width: 16px;

	height: 16px;

	margin-bottom: -4px;

}

.product-list .compare a {

	color: #333333;

	text-decoration: none;

	padding-left: 18px;

	display: block;

	background: url('../image/add.png') left 60% no-repeat;

}

.product-grid {

	width: 100%;

	overflow: auto;

}

.product-grid > div {

	width: 130px;

	display: inline-block;

	vertical-align: top;

	margin-right: 20px;

	margin-bottom: 15px;

}

#column-left + #column-right + #content .product-grid > div {

	width: 125px;

}

.product-grid .image {

	display: block;

	margin-bottom: 0px;

}

.product-grid .image img {

	padding: 3px;

	border: 1px solid #E7E7E7;

}

.product-grid .name a {

	color: #38B0E3;

	font-weight: bold;

	text-decoration: none;

	display: block;

	margin-bottom: 4px;

}

.product-grid .description {

	display: none;

}

.product-grid .rating {

	display: block;

	margin-bottom: 4px;

}

.product-grid .price {

	display: block;

	font-weight: bold;

	color: #333333;

	margin-bottom: 4px;

}

.product-grid .price-old {

	color: #F00;

	text-decoration: line-through;

}

.product-grid .price-new {

	font-weight: bold;

}

.product-grid .price .price-tax {

	display: none;

}

.product-grid .cart {

	margin-bottom: 3px;

}

.product-grid .wishlist, .product-grid .compare {

	margin-bottom: 3px;

}

.product-grid .wishlist a {

	color: #333333;

	text-decoration: none;

	padding-left: 18px;

	display: block;

	background: url('../image/add.png') left center no-repeat;

}

.product-grid .compare a {

	color: #333333;

	text-decoration: none;

	padding-left: 18px;

	display: block;

	background: url('../image/add.png') left center no-repeat;

}

/* Product */

.product-info {

	overflow: auto;

	margin-bottom: 20px;

}

.product-info .left {

	float: left;

}

.product-info > .left + .right {

	margin-left: 265px;

}

.product-info .image {

	border: 1px solid #E7E7E7;

	float: left;

	margin-bottom: 20px;

	padding: 10px;

	text-align: center;

}

.product-info .image-additional {

	width: 260px;

	margin-left: -10px;

	clear: both;

	overflow: hidden;

	float: left;

}

.product-info .image-additional img {

	border: 1px solid #E7E7E7;

}

.product-info .image-additional a {

	float: left;

	display: block;

	margin-left: 10px;

	margin-bottom: 10px;

}

.product-info .description {

	border-bottom: 1px solid #E7E7E7;

	padding: 5px 5px 10px 5px;

	margin-bottom: 10px;

	line-height: 20px;

	color: #4D4D4D;

	font-size: 15px;

}

.product-info .description h2 {

	font-size: 18px;

	color: #C67121;

}

.product-info .description span {

	color: #38B0E3;

}

.product-info .description a {

	color: #4D4D4D;

	text-decoration: none;

}

.product-info .price {

	overflow: auto;

	padding: 10px;

	margin-bottom: 10px;

	font-size: 19px;

	color: #7B7B7B;

	clear: right;

	padding-left:0px;

}

.product-info .price-old {

	color: #F00;

	text-decoration: line-through;

}

.product-info .price-tax {

	font-size: 21px !important;

	font-weight: bold;

	color: #BF641D;

}

.product-info .price .reward {

	font-size: 12px;

	font-weight: normal;

	color: #999;

}

.product-info .price .discount {

	font-weight: normal;

	font-size: 12px;

	color: #4D4D4D;

}

.product-info .options {

	border-bottom: 1px solid #E7E7E7;

	padding: 0px 5px 10px 10px;

	margin-bottom: 10px;

	color: #000000;

	float: left;

}

.product-info .option-image {

	margin-top: 3px;

	margin-bottom: 10px;

}

.product-info .option-image label {

	display: block;

	width: 100%;

	height: 100%;

}

.product-info .option-image img {

	margin-right: 5px;

	border: 1px solid #CCCCCC;

	cursor: pointer;

}

.product-info .cart {

	border: 1px solid #B9B9B9;

	padding: 10px 5px 10px 15px;

	margin-bottom: 20px;

	color: #4D4D4D;

	background: #E6E6E6;

	position: relative;

	font-size: 15px;

	clear: both;

	margin-top:20px;

}

.product-info .cart input[type="text"] {

	padding: 5px 10px;

	margin-left: 10px;

}

#button-cart,

.product-info .cart a.button {

	float: right;

	margin-left: 15px;

	height: 28px;

	line-height: 18px!important;

}

.product-info .cart a.button {

	background: #F8F8F8;

}

.product-info .share {

	padding: 20px 0;

}

.product-info .cart div > span {

	color: #999;

}

.product-info .cart .links {

	display: inline-block;

	vertical-align: middle;

	clear: both;

	margin: 10px 0 0;

	display: none;

}

.product-info .cart .minimum {

	padding-top: 5px;

	font-size: 11px;

	color: #999;

}

.product-info .review {

	color: #4D4D4D;

	border-top: 1px solid #E7E7E7;

	border-left: 1px solid #E7E7E7;

	border-right: 1px solid #E7E7E7;

	margin-bottom: 10px;

}

.product-info .review > div {

	padding: 8px;

	border-bottom: 1px solid #E7E7E7;

	line-height: 20px;

}

.product-info .review > div > span {

	color: #38B0E3;

}

.product-info .review .share {

	overflow: auto;

	line-height: normal;

}

.product-info .review .share a {

	text-decoration: none;

}

.review-list {

	padding: 10px;

	overflow: auto;

	margin-bottom: 20px;

	border: 1px solid #EEEEEE;

}

.review-list .author {

	float: left;

	margin-bottom: 20px;

}

.review-list .rating {

	float: right;

	margin-bottom: 20px;

}

.review-list .text {

	clear: both;

}

.attribute {

	border-collapse: collapse;

	width: 100%;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

.attribute thead td, .attribute thead tr td:first-child {

	color: #000000;

	font-size: 14px;

	font-weight: bold;

	background: #F7F7F7;

	text-align: left;

}

.attribute tr td:first-child {

	color: #000000;

	font-weight: bold;

	text-align: right;

	width: 20%;

}

.attribute td {

	padding: 7px;

	color: #4D4D4D;

	text-align: center;

	vertical-align: top;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

}

.compare-info {

	border-collapse: collapse;

	width: 100%;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

.compare-info thead td, .compare-info thead tr td:first-child {

	color: #000000;

	font-size: 14px;

	font-weight: bold;

	background: #F7F7F7;

	text-align: left;

}

.compare-info tr td:first-child {

	color: #000000;

	font-weight: bold;

	text-align: right;

}

.compare-info td {

	padding: 7px;

	width: 20%;

	color: #4D4D4D;

	text-align: center;

	vertical-align: top;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

}

.compare-info .name a {


	font-weight: bold;

}

.compare-info .price-old {

	font-weight: bold;

	color: #F00;

	text-decoration: line-through;

}

.compare-info .price-new {

	font-weight: bold;

}

/* wishlist */

.wishlist-info table {

	width: 100%;

	border-collapse: collapse;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

.wishlist-info td {

	padding: 7px;

}

.wishlist-info thead td {

	color: #4D4D4D;

	font-weight: bold;

	background-color: #F7F7F7;

	border-bottom: 1px solid #DDDDDD;

}

.wishlist-info thead .image {

	text-align: center;

}

.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {

	text-align: left;

}

.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {

	text-align: right;

}

.wishlist-info tbody td {

	vertical-align: top;

	border-bottom: 1px solid #DDDDDD;

}

.wishlist-info tbody .image img {

	border: 1px solid #DDDDDD;

}

.wishlist-info tbody .image {

	text-align: center;

}

.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {

	text-align: left;

}

.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {

	text-align: right;

}

.wishlist-info tbody .price s {

	color: #F00;

}

.wishlist-info tbody .action img {

	cursor: pointer;

}

.login-content {

	margin-bottom: 20px;

	overflow: auto;

}

.login-content .left {

	float: left;

	width: 48%;

}

.login-content .right {

	float: right;

	width: 48%

}

.login-content .left .content, .login-content .right .content {

	min-height: 190px;

}

/* orders */

.order-list {

	margin-bottom: 10px;

}

.order-list .order-id {

	width: 49%;

	float: left;

	margin-bottom: 2px;

}

.order-list .order-status {

	width: 49%;

	float: right;

	text-align: right;

	margin-bottom: 2px;

}

.order-list .order-content {

	padding: 10px 0px;

	display: inline-block;

	width: 100%;

	margin-bottom: 20px;

	border-top: 1px solid #EEEEEE;

	border-bottom: 1px solid #EEEEEE;

}

.order-list .order-content div {

	float: left;

	width: 33.3%;

}

.order-list .order-info {

	text-align: right;

}

.order-detail {

	background: #EFEFEF;

	font-weight: bold;

}

/* returns */

.return-list {

	margin-bottom: 10px;

	overflow:hidden;

}

.return-list .return-id {

	width: 49%;

	float: left;

	margin-bottom: 2px;

}

.return-list .return-status {

	width: 49%;

	float: right;

	text-align: right;

	margin-bottom: 2px;

}

.return-list .return-content {

	padding: 10px 0px;

	display: inline-block;

	width: 100%;

	margin-bottom: 20px;

	border-top: 1px solid #EEEEEE;

	border-bottom: 1px solid #EEEEEE;

}

.return-list .return-content div {

	float: left;

	width: 33.3%;

}

.return-list .return-info {

	text-align: right;

}

.return-product {

	overflow: auto;

	margin-bottom: 20px;

}

.return-name {

	float: left;

	width: 31%;

	margin-right: 15px;

}

.return-model {

	float: left;

	width: 31%;

	margin-right: 15px;

}

.return-quantity {

	float: left;

	width: 31%;

}

.return-detail {

	overflow: auto;

	margin-bottom: 20px;

}

.return-reason {

	float: left;

	width: 31%;

	margin-right: 15px;

}

.return-opened {

	float: left;

	width: 31%;

	margin-right: 15px;

}

.return-opened textarea {

	width: 98%;

	vertical-align: top;

}

.return-captcha {

	float: left;

}

.download-list {

	margin-bottom: 10px;

}

.download-list .download-id {

	width: 49%;

	float: left;

	margin-bottom: 2px;

}

.download-list .download-status {

	width: 49%;

	float: right;

	text-align: right;

	margin-bottom: 2px;

}

.download-list .download-content {

	padding: 10px 0px;

	display: inline-block;

	width: 100%;

	margin-bottom: 20px;

	border-top: 1px solid #EEEEEE;

	border-bottom: 1px solid #EEEEEE;

}

.download-list .download-content div {

	float: left;

	width: 33.3%;

}

.download-list .download-info {

	text-align: right;

}

/* cart */

.cart-info table {

	width: 100%;

	margin-bottom: 15px;

	border-collapse: collapse;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

}

.cart-info td {

	padding: 7px;

}

.cart-info thead td {

	color: #4D4D4D;

	font-weight: bold;

	background-color: #F7F7F7;

	border-bottom: 1px solid #DDDDDD;

}

.cart-info thead .image {

	text-align: center;

}

.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {

	text-align: left;

}

.cart-info thead .price, .cart-info thead .total {

	text-align: right;

}

.cart-info tbody td {

	vertical-align: top;

	border-bottom: 1px solid #DDDDDD;

}

.cart-info tbody .image img {

	border: 1px solid #DDDDDD;

}

.cart-info tbody .image {

	text-align: center;

}

.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {

	text-align: left;

}

.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {

	position: relative;

	top: 4px;

	cursor: pointer;

}

.cart-info tbody .price, .cart-info tbody .total {

	text-align: right;

}

.cart-info tbody span.stock {

	color: #F00;

	font-weight: bold;

}

.cart-module > div {

	display: none;

}

.cart-total {

	border-top: 1px solid #DDDDDD;

	overflow: auto;

	padding-top: 8px;

	margin-bottom: 15px;

}

.cart-total table {

	float: right;

}

.cart-total td {

	padding: 3px;

	text-align: right;

}

/* checkout */

.checkout-heading {

	background: #F8F8F8;

	border: 1px solid #DBDEE1;

	padding: 8px;

	font-weight: bold;

	font-size: 13px;

	color: #555555;

	margin-bottom: 15px;

}

.checkout-heading a {

	float: right;

	margin-top: 1px;

	font-weight: normal;

	text-decoration: none;

}

.checkout-content {

	padding: 0px 0px 15px 0px;

	display: none;

	overflow: auto;

}

.checkout-content .left {

	float: left;

	width: 48%;

}

.checkout-content .right {

	float: right;

	width: 48%;

}

.checkout-content .buttons {

	clear: both;

}

.checkout-product table {

	width: 100%;

	border-collapse: collapse;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

.checkout-product td {

	padding: 7px;

}

.checkout-product thead td {

	color: #4D4D4D;

	font-weight: bold;

	background-color: #F7F7F7;

	border-bottom: 1px solid #DDDDDD;

}

.checkout-product thead .name, .checkout-product thead .model {

	text-align: left;

}

.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {

	text-align: right;

}

.checkout-product tbody td {

	vertical-align: top;

	border-bottom: 1px solid #DDDDDD;

}

.checkout-product tbody .name, .checkout-product tbody .model {

	text-align: left;

}

.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {

	text-align: right;

}

.checkout-product tfoot td {

	text-align: right;

	border-bottom: 1px solid #DDDDDD;

}

.contact-info {

	overflow: auto;

}

.contact-info .left {

	float: left;

	width: 48%;

}

.contact-info .right {

	float: left;

	width: 48%;

}

.sitemap-info {

	overflow: auto;

	margin-bottom: 40px;

}

.sitemap-info .left {

	float: left;

	width: 48%;

}

.sitemap-info .right {

	float: left;

	width: 48%;

}

/* footer */

#footer {

	clear: both;

	overflow: hidden;

	min-height: 100px;

	padding: 20px;

	margin: 0;

	background: #373737;

}

#footer h3 {

	color: #e6b365;

	font-size: 18px;

	margin-top: 0px;

	margin-bottom: 8px;

	font-weight: 400;

}

#footer .column {

	float: left;

	width: 25%;

	min-height: 100px;

}

#footer .column ul {

	margin-top: 0px;

	margin-left: -40px;

}

#footer .column ul li {

	margin-bottom: 3px;

	list-style: none;

	line-height: 22px;

}

#footer .column a {

	text-decoration: none;

	color: #fff !important;

	font-size: 13px;

}

#footer .column a:hover {

	text-decoration: underline;

}

#powered {

	margin-top: 5px;

	text-align: right;

	clear: both;

}

/* banner */

.banner div {

	text-align: center;

	width: 100%;

	display: none;

}

.banner div img {

	margin-bottom: 20px;

}

.go-home:hover,

.box-category li:hover,

.item:hover,

input.button:hover,

.category-list li:hover,

#button-confirmorder:hover,

a.button:hover {

	opacity: 0.9;

}

/* =======================================



	Section 2: Picon Pieces Styles



======================================= */

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

body {

	font-family: 'Open Sans', arial, sans-serif;

	background: #0f0e13;

	color: #444444;

	font-size: 13px;

}

a {

	color: #dd9931;

}

.header-wrap {

	background: #4a4849;

}

.container {

	width: 100%;

	padding: 0 10px;

}

#currency {

	display: none;

	/* not sure how we're doing langauge/currency flipper yet so commented out */

}

#header #cart .heading a span {

	width: 67px;

	text-align: right;

	float: left;

	color: #e0dfdd;

	font-size: 13px;

}

#header .cart-price {

	font-weight: 800;

}

#header #cart .heading img {

	float: right;

	border-left: 1px solid #fff;

	padding: 5px 5px 7px 15px;

	position: relative;

	top: 1px;

}

.fullwidth.nav {

	background: rgb(221,154,49);

	background: -moz-linear-gradient(top, rgba(221,154,49,1) 0%, rgba(191,99,28,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,154,49,1)), color-stop(100%,rgba(191,99,28,1)));

	background: -webkit-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: -o-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: -ms-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: linear-gradient(to bottom, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9a31', endColorstr='#bf631c',GradientType=0 );

	height: 52px;

}

#menu {

	background: none;

	border: none;

	border-radius: 0;

	box-shadow: none;

	height: 52px;

	margin-bottom: 0;

}

.call-to-action,

.home-car {

	display: none;

}

.box .box-heading {

	background: rgb(221,154,49);

	background: -moz-linear-gradient(top, rgba(221,154,49,1) 0%, rgba(191,99,28,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,154,49,1)), color-stop(100%,rgba(191,99,28,1)));

	background: -webkit-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: -o-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: -ms-linear-gradient(top, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	background: linear-gradient(to bottom, rgba(221,154,49,1) 0%,rgba(191,99,28,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9a31', endColorstr='#bf631c',GradientType=0 );

	padding: 8px 10px;

	border: 0;

	border-radius: 0;

	color: #fff;

	font-size: 17px;

	text-transform: uppercase;

	font-weight: 600;

	cursor: pointer;

}

.box .box-heading:hover {

	background: rgb(180, 125, 40);

	background: -moz-linear-gradient(top, rgba(180, 125, 40, 1) 0%, rgba(161, 81, 18, 1) 100%);

	background: -webkit-linear-gradient(top, rgba(180, 125, 40, 1) 0%,rgba(161, 81, 18, 1) 100%);

	background: -o-linear-gradient(top, rgba(180, 125, 40, 1) 0%,rgba(161, 81, 18, 1) 100%);

	background: -ms-linear-gradient(top, rgba(180, 125, 40, 1) 0%,rgba(161, 81, 18, 1) 100%);

	background: linear-gradient(to bottom, rgba(180, 125, 40, 1) 0%,rgba(161, 81, 18, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b47d28', endColorstr='#a15112',GradientType=0 );

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180, 125, 40, 1)), color-stop(100%,rgba(161, 81, 18, 1)));

}

.center-wrap .box-category {

	overflow: hidden;

}

.box-category img {

	width: 48px;

	margin: 0 12px 0;

	float: left;

}

.center-wrap .manufacturers li,

.center-wrap .box li {

	height: 60px;

	float: left;

	width: 100%;

	border-bottom: none;

}

.center-wrap .box li {

	height: auto;

	list-style: none;

}

.box-category ul {

	padding: 0;

}

#column-right .box-content li,

#column-left .box-content li {

	float: left;

	padding-bottom: 10px;

	cursor: pointer;

}

#column-left .box-content li:last-of-type {

	padding-bottom: 0;

}

#column-right .box-content li a {

	color: #454545;

	text-decoration: none;

	font-size: 14px;

	font-weight: 800;

}

#column-left .box-category li a {

	color: #000000;

	font-size: 14px;

}

.center-wrap ul.box-category > li + li {

	border: none;

}

.manufacturer {

	padding: 20px 0 0 20px !important;

}

.manufacturer > li > a {

	padding: 10px;

	width: 100%;

	font-size: 17px;

	position: relative;

	top: 12px;

}

.manufacturer-image {

	width: 48px;

	float: left;

}

.welcome {

	font-size: 20px;

	font-weight: 700;

	color: #211f20;

	text-shadow: none;

}

#column-left + #column-right + #content, #column-left + #content {

	margin-left: 0;

}

#content {

	padding: 0 10px;

	line-height: 22px;

}

.banner-item {

	display: block !important;

}

.banner div img {

	width: 100%;

	max-width: 339px;

}

#footer .column:nth-child(4) {

	margin-bottom: 30px;

}

.footer-break {

	border-bottom: 1px solid #636363;

	border-top: none;

	margin: 30px 0;

}

.payment-icons span:nth-child(2) img {

	position: relative;

	top: 13px;

}

.payment-icons span {

	width: 50%;

	float: left;

	height: 50px;

	position: relative;

	text-align: center;

}

.bottom-ribbon {

	background: #212121;

	color: #DADADA;

	padding: 12px 0;

}

.bottom-ribbon p {

	margin-bottom: 8px;

}

.bottom-ribbon .container {

	text-align: center;

}

.bottom-ribbon a {

	font-size: 13px;

	color: #fff !important;

	text-decoration: none;

}

.background-wrap-inner {

	background: url('../image/inner-bg.jpg') no-repeat top center;

	overflow:hidden;

}

.background-wrap-inner h1 {

	color: #fff;

	background: #dd9931;

	padding: 20px;

	text-align: center;

	margin-top: 20px;

}

.pcategory .center-wrap #content {

	min-height: 600px;

}

.cat-link {

	font-weight: 800;

}

.product-info > .left + .right {

	margin: 0;

}

.product-info .description span {

	color: #000;

	font-size: 15px;

	font-weight: bold;

}

.category-page img {

	width: 100%;

	margin: 0 auto;

	display: inline-block;

	text-align: center;

	float: none;

}

.category-page .box li,

.category-list ul li {

	float: none;

	width: 100%;

	max-width: 200px;

	display: block;

	margin: 0 auto;

	margin-bottom: 20px;

}

.category-page .box-content .hvr-forward {

    transition: none;

}

.category-page .box-content .hvr-forward:hover {

    transform: initial;

}

.category-page .cat-link {

	clear: both;

	float: none;

	text-align: center;

	margin-top: 10px;

	display: block;

}

.phome .center-wrap .box-content {

	display: block!important;

}

.phome .center-wrap .box-heading:after {

	content: "";

}

.center-wrap .box-heading:after {

	content: "+";

	float: right;

	font-size: 26px;

	max-height: 30px;

}

#column-left .box-heading:after,

#column-right .box-heading:after {

    position: relative;

    top: -8px;

}

#payment-existing option,

#shipping-existing option {

	word-wrap: break-word;

}

/* =======================================



	Section 2 ii: Hacks for ie Mobile



======================================= */

.ieMobile #footer .column li {

	margin-left: -22px;

}

/* =======================================



	Section 3: Language Specific

		(Non media query)



======================================= */

.fr #header #cart .heading {

	margin-left: auto;

}

.fr #language {

	width: auto;

}

/* =======================================



	Section 4: Media Queries



======================================= */

.paypal-refund {

    max-width: 400px;

    margin: 0 auto;

}

.paypal-refund img {

  width: 100%;

  margin-bottom: 10px;

}

@media all and (min-width: 280px) {

.mobile-menu {

	color: #fff;

	text-transform: uppercase;

	margin: 0;

	text-align: center;

	padding: 16px 0;

	cursor: pointer;

}

#menu ul {

	display: none;

}

.mobile-triggered {

	background: #4b4a4a;

	position: relative;

	z-index: 99;

	text-align: center;

}

.mobile-triggered li {

	float: none !important;

	border-bottom: 1px solid #646464;

}

.mobile-triggered li:hover a {

	background: none !important;

	border: none !important;

}

#menu > ul > li:hover > div {

	display: none;

}

.container.center-wrap {

	padding: 0;

	background: #f8f8f8;

	overflow: hidden;

}

#column-left,

#column-right {

	float: none;

	width: 100%;

}

#footer .column {

	width: 100%;

	text-align: center;

}

#column-right .box-content {

	overflow: hidden;

}

#column-left + #column-right + #content {

	margin: 0;

	width: 100%;

}

.product-info > .left {

	width: 100%;

}

.product-info .right {

	clear: both;

}

.onecheckout, .onecheckoutmid {

	float: none !important;

	width: 100% !important;

}

}

@media screen and (min-width: 500px) {

	.product-list.list > div {

		width: 100%;

		margin: 0;

		margin-bottom: 20px;

	}

	.product-list.list > div .product-left {

		float: left;

		width: 70%;

		margin-bottom: 0;

	}

	.product-list.list > div .product-right,

	.product-list.list > div .wishlist {

		float: right;

        clear: none;

        width: 30%;

	}

	.product-list.list > div .product-right {

		margin-bottom: 10px;

	}

	.product-list.list > div .image {

        float: left;

        width: 35%;

		max-width: 130px;

        height: auto;

        padding-right: 10px;

		margin-bottom: 0;

	}

	.product-list.list > div .image a {

		width: 100%;

	}

	.product-list.list > div .image a img {

        display: block;

		width: 100%;

	}

	.product-list.list > div .price {

        min-height: 59px;

	}

	.product-list.list > div .name,

	.product-list.list > div .model_number,

	.product-list.list > div .stock_cat,

	.product-list.list > div .description {

		float: left;

		display: block;

		width: 60%;

		margin-bottom: 0;

		text-align: left;

	}

	.product-list.list > div .price {

		margin-bottom: 3px;

	}

	.product-list.list > div .cart {

		margin-bottom: 0;

	}

	.product-list.list > div .wishlist {

		margin-bottom: 0;

	}

	.category-page .box li,

	.category-list ul li {

		float: left;

		width: 48%;

		max-width: 100%;

		margin-right: 4%;

		min-height: 225px;

		margin-bottom: 20px;

	}

	.category-page .box li:nth-of-type(even),

	.category-list ul li:nth-of-type(even) {

		margin-right: 0;

	}

}

@media screen and (min-width: 600px) {

.banner {

	height: 332px;

}

.banner h2 {

	font-size: 20px;

	text-transform: uppercase;

	margin-bottom: 16px;

}

.banner-item {

	float: left;

	width: 48% !important;

	margin: 0 1%;

}

#footer .column {

	width: 25%;

	text-align: left;

}

.payment-icons {

	max-width: 650px;

	margin: 0 auto;

}

.payment-icons span {

	width: auto;

	margin: 0 1%;

}

.payment-icons span:nth-child(1) img {

	position: relative;

	top: -5px;

}

.payment-icons span:nth-child(2) img {

	top: 6px !important;

}

.bottom-ribbon {

	height: 100px;

	padding: 30px;

	font-size: 12px;

}



.powered {

	float: left;

	text-align: left;

}

.dijitul {

	float: right;

	position: relative;

	top: 10px;

}

.pinformation .center-wrap .box li {

	height: auto;

	height: 240px;

}

}

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

/* Respsonsive Cart and Checkout */



.pcart table,

.pcart thead,

.pcart tbody,

.pcart th,

.pcart td,

.pcart tr,

.checkout-product table,

.checkout-product thead,

.checkout-product tbody,

.checkout-product th,

.checkout-product td,

.checkout-product tr,

.pwishlist table,

.pwishlist thead,

.pwishlist tbody,

.pwishlist th,

.pwishlist td,

.pwishlist tr,

.pcompare table,

.pcompare thead,

.pcompare tbody,

.pcompare th,

.pcompare td,

.pcompare tr {

	display: block;

}

.checkout,

.compare-info td {

	width: 100%;

}

.compare-info tr td:first-child {

	text-align: center;

}

.pcart thead tr,

.checkout-product thead tr,

.pwishlist thead tr {

	position: absolute;

	top: -9999px;

	left: -9999px;

}

.pcart td,

.pwishlist td {

	/* Behave  like a "row" */

	border: none;

	border-bottom: 1px solid #eee;

	position: relative;

	padding-left: 50%;

}

.pcart .highlight td {

	display: table-cell;

}

#shipping {

	padding: 0;

	width: 95%;

}

#shipping td {

	padding: 10px 0;

}

.cart-total table {

	float: none;

}

.cart-total td {

	padding: 10px 0;

}

.checkout-product td {

	/* Behave  like a "row" */

	border: none;

	border-bottom: 1px solid #eee;

	position: relative;

}

.checkout-product table {

	width: 99%;

}

.checkout-product tfoot {

	display: block;

}

.pcart td:before,

.checout-product td:before,

.pwishlist td:before {

	/* Now like a table header */

	position: absolute;

	/* Top/left values mimic padding */

	top: 6px;

	left: 6px;

	width: 45%;

	padding-right: 10px;

	white-space: nowrap;

}

.cart-info .image:before,

.checkout-product .image:before,

.pwishlist .image:before {

	content: "Product Image";

	text-align: left;

	top: 40%;

}

.cart-info .name:before,

.checkout-product .name:before,

.pwishlist .name:before {

	content: "Product Name";

	top: 41%;

}

.cart-info .model:before,

.checkout-product .model:before,

.pwishlist .model:before {

	content: "Product Code";

	text-align: left;

}

.cart-info .quantity:before,

.checkout-product .quantity:before,

.pwishlist .quantity:before {

	content: "Quantity";

	top: 37%;

}

.cart-info .price:before,

.checkout-product .price:before,

.pwishlist .price:before {

	content: "Unit Price";

}

.cart-info .total:before,

.checkout-product .total:before,

.pwishlist .total:before {

	content: "Total";

}

.pwishlist .stock:before {

	content: "Stock";

}

.pwishlist .action:before {

	content: "Update";

}

.pwishlist .price,

.pwishlist .action {

	text-align: left !important;

}

.wishlist-info tbody {

	border-top: 1px solid;

}

.cart-info .image {

	height: 83px;

}

.cart-info .image a {

	float: right;

}

.cart-info .name,

.checkout-product .name {

	min-height: 75px;

}

.cart-info .name a,

.checkout-product .name a {

	text-align: right;

	float: right;

	width: 160px;

}

.cart-info .model,

.checkout-product .model {

	text-align: right !important;

}

.cart-info .quantity input,

.cart-info .quantity a {

	float: right;

	margin-left: 10px;

}

.cart-info .quantity {

	height: 42px;

}

.checkout-content .left,

.checkout-content .right {

	width: 100%;

}

input.large-field, select.large-field {

	width: 98%;

}

#shipping-method textarea,

#payment-method textarea {

	width: 98% !important;

}

.checkout-product .model:before,

.checkout-product .quantity:before,

.checkout-product .price:before,

.checkout-product .total:before

 {

	left: 8px;

	position: absolute;

}

.checkout-product tfoot td:before {

	content: "" !important;

}

#pinformation .mainContent img {

	width: 285px !important;

	height: auto !important;

}

#column-right + #content {

	margin: 0;

}

.login-content .left, .login-content .right {

	float: none;

	width: 100%;

}

}

@media screen and (min-width: 768px) {

	.header-wrap .container {

		position: relative;

	}

	#header #logo,

	#header #welcome {

		width: 45%;

		float: left;

	}

	#header #welcome {

		width: 55%;

	}

	#header #logo img {

		float: left;

	}

	#header form:first-of-type {

	    position: absolute;

		top: 5px;

		right: 10px;

	}

	#header #language {

		margin-bottom: 0;

	}

	#header #language .title,

	#header #language img {

		float: none;

		padding: 0;

		display: inline-block;

	}

	#header #language img {

	    position: relative;

	    top: 5px;

		margin-left: 5px;

	}

	#header #welcome {

		margin-bottom: 60px;

		text-align: right;

	}

	#header #welcome > span {

		width: auto!important;

		float: none!important;

	}

	#header #welcome .welcome-buttons a {

		padding: 5px 10px;

		font-size: 12px;

	}

	#header #welcome .welcome-buttons a,

	#header #welcome .welcome-buttons span {

		display: inline-block;

		width: auto;

	}

	#header #welcome .welcome-buttons span {

		padding: 0 5px;

	}

	#header #cart,

	#header #search {

		margin-top: -30px;

	}

	#header #cart {

		float: right;

		max-width: 150px;

	}

	#header #search {

		float: right;

		margin-right: 150px;

		margin-bottom: 0;

		height: 50px;

	}

	#header #search .search-container {

		max-width: 100%;

		height: 100%;

	}

	#header #search .search-container input {

		height: 30px;

	}

	#header #search .search-container input[type="image"] {

		float: right!important;

		width: auto;

	}

	#header #cart .heading {

		position: absolute;

		bottom: 20px;

		right: 10px;

	}

	#header #cart .heading a span {

		min-width: 70px;

		padding-right: 10px;

	}

	#header #cart .content {

		position: absolute;

		right: 10px;

		margin-top: 30px;

		z-index: 99999;

	}

	select[name="category_id"] {

	    width: auto;

	    margin: 10px;

	}

	/* CATEGORY GRID STYLES */

	.product-list.grid > div {

		width: 48%;

		float: left;

		margin-right: 4%;

	}

	.product-list.grid > div:nth-of-type(even) {

		margin-right: 0;

	}

	.product-list.grid > div .name {

		min-height: 44px;

	}

	.category-page .box li,

	.category-list ul li {

		width: 31%;

		margin-right: 3.5%;

		min-height: 250px;

	}

	.category-page .box li:nth-of-type(even),

	.category-list ul li:nth-of-type(even) {

		margin-right: 3.5%;

	}

	.category-page .box li:nth-of-type(3n+3),

	.category-list ul li:nth-of-type(3n+3) {

		margin-right: 0;

	}

}

@media screen and (min-width: 850px) {

	.center-wrap {

		padding: 10px 10px !important;

	}

	#column-left,

	#column-right {

		width: 25%;

		float: left;

		clear: left;

	}

	.center-wrap .box-category {

		overflow: hidden;

	}

	.center-wrap .box li {

		width: 100%;

	}

	.category-page .box li,

	.category-list ul li {

		width: 31%!important;

	}

	.pinformation .center-wrap .box li {

		min-height: 300px;

	}

	#column-left + #content,

	#column-left + .content {

		float: left;

		width: 75%;

		max-width: 100%;

		padding: 10px;

	}

	.background-wrap {

		background-size: auto 100%!important;

	}

	.product-list.grid > div .name {

		min-height: 110px;

	}

	#column-left .box .box-content,

	#column-right .box .box-content {

		display: block;

	}

	#content .breadcrumb {

		padding-top: 0;

	}

.mobile-menu {

	display: none;

}

#menu ul {

	display: block;

}

#menu > ul > li {

	padding: 6px 0 0;

}

#menu > ul > li:nth-child(1):before {

	content: "";

	border-left: 1px solid #94623A;

	float: left;

	height: 38px;

	position: relative;

	left: -1px;

}

#menu > ul > li:nth-child(7):after {

	content: "";

	border-right: 1px solid #FBB64C;

	float: right;

	height: 38px;

	position: relative;

	right: 1px;

	margin-top: -43px;

}

#menu > ul > li > a {

	font-size: 17px;

	color: #fff !important;

	font-weight: 700;

	padding: 12px 19px;

	border-left: 1px solid #fbb64c;

	border-right: 1px solid #94623a;

}

#menu > ul > li:hover > a {

	background: transparent;

	color: #000 !important;

	border-radius: 0;

}

.background-wrap .container {

	position: relative;

}

.background-wrap .home-filters {

	float: left;

	width: 48%;

	margin-right: 4%;

}

.home-car,

.call-to-action {

	width: 48%;

	margin-right: 0;

}

.home-car {

	display: block;

	float: right;

	margin-bottom: -10px;

}

.call-to-action {

	float: left;

	display: block;

	padding: 25px;

	text-align: center;

	background: #dd9931;

	font-size: 21px;

	color: #000;

}

#column-left + #column-right + #content {

	margin: 0 210px 0 250px;

	width: 524px;

}

.fr #menu > ul > li > a {

	padding: 12px 15px;

}

#content.search > h1 {

    margin-top: 0;

}

}

@media screen and (min-width: 1200px) {

	.container {

		width: 95%!important;

		padding: 0!important;

	}

	#column-left {

		padding-top: 10px;

		padding-left: 10px;

		padding-bottom: 10px;

	}

	#content {

		padding: 10px;

	}

	.background-wrap {

		background-size: 100% 100%!important;

	}

	#header #cart .heading,

	#header #cart .content,

	#header form:first-of-type {

		right: 0;

	}

	.category-page .box li,

	.category-list ul li {

		width: 22%!important;

		margin-right: 4%;

		min-height: 260px;

		padding: 0!important;

	}

	.category-page .box li:nth-of-type(even),

	.category-page .box li:nth-of-type(3n+3),

	.category-list ul li:nth-of-type(even),

	.category-list ul li:nth-of-type(3n+3) {

		margin-right: 4%

	}

	.category-page .box li:nth-of-type(4n+4),

	.category-list ul li:nth-of-type(4n+4) {

		margin-right: 0;

	}

	/* Product Page 3-wide */

	.product-list.grid > div,

	.product-list.grid > div:nth-of-type(even) {

		width: 22%;

		margin-right: 4%;

	}

	.product-list.grid > div:nth-of-type(3n+3) {

		margin-right: 4%;

	}

	.product-list.grid > div:nth-of-type(4n+4) {

		margin-right: 0;

	}

	.product-list.grid > div .name {

		min-height: 132px;

	}

#footer {

	margin-top: -25px;

}

#menu > ul > li > a {

	padding: 12px 25px;

}

.fr #menu > ul > li > a {

	padding: 12px 25px;

}

.phome #content {

	margin-left: 240px;

}

.product-info > .left {

	float: left;

	width: 240px;

}

.product-info .right {

	float: right;

	width: 454px;

	clear: none;

}

#column-right {

	float: right;

	width: 180px;

	margin-left: 20px;

}

#column-right .box-content {

	overflow: hidden;

}

.onecheckout {

	width: 32% !important;

	float: left !important;

}

.onecheckoutmid {

	width: 28% !important;

	float: left !important;

}

.center-wrap .box-content {

	display: block;

}

}

/* Custom hover CSS */

a.hvr-underline-from-left:before {

	background: #C67121;

	height: 2px;

}

.hvr-forward a {

    display: block;

}