/* Free Shipping Notices */

#free-shipping-notice {
  display: block;
  text-align: center;
  background: #ccc url('/images/mybubble/hatched-back.png');
  color:#222;
  font-size:18px;
  padding:6px;

  -webkit-box-shadow: rgba(0,0,0,.15) 0px -1px 10px;
  -moz-box-shadow: rgba(0,0,0,.15) 0px -1px 10px;
  box-shadow: rgba(0,0,0,.15) 0px -1px 10px;


  text-shadow: #fff 0px 1px ;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  }

#free-shipping-notice b.red-notice {
  color:#c2002a;
  }

#configure-wrap {
  clear:both;
  }

h1 span.artist { font-size: 0.8em; padding-top: 4px;}

h2 {
  font-weight: bold;
  text-align: left;
  margin:0;
  padding:6px 0 0 0;
  }

#config {
  border-top:1px solid #888;
  clear:both;
  background:#fff;

  -webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 10px;
  -moz-box-shadow: rgba(0,0,0,.15) 0px 1px 10px;
  box-shadow: rgba(0,0,0,.15) 0px 1px 10px;

  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }

div#configure-wrap .sticker-configure {
  background:#fff url("/images/products/sticker-ruler.png") 15px 20px no-repeat;
  }


#preview      { float:left; width:480px; padding: 20px 0 20px 0; text-align:center; }
#preview img.calendar, img#current_preview.calendar { border: none; margin-bottom: 10px;}

div#image-previews { margin-right: 50px; width: 425px; float: right; position: relative; top: -30px; }
body.products div#image-previews img { margin: 0; padding: 0; float: none; clear: both; }
div#image-previews p.caption { margin: 0; padding: 0; font-style: italic; color: #666666; }

#form         { float:left; width:400px; padding:20px 5px 20px 20px; margin-left:20px; }
#form form    { background:none; padding:0; margin:0; }
#form label   { display:block; margin:0; padding:0; float:left; width:110px; padding-right:10px; text-align:left; font-size:1.2em;}
#form select  { display:block; margin:0; padding:0; float:left; width:220px; }
#form input   { margin:0; padding:0; float:none; }
#form .item   { margin-bottom:1.5em; }
body.frame_purchases .item.price { margin-top: 1em!important; }
#form .item.submit { text-align:right; margin:0; padding-top:1em; }
#form .item.price div.input_wrap { float:left; clear: none; }
#form .item.price div.each { font-size:14px; font-weight:bold; }
#form .item.price div.each .change-currency { font-size:9px; font-weight:normal; font-family: Verdana, arial, sans-serif; border-top:1px solid #eee;margin-top:4px;padding-top:4px;text-decoration: none;}
body.frame_purchases #form .item.price span.each .change-currency { font-size:10px; font-weight:normal; width: 200px; }
#form .item.price div.each .change-currency a { color:#aaa; }
#form .item.price div.each .change-currency a:hover { color:#c2002a; text-decoration: underline; }
#form .item.price input { float:right; }
#form .item span.value { font-size:1.2em;}
#form .each span#owner_price { display: block; width: 220px; font-size: 0.8em; font-weight: normal; color: #000; margin:0.3em 0; }
#form .each span#inclusions { display: block; width: 220px; font-size: 0.8em; font-weight: normal; color: #000; margin:0.3em 0; }


/* T-Shirt Specific Config Styles */
div#configure-wrap div.tshirt-configure,
div#configure-wrap div.childrens-clothing-configure {
  background: #fbfbfb;
  }

div.tshirt-configure #preview,
div.childrens-clothing-configure #preview {
  width: 550px;
  margin:0 5px 0 10px;
  }

div.tshirt-configure #form,
div.childrens-clothing-configure #form {
  width: 360px;
  padding-right:0;
  margin:0;
  _overflow:hidden;
  _width:350px;
  }

div.tshirt-configure #form .item fieldset ul,
div.childrens-clothing-configure #form .item fieldset ul {
  margin-left:100px;
  _width:200px !important;
  _margin-left:20px;
  }

div.tshirt-configure #form .item fieldset#tshirt_body_color_choices ul,
div.childrens-clothing-configure #form .item fieldset#tshirt_body_color_choices ul {
  width: 220px;
  margin-left:113px;
  }


/* config screen for tees */

.item fieldset.error { background-color: #ffffee; }
.error label { color: #ff0000; font-weight: bold}
.error fieldset.error label { color: #ff0000; font-weight: normal}
.item fieldset { margin: 0; padding: 0 0 .5em 0; width: 100%; float: left; text-align: left; border-bottom: 1px solid #ccc; /*border: 1px solid #c00;*/ }
.item fieldset h3 { margin: 0; padding: 0; float: left; width: 90px; display: block!important; font-size: 1.2em; font-weight: normal; vertical-align: top; line-height:1.2em; }
.item fieldset ul { margin: -10px 0 0 110px; padding: 0; list-style: none; width: 260px; float: left; /*border: 1px solid #000;*/ }
.item fieldset#tshirt_body_color_choices ul { padding-left: 7px;/**/ width: 260px; }
.item fieldset ul li { margin: 0; padding: 0; float: left; display: block; /*border: 1px solid #fc0; */ }

.item fieldset#tshirt_size_choices ul li { margin: 0 3px 0 0; padding: 0; width: 45px; height: 50px; position: relative; text-align: center !important; }
.item fieldset#tshirt_size_choices ul li label { margin: 20px 0 0 0!important; padding: 0!important; width: 45px; position: absolute; text-align: center !important; }

.item fieldset#tshirt_body_color_choices ul li { margin-right: 5px; margin-bottom: 5px; width: 20px; height: 40px; text-align: center;/**/ }
.item fieldset#tshirt_body_color_choices ul li label { margin: 0 0 2px 0; padding: 0; width: 20px; height: 20px; border: 1px solid #000; /**/}
.item fieldset#tshirt_body_color_choices ul li label span.hidden { display: none; }


.item fieldset#tshirt_card_size_choices li { position: relative; clear: both; height: 20px; line-height: 20px;}
.item fieldset#tshirt_card_size_choices input { position: absolute; left: 10px; top: 4px;}
.item fieldset#tshirt_card_size_choices label { padding-left: 30px; width: 180px; font-size: 12px; }

.item fieldset#tshirt_style_choices li { position: relative; clear: both; height: 20px; line-height: 22px;}
.item fieldset#tshirt_style_choices input { position: absolute; left: 20px; top: 4px;}
.item fieldset#tshirt_style_choices label { padding-left: 40px; width: 220px; font-size: 12px;}


.item fieldset label { margin: 0; padding: 0; /*border: 1px solid #c00;*/ }
.item fieldset input { margin: 0; padding: 0; }


#products                   { margin:0 0 0 6px;}
#products ul                { margin:0; padding:0; list-style:none; }
#products ul li             { float:left; text-align:center; width:120px; }

#products li a {
  display:block;
  float:left;
  width:110px;
  text-align:center;
  color:#ccc;
  font-size:12px;
  padding:75px 2px 10px 2px;
  margin:0 3px;
  font-weight:bold;
  color:#003366;
  background-repeat: no-repeat;
  background-position: top center;
  cursor: pointer;

  -webkit-transition: background-position .1s;
  }

#products li a:hover,
#products li.active a {
  display: block !important;
  color:#333;
  background-color: #eee;
  background-position: 50% -2px;
  text-decoration: none;

  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;

  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;

  -webkit-box-shadow: rgba(0,0,0,.15) -1px -1px 0;
  -moz-box-shadow: rgba(0,0,0,.15) -1px -1px 0;
  box-shadow: rgba(0,0,0,.15) -1px -1px 0;

  -webkit-transition: background-position .1s;
  }

#products li a:active {
  background-color: #ccc;
  background-position: top center;

  -webkit-transition: background-position 0s;
  }

#products li.framed-print a    { background-image:url("/images/icons/product-icons/print_framed.gif"); }
#products li.matted-print a   { background-image:url("/images/icons/product-icons/print_matted.gif"); }
#products li.mounted-print a   { background-image:url("/images/icons/product-icons/print_mounted.gif"); }
#products li.laminated-print a { background-image:url("/images/icons/product-icons/print_laminated.gif"); }
#products li.canvas-print a    { background-image:url("/images/icons/product-icons/print_canvas.gif"); }
#products li.poster a          { background-image:url("/images/icons/product-icons/print_poster.gif"); }
#products li.t-shirt a          { background-image:url("/images/icons/product-icons/tshirt.gif"); }
#products li.kids-clothes a { background-image:url("/images/icons/product-icons/kids-clothes.png"); }
#products li.sticker      a { background-image:url("/images/icons/product-icons/stickers.png"); }
#products li.greeting-card a   { background-image:url("/images/icons/product-icons/cards.gif");}
#products li.calendar a   { background-image:url("/images/icons/product-icons/calendar.gif"); }


div#product-info { margin:2em 0; text-align: left;}
#product-info h1 {
  text-align: left;
  }
#product-info p { width: 450px; text-align: left;}
#product-info p.t-shirt-info { float: left; text-align: left; }
#product-info p.t-shirt-info img { float: left; margin: 0; }
#product-info #aa-image { float:left; text-align: left; }
#product-info h3.t-shirt-info { clear: both; padding-top: 20px; border-top: 1px solid #ccc; text-align: left; font-weight: bold; font-size:16px; margin:0;}

table.size-chart { margin-bottom: 20px; float: right; width: 450px; border: none; border-collapse: collapse; font-size:9px; font-family: Verdana, arial, sans-serif;}
table.size-chart td { border-bottom: 1px solid #ddd; padding: 2px 5px;}
table.size-chart tfoot td { padding-top: 5px; font-style: italic; color: #666666; border-bottom: none; }

a.configure-zoom { display: block; width: 50px; padding: 1px 0 2px 16px; background: url('/images/icons/zoom_in.gif') top left no-repeat; cursor: pointer;}
#preview a.configure-zoom { margin: 4px auto; }
div#calendar-paging { text-align: center; color: #888;}
div#calendar-paging a { text-decoration: none;}
span#current-month { color: #000; font-weight: bold; padding: 0 10px;}
a#calendar-page-prev { padding: 1px 0 2px 6px; background: url('/images/icons/arrow_previous.gif') left 6px no-repeat; cursor: pointer;}
a#calendar-page-next { padding: 1px 6px 2px 0; background: url('/images/icons/arrow_next.gif') right 6px no-repeat; cursor: pointer;}
#zoom { text-align: center; background: white; border: 2px solid black; border-width: 2px 0; padding: 20px 0 10px 0; }
#zoom a.configure-zoom { margin: 4px auto; }


#pdf-sample-link { text-align:center; margin-top:0.9em; }


/* These are for the new products about pages */

div#sales-copy { float: left; width: 40%; margin-top: 20px; }
div#products-examples, div#products, div#product-info { text-align: center; }

div#products-examples ul { list-style-type: none; margin: 0; padding: 0; }
div#products-examples ul li { margin: 0 6px 0 0; padding: 0; display: inline;}
a.shop-link { float: right; font-size: 1.4em; font-weight: bold; text-decoration: none; padding: 0 20px 20px 0; background: url('/images/header_bullet_arrows.gif') right 6px no-repeat;}

h3 {clear: both;}
p.intro { font-size: 1.4em; color: #333; width: 500px; margin: 20px;}
p.intro a { text-decoration: none; font-weight: bold;}
img#products-on-couch { float: right; margin: 20px;}
div#product-info img { float: right; margin: 20px 0; padding: 0; }
div#product-preview { float: left; width: 400px; }
div#product-info p {float: left; clear: left; /* clear: both removed because it borked the American Aparel images in products/tshirts about page*/ }

h1 { font-size: 2em;}
ul.group-list                   { clear:left; padding:0; margin:0; margin-bottom:2em; border-top:1px solid #ccc; list-style:none; }
ul.group-list li                { float:left; clear:left; width:875px; border-bottom:1px solid #ccc; margin:0; padding:0 0 10px 0; padding-top:10px; }
ul.group-list li img            { margin: 0 30px 30px 0; float:left; height:60px; width:60px; }
ul.group-list li p              { margin:0 10px 0 0; padding:0; text-align:left; width:90%; line-height:120%; color:#666; text-align: left; }
ul.group-list li p.title        { float: left; width: 600px; font-size:1.1em; margin-top:2px; font-weight:bold; }
ul.group-list li p.description  { float: left; font-size:1.1em; width: 450px; float: left; margin-top: 2px; color:#333; }
ul.group-list li p.right  { font-size:0.9em; color:#000; text-align: right; float: left; width: 310px; }
ul.group-list li p.right a {font-size: 1.2em; font-weight: bold; text-decoration: none; padding-right: 20px; background: url('/images/header_bullet_arrows.gif') right no-repeat;}
p.paypal { padding: 0 0 2px 25px; background: url('/images/silk/creditcards.png') top left no-repeat; }


body.frame_purchases form.half { width: 40%; float: left; background: none;}
div#main div.mid-section { margin: 1em 0 1em 0; width: 100%; float: left; clear: left; }
div#main div.mid-section div.mid-section { padding: 1em 0 0 0; border-top: 1px solid #ccc; border-bottom: none; }
body.products div.float-left { width: 35%; margin-right: 100px; }

body.products div.mid-section.calendars div.float-left { width: 424px; margin: 0 0 0 15px; }
body.products div.mid-section div.float-right { width: 45%; float: left; }

div.mid-section p.half { width: 40%; float: left; }

/* CLEARER ERROR STYLES */

#configure-wrap .error label, #configure-wrap .error h3 {
  color:#c2002a;
  }

#configure-wrap .error select {
  border:1px solid #c2002a;
  color:#c2002a;
  }

#configure-wrap #obvious-error {
  width:28em;
  padding:1em 1em 1em 30px;
  margin:0 0 1em 0;
  border:2px solid #c2002a;
  color:#c2002a;
  font-size:1.1em;
  float:right;
  background:#FFFF88 url('/images/icons/flash_info.gif') 10px 10px no-repeat;
  }

/* BULK PURCHASE NOTICE */

#bulk_price_notice {
  background: #fdfda5 url('/images/mybubble/hatched-back.png');
  _background: #fdfda5;
  border:2px solid #ccc;
  padding:6px 16px;
  color:#333;
  margin:10px 0 10px 130px;
  width: 235px;

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

#bulk_price_notice h3 {
  font-weight: bold;
  }

#bulk_price_notice ul {
  padding: 0;
  }

#bulk_price_price {
  font-size: 10px;
  font-weight: normal;
  color: #C2002A;
  }

#price_was {
  display: block;
  font-weight: normal;
  color: #888;
}

#price_was .price {
  font-weight: normal;
  text-decoration: line-through;
}

#price_now {
  display: block;
  color: #C2002A;
}

#price_now .discount {
  font-weight: normal;
  color: #888;
  font-size: 10px;
  margin-left: 10px;
}