html { height: 100%; }
body { font: small/1.2 Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; color: #333; height: 100%; }

img { border: 0; }

a { color: #0066ff; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h2 { margin: 10px 0;}

div.bubblewrap.main { position: relative; width: auto; min-width: 875px; }
div.bubblewrap.footer { position: relative; height: 165px; margin: 0; padding: 0; min-width: 875px; border-top: 2px solid #b9b9b9; }



#header { position: relative; height: 60px; border-bottom: 2px solid #b9b9b9;  }
#header h2 { width: 875px; margin: 0 auto; padding: 18px 0 0 0; font-size: 1.8em;}
#header h2 a { text-decoration: none; color:  #888; }


#footer { position: relative; margin: 0 auto; padding: 20px 0 0 0; width: 875px; font-size: 11px; line-height: 150%; color: #666; }
#footer a { color: #666; }
#footer div.float-left { width: 388px; float: left; }
#footer div.float-left ul.buyer-confidence { margin: 0; padding: 0; }
#footer div.float-left ul.buyer-confidence li { margin: 0 0 4px 0; padding: 2px 0 0 24px; list-style: none; }
#footer ul.buyer-confidence li img.cc-cards { display: inline; margin: 0 0 -3px 0; }
#footer div.float-left ul.buyer-confidence li#shop-securely { line-height: 19px; background: url('/images/silk/creditcards.png') no-repeat top left; }
#footer div.float-left ul.buyer-confidence li#shipping { background: url('/images/silk/lorry.png') no-repeat top left; }
#footer div.float-left ul.buyer-confidence li#ship-time { background: url('/images/silk/date.png') no-repeat top left; }
#footer div.float-left ul.buyer-confidence li#currency-display { background: url('/images/silk/money_dollar.png') no-repeat top left; }
#footer div.float-right { width: 450px; float: right; }
#footer div.float-right h3, #footer div.float-right p { margin: 0; padding: 0; color: #666; font-weight: normal; }
#footer div.float-right p { margin-bottom: 1em; }
#footer div.float-right p#ups { padding: 6px 10px 10px 0; }
#footer div.float-right h3#buyer-guarantee { font-size: 1.2em; margin: 0; padding: 0 0 10px 20px; background: url('/images/silk/shield.png') no-repeat top left; }



ul#nav { list-style-type: none; text-align: right; margin: -20px auto; padding: 0; width: 875px; }
ul#nav li { display: inline; text-align: right; padding: 0 8px; border-left: 1px solid #b9b9b9;}
ul#nav li.first { border: none; }
ul#nav li a { color: #888; font-size: 1em; text-decoration: none;}
ul#nav li a:hover { text-decoration: underline; }

/* user site front page */
div#main { position: relative; margin: 0 auto; padding: 20px 0 20px 0; width: 875px; }
div#main .intro { float: left; width: 400px; padding-top: 18px;}
div#main .intro h1 { border-top: 1px solid #a7a7a7; text-align: left; padding: 20px 0 0 75px; font-size: 1.4em; margin-bottom: 0; }
div#main .intro p { text-align: left; margin: inherit 40px 5px auto; font-size: 1.1em; line-height: 1.2em; }

.gallery-link { float: right; clear: right; width: 450px; }
.gallery-link a { margin: auto; text-decoration: none; display: block; background: url('/images/user_sites/viewgallery.png') no-repeat top left; width: 121px; height: 28px; }
.gallery-link a:hover { background: url('/images/user_sites/viewgallery.png') no-repeat 0 -28px; width: 121px; height: 28px; }
.gallery-link a span { visibility: hidden; }

#main .image { margin-bottom: 6px; float: right; width: 450px; text-align: center; border-bottom: 2px solid #b9b9b9; }
#main .image img { margin-top: 20px; margin-bottom: 20px; }

/* Displaying thumbnails in the gallery */
div.works ul.grid { margin: 0; padding: 0; float: left; clear: left; width: 100%; }

ul.grid { margin: 0; padding: 0; float: left; width: 100%; /*border: 1px solid #fc0;*/ }
ul.grid li * { margin: 0; padding: 0; font-size: .9em; z-index: 1; text-align: center; /**/ }
ul.grid li { margin: 9px 0 10px 0; padding: 0 8px 10px 7px; width: 160px!important; height: 190px; float: left; list-style: none; border-bottom: 1px solid #afafaf; /**/ }

ul.grid li img {  clear: both; }

ul.grid li h3 a.title-clip { padding-bottom: .25em; width: 160px; height: 1.05em; font-size: 1.1em; overflow: hidden; display: block; float: left; }
ul.grid li div.work-image { height: 140px;}
ul.grid li div.work-content p { margin: 0; padding: 0; text-align: center; font-size: 1.15em; }

ul.grid li h3 { margin: 0 0 .1em 0; padding: 0; line-height: 1.2em; font-size: 1.2em; height: 1.1em; font-weight: normal; overflow:hidden; clear: left; }
ul.grid li.visual-work div.description p { font-size: 1.15em; }
ul.grid li.visual-work img { border: 1px solid #999999; /**/ }


/* Show works screen */

#main .work { width: 600px; float: left; clear: left; /**/ }
#main .work .image { margin: 1em 0 1em 0; padding: 0; float: left; width: 600px; text-align: center!important; border-top: none; text-align: center; }
#main .work .image div { clear: left; width: 100%; float: left; text-align: center; }
#main .work .image img { margin: 0; }
#main .work .description { clear: left; margin: 1em 0 1em 75px; width: 450px; float: left; /*border: 1px solid #fc0;*/ }
#main .work .description h1 { margin: 0; padding: 0; font-size: 1.2em; }
#main .work .description p { margin-bottom: 0; font-size: .95em; line-height: 1.6em; }

#meta { float: left; width: 148px; padding-bottom: 20px; position: absolute; right: 0; }
a#zoom-link { margin: 20px; display: block; }
ul#prev-next { list-style-type: none; width: 150px; height: 47px; margin: 0; padding: 0; }
ul#prev-next li { float: left; margin: 0; padding: 0; }
ul#prev-next li.prev-next-end {background: #eee; color: #888; width: 52px; height: 44px; padding: 8px; font-size: 0.8em; text-align: center;}
ul#prev-next li a { display: block; margin: 0; padding: 0; }
ul#prev-next li.prev a { padding-left: 13px; background: url('/images/private_sites/menu.gif') -144px -40px no-repeat; }
ul#prev-next li.next a { padding-right: 13px; background: url('/images/private_sites/menu.gif') -163px -40px no-repeat; }
ul#prev-next li.next img { border-left: 1px solid #888; }


/* About screen */
.about-text { width: 475px; }


/* PAGINATION */
.paging {
  clear:both;
  }

div.pagination{
  position: relative;
  margin: 1em 0 1em 0;
  padding: 1em 0;
  font-size: 12px;
  min-height: 1.8em;
  width: 100%;
  font-weight: 400;
  clear: left;
  text-align: center;
  border-top: 1px solid #eee;
}

div.pagination li {
  list-style: none;
  display: inline;
}

div.pagination li span.ellipse {
  display:inline-block;
  margin:0 .5em 0 .3em;
  color:#888;
  }

div.pagination li a {
  display:inline-block;
  margin-right:1px;
  padding:.25em .75em;
  background:#eee;
  text-align: center;
  color:#222;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

div.pagination li a {
  text-decoration: none;
  }

div.pagination li span.inactive {
  display:inline-block;
  margin-right:1px;
  padding:.25em .75em;
  text-align: center;
  background:#888;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

div.pagination li.previous {
  position: absolute;
  left: 0;
  top: 1em;
  color:#aaa;
  }

div.pagination li.previous a{
  display:block;
  padding:.25em 1em;
  background:#eee;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

div.pagination li.next {
  position: absolute;
  right: 0;
  top: 1em;
  color:#aaa;
  }

div.pagination li.next a{
  display:block;
  padding:.25em 1em;
  background:#eee;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

div.pagination li a:hover {
  background:#888;
  color:#fff;
  }

div.pagination li.previous span.inactive, div.pagination li.next span.inactive {
  background:none;
  color:#888;
  }

div.paging-top{
  margin-top: 0;
  width: 100%;
  float: left;
}

div.paging-top div.pagination{
  margin: 0 0 1em 4px;
}



/* pop-up styles */

/* product info */

.product-info { width: 500px; padding: 1em 0; opacity: 1; filter: alpha(opacity=100); background: #d1d1d1; position: relative; }
.product-info h2 { margin: 20px 0 0 20px;text-align: left; }
.product-info h3 { margin-left: 20px; }
.product-info p { margin-left: 20px; margin-right: 20px; line-height: 1.2em; display: block; text-align: left; }
.product-info p.caption { text-align: center; }
.product-info .product-blurb { text-align: left; }
.product-info a.close { margin-left: 150px; }
a.close {display: block; margin: 0 0 10px 350px; width: 78px; height: 36px; position: fixed; left: 50%; background: url('/images/user_sites/zoom_close.gif') no-repeat; text-indent: -1000em; line-height: 100em; overflow: hidden;}
a.close:hover {background-position: 0 -36px;}

.product-blurb { text-align: left; width: 500px; float: left; background: #d1d1d1; }
.product-info .product-blurb h3 { margin: 15px 0 0 15px; line-height: 1.5em; display: block; border: none; }

.product-blurb img { margin: 0 1em 1em 1em; float: none;  }

div.product-blurb table { margin: 0 20px 1.5em 20px; font-size: .9em; line-height: .9; }



/* loading... */
#main-progress-indicator { position: absolute; top: 80px; left: 50%; width: 80px; margin-left: -550px; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #555; font-size: 10px; padding: 4px; text-align: center;}
#main p.carousel-loading, #main p.loading { position: absolute; top: 80px; left: 400px; margin-left: 0; z-index: 1000; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #555; font-size: 14px; padding: 8px; text-align: center;}

/* featured work carousel */
.user-sites .panel { width: 100%; overflow: hidden; }
.user-sites div.works { width: 100%; overflow: hidden; position: relative; }
.user-sites div.carousel { width: 700px; float: left; overflow: hidden; margin-left: 87px; margin-bottom: 0px; }
.user-sites div.carousel ul.grid { width: 10000px; height: 200px; padding-top: 10px; }
.user-sites .grid li { border: none; }

a.prev, a.next { margin: 0;
  z-index: 1000;
  position: absolute;
  width: 38px;
  height: 37px;
  overflow: hidden;
  text-indent: -1000em;
  line-height: 1000em;
  top: 80px;
}




/* sets */
#sets { text-align: center; }
.work-set { display: inline-block; float: left; vertical-align: top; margin: 0 10px 10px 0; width: 135px;}
.work-set a {padding-top: 135px; width: 135px; display: block; font-size: 1em; font-weight: normal; text-decoration: none; color: white;}
.work-set a:hover {color: white;}
.work-set a span {display: block; background: #afafaf; padding: 10px; height: 40px; font-size: 10px;}
.work-set a span strong {font-size: 12px; display: block; font-weight: normal; padding-bottom: 6px;}
.work-set a span span {display: block; float: right;}

/* breadcrumbs */
#nav-breadcrumbs {
  float: left;
  font-size: 11px;
  background: url('/images/user_sites/bg_breadcrumbs.png') no-repeat;
  height: 26px;
  margin-bottom: 10px;
}
#nav-breadcrumbs a {
  text-decoration: none;
  background: url('/images/user_sites/breadcrumb_div.png') top right no-repeat;
  display: block;
  color: #666;
  height: 26px;
  padding: 0;
}
#nav-breadcrumbs a:hover {
  color: #0066ff;
}
#nav-breadcrumbs h2 {
  background: url('/images/user_sites/bg_breadcrumbs.png') top right no-repeat;
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  clear: none;
}
#nav-breadcrumbs h2,
#nav-breadcrumbs a {
  height: 12px;
  float: left;
  padding: 7px 14px 7px 7px;
  margin: 0;
}

/* checkout */
#secure-info { margin-top: 90px; font-size: 11px !important; left: 480px;}
#single-stage-checkout { margin: 0 !important;}
body.user-site-checkout { background: none; }
#single-stage-checkout form table *{font-size: 12px;}
#single-stage-checkout form table th {text-align: right; }
#single-stage-checkout form table th.items {text-align: left;}
#single-stage-checkout td.description { width: 420px;}
#single-stage-checkout td.description dt { width: 80px; float: left; text-align: right; cleaR: left;}
#single-stage-checkout td.description dt:after { content:':';}
#single-stage-checkout td.description dd { width: 220px; float: left; padding: 0; margin: 0 0 0 6px;}
#single-stage-checkout td.quantity {text-align: center; }
#single-stage-checkout td.edit {width: 180px; }
#single-stage-checkout td.edit a {padding-top: 4px; }
#single-stage-checkout fieldset.shipping-options {height: 90px;}
#single-stage-checkout fieldset.shipping-options h4 { width: 500px; }
#single-stage-checkout fieldset.shipping-options label { clear: left; float: left; text-align: left;}
#single-stage-checkout fieldset label {width: 160px; float: left; clear: left; text-align: right; padding-right: 10px;}
#single-stage-checkout fieldset label,
#single-stage-checkout fieldset select,
#single-stage-checkout fieldset input { margin-bottom: 8px; }

div.paypal-pro, div.paypal-pro form { margin: 0; padding: 0; }
div.paypal-pro h1 { margin: 0; padding: 0; font-size: 2.0em; margin-bottom:10px; }
div.paypal-pro ol { margin: 0; padding: 0; font-size: 1em; }
div.paypal-pro ol li { position: relative; margin: 0 0 .25em 0; padding: 0 0 .25em 0; list-style: none; float: left; width: 100%; }
div.paypal-pro ol li#ccv { background: url('/images/ccv_info_large.png') no-repeat 380px 0 !important; height: 118px; }
div.paypal-pro ol li#ccv span.hint { margin-top: 1em; }
div.paypal-pro span.hint { font-size: 1.2em; }


div.paypal-pro div.clearfix { border-top: 1px solid #ccc; }
div.paypal-pro fieldset { position: relative; margin: 10px 0 0 0; padding: 0; }
div.paypal-pro fieldset.section { margin-bottom: 10px; /**/ }
div.paypal-pro fieldset.total { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div.paypal-pro fieldset fieldset { border: none!important; }
div.paypal-pro fieldset legend { margin: 0; padding: 0; /*position: absolute; top: 0; */ }
div.paypal-pro fieldset h3 { margin: .5em 0 0 0; padding: 0; font-size: 1.2em; width: 250px; text-align: right; font-weight: normal; }
div.paypal-pro fieldset h3:after { content: ":"; }
div.paypal-pro fieldset p { margin: 0; padding-top: 10px; }


div.paypal-pro form fieldset label { width: 250px; }
/*div.paypal-pro label:after { content: ""; }*/
div.paypal-pro span.hint { margin: .25em 0 0 260px; display: block; clear: left; color: #999; }
div.paypal-pro span.validation-error { margin: .25em 0 0 260px; display: block; clear: left; }
div.paypal-pro fieldset.cc-expiry span.validation-error { margin-left: -60px; }
/*div.paypal-pro fieldset.credit-card-type span.validation-error { margin-left: 0; }*/
div.paypal-pro li#ccv span.validation-error { margin-top: 10px!important; }

div.paypal-pro fieldset.credit-card-type ol { margin: -15px 0 0 210px; float: left; width: 600px; }
div.paypal-pro fieldset.credit-card-type li { margin-bottom: 2px; }
div.paypal-pro fieldset.credit-card-type ol li input { position: absolute; top: 0; left: 0; margin: 0; }
div.paypal-pro fieldset.credit-card-type ol li label { margin: 0 0 0 60px !important; padding-left: 45px; min-height: 24px; text-align: left; }
div.paypal-pro fieldset.credit-card-type ol li label:after { content: ""; }
div.paypal-pro fieldset.credit-card-type ol li#visa label { background: url('/images/icons/cc_icon_visa.png') no-repeat top left; }
div.paypal-pro fieldset.credit-card-type ol li#mastercard label { background: url('/images/icons/cc_icon_mastercard.png') no-repeat top left; }
div.paypal-pro fieldset.credit-card-type ol li#amex label { background: url('/images/icons/cc_icon_amex.png') no-repeat top left; }
div.paypal-pro fieldset.credit-card-type ol li#discover label { background: url('/images/icons/cc_icon_discover.png') no-repeat top left; }

div.paypal-pro fieldset.cardholder-details ol { margin: -15px 0 0 210px; float: left; width: 600px; }
div.paypal-pro fieldset.cardholder-details li { width: 220px; position: relative; }
div.paypal-pro fieldset.cardholder-details ol li input { position: absolute; top: 0; left: 0; margin: 0; width: 200px; z-index: 100; }
div.paypal-pro fieldset.cardholder-details ol li label { margin: 1.75em 0 0 0; text-align: left; color: #999; }
div.paypal-pro fieldset.cardholder-details ol li label:after { content: ""; }

div.paypal-pro fieldset.cc-expiry { float: left; width: 600px; }
div.paypal-pro fieldset.cc-expiry ol { margin: -15px 0 0 210px; float: left; width: 600px; }
div.paypal-pro fieldset.cc-expiry li { width: 100px; }
div.paypal-pro fieldset.cc-expiry li:first-child { width: 60px; }
div.paypal-pro fieldset.cc-expiry ol li select { position: absolute; top: 0; left: 0; margin: 0; }
div.paypal-pro fieldset.cc-expiry ol li label { margin: 1.75em 0 0 0; text-align: left; color: #999; }
div.paypal-pro fieldset.cc-expiry ol li label:after { content: ""; }



div.paypal-pro form dl.total { margin-top: 10px; margin-bottom: 10px; font-weight:bold; font-size:1.6em; width: 100%; float: left; }
div.paypal-pro form dl.total dt { margin-right: .25em; width: 40%; float: left; }
div.paypal-pro form dl.total dt:after { content: ":"; }
div.paypal-pro form dl.total dd { margin: 0; width: 18%; float: left; }
div.paypal-pro form dl.total dd.purchase { float: right; width: 30%; text-align: right; }
div.paypal-pro form dl.total dd.purchase input { margin: .25em 0 0 0; }
div.paypal-pro form dl.total dd.purchase span.hint { margin: 0; font-size: .4em; text-align: right; }
li#cc-number,li#ccv, fieldset.cardholder-details {padding-left: 0 !important;}
li#cc-number span.hint {font-size: 1em; padding: 0; margin-left: 210px;}
li#paypal-notice { margin-left: 60px; padding-bottom: 20px;}
li#paypal-notice img { margin-right: 8px;}


#buying-information { clear:both; }
#buying-information ul { list-style:none; margin:0; padding:0; border:1px solid #d0d8c1; padding:10px 0 12px; background:#ecf1df; }
#buying-information ul li { list-style:none; float:left; width:127px; margin:0; padding:0 10px 0 80px; border-left:1px solid #d0d8c1; font-size:11px; min-height:85px; }
#buying-information ul li#buying-information-delivery   { background: url("/images/icons/cart_delivery_van.gif") no-repeat 0 0; border-left:0; }
#buying-information ul li#buying-information-email      { background: url("/images/icons/cart_question_mark.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-phone      { background: url("/images/icons/cart_telephone.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-guarantee  { background: url("/images/icons/cart_guarantee.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-secure     { background: url("/images/icons/cart_padlock.gif") no-repeat 0 0;  }
#buying-information { margin-top:2.5em; }
fieldset.billing-address span.validation-error {margin: -4px 0 10px 170px !important;}
div.paypal-pro ol li#ccv {padding-top: 10px; background-position: 400px 10px !important; }
fieldset.cc-expiry span.validation-error {padding: 0px !important; float: left; padding-top: 10px !important; }
#single-stage-checkout form fieldset.discounts.high-top { padding-top: 10px;}
fieldset.credit-card-details fieldset.credit-card-type,
li#cc-number { padding-top: 10px; width: 805px;}
#single-stage-checkout form {margin-top: 10px;}
p.hint {padding: 0 0 0 170px !important; margin: 0 0 6px 0 !important;}

/* thanks */
p.order-number {padding: 10px !important; background: #ffffee; border:2px solid black; padding: 4px;}
div.main div.float-left {float: left; width: 420px;}
div.main div.float-right {float: right; width: 420px; border-left: 1px solid #ccc; padding-left: 20px; height: 160px;}

/* contact */
form#contact {
width: 250px;
}
form#contact label{
display: block;
margin: 8px 0 4px 0;
}
form#contact input,
form#contact textarea {
  width: 250px;
}
form#contact textarea {
  height: 100px;
}

.options-error {
  color:#c2002a;
  text-align: right !important;
  line-height: 1.2em;
  display: block;
  margin-right:-40px;
  }