/* COLOURS
orange: #f78f1e
grey: #666666
*/
body {
  background-color:#000;
  color:#fff;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:0.7em;
  padding:0;
  margin:0 15px 30px 15px;
}
body * {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  padding:0;
  margin:0;
  border:0;
}
h1 img { display:block }
h1 {
  display:block;
  float:left;
  width:220px;
  height:22px;
}
h2 {
  color:#f78f1e;
  font-size:1.25em;
  margin-bottom:1em;
  font-weight:bold;
}
h3 {
  color:#fff;
  font-size:1.2em;
  margin:3em 0 1em 0;
  font-weight:bold;
  text-transform:uppercase;
}
h3.first { margin-top:-0.75em }
h4 {
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:1em;
}
h5 {
  color:#fff;
  font-size:1em;
  margin:2em 0 0.5em 0;
  font-weight:bold;
}
h5.first { margin-top:-0.75em }
table { border-collapse:collapse }
th {
  font-weight:normal;
  text-align:left;
  padding-right:1em;
  padding-bottom:0.2em;
}
blockquote {
  clear:left;
  font-style:italic;
  line-height:1.25em;
  width:95%;
}
blockquote span {
  font-weight:bold;
  font-style:normal;
}







/* PARAGRAPH */
p.first,
p.middle { margin-bottom:1em }
p.first,
p.middle,
p.last,
ol li {
  width:550px;
}
.note {
  margin-left:12em;
  font-style:italic;
  margin-top:-0.5em;
  margin-bottom:1em;
  width:22em;
  color:#666;
}
.nb {
  font-size:0.8em;
  margin-top:-1.5em;
  width:50%;
}
/* END OF PARAGRAPH */






/* HYPERLINKS */
a {
  color:#fff;
  text-decoration:none;
}
a:hover { color:#f78f1e }
.left a,
.news-story a,
a.contextual,
.bulleted a,
.cms-menu-vertical a,
h2 a:hover {
  color:#fff;
  text-decoration:none;
  background:url(../assets/underline-white.gif) repeat-x left bottom;
  padding-bottom:2px;
}
.left a:hover,
.news-story a:hover,
a.contextual:hover,
.bulleted a:hover,
.cms-menu-vertical a:hover,
h2 a  {
  color:#f78f1e;
  background:url(../assets/underline-orange.gif) repeat-x left bottom;
}
h2 a { padding-bottom:2px; }
/* END OF HYPERLINKS */






/* BULLETED LISTS */
ul.bulleted,
ul.error-list,
ul.files {
  list-style:none;
  margin:1em 0 3em 0;
}
.news-story ul {
  list-style:none;
  margin:1em 0 1em 0;
}
.news-story ul li,
ul.bulleted li,
ul.error-list li,
ul.files li {
  margin-bottom:0.2em;
  padding-left:15px;
  height:100%;
  padding-bottom:2px;
}
ul.files { margin-bottom: 0 }
ul.bulleted   li,
.news-story li   { background:url(../assets/bullet2.gif)      no-repeat left 50% }
ul.error-list li { background:url(../assets/bullet-error.gif) no-repeat left 50% }
ul.files li      { background:url(../assets/download.gif)     no-repeat left 50% }
.last { margin-bottom:0.5em; }
/* END OF BULLETED LISTS */






/* FORMS */
fieldset {
  border:0;
  margin-bottom:2em;
}
form {
  margin:2em 0 0 0;
}
form.empty {
  padding:10em;
  background-color:red;
}
textarea {
  overflow:auto;
  height:5em;
}
textarea.wysiwyg {
  height:15em;
  width :30em;
}
input.text,
textarea {
  width:20em;
  font-size:1em;
}
input.text,
textarea,
select {
  border: 0;
  background-color:#333 !important;
  color:#fff;
}
select {
  min-width:20em;
}
select.half {
  min-width:9.5em;
  margin-right:1em;
}
select.third {
  min-width:6em;
  margin-right:1em;
}
input.submit {
  margin-left:12em;
  text-transform:uppercase;
  font-size:1em;
}
.field-text {
  margin-bottom:0.5em;
}
.field-text label {
  display:block;
  float:left;
  width:12em;
}
form h3 {
  margin:2em 0 0.5em 0;
}
.future-promotions {
  width:32em;
  margin:1em 0;
}
.future-promotions label {
  display:block;
  float:left;
}
.future-promotions input {
  float:right;
}
/* END OF FORMS */







/* TEMPLATE */
#all {
  width:970px;
  margin:0 auto;
}
#header {
  padding-top:22px;
  background:url(../assets/bar.gif) left top no-repeat;
  margin-bottom:20px;
  height:78px;
}
.left {
  float:left;
  width:190px;
  margin-right:30px;
  position:relative;
}
.right {
  float:left;
  width:750px;
  position:relative;
}
#text   { position:relative }
#text p {
  margin-right:20px;
  /*width:570px;*/
}
/* END OF TEMPLATE */






/* MAIN NAVIGATION */
#nav-main {
  float:left;
  list-style:none;
  font-weight:bold;
  width:560px;
  margin-top:6px;
}
#nav-main li {
  list-style:none;
  display:inline;
  margin-right:1em;
}
#nav-main a {
  text-decoration:none;
  display:inline;
  background:none;
  padding-bottom:2px;
}
#nav-main a:after {
  content: ":";
}
#nav-main li#nav-home a {
  padding-left:0;
}
/* END OF MAIN NAVIGATION */






/* SIDE NAVIGATION */
#nav-browse { position:relative }
#nav-browse h4 { margin-bottom:0 }
#nav-browse.cms h4 { margin-bottom:1em }
#nav-browse a,  #nav-image a  { text-decoration:none }
#nav-browse ul, #nav-image ul { list-style:none }
#nav-image h3  { margin-top:0 }
#nav-image h4 {
  font-weight:normal;
  font-size:1em;
  margin-top:2em;
  margin-bottom:1em;
}
#nav-image h4.first { margin-top:0 }
#nav-image li,
#nav-browse li {
  padding-bottom:3px;
}
#nav-browse li * { /*vertical-align:sub*/ }
#nav-collections { margin-bottom:1em }
#nav-formats { padding-bottom:33px }
.left #nav-social a {
  background:none;
  padding-bottom:0;
  display:block;
  width:23px;
  height:23px;
}

#nav-social li {
  float:left;
  margin-right:6px;
  padding-bottom:0;
}

#nav-social {
  position:absolute;
  bottom:0;
}

/* END OF SIDE NAVIGATION */







/* FOOTER */
#footer ul {
  list-style:none;
}
#footer li {
  display:block;
  border-left:1px solid #666;
  padding:0 1em;
  float:left;
}
#footer a {
  color:#666;
  text-decoration:none;
  display:block;
}
#footer a:hover {
  color:#f78f1e;
}
#footer p {
  float:right;
  color:#666;
}
#footer li#nav-tandcs {
  border-left:0;
  padding-left:0;
}
#strapline {
  float:right;
  margin:1.5em 0;
}
/* END OF FOOTER */






/* SEARCH */
#search fieldset { margin:0 }
form#search { margin:0 0 1em 0 }
#search p input {
  display:inline;
  margin: 0;
}
#search .text {
  width: 100px;
  padding:0.1em 0;
}
/* END OF SEARCH */






/* HOME */
#cards-home {
  list-style:none;
  margin-top:2em;
}
#cards-home li {
  display:block;
  margin-right:1em;
  float:left;
  height:30px;
}
#slideshow {
  position:relative;
  height:164px;
  display:none;
  margin-bottom:3em;
  width:970px;
  background:url(../assets/film.gif) left top repeat-x transparent;
}
#slideshow_mask {
  position:absolute;
  width:950px;
  height:120px;
  overflow:hidden;
  left:10px;
  top:22px;
}
#slideshow img {
  margin-right:10px;
}
#slides {
  position:absolute;
  left:0;
  top:0;
}
#home-news {
  margin:2em 0 0 0;
}
/* END OF HOME */






/* ABOUT */
#niki-gorick { float:left }
#niki-gorick img {
  display:block;
  margin:0 1em 2em 0;
}
/* END OF ABOUT */






/* PHOTO SETS */
.photo-sets {
  margin-top:3em;
}
.photo-sets_left {
  float:left;
  width:270px;
}
.photo-sets_right {
  float:left;
  margin-left:30px;
  width:270px;
}
.photo-sets img {
  display:block;
  margin-bottom:20px;
}
/* END OF PHOTO SETS */






/* WALLPRINTS */
#wallprints-logo {
  float:right;
  margin:0 0 1em 2em;
}
#wallprints-images  {
  margin:2em 0;
  clear:right;
}
#wallprints-images img {
  float:left
}
#wallprints-image-2 { margin-left:30px  }
/* END OF WALLPRINTS */






/* TRADE */
#bespoke-products-images  { margin:-1em 0 2em 0 }
#bespoke-products-image-1 { float:left          }
#bespoke-products-image-2 { float:right         }
/* END OF TRADE */






/* NEWS */
.news-story { width:450px }
.news-story p { margin-bottom:1em }
.news-image {
  float:right;
  margin:0 0 2em 2em;
}
.news-date { font-weight: bold }
#news-first {  margin-top:-0.75em }
.news h3 { margin-top:0 }
.news { margin-top: 3em }
/*.news { clear:right }*/
/* END OF NEWS */






/* CONTACT */
#contact-details {
  margin-top:3em;
}
/* END OF CONTACT */






/* COLLECTION */
.row {
  margin-bottom:3em;
  position:relative;
}
#images {
  background:url(../assets/film.gif) repeat left top;
  position:relative;
}
#images * { display:block }
#images div {
  float:left;
  position:relative;
}
#images a.image { margin:22px 0 47px 10px }
p.back-to-top {
  text-align: right;
  margin-bottom: 2em;
  width:100%;
}
/* END OF COLLECTION */






/* PHOTO */
#photo-icons {
  position:absolute;
  bottom:0;
}
#photo-icons ul {
  list-style:none;

}
#photo-icons ul * {
  display:block;
  height:37px;
}
#photo-icons ul li {
  float:left;
  width:50px;
  margin-left:6px;
}
#li-product-type-1  a:hover { background:url(../assets/product-types/1-hover.gif) no-repeat left top }
#li-product-type-2  a:hover { background:url(../assets/product-types/2-hover.gif) no-repeat left top }
#li-product-type-3  a:hover { background:url(../assets/product-types/3-hover.gif) no-repeat left top }
#li-product-type-4  a:hover { background:url(../assets/product-types/4-hover.gif) no-repeat left top }
#li-product-type-5  a:hover { background:url(../assets/product-types/5-hover.gif) no-repeat left top }
#li-product-type-6  a:hover { background:url(../assets/product-types/6-hover.gif) no-repeat left top }
#li-product-type-7  a:hover { background:url(../assets/product-types/7-hover.gif) no-repeat left top }
#li-product-type-8  a:hover { background:url(../assets/product-types/8-hover.gif) no-repeat left top }
#li-product-type-9  a:hover { background:url(../assets/product-types/9-hover.gif) no-repeat left top }
#li-product-type-10 a:hover { background:url(../assets/product-types/10-hover.gif) no-repeat left top }
#li-product-type-11 a:hover { background:url(../assets/product-types/11-hover.gif) no-repeat left top }
#li-product-type-12 a:hover { background:url(../assets/product-types/12-hover.gif) no-repeat left top }
#nav-photo-icons a:hover img { visibility:hidden }
#photo-icons ul li#li-product-type-1 { margin-left:0 }
/* following hacks for ie5.0s sake */
#photo-icons ul img {
  display:inline;
  voice-family: "\"}\"";
  voice-family:inherit;
  display:block;
}
#postBoxHack{}
#photo-icons ul a {
  height:auto;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:37px;
}
#postBoxHack{}
/* END OF NAV MAIN */
/* END OF PHOTO */






/* PRINTS */
#print-sizes { margin:2em 0 }
#print-sizes td {
  padding:0.25em;
  border:1px solid #000;
  background-color:#333;
  text-align:center;
}
#print-sizes .size-imperial td { border-top-width:0    }
#print-sizes .size-metric   td { border-bottom-width:0 }
#print-sizes .size-metric td.print-size { border-bottom-width:1px }
#print-sizes thead td.empty { background-color:#000 }
/* END OF PRINTS */






/* PRODUCTS */
.product-image {
  position:relative;
  float:left;
}
.product h3 {
  clear:left;
}
/* END OF PRODUCTS */






/* PRODUCT */
#nav-positions {
  list-style:none;
  margin-top:0.5em;
}
#nav-positions li {
  list-style:none;
  display:inline;
}
#nav-positions a {
  text-decoration:none;
  padding:0 0.25em;
  display:inline;
}
#nav-positions a:hover { color:#f78f1e }
.li-position-current a { color:#000; background-color:#666 }
.price {
  margin:1em 0;
  font-weight:bold;
}
#p-positions {
  margin-top:3em;
}
#product-images .product-image-thumbnail {
  display:block;
  float:left;
}
#product-images .product-image {
  margin-right:1em;
}
span#vat {
  font-style:italic;
  font-size:0.9em;
}
/* END OF PRODUCT */






/* TERMS AND CONDITIONS */
ol {
  margin-top:1em;
  list-style-position:outside;
  margin-left:2em;
}
ol li { margin-top:1.5em }
/* END OF TERMS AND CONDITIONS */






/* SECURITY */
#protx-logo {
  float:right;
  margin:0 0 2em 2em;
}
/* END OF SECURITY */






/* CONTACT LINKS */
p.contact { padding-bottom:2px }
p.contact a { font-weight:bold }
/* END OF CONTACT LINKS */






/* CHECKOUT */
#addresses div {
  float:left;
  margin-right:3em;
}
.warning {
  margin-top:2em;
}
/* END OF CHECKOUT */






/* BASKET */
input.button {
  overflow: visible;
  padding:0.125em 0.5em;
  font-size:1em;
  text-transform:uppercase;
}
#buttons { margin-top:3em }
.button-checkout-forwards  { float:right }
.button-checkout-backwards { float:left }
#button-update-cart {
  float:right;
  padding-right:30px;
}
#table-cart {
  width:100%;
  background-color:#333;
}
#table-cart td {
  padding:0.25em;
  border:1px solid #000;
}
#table-cart thead td,
.cart-total-label,
.cart-total-price {
}
.cart-code  { width:12% }
.cart-name  { width:60% }
.cart-price { width:9% }
.cart-cost  { width:9% }
.cart-qty   { width:6%  }
.cart-qty,
.cart-cost,
.cart-price,
.cart-total-price { text-align:right  }
.cart-remove      { text-align:center }
.cart-qty input   { text-align:right  }
p#vat {
  margin:1em 0 0 0;
  font-size:0.9em;
  color:#666;
}
/* END OF BASKET */






/* PRINT AND POSTER MOCKUPS */
.print,
.poster {
  border-collapse:collapse;
  background-color:#fff;
  margin:2em 0;
}
.poster.first { margin:0 }
.print-image img { border:1px solid #000 }
.print-para td {
  background:url(../assets/print/title.gif) 50% 0 no-repeat;
  vertical-align:top;
}
.poster-para td {
  background:url(../assets/poster/title.gif) 50% 0 no-repeat;
  vertical-align:top;
}
.landscape .print-image  img { margin:40px 50px 0 50px }
.portrait  .print-image  img { margin:50px 40px 0 40px }
.landscape .poster-image img { margin:11px 8px 0 8px   }
.portrait  .poster-image img { margin:11px 11px 0 11px }
.landscape .print-para    td { height:50px }
.portrait  .print-para    td { height:60px }
.landscape .poster-para   td { height:12px }
.portrait  .poster-para   td { height:12px }
.portrait  .poster-para  img { margin-left:11px }
.landscape .poster-para  img { margin-left:8px  }
.stamp {
  float:left;
  padding-left:20px;
}
.signature {
  float:right;
  padding-right:20px;
}
/* END OF PRINT AND POSTER MOCKUPS */






/* CHECKOUT */
#add-to-cart,
.previous-and-next {
  position:absolute;
  right:0;
  text-transform:uppercase;
}
#add-to-cart,
.previous-and-next.top {
  top:0;
}
.previous-and-next.bottom {
  bottom:0;
  left:0;

}
.previous-and-next * {
  display:inline;
}
/* END OF CHECKOUT */






/* FLOAT CLEARING STUFF */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* END OF FLOAT CLEARING STUFF */









/* CMS */
.cms-menu-vertical {
  list-style:none;
  margin:2em 0;
  width:100%;
}

form .cms-menu-vertical {
  margin-left:12em;
  width:280px;
}


.cms-menu-vertical li { padding:0.25em 0 0.25em 25px }

li.cms-edit        { background:url(../assets/cms/edit.gif)        no-repeat left 50% }
li.cms-new         { background:url(../assets/cms/new.gif)         no-repeat left 50% }
li.cms-delete      { background:url(../assets/cms/delete.gif)      no-repeat left 50% }
li.cms-view        { background:url(../assets/cms/view.gif)        no-repeat left 50% }
li.cms-save        { background:url(../assets/cms/save.gif)        no-repeat left 50% }
li.cms-login       { background:url(../assets/cms/login.gif)       no-repeat left 50% }
li.cms-upload      { background:url(../assets/cms/upload.gif)      no-repeat left 50% }
li.cms-download    { background:url(../assets/cms/download.gif)    no-repeat left 50% }
li.cms-spreadsheet { background:url(../assets/cms/spreadsheet.gif) no-repeat left 50% }
li.cms-up          { background:url(../assets/cms/up.gif)          no-repeat left 50% }
li.cms-down        { background:url(../assets/cms/down.gif)        no-repeat left 50% }

li.cms-edit-greyed        { background:url(../assets/cms/edit-greyed.gif)        no-repeat left 50% }
li.cms-new-greyed         { background:url(../assets/cms/new-greyed.gif)         no-repeat left 50% }
li.cms-delete-greyed      { background:url(../assets/cms/delete-greyed.gif)      no-repeat left 50% }
li.cms-view-greyed        { background:url(../assets/cms/view-greyed.gif)        no-repeat left 50% }
li.cms-save-greyed        { background:url(../assets/cms/save-greyed.gif)        no-repeat left 50% }
li.cms-login-greyed       { background:url(../assets/cms/login-greyed.gif)       no-repeat left 50% }
li.cms-upload-greyed      { background:url(../assets/cms/upload-greyed.gif)      no-repeat left 50% }
li.cms-download-greyed    { background:url(../assets/cms/download-greyed.gif)    no-repeat left 50% }
li.cms-spreadsheet-greyed { background:url(../assets/cms/spreadsheet-greyed.gif) no-repeat left 50% }




.cms-menu-buttons {
  list-style:none;
}
.cms-menu-buttons * {
  vertical-align:sub;
   display:block;
}
.cms-menu-buttons li {
  margin:0.5em 0;
}
.cms-menu-buttons li li {
  margin:0 5px 0 0;
}
.cms-menu-buttons li li {
 float:left;
}
.cms-menu-buttons ul {
  padding-right:5px;
  float:left;
}


.cms-menu-horizontal {
  list-style:none;
  position:absolute;
  top:0;
  right:0;
  background-color: #000000;
  padding:0 0 5px 0;
}

.cms-menu-horizontal * {
  display:block;
}

.cms-menu-horizontal li {
  float:left;
  padding-left:5px;
}

.cms-menu-horizontal a,
.cms-menu-horizontal a:hover {
  background:none;
}

#images .cms-menu-horizontal {
  background-color:#333333;
  top:22px;
}

#images p {
  position:absolute;
  top:22px;
  left:10px;
  background-color: #333333;
  padding:0 5px 5px 0;
}

#delivery-prices td {
  text-align:right;
}

.news-image { margin-bottom: 1em }
.news-date  { margin-bottom: 1em }
#cms-news-image { margin:2em 0 0 12em }
#cms-keywords-image { margin:0 0 0 12em }

#caption  { height:7em }
#addPhoto #keywords,
#editPhotoDetails #keywords { height:15em }

/* END OF CMS */