/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,p{line-height:1.2em;}
p{padding:5px 0px;}

@font-face {font-family:'icomoon';src:url('/fonts/icomoon.eot?xs2m79');src:url('/fonts/icomoon.eot?xs2m79#iefix') format('embedded-opentype'),url('/fonts/icomoon.ttf?xs2m79') format('truetype'),url('/fonts/icomoon.woff?xs2m79') format('woff'),url('/fonts/icomoon.svg?xs2m79#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"], [class*=" icon-"] {font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-heart-lock-with-key-hole:before {content:"\e900";}

body{background:#f1f1f1;font-family:'Open Sans',arial;font-size:14px;line-height:1.3em;margin:0 auto;color:#000;width:100%;}
html{-webkit-font-smoothing:antialiased;}
html,body {margin:0;padding:0;height:100%;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;color:#367588;}a:hover{text-decoration:none;}a:active,a:focus{outline:none;}
a.button:hover{color:#fff;text-decoration:none;}
strong,b,.bold{font-weight:bold;}i{font-style:italic;}
td{vertical-align:top;}
.horzLine {width:100%;height:3px;background-color:#efefef;margin-top:10px;margin-bottom:10px;clear:both;}

h1{display:block;color:#000;font-size:24px;line-height:1.3em;font-family: 'Open Sans', sans-serif;font-weight:normal;text-transform:uppercase;text-align:center;padding:20px 0px 25px;}
#artvitals h1{display:block;font-size:24px;line-height:1.3em;font-weight:normal;text-transform:none;text-align:left;margin:0px;margin-bottom:15px;}
h2{font-size: 24px;padding: 15px 0px;font-family:'Roboto', sans-serif;}
h3{font-size:16px;line-height:1.3em;color:#666;margin:0px;margin-bottom:15px;padding-top:5px;font-weight:600;font-family: 'Roboto', sans-serif;}
h4{font-size:14px;line-height:1.3em;color:#666;margin:0px;margin-bottom:15px;padding-top:5px;font-weight:600;font-family: 'Roboto', sans-serif;}
p{padding-bottom:11px;}p,div,span{line-height:1.5em;}.column-clear{clear:both;}.clear{overflow:hidden;}

.hidden{display:none;}.visible{display:block;}
.hidden-mobile{display:inline-block !important;}.visible-mobile{display:none !important;}.visible-mobile-block{display:none !important;}
.cf:after,ul:after,.content-strip:after,.content-strip2:after,.content-strip3:after,.content-strip4:after,.content-strip5:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.left{float:left;}.right{float:right;}.pull-right{text-align:right;}.pull-center{text-align:center;}
.spacer{clear:both;width:100%;height:5px;} .break{clear:both;width:100%;height:1px;}
.marT5{margin-top:5px;}.marT10{margin-top:10px;}.marB5{margin-bottom:5px;} .marB10{margin-bottom:10px;}
.marR15{margin-right:15px;} .marR10{margin-right:10px;}
.marL10{margin-left:10px;} .marL15{margin-left:15px;} .marL20{margin-left:20px;} 
.padB15{padding-bottom:15px;}
.padL5{padding-left:5px;} .padL10{padding-left:10px;} .padL15{padding-left:15px;} .padL30{padding-left:30px;}
.pad5{padding:5px;} .pad10{padding:10px;} .pad20{padding:20px;}
.mandatory {font-size:13px;font-weight:bold;color:#999;font-family:Verdana;width:15px;text-align:right;float:left;padding-top:5px;}
ul.square li{list-style-type:square;}
ul.noindent {margin-left:0px;padding-left:15px;}
ul.bullet{margin:5px 0px 0px 15px;}
ul.bullet li::before {content:"•";color:#666;display:inline-block;width:1em;margin-left:-1em}

/***********************/
/* LOGGED IN USER MENU */
/***********************/
/*#user-menu{display:none !important;width:150px;margin-top:-6px;z-index:2000;background-color:#fff;padding:0px;}*/
#user-menu,#user-menu ul,#user-menu li,#user-menu li a{-moz-box-sizing:content-box,box-sizing:content-box,-webkit-box-sizing:content-box;}
#user-menu{margin:4px auto;position:absolute;left:-999em;z-index:999;text-align:left;padding:5px 5px 10px 5px;border:1px solid #ccc;background-color:#fff;width:140px;}
#user-menu-container {height:45px;background-color:#fff;border-bottom:solid 7px #f1f1f1;width:140px;}
#user-menu-container:hover > #user-menu{left:0px;top:auto;}
#user-menu-container:hover .top-nav{color:#367588;}
#user-menu-container .top-nav i{color:#000;display:inline-block;position:relative;top:-1px;margin-left:10px;}
#user-menu-container:hover .top-nav i{color:#367588;}
#user-menu a{color:#000;font-size:13px;text-decoration:none;display:block;width:100%;height:30px;}
#user-menu a:hover{color:#367588;}
#user-menu:after {content:"";width:0;height:0;position:absolute;bottom:100%;right:17px;border-width:0 8px 8px 8px;border-style:solid;border-color:#fff transparent;}
#user-menu:before {content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border-width:0 10px 10px 10px;border-style:solid;border-color:#ccc transparent;}

#header-container {width:100%;max-height:110px;margin-top:1px;background-color:#f1f1f1;border-bottom:solid 2px #fff;}
#content-container {min-height:100%;position:relative;padding-bottom:10px;}
#banner-container{width:100%;max-height:150px;overflow:hidden;margin-top:1px;}
#banner-container img{width:100%;}
.container{width:100%;padding:0px;margin:0px;position:relative;}
.content-strip,.content-strip2{width:100%;padding:15px 0px 20px 0px;margin:0px;margin-bottom:20px;border-bottom:solid 2px #ddd;}
.content-strip3{width:100%;padding:10px 0px 10px 0px;border-top:solid 1px #eee;border-bottom:solid 2px #ddd;margin:10px 0px 20px 0px;text-align:left;}
.content-strip4{width:100%;padding:20px 0px 20px 0px;margin:0px;background:#f8f8f9;}.content-strip5{width:100%;padding:0px;margin:0px;background-color:#fff;}
.filter-strip{width:100%;padding:20px 0px 5px 0px;border-top:solid 1px #eee;border-bottom:solid 2px #ddd;position:relative;margin:-22px 0px 20px 0px;text-align:center;}
.content-strip,.filter-strip{background-color:#fff;}.content-strip2{background-color:#f1f1f1;}
.content-strip h1{padding:25px 20px 15px 20px;font-size:36px;text-align:center;text-transform:none;font-weight:bold;}
.content-strip .content{padding:0px 50px;font-size:16px;text-align:center;}

.content{max-width:1200px;color:#000;margin:0 auto;text-align:left;padding:0px 20px;}
.content-wide{max-width:1200px;color:#000;margin:0 auto;text-align:left;padding:0;}
.contentWrapper {padding:0px 20px 0px 20px;}

#just-a-sec {background-color:rgba(0, 0, 0, 0.8);color:#666;z-index:999;position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
#just-a-sec span{position:relative;top:40%;left:50%;transform:translateY(-40%);color:#666;text-align:center;}
/*.spinner{margin:0 auto;padding:20px 0px;color:#fff;width:50px;height:100px;}*/
#opaque-layer {background-color:#000;filter:alpha(Opacity=80);opacity:0.8;-moz-opacity:0.8;z-index:99;position:absolute;left:0;top:45px;width:100%;height:100%;}

.button{display:block;width:100%;background-color:#367588;color:#fff;padding:10px 10px;text-align:center;font-size:1.3em;text-transform:uppercase;border:none;cursor:pointer;}

ul.picturebox {width:95%;padding:0px;list-style-image:none;overflow:hidden;margin:0 auto;}
ul.picturebox li{display:block;width:100%;margin:0px;margin-top:10px;float:left;padding:0px;position:relative;z-index:0;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:solid 1px #ccc;}
ul.picturebox .overlay{display:block;background-color:#fff;width:100%;text-align:center;padding:5px 0px;position:absolute;font-size:30px;bottom:0px;z-index:10;filter:alpha(Opacity=80);opacity:0.8;-moz-opacity:0.8;}
ul.picturebox .overlay a{display:block;width:100%;color:#000;text-decoration:none;}
ul.picturebox .overlay a:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
ul.picturebox img {display:block;border:none;margin:0px;padding:0px;width:100%;}


ul.contentbox {padding:0px;list-style-image:none;width:95%;margin:0 auto;}
ul.contentbox li{display:block;float:left;padding:0;margin-top:10px;position:relative;width:100%;z-index:0;height:auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:solid 1px #ccc;}
ul.contentbox li img{display:block;width:100%;border:none;}
ul.contentbox .overlay{background-color:#fff;color:#000;width:100%;text-align:center;line-height:1.2em;padding:10px 0px;position:absolute;font-size:30px;bottom:0px;z-index:10;filter:alpha(Opacity=80);opacity:0.8;-moz-opacity:0.8;}
ul.contentbox .overlay span{display:block;color:#000;}
ul.contentbox .overlay a{display:none;position:absolute;bottom:0px;width:98%;text-align:center;color:#ccb8a1;}
   

#footer-container{width:100%;background-color:#474747;color:#fff;padding-top:10px;}
#footer{width:100%;font-size:12px;margin:0 auto;}
#footer a{color:#fff;text-decoration:none;display:block;}
#footer a:hover{color:#c7c9b1;text-decoration:none;}
#footer .head{font-weight:bold;margin-bottom:5px;}
#footer .bottom{width:100%;margin-top:5px;text-align:center;}
#footer-links{width:100%;border-top:solid 1px #ccc;padding:15px 0px;margin-top:15px;}
#footer-links .col{width:50%;padding:0px 0px 0px 20px;float:left;}
#footer-newsletter {width:100%;float:none;text-align:center;}
#newsletter-signup h3{font-size:23px;color:#fff;font-weight:normal;margin-bottom:8px;}
#newsletter-signup label{display:none;}
#newsletter-signup input[type=email]{padding:6px 3px;width:180px;}
#newsletter-signup input[type=submit]{padding:5px 3px;width:70px;background-color:#ccc;color:#000;border:solid 1px #ccc;font-weight:bolder;}
#newsletter-signup input[type=submit]:hover{background-color:#bbb;}
#footer #social {width:100%;text-align:center;padding-top:15px;float:none;clear:both;}
#footer #social a{display:inline-block;margin:0px 3px;}

#sub-footer{width:100%;background-color:#000;color:#fff;padding:10px 0;}
#sub-footer ul {list-style-image:none;width:100%;background-color:#000;color:#fff;margin:0 auto;}
#sub-footer li{width:100%;text-align:center;}
.scroll-top{display:none;width:45px;height:45px;text-align:center;background-color:#333;text-decoration:none;position:fixed;z-index:99;bottom:10px;right:10px;filter:alpha(Opacity=60);opacity:0.6;-moz-opacity:0.6;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:solid 1px #333;}
.scroll-top span {display:block;color:#fff;font-size:16px;}
.scroll-top:hover{color:#fff;text-decoration:none;background-color:#666;}
.fa-angle-up{display:inline-block;height:35px;position:relative;top:-5px;}
.fa-sort-asc{display:inline-block;position:relative;}


/* detailed artist page */
.blackborder {border:solid 10px #1a1a1a;} .whiteborder{border:solid 5px #fff;}
.blackbox {background-color:#1a1a1a;color:#fff;}
.blackbox .head1 {font-size:26px;color:#fff;margin:0px;padding:0px;}
.blackbox .head2 {font-size:16px;color:#fff;}

.two-columns .col1, .two-columns .col2{width:100%;padding:0px;}


/***********************/
/* ARTWORK FILTERS */
/***********************/
/*
.filter-options ,.filter-options ul,.filter-options li,.filter-options li a{-moz-box-sizing:content-box,box-sizing:content-box,-webkit-box-sizing:content-box;}
.filter-options {margin:4px auto;position:absolute;left:-999em;z-index:999;text-align:left;padding:5px 5px 10px 5px;border:1px solid #ccc;background-color:#fff;width:160px;}
.filter-menu  {height:45px;background-color:#fff;border-bottom:solid 7px #f1f1f1;}
.filter-menu :hover > .filter-options {left:0px;top:auto;}
.filter-menu :hover .top-nav{color:#367588;}
.filter-menu  .top-nav i{color:#666;display:inline-block;position:relative;top:-2px;}
.filter-menu :hover .top-nav i{color:#367588;}
.filter-options  a{color:#000;font-size:13px;text-decoration:none;display:block;width:100%;height:30px;}
.filter-options  a:hover{color:#367588;}
.filter-options :after {content:"";width:0;height:0;position:absolute;bottom:100%;right:17px;border-width:0 8px 8px 8px;border-style:solid;border-color:#fff transparent;}
.filter-options :before {content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border-width:0 10px 10px 10px;border-style:solid;border-color:#ccc transparent;}
*/


/* art filters that appear at top of browse page */
.filter-container{display:inline-block;padding-top:10px;max-width:1200px;margin:0 auto;text-align:center;}
.filter-container .filter{border:1px solid #ccc;overflow:hidden;height:40px;position:relative;display:inline-block;margin-right:15px;cursor:pointer;margin-bottom:15px;}
.filter-container select{height:40px;width:135px;padding:5px;border:0;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;}

/* the fontawesome arrow used in the dropdown box */
.filter-container .filter:after {content:"\f0d7";font-family:FontAwesome;color:#000;padding:10px 8px 14px 8px;position:absolute;right:0;top:0;background:#fff;z-index:1;text-align:center;width:30px;height:100%;pointer-events:none;box-sizing:border-box;}  
  
/*.filter1 select{width:150px;}.filter2 select{width:170px;}.filter3 select{width:135px;}*/
.filter select option{padding:5px;}
ul.orientation{border:none !important;height:45px !important;padding:0px;list-style-type:none;width:115px;margin-right:0px !important;}
ul.orientation li{float:left;background-color:#f0f0f0;width:35px;height:30px;border-right:solid 5px #fff;padding:0px;margin:0px;list-style-image:none;}
ul.orientation li:first-child{display:block;width:100%;border-right:0px;font-size:11px;background-color:#fff;height:20px;margin-top:-4px;padding-bottom:2px;float:none;clear:both;text-align:center;color:#666;}
.filter-square, .filter-square-active{display:block;height:18px;width:18px;margin:6px;}
.filter-portrait, .filter-portrait-active{display:block;height:22px;width:14px;margin:4px 8px;}
.filter-landscape, .filter-landscape-active{display:block;height:14px;width:22px;margin:8px 4px;}
.filter-square,.filter-portrait,.filter-landscape{background-color:#666;}
.filter-square:hover, .filter-portrait:hover, .filter-landscape:hover {background-color:#1a1a1a;}
.filter-square-active,.filter-portrait-active,.filter-landscape-active {background-color:#1a1a1a;}
.filter-reset{display:block;float:right;margin-right:30px;}

#filter-toggle{cursor:pointer;height:40px;width:90%;background-color:#fff;position:relative;border:solid 1px #ccc;margin-bottom:10px;}
#filter-toggle span{display:inline-block;width:100%;height:40px;padding:10px;font-size:15px;font-weight:bold;text-align:left;}
#filter-toggle span:after {content:"\f0d7";font-family:FontAwesome;color:#000;padding:10px 8px 14px 8px;position:absolute;right:0px;top:0;background:#fff;z-index:1;text-align:center;width:30px;height:100%;pointer-events:none;box-sizing:border-box;}  
#filter-toggle span:before {content:"Filter";padding:7px 8px 7px 8px;position:absolute;left:10px;top:0;background:#fff;z-index:1;height:20px;}  

ul.sorting-options {display:inline-block;padding-bottom:15px;list-style-image:none;overflow:hidden;margin:0 auto;}
ul.sorting-options li{display:block;float:left;margin:0px 0px 0px 10px;padding:0px 10px 0px 0px;border-right:solid 1px #ccc;line-height:0.8em;}
ul.sorting-options li:last-child{border-right:none;}


/* paging */
.product-paging{width:100%;max-width:1200px;margin:0 auto;padding:10px 3%;text-align:center;}
.product-paging li{display:inline-block;margin:3px;}
.product-paging li a{display:inline-block;font-size:14px;padding:6px 0px;color:#333;width:35px;height:35px;text-align:center;background-color:#fff;border:solid 1px #ccc;}
.product-paging a:hover{text-decoration:none;border-color:#999;}
.product-paging a.active-page{text-decoration:none;background-color:#367588;color:#fff;}

/* detailed art page */
#featuredArt{width:100%;font-size:14px;line-height:1.5em;color:#000;background-color:transparent;padding:0px 10px;}
#featuredArt #artwork{float:left;width:55%;padding:20px;background-color:#fff;}
a.mainArtwork:hover img{border:none;}
#featuredArt #artvitals{float:left;width:40%;height:100%;padding:0px 20px 20px 5%;color:#000;}
#featuredArt #artvitals .artist{margin:7px 0px;color:#666;width:100%;float:none;display:block;}
#featuredArt #artvitals .artist a{color:#367588;}
#featuredArt .detail{clear:both;width:100%;margin-top:15px;color:#333;}
#featuredArt .detail .leftCol{width:100%;margin-top:8px;}
#featuredArt .detail .rightCol{width:100%;margin-top:2px;}
#artvitals .price {/*min-width:150px;*/}
#artvitals .price .regularprice{font-size:20px;color:#000;font-weight:bold;}
#artvitals .price .normalprice{display:inline-block;margin-top:2px;font-size:14px;}
#artvitals .regularprice:after,.buyartwork .normalprice:after{content:'AUD';font-size:14px;color:#000;margin-left:5px;}
#artvitals .saleprice{display:block;margin-top:-2px;color:#cc0000;font-size:20px;min-width:110px;}
#artvitals .saleprice:after{content:'AUD';font-size:14px;color:#cc0000;margin-left:5px;}
.buyartwork {margin-top:20px;min-width:220px;position:relative;}
.buyartwork .buynow,.buyartwork .reserved{display:block;width:100%;min-width:100px;min-height:26px;padding:10px 20px;background-color:#333;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;text-align:center;text-transform:uppercase;}
.buyartwork a.buynow:hover{background-color:#77c054;}
.buyartwork .buyartwork-notes {border-top:solid 3px #666;width:100%;padding:10px 0px;float:none;clear:both;top:10px;position:relative;}
.buyartwork span.reserved {padding:2px 20px;}
.soldartwork span.sold{display:block;margin-top:10px;right:10px;min-width:100px;min-height:26px;color:#fff;font-size:24px;font-weight:bold;text-decoration:none;text-align:center;text-transform:uppercase;background-color:#cc0000;padding:2px 20px;}
.buyartwork span.poa {display:block;float:left;min-width:100px;height:29px;padding:4px 5px 5px 5px;background-color:#509062;color:#fff;font-size:24px;font-weight:bold;margin-top:3px;margin-bottom:10px;text-align:center;text-transform:uppercase;}
#breadcrumbs{font-size:0.8em;padding-bottom:15px;}
#breadcrumbs a{font-weight:bold;color:#000;}#breadcrumbs a:hover{text-decoration:underline;}
#more-art-by-artist h4{text-align:center;border-bottom:solid 1px #ccc;padding:20px 0px;margin-bottom:0px;}
#more-art-by-artist h4 a{color:#000;text-decoration:underline;}
#more-art-by-artist h2{width:100%;text-align:center;margin:0px;padding:40px 0px 30px;}
#more-art-by-artist h2 a{}

#featuredThumbs{float:left;width:230px;padding-top:10px;}
#featuredThumbs .painting{float:left;width:100px;margin-left:15px;}
#featuredThumbs .painting a.image img{/*border:solid 1px #000;*/margin-bottom:10px;}
#featuredThumbs .painting a.image:hover img{/*border:solid 1px #CCB8A1;*/margin-bottom:10px;}
#tags {width:100%;clear:both;float:none;margin-top:10px;}
#tags a{text-decoration:underline;white-space: nowrap;}
#tags a:hover {text-decoration:none;}
#featuredArtDescription{margin:15px 0px 10px 0px;}
.add-to-favourites, .remove-favourite{display:block;float:right;width:20%;max-width:40px;margin-top:7px;font-size:14px;font-weight:bold;text-align:right;}
.add-to-favourites .fa-heart{color:#666;}.add-to-favourites:hover .fa-heart{color:#cc0000;}
.remove-favourite .fa-heart{color:#cc0000;}.remove-favourite:hover .fa-heart{color:#666;}
.reservedText {clear:both;float:none;padding-top:15px;color:#367588;font-size:16px;font-weight:bold;}


/*****************/
/* MEDIA QUERIES */
/*****************/

    header{height:50px;}
    #top-bar{width:100%;height:50px;background-color:#000;}
    #top-bar li{float:left;}
    #top-bar li.user-links {float:right;text-align:right;padding:14px 0px 0px 0px;}
    #top-bar li.basket-container .fa{color:#fff;}
    nav{display:block;width:100%;float:none;clear:both;}
    .user-links ul{display:inline-block;position:relative;top:-4px;height:25px;}
    .user-links li{padding:0px 10px;display:inline-block;position:relative;float:left;}
    .user-links li a{line-height:38px;display:inline-block;-webkit-font-smoothing:antialiased;position:relative;color:#000;font-size:14px;}
    .user-links li a:hover{color:#367588;}

    #search .txt{background-color:#fff;width:100%;height:40px;padding:8px 3px 9px 10px;font-size:14px;border:solid 1px #4d4d4d;display:inline-block;}
    .searchbutton {background-color:#fff;color:#333;border:solid 1px #4d4d4d;height:36px;width:40px;display:inline-block;border:none;z-index:99;font-size:24px;text-align:center;padding:5px 0px;position:absolute;}
 
/* Tablet and Desktop Screen Sizes */

@media only screen and (min-width:768px) 
{  
    #content-container{width:100%;color:#000;height:100%;min-height:500px;margin:0 auto;text-align:left;margin:0px auto 5px auto;padding-bottom:10px;}
    .content{width:100%;max-width:1200px;}
    header{height:110px;max-width:1200px;margin:0 auto;clear:both;position:relative;}    
    #top-bar{background-color:#f1f1f1;height:60px;padding:0px 10px;}              
    #top-bar li.logo {width:40%;height:60px;}
    #top-bar li.logo a{display:block;background:url(/images/logo.jpg) no-repeat 0 10px;width:100%;max-width:369px;height:100%;}
    #top-bar li.basket-container .fa{color:#000;}
    
    #bottom-bar{height:30px;padding:0px 10px;}              
    #bottom-bar #main-nav{width:100%;}
    #search{top:10px;right:215px;width:250px;position:absolute;}
    #search .txt{height:39px;width:100%;padding:6px 3px 7px 7px;font-size:13px;top:0px;left:0px;border:none;position:absolute;}
    .searchbutton {height:28px;width:30px;font-size:17px;padding:4px 0px 0px 0px;top:5px;right:1px;}
       
    .user-links{float:right;font-size:0.9em;color:#000;width:40%;}
    .user-links ul{display:inline-block;position:relative;top:-4px;height:25px;}
    .user-links li{display:inline-block;position:relative;float:left;}
    .user-links li a{padding:0px 10px;line-height:38px;display:inline-block;-webkit-font-smoothing:antialiased;position:relative;color:#000;}
    .user-links li a:hover{color:#367588;}
    #basket-count{background:#367588;font-size:12px;border-radius:20px;width:18px;height:18px;display:block;position:absolute;top:0px;right:0px;line-height:18px;text-align:center;-webkit-font-smoothing:none;color:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,0.3)}
 
    ul.sorting-options {width:100%;max-width:1200px;padding-left:5px;}
   
    ul.picturebox {width:100%;}
    ul.picturebox li{width:24.5%;margin-right:0.666%;}
    ul.picturebox li:last-child{margin-right:0px;}

    ul.contentbox {width:100%;margin-top:15px;}
    ul.contentbox li{margin:0px 1.84% 15px 0px;width:32.105%;}
    ul.contentbox li:nth-child(3n+0){margin-right:0px;}
    /*ul.contentbox li:nth-child(4n+0){margin:0px;}*/
    ul.contentbox .overlay{font-weight:bold;font-size:18px;}
    ul.contentbox .overlay span{font-weight:normal;font-size:12px;margin:5px 15px;}
    ul.contentbox .overlay a{font-size:12px;}
        
    #footer-container{padding:15px 0;}
    #footer{color:#fff;font-size:13px;margin:0 auto;max-width:1200px;text-align:left;line-height:1.5em;}
    #footer a{color:#fff;text-decoration:none;display:block;}
    #footer a:hover{color:#c7c9b1;text-decoration:none;}
    #footer .head{text-transform:uppercase;font-weight:bold;}
    #footer img{border:none;}
    #footer-links{width:65%;float:left;border-top:none;margin:0px;padding-top:0px;}
    #footer-links .col{width:33.33%;padding:10px 0px 0px 20px;}
    #footer-newsletter {width:35%;padding:5px 10px;border-left:solid 1px #ccc;float:right;text-align:right;}
    #newsletter-signup label{display:block;font-size:15px;color:#fff;margin-bottom:10px;font-weight:normal;float:none;}
    #footer #social {margin-top:15px;text-align:right;}
    #footer #social a{display:inline-block;margin:0px 1px;}
    #sub-footer ul{max-width:1200px;}
    #sub-footer li{float:left;display:inline-block;width:auto;margin-right:5px;}
    #sub-footer li:first-child{margin-left:20px;} #sub-footer li:first-child:after{content:",";}
    
.two-columns .col1, .two-columns .col2{width:50%;float:left;} 
.two-columns .col1{padding-right:15px;} .two-columns .col2{padding-left:15px;}
}

@media only screen and (min-width:768px) and (max-width:820px)
{ 
    #newsletter-signup h3{font-size:20px;color:#fff;font-weight:normal;margin-bottom:8px;}
    #newsletter-signup input[type=email]{padding:6px 3px;width:150px;} 
}

/* All Mobile Devices */
@media only screen and (max-width:767px) {
    .hidden-mobile{display:none !important;}
    .visible-mobile{display:inline-block !important;opacity:1;}
    .visible-mobile-block{display:block !important;opacity:1;}
    body{background-image:none;}
   
    #top-bar li.hamburger{width:40px;padding:9px 0px 0px 10px;position:relative;z-index:99;}
    #menu{display:none;}
    .nav-search{padding-top:12px;position:relative;z-index:99;}
    #searchicon{display:inline-block;color:#fff;}
    #search{display:none;height:55px;width:100%;position:relative;z-index:10;padding:5px 10px 15px 10px;background-color:#000;margin:0px;text-align:center;}
    .searchbutton {width:30px;font-size:20px;top:8px;right:11px;}
    /*
    #top-bar li.logo{position:absolute;left:0;width:100%;text-align:center;background-color:transparent;pointer-events:none;}
    #top-bar li.logo a{display:inline-block;background:url(/images/logo_m.jpg) no-repeat;width:135px;height:25px;margin-top:12px;}
*/

    #top-bar li.logo{position:absolute;left:0;z-index:0;width:100%;text-align:center;background-color:transparent;}
    #top-bar li.logo a{display:inline-block;background:url(/images/logo_m.jpg) no-repeat;width:135px;height:25px;margin-top:12px;}


    .user-links li{text-align:center;}
    #top-bar li.basket-container .fa{display:inline-block;position:relative;top:-5px;}    
    #basket-count{color:#fff;}  
    #basket-count:before{content:' (';}     
    #basket-count:after{content:')';}
    .user-links li a i{font-size:20px}
    .account-options a{display:inline-block;margin-right:20px;}

    /********************/
    /* MOBILE MENU ICON */
    /********************/
    #nav-toggle{display:inline-block;cursor:pointer;height:20px;width:20px;margin-right:20px;float:left;margin-top:16px;}
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor:pointer;border-radius:1px;height:3px;width:20px;background:#fff;position:absolute;display:block;content:'';}
    #nav-toggle:hover span,#nav-toggle:hover span:before,#nav-toggle:hover span:after {background: #fff;}
    #nav-toggle span:before{top:-6px;}
    #nav-toggle span:after{bottom:-6px;}
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition:all 500ms ease-in-out;}
    #nav-toggle.active span {background-color:transparent;}
    #nav-toggle.active span:before, #nav-toggle.active span:after {top:0;}
    #nav-toggle.active span:before {transform: rotate(45deg);}
    #nav-toggle.active span:after {transform: rotate(-45deg);}
    

    #content{padding:5px 5px;}

    h1{/*color:#fff;background-color:#367588;padding:20px 10px;text-transform:uppercase;*/}
    .banner{background-image:none;} 
    
    ul.contentbox .overlay span{display:none;}        
    ul.contentbox .overlay a{display:none;}
    
    ul.sorting-options li{font-size:14px;text-transform:uppercase;}
    
    #breadcrumbs{padding-left:0px;}
    #featuredArt{padding:10px;}
    #featuredArt #artwork{width:100%;margin-bottom:15px;border-right:none;}
    #featuredArt #artvitals{width:100%;border-left:none;padding:0px;}
    .add-to-favourites, .remove-favourite, .reserve {font-size:16px;}
    .soldartwork span.sold {width:100px;margin-top:0px;font-size:20px;}
    
    .filter-strip{background-color:#f1f1f1;width:100%;padding:10px 0px 5px 0px;border-top:none;border-bottom:none;position:relative;margin:-22px 0px 20px 0px;text-align:center;}
    #filters{display:none;}
    .filter-container div.filter {width:90%;margin:0 auto;margin-bottom:7px;background-color:#fff;}
    .filter-container select{width:99%;}
    .filter-container .orientation {margin-bottom:7px;background-color:#fff;}
  
    .content-strip h1{font-size:20px;}

    ul.picturebox li{width:49%;margin-right:2%;margin-bottom:5px;text-align:center;}
    ul.picturebox li:nth-child(even){margin-right:0px;}
    ul.picturebox img{max-width:350px;}
    ul.picturebox .overlay,ul.contentbox .overlay{font-size:26px;}
    ul.contentbox li{margin:0px 2% 10px 0px;width:49%;}
    ul.contentbox li:nth-child(2n+0){margin-right:0px;}



}



/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
    body{font-size:12px;}
    header,#content-container,#footer-container{width:auto;}
    h1{font-size:22px;} h2{font-size:18px;}

    #user-links{font-size:16px;}
    
    .content-strip .content{padding:0px 30px;font-size:1em;text-align:left;}
    .content-strip2 .content{font-size:0.8em}
    
    #footer-links .col{width:33.33%;}
    #footer{font-size:13px;}

}


/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 479px) 
{
    body{font-size:16px;}
    header,#content-container,#footer-container{width:100%;}
    h1{font-size:20px;} h2{font-size:18px;}
    .content-strip .content{padding:0px 20px;font-size:1em;text-align:center;}
    ul.sorting-options li{font-size:12px;text-transform:uppercase;}
    ul.picturebox .overlay,ul.contentbox .overlay{font-size:18px;}
    .buyartwork .buynow,.buyartwork .reserved,.buyartwork .sold{padding:10px;font-size:22px;}
    #footer-links .col{width:100%;}
    #footer-links .col .head{padding-top:10px;}
}

/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 400px) 
{


    
}