/*****************************************************\
*
* Get Uncommon Styles
* Author: The ZaneRay Group
* 
*
* TABLE OF CONTENTS:
 
* HTML5 Boilerplate  

* Web Fonts from fontspring.com

* Primary styles
*  - CSS3 Shadows and goodness
*  - Sharing Tools 
*  - List and Grid Views 
*  - Carousel Navigation Styles
*  - Common Overlay Stuff 
*  - Form Fields Too 
*  - Heros 
*  - Generic Article
*  - Contact Us 
*  - Header 
*  - Sign-in form
*  - Subheader
*  - Navigation
*
*  - Customize Menu Stuff 
*  - Logged Off State 
*  - Logged On State 
*  - Body 
*  - Breadcrumb Navigation
*  - System Error Page 
*
* Individual Page styles 
*  - How it Works 
*  - Homepage Styles 
*  - Collection Pages 
*  - Step Three Overlay 
*  - Product Pages 
*  - Images/Customize Pages
*  - Customize Image Grid  
*  - Share Image Landing Page 
*  - Login Page Styles
*  - Checkout Pages  
*  - Address Payment Page  
*
* Footer  

* Additional Resets  

* Media Queries Section
*  - Max-width 1024px  
*  - Max-width 480px  
*  - Max-width 320px  
*  - Print
*
\*****************************************************/




/*****************************************************\
*
* HTML5 Boilerplate  
*
\*****************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
body { *font-size:small; }
a:hover, a:active { outline: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid, input:invalid, textarea:invalid { }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, a:active, a:visited { color: inherit; text-decoration: none; }
a:hover { color: #80CCFF; text-decoration: none; }

/* Used within FF chrome to target CSS to specific URLs: being FF-specific, it is also useful for targeting FF-only code */ @-moz-document url-prefix(http://) {     button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {         padding: 0 !important;         border: 0 none !important;     } }

/*****************************************************\
*
*  Web Fonts from fontspring.com
*
*  All OpenType features and all extended glyphs have been removed.
*  Fully installable fonts can be purchased at http://www.fontspring.com
*
*  The fonts included in this stylesheet are subject to the End User License you purchased
*  from Fontspring. The fonts are protected under domestic and international trademark and 
*  copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
*  distributing this font software.
*
*  (c) 2010-2011 Fontspring
*
*  The fonts included are copyrighted by the vendor listed below.
*
*  Vendor:      exljbris
*  License URL: http://www.fontspring.com/fflicense/exljbris
*
\*****************************************************/
@font-face {
    font-family: 'MuseoSans100';
    src: url('/fonts/museosans_100_macroman/MuseoSans_100-webfont.eot');
    src: url('/fonts/museosans_100_macroman/MuseoSans_100-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_100_macroman/MuseoSans_100-webfont.woff') format('woff'),
         url('/fonts/museosans_100_macroman/MuseoSans_100-webfont.ttf') format('truetype'),
         url('/fonts/museosans_100_macroman/MuseoSans_100-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans100Italic';
    src: url('/fonts/museosans_100italic_macroman/MuseoSans_100_Italic-webfont.eot');
    src: url('/fonts/museosans_100italic_macroman/MuseoSans_100_Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_100italic_macroman/MuseoSans_100_Italic-webfont.woff') format('woff'),
         url('/fonts/museosans_100italic_macroman/MuseoSans_100_Italic-webfont.ttf') format('truetype'),
         url('/fonts/museosans_100italic_macroman/MuseoSans_100_Italic-webfont.svg#webfont6ja1EDgZ') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MuseoSans300';
    src: url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.eot');
    src: url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.woff') format('woff'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans300Italic';
    src: url('/fonts/museosans_300italic_macroman/MuseoSans_300_Italic-webfont.eot');
    src: url('/fonts/museosans_300italic_macroman/MuseoSans_300_Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_300italic_macroman/MuseoSans_300_Italic-webfont.woff') format('woff'),
         url('/fonts/museosans_300italic_macroman/MuseoSans_300_Italic-webfont.ttf') format('truetype'),
         url('/fonts/museosans_300italic_macroman/MuseoSans_300_Italic-webfont.svg#webfont6ja1EDgZ') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MuseoSans500';
    src: url('/fonts/museosans_500_macroman/MuseoSans_500-webfont.eot');
    src: url('/fonts/museosans_500_macroman/MuseoSans_500-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_500_macroman/MuseoSans_500-webfont.woff') format('woff'),
         url('/fonts/museosans_500_macroman/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/fonts/museosans_500_macroman/MuseoSans_500-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('/fonts/museosans_500italic_macroman/MuseoSans_500_Italic-webfont.eot');
    src: url('/fonts/museosans_500italic_macroman/MuseoSans_500_Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_500italic_macroman/MuseoSans_500_Italic-webfont.woff') format('woff'),
         url('/fonts/museosans_500italic_macroman/MuseoSans_500_Italic-webfont.ttf') format('truetype'),
         url('/fonts/museosans_500italic_macroman/MuseoSans_500_Italic-webfont.svg#webfont6ja1EDgZ') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MuseoSans700';
    src: url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.eot');
    src: url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.woff') format('woff'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.ttf') format('truetype'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans700Italic';
    src: url('/fonts/museosans_700italic_macroman/MuseoSans_700_Italic-webfont.eot');
    src: url('/fonts/museosans_700italic_macroman/MuseoSans_700_Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_700italic_macroman/MuseoSans_700_Italic-webfont.woff') format('woff'),
         url('/fonts/museosans_700italic_macroman/MuseoSans_700_Italic-webfont.ttf') format('truetype'),
         url('/fonts/museosans_700italic_macroman/MuseoSans_700_Italic-webfont.svg#webfont6ja1EDgZ') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'MuseoSans900';
    src: url('/fonts/museosans_900_macroman/MuseoSans_900-webfont.eot');
    src: url('/fonts/museosans_900_macroman/MuseoSans_900-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_900_macroman/MuseoSans_900-webfont.woff') format('woff'),
         url('/fonts/museosans_900_macroman/MuseoSans_900-webfont.ttf') format('truetype'),
         url('/fonts/museosans_900_macroman/MuseoSans_900-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans900Italic';
    src: url('/fonts/museosans_900italic_macroman/MuseoSans_900_Italic-webfont.eot');
    src: url('/fonts/museosans_900italic_macroman/MuseoSans_900_Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_900italic_macroman/MuseoSans_900_Italic-webfont.woff') format('woff'),
         url('/fonts/museosans_900italic_macroman/MuseoSans_900_Italic-webfont.ttf') format('truetype'),
         url('/fonts/museosans_900italic_macroman/MuseoSans_900_Italic-webfont.svg#webfont6ja1EDgZ') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'AllstarRegular';
    src: url('/fonts/allstar_regular_macroman/allstar-webfont.eot');
    src: url('/fonts/allstar_regular_macroman/allstar-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/allstar_regular_macroman/allstar-webfont.woff') format('woff'),
         url('/fonts/allstar_regular_macroman/allstar-webfont.ttf') format('truetype'),
         url('/fonts/allstar_regular_macroman/allstar-webfont.svg#AllstarRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AudebaudRegular';
    src: url('/fonts/audebaud_regular_macroman/Audebaud-webfont.eot');
    src: url('/fonts/audebaud_regular_macroman/Audebaud-webfont.eot?iefix') format('eot'),
         url('/fonts/audebaud_regular_macroman/Audebaud-webfont.woff') format('woff'),
         url('/fonts/audebaud_regular_macroman/Audebaud-webfont.ttf') format('truetype'),
         url('/fonts/audebaud_regular_macroman/Audebaud-webfont.svg#webfont0lJxWBZY') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LavenderScriptProRegular';
    src: url('/fonts/lavenderscriptpro_regular_macroman/lavender_script_ot-webfont.eot');
    src: url('/fonts/lavenderscriptpro_regular_macroman/lavender_script_ot-webfont.eot?iefix') format('eot'),
         url('/fonts/lavenderscriptpro_regular_macroman/lavender_script_ot-webfont.woff') format('woff'),
         url('/fonts/lavenderscriptpro_regular_macroman/lavender_script_ot-webfont.ttf') format('truetype'),
         url('/fonts/lavenderscriptpro_regular_macroman/lavender_script_ot-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BillabongItalicRegular';
    src: url('/fonts/billabongitalic_regular_macroman/billabongitalic-webfont.eot');
    src: url('/fonts/billabongitalic_regular_macroman/billabongitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/billabongitalic_regular_macroman/billabongitalic-webfont.woff') format('woff'),
         url('/fonts/billabongitalic_regular_macroman/billabongitalic-webfont.ttf') format('truetype'),
         url('/fonts/billabongitalic_regular_macroman/billabongitalic-webfont.svg#BillabongItalicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CiderScript';
    src: url('/fonts/cider_script_macroman/Cider_Script-webfont.eot');
    src: url('/fonts/cider_script_macroman/Cider_Script-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cider_script_macroman/Cider_Script-webfont.woff') format('woff'),
         url('/fonts/cider_script_macroman/Cider_Script-webfont.ttf') format('truetype'),
         url('/fonts/cider_script_macroman/Cider_Script-webfont.svg#CiderScript') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PaulineRegular';
    src: url('/fonts/pauline_regular_macroman/Pauline_Regular-webfont.eot');
    src: url('/fonts/pauline_regular_macroman/Pauline_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pauline_regular_macroman/Pauline_Regular-webfont.woff') format('woff'),
         url('/fonts/pauline_regular_macroman/Pauline_Regular-webfont.ttf') format('truetype'),
         url('/fonts/pauline_regular_macroman/Pauline_Regular-webfont.svg#PaulineRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** experimental font declarations ******/
@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.eot');
    src: url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.woff') format('woff'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/fonts/museosans_300_macroman/MuseoSans_300-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.eot');
    src: url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.eot?iefix') format('eot'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.woff') format('woff'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.ttf') format('truetype'),
         url('/fonts/museosans_700_macroman/MuseoSans_700-webfont.svg#webfontwebcqTfV') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*****************************************************\
*
*  Primary styles
*
\*****************************************************/
body {
  font: 13px/1.231 'MuseoSans', Arial, sans-serif;
  text-align: center;  
}
.left {
  float: left;
}
.right {
  float: right;
}
.indent {
  padding: 0 0 0 3.5%;
}
.centered {
  width: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.norightmargin {
  margin-right: 0;
}
.fullwidth {
  width: 99.8%;
}
.line {
  width: 100%;
  display: block;
}
.errormsgtestcc {
  color: red;
  font-family: courier;
  font-weight: bold;
}
.cctestnum {
  color: red;
  font-family: courier;
}
.red,a.red,.errormsg,.error {
  color: red;
}
.green,a.green {
  color: green;
}
.blue,a.blue {
  color: #00395F;
}
.gray,a.gray {
  color: #999999;
}
.darkgray,a.darkgray {
  color: #666666;
}
.lightgray {
  color: #808080;
}
.strong {
  font-weight: bold;
}
.italics {
  font-style: italic;
}
.onsale {
  text-decoration: line-through;
  color: red;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.leftaligned {
  text-align: left;
}
.rightaligned {
  text-align: right;
}
.middlealigned {
  vertical-align: middle;
}
.haserrors,.uncommontext.haserrors,.selectBox.haserrors,.uncommoncheckbox.haserrors  {
  border: 1px solid red;
  background-color: pink;
}
.margintop5 {
  margin-top: 5%;
}
.marginbot5 {
  margin-bottom: 5%;
}
.margintop10 {
  margin-top: 10%;
}
.disabled {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
}
.disabled:hover {
  background-color: #80CCFF !important;
  color: #164C58 !important;
}
.hidden {
  display: none !important;  
}
.noshadow {
  background: none !important;
}
.js input[type=checkbox] {
  display: none;
}
.strikethru {
  text-decoration: line-through;
}
/*****************************************************\
*
* CSS3 Goodness
*
\*****************************************************/
.rounded3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rounded5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.rounded10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.rounded15 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.rounded20 {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.flatbottom {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left: 0;
  -webkit-border-bottom-right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.flattop {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left: 0;
  -webkit-border-top-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.flatright {
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-right: 0;
  -webkit-border-bottom-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.shadowtopbottom {
  -webkit-box-shadow: inset 0 -15px 15px -8px, inset 0 15px 15px -8px;
  -moz-box-shadow: inset 0 -15px 15px -8px, inset 0 15px 15px -8px;
  box-shadow: inset 0 -15px 15px -8px, inset 0 15Px 15px -8px;
}
.shadowbottom {
  -webkit-box-shadow: inset 0px -35px 35px -30px #d6d3d6;
  -moz-box-shadow:    inset 0px -35px 35px -30px #d6d3d6;
  box-shadow:         inset 0px -35px 35px -30px #d6d3d6;
}
.outerglowblack {
  -moz-box-shadow: 0 0 5px 5px rgba(128,128,128,.5);
  -webkit-box-shadow: 0 0 5px 5px rgba(128,128,128,.5);
  box-shadow: 0 0 5px 5px rgba(128,128,128,.5);
}
.boxshadowblack {
  -moz-box-shadow: 0 0 10px #808080;
  -webkit-box-shadow: 0 0 10px #808080;
  box-shadow: 0 0 10px #808080;
}
.insetboxshadow {
  -webkit-box-shadow: inset 1px 1px 30px 0px #ccc;
  -moz-box-shadow: inset 1px 1px 30px 0px #ccc;
  box-shadow: inset 1px 1px 30px 0px #ccc;
}
.titleblock {
  font-size: 140%;
}
.copy {
  margin: 1% 0 2% 0;
}
.contentblock {
	margin: 0 6px 0 6px;
}

/*****************************************************\
*
* Sharing Tools 
*
\*****************************************************/
.shareable {
  font-size: 92.1%;
}
.shareable ul {
  display: inline;
  padding: 0 0 0 4%;
}
.shareable li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 2% 0 0;
}
.shareable li a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -99em;
  overflow: hidden;
}
.shareable .facebook a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat 0 0;
}
.shareable .facebook a:hover {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat 0 -14px;
}
.shareable .delicious a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -14px 0;
}
.shareable .delicious a:hover {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -14px -14px;
}
.shareable .digg a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -28px 0;
}
.shareable .digg a:hover {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -28px -14px;
}
.shareable .myspace a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -44px 0;
}
.shareable .myspace a:hover {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -44px -14px;
}
.shareable .twitter a {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -60px 0;
}
.shareable .twitter a:hover {
  background: transparent url('/images/sitewide/share-icons.png') no-repeat -60px -14px;
}
#fullpageMask {
  display: none;
  position: absolute;
  z-index: 1000000;
  background-color: #fff;
  opacity: 0.75;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fullpageMaskContent {
  position: absolute;
  display: block;
  opacity: 1.0 !important;
  text-align: left;
  border: 1px solid #000000;
  background-color: #eee;
  padding: 10px;
  z-index: 1000005;
}
/*****************************************************\
*
* List and Grid Views 
*
\*****************************************************/
.view .list {
  background: transparent url('/images/sitewide/buttons/view_style.png') no-repeat 0 0;
  height: 22px;
  width: 34px;
  display: inline-block;
}
.view .list.active {
  background: transparent url('/images/sitewide/buttons/view_style.png') no-repeat 0 -26px;
  height: 22px;
  width: 34px;
}
.view .grid {
  background: transparent url('/images/sitewide/buttons/view_style.png') no-repeat -44px -26px;
  height: 22px;
  width: 34px;
  display: inline-block;
}
.view .grid.active {
  background: transparent url('/images/sitewide/buttons/view_style.png') no-repeat -44px 0;
  height: 22px;
  width: 34px;
}
.listview #options,.gridview #options {
  font-size: 120%;
  margin-bottom: 3%;
  vertical-align: bottom;
}
.listview #options ul li,.gridview #options ul li {
  display: inline-block;
}
.listview #options img,.gridview #options img {
  vertical-align: middle;
}
.listview #content {
  width: 96%;
}
.gridview #content {
  width: 100%;
}
.listview #content .row h2,.gridview #content .row h2 {
  font-size: 160%;
}
.listview #content .row h3,.gridview #content .row h3 {
  font-size: 140%;
}
.listview #content .row h4,.gridview #content .row h4 {
  font-size: 110%;
}
.listview #content .row h4 {
  display: inline-block;
  margin-bottom: 1.25%;
}
.gridview #content .tile {
  max-width: 22.4%;
  vertical-align: middle;
  position: relative;
  margin: 0 3.3% 3% 0;
}
.gridview #content .tile:nth-child(4n),.gridview #content .tile:last-child {
  margin-right: 0;
}
.gridview #content .tile img {
  max-width: 100%;
}

/*****************************************************\
*
* Carousel Navigation Styles
*
\*****************************************************/
.navigate {
  background-image: url('/images/sitewide/buttons/arrows.png');
  width: 8px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  top: -1.5em;
}
.ie .navigate {
  width: 7.5px;
}
.navigate.back {
  background-position: 16px 0;
  left: 0;
}
.navigate.back:hover {
  background-position: 8px 0;
}
.navigate.forward {
  background-position: 0 0;
  right: 0;
}
.navigate.forward:hover {
  background-position: 24px 0;
}

/*****************************************************\
*
* Common Overlay Stuff 
*
\*****************************************************/
.overlay {
  display: none;
  position: absolute;
  z-index: 150;
  padding: 1%;
  background-color: #fffffe;
  color: #000;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 0 0 9px #000;
  -webkit-box-shadow: 0 0 9px #000;
  box-shadow: 0 0 9px #000;
  opacity: 1.0;
  min-height: 250px;
}

/*****************************************************\
*
* Form Fields Too 
*
\*****************************************************/
.overlay button,.uncommonbutton {
  width: auto;
  height: 29px;
  padding: 6px 0 5px 0; /* id126 */
  margin-bottom: 3%;
  text-align: center;
  font-size: 12px; /* 8.93pt; */
  font-weight: bold;
  font-family: 'MuseoSans',Arial,sans-serif;
  background-color: #e3e3e3; 
  color: #1a1a1a;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-transform: uppercase;
  -webkit-box-shadow: inset 0px 0px 7px 4px rgba(0, 0, 0, .07);
  -moz-box-shadow: inset 0px 0px 7px 4px rgba(0, 0, 0, .07);
  box-shadow: inset 0px 0px 7px 4px rgba(0, 0, 0, .07);
}
.uncommonbutton.small {
  font-size: 10px;
  padding: 5px 15px 4px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 21px;
  width: auto;
  -webkit-box-shadow: inset 0px 0px 4px 3px rgba(51, 51, 51, .07);
  -moz-box-shadow: inset 0px 0px 4px 3px rgba(51, 51, 51, .07);
  box-shadow: inset 0px 0px 4px 3px rgba(51, 51, 51, .07);
}
button[disabled],.uncommonbutton[disabled] {
  cursor: default;
}
.overlay button:hover,.uncommonbutton:hover {
  background-color: #e1f788;
  color: #164c58;
  border: none;
}
.overlay .highlight,.uncommonbutton.highlight {
  background-color: #80CCFF;
  color: #164c58;
  border: none;
}
.overlay .highlight:hover,.uncommonbutton.highlight:hover {
  background-color: #0099FF; 
  color: #000;
  border: none;
}
.uncommontext {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 8px #ccc;
  -moz-box-shadow: inset 0px 0px 8px #ccc;
  box-shadow: inset 0px 0px 8px #ccc;
  border: 1px solid #ccc;
  padding: 1.5% 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
input[type=checkbox] {
  display: none;
}
.uncommoncheckbox {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ebebeb;
  border: 1px solid #ccc;
  height: 14px;
  width: 15px;
  background: transparent url('/images/sitewide/backgrounds/checkboxes.png') no-repeat 0 0;
  z-index: 5;
  display: inline-block;
  cursor: pointer;
}
.uncommoncheckbox.checked {
  background: transparent url('/images/sitewide/backgrounds/checkboxes.png') no-repeat 0 -17px;
  height: 15px;
}
#inventoryMsg {
  position: relative;
  top: -5px;
}
#imagesOverlay {
  width: 44.8%;
  padding: 1%;
}
#imagesOverlay #information {
  width: 37.5%;
  position: relative;
}
#imagesOverlay #fblike {
  /* position: absolute;
  top: 0;
  right: -66px; */
}
#imagesOverlay #artwork {
  width: 58%;
  padding: 2% 0 0 2%;
}
#imagesOverlay #artwork img {
  width: 100%;
}
#imagesOverlay #metadata {
  position: relative;
  top: 5.5em;
  left: 0;
  letter-spacing: 0.1em;
}
#imagesOverlay #metadata h2 {
  font-size: 150%;
}
#imagesOverlay #metadata h4 {
  font-size: 105%;
}
#imagesOverlay .controls {
  position: relative;
  top: 6.7em;
  left: 0;
}
#imagesOverlay .controls .uncommonbutton {
	width: 100%;
	height: 29px;
}
#collectionOverlay, #templateOverlay {
  min-width: 50%;
  min-height: 340px;
  padding: 2.5%;
}
#collectionOverlay #productimg, #templateOverlay #productimg {
  width: 38.46153846153846%;
  padding: 2.53164556962025% 7.59493670886076%;
  text-align: center;
  background: transparent url('/images/sitewide/backgrounds/collections_products_hover.png') 0 60% no-repeat;
  float:left;
}
#collectionOverlay #productimg img {
  width: 100%;
}
#templateOverlay #productimg img {
  position: relative;
  left: -5px;
  width: 100%;
}
#collectionOverlay #information, #templateOverlay #information {
  width: 40%;
  position: relative;
  left: -1em;
  top: 0;
}
#collectionOverlay #information #fblike, #templateOverlay #information #fblike {
/*   position: absolute;
  top: 0;
  right: 0; */
}
#collectionOverlay #information #details, #templateOverlay #information #metadata {
  position: absolute;
  top: 4em;
  left: 0;
}
#collectionOverlay #information #details #designName, #templateOverlay #information #designName {
  display: block;
  font-size: 1.9em;
  line-height: 1.3em;
}
#collectionOverlay #information #details #designer, #templateOverlay #information #designer {
  display: block;
  font-size: 1.0em;
  color: #aaa;
}
#templateOverlay #information #inventoryMsg {
  display: block;
  margin-top: 2.0em;
}
#collectionOverlay #information #details #product {
  display: block;
  font-size: 1.25em;
  margin-top: 0.5em;
  color: #80ccff;
}
#collectionOverlay #information #priceandbuy, #templateOverlay #information #cartData {
  width: 100%;
  padding: 7% 0 0 0;
  border-top: 1px solid #ccc;
  position: absolute;
  top: 13em;
  left: 0;
}
#collectionOverlay #information #price, #templateOverlay #information #price {
  font-size: 190%;
}
#collectionOverlay #information button, #templateOverlay #information button {
  /* padding: 6px 0 5px 0; id126 */
  margin-top: 3%;
  width: 100%;
}
#collectionOverlay #controls, #templateOverlay .controls {
  position: absolute;
  top: 20em;
  left: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 7%;
}
#templateOverlay .controls {
  top: 17em;
}
#collectionOverlay #controls select {
  width: 100%;
  margin-top: 1em;
  background-color: #ebebeb;
  color: #828282;
  border: 1px solid #dadada;
  padding: 0.25em 0.5em;
}
#otherImagesOverlay,#shopCollectionOverlay {
  padding: 4%;
  position: absolute;
  z-index: 150;
}
#otherImagesOverlay {
  padding: 2%;
  min-height: 0;
}
#otherImagesOverlay ul,#shopCollectionOverlay ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
#otherImagesOverlay ul li,#shopCollectionOverlay ul li {
  margin-right: 0.75em;
  padding: 0;
  display: inline;
}
#otherImagesOverlay ul li:last-child,#shopCollectionOverlay ul li:last-child {
  margin-right: 0;
}
#otherImagesOverlay ul li img,#shopCollectionOverlay ul li img {
  max-width: 8.5em;
}
#shopCollectionOverlay {
  padding: 2em;
  text-align: center;
  min-width: 500px;
  min-height: 160px;
}
#premadeproduct #shopCollectionOverlay {
	min-width: 600px;
}
#shopCollectionOverlay ul li img {
  height: 12em;
  max-width: auto;
}
#customizeOverlay {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: 1em;
  height: auto;
  text-align: center;
}
#customizeOverlay ul {
  margin: 0;
}
#customizeOverlay ul li button {
  width: 100%;
  /* padding: 6px 0 5px 0;  id126 */
  height: 29px;
  text-align: center;
}
#customizeOverlay ul li.deflector button {
  margin-top: 10px;
  margin-bottom: 10px;
}
#customizeOverlay ul li.deflector:last-child button {
  margin-top: 4px;
  margin-bottom: 0;
}
#customizeOverlay a {
  text-decoration: none;
}
#imagesCollectionOverlay {
  max-width: 18em;
  padding: 2em;
}
#imagesCollectionOverlay header {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.75em;
}
#imagesCollectionOverlay header h2 {
  font-size: 184.6%;
}
#imagesCollectionOverlay header h4 {
  font-size: 92.3%;
}
#imagesCollectionOverlay ul li {
  max-width: 8.5em;
  margin: 0.5em 0.85em 0.5em 0;
}
#imagesCollectionOverlay ul li img {
  width: 100%;
}
#imagesCollectionOverlay .norightmargin {
  margin-right: 0;
}
#imagesCollectionOverlay .controls {
  margin-top: 0.5em;
}
.designOverlay img {
  max-width: 674px;
  margin: 2px;
}

/*****************************************************\
*
* Heros 
*
\*****************************************************/
#heros {
  width: 100%;
  text-align: center;
  margin: 0;
  position: relative;
  /* removed per uncommon 2/22/12 background: url(/images/sitewide/backgrounds/background-mid-shadow-960.jpg) repeat-y; */
}
#homepage #heros {
  margin-bottom: 1.0em;
}
#heros #frame {
  height: 463px;
  width: 960px;
  overflow: hidden;
  position: relative;
}
#heros #frame .heroimage {
  position: absolute;
  top: 0px;
  left: 0px;  
}
#heros #divider {
  position: relative;
  top: -1.25em;
}
#homepage #heros #divider {
  display: none;
}
#heros #controls {
  width: 8%;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  top: -0.75em;
}
#homepage #heros #controls {
  top: 0.75em;
}
#heros #controls li {
  height: 10px;
  width: 10px;
  margin-right: 0.3em;
  cursor: pointer;
  background: transparent
    url('/images/sitewide/backgrounds/hero_bullet.png') no-repeat 0 0;
}
#heros #controls li:last-child {
  margin-right: 0;
}
#heros #controls .active {
  background: transparent url('/images/sitewide/backgrounds/hero_bullet.png') no-repeat -12px 0;
  cursor: default;
}

/*****************************************************\
*
* Generic Article
*
\*****************************************************/
#genericArticle .heroimage {
  background-color: #eeeeee;
  padding: 8% 0;
  text-align: center;
  color: #000;
  font-size: 150%;
  margin: 1em 0;
  width: 100%;
}
#genericArticle .threefourths {
  width: 73%;
}
#genericArticle .onefourth {
  width: 24%;
}
#genericArticle #pagecopy .copy {
  font-size: 107.7%;
}
#genericArticle #pagecopy .copy p {
  margin: 0 0 2.5% 0;
  color: #808080;
  line-height: 1.7em;
}
#genericArticle #pagecopy .copy p:first-child {
  font-size: 115.3846153846154%; /* 15px / 13px */
}
#genericArticle #sidebar #subnav h3 {
  border-bottom: 1px solid #ccc;
  padding: 0 0 2.5% 3.75%;
  margin: 0 0 5% 0;
  font-size: 115.4%;
  color: #164c58;
}
#genericArticle #sidebar #subnav ul {
  margin: 0 0 0 3.75%;
}
#genericArticle #sidebar #subnav ul li {
  margin: 2.5% 0;
  color: #35b8c5;
  font-size: 107.7%;
  font-weight: bold;
}
#genericArticle #sidebar #promo {
  background-color: #eeeeee;
  padding: 8% 0;
  text-align: center;
  color: #fff;
  font-size: 150%;
  margin: 5% 0 0 0;
  width: 100%;
}
#genericArticle .generic h1 {
  font-size: 250%;
  margin: 0 0 3% 0;
}
#genericArticle .generic h2 {
  font-size: 187.6%;
  margin: 2% 0 1% 0;
  padding: 0 0 0.5% 0;
  border-bottom: 1px solid #ccc;
}
#genericArticle .generic h3 {
  font-size: 115.4%;
}
#genericArticle .generic h4 {
  margin: 0 0 2% 0;
}
#genericArticle .generic .truste-verify {
  float: left;
  margin: 0 2% 1% 0;
}

/*****************************************************\
*
* Contact Us 
*
\*****************************************************/
#contactus .half {
  width: 49%;
}
#contactus .onethird {
  width: 33%;
}
#contactus h1 {
  font-size: 200%;
  margin: 0 0 3% 0;
}
#contactus p {
  font-size: 115.4%;
  margin: 0 0 2% 0;
}
#contactus .form {
  width: 100%;
  padding: 5%;
}
#contactus .form .block {
  margin: 0 0 5% 0;
}
#contactus .form .block label {
  display: block;
}
#contactus .form .block input[type=text],#contactus .form .block textarea {
  width: 80%;
}
#contactus .form input[type=submit] {
  width: 25%;
}
#contactus .details {
  margin: 0 0 0 10%;
}
#contactus .details h3 {
  font-size: 107.7%;
  margin: 0 0 2% 0;
}
#contactus .details p {
  font-size: 96.4%;
  margin: 0 0 5% 0;
}


/*****************************************************\
*
* Promotional header on top of screen
*
\*****************************************************/
#headpromomessagecontainer {
  margin: 0px auto;
  width: 972px;
  position: relative;
  height: 22px;
}
#headpromomessage {
  width: 960px;
  margin: 0px 6px 0px 6px;
  position: relative;
  height: 22px;
  background-color: #80CCFF;
  color: #808080;
  text-align: center;
  font-weight: bold;
  padding: 8px 0 0 0;
  -webkit-box-shadow: inset 0px -100px 30px -100px rgba(255, 255, 255, .75);
  -moz-box-shadow: inset 0px -100px 30px -100px rgba(255, 255, 255, .75);
  box-shadow: inset 0px -100px 30px -100px rgba(255, 255, 255, .75);
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
#headpromomessage #close {
  position: absolute;
  right: 10px;
  top: 6px;
  background: url(/images/sitewide/close.gif) right no-repeat;
  padding: 1px 14px;
  font-weight: normal;
  color: #000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#headpromomessage #close:hover {
  text-decoration: underline;
  cursor: pointer;
  background: url(/images/sitewide/close-x.gif) right no-repeat;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#headpromomessage a:hover {
  color: #fff;
}

/*****************************************************\
*
* Header
*
* New styles to run a reworked header that 
* works in all browsers
*
\*****************************************************/
.shadow100 {
  background: transparent url('/images/sitewide/backgrounds/header.png') no-repeat center 47px;
  width: 100%;
  height: 131px;
  position: relative;
}
.footershadow100 {
  background: transparent url('/images/sitewide/backgrounds/header.png') no-repeat center 47px;
  width: 100%;
  height: 131px;
  position: relative;
}
#tophead {
  width: 960px;
  height: 82px;
  font-family: Arial;
  text-align: left;
  margin: 5px auto 0px auto;
  position: relative;
  padding: 0px 6px 0px 6px;
}
#tophead #accountTabs {
  width: 348px;
  height: 53px;
  position: absolute;
  bottom: 0px;
  right: 6px;
  margin-right: 0px;
}
#tophead #accountTabs ul li.tab {
  color: #fff;
  cursor: pointer;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  float: right;
  margin-left: 5px;
  height: 26px;
  padding-top: 27px;
}
#tophead #accountTabs ul li.tab.open {
  padding-top: 0px;
}
#tophead #accountTabs ul li.tab a {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left: 7px;
  -webkit-border-top-right: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #3D3A37;
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 18%, #2c2c2c 34%, #4c4c4c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #131313), color-stop(18%, #1c1c1c), color-stop(34%, #2c2c2c), color-stop(100%, #4c4c4c) );
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 18%, #2c2c2c 34%, #4c4c4c 100%);
  background: -o-linear-gradient(top, #131313 0%, #1c1c1c 18%, #2c2c2c 34%, #4c4c4c 100%);
  background: -ms-linear-gradient(top, #131313 0%, #1c1c1c 18%, #2c2c2c 34%, #4c4c4c 100%);
  background: linear-gradient(top, #131313 0%, #1c1c1c 18%, #2c2c2c 34%, #4c4c4c 100%);
  color: inherit;
  font-size: 10px;
  font-family: "MuseoSans", Arial;
  font-weight: bold;
  width: 52px;
  height: 19px;
  display: block;
  padding: 7px 15px 0px 15px;
}
#tophead #accountTabs ul li.tab a:hover, #tophead #accountTabs ul li.tab:hover a {
  color: #666666;
  font-weight: bold;
  background: #80CCFF;
  color: #164C58;
}
#tophead #accountTabs ul li.tab.open a {
  height: 46px;
}
#tophead #accountTabs ul li.tab.open span {
  display: block;
  font-weight: bold;
}
#tophead #accountTabs ul li.tab .count {
  font-size: 210%;
  position: relative;
  top: 5%;
  font-family: Arial;
}
#tophead #accountTabs ul li.tab.closed .count {
  display: none;
}
#tophead #accountTabs .tab a:hover, #tophead #accountTabs .tab:hover a {
  color: #666666; 
}
#tophead #upperRightLinks {
  width: 300px;
  height: 22px;
  text-align: right;
  position: absolute;
  right: 6px;
  top: 3px;
  font-family: arial, sans-serif;
  font-size: 10px;
}
#tophead #upperRightLinks a {
  display: block;
  float: right;
  text-transform: uppercase;
  color: #999999;
  margin: 4px 0 0 4px;
}
#tophead #upperRightLinks a:hover {
  color: #000000;
}
#tophead #logoImg {
  position: absolute;
  left: 6px;
}

/*************************************
* 
* Sign-in form
*
**************************************/

#loginform {
  font-family: Arial;
  font-size: 11px;
}
#tophead #signin {
  position: absolute;
  right: 0px;
  top: 53px;
  background-color: #80CCFF;
  padding: 1em;
  -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.0675);
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.0675);
  box-shadow: 3px 3px 5px rgba(0,0,0,.0675);
  font-family: Arial;
  font-size: 76.9%;
  z-index:2000;
}
#tophead #signin td, #loginform td {
  padding: 0.25em;
}
#tophead #signin td label {
  display: block;
  padding: 0.2em 0.25em 0.8em 0.25em;
  font-size: 1em;
  margin: 0;
  width: auto;
}
#tophead #signin a {
  display: block;
  padding: 0 0 0.5em 0.25em;
  font-size: 1em;
  margin: 0;
}
#tophead #loggedoff #signin a, #loginform a {
  text-transform: none;
  background: transparent;
  color: #0000de;
  float: none;
  font-weight: normal;
  display: inline-block;
}
#tophead #loggedoff #signin .innershadow, #loginform .innershadow {
  -moz-box-shadow: inset 0 0 10px #EEEEEE;
  -webkit-box-shadow: inset 0 0 10px #CECECE;
  box-shadow: inset 0 0 10px #EEEEEE;
  padding: 0.3em;
}
#loginform #errorMessage {
  display: inline-block;
  position: relative;
  left: 3px;
}
#tophead #loggedoff #signin #submit, #loginform #submit {
  color: #000;
  border: none;
  background: transparent;
  font-family: "MuseoSans", Arial;
  font-weight: bold;
}
#tophead #loggedoff #signin input[type=text],#loginform input[type=text] {
  width: 165px;
}
#tophead #loggedoff #signin input[type=text].haserrors {
  border: 2px solid red;
}
#tophead #loggedoff #signin input[type=password],#loginform input[type=password] {
  width: 160px;
}
#tophead #loggedoff #signin input[type=password].haserrors {
  border: 2px solid red;
}


/****************************************
*
* Subheader
*
****************************************/
#subheader {
  width: 972px;  
  margin: 0px auto;
  position: relative;
  height: 40px;
}
#subheader #signedin {
  background-color: #80CCFF;
  color: #164C58;
  position: absolute;
  top: 0px;
  right: 6px;
  text-transform: uppercase;
  width: 329px;
  padding: 4px 7px;
  font-size: 10px;
  z-index: 2;
  box-shadow: 2px 2px 10px #d7d7d7;
  -moz-box-shadow: 3px 3px 10px #d7d7d7;
  -webkit-box-shadow: 2px 2px 10px #d7d7d7;
}
#subheader #signedin a:hover {
  color: #666666;
}
#subheader #signedin #loggedonLinks {
  width: 300;
  text-align: right;
}
#subheader #signedin #loggedonLinks li {
  display: inline;
}
#subheader #signedin #loggedInUser {
  float: left;
}

/***************************************
* 
*  Navigation
* 
\***************************************/

#subheader #navigation {
  position: absolute;
  top: 0px;
  left: 6px;
  width: 960px;
}
#subheader nav ul {
  float: left;
}
#subheader nav .primary {
  font-family: "MuseoSans", Arial;
  position: relative;
  width: 960px;
}
#subheader nav .primary .clickable {
  padding: 12px;
  text-transform: uppercase;
  margin-right: 24px;
}
#subheader nav .primary .clickable:hover, #subheader nav .primary li:hover .clickable {
  background-color: #0099FF;
  color: #ffffff;
}
#subheader nav .primary .clickable.selected {
  color: #0099FF;
}
#subheader nav .primary .clickable.selected:hover {
  color: #fff;
}
#subheader nav .primary li {
  display: inline;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
#subheader nav .primary .open {
  background-color: #0099FF; 
  color: #fff;
}
#subheader nav .primary li a {
  color: #000;
  display: block;
  float: left;
}
#subheader nav .primary li:last-child {
  margin-right: 0;
}
#subheader nav .primary .menu {
  display: none;
  position: absolute;
  top: 40px;
  left: -9999em;
  text-align: left;
  width: 948px;
  min-height: 18em;
  background-color: #f5f5f5;
  color: #808080;
  z-index: 3000;
  padding: 6px;
  border-left: 1px solid #F5F5F5;
  border-right: 1px solid #F5F5F5;
}
#subheader nav .primary li:hover .menu {
  left: 0px;
  display: block;
}
#subheader nav .primary .menu .sublabel {
  font-family: "Georgia", serif;
  font-weight: bold;
  font-style: italic;
  margin: 1em 1em 0em 1em;
  display: block;
  color: #808080;
}
#subheader nav .primary .menu a {
  font-weight: bold;
  text-decoration: none;
  color: #666;
}
#subheader nav .primary .menu a:hover {
  color: #000;
}
#subheader nav .primary .menu ul {
  margin: 0 0 0 0;
  width: 100%;
}
#subheader nav .primary .menu ul.sales {
  margin: 0 0 0 0;
  width: auto;
  position: absolute;
  right: -1.3em;
  bottom: 5em;
}
#subheader nav .primary .menu ul.sales.loggedin {
  right: -3.3em;
  bottom: 11em;
}
#subheader nav .primary .menu li {
  font-size: 13px;
  display: block;
  width: auto;
}
#subheader nav .primary .menu .divider {
  width: 1px;
  min-height: 10em;
  border-right: 1px solid #acacac;
  margin: 5% 1% 4% 1%;
  display: inline;
}
#subheader nav .primary #customize.menu .divider {
  margin: 5% 1% 4% 0.25%;
}
#subheader nav .primary .menu .category {
  float: left;
  position: relative;
  font-weight: bold;
  color: #164C58;
  margin: 2% 1% 0 1%;
  width: 14%;
}
#subheader nav .primary .menu #topNavMenu-ipad.category {
  position: absolute;
  left: 25.5%;
  top: 37%;
}
#browseImages {
  margin-top: 2em;
}
#subheader nav .primary .menu .category.first {
  width: 21%;
}
#subheader nav .primary .menu .category.last {
  width: 16%;
}
#subheader nav .primary .menu .category a.linkedcolhead {
  color: #164C58;
}
#subheader nav .primary .menu .category a.linkedcolhead:hover {
  color: #00badc;  
}
#subheader nav .primary .menu .category.callout {
  height: 100%;
  width: 20%;
  text-align: center;
}
#subheader nav .primary .menu #calloutdecision.category {
  position: absolute;
  text-align: center;
  bottom: 10px;
  right: 10px;
  margin: 10px 0 0 0;
}
#subheader nav .primary .menu #calloutdecision.category a {
  display: inline-block;
  margin-top: 2px;
  margin-left: 8px;
}
#subheader nav .primary .menu .category.callout a {
  display: block;
  height: 100%;
  width: 100%;
  background: url(/images/sitewide/menu_upload_your_own.png) no-repeat;
}
#subheader nav .primary .menu .category.callout.template a {
  background: url(/images/sitewide/uploadphoto_templates.png) no-repeat;
}
#subheader nav .primary .menu .category.callout a img {
  height: 143px;
}
#subheader nav .primary .menu .featureddesignermenuimg {
  margin-top: 0px; 
  width: 121px;
}
#subheader nav .primary #collections.menu .category {
  margin-right: 2em;
}
#subheader nav .primary .menu .category ul {
  padding: 0.3em 0 0 .5em;
  font-weight: normal;
  font-size: 92.3%;
  margin-bottom: 10px;
}
#subheader nav .primary .menu .category ul li a.seeall {
  font-style: italic;
}
#subheader nav .primary .menu .category li {
  padding: 0;
}
#subheader nav .primary .menu .category li.subcategory {
  padding: 5% 0 3% 0;
}
#subheader nav .primary .menu .category ul.category {
  margin-bottom: -18px !important;
  position: relative;
  width: 100%;
  top: -20px;
}
#subheader nav .primary .menu .category ul.category li.subcategory {
  padding: 4% 0 0 0;
  font-size: 107.5%;
  font-weight: bold;
}
#subheader nav .primary .menu .category ul.category li.capitalize {
  padding: 0 0 0 5%;
}
#subheader nav .primary .menu .category ul .subcategory a {
  color: #00badc;
}
#subheader nav .primary .menu .category ul .subcategory a:hover {
  color: #164c58;
}
#subheader nav .primary .menu .category ul li {
  width: 100%;
  font-size: 107.5%;
  height: 16px;
}
#subheader nav .primary .menu .category ul li a {
  font-weight: normal;
  min-width: 105px;
  
}
#subheader nav .primary .menu .category .indent {
  padding: 0.75% 0 0.75% 3%;
}
#subheader nav .primary .menu .category .more {
  color: grey;
  font-style: italic;
  font-weight: normal;
}
#subheader nav .primary #customize .category ul li a, #subheader nav .primary #collections .category ul li a {
  padding: 3% 0 3% 0 !important;
}
#subheader nav .primary .menu #giftCards {
  position: absolute;
  right: 0.9em;
  bottom: 1em;
  cursor: pointer;
}




/*****************************************************\
*
* Body 
*
\*****************************************************/
#container {
  width: 960px;
  position: relative;
  padding: 0.5em 6px 0 6px;
  margin: 0 auto;
  text-align: left;
}

/*****************************************************\
*
* Breadcrumb Navigation 
*
\*****************************************************/
#breadcrumbs {
  display: block;
  padding: 0 0 0 5px;
  margin: 0 0 1em 0;
  font-size: 92.3%;
}
#breadcrumbs li {
  display: inline;
}
#breadcrumbs li .back {
  font-size: 91.5%;
}
#breadcrumbs li a {
  text-decoration: none;
}
#breadcrumbs li a:hover {
  text-decoration: underline;
}

/*****************************************************\
*
* System Error Page 
*
\*****************************************************/
.systermerror {
  padding: 30px 0;
}
.systermerror h1 {
  font-size: 125%;
}


/*****************************************************\
*
* How it Works 
*
\*****************************************************/
#faq {
  width: 100%;
  display: block;
  height: 14.85em;
  position: relative;
  background: url('/images/article/faq-bg.png') repeat-x left top transparent;
  color: white;
  font-family: arial, helvetica, sans-serif;
}
#faq a {
  text-decoration: none;
  color: white;
}
#faq a:hover,#faq a:visited {
  color: #fff;
}
#faq #catTitle {
  padding: 1em 5em 0 1.5em;
}
#faq #catTitle h3 {
  font-size: 16pt;
  font-weight: bold;
}
#faq #catTitle .more {
  color: #7BA3E5;
}
#faq ul {
  position: relative;
  bottom: -7.35em;
  left: 8em;
  width: 100%;
}
.safari #faq ul {
  bottom: -7.5em;
}
.opera #faq ul {
  bottom: -5em;
}
#faq ul li {
  float: left;
  width: 14em;
  font-weight: bold;
  font-size: larger;
}
.ie #faq ul li {
  width: 17em;
}
.opera #faq ul li {
  width: 13em;
}
#faq ul li .order {
  font-size: 2.2em;
  display: block;
  width: 1em;
}
#faq ul li .line {
  display: block;
  font-size: 0.91em;
  line-height: 1.5em;
}
#faq ul li.step:first-child {
  width: 18em;
}
.ie #faq ul li.step:first-child {
  width: 20em;
}
.opera #faq ul li.step:first-child {
  width: 14em;
}
#faq ul li.step:last-child {
  width: 10em;
  margin-right: 0;
}
#faq ul li.step .image {
  position: absolute;
  top: -9.28em;
  height: 189px;
  width: 150px;
  background: url('/images/article/faq-sprite.png') no-repeat scroll 0 0 transparent;
}
.safari #faq ul .step .image {
  top: -9.59em;
}
.ie #faq ul .step .image {
  top: -10.5em;
}
.opera #faq ul .step .image {
  top: -7.9em;
}
#faq ul #step1 .image {
  background-position: 0 13px;
  left: 7em;
}
.opera #faq ul #step1 .image {
  left: 5em;
}
#faq ul #step2 .image {
  background-position: 0 -180px;
  left: 18em;
}
.ie #faq ul #step2 .image {
  left: 19em;
}
.opera #faq ul #step2 .image {
  left: 14em;
}
#faq ul #step3 .image {
  background-position: 0 -400px;
  right: 23em;
}
.safari #faq ul #step3 .image {
  right: 25em;
}
.ie #faq ul #step3 .image {
  right: 25.5em;
}
.opera #faq ul #step3 .image {
  right: 22.5em;
}
#faq ul #step4 .image {
  background-position: 0 -590px;
  width: 150px;
  right: 8.5em;
}
.safari #faq ul #step4 .image {
  right: 11em;
}

/*****************************************************\
*
* Homepage Styles 
*
\*****************************************************/
#homepage #featured {
  display: block;
  position: relative;
  padding: 1em;
  margin-top: 1em;
  background-color: #2a2a2a;
  color: white;
  font-family: arial, helvetica, sans-serif;
}
#homepage #featured h3 {
  font-size: 20pt;
  font-weight: bold;
  display: inline-block;
  width: 8.5em;
  float: left;
  text-align: center;
  margin-top: 2.3em;
}
#homepage #featured ul li {
  display: inline;
  margin-right: 1.5em;
}
.opera #homepage #featured ul li {
  margin-right: 1.3em;
}
#homepage #featured ul li:last-child {
  margin-right: 0;
}
#homepage #featured ul li img {
  height: 188px;
}

/*****************************************************\
*
* Collection Pages 
*
\*****************************************************/
#collectionslanding {
  width: 100%;
  position: relative;
}
#choosers {
  display: block;
  margin-right: 1em;
  position: relative;
  left: 0;
  font-family: Arial;
}
#choosers h2 {
  background-color: #d3d3d4;
  color: #000;
  background: transparent url('/images/sitewide/backgrounds/collections_chooser_top.png') no-repeat;
  font-size: 135%;
  font-weight: bold;
  text-align: center;
  padding: 3% 0 2% 0;
  text-shadow: 0 0 10px #f0f0f0;
}
#choosers .grayed {
  color: #fff;
  opacity: 0.33;
}
#choosers .grayed .label,#choosers .grayed ul {
  color: #000;
}
#choosers .step:first-child,#choosers .step:last-child {
  padding: 0 0 1.5em 0;
}
#choosers .step {
  padding: 0;
  background-color: #acacac;
}
#choosers .step.inactive {
	padding: 0 0 2px 0;
}
#choosers .step .label {
  font-size: 92.30769230769231% /* 12px/13px */;
  text-align: left;
  text-transform: uppercase;
  background-color: #80ccff; /* c4fdff */
  padding: 0.5em 0.3em 0.5em 0.7em;
}
#choosers .step .label a {
  font-size: 76.92307692307692% /* 10px/13px */;
}
#choosers .disabled.step {
  padding: 0 0 2px 0;
}
#choosers .disabled.step:last-child {
  padding: 0;
}
#choosers .disabled.step .label {
  background-color: #c4c5c5;
  color: #666666;
  font-size: 92.3%;
}
#choosers .step .inactive {
  background-color: #000;
  color: #bbbbbb;
  font-size: 88%;
}
#choosers .step .inactive .blue {
  margin-right: 0.25em;
  margin-top: 0.2em;
  font-size: 0.8em;
}
#choosers .step .carousel {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 18.9em;
}
.ie #choosers .step .carousel {
  width: 17em;
}
#choosers .step .carousel ul {
  width: 2000px;
}
#choosers .step .tile {
  margin: 0 0.5em 0 0.5em;
  padding: 0.25em;
  max-width: 6em;
  color: #fff;
  min-height: 9.5em;
  border: 2px solid #ACACAC;
  font-size: 82.5%;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  top: 1.2em;
}
#choosers #device.step .tile {
  margin: 0 0.25em;
  max-width: 4.5em;
}
#choosers .step .tile:last-child {
  margin-right: 0;
}
#choosers .step .tile span {
  display: block;
}
#choosers .step .tile .caseSelectionImage {
  height: 74px;
  width: 65px;
  position: relative;
  left: -5px;
}
#choosers .step .tile.ipad {
  max-width: 4.0em;
}
#choosers #device.step .tile.ipad {
  max-width: 5em;
}
#choosers .step .tile.wider {
  max-width: 5.66em;
}
#choosers #device.step .tile:hover .caseSelectionImage,#choosers #case.step .tile:hover .caseSelectionImage,#choosers .step .tile.selected .caseSelectionImage {
  background-position: -65px 50%;
}
#choosers .step .overlay .tile.selected {
  border: 2px solid #fff;
}
#choosers #device.step .bucket,#choosers #case.step .bucket {
  -webkit-box-shadow: inset 0px 5px 6px 0px #808080, inset 0px -5px 6px 0px #828082;
  -moz-box-shadow: inset 0px 5px 6px 0px #808080, inset 0px -5px 6px 0px #828082;
  box-shadow: inset 0px 5px 6px 0px #808080, inset 0px -5px 6px 0px #828082;
  padding-bottom: 2.1em;
}
#choosers #collection.step {
  color: #000;
  background-color: #fff;
}
#choosers #collection.step .shadow {
  background-image: url('/images/sitewide/backgrounds/collections_finalstep_shadows.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 54px;
  width: 259px;
  margin-bottom: -50px;
}
#choosers #collection.step .shadow:last-child {
  background-position: -260px 0px;
  margin-bottom: -26px;
  margin-top: -50px;
}
#choosers #collection.step .collection {
  margin: 0 0 0.5em 0;
}
#choosers #collection.step tr td {
  vertical-align: middle;
  max-width: 17.2em;
  padding: 0 0.25em;
}
#choosers #collection.step .full td {
  min-width: 19.5em;
}
#choosers #collection.step .navigate {
  max-height: 16px;
}
#choosers #collection.step .navigate.back,#choosers #collection.step .navigate.forward {
  padding: 0;
  position: relative;
  top: -0.6em;
}
#choosers #collection.step .bucket {
  margin: 0 0 1.75em 0;
}
#choosers #collection.step .tile {
  border: none;
  max-width: 6em;
  max-height: 12em;
  color: #000;
  margin: 0 0.3em 0 0;
  vertical-align: top;
}
#choosers #collection.step .full .tile {
  margin: 0 0.3em 2em 0;
  min-height: 13em;
}
#choosers #collection.step .full .tile.ipad {
  margin: 0 0.3em 1em 0;
  min-height: 12em;
}
#choosers #collection.step .tile:hover {
  border: none;
}
#choosers #collection.step .tile img {
  max-width: 6.5em;
}
#choosers #collection.step .category {
  text-transform: uppercase;
  color: #818181;
  padding: 0.5em 0.3em 0.5em 0.5em;
}
#choosers #viewAll {
  display: block;
  text-align: left;
  padding: 0.5em 0 0.5em 0.5em;
  margin-top: -0.25em;
  background: #4e4e4e;
  text-transform: uppercase;
  background: -moz-linear-gradient(top, #4e4e4e 0%, #111111 10%, #595959 88%, #4c4c4c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e4e4e), color-stop(10%, #111111), color-stop(88%, #595959), color-stop(100%, #4c4c4c) );
  background: -webkit-linear-gradient(top, #4e4e4e 0%, #111111 10%, #595959 88%, #4c4c4c 100%);
  background: -o-linear-gradient(top, #4e4e4e 0%, #111111 10%, #595959 88%, #4c4c4c 100%);
  background: -ms-linear-gradient(top, #4e4e4e 0%, #111111 10%, #595959 88%, #4c4c4c 100%);
  background: linear-gradient(top, #4e4e4e 0%, #111111 10%, #595959 88%, #4c4c4c 100%);
}
#choosers #viewAll a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 76.92307692307692% /* 10px/13px */
}
#choosers .step .overlay {
  width: auto;
  height: auto;
  color: #000;
}
#collectionslanding #featured,#collectionchosen {
  width: 71%;
  display: block;
  padding: 1em 0;
  background-color: #fff;
}
#collectionslanding #featured h3,#collectionchosen h3 {
  font-size: 3em;
  margin-left: 0.3em;
}
#collectionchosen h3 {
  margin: 0 0 0 0.4em;
}
#collectionslanding .header {
  padding: 0;
  border-bottom: 1px solid #aaa;
  margin-bottom: 1em;
}
#collectionslanding .header h2 {
  letter-spacing: inherit;
  display: inline;
  font-size: 245%;
  margin-right: 0.5em;
}
#collectionslanding .header h4 {
  display: inline;
  font-size: 130.8%;
  top: 0;
  left: -0.66em;
  color: #666666;
}
#collectionchosen .bucket,#collectionslanding #featured .bucket {
  position: relative;
  top: 2em;
  left: 0.5em;
}
#collectionchosen .bucket .casesortbreak,#collectionslanding #featured .bucket .casesortbreak {
  display: block;
  width: 99%;
  float: left;
}
#collectionslanding .rightcol #artistContentPromo {
	position: relative;
	top: 2em;
}
#collectionchosen .tile,#collectionslanding #featured .tile {
  padding: 0 1.5em 1em 0.5em;
  position: relative;
  width: 29%;
  text-align: center;
}
#collectionchosen .tile:nth-child (3n),#collectionchosen .tile.norightmargin,#collectionslanding #featured .tile:nth-child (3n),#collectionslanding #featured .tile.norightmargin {
  margin-right: 0;
}
#collectionchosen .tile img,#collectionslanding #featured .tile img {
  width: 75%;
}

/*****************************************************\
*
* Step Three Overlay 
*
\*****************************************************/
#collectionslanding #choosers #collection.step .overlay {
  width: 18em;
  padding: 1em;
  text-align: left;
}
#collectionslanding #choosers #collection.step .overlay h3 {
  font-size: 1.8em;
  margin: 0 0 -0.3em 0;
}
#collectionslanding #choosers #collection.step .overlay h4 {
  font-size: 1.1em;
  margin: 0 0 1em 0;
}
#collectionslanding #choosers #collection.step .overlay hr {
  width: 100%;
  position: relative;
  top: -0.5em;
}
#collectionslanding #choosers #collection.step .overlay a {
  margin-left: 4.2em;
  font-size: 0.97em;
}
#collectionslanding #choosers #collection.step .overlay .bgshadow {
  position: absolute;
  left: -0.5em;
  top: 7.5em;
  overflow: hidden;
}
#collectionslanding #choosers #collection.step .overlay ul {
  width: 100%;
  margin: auto;
  position: relative;
  top: -0.5em;
  background: transparent url('/images/sitewide/backgrounds/collections_hover.png') no-repeat -10px 10px;
}
#collectionslanding #choosers #collection.step .overlay ul li {
  min-height: none;
  width: 28%;
  z-index: 1;
  margin-bottom: 1em;
}
#collectionslanding #choosers #collection.step .overlay ul li:nth-child (3n) {
  margin-right: 0;
}
#collectionslanding #choosers #collection.step .overlay ul li img {
  width: 100%;
}
#collectionsViewAllList #content {
  width: 99.9%;
}
#collectionsViewAllList #content .row {
  padding: 0;
  position: relative;
  width: 100%;
  min-height: 10em;
  border-bottom: 1px solid #dddddd;
  z-index: 0;
}
#collectionsViewAllList #content .row:nth-child(even) {
  background-color: #f4f4f4;
  z-index: 0;
}
#collectionsViewAllList #content .row .image {
  position: relative;
  width: 17.65em;
  padding: 1em 0;
  text-align: center;
}
#collectionsViewAllList #content .row:first-child .image {
  padding-top: 1em;
}
#collectionsViewAllList #content .row:nth-child(even) .image {
  background: transparent url('/images/sitewide/backgrounds/view_list_shadow.png') no-repeat 50% 50%;
}
#collectionsViewAllList #content .row .badge {
  position: absolute;
  background: transparent url('/images/sitewide/new_badge_medium.png') no-repeat 0 0;
  width: 63px;
  height: 50px;
  left: 6.37em;
  top: 1em;
}
#collectionsViewAllList #content .row .badge.wide {
	background: transparent url('/images/sitewide/new_badge_wide.png') no-repeat 0 0;
	width: 90px;
	height: 49px;
	left: 5.35em;
}
#collectionsViewAllList #content .row .details {
  width: 75%;
  position: relative;
  top: 2.8em;
  right: 1.5em;
}
#collectionsViewAllList #content .row h2,#collectionsViewAllList #content .row h4 {
  display: inline;
}
#collectionsViewAllList #content .row h2 {
  font-size: 170%;
}
#collectionsViewAllList #content .row h3 {
  font-size: 100%;
}
#collectionsViewAllList #content .row h4 {
  font-size: 90%;
}
#collectionsViewAllList #content .row .image img {
  z-index: 2;
}
#collectionsViewAllList #content .row .underline {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.4em;
  margin-bottom: 1.25em;
}
#collectionsViewAllList #content .row .priceAndBuy {
  width: 35%;
  position: relative;
  right: 0.6em;
}
#collectionsViewAllList #content .row .favoriteOthers {
  width: 27%; /* was 55%, but content was removed */
  position: relative;
  right: 0;
}
#collectionsViewAllList #content .price {
  font-size: 150%;
  position: relative;
  right: 2.75em;
  bottom: -0.2em;
}
#collectionsViewAllList #content .selectBox {
  font-size: 85%;
  position: absolute;
  right: 0.3em;
  top: 0;
  width: 50%;
  padding: 0.75% 0 0.9% 1.05%;
}
.js #collectionsViewAllList #content select[name=otherModels] {
  display: none;
}
#collectionsViewAllList #content button {
  /* font-size: 100%; id126 */
  width: 150px;
}
#collectionsViewAllList #content button[name=addToCart] {
  position: relative;
  right: -3.5%;
  /* padding: 4px 0 7px 0;  id126 */
  /* font-size: 12.23pt; */
  color: #164c58;
}
#collectionsViewAllList #content button[name=addToFavorites] {
  /* font-size: 8.93pt; */
  position: relative;
  right: -3.5%;
  color: #1a1a1a;
  /* padding: 4px 0 7px 0;  id126 */
}
#collectionsViewAllList #imagesOverlay {
  max-width: 20em;
}
#collectionsViewAllGrid #content {
  padding: 0;
}
#collectionsViewAllGrid #content .shadow {
  position: relative;
  background: transparent url('/images/sitewide/backgrounds/view_grid_shadow.png') no-repeat 0 0;
  bottom: 12em;
  width: 976px;
  height: 68px;
  z-index: -1;
  margin-bottom: -68px;
}
#collectionsViewAllGrid #content .tile {
  margin: 10px 20px;
  text-align: center;
  width: 150px;
  text-align: center;
}

/*#collectionsViewAllGrid #content .tile:nth-child(6n) { margin-right: 0; }*/
#collectionsViewAllGrid #content .tile .badge {
	position: absolute;
  left: 14px;
  top: -1px;
  background: transparent url('/images/sitewide/new_badge_120wide.png') no-repeat 0 0;
  width: 118px;
  height: 63px;
}
#collectionsViewAllGrid #content .tile .badge.wide {
  position: absolute;
  left: 2px;
  top: 2px;
  background: transparent url('/images/sitewide/new_badge_140wide.png') no-repeat 0 0;
  width: 140px;
  height: 63px;
}
#collectionsViewAllGrid #content .tile .details .design {
  font-size: 125%;
}
#collectionsViewAllGrid #content .tile .details .ctype {
  font-size: 11px;
}
  
#collectionsViewAllGrid #content .tile .details .designer {
  font-size: 90%;
}
#premadeproduct {
  margin: 2em 0 3em 0;
}
#premadeproduct #subnav {
  width: 100%;
  text-align: right;
  margin-bottom: 1em;
}
#premadeproduct #premadeImage {
  text-align: center;
  width: 54%;
}
#premadeproduct #premadeImage img {
  max-width: 100%;
}
#premadeproduct #premadeImage.macbook img {
  max-width: 85%;
}
#premadeproduct #premadeImage .caption {
  display: block;
  margin: 1.5% 0;
}
#premadeproduct #premadeDetails {
  width: 45%;
}
#premadeproduct #premadeDetails #metadata {
  margin: 2em 0 1em 0;
}
#premadeproduct #premadeDetails #metadata h2 {
  font-size: 250%;
  display: inline;
}
#premadeproduct #premadeDetails #metadata h4 {
  font-size: 120%;
}
#premadeproduct #premadeDetails #metadata h3 {
  font-size: 160%;
  color: #00395F;
}
#premadeproduct #premadeDetails #metadata p {
  font-size: 109%;
}
#premadeproduct #premadeDetails #metadata #descriptivePromo {
  margin: 0.75em 0;
  display: block;
}
#premadeproduct #premadeDetails #purchase {
  margin: 1em 0;
  padding: 1.5em 0 0.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#premadeproduct #premadeDetails #purchase span {
  margin: 0.2em 0 0 0.3em;
  font-size: 153.84615384615384615384615384615%; /* 20 / 13 */
  font-weight: bold;
}
#premadeproduct #premadeDetails #purchase .outofstock {
  max-width: 50%;
}
#premadeproduct #premadeDetails #purchase button {
  width: 50%;
  /* padding: 6px 0 5px 0; id126 */
}
#premadeproduct #premadeDetails #share {
  margin: 0 0 5% 0;
}
#premadeproduct #premadeDetails #share .shareable {
  width: 39%;
}
#premadeproduct #premadeDetails #favoriteModels {
  width: 100%;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #ccc;
}
#premadeproduct #premadeDetails #favoriteModels button {
  width: 49%;
  /* padding: 5px 0 6px 0;  id126 */
}
#premadeproduct #premadeDetails #favoriteModels select,#premadeproduct #premadeDetails #favoriteModels .selectBox {
  width: 43%;
  margin-left: 1em;
}
#premadeproduct #premadeDetails #favoriteModels select {
  margin-top: -0.2em;
  color: #000;
}
#premadeproduct #premadeDetails #readymadeBy {
  margin: 1.5em 0 0 0;
  display: block;
}
#premadeproduct #shadow {
  height: 114px;
  width: 100%;
  position: absolute;
  bottom: 0.5em;
  left: 0;
  z-index: -10;
  background: transparent url('/images/sitewide/backgrounds/collections_product_detail_shadow.png') no-repeat 0 0;
}
.safari #premadeproduct #shadow {
  bottom: 1.3em;
}

/*****************************************************\
*
* Product Pages 
*
\*****************************************************/
#devicelanding #availableProducts, #productlanding #availableProducts, #salelanding #availableProducts, #salecategorylanding #availableProducts {
  display: block;
  width: 100%;
  position: relative;
  background: url(/images/sitewide/backgrounds/background-mid-shadow-960.jpg) repeat-y;
}
#devicelanding #availableProducts.morethantwo, #productlanding #availableProducts.morethantwo {
  background: url(/images/sitewide/backgrounds/background-mid-shadow-960-214.jpg) repeat-y;
}
#productlanding #availableProducts.productslanding {
  background: none;
}
#devicelanding div div#pagetitle, #salelanding div div#pagetitle {
  position: relative;
  top: 23px;
  left: 0px;
  min-width: 350px;
  font-size: 235.3%;
  z-index: 2;
  color: #000;
  margin-bottom: 0.8em;
}
#devicelanding div div#pagetitle img, #salelanding div div#pagetitle img {
  position: relative;
  top: 0.25em;
}
#devicelanding #availableProducts .teasers, #productlanding #availableProducts .teasers, #salelanding #availableProducts .teasers, , #salecategorylanding #availableProducts .teasers {
  display: block;
  position: relative;
  top: -45px;
  margin: 0 0 25px 240px;
}
.topReset {
  top: 0px !important;
}
#devicelanding #availableProducts .teaser,#productlanding #availableProducts .teaser, #salelanding #availableProducts .teaser, #salecategorylanding #availableProducts .teaser {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  float: left;
}
#salelanding #availableProducts .teaser {
  min-height: 285px;
}
#devicelanding #availableProducts .teasers.morethantwo .teaser,#productlanding #availableProducts .teasers.morethantwo .teaser {
  width: 240px;
  height: 235px;
}
#devicelanding #availableProducts .teasers.morethantwo .teaser {
  height: auto;
  margin-top: 15px;
  min-height: 390px;
}
#devicelanding #availableProducts .teasers.morethantwo .teaser img,#productlanding #availableProducts .teasers.morethantwo .teaser img {
  width: 240px;
  height: 215px;  
}
#devicelanding #availableProducts .teasers.morethantwo .teaser img {
  height: auto;
}
#devicelanding ul li.indent {
  padding: 0 0 0 10px;
  line-height: 19px;
}
#productlanding #availableProducts .teaser {
  margin: 3% 6% 3% 3%;
  width: 41%;
}
#salelanding #availableProducts .teaser {
  margin: 2% 6% 2% 2%;
  width: 25%;
}
#productlanding #availableProducts .teaser img, #salelanding #availableProducts .teaser img, #salecategorylanding #availableProducts .teaser img {
  position: relative;
  left: 17%;
  bottom: 1em;
}
#salelanding #availableProducts .teaser img {
  left: -17%;
  bottom: auto;
}
#salecategorylanding #availableProducts .teaser img {
  left: auto;
  bottom: auto;
  margin: 0;
}
#productlanding #availableProducts .teaser .caption, #salelanding #availableProducts .teaser .caption {
  width: 43%;
  position: relative;
  left: 7%;
  top: 3.5em;
  text-align: left;
  font-family: "MuseoSans", Arial;
}
#productlanding #availableProducts .teaser .caption .product, #salelanding #availableProducts .teaser .product, #salecategorylanding #availableProducts .teaser .product {
  font-size: 235.3%;
  display: block;
}
#salecategorylanding #availableProducts .teaser .caption {
  position: relative;
  top: -3.5em;
}
#salecategorylanding #availableProducts .teaser:first-child .caption {
  top: -6em;
}
#devicelanding #availableProducts .teaser .caption .slug,#productlanding #availableProducts .teaser .caption .slug, #salelanding #availableProducts .teaser .caption .slug {
  font-size: 114.4%;
  letter-spacing: 0.1em;
}
#productlanding #availableProducts .teaser .caption button {
  /* width: 100%; */
  margin-top: 1em;
}
#productlanding #promotions {
  width: 100%;
  margin-top: 2%;
  clear: both;
}
#productlanding #promotions .promo {
	margin: 0 2.3% 0 0;
  text-align: center;
  color: #fff;
  font-size: 150%;
}
#productlanding #availableProducts .midshadow {
  background: url(/images/sitewide/backgrounds/background-product-landing-item-shadow.jpg) no-repeat 0 84%;
}
#productlanding #availableProducts .doubleshadow {
  background: url(/images/sitewide/backgrounds/products-double-shadow.png) no-repeat bottom center;
}
#productlanding #availableProducts .singleshadow {
  background: url(/images/sitewide/backgrounds/products-single-shadow.png) no-repeat bottom center;
}
#productlanding #promotions .promo:last-child {
  margin-right: 0;
}
#devicelanding #availableProducts .teaser img, #salelanding #availableProducts .teaser img {
  margin: 0;
}
#devicelanding #availableProducts .teaser .caption, #salelanding #availableProducts .teaser .caption {
  position: relative;
  top: -5em;
  width: 100%;
  max-width: 240px;
}
#devicelanding #availableProducts .teasers.morethantwo .teaser .caption, #salelanding #availableProducts .teaser .caption {
  position: relative;
  top: -1.5em;
  width: 100%;
}
#devicelanding #availableProducts .teasers.morethantwo .teaser .caption .product, #salelanding #availableProducts .teaser .caption .product {
  font-size: 138.4615384615385%; /* 18px/13px */
}  
#devicelanding #availableProducts .teaser .caption .slug, #salelanding #availableProducts .teaser .caption .slug {
  font-size: 92.3%;
  color: #808080;
}
#devicelanding #availableProducts .teaser .caption .product, #salelanding #availableProducts .teaser .caption .product {
  font-size: 130%;
  display: block;
}
#devicelanding #availableProducts .shadow, #salelanding #availableProducts .shadow {
  position: absolute;
  bottom: 8em;
  left: 0;
  height: 176px;
  width: 960px;
  z-index: -2;
  background: transparent url('/images/sitewide/backgrounds/products_devicelanding_background.png') no-repeat;
}
#devicelanding #availableProducts.macbooklanding, #devicelanding #availableProducts.macbook {
  min-height: 310px;
}
#devicelanding #availableProducts.macbook.rows2 {
  min-height: 480px;
}
#devicelanding #availableProducts.macbook.rows3 {
  min-height: 650px;
}
#devicelanding #availableProducts.macbook.rows4 {
  min-height: 820px;
}
#devicelanding #availableProducts.macbooklanding .teasers .teaser img {
  max-width: 240px;
}
#devicelanding #availableProducts.macbooklanding .teasers .teaser.deflector img, #devicelanding #availableProducts.macbook .teasers .teaser.deflector img {
  max-width: 160px;
}
#devicelanding #availableProducts.macbooklanding .teasers, #devicelanding #availableProducts.macbook .teasers {
  top: 30px;
  left: 240px;
  margin: 0;
  width: 730px;
}
#devicelanding #availableProducts.macbooklanding .teasers {
  top: 65px;
}
#devicelanding #availableProducts.macbook .teasers {
  margin-top: -15px;
}
#devicelanding #availableProducts.macbooklanding .teaser.deflector, #devicelanding #availableProducts.macbook .teaser.deflector {
  position: relative;
  top: 68px;
}
#devicelanding #availableProducts.macbooklanding .teaser.deflector .caption, #devicelanding #availableProducts.macbook .teaser.deflector .caption {
  top: 0;
}
#devicelanding #availableProducts.macbooklanding .teaser .caption, #devicelanding #availableProducts.macbook .teaser .caption {
  top: -2em;
}
#devicelanding #productType {
  width: 27.15%;
  padding: .5em .5em 0 0;
}
#devicelanding #productType h2 {
  background-color: #d3d3d4;
  color: #000;
  background: transparent url('/images/sitewide/backgrounds/collections_chooser_top.png') no-repeat;
  font-size: 123.0769230769231%; /* 16px / 13px */
  font-weight: bold;
  text-align: center;
  padding: 4% 0 4% 0;
  text-shadow: 0 0 10px #f0f0f0;
  border-bottom: 1px solid #c0c0c0;
}
#devicelanding #productType h2.long {
  font-size: 105%;
}
#devicelanding #productType ul {
  padding: 5% 0 5% 5%;
  border-bottom: 1px solid #b7b7b7;
}
#devicelanding #productType ul li {
  margin-bottom: 0.3em;
}
#devicelanding #productType ul li a {
  color: #35b8c5;
}
#devicelanding #prodlanding {
  margin-left: 3%;
}
#devicelanding #prodmain {
  width: 71%;
  /*background: transparent url('/images/sitewide/backgrounds/products_devicelanding_divider_shadow.png') no-repeat;*/
  padding-top: 3.5em;
  margin-top: -0.5em;
}
#devicelanding #prodmain #pageCopy {
  color: #808080;
  font-size: 130.8%;
}
#devicelanding #prodmain p,#prodlanding p {
  margin: 0.5em 0;
}
#devicelanding #prodmain p:first-child,#prodlanding p:first-child {
  margin-top: -0.3em;
}
#devicelanding #moreReadyMade {
  position: relative;
  left: 1em;
  top: 2.5em;
  margin: 0 0 0 0;
  line-height: 1.5em;
}
#devicelanding #moreReadyMade img {
  position: relative;
  top: -3em;
}
#devicelanding #moreReadyMade h2,#devicelanding #moreReadyMade h2 {
  font-size: 185%;
}
#devicelanding #moreReadyMade #seemore,#devicelanding #moreReadyMade #seemore {
  font-size: 85%;
}
#caselanding #prodhero {
  display: block;
  position: relative;
  margin: 0 0 1em 0;
}
#caselanding #hero {
  display: block;
  position: relative;
  margin: 1em 0 0 0;
}
#caselanding #category {
  font-size: 158.2%;
}
#caselanding #category img {
  position: relative;
  top: 0.25em;
}
#caselanding #prodhero #information {
  position: absolute;
  top: 4%;
  left: 3%;
  width: 27.5%;
}
#caselanding #prodhero #information h1 {
  font-size: 290%;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  position: relative;
  top: 0.5em;
  left: -0.1em;
}
#caselanding #prodhero #information h1 sup {
  font-size: 50%;
  position: relative;
  top: -15px;
}
#caselanding #prodhero #information h3 {
  font-size: 125%;
  font-weight: normal;
  position: relative;
  top: 1.5em;
}
#caselanding #prodhero #information #price {
  display: block;
  margin: 10% 0 4% 0;
  font-size: 280%;
}
#caselanding #prodhero #information .uncommonbutton {
  width: 65%;
  /* padding: 6px 0 5px 0;  id126 */
}
#caselanding #prodhero #information .fb-like, #caselanding #prodhero #information .pinit {
  margin-top: 0.5em;
}
#caselanding #bottomarea {
	min-height: 131px;
}
#caselanding .callout {
  width: 40%;
  padding: 3.5%;
  margin-bottom: -10em;
  text-align: center;
}
#caselanding #promo.callout {
  position: relative;
  width: 40%;
}
#caselanding #promo.callout .promo img {
	width: 100%;
}
#caselanding #featuredCollection.callout .left {
  text-align: left;
  position: relative;
  top: 0;
  left: -4.5em;
  cursor: pointer;
}
#caselanding #featuredCollection.callout .left h2 {
  font-size: 185%;
}
#caselanding #featuredCollection.callout .left h4 {
  font-size: 85%;
  font-weight: normal;
}
#caselanding #featuredCollection.callout .left span {
  display: block;
  font-size: 150%;
  margin-top: 0.5em;
}
#caselanding #featuredCollection.callout .right {
  position: relative;
}
#caselanding #featuredCollection.callout .shadow {
  position: absolute;
  right: 0;
}
#caselanding #featuredCollection.callout ul {
  position: relative;
  top: -7.5em;
}
#caselanding #featuredCollection.callout ul.ipads {
  left: 6em;
}
#caselanding #featuredCollection.callout ul li {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  margin-right: 7%;
  display: inline;
  float: left;
}
#caselanding #featuredCollection.callout ul.ipads li {
  margin-right: 3%;
}
#caselanding #featuredCollection.callout ul li:last-child {
  margin-right: 0;
}
#caselanding #featuredCollection.callout ul li img {
  height: 11em;
}
#caselanding #featuredCollection.callout #mask {
  width: 18em;
  height: 2.75em;
  background-color: #fff;
  z-index: 25;
  margin-bottom: -13em;
  position: relative;
  bottom: 10.1em;
  right: 3.5em;
}
#caselanding #featuredCollection.callout #mask.ipads {
  height: 3.75em;
  width: 25em;
  right: -1em;
}
.safari #caselanding #featuredCollection.callout #mask {
  bottom: 10.2em;
  height: 2.85em;
}
#caselanding #navback {
  display: block;
  font-size: 1.3em;
}
#caselanding .mixedwrapper {
  width: 52%;
  margin: 3em auto 0 auto;
}
#caselanding .mixedwrapper.onecol {
  width: auto;
  max-width: inherit;
}
#caselanding .mixedwrapper #information {
  position: absolute;
  top: 2%;
  left: 3%;
  width: 27.5%;
}
#caselanding .mixedwrapper #information h1 {
  font-size: 290%;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  position: relative;
  top: 0.5em;
  left: -0.1em;
}
#caselanding .mixedwrapper #information h1 sup {
  font-size: 50%;
  position: relative;
  top: -15px;
}
#caselanding .mixedwrapper #information h3 {
  font-size: 125%;
  font-weight: normal;
  position: relative;
  top: 1.5em;
}
#caselanding .mixedwrapper #information #price {
  display: block;
  margin: 10% 0 4% 0;
  font-size: 280%;
}
#caselanding .mixedwrapper #information .uncommonbutton {
  width: 65%;
}
#caselanding #prodhero #information .fb-like, #caselanding #prodhero #information .pinit {
  margin-top: 0.5em;
}
#genericproduct #information {
  width: 100%;
  position: relative;
  padding: 3% 0 4% 0;
  background: transparent url('/images/sitewide/backgrounds/collections_product_detail_shadow.png') no-repeat 0 100%;
}
#genericproduct #information #prodImage {
  text-align: center;
  background: transparent url('/images/sitewide/backgrounds/products_generic_details_shadow.png') no-repeat 0 293px;
  position: relative;
  height: 429px;
  width: 508px;
}
#genericproduct #information #prodImage img {
  position: absolute;
  top: 0px;
  left: 0px;  
  display: none;
  z-index: 99;
}
#genericproduct #information #prodImage img.img.active {
  display: block;
  z-index: 100;
}
#genericproduct #information #prodImage span.gray {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 416px;
  left: 0px;
  z-index: 101;
}
#genericproduct #information #prodImage span.gray a {
  background-color: #fff;
  padding: 5px;
  text-transform: capitalize;
}
#genericproduct #information #prodImage span.gray a.active {
  font-weight: bold;
}
#genericproduct #information span {
  display: block;
  font-size: 84.6%;
}
#genericproduct #information #details {
  width: 45%;
  position: relative;
  top: -1.8em;
}
#genericproduct #information #share span.shareable {
  width: 38%;
}
#genericproduct #information #details h2 {
  font-size: 230%;
}
#genericproduct #information #details h3 {
  font-size: 100%;
  color: #35b8c5;
}
#genericproduct #information #details button {
  /* padding: 6px 0 5px 0;  id126 */
  width: 49%;
}
#genericproduct #information #details #otherModels {
  width: 49%;
}
#genericproduct #information #details #priceAndBuy {
  margin: 4% 0;
  padding: 5% 0 2% 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#genericproduct #information #details #cost {
  margin-top: 1%;
  font-size: 153.84615384615384615384615384615%; /* 20 / 13 */
  font-weight: bold;
}
#genericproduct #information #details #share {
  margin: 0 0 5% 0;
}
/* no horizonal scrollbar spoofing by facebook like */
.FB_UI_Hidden { 
  width: 100px !important; 
}
.pinit {
  margin-right: 1em;
}
.socialicons {
  position: relative;
  top: 8px;
}
.socialicons div, .socialicons iframe {
  float: left !important;
  overflow: hidden;
}
#genericproduct #information #description {
  margin-top: 1em;
}
#genericproduct #information #favoriteOthers {
  border-bottom: 1px solid #ccc;
}
#genericproduct #information #otherPremades {
  margin-top: 1em;
  cursor: pointer;
}

/*****************************************************\
*
* Images/Customize Pages 
*
\*****************************************************/
.header {
  border-bottom: 2px solid #d4d4d4;
  margin: 0 0 1em 0;
  width: 100%;
}
.header h2 {
  font-size: 202%;
  margin: 0 0.25em 0.1em 0;
}
.header h4 {
  font-size: 95%;
  position: relative;
  top: 1.1em;
  color: #999999;
}
.header .sort,.header .view {
  position: relative;
  top: -0.5em;
  font-size: 72%;
}
.header .view {
  top: 0.3em;
}
.header .sort li:first-child,.header .view li:first-child {
  margin-right: 0.175em;
}
.header .sort .option {
  font-size: 125%;
}
.header .view .list,.header .view .grid {
  position: relative;
  top: -0.825em;
}
.header tr td {
  vertical-align: bottom;
}
.header #biolink {
  position: relative;
  top: 1.0em;
}
.header #artistPromo {
  margin: 0 0 0.5em 0;
  clear: both;
  display: block;
}

/*****************************************************\
*
* Customize Image Grid  
*
\*****************************************************/
.rightcol {
  width: 70.6%;
  display: block;
}
.rightcol #artistContentPromo {
	clear: both;
  margin: 0.75em 0;
  display: block;
}
.safari .rightcol {
  width: 71%;
  display: block;
}
.leftcol {
  width: 27.1%;
  display: block;
}
.hoverable {
  /* border: 3px ridge #caccce; */
}
.hoverable:hover {
  /* border: 5px solid #0099FF; */
}
.badge {
  background: transparent url('/images/sitewide/new_badge.png') 0 0 no-repeat;
  width: 48px;
  height: 41px;
  position: absolute;
  left: 0;
  top: 0;
}
.listview .badge {
  left: 2em;
  top: 1.5em;
}
#promotion {
  width: 95.2%;
  min-height: 11.4em;
  background-color: #f4f4f4;
  color: #4c4c4c;
  font-size: 140%;
  text-align: center;
  padding: 1em;
  margin-bottom: 1em;
}
#promotion .default {
  position: relative;
  top: 5em;
  display: inline-block;
}
#imageNav {
  font-family: Arial;
}
#imageNav h2 {
  background-color: #d3d3d4;
  color: #000;
  background: transparent url('/images/sitewide/backgrounds/images_header.png') no-repeat;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 14px 0 7px 0;
  color: #fff;
  text-shadow: 0 0 2px #000;
}
#imageNav #viewAll {
  background-color: #d3d3d4;
  color: #000;
  background: transparent url('/images/sitewide/backgrounds/images_footer.png') left -5px no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 0.6em 0 0 10px;
  color: #fff;
  text-shadow: 0 0 2px #222;
  display: block;
  height: 2.1em;
}
#imageNav ul {
  margin: 0;
  padding-bottom: 1.5em;
}
#imageNav .bottombg {
  background: transparent url('/images/sitewide/backgrounds/images_section_last.png') left bottom no-repeat;
  padding-bottom: 0;
}
#imageNav ul .category {
  padding: 0;
  color: #666666;
  font-size: 92.3%;
}
#imageNav .bgshadow {
  border-top: 2px solid #8b8989;
  background: transparent url('/images/sitewide/backgrounds/images_section.png') 0 -1px no-repeat;
}
#imageNav .bgshadow .sectionhead {
  padding: 1.25em 0.85em;
}
#imageNav .bgshadow .sectionhead .right {
  font-size: 80%;
}
#imageNav .bgshadow ul li .label {
  display: block;
  color: #4c4c4c;
  font-size: 11px;
  word-wrap: break-word;
  max-width: 100px;
}
#imageNav .bgshadow .carousel {
  overflow: hidden;
  margin: 0 0 0 0.75em;
  padding: 0;
  width: 100%;
  max-width: 17em;
}
#imageNav .bgshadow .carousel ul {
  width: 5000px;
}
#imageNav .bgshadow .full.view ul {
  margin-left: 1.5em;
}
#imageNav .bgshadow .carousel ul li {
  display: block;
  text-align: center;
  margin-right: 0.35%;
}
#imageNav .bgshadow .full.view ul li {
  display: block;
  text-align: center;
  margin: 0 6% 4% 0;
}
#imageNav .bgshadow .carousel ul li:last-child {
  margin-right: 0;
}
#imageNav .bgshadow .view ul li img {
  width: 92px;
  height: 92px;
  margin: 6px 1px 6px 5px;
}
#imageNav .bgshadow .view ul li img:hover {
  width: 82px;
  height: 82px;
  border: 5px solid #0099FF;
}
#imageNav .bgshadow tr td {
  vertical-align: middle;
}
#availableImages .image {
  width: 30.1%;
  margin: 0 2.5em 2em 0;
  position: relative;
}
#availableImages .image.norightmargin {
  margin-right: 0;
}
#availableImages .image img {
  width: 100%;
}
#availableImages .image .badge {
  left: 3px;
  top: 3px;
}
#customizelanding {
  display: block;
  position: relative;
}
#customizelanding #contentblock {
  margin: 0 0 1em 0;
  display: table;
  display: block;
  background: transparent url('/images/sitewide/backgrounds/products_devicelanding_background.png') no-repeat 0 55%;
}
#customizelanding #heroDivider {
  width: 804px;
  height: 30px;
  display: block;
  background: transparent url('/images/sitewide/backgrounds/hero_shadow.png') no-repeat 0 0;
  position: relative;
  left: 6%;
}
#customizelanding #heroDivider, #caselanding #heroDivider {
  width: 804px;
  height: 30px;
  display: block;
  background: transparent url('/images/sitewide/backgrounds/hero_shadow.png') no-repeat 0 0;
  position: relative;
  left: 6%;
}
#customizelanding .titleblock {
  text-align: center;
  margin-top: 1em;
}
#customizelanding .titleblock h1 {
  font-size: 363.3%;
  font-weight: normal;
}
#customizelanding .titleblock h3 {
  font-size: 101.9%;
  font-weight: normal;
}
#customizelanding .images {
  display: table-cell;
  margin-top: 3em;
  float: left;
}
#customizelanding .images img {
  width: 100%;
}
#customizelanding #contentblock.onecol .images {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#customizelanding #contentblock.twocol .images {
  max-width: 50%;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
#customizelanding #contentblock.threecol .images {
  max-width: 33%;
  margin-left: 0;
  margin-right: 0;
}
#customizelanding #promotions {
  width: 44%;
}
#customizelanding #promotions .underline h2 {
  font-size: 184.6%;
  color: #231f20;
}
#customizelanding #promotions .underline {
  width: 100%;
  border-bottom: 2px solid #ebebeb;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
}
#customizelanding #promotions .promo {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 150%;
}
#customizelanding #featuredImages {
  width: 50%;
  margin: 0;
}
#customizelanding #featuredImages .underline {
  width: 100%;
  border-bottom: 2px solid #ebebeb;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
#customizelanding #featuredImages .underline h2,#customizelanding #featuredImages .underline h4 {
  display: inline;
}
#customizelanding #featuredImages .underline h2 {
  font-size: 184.6%;
  color: #231f20;
}
#customizelanding #featuredImages .underline h4 {
  font-size: 84.6%;
  position: relative;
  top: 1.4em;
}
#customizelanding #featuredImages .images {
  margin: 0 0 0 0.5%;
  padding: 0;
}
#customizelanding #featuredImages .images li {
  display: inline-block;
  width: 23.25%;
  margin-right: 0.4em;
}
#customizelanding #featuredImages .images li img {
  width: 100%;
}
#caselanding #hero {
  margin: 1em 0;
}
#caselanding .mixedwrapper {
  display: block;
  max-width: 500px;
}
#caselanding .uncommonbutton {
  padding-left: 10px;
  padding-right: 10px;
}
#imagelanding .featured {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
#imagelanding .featured .header h2 {
  font-size: 24px;
  margin-top: 10px;
}
#imagelanding .featured ul {
  margin: 0;
}
#imagelanding .featured ul li {
  display: inline-block;
  margin: 0 0.15em 0 0;
  width: 15.95%;
  vertical-align: top;
  position: relative;
}
#imagelanding .featured ul li:nth-child (6n) {
  margin-right: 0;
}
#imagelanding .featured img {
  width: 100%;
  max-height: 8em;
}
#imagesViewAll #content .row {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #dddddd;
  padding: 1.5em 0 1.5em 2em;
}
#imagesViewAll #content .row:last-child,#collectionsViewAllList #content .row:last-child {
  border-bottom: none;
}
#imagesViewAll #content .row:first-child {
  padding-top: 1em;
}
#imagesViewAll #content .row:first-child .badge {
  left: 2em;
  top: 1em;
}
#imagesViewAll #content .row:nth-child (2n) {
  background-color: #f4f4f4;
}
#imagesViewAll #content .row img {
  max-width: 7.5em;
}
#imagesViewAll #content .row .data {
  position: relative;
  top: 2.5em;
  left: 2em;
  width: 85%;
}
.safari #imagesViewAll #content .row .data {
  top: 2.9em;
}
#imagesViewAll #content .row .data header {
  display: inline-block;
}
#imagesViewAll #content .row .data header h2 {
  max-width: 23.8em;
}
#imagesViewAll #content .row .data header h4 {
  font-weight: normal;
}
#imagesViewAll #content .row .data .right {
  display: inline-block;
  width: 39%; /* 60 for 3 buttons */
}
#imagesViewAll #content .row .data a.uncommonbutton {
	padding: 6px 0 0 0;
	height: 20px;
}
#imagesViewAll #content .row .data .uncommonbutton {
  height: 28px;
  width: 66%;
  display: inline-block;
  /* padding: 6px 0 11px 0;  id126 */
}
#imagesViewAll #imagesOverlay {
  width: auto;
}
#imageproduct {
  border-bottom: 1px dotted #ccc;
  padding: 1em 0;
}
#imageproduct #shadownav {
  width: 100%;
  padding: 0;
  text-align: right;
  height: 66px;
  background: transparent url('/images/sitewide/backgrounds/images_detail_shadow.png') no-repeat 0 25px;
}
#imageproduct #productimage {
  max-width: 49%;
}
#imageproduct #productimage img {
  width: 100%;
}
#imageproduct #content {
  padding-top: 2em;
  width: 47%;
  height: 100%;
}
#imageproduct #content h2 {
  font-size: 250%;
}
#imageproduct #content h4 {
  font-size: 100%;
}
#imageproduct #content #descriptivePromo {
	margin: 0.75em 0;
	display: block;
}
#imageproduct #content #controls {
  margin: 2em 0 0 0;
}
#imageproduct #content #controls button {
  /* padding: 0.5em 0.25em; id126 */
}
#imageproduct #content #controls button:first-child {
  width: 49.55%;
  margin-right: 0.25em;
}
#imageproduct #content #controls button:last-child {
  width: 49%;
}
#imageproduct #content #share {
  margin: 4% 0;
  padding: 4% 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#imageproduct #content #share .shareable {
  width: 37%;
}
#imageproduct #content h1 {
  font-size: 120%;
}
#imageproduct #content p {
  font-size: 110%;
  margin-bottom: 1em;
}
#imageproduct #content p a {
  color: #00395F;
}
#imageproduct #content #otherimages {
  border-top: 1px solid #ccc;
  padding: 1em 0 0 0;
  margin-top: 3em;
}
#sharedproduct {
  padding: 1em 0;
}
#sharedproduct #productimage {
  max-width: 49%;
  margin-left: 12%;
}
#sharedproduct #productimage.macbook {
  max-width: 40%;
  margin-left: 6%;
  margin-top: 6%;
}
#sharedproduct #productimage img {
  width: 100%;
}
#sharedproduct #content {
  padding-top: 2em;
  width: 47%;
  height: 100%;
}
#sharedproduct #content h2 {
  font-size: 250%;
}
#sharedproduct #content h4 {
  font-size: 100%;
}
#sharedproduct #content p {
	margin: 1em 0;
}
#sharedproduct #content #controls {
	margin: 1em 0;
  padding: 1.5em 0 0.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#sharedproduct #content #controls .price {
  display: block;
  margin: 0.2em 0;
  font-size: 153.84615384615384615384615384615%; /* 20 / 13 */
  font-weight: bold;
}
#sharedproduct #content #controls button {
  width: 49.55%;
  margin-right: 0.25em;
}
#designerbio {
  width: 98.5%;
}
#designerbio #image {
  width: 27%;
  text-align: right;
}
#designerbio #image img {
  width: 100%;
}
#designerbio .right {
  max-width: 70%;
}
#designerbio .titleblock {
  border-bottom: 2px solid #999;
  padding: 0 0 0.2em 0;
  margin: 0 0 0.5em 0;
  font-size: 251.5%;
  font-family: "MuseoSans", Arial;
}
#designerbio .titleblock h1,#designerbio .titleblock h3 {
  font-weight: normal;
}
#designerbio .copy {
  margin: 0 1em 3em 1em;
  font-size: 107.7%;
  font-family: Arial;
}
#designerbio .count {
  font-size: 218.2%;
  margin-right: 0.25em;
}
#designerbio #stats {
  width: 100%;
  margin-top: 1em;
  text-align: left;
  font-size: 84.6%;
}
#designerbio #stats li {
  margin: 1em 0;
  border-bottom: 1px solid #999;
  padding: 0 0 1em 0.5em;
}
#designerbio #featuredimages,#designerbio #readymade {
  margin-top: 2em;
}
#designerbio #featuredimages header,#designerbio #readymade header {
  border-bottom: 2px solid #999;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0 0 1em 0;
}
#designerbio #featuredimages header h1,#designerbio #featuredimages header h3,#designerbio #readymade header h1,#designerbio #readymade header h3 {
  display: inline-block;
}
#designerbio #featuredimages header h1,#designerbio #readymade header h1 {
  font-size: 184.6%;
}
#designerbio #featuredimages header h3,#designerbio #readymade header h3 {
  font-size: 84.6%;
  margin-top: 1.2em;
}
#designerbio #featuredimages ul,#designerbio #readymade ul {
  margin: 0;
}
#designerbio #featuredimages ul li,#designerbio #readymade ul li {
  display: inline;
  margin: 0 0.5em 0 0;
}
#designerbio #featuredimages ul li:last-child,#designerbio #readymade ul li:last-child {
  margin-right: 0;
}
#designerbio #featuredimages ul li img {
  max-width: 15.3%;
}
#designerbio #readymade {
  background: transparent url('/images/sitewide/backgrounds/collections_products.png') no-repeat 50% 80%;
}
#designerbio #readymade ul {
  margin-left: 4em;
}
#designerbio #readymade ul li {
  margin-right: 2em;
}
#designerbio #readymade ul li img {
  max-width: 12%;
}

/*****************************************************\
*
*  Share Image Landing Page  
*
\*****************************************************/

#sharedproduct .socialicons {
  top: 0;
}
#sharedproduct .twitter-share-button {
  margin-right: 1em;
}


/*****************************************************\
*
*   Login Page Styles
*
\*****************************************************/
#showsignininstructions {
  height: 100px;
  width: 617px;
  clear: both;
  font-family: "MuseoSans", "Georgia Bold Italic", serif;
  padding: 50px 0;
  color: #ff3c00;
  font-size: 16px;
}
#showsignininstructions a, #showsignininstructions a:visited {
  text-decoration: underline;
}
/*****************************************************\
*
* Checkout Pages  
*
\*****************************************************/
.checkoutcontent {
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  padding: 1em 0.5em;
}
.checkoutcontent h1 {
  text-transform: uppercase;
  font-weight: bold;
  color: gray;
  font-size: 225%;
  margin-bottom: 0.25em;
  letter-spacing: 0.14em;
}
.checkoutcontent #breadcrumb {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  background: transparent url('/images/sitewide/backgrounds/view_grid_shadow.png') no-repeat 0 -20px;
  min-height: 68px;
}
.checkoutcontent #breadcrumb li {
  display: inline-block;
  color: #ccc;
  margin-right: 0.3em;
  padding: 0.5em 0;
  text-align: center;
  font-size: 175%;
  letter-spacing: 0;
}
.checkoutcontent #breadcrumb li[onclick] {
  cursor: pointer;
}
.checkoutcontent #breadcrumb li:last-child {
  margin-right: 0;
}
.checkoutcontent #breadcrumb .highlight {
  color: #000;
}
.checkoutcontent #breadcrumb .divider {
  padding: 0;
  background-color: transparent;
  color: #000;
  width: 1%;
}
.checkoutcontent .copy {
  margin: 1em 0;
  width: 100%;
}
.checkoutcontent .underlined {
  border-bottom: 1px solid #ccc;
  padding: 0 0 0.25em 0;
  font-size: 167%;
  margin: 0 0 1em 0;
}
.checkoutcontent #share a {
  font-weight: bold;
  text-decoration: underline;
}
.js .checkoutcontent select {
  display: inline-block;
}
#cart #emptycart h4 {
  margin: 2em 0 0 0;
}
#cart #emptycart p {
  margin: 1em 0 0 0;
}
.cartitems {
  width: 100%;
  margin-bottom: 1em;
  display: table;
}
.cartitems .cartrow {
	display: table-row;
	width: 100%;
}
.cartitems .cartrow div {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	border-bottom: 1px solid #eee;
}
.cartitems .cartrow.first div {
  padding-top: 0;
}
.cartitems .cartrow.last div {
  border-bottom: none;
  padding-bottom: none;
}
.cartitems .cartrow .colhead, #xsellcontainer .colhead {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #00395F;
	font-weight: bold;
}
.cartitems .cartrow .orderedItem .finalsale {
  color: red;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
.cartitems .cartrow .orderedImage {
	width: 17%;
	max-width: 200px;
	text-align: center;
}
.cartitems .cartrow .orderedItem {
  width: 25%;
}
.cartitems .cartrow .orderedImage img {
  max-width: 200px;
}
.cartitems .cartrow .orderedItem .error {
	display: inline-block;
	margin-bottom: 5px;
}
.cartitems .cartrow .orderedItem .skuMessage {
  display: inline-block;
  font-style: italic;
  margin-top: 10px;
}
.cartitems .cartrow .orderedProduct {
  width: 17%;
}
.cartitems .cartrow .orderedQuantity {
  width: 15%;
  text-align: left;
}
.cartitems .cartrow .orderedQuantity a {
  font-weight: normal;
  font-size: 90%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
}
.cartitems .cartrow .orderedQuantity a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
} 
.cartitems .orderedQuantity .uncommontext {
  width: 40px;
}
.cartitems .cartrow .orderedPrice {
  width: 8%;
}
.cartitems .cartrow .orderedControls {
  width: 10%;
  text-align: right;
  color: #00395F;
  font-weight: bold;
}
.cartitems .cartrow .orderedControls .control {
	margin-top: 2em;
	display: inline-block;
	font-weight: normal;
	/* padding: 1px 0px 1px 12px; 
	background: url(/images/sitewide/close.gif) left no-repeat; */
	background: url(/images/configurator/ui/delete.png) right no-repeat;
  padding: 2px 23px 2px 0px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
}
.cartitems .cartrow .orderedControls .control:hover {
  cursor: pointer;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  /* background: url(/images/sitewide/close-x.gif) left no-repeat; */
}
.max200wordbreak {
  word-wrap: break-word;
  max-width: 200px;
  display: block;
}
#cart .cartitems .cartremove {
  margin-left: 2em;
}
#cart .uncommonbutton {
  /* padding: 6px 0 5px 0;  id126 */
  width: 16%;
}
#cart button[type=submit] {
  margin-right: 1em;
}
#cart .formbuttons {
  margin: 1em 0 0 0;
  width: 100%;
}
#cart #carttotal {
  width: 40%;
  background-color: #F4F4F4;
  padding: 1em;
}
#cart #carttotal .row {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}
#cart #carttotal .row:first-child {
  padding-top: 0;
}
#cart #carttotal .subtotal {
  margin-left: 0.5em;
  font-size: 200%;
}
#cart #carttotal .uncommonbutton {
  width: 45%;
  display: inline-block;
}
#cart #carttotal .uncommontext {
  width: 48%;
  text-align: center;
  height: 25px;
  margin-right: 0.5em;
  margin-top: -0.1em;
}
#cart #carttotal .row {
  font-size: 90%;
  padding-bottom: 0.35em;
}
#cart #carttotal .row .label {
  display: inline-block;
  width: 50%;
}
#cart .cartrow .gifticon {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
#cart .cartrow .addgiftbox {
  opacity: 0.50;
  font-weight: normal;
  margin-right: 3px;
}
#cart .cartrow .giftboxAddOptions {
  display: none;
  margin: 5px 0 0 23px;
}
#cart .cartrow .giftboxAddOptions li {
  margin-bottom: 5px;
}
#cart .cartrow .giftboxAddOptions li.last {
  margin-bottom: 0;
}
#cart .cartrow .giftboxAddOptions li a {
  font-size: 15px;
}
#cart .cartrow .giftboxAddOptions li a.italics {
  font-size: 12px;
}
#xsellcontainer {
  max-width: 500px;
  background-color: #F4F4F4;
  padding: 5px;
  text-align: left;
}
.xsellitem {
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
  text-align: left;
  width: 240px;
  margin:0.75em 0;
}
.xsellleft {
  float:left;
  width: 125px;
  max-width: 200px;
  text-align: center;
  display: inline-block;
  margin: 0 5px 10px 0;
}
.xselltext {
  width: 100px;
  text-align: left;
  padding-bottom: .6em;
  display:block;
}
.xselltext a {
  font-size: 100%;
}
.xselltitle {
  font-size: 100%;
  text-align: left;
  border-bottom: 1px solid #CCC;
  margin-bottom:.25em;
}
.xsellthumb {
  max-width: 125px;;
}
.xsellright {
  float:right;
  width:100px;
  display: inline-block;
  margin-right:3%;
}
#xsellcontainer .xsellbutton {
  min-width: 100px;
  margin-top: 1em;
}
/*****************************************************\
*
* Address Payment Page  
*
\*****************************************************/
.ttHint {
  cursor: pointer;
  font-size: smaller;
  color: red;
  margin-right: 7px;
}
#addressPayment section {
  width: 100%;
  margin-top: 2em;
  position: relative;
}
#addressPayment section .leftaligned {
  left: 0;
}
#addressPayment .blurb {
  width: 25%;
  position: absolute;
  left: 0.5em;
  font-size: 90%;
}
#addressPayment .blurb h2 {
  font-size: 125%;
}
#addressPayment table,#review table {
  width: 44%;
}
#addressPayment table tr td,#review table tr td {
  padding: 0.25em;
  text-align: left;
}
#addressPayment .uncommontext {
  width: 98%;
}
#addressPayment .uncommontext.fullwidth {
  width: 99%;
}
#addressPayment .column {
  position: relative;
}
#addressPayment #aboutyou {
  margin-top: 0;
}
#addressPayment #aboutyou .login {
  padding: 0.5em;
  background-color: #CC0033;
  color: #fff;
  cursor: pointer;
  margin-bottom: 0.5em;
}
#addressPayment #aboutyou .divider {
  margin: 0.5em auto;
  width: 50%;
}
#addressPayment #aboutyou .divider li {
  display: inline-block;
  vertical-align: middle;
}
#addressPayment #aboutyou .divider .ruler {
  width: 41%;
}
#addressPayment #aboutyou .createblurb {
  top: 14.5em;
}
#addressPayment #address .shippingblurb {
  top: 129px;
}
#addressPayment #address .shippingblurb.expanded {
  top: 20.5em;
}
#addressPayment #address.voucher #billingInfo {
  margin-bottom: 1em;
}
#addressPayment #billingInfo, #addressPayment #address.voucher #shippingInfo {
  margin-bottom: 1.4em;
}
#addressPayment #address.voucher #billingInfo {
  margin-bottom: 0;
}
#addressPayment #address.voucher .shippingblurb {
  top: 5px;
}
#addressPayment #address.voucher .shippingblurb.billingcondensed {
  top: 0;
}
#addressPayment #address.voucher .shippingblurb.expanded {
  top: 0;
}
#billaddresscondensed {
  height: 100px;
}
#addressPayment #address .selectBox {
  width: 94%;
  margin-top: 4px;
}
#addressPayment #address input[type=text], #addressPayment #aboutyou input[type=text] {
  height: 30px;  
  padding-left: 4px;
}
#addressPayment #paymentMethod .cartgcnum {
	margin-bottom: 5px;
}
.js #addressPayment #paymentMethod .gcbalanceload {
	position: absolute;
	top: 0;
	margin-left: 10px;
}
.js #addressPayment #paymentMethod .giftcardmsg {
	position: absolute;
  right: -205px;
  margin-top: -28px;
  text-align: left;
  font-weight: bold;
  width: 200px;
}
.js #addressPayment #paymentMethod #ccMonth {
  width: 8em;
}
.js #addressPayment #paymentMethod #ccYear {
  left: 32em;
}
#addressPayment #paymentMethod input#cvv {
  width: 27.5%;
}
#addressPayment #paymentMethod .aboutbox {
  padding: 0.3em 0.5em;
  background-color: #999;
  color: #fff;
  display: inline-block;
  margin-top: 1.65em;
}
#addressPayment #paymentMethod #ccicons span {
  background: transparent url('/images/checkout/credit-cards.jpg') no-repeat 0 0;
  height: 27px;
  width: 43px;
  overflow: hidden;
  text-indent: -5000px;
  display: inline-block;
  margin-right: 1%;
}
#addressPayment #paymentMethod #ccicons #ccvisa {
  background-position: 0 0;
}
#addressPayment #paymentMethod #ccicons #ccvisa.active {
  background-position: 0 -30px;
}
#addressPayment #paymentMethod #ccicons #ccmaster {
  background-position: -50px 0;
}
#addressPayment #paymentMethod #ccicons #ccmaster.active {
  background-position: -50px -30px;
}
#addressPayment #paymentMethod #ccicons #ccamex {
  background-position: -100px 0;
}
#addressPayment #paymentMethod #ccicons #ccamex.active {
  background-position: -100px -30px;
}
#addressPayment #paymentMethod #ccicons #ccdiscover {
  background-position: -150px 0;
}
#addressPayment #paymentMethod #ccicons #ccdiscover.active {
  background-position: -150px -30px;
}
#addressPayment #paymentMethod .uncommonbutton,#addressPayment #promotions .uncommonbutton {
  width: 50%;
  /* padding: 6px 0 5px 0; id126 */
  height: 29px;
}
#addressPayment #paymentMethod #gcAndMessage {
	padding-top: 1.5em;
}
#addressPayment #paymentMethod #giftReceiptOptions small {
	margin: 0 0 0 0.5em;
}
#addressPayment #cartbutton {
  margin-top: 1.5em;
}
#review #orderItems .cartitems .cartthumb {
  max-width: none;
}
#review #orderItems .cartitems table {
  width: 100%;
}
#review #orderItems .cartitems .cartrow .orderedItem,
 #review #orderItems .cartitems .cartrow .orderedProduct {
	text-align: left;
}
#review #orderItems .cartitems .cartrow .orderedControls {
	width: 8%;
}

#review #orderItems .cartsummary {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
#review #orderItems .cartsummary div {
	display: table-row;
	width: 100%;
}
#review #orderItems .cartsummary span {
	display: table-cell;
	padding: 3px 0;
}
#review #orderItems .cartsummary .label {
  width: 90%;
  text-align: right;
}
#review #orderItems .cartsummary .value {
  width: 10%;
  text-align: center;
}
#review #orderItems .cartsummary .overlined .label, 
  #review #orderItems .cartsummary .overlined .value {
  border-top: 1px solid #ccc;
}
#review .uncommonbutton {
  width: 15%;
}
.checkoutfooter {
  margin: 1em auto;
  padding: 0 0 2em 0;
  width: 960px;
}
.checkoutfooter h1 {
  font-size: 108.6%;
}
.checkoutfooter p {
  font-size: 90%;
  line-height: 1.4em;
}
.checkoutfooter ul li {
  margin: 0.15em 0;
}
.checkoutfooter .column {
  width: 32%;
  margin-right: 5em;
}
.checkoutfooter .column:last-child {
  margin-right: 0;
  width: 20%;
}
#shareOrder {
  width: 50%;
  margin: 0 auto;
}
#shareOrder p {
  margin: 5px 0;
}
#shareOrder ul {
  list-style: none;
  margin-bottom: 10px;
}
#shareOrder ul li {
  margin: 3px 0;
  font-weight: bold;
}
#shareOrder button {
  margin: 5px auto;
  width: 50%;
  
}
#gclanding .rightcolumn {
  width: 508px;
  float: left;
  position: relative;
  top: -10px; /* was -30, but that bled into the menu - MTR 4/2/2012 */
}
#gclanding .rightcolumn #prodImage {
  text-align: center;
  background: transparent url('/images/sitewide/backgrounds/products_generic_details_shadow.png') no-repeat 0 293px;
  position: relative;
  height: 429px;
  width: 508px;
  float: left;
}
#gclanding .rightcolumn #prodImage img {
  position: absolute;
  top: 0px;
  left: 0px;  
  z-index: 99;
}
#gclanding .rightcolumn #purchaseIt {
  padding-left: 10%;
}
#gclanding .rightcolumn #purchaseIt #validateFailedMessage {
  display: none;
  color: red;
  padding: 0 0 10px 0;
}
#gclanding .rightcolumn #purchaseIt input {
  width: 80%;
  margin-bottom: 10px;
}
#gclanding .rightcolumn #purchaseIt textarea {
  width: 80%;
  height: 7em;
  min-width: 80%;
  min-height: 7em;
}
#gclanding .rightcolumn #purchaseIt #prodaddbtn {
  width: 30%;
  float: left;
  margin-top: 10px;
}
#gclanding .rightcolumn #purchaseIt .selectBox {
  width: 60%;
  margin-bottom: 10px;
}
#gclanding .rightcolumn #purchaseIt label {
  display: block;
  font-size: 110%;
  font-weight: bold;
  margin-top: 1em;
}
#gclanding .leftcolumn {
  float: left;
  width: 410px;
  margin-right: 25px;
  margin-left: 13px;
}
#gclanding .leftcolumn h1 {
  font-size: 200%;
  margin: 50px 0 20px 0;
}
#gclanding .leftcolumn .copy p {
  line-height: 1.6em;
}
#gclanding .leftcolumn .termsandconditions {
  margin: 2em 0 0 0;
  color: #333;
  font-size: 85%;
}
#gclanding .leftcolumn .termsandconditions li {
  margin: 3% 0;
  line-height: 1.5em;
}
/*
#gclanding #purchaseIt #prodprice {
  font-size: 150%;
  padding-top: 60px;
}
#gclanding #purchaseIt table {
  width: 100%;
}
#gclanding #purchaseIt table tr td {
  padding: 1%;
}
#gclanding #purchaseIt input,#gclanding #purchaseIt select,#gclanding #purchaseIt textarea,#gclanding #purchaseIt button[type=submit] {
  width: 100%;
}
*/


#forgotpwcontent h1, #forgotusercontent h1 {
  font-size: 150%;
}
#forgotpwcontent p, #forgotusercontent p {
  font-size: 110%;
  margin: 1em 0;
}
#forgotpwcontent .formmsg, #forgotusercontent .formmsg {
  margin: 1em 0;
}
#forgotpwcontent input[type=email], #forgotusercontent input[type=email] {
  width: 25%;
  margin: 0 0 1% 1%;
  padding: 0.5% 0.75%;
}
#forgotusercontent input[type=email] {
	margin-left: 3.6%;
}
#forgotusercontent input[type=password] {
  width: 25%;
  margin: 0 0 1% 1%;
  padding: 0.5% 0.75%;
}
#forgotpwcontent .uncommonbutton, #forgotusercontent .uncommonbutton {
  /* padding: 6px 0 5px 0;  id126 */
  position: relative;
  left: 5.6%;
  margin: 0;
  width: 125px;
}
#forgotusercontent .uncommonbutton {
  left: 8.5%;
  top: -5px;
}
#forgotusercontent #forgotlink {
	display: block;
	position: relative;
	left: 8.5%;
}

/*****************************************************\
*
* Footer  
*
\*****************************************************/
footer {
  font-family: Arial;
  width: 960px;
  margin: 2em auto 1em auto;
}
footer .box {
  text-align: left;
  display: block;
  background-color: #e6ebf4;
  margin: 0 4px 0 0;
  padding: 20px;
}
footer #howitworks.box {
  background: url('/images/sitewide/how-it-works.jpg') no-repeat;
  width: 256px;
  height: 218px;
  cursor: pointer;
  padding: 0;
}
footer #socialmembership.box {
  width: 238px;
  max-height: 178px;
}
footer #navigation.box {
  margin-right: 0 !important;
  max-height: 178px;
  width: 378px;
}
footer .box .separator {
  display: block;
  width: 94%;
  margin: 0 auto 12px auto;
  background-color: white;
  height: 3px;
  position: relative;
  top: 1px;
  left: 2px;
}
footer .box .cell {
  position: relative;
  display: block;
  margin: 0;
  left: 9px;
  top: -3px;
}
footer .box .cell h2, footer #howitworks.box h2 {
  text-transform: uppercase;
  color: #3c3b3b;
  display: block;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0;
}
footer #howitworks.box h2 {
  color: #0099ff;
  position: relative;
  top: 16px;
  left: 23px;
  letter-spacing: 0;
}
footer .box .cell h3, footer #howitworks.box h3 {
  text-transform: uppercase;
  color: #3c3b3b;
  display: inline-block;
  position: relative;
  letter-spacing: 0;
  font-size: 11px;
  top: 0;
}
footer #howitworks.box h3 {
  color: #0099ff;
  top: 21px;
  left: 23px;
}
footer #socialmembership.box h3 {
  font-weight: normal;
}
footer .box .cell h4 {
  text-transform: uppercase;
  color: #3c3b3b;
}
footer .box .cell button {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  width: 73px;
  height: 20px;
  border-radius: 5px;
  padding: 1px 0 0 0;
  margin-top: 1px;
  position: relative;
  left: 50px;
}
footer.mac .box .cell button {
  left: 35px;
} 
footer .box .cell .uncommontext {
  width: 94%;
  height: 19px;
  margin: 6px 0;
  font-size: 10px;
}
footer .box .cell form button, footer.mac .box .cell form button {
  left: 151px;
  top: -3px;
}
footer #followus {
  margin-left: 1.5em;
  top: -6px;
}
footer #followus li {
  float: left;
  margin-right: 4.3em;
  position: relative;
  top: -4px;
}
footer #followus li:last-child {
  margin-right: 0;
}
footer #followus li a {
  background-image: url('/images/sitewide/buttons/fbtwitterpin_share.png');
  background-repeat: no-repeat;
  display: block;
  padding-top: 2.5em;
  color: #0099ff;
  text-transform: uppercase;
  text-indent: -1.5em;
  font-size: 95%; /* Base font size is 13px */
}
footer #followus #facebook {
  background-position: 0 0;
  width: 28px;
  text-indent: -1.3em;
}
footer #followus #twitter {
  background-position: -33px 0;
  width: 28px;
  text-indent: -1.15em;
}
footer #followus #pinterest {
  background-position: -66px 0;
  width: 28px;
}
/* make this work for mozilla and notmozilla! */
footer #navigation.box .separator {
  width: 96%;
  margin-top: 11px;
}
footer #navigation.box .cell .left {
  position: relative;
  left: -2px;
  margin-right: 1.7em;
}
footer #navigation.box .cell .left h4 {
  position: relative;
  top: 2px;
  font-size: 11px;
  letter-spacing: 0;
}
footer #navigation.box .cell ul li {
  margin: 4px 0 7px 0;
  color: #3c3b3b;
  font-size: 80%;
}
footer #navigation.box .cell .right {
  float: none;
  display: inline-block;
  position: relative;
  left: 14px;
}
footer #navigation.box .cell .right li {
  letter-spacing: 0;
  margin-bottom: 2px;
}
footer #navigation.box .cell .right li:last-child {
  margin-bottom: 0;
}
.notmozilla footer #navigation.box .cell nav {
  margin: 16px 0 0 -3px;
}
footer #navigation.box .cell nav ul {
  float: left;
  margin-right: 2.8em;
  position: relative;
  top: -3px;
}
footer.mac #navigation.box .cell nav ul {
  top: 0;
}
footer #navigation.box .cell nav ul:last-child {
  margin-right: 0;
  margin-left: 0.5em;
}
footer #copyright {
  clear: both;
  display: block;
  margin-top: 20px;
}

/*****************************************************\
*
* Additional Resets  
*
\*****************************************************/
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.visible {
  display: block;
  visibility: visible;
}
.clearfix:before,.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/*****************************************************\
*
* Media Queries 
* Print
*
\*****************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after {
    content: "";
  }
  pre,blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,h2,h3 {
    orphans: 3;
    widows: 3;
  }
  h2,h3 {
    page-break-after: avoid;
  }
}