@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,|Oswald:300,400,700);


.shop-front { position: relative; padding-left: 20px;}
.shop-front .view-cart { position: absolute; top: -80px; right: 0; line-height: 20px;}
.shop-front .view-cart a { padding: 10px 20px; border: solid 1px #181818; color: #181818; font-family: 'Oswald', sans-serif; letter-spacing: 1px; font-weight: 300; text-transform: uppercase;text-decoration: none; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; transition-property: color; transition-duration:0.3s; /* Safari */-webkit-transition-property: color; -webkit-transition-duration: 0.3s;}
.shop-front .view-cart a:hover { background-color: #181818; color: #fff; }

/* bread crumbs */
.shop-front .breadcrumbs {  display: none;}
.shop-front .breadcrumbs a {  display: none; }


/* Category List */
.shop-category-list .categories { margin-left: -10px; }
.shop-category-list .categories .category { float: left; margin: 0 10px 10px 10px; width: 220px; height: 340px; position: relative; }
.shop-category-list .categories .category img { width: 220px; height: 300px; }
.shop-category-list .categories .clear { clear: left; }

.shop-category-list .categories .category .overlay-hover {display: block; padding: 5px; font-size: 16px; font-weight: 400; position: absolute; left: 0; right: 0; top: 310px; min-height: 40px; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: left;}

.shop-category-list.effect-zoom .categories .category a { display: block; width: 150px; height: 150px; overflow: hidden; }
.shop-category-list.effect-zoom .categories .category a img { position: relative; width: 150px; height: 150px; }

.shop-category-list.effect-hover-overlay .categories .category { height: 340px; }
.shop-category-list.effect-hover-overlay .categories .category a { position: relative; display: block; }
.shop-category-list.effect-hover-overlay .categories .category a span.overlay { display: none; z-index: 100; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.shop-category-list.effect-hover-overlay .categories .category a span.overlay-hover { display: block; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 20px; font-size: 16px; font-weight: bold; }
/* End Category List */


/* Product List */
.shop-product-list .category-details .title  { text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
.shop-product-list .category-details .description { margin: 10px 0; }

.shop-product-list .product-categories .category .category-title { font-size: 18px; color: #e30; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; }

.shop-product-list .products { margin-left: -10px; }
.shop-product-list .products .product-container { float: left; margin: 0 0 30px 10px; width: 220px; height: 340px; line-height: 16px; overflow: hidden;}
.shop-product-list .products .product-container .product .overlay-hover { display: block; padding: 5px; font-size: 16px; font-weight: 400; position: absolute; left: 0; right: 0; top: 310px; min-height: 40px; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: left;}
.shop-product-list .products .product-container .name { font-size: 14px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 10px 5px 0 5px; width: 220px; text-align: center;}
.shop-product-list .products .product-container .price { display: none;}
.shop-product-list .products .product-container .old-price { display: none; }
.shop-product-list .products .product-container .discounted-price {display: none; }
.shop-product-list .products .product-container .no-price {display: none; }
.shop-product-list .products .clear { clear: left; }

.shop-product-list.effect-zoom .products .product-container .product a { position: relative; display: block; width: 220px; height: 340px; overflow: hidden; }
.shop-product-list.effect-zoom .products .product-container .product a img { position: relative; width: 220px; height: 300px; }

.shop-product-list.effect-hover-overlay .products .product-container .product a { position: relative; display: block; }
.shop-product-list.effect-hover-overlay .products .product-container .product a span.overlay { display: none; z-index: 100; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.shop-product-list.effect-hover-overlay .products .product-container .product a span.overlay-hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 20px; font-size: 16px; font-weight: 300; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
/* End Product List */


/* Product Details */
.shop-product-detail .image { float: left; width: 442px; border: none; } /* small image width and height + 2px for border */
.shop-product-detail .details { padding-left:502px; }
.shop-product-detail .related-products { clear: left; }
.shop-product-detail .all-categories { clear: left; }

.shop-product-detail .image .zoom { display: inline-block; position: relative; }
.shop-product-detail .image .zoom img { display: block; border: solid 1px #181818; }
.shop-product-detail .image .zoom img { width: 440px; height: 600px; } /* small image width and height */
.shop-product-detail .image .zoom p { position: absolute; top: 3px; right: 28px; color: #555; font: bold 13px/1 sans-serif; margin: 0; padding: 0; }
.shop-product-detail .image .zoom .zoomIcon { width: 90px; height: 31px; position: absolute; top: 0; right: 0; background: url('../images/icon.png'); }
.shop-product-detail .image .zoom .zoomImg { width: 420px !important; height: 600px !important; } /* large image width and height */

.shop-product-detail .image .small-images { margin-left: -4px; }
.shop-product-detail .image .small-images a { display: block; float: left; border: solid 1px #fff; margin: 5px 0 0 4px; width: 48px; }
.shop-product-detail .image .small-images a:hover { border-color: #000; }
.shop-product-detail .image .small-images a img { width: 48px; }

.shop-product-detail .details .name { font-size: 22px; margin-bottom: 25px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; font-weight: 400; color: #181818; text-transform: uppercase;}
.shop-product-detail .details .code { display: none; }
.shop-product-detail .details .description { margin: 10px 0; }
.shop-product-detail .details .prices { margin: 10px 0; }
.shop-product-detail .details .prices .price { color: #666; font-size: 14px; font-weight: bold; }
.shop-product-detail .details .prices .old-price { display: none; }
.shop-product-detail .details .prices .discounted-price { display: none;}
.shop-product-detail .details .quantity input { background-color: #fff; padding: 3px; width: 30px; border: none;}
.shop-product-detail .details .prices .out-of-stock { display: none;}
.shop-product-detail .details .add-to-cart { margin: 30px 0; }
.shop-product-detail .details .add-to-cart input { border: none; padding: 10px 20px; background-color: #181818; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-family: 'Oswald', sans-serif;text-decoration: none; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; cursor: pointer;}
.shop-product-detail .details .add-to-cart input:hover { background-color: #0192d1; }
.shop-product-detail .details .messsage.message-success { line-height: 30px; }


.shop-product-detail .related-products { padding-top: 40px; }
.shop-product-detail .related-products .title { font-size: 18px; color: #e30; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: dotted 1px #36f; }
.shop-product-detail .related-products .products { margin-right: -10px; }
.shop-product-detail .related-products .product-container { float: left; margin-right: 10px; width: 150px; height: 208px; line-height: 16px; }
.shop-product-detail .related-products .product-container .name { font-size: 14px; padding: 2px 0; font-weight: bold; }
.shop-product-detail .related-products .product-container .price { color: #e30; font-size: 14px; font-weight: bold; }
.shop-product-detail .related-products .product-container .old-price { display: inline; text-decoration: line-through; color: #999; }
.shop-product-detail .related-products .product-container .discounted-price { display: inline; padding-left: 10px; color: #e30; font-size: 14px; font-weight: bold; }
.shop-product-detail .related-products .product-container .no-price { color: #999; }

.shop-product-detail .all-categories { padding-top: 20px; }
.shop-product-detail .all-categories .title { font-size: 18px; color: #e30; font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: dotted 1px #36f; }
.shop-product-detail .all-categories .category .seperator { font-size: 14px; line-height: 20px; color: #999; padding: 0 5px; }
.shop-product-detail .all-categories .category a { font-size: 14px; line-height: 20px; }
/* End Product Details */

/*cart*/
.shop-cart .breadcrumbs {  text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
.shop-cart .breadcrumbs a { line-height: 20px; color: #181818;padding-right: 5px; text-decoration: none;font-size: 30px;  }
.shop-cart .breadcrumbs a.sel { color: #181818; }
.shop-cart .breadcrumbs a:hover { color: #666; }
/* end bread crumbs */


/* checkout */
.shop-checkout h2 {  text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
.shop-checkout { margin-left: 20px;}
.shop-checkout table.products tr.voucher { display: none;}
.shop-checkout .field .title { width: 80px;}
.shop-checkout .form .field .input { padding-left: 95px;}
.shop-checkout .form .field .input input[type=text] { width: 300px; }
.shop-checkout .form .field .input textarea { width: 300px; }
.shop-checkout .form .field .input table tr td input {width: 20px;}
.shop-checkout .form .field .input table tr td label { padding-left: 0; margin-left: 0; line-height: 19px;}
.shop-checkout .final-total { font-size: 18px; font-weight: 400; color: #181818; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.shop-checkout .confirm-checkout input { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #181818; padding: 10px 20px; margin-top: 10px; cursor: pointer; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; border: none;}
.shop-checkout .confirm-checkout input:hover { background-color: #0192d1;}
/* end checkout */


/* Cart */
table.products { border-collapse: collapse; width: 100%; margin-left: 20px;}
table.products tr th { text-align: left; color: #181818; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px;padding: 2px 5px 5px 5px; border-bottom: solid 1px #ccc;}
table.products tr th.image { padding-left: 0; }
table.products tr th.quantity { text-align: center; }
table.products tr th.remove { width: 50px; }
table.products tr td { padding: 2px 5px; vertical-align: top; font-size: 14px; border-bottom: solid 1px #ccc; }
table.products tr td.image { width: 220px; padding-left: 0; }
table.products tr td.image img { width: 100%; }
table.products tr td.description .name { font-size: 14px; }
table.products tr td.quantity { width: 60px; text-align: center;}
table.products tr td.quantity input { width: 50px; text-align: center; line-height: 20px; background-color: transparent; border: solid 1px #181818; }
table.products tr td.price { width: 100px; line-height: 25px;}
table.products tr td.remove { width: 110px; text-align: right; }
table.products tr td.remove input { background-color: #181818; border: none; padding: 10px 20px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 400;transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; cursor: pointer;}
table.products tr td.remove input:hover { background-color: #0192d1;}
table.products tr.product td { padding-top: 10px; padding-bottom: 10px; }

table.products tr.sub-total td.description { text-align: right; line-height: 36px; font-weight: normal; }
table.products tr.gst td.description { text-align: right; font-weight: normal; }
table.products tr.footer td.description { text-align: right; font-weight: normal; line-height: 36px;}
table.products tr.footer td.quantity { text-align: center; line-height: 36px;font-weight: bold; }
table.products tr.footer td.price { font-weight: bold; line-height: 36px; }
/* End Cart */


@media (max-width: 991px) {
	.shop-product-detail .image { width: 320px; } /* small image width and height + 2px for border */
	.shop-product-detail .image img { width: 100%; }
	.shop-product-detail .details { padding-left: 350px; }

	table.products tr td.image { width: 120px; }
}

@media (max-width: 767px) {
	.shop-checkout { margin-right: 20px; }

	.shop-checkout h1 { margin-left: -15px; }
	.shop-checkout h2 { margin-left: -15px; }
	.shop-checkout h2 .small { display: block; padding-top: 10px; line-height: 24px; }

	.shop-checkout .form { padding: 0 0 20px 0; }

	.shop-product-detail .image { display: none; }
	.shop-product-detail .details { padding-left: 0; }

	table.products { position: relative; margin-left: 0; }

	.shop-cart table.products tr th.image { display: none; }
	.shop-cart table.products tr th.description { padding-left: 0; }

	.shop-cart table.products tr td.image { display: none; }
	.shop-cart table.products tr td.description { padding-left: 0; }

	.shop-checkout table.products tr td.image { width: 0; padding: 0; }
	.shop-checkout table.products tr td.image img { display: none; }

	table.products tr th.remove { width: 1%; }
	table.products tr td.remove { width: 1%; }
	table.products tr td.remove input { position: absolute; bottom: -45px; right: 0; z-index: 1000; }

	table.products tr.footer td.empty { display: none; }
}


@media screen and (max-width: 479px) {
	.shop-checkout .form .field { width: 100%;}
	.shop-checkout .form .field .title { float: none; text-align: left; width: 100%;}
	.shop-checkout .form .field .input { padding-left: 0; }
	.shop-checkout .form .field .input input[type=text] { width: 100%; }
	.shop-checkout .form .field .input textarea { width: 100%; }
	.shop-checkout .form .submit { width: 100%; }
}