*{
	margin:0;
	padding:0;
	border:0;
	outline:none;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	background:url(../images/bg-body.jpg) top repeat-x;
	font-size:62.5%;
	font-family:Verdana, Geneva, sans-serif;
	}

.wrapper{
	width:100%;
	}


.row{
	margin:0 auto;
	max-width: 960px;
    padding-left: 10px;
    position:relative;
    padding-right: 10px;
	}

.column{
	padding-left:10px;
	padding-right: 10px;
	}

.half{
	width:50%;
	float:left;
	}

.large-col{
	width:66.66%;
	float:left;
	}

.large-col-wrapper{
	width:66.66%;
	float:left;
	}

/*.large-col.lhs{margin-right:20px;}
.large-col.rhs{margin-left:20px;}*/

.large-col input{
	width:100%;
	}

.large-col textarea{
	width:100%;
	min-width:100%;
	max-width:575px;
	height:150px;
	min-height:150px;
	max-height:150px;
	}

.large-col input[type='submit']{
	width:auto;
	}

.small-col{
	margin-bottom:20px;
	padding:0 10px;
	width:33.33%;
	float:left;
	}

.small-col-wrapper{
	padding:0;
	width:33.33%;
	float:left;
	}

h1, h2, h3, h4, h5, h6{
	color:#244E6A;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	text-transform:uppercase;
	}

h1{
	padding:0;
	font-size:3em;
	font-weight:lighter;
	}

h2{
	font-size:2.2em;
	font-weight:lighter;
	}

h3{
	font-size:2em;
	font-weight:lighter;
	}

h4{
	font-size:1.8em;
	}

h5{
	font-size:1.6em;
	}

h6{
	font-size:1.4em;
	}

ul,ol{
	list-style-type:none;
	margin-bottom:20px;
	}

li{
	list-style-type:none;
	font-size:1.3em;
	}

p{
	font-size:1.3em;
	line-height:160%;
	margin-bottom:25px;
	}

a{
	text-decoration:none;
	color:#3A78A1;
	}

a:hover{
	text-decoration:underline;
	}

blockquote{
	font-size:2.4em;
	line-height:140%;
	color:#3A78A1;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	}

#nav
{
	padding:0 20px;
	background:none;
	border-bottom:1px solid #FFF;
}
#nav ul
{
	background: #3a78a1 none repeat scroll 0 0;
	margin-bottom:0;
}
#nav ul li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	display:block;
	border-right:1px solid #75A1BD;
	float:left;
}

#nav ul li a{
	display:block;
	padding:16px;
	color:#FFFFFF;
	font-size:1.8em;
	font-weight:normal;
	text-decoration:none
}

#nav ul li a:hover{
	background:#31688B;
}

#nav ul li#active a{
	background:#244F6A;
}

input, textarea{
	padding:10px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	}

input[type='submit']{
	color:#FFFFFF;
	background:#3A78A1;
	cursor:pointer;
	padding:9px;
	}

input[type='submit']:hover{
	background:#244E6A;
	}

table{
	font-family:Verdana, Geneva, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin-bottom:20px;
	width: 100%;
	}

table th{
	text-align:left;
	padding:15px;
	background:#EAEAEA;
	border-bottom:solid 1px #FFFFFF;
	}

table td{
	padding:15px;
	background:#F4F4F4;
	border-bottom:solid 1px #FFFFFF;
	}

.form table{
	}

.clear{
	clear:both;
	}

/*-------------------------------*/

#header{
	background:url(../images/bg-wrapper-header.jpg) top center no-repeat;
	margin-bottom:20px;
	}

#top-contact-details{
	padding-top:12px;
	text-align:right;
	/*height:38px*/
	}
#top-contact-details p
{
	margin-bottom: 0;
}

#shop-details{
	margin-top:33px;
	float:right;
	}

#shop-details span{
	font-size:130%;
	}

#logo{
	margin:10px 0 10px 0;
	width:502px;
	height:70px;
	background:url(../images/gillian-sloan-framing-logo.jpg) 0 0 no-repeat;
	float:left;
	display:block;
	}

#logo span{
	display:none;
	}

#content{
	padding:0 0 40px 0;
	}

#content img{
	margin-bottom:25px;
	}

#content .row{
	margin-bottom:20px;
	}

#hp-features{
	/*background:url(../images/bg-hp-features.gif) center center repeat-y;*/
	}

.shop{
	padding:20px 130px 10px 20px;
	width:100%;
	display:block;
	text-decoration:none;
	background: #eaeaea url("../images/bg-hp-features.png") no-repeat right center;
	border-radius: 5px;
	}

.latest-products{
	position:relative;
	padding:20px 20px 10px 20px;
	width:100%;
	float:right;
	background: #eaeaea;
	border-radius: 5px;
	}

.latest-products ul{
	list-style-type:none;
	padding-left:0;
	}

.latest-products ul li{
	list-style-type:none;
	}

#person{
	margin:30px 0 0 0;
	padding:0 0 0 52px;
	width:220px;
	background:url(../images/quote-icon.png) 0 0 no-repeat;
	float:right;
	}

#person h4, #person h5{
	margin-bottom:0;
	}

#person h4{
	font-size:1.6em;
	text-transform:none;
	}

#person h5{
	font-size:1.4em;
	text-transform:none;
	}

#hp-features h2,
#hp-latest-work h2,
.small-col h2{
	color:#3A78A1;
	font-size:3em;
	font-weight:lighter;
	}

#hp-features p{
	color:#244D6A;
	font-size:1.7em;
	}

#hp-features input{
	width:390px;
	font-size:1.7em;
	margin-bottom:10px;
	border-bottom:#D2D2D2 solid 1px;
	}

#hp-features input#shorty{
	margin-right:10px;
	width:300px;
	float:left;
	}

#hp-features input[type='submit']{
	width:80px;
	float:left;
	color:#FFFFFF;
	background:#3A78A1;
	cursor:pointer;
	}

.small-col.shop-online:hover{
	text-decoration:none;
	background:#E3E3E3;
	}

.small-col.shop-online p{
	margin-bottom:0;
	}

.small-col.quick-quote{
	padding:20px 20px 10px 20px;
	}

.quick-quote input{
	width:260px;
	font-size:1.7em;
	margin-bottom:10px;
	border-bottom:#D2D2D2 solid 1px;
	}

.quick-quote input#shorty{
	margin-right:10px;
	width:170px;
	float:left;
	}

.quick-quote input[type='submit']{
	width:80px;
	float:left;
	color:#FFFFFF;
	background:#3A78A1;
	cursor:pointer;
	}

.quick-quote input[type='submit']:hover{
	background:#244E6A;
	}

#footer{
	padding:30px 0 30px 0;
	background:#EAEAEA;
	}

#footer .row .column.half a span{
	display:none;
	}

#footer .row .column.half .social{
	width:138px;
	height:36px;
	float:right;
	}

#footer .row .column.half .social a{
	width:36px;
	height:36px;
	margin-left:10px;
	display:block;
	float:left;
	}

#footer .row .column.half .social a#twitter{background:url(../images/twitter.jpg) 0 0 no-repeat;}
#footer .row .column.half .social a#facebook{background:url(../images/facebook.jpg) 0 0 no-repeat;}
#footer .row .column.half .social a#linkedin{background:url(../images/linkedin.jpg) 0 0 no-repeat;}


#footer .row .column.half .logos{
	width:220px;
	height:100px;
	float:left;
	}

#footer .row .column.half .logos a{
	width:100px;
	height:100px;
	margin-right:10px;
	display:block;
	float:left;
	}


#footer .row .column.half .logos a#logo-01{ background:url(../images/logo-01.png) center center no-repeat; }
#footer .row .column.half .logos a#logo-02{ background:url(../images/logo-02.png) center center no-repeat; }

#hp-latest-work{
	position:relative;
	padding:20px;
	width:410px;
	background:#F4F4F4;
	float:right;
	}

ul#latest-work-controls{
	position:absolute;
	top:25px;
	right:20px;
	width:40px;
	height:20px;
	list-style-type:none;
	}

ul#latest-work-controls li{
	width:20px;
	height:20px;
	list-style-type:none;
	float:left;
	}

ul#latest-work-controls li a{
	width:20px;
	height:20px;
	float:left;
	display:block;
	}

ul#latest-work-controls li.prev a{ background:url(../images/btn-prev.png) 0 0 no-repeat; }
ul#latest-work-controls li.next a{ background:url(../images/btn-next.png) 0 0 no-repeat; }

#latest-work-thumbs{
	position:relative;
	width:auto;
	height:70px;
	overflow:hidden;
	}

#latest-work-thumbs-slider{
	position:absolute;
	top:0;
	left:0;
	width:425px;
	height:70px;
	}

#latest-work-thumbs-slider img{
	width:68px;
	height:68px;
	margin-right:15px;
	float:left;
	border:#D2D2D2 1px solid;
	}

.row.half.quote{
	padding:20px;
	width:410px;
	background:url(../images/bg-grey-gradient.jpg) top repeat-x;
	float:right;
	}

.row.small-col.quote{
	padding:20px;
	width:280px;
	background:url(../images/bg-grey-gradient.jpg) top repeat-x;
	}

.img-right{
	padding:7px;
	margin-left:25px;
	float:right;
	background:#EAEAEA;
	border:#D2D2D2 solid 1px;
	}

/*----------------------------------------------------------------------------------------------------*/
/*--SHOP GENERIC--------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#shop-sidebar{
	padding:20px;
	/*width:175px;*/
	/*float:left;*/
	background:#F4F4F4;
	}

#content #shop-sidebar ul{
	padding-left:0;
	}

#content #shop-sidebar ul li{
	list-style-type:none;
	}

#shop-sidebar ul li{
	margin-bottom:6px;
	}

#content .products ul{
	padding-left:20px;
	}

#content .products ul li{
	list-style-type:none;
	}


label input{
	display:inline;
	}

#search-loading{
	background: url(../images/ajax-loader.gif) no-repeat center center;
	width:32px;
	height:32px;
	display:none;
	position:absolute;
	left:50%;
	margin-left:-16px;
	top:200px;
	z-index:10;
	}

#search-pagination-loading{
	background: url(../images/ajax-loader.gif) no-repeat center center;
	width:680px;
	height:60px;
	display:none;
	float:right;
	}

/*----------------------------------------------------------------------------------------------------*/
/*--SHOP: CATEGORIES PAGE-----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

.products{
	/*width:705px;*/
	/*float:left*/
	/*padding-left: 10px;
	padding-right: 10px;*/
	margin-left: -20px;
	}

a.product{
	margin-bottom: 20px;
	padding-left: 20px;
	width:33.33%;
	float:left;
	/*background:#F4F4F4;*/
	display:block;
	color:#000;
	cursor:pointer;
	}

a.product:hover{
	/*background:#3A78A1;*/
	color:#3A78A1; /* #fff; */
	text-decoration:none;
	}

a.product:nth-child(3n+1)
{
	clear:both;
}

#content.wrapper a.product .product-img{
	width               : 100% !important;
	height              : 220px !important;
	background-position : center center;
	background-size     : cover;
	}

a.product ul.product-info{
	width:100%;
	padding:20px;
	float:left;
	margin-bottom:0;
	background:#F4F4F4;
	}

a.product ul.product-info li{
	width:100%;
	}

#content .title{
	margin-bottom:20px;
	font-size:1.2em
	}

#content .gallery .title{
	margin-bottom:0;
	font-size:1.2em
	}

.txt-align-right{
	text-align:right;
	}

#content .price{
	font-size:2em;
	margin-bottom:0;
	}

#content .price span.from{
	font-size:0.5em;
	}

ul{
	padding-left:40px;
	}

ul li{
	list-style-type:disc;
	}

/*----------------------------------------------------------------------------------------------------*/
/*--SHOP: PRODUCT DETAILS-----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#product-photos{
	width:40%;
	float:left;
	padding-right: 20px;
	}

#product-photos .product-img-main{
	width:100%;
	}

#product-photos .product-img-main img{
	width:100%;
	float:left;
	margin-bottom:20px;
	}

#product-photos-alt{
	width:100%;
	}

#product-photos-alt .product-img-alt{
	margin-right:20px;
	width:80px;
	height:80px;
	background-position:center center;
	background-size:cover;
	float:left;
	display:block;
	}

#product-info{
	width:60%;
	float:left;
	}

#product-info select{
	padding:4px;
	margin-bottom:20px;
	border:1px solid #D2D2D2;
	}

#content #product-info .row{
	width:100%;
	margin-bottom:30px;
	}

#more-products-wrapper{
	margin:0 0 0 20px;
	width:100%;
	background:url(../images/bg-shadow.png) top center no-repeat;
	}

a.more-products{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:2em;
	color:#FFFFFF;
	cursor:pointer;
	padding:20px;
	width:175px;
	background:url(../images/bg-shadow.png) top center no-repeat #3A78A1;
	}

a.more-products:hover{
	background:url(../images/bg-shadow.png) top center no-repeat #31688B;
	text-decoration:none;
	}

#content.wrapper #product-info #associated-products{
	width:100%;
	margin-right: -20px;
	}

#associated-products .product{
	background:#F4F4F4;
	width:33.33%;
	float:left;
	/*margin-right:20px;*/
	}
#associated-products .product a
{
	padding-right: 20px;
}

#associated-products .product ul{
	padding:20px 20px 0 20px;
	}

#associated-products .product a.featured-products-image{
	width:160px;
	height:160px;
	background-position:center center;
	display:block;
	}

/*----------------------------------------------------------------------------------------------------*/
/*--SHOP: BAG-----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#bag{
	padding:20px;
	width:100%;
	background:#F4F4F4;
	border-bottom:1px solid #D2D2D2;
	margin-bottom:20px;
	}

.bag-item{
	margin-bottom:20px;
	border-bottom:1px solid #D2D2D2;
	clear:both;
	padding-bottom: 20px;
	}

.bag-item-img{
	/*margin:0 20px 20px 0;*/
	float:left;
	width: 20%;
	}

#content.wrapper .bag-item-img img{
	width:100%;
	margin-bottom:0;
	}

.bag-item-info{
	padding:20px 0 20px 20px;
	width:80%;
	float:left;
	}

.cart-qty input{
	float:left;
	margin-right:10px;
	}

.cart-qty input.connect{
	margin-right:1px;
	}

.cart-qty input.square{
	width:34px;
	}

#bag-totals{
	}

#bag-content .row{
	margin-bottom:20px;
	border-bottom:1px solid #D2D2D2;
	}

#bag-voucher input{
	float:left;
	margin-right:10px;
	}

#bag-voucher,
#bag-checkout{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #D2D2D2;
	}

.align-right{
	float:right;
	}

input[type='submit'].bigger-btn{
	font-size:1.6em;
	}

#inset-gallery
{
	margin-left: -20px;
}
#inset-gallery a
{
	padding-left : 20px;
	display       : block;
	float         : left;
	width         : 33.33%;
}
#inset-gallery img{
	width:100%;
	display:block;
	}

label.error{
	margin-top:10px;
	display:block;
	color:#990000;
	}

#latest-work-thumbs
{
	position:relative;
}

#content ul#product-details{
	list-style-type:none;
	padding-left:0;
	}

#content ul#product-details li{
	list-style-type:none;
	}

#content .product ul{
	list-style-type:none;
	padding-left:20px;
	}

#content .product ul li{
	list-style-type:none;
	}

#header-img img
{
	width: 100%;
	min-width: 620px;
}
#header-img
{
	padding: 0 20px;
}

#nav ul
{
    margin          : 0;
    padding         : 0;
    width           : 100%;
    max-width       : 100%;
    height          : 55px;
    list-style-type : none;
    display         : -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display         : -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
    display         : -ms-flexbox;  /* TWEENER - IE 10 */
    display         : -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display         : flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    text-align      : center; /* for old IE */
    left            : 0;
}
#nav ul li
{
    position         : relative;
    float            : left;
    text-align       : center;
    list-style-type  : none;
    height           : 55px;
    line-height      : 55px;
    overflow         : hidden;
    display          : inline-block; /* fallback for browsers that won't support flex */
    -webkit-box-flex : 1 1 0;         /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex    : 1 1 auto;      /* OLD - Firefox 19- */
    -webkit-flex     : 1 1 auto;      /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex         : 1 1 auto;      /* IE 10 */
    flex             : 1 1 auto;      /* NEW, Spec - Firefox, Chrome, Opera */
}
#nav ul li a
{
	padding: 0 10px;
}

.small-col .shop-online,
.small-col .quote
{
	margin-bottom: 20px;
	background:#F4F4F4;
	padding: 20px;
	display:block;
}

.row.half.quote
{
	width: 100%;
	margin-left: 10px;
}

/* fixes for the shop */
#_js_search-wrapper-outer
{
	padding-left  : 10px;
	padding-right : 10px;
}
#_js_search-wrapper-outer #shop-sidebar
{
	background : #f4f4f4 none repeat scroll 0 0;
	float      : left;
	padding    : 20px;
	width      : 25%;
}
#_js_search-wrapper-outer .products
{
	float        : left;
	padding-left : 0;
	width        : 75%;
	margin-left  : 0;
}
#_js_search-wrapper-outer .products a.product
{
	padding-left  : 20px;
	padding-right : 0;
	margin        : 0 0 20px 0;
	width         : 33.33%;
}
#_js_search-wrapper-outer .products a.product:nth-child(3n+1)
{
	clear:none;
}
#_js_search-wrapper-outer .products .clear
{
	display:none;
	clear:none;
}
#_js_search-wrapper-outer .products .clear:last-child
{
	clear:both;
	display:block;
}
#more-products-wrapper
{
	clear:both;
}

/* products page */
#product-photos .product-img-main
{
	display: block;
    padding-left: 10px;
}

#mob-nav
{
    padding    : 0;
    background : #3B3B3B;
    text-align : center;
    display    : none;
}

#mob-nav ul
{
    padding       : 0;
    margin-bottom : 0;
    display:none;
}
#mob-nav ul li
{
	background: #3a78a1;
}
#mob-nav ul li a
{
    color : #FFF;
    display: block;
    font-size: 1.2em;
    padding: 5px;
}
#mob-nav ul li#active
{
	background: #244f6a;
}
#mob-nav ul li:hover
{
    background : #31688B;
}
#mob-nav ul li:hover a
{
	text-decoration: none;
}

#btn-menu
{
	position   :absolute;
	top        :0;
	right      :0;
	width      :40px;
	height     :40px;
	display    :block;
	background : url(../images/btn-menu.png) 0px 0px no-repeat #3a78a1;
	z-index    :1000;
	display    :none;
}
#btn-menu.open{
    background-position: -40px 0px;
    background-color: #244F6A;
}

@media all and (max-width:920px) {
	#_js_search-wrapper-outer .products a.product
	{
		width: 50%;
	}
	#_js_search-wrapper-outer .products a.product:nth-child(2n+1)
	{
		clear:none;
	}
	ul#latest-work-controls
	{
		display:none;
	}
	#latest-work-thumbs
	{
		height: auto !important;
	}
	#latest-work-thumbs-slider, #latest-work-thumbs-slider ul
	{
		max-width: 100%;
		height: auto !important;
	} /* kill the slider on the front page & show all items. */

	#nav, #header-img
	{
		padding: 0;
	}

	#logo
	{
		background-size: contain;
		background-position: center center;
		width: 100%;
	}
	#shop-details
	{
		width: 100%;
		text-align:center;
		margin-top: 0;
	}
}
@media all and (max-width:620px) {
	#header
	{
		border-bottom: 2px solid #eaeaea;
	}
	/* menu */
	#nav
    {
        display:none;
    }
    #btn-menu
    {
       display:block !important;
    }
    #mob-nav
    {
        overflow:hidden;
        display:block !important;
    }
    #top-contact-details p
    {
    	padding-right: 40px;
    }

	.bag-item-img
	{
		width: 100%;
	}
	.bag-item-img img
	{
		margin: 0 auto;
		max-width: 50%;
	}
	.bag-item-info
	{
		width: 100%;
		text-align:center;
	}
	.cart-item-form
	{
		width: 100%;
		text-align:center;
	}
	.cart-qty, .cart-remove
	{
		width: 100%;
	}
	.cart-qty
	{
		margin-bottom: 20px;
	}
	.cart-qty-form input,
	.cart-del-form input
	{
		float:none;
		margin: 0 auto;
	}

	#product-photos .product-img-main
	{
		padding-left: 0;
	}
	.latest-products ul li
	{
		height          : auto !important;
		list-style-type : none;
		margin-bottom   : 20px;
		width           : 100% !important;
	}
	#latest-work-thumbs-slider img
	{
		width: 100%;
		height: auto;
	}
	#top-contact-details {
	    background: #eaeaea none repeat scroll 0 0;
	    padding-bottom: 5px;
	}
	a.product:nth-child(3n+1)
	{
		clear:none;
	}
	a.product:nth-child(2n+1)
	{
		clear:both;
	}
	a.product
	{
		width: 50%;
	}
	ul
	{
		padding-left: 0;
	}
	#inset-gallery a
	{
		width         : 50%;
	}
	#footer .row .column.half .logos,
	#footer .row .column.half .social
	{
		width: 100%;
		text-align:center;
		display:inline-block;
	}
	#footer .row .column.half .social a,
	#footer .row .column.half .logos a
	{
		float:none;
		display:inline-block;
		background-position:center center;
	}


	#header-img img
	{
		margin-left: -310px;
		left: 50%;
		position:absolute;
		display:block;
	}
	#header-img
	{
		height: 195px;
		position:relative;
		overflow:hidden;
	}

	*
	{
		text-align:center;
	}
	.column, #product-photos, #product-info, #_js_search-wrapper-outer #shop-sidebar, #_js_search-wrapper-outer .products
	{
		width         : 100%;
		float         : none;
		margin-bottom : 20px;
	}
	#_js_search-wrapper-outer .products a.product
	{
		width: 100%;
		padding-left: 0;
	}
	#content.wrapper a.product .product-img
	{
		height: 300px !important;
	}
	#product-photos
	{
		padding-right: 0;
	}
	#quantity input[type=submit]
	{
		margin: 0 auto;
	}
	#product-details .title
	{

	}

	.hp-feature.shop, .hp-feature.latest-products
	{
		padding: 20px;
		background: #eaeaea;
	}
	#latest-work-thumbs-slider
	{
		margin: 0 auto;
	}
	.row.half.quote
	{
		margin: 0;
	}
}