﻿/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

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

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

/* GLOBAL STYLES */

.page {
	clear: both;
}

/* QUICK TABS */

.ui-tabs .ui-tabs-nav li {
	display: inline-block;
	width: auto;
}
.home-page .ui-tabs .ui-tabs-nav li {
	display: table-cell;
}

/* FOOTER */

.footer-upper {
	width: 98%;
}
.footer-block {
	width: 31.33333%;
    margin: 0 1% 15px;
}
.footer-block:nth-of-type(2n+1) {
	clear: none;
}
.footer-block:nth-of-type(3n+1) {
	clear: both;
}

/* LEFT/RIGHT COLUMN */

.block {
	width: 31.33333%;
    margin: 0 1%;
}
.block:nth-of-type(2n+1) {
	clear: none;
}
.block:nth-of-type(3n+1) {
	clear: both;
}
.block .tags li,
.product-tags-all-page li {
	margin: 0 5px;
}

/* CATEGORY PAGE & GRIDS */

.product-selectors {
	padding: 7px 0;
}
div.product-viewmode {
	display: inline-block;
}

.item-box {
	width: 23%;
}
	.item-box:nth-child(1),
	.item-box:nth-child(2),
	.item-box:nth-child(3) {
		margin-top: 0 !important;
	}
.item-box:nth-child(2n+1) {
	clear: none; /*revert the second item*/
}

	.item-box:nth-child(3n+1) {
		clear: none;
	}

.product-grid .item-box,
.product-list .item-box {
	margin: 30px 1% 0;
}
	.category-page .product-grid .item-box:nth-child(4),
	.category-grid.home-page-category-grid .item-box:nth-child(4),
	.also-purchased-products-grid .item-box:nth-child(4) {
		margin: 0px 1% 0;
	}

	.product-list .item-box {
		float: none;
		width: auto;
		margin: 15px 0 15px;
		border-bottom: 1px dotted #ccc;
		padding: 0px 0px 0px;
	}
.product-list .item-box:after {
	content: "";
	display: block;
	clear: both;
}
.product-list .item-box .picture {
	float: left;
	width: 100px;
}
		.product-list .item-box .details {
			margin-left: 30px;
			width: 270px;
			float: left;
			display: inline-block;
			margin-bottom: 15px;
		}
.product-list .item-box .product-title {
	height: auto;
}
.product-list .item-box .description {
	display: block;
}
.product-list .item-box .buttons {
	text-align: left;
}

		.product-list .item-box .buttons {
			display: inline-block;
			position: absolute;
			top: 15px;
			width: auto;
			height: auto !important;
			padding: 0;
			text-align: left;
			outline: none !important;
			background: none;
			bottom: 5px;
			right: 5px;
		}

		.product-list .item-box input[type="button"].product-box-add-to-cart-button {
			padding: 0 15px;
			margin: 0 5px 0 0;
			overflow: hidden;
			width: 120px;
			font-size: 14px;
		}

		.product-list .item-box input[type="button"].add-to-inquiry-button {
			position: static;
			float: right;
			margin: 0px 5px 0px 0;
			vertical-align: middle;
		}

		.product-list .item-box .product-item {
			padding: 10px;
			overflow: hidden;
		}
		.product-filters .product-filter {
			float: left;
			margin: 0 0.5%;
			max-width: 100%;
			width: 32.3%;
		}
.product-filters .product-filter:nth-child(3n+1){
    clear:both;
}


	/* PRODUCT PAGE */
	.product-essential,
	.product-variant-list {
		text-align: left;
	}
.gallery {
	float: left;
	width: 300px;
}
.gallery .picture {
	width: auto;
}
.product-details-page .overview {
	margin-left: 320px;
}
.overview .buttons {
	text-align: left;
}
.overview .buttons div {
	margin: 0 10px 10px 0;
}
.free-shipping {
	float: right;
    margin:15px 0 15px 15px;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: static;
	left: 0;
	margin: 0 5px 0 0;
}
.variant-picture {
	float: left;
}
.variant-picture + .variant-overview {
	width: auto;
	margin: 0 0 0 235px;
}
.variant-overview .add-to-cart-button {
	margin-right: 10px;
}
.variant-overview .add-to-wishlist-button {
	float: left;
	clear: none;
	margin: 4px 0;
}

.attributes {
	margin: 15px 0;
}
.attributes dt {
	float: left;
	clear: left;
	min-width: 60px;
	margin-right: 10px;
}
.attributes dt label {
	line-height: 32px;
}
.attributes dd {
	float: left;
	margin-right: 10px;
}

.rental-attributes dt {
	width: 75px;
}
.rental-attributes .datepicker {
	width: 120px;
}

.attribute-squares {
	text-align: center;
}
.attribute-squares label {
	margin: 0 10px 0 0;
	padding: 0 !important;
}

.giftcard label {
	display: inline-block;
	width: 300px;
	margin: 0 17px 0 0;
	text-align: right;
}

/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .totals {
	float: right;
	margin: 0 15px;
}
.cart-collaterals {
	float: left;
	margin: 0 15px;
}
.cart-collaterals .deals {
	background: none;
	padding: 0;
}
.cart-collaterals .shipping {
	margin: 0;
}
.checkout-page .address-item {
	float: left;
    width: 48%;
    margin: 0 1% 20px;
}
.checkout-page .address-item:nth-child(2n+1) {
	clear: both;
}

/* SEARCH & SITEMAP */

.search-results .product-list {
	border-top: 1px dotted #ccc;
	padding-top: 30px;
}

/* BLOG & NEWS */

.blog-page .post,
.news-items .item {
	margin: 0 0 40px;
	border-bottom: 1px solid #ddd;
	background: none;
	padding: 0 0 15px;
}
.blog-page .post:after,
.news-items .item:after {
	content: "";
	display: block;
	clear: both;
}
.post-head,
.news-head {
	background-color: #f6f6f6;
	padding: 10px;
    overflow:hidden;
}
.post-head ~ *,
.news-head ~ * {
	display: block;
}
.post-title,
.news-title {
	margin-bottom: 0;
	font-size: 18px;
}
.post-body,
.news-body {
	margin-bottom: 0;
}
.blog-page .tags,
.blogpost-page .tags {
	float: left;
	max-width: 85%;
	margin: 0;
	background: none;
}
.blog-page .tags > *,
.blogpost-page .tags > * {
	float: left;
}
.blog-page .tags label,
.blogpost-page .tags label {
	margin: 0 10px 0 0;
	line-height: 24px;
}
.blog-posts .buttons {
	float: right;
	padding: 10px;
	line-height: 24px;
}
.blog-posts .buttons a {
	color: #c03;
}
.new-comment {
	clear: both;
	padding-top: 40px;
}
.new-comment textarea {
	width: 500px;
}
.blog-comment,
.news-comment {
	border-width: 0 0 1px;
	padding: 0 0 15px;
	text-align: left;
}
.comment-info {
	float: left;
	margin: 0;
}
.comment-info + .comment-content {
	margin: 0 0 0 135px;
}
.news-list-homepage .news-head {
	background: none;
	padding: 0;
}

/* FORUM & PROFILE */

.forum-search-box-text,
.forum-search-text,
.search-box.forum-search-box .search-box-text {
	width: 400px !important;
    height:36px;
}
.forum-search-box .basic {
	float: left;
}
.forum-search-box .advanced {
	float: left;
	margin: 6px 0 6px 8px;
}
.forum-search-box .advanced a {
	padding: 6px;
	font-size: 11px;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
	float: left;
}
.forums-table-section-title span {
	float: right;
}
.forum-breadcrumb {
	/*float: left;
	text-align: left;*/
}
.pager.lower {
	float: right;
	margin: 0;
}
.forum-topic-page .actions {
	float: left;
}
.topic-footer .actions {
	float: left;
}
.topic-posts {
	clear: both;
}
.forum-post .post-info,
.topic-post .post-info,
.profile-info-box .user-details,
.topic-post .post-info {
	float: left;
}
.forum-post .post-content,
.topic-post .post-content,
.profile-info-box .profile-stats,
.topic-post .post-content {
	min-width: 200px;
	margin-left: 200px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
	width: 500px;
	height: 180px;
}

	

}

@media all and (max-width: 769px) {
	.service-tools-grid .news-item {
		width: 48%;
	}

	.home-page-category-grid .item-grid .news-pic {
		width: auto;
	}

	.home-page-product-grid .item-box {
		width: 100%;
		margin-top: 30px !important;
	}

		.home-page-product-grid .item-box input[type="button"] {
			margin-top: 15px;
			margin-left:5px;
		}

	.home_page_main_slider {
		margin-top: 70px;
	}

	.home-page-product-grid .item-box .buttons.items-2 {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}

	.header-parent{
		display:none;
	}
}