/*
Theme Name: Affordable Shelving
Author: Netwizard Design
Author URI: http://www.netwizarddesign.com.au
Version: 1.0
*/

@import url('css/slicknav.css');
@import url('css/fonts/fonts.css');

html {
	width:100%;
	height:100%;
	position:relative;
}
body {
	overflow-x:hidden;
	margin:0;
	width:100%;
	height:100%;
	font-size: 14px;
	font-family:'TeXGyreAdventorRegular';
	font-weight: 400;
	color: #444;
	background:#fff;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	position:relative;
}

.clear {
	clear:both;
}
h1 {
	margin:0 0 20px 0;
	color:#023e83;
	font-size:30px;
}
h2 {
	margin:0 0 20px 0;
	color:#333;
	font-size:22px;
}
h3 {
	margin:0 0 15px 0;
	color:#333;
	font-size:18px;
}
.img-r, .alignright, .wp-post-image {
	float:right;
	margin:0 0 30px 30px;
}
.img-f {
	width:100%;
	margin:30px 0 30px 0;
}
.half {
	margin:0 0 20px -15px;
}
.half li {
	width:240px;
	float:left;
}
li {
	font-size:13px;
}
p {
	font-size:13px;
	line-height:22px;
	margin:0 0 20px 0;
}
.container {
	width:1200px;
	margin:0 auto;
	position:relative;
	
}
#header .container {
	position:relative;
}
#header {
	background:#023e83 url(images/header.png) no-repeat top center;
	border-top:10px solid #222;
	padding:0 0 20px 0;
	position:relative;
	z-index:900;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.logo {
	position:relative;
	z-index:400;
	float:left;
	margin:15px 0 0 0;
}
.shine {
	z-index:50;
	width:371px;
	height:114px;
	background:url(images/shine.png) no-repeat;
	position:absolute;
	top:0; left:-150px;
}
.contacts {
	z-index:999;
	position:absolute;
	top:0;
	right:0;
	padding:6px 30px 14px 0;
	color:#fff;
}
.contacts ul {
	list-style-type:none;
	margin:0 0 0 -30px;
}
.contacts ul li{
	display:inline;
	margin:0 0 0 35px;
}
.contacts ul li i{
	font-size:18px;
	position:relative;
	top:2px;
}
.slicknav_menu {
	display:none;
}
.menu {
	list-style-type:none;
	float:right;
	margin:85px 0 0 0;
}
.menu li {
	display:inline;
	margin:0 0 0 0;	
}
.menu li a{
	color:#fff;
	padding:10px 24px;
	font-size:18px;
	border-radius:12px;
	text-decoration:none;
}
.menu li.current_page_item a {
	background:rgba(255,255,255,0.1);
}


#slideshow {
	position:relative;
	z-index:200;
	height:584px;
	margin:0px 0 0 0;
	overflow:hidden;
	background:#dededd url(images/slider.jpg) no-repeat top center;
}
#slideshow .cycle-slideshow{
	position:relative;
	width:100%;
}
#slideshow .cycle-slideshow img {
	position:relative;
	z-index:700;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.slogan {
	position:absolute;
	top:250px;
	width:750px;
	z-index:800;
	left:50%;
	margin:0 0 0 -405px;
	text-align:center;
	color:#fff;
	background:rgba(134,133,176,0.85);
	padding:22px 30px;
	font-size:30px;
}
.prev2 {
	width:49px;
	height:79px;
	position:absolute;
	top:250px;
	z-index:800;
	background:url(images/prev.png) no-repeat;
	left:-25px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.next2 {
	width:49px;
	height:79px;
	position:absolute;
	top:250px;
	z-index:800;
	background:url(images/next.png) no-repeat;
	right:-25px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.content-area {
	padding:50px 0;
}
.welcome {
	text-align:center;
	padding:0 50px;
}
.main {
	width:68%;
	float:right;
}
.sidebar {
	width:28%;
	float:left;
	margin:0 0 0 0;
}
.sidebar h2 {
	background:#222;
	color:#fff;
	width:94%;
	padding:10px 3%;
	margin:0 0 0 0;
	font-weight:normal;
	font-size:22px;
}
.sidebar h2 .mobile-menu {
	display:none;
	float:right;
	margin:0 5px 0 0;
}
.sidebar ul  {
	list-style-type:none;
	margin:0 0 0 -40px;
}
.sidebar ul li  {
	position:relative;
	width:100%;
	margin:0 0 0 0;
	float:left;
	padding:10px 3%;
	background:#f3f3f3;
	width:94%;
	border-bottom:1px solid #ccc;
}
.sidebar ul li a  {
	color:#333;
	text-decoration:none;
	font-size:15px;
}
.sidebar ul li.current-cat   {
	background:#38679d;
	color:#fff;
}
.sidebar ul li.current-cat a   {
	color:#fff;
}
.sidebar ul li.current-cat a i{
	font-size:13px;
	color:#fff;
}
.product {
	position:relative;
	margin:5px 0 5px 0;
	padding:20px 0 20px 0;
	border-top:1px solid #ccc;
	float:left;
	clear:both;
	width:100%;
}
.product .image {
	width:18%;
	float:left;
	margin:0 30px 0 0;
}
.product .image img {
	width:100%;
}
.product h3{
	color:#023e83;
	font-size:18px;
	margin:0 0 10px 0;
}
.product .actions {
	float:right;
	width:18%;
}
.product .summary{
	width:53%;
	float:left;
	padding:0 0 0 0;
}
.product .actions .price{
	font-weight:bold;
	color:#333;
	text-align:right;
	font-size:20px;
	margin:0 0 20px 0;
}
.button {
   -webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	background-color:#EEE;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #999;
	color:#666;
	font-size:14px;
	font-weight:700;
	padding:6px 12px;
	text-decoration:none;
	float:right;
   }
.button:hover {
  
   }
.button:active {
  
}
.old {
	font-weight:normal;
	text-decoration:line-through
}
.new {
	color:red !important;
}
.breadcrumbs {
	margin:0 0 30px 0;
	font-size:13px;
	padding:0 0 5px 0;
	border-bottom:1px solid #ddd;
}
.breadcrumbs a {
	color:#2974cb;
	text-decoration:none;
}
.pagi  {
	border-top:1px solid #ddd;
	padding:5px 0 20px 0;
	margin:30px 0 0 0;
}
.pagi a {
	color:#2974cb;
	text-decoration:none;
}
.pagi .paginext {
	float:right;
}
.pagi .pagiprev {
	float:left;
}
.pagi-num {
	border-top:1px solid #ddd;
	padding:5px 0 20px 0;
	margin:30px 0 0 0;
	width:100%;
	text-align:center;
}
.pagi-num a {
	color:#2974cb;
	text-decoration:none;
	padding:10px 15px;
	border:1px solid #ccc;
	margin:20px 3px 0 3px;
	display:inline-block;
}
span.page-numbers {
	padding:10px 15px;
	color:#2974cb;
	margin:20px 3px 0 3px;
	display:inline-block;
}
span.current {
	padding:10px 15px;
	background:#2974cb;
	color:#fff;
	margin:20px 3px 0 3px;
	display:inline-block;
}
.product-main .product-info {
	position:relative;
	width:65%;
	float:left;
}
.product-main .image{
	width:30%;
	float:right;
}
.product-main .image p{
	text-align:center;
	font-size:12px;
	color:#666;
}
.product-main .image img{
	width:99%;
	padding:5px;
	border-radius:5px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.product-main .price{
	
	font-weight:bold;
	color:#333;
	font-size:20px;
	margin:0 0 20px 0;
}
#footer {
	margin:0 0 0 0;
	background:#222 url(images/footer.png) repeat-x;
	padding:25px 0 20px 0;
}
.copy {
	float:left;
	font-size:11px;
	margin:0 0 0 20px;
	color:#dfdfdf;
}
.designer {
	float:right;
	font-size:11px;
	margin:0 20px 0 0;
	color:#dfdfdf;
}
.designer a{
	text-decoration:none;
	color:#dfdfdf;
}
.wpcf7-form p {
	margin:0 0 5px 0;
}
.screen-reader-response {
	display:none;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
	color:red;
}
.wpcf7-mail-sent-ok {
	color:green !important;
}
.wpcf7-form {
    width:100%;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
	margin:0 0 30px 0;
}
.wpcf7-form label {
    display: block;
    margin: 0px;
	float: left;
	clear:both;
}
span.req {
	color:red;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select {
    border: 1px solid #DADADA;
    color: #888;
    height: 28px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-top: 2px;
    outline: 0 none;
    padding: 6px 3px 6px 5px;
    width: 97%;
    font-size: 14px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.wpcf7-form textarea{
    padding: 5px 3px 3px 5px;
	width: 97% !important;
}
.wpcf7-form select {
    width: 101%;
    height: 35px;
    line-height: 25px;
}
.wpcf7-form textarea{
    height:100px;
}
.wpcf7-form input[type="submit"] {
    background: #E27575;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover {
    background: #CF7A7A
}
.form {
	width:47%;
	float:left;
}
.details {
	margin:-50px 0 0 0;
	width:47%;
	float:right;
}
.map {
	width:100%;
	height:300px;
}

@media only screen and (max-width: 1200px) {
	.container {
		width:96%;
		padding:0 2%;
	}
	#slideshow {
		width:100%;
		height:auto;
	}
	#slideshow img{
		width:100%;
	}
	.slogan {
		position:absolute;
		top:150px;
		width:750px;
		z-index:800;
		left:50%;
		margin:0 0 0 -405px;
		text-align:center;
		color:#fff;
		background:rgba(134,133,176,0.85);
		padding:22px 30px;
		font-size:18px;
	}
	.prev2, .next2 {
		display:none;
	}
	
}

@media only screen and (max-width: 1100px) {
	.slicknav_menu {
		display:block;
		position:fixed;
		top:0;
		width:100%;
		z-index:99999999999;
	}
	#header .menu {
		display:none;
	}
	.shine {
		display:none;
	}
	.contacts {
		display:none;
	}
	
	#header {
		background:#023e83 url(images/eader.png) no-repeat top center;
		border-top:0px solid #222;
		padding:20px 0 20px 0;
		position:relative;
		text-align:center;
		z-index:999;
		margin:50px 0 0 0;
		box-shadow:0 0 10px rgba(0,0,0,0.5);
	}
	.logo {
		position:relative;
		z-index:400;
		float:none;
		margin:15px 0 0 0;
	}
}

@media only screen and (max-width: 800px) {
	.contacts ul li:nth-child(1){
		display:none;
	}
	.slogan {
		display:none;
	}
	.copy, .designer {
		float:none;
		text-align:center;
	}
	.img-r, .alignright, .wp-post-image {
		float:none;
		max-width:100%;
		margin:20px 0 30px 0px;
	}
	.form, .details {
		width:96%;
		float:none;
		clear:both;
		padding:0 0 30px 0;
	}
	.details {
		margin:0 0 0 0;
	}
	.main {
		width:100%;
		float:none;
	}
	.sidebar {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	.sidebar h2 {
		cursor:pointer;
	}
	.sidebar h2 .mobile-menu {
		display:block;
	}
	.sidebar ul {
		display:none;
	}
	
}

@media only screen and (max-width: 800px) {
	.product .image {
		width:15%;
		float:left;
		margin:0 0 0 0;
	}
	.product .image img {
		width:100%;
	}
	.product .actions {
		float:left;
		clear:both;
		width:100%;
	}
	.product .summary{
		width:75%;
		float:right;
		padding:0 0 0 0;
	}
	.product-main .image{
		width:100%;
		float:none;
	}
	.product-main .image{
		
	}
	
}


/* blog */

/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/
/***********blog****************/

.main.blog {
    overflow: hidden;
    width: 100%;
}
.main.blog .primary{ width: 65%; float: left; }
.main.blog .secondary{width: 30%; float: right; }
.main.blog .secondary h4 {
    background: #222;
    color: #fff;
    width: 94%;
    padding: 10px 3%;
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 22px;
}
.main.blog #blogroll {
    min-height: 470px;
}
.main.blog .block{
	overflow: hidden;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.main.blog .block h1,
.main.blog .block h2,
.main.blog .block h3,
.main.blog .block h4,
.main.blog .blcok p{
	margin: 0 0 15px 0;
}

.main.blog .block h1{ font-size: 30px; }
.main.blog .block h2{ font-size: 25px; }
.main.blog .block h3{ font-size: 20px; }
.main.blog .block h4{ font-size: 18px; }
.main.blog .block small{
	display: block;
	margin: 0 0 15px 0;
}
.main.blog .block p{}

.main.blog .block ul{ list-style: disc; }
.main.blog .block ul li{ margin: 0 0 15px 0;}

.main.blog .block ol{ list-style: disc; }
.main.blog .block ol li{ margin: 0 0 15px 0;}


.main.blog .block .info{
	overflow: hidden;
}
.main.blog .block.article .info {
    overflow: visible;
}

.main.blog .block .info h1{
	margin-bottom: 15px;
}
.main.blog .block .info p{
}
.main.blog .block .info small{
	margin-bottom: 15px;
}

.main.blog .block .thumb {
    float: left;
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px;
}
.main.blog .block.article .thumb {
    float: right;
    margin: 0 0 15px 15px;
    width: 250px;
    height: 250px;
}
.main.blog .block .thumb img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: auto;
}

.main.blog .block .callto{}
.main.blog .block .callto a {
    display: block;
    background: #023e83;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 18px;
}
.block .callto a:hover{
	opacity: 0.8;
}

.main.blog .posts{}
.main.blog .posts li{}
.main.blog .posts li a{}
.main.blog .posts li a:hover{}

.facebook {
	display: inline-block;
	zoom: 1;
	background: url(images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

#recent-posts-plus-2{}
#recent-posts-plus-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#recent-posts-plus-2 ul li{
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    float: left;
    padding: 10px 3%;
    background: #f3f3f3;
    width: 94%;
    border-bottom: 1px solid #ccc;
}
#recent-posts-plus-2 ul li a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
}
#recent-posts-plus-2 ul li a:hover {
    color: #023e83;
}


/* #Media Queries
================================================== */

@media only screen and (max-width: 767px) {
	
.main.blog .primary,
.main.blog .secondary{
	width: auto; float: none; }

.main.blog .primary{
	margin-bottom: 30px;
}

.main.blog .block.article .thumb,
.main.blog .block .thumb{
	width: 150px !important;
	height: 150px !important;
}

/* 767px */
}


@media only screen and (max-width: 479px) {
	
.main.blog .block.article .thumb,
.main.blog .block .thumb{
	width: 100px !important;
	height: 100px !important;
	float: none;
	margin: 0 0 20px 0;
}

	
/* 479px */
}

@media only screen and (max-width: 300px) {
	
/* 300px */
}