/*
Image/gallery styles + over-rides of main styles.
Author: Phil Hughes
Author URI: http://www.qualitywebs.co.uk
*/


.std-div {
    position:relative;
    float:left;
}


/* New definitions. */


.discrete {
    font-size:12px;
    text-align:left;
    padding:0px 0px 0px 10px;
}
/*
 * New gall defs...
 */
.gall-page-head {
    width:100%;
    font-size:11px;
    margin:0px 0px 10px 0px;
}
.gall-page-left {
    width:40%;
    text-align:left;
}
.gall-page-right {
    width:60%;
    text-align:right;
}
.gall-page-right form {
    display:inline;
    
}
.gall-lhs {
    min-width:175px;
    width:11%;
    margin:0px 1% 0px 0px;
  /*  background-color:#eee; */
    padding:0px 0px 0px 1%;
}
.gall-lhs h1 {
    text-transform: uppercase;
    font-size:16px;
}
.gall-lhs h2 {
    font-size:14px;
}
.gall-rhs {
    width:75%;
 /*   background-color:#f0f; */
}
.gall-rhs-head {
    width:100%;
  /*  background-color:#0f0; */
    margin:0px 0px 0px 0px;
    font-size:13px;
}
.gall-rhs-head hr {
    width:100%;
}
.left-row {
    width:48%;
    text-align:left!important;
    font-size:11px;
}
.right-row {
    width:48%;
    text-align:right!important;
    font-size:11px;
}
.right-row select {
    vertical-align:middle!important;
    border:solid 1px #eee;
    background-color:#fff;
}
.art-sel {
    background-color:#cdcdcd;
}
.artist-row {
 /*   background-color:#eee; */
    border-bottom:solid 1px #efefef;
    margin:10px 0px 10px 0px;
  /*  height:100px; */
}
.artist-row a {
    text-decoration:none;
    color:#555;
    font-size:18px;
}
.artist-row a:hover {
    color:#ff6600;
}
.artist-row h1 {
    text-transform: uppercase;
    padding:10px 0px 10px 0px !important;
    margin:0!important;
    font-size:13px;
    color:#555;
}

.gall-rhs-head table {
    width:100%;
    background-color:#fff;
    border-top:solid 1px #eee;
    border-bottom:solid 1px #eee;
}
.gall-rhs-head td {
    min-width:20px;
    text-align:center;
}
.td-first {
    text-align:left!important;
}
.gall-rhs-head a {
    text-decoration: none;
    text-transform: uppercase;
}
.gall-rhs-head a:hover {
    color:#f80;
}

.gall-rhs-body {
    width:100%;
    /* background-color:#f80; */
    margin:10px 0px 0px 0px;
}

/* Old gall */

#gall-header {
    position:relative;
    float:left;
    background-color:#ffefcb;
    width:100%;
    padding:0px 0px 20px 0px;
    font-size:12px;
    color:#555;
}
#gall-header a {
    text-decoration: none;
     color:#333;
}
#gall-header a:hover {
    color:#f00;
}
.gall-head-col {
    position:relative;
    float:left;
    margin:0px 1% 0px 1%;
    padding:0px 1% 0px 1%;
}
.col-left {
    min-width:360px;
    width:84%;
    padding:0px 0px 0px 0px;
  /*  background-color:#be53b1;   */
}
.col-right {
    min-width:160px;
    width:12%;    
    padding:10px 0px 10px 0px;
    border-top:solid 1px #ccc;
}

.gall-output {
    position:relative;
    float:left;
    background-color:#ffe;;
    width:100%;
    padding:10px 0px 10px 0px;
    color:#444;  
}
#gall-body {
    position:relative;
    float:left;
 /*   background-color:#ffefcb; */
    width:100%;
    min-height:100px;
 /*    border-bottom:solid 1px #666; */
    padding:0px 0px 0px 0px;
    color:#444;
    font-size:1.0vw;
}

.gall-left {
    position:relative;
    float:left;
    width:13%;
    /*min-width:210px;  */
  /*  background-color:#ffefcb; */
    text-align:left;
    padding:0% 1% 1% 1%;
    margin:0% 0% 1% 0%;
}
.gall-left h1 {
    color:#f06221;
    padding:0px;
    margin:16px 0% 0% 0%;
    font-size:1.3vw;
    font-weight:normal;
}
.gall-left h2 {
    color:#f06221;
    font-size:1.1vw;
    font-weight:normal;
}
.gall-left h2 a {
    color:#f1981b;  
    text-decoration: none;
}
.gall-left h2 a:hover {
    color:#f00;
}

.gall-left h3 {
    color:#f06221;
    font-size:1.0vw;
    font-weight:normal;
}
.gall-left h3 a {
    color:#f1981b;  
    text-decoration: none;
}
.gall-left h3 a:hover {
    color:#f00;
}

.gall-left #submit {
    background-color:#f1981b;
    padding:1%;
    text-align:center;
    border:solid 2px #fff;
}
.gall-left input[type='text'] {
    width:90%
}

.search-col {
    width:11%;
    height:130px;
    min-width:145px;
    background-color:#fda;
    padding:5px 1% 10px 1%;
    margin:0px 0.5% 5px 0px;
    text-align:left;
    border:solid 1px #ccc;
}
.search-row {
    width:100%;
    text-align:left;
    margin:0px 0px 10px 0px;
    font-size:13px;
}
.search-row h3 {
    font-size:13px;
}
.search-row input {
    max-width:100%;
}
.search-row select {
    width:88%;
}

.centred {
    text-align:center;
    vertical-align:middle;
}
.search-col h1 {
    margin:5px 0px 5px 0px;
    padding:0px;
    font-size:14px;
}
.search-col h2{
    margin:5px 0px 5px 0px;
    padding:0px;
    font-size:13px;
}
.search-col h3 {
    margin:15px 0px 5px 0px;
    padding:0px;
    font-size:12px;    
}

.search-col grid table {
    font-size:0.9em;
    width:100%;
}
.search-col grid td {
 /*    margin:5px; */
 width:16%;
 text-align:center;
}
.search-col grid input[type='checkbox'] {
    width: 33%;
   /*  margin:8px 33% 8px 33%; */
}

.help {
   /* background-color:#fff; */
    width:100%;
    padding:0px;
    margin:0px;
}
.help a {
    text-decoration: none;
    color:#f06221;
}
.help a:hover {
    color:#f00;
}
input#radio {
    width:10%;
}
.gall-left select {
    font-size:0.9vw;
    width:95%;
}
.gall-left #submit input {
    border:none;
    color: #fff;
    background-color:#f1981b;
    font-size:1.1vw;
}
#gall-left-results {
    padding:1%;
    text-align:center;
    margin:10px 0px 0px 0px;
   /* background-color:#f1981b; */
    text-transform: uppercase;
    color:#666;
    border: solid 1px #aaa;
}
#gall-left-results form {
    display:inline;
}
#gall-left-results select {
    border: none;
    background-color: #fff;
    color:#555;
}

#gall-wrapper {
    position:relative;
    float:left;
    width:100%; /* resp */
    padding:0px; /* resp */
 }
#gall-wrapper-header {
    position:relative;
    float:left;
    width:100%;
    background-color:#ffefcb;
    padding:10px 10px 5px 0px;
    color:#555;
 }
#gall-wrapper-header td#control {
    width:20px;
    height:20px;
    cursor: pointer;
    background-image:url(../images/icon-search.png);
    background-position: 5px 5px;
    background-repeat:no-repeat;
 }
#gall-wrapper-header td#control:hover {
   background-image:url(../images/icon-search-neg.png);
}
#gall-wrapper-header-left {
     position:relative;
     float:left;
     text-align:left;
     width:50%;
    /* height:30px; */
}
#pubsea #head {
    position:relative;
    float:left;
    width:auto;
    margin:0px 0px 20px 0px;
    font-size:1.5em;
}
#gall-wrapper-header-left .control {
    position:relative;
    float:left;
    width:2.0em;
    height:2.0em;
    margin:1px 0px 0px 1px;
  /*  background-color:#0f0; */
    background-image: url(../images/magnif.png);
    background-repeat:no-repeat;    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
#gall-wrapper-header-left .control:hover {
    background-image:url(../images/magnif-inv.png);
    background-repeat:no-repeat;   
}
#gall-wrapper-header-left input {
     font-size:0.9em; 
     font-weight:normal;
     border:0em;
     height:1.35em;
    }
    
 #gall-wrapper-header-right {
    position:relative;
    float:left;
    text-align:right;
    width:50%;
    height:40px;
}
 .gall-pagin {
     
 }
 #gall-wrapper-body {
    position:relative;
    float:left;
    width:100%;
    padding:0px 0px 0px 0px; /* resp */  
    margin:0px 0px 20px 0px;
    background-color:#fff;
  /*  border-top:solid 1px #f06221;
    border-left:solid 1px #f06221; */
 }
 .def-gallery {
     position:relative;
     float:left;
     width:100%;
     margin:0px;
     padding:0px;
     color:#777;
 }
 .def-gallery h1 {
     font-size:1.1em;
     background-color:#eee;
     padding:10px 0px 10px 0px;
     margin:0px 0px 10px 0px;
 }
  
 #image-inspect-box {
     position:absolute;
     z-index:1000;
     border:solid 5px #f1981b;
     overflow:hidden;
     left:100px;
     top:100px;
     background-color:#fff;
     padding:10px;
 }
.gall-image {
    position:relative;
    float:left;
    margin:0px 1% 0px 0px;
    padding:0;
   /* width:31%; */
 /*   border-right:solid 1px #f06221;
    border-bottom:solid 1px #f06221; */
    height:310px;
    overflow: hidden;
    text-align:left;
}

.gall-image-ribbon {
    position:relative;
    float:left;
    height:310px;
   /* background-color:#efefef; */
    max-width:300px;
    margin:0px 1% 0px 0px;
    padding:0;
    overflow: hidden;
    text-align:left;
}
.gall-image-ribbon img {
    height:164px;
}
.ribbon-image {
    position:relative;
    float:left;
    margin:2px 0.5% 2px 0.5%;
    cursor:pointer;
}
.ribbon-image img {
    height:65px!important;
}

.details {
    position:relative;
    float:left;
    width:100%;
  /*  height:20px; */
    max-height:40px;
    padding:0px;
    font-size:11px;
    margin: 5px 0px 0px 0px; 
    text-align:left;
    background-color:#fff;
}
.gall-image img {
    position:relative;
    height:100px;
    overflow: hidden;
    border:none;
 }
 
.imcapt span {
    float:right;
    text-align:right;
}

.cp {
    position:relative;
    float:left;
    width:100%;
    background-color: #fff; 
  /*  padding:1%; */
    height:27px;
    font-size:12px;
  /*  border-top:dashed 1px #ccc; */
    margin: 5px 0px 0px 0px;
}
.cp a {
    text-decoration:none;
    color:#777;
    font-size:18px;
}
.cp a:hover {
    color:#f00;
}

.im-pop {
    position:absolute;
    z-index:1000;
    max-width:400px; 
    overflow: hidden;
    min-height:300px;
    background-color:#fff;
    display:none;
    border:solid 2px #999;
    font-size:12px;
}

.single-wrapper {
    width:100%; /* resp */
    padding:0px; /* resp */
}
.single-wrapper-body {
    position:relative;
    float:left;
    width:98%;
    padding:10px 1% 10px 1%; /* resp */    
    margin:0px 0px 20px 0px;
    background-color:#fff;
 }
 .artist-ribbon {
     background-color:#eee;
     text-align:left;
     margin:20px 0px 0px 0px;
 }
.single-wrapper-body h3 {
    font-size:15px;
}
.single-head {
     width:100%;
    /* height:92px; */
    /* background-color:#ff0; */
     text-align:left;
     padding:0px 0px 0px 10px;
     margin:40px 0px 30px 0px;
     border-bottom: solid 1px #ccc;
     color:#888;
}

.single-head a {
    text-decoration:none;
    color:#444;
}
.single-head a:hover {
    color:#f80;
}
.single-head h1 {
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;
}
.single-head h2 {
    font-size: 1.2em;
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;
    text-transform: uppercase;
}

.single-left {
    text-align:left;
    width:44%;
    margin:0px 0.5% 0px 0.5%;
    padding:0px 0% 20px 0%;
}
.single-left img {
  width:100%;   
}
.single-right {
   text-align:left;
   width:54%;
   margin:0px 0px 0px 1%;
   padding:0px 0% 20px 0%;
   font-size:13px;
}
.single-right a {
    text-decoration:none;
}
.single-right a:hover {
    color:#000;
}

.single-right select {
    font-size:12px;
    width:95%;
}
.left {
    text-align:left!important;
}
.col-1 {
/*    position:relative; */
    float:left;
    width:48%;
}
.col-1 table {
    width:100%;
    text-align:justify;
    font-size:12px;
}
#rowhead {
    width:130px;
}

.col-2 {
/*    position:relative; */
    float:right;
   /* border:solid 1px #f06221; */
    width:47%;
    background-color:#fff; /* #efefef; */
    /* margin:105px 0px 0px 0px; */
     padding:0px 1% 20px 1%;
     font-size:12px;
}
.col-2 table {
    width:100%;
    font-size:12px;
}
.col-2 a {
    color:#f1981b;
    text-decoration:none;
}
.col-2 a:hover {
    color:#f00;
}
    
.pricing-dialogue {
    width:95.5%;
    margin:0px 0px 10px 0px;
    padding:10px 2% 10px 2%;
    background-color:#eee;
    border:solid 1px #cdcdcd;
}
.pricing-dialogue a {
    text-decoration:none;
    color:#888;
}
.pricing-dialogue a:hover {
    color:#f00;
}
.pricing-dialogue h2 {
    font-size:15px;
}
.pricing-dialogue h3 {
    font-size:14px;
}
.pricing-dialogue th {
    text-align:left;
}
.pd-inner {
    width:95%;    
}
.pricing-dialogue input[type='button'] {
    background-color:#f1981b;
    border:none;
    padding: 5px;
    margin: 0 10px 0 0;
    width:108px;
    text-align:center;
}

.search {
        float:left;
        /* background-color:#eee; */
      /*  width:46.5%; */
        text-align:left;
        font-size:0.9em;
        padding:0px;
       margin:-20px 0px 20px 200px; /* Tuck up a bit...*/
    }
.search input {
     font-size:0.9em; 
     font-weight:normal;
     height:1.35em;
     border:none;
    }
.search .control {
    position:relative;
    float:left;
    width:1.35em;
    height:1.35em;
  /*  background-color:#0f0; */
    background-image: url(../images/magnif.png);
    background-repeat:no-repeat;    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.search .control:hover {
    background-image:url(../images/magnif-inv.png);
    background-repeat:no-repeat;   
}

.search-results-header {
    position:relative;
    float:left;
    width:100%;
    padding:10px 0px 10px 0px;
    margin:5px 0px 5px 0px;       
    background-color: #eef;
}
.gall-header-box {
    position:relative;
    float:left;
    max-width:65%;
    margin:0% 1% 0% 1%;
    /* background-color:#be53b1; */
    font-size:13px;
}

.gall-header-box td {
    padding:5px 5px 5px 5px;
}
.gall-header-box td#spacer {
    position:relative;
    float:left;
    width:5px;
}
.gall-header-box td#control {
    width:20px;
    height:20px;
    cursor: pointer;
    background-image:url(../images/icon-search.png);
    background-position: 5px 5px;
    background-repeat:no-repeat;
 }
.gall-header-box td#control:hover {
   background-image:url(../images/icon-search-neg.png);
}
.dark-col {
    background-color:#fff;  
}
.light-col {
    
}
.hilit {
    margin:10px 0px 10px 0px;
    text-align:center;
}
.gall-header-box select {
    border:none;
    color:#444;
    background-color:#fff;
}
.gall-header-box select:hover {
    color:#f1981b;
}
.sel-box-wrap {
    position:relative;
    float:left;
    /* background-color: #ff0; */
    width:25%;
    margin:3px;
    padding:3px;
}
.sel-box-wrap2 {
    position:relative;
    float:left;
   /* background-color: #ff0; */
    width:12%;
    margin:3px;
    padding:3px;
}
.sel-box {
    position:relative;
    float:left;
   /* background-color: #be53b1; */
    margin:3px;
    padding:3px;
    text-align:left;
    color:#333;
}

.gall-header-box2 {
    position:relative;
    float:left;
    padding:5px 0px 0px 0px;
    min-width:320px;
    margin:0% 1% 0% 1%;
    /* background-color:#be53b1; */
    font-size:13px;
}
.gall-header-box3 {
    position:relative;
    float:left;
    padding:5px 0px 0px 0px;
    min-width:320px;
    margin:0% 1% 0% 1%;
   /* background-color:#be53b1; */
    font-size:13px;
}

#gall-footer {
    position:relative;
    float:left;
    background-color:#f1981b;
    width:100%;
    padding:10px 0px 10px 0px;
    font-size:12px;
    color:#444;
}

.artist-head {
  /*  background-color:#ff0; */
    margin:20px 1% 0px 0px;
    padding:10px 1% 10px 1%;
    vertical-align:text-top;
    text-align:justify;
   /* max-width:71%; */
}
.artist-head h1 {
    font-size:14px;
    padding:0;
    margin:0px 0px 10px 0px;
    text-transform: uppercase;
}
.artist-head img {
    height:140px;
    border:none;
    max-width:140px;
}
.artisimg {
    max-width:10%;
}
.artistname {
    max-width:10%;
}
.artistbiog {
    max-width:64%;
}
.topspace {
    width:100%;
    margin:26px 0px 0px 0px;
}

.biog {
    height:auto;
    max-height:100px;
    overflow:hidden;
    -webkit-transition: max-height 1.5s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: max-height 1.5s ease-in-out;
}

.endtab {
    width:100%;
    height:25px;
    text-align:center;
    font-size:38px;
    color:#777;
    margin:0;
    padding:0;
    cursor:pointer;
}

/* end */