/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #222; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* 
----------------------------------------------------------*/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
/* -------------------------------------------------------------- 
   
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body {
  color: #cebba7;
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.5; /* Unitless for proper inheritance */
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Georgia, Times, serif;
  color:#cebba7; 
  clear:both; 
}

h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; text-align: left; }
p.last      { margin-bottom:0; }

ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #cebba7; text-decoration: none; outline: none; }
a:hover     { color: white; background-color: transparent; cursor: pointer;}

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #111; font-style: normal;  }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }


/* Forms
-------------------------------------------------------------- */

label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }


/* Some default classes
-------------------------------------------------------------- */

p.small, small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large, span.large   { font-size: 1.2em; line-height: 1.8em; }
.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #cebba7; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.4em; } 

/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     60px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}

/* -------------------------------------------------------------- 
 K-Frank site CSS
 Author: Andrew Le
-------------------------------------------------------------- */

body {
    background: #220c07 url(/images/layout/pattern.png);
}

.container {
    width: 960px;
    margin: 0 auto;
}

#main.wide_content,
#footer {
    position: relative;
    background-color: #220c07;
    border-top: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
}

#main, #main .container {
    position: relative;
}

#header {
    margin: 18px 0 0;
}

#secondary {
    background-color: #33150e;
    border-top: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
    margin: 5px 0 0;
}

#big_k {
    position: absolute;
    top: 35px;
    left: -100px;
    display: block;
    background: #220c07 url(/images/layout/big_k.png) top left no-repeat;
    height: 245px;
    width: 310px;
    z-index: 0;
}

#footer {
    margin: 6px 0 0;
    padding: 25px 0;
}

#legal {
    margin-top: 0.5em;
}

#legal .container {
    color: #786245;
    font-size: 0.875em;
    text-align: right;
}

#legal .container a       { color: #786245; }
#legal .container a:hover { color: white; }

/* Header
-------------------------------------------------------------- */
#header h1 { display: inline; float: left; }
#header h1 a, #header h1 a:hover {
    background-color: transparent;
}

.nav {
    float: left;
    list-style: none;
    margin: 32px 7px 0;
    padding: 0;
}

.nav li {
    display: inline;
    float: left;
    font-weight: bold;
}

.nav li * {
    color: #efefef;
    font: 11px Georgia, Times, serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.nav li a:hover {
    background-color: transparent;
}

#men #nav-men,
#women #nav-women,
#baby #nav-baby,
#home #nav-home,
#about #nav-about,
#news #nav-news {
    color: #DB5050;
}

.shop {
    float: right;
    margin: 26px 0 0 7px;
}

a.cart {
    float: left;
    margin: 5px 8px 0 0;
}

a.shop_now {
    background: transparent url(/images/layout/shop_now.png) top left no-repeat;
    display: block;
    float: left;
    height: 29px;
    width: 122px;
    text-indent: -999999px;
}

a.shop_now:hover { background: transparent url(/images/layout/shop_now_hover.png) top left no-repeat; }

/* Home page
-------------------------------------------------------------- */
#main.wide_content {
    height: 336px;
}

.preamble {
    position: absolute;
    font-size: 12px;
    text-align: right;
    top: 105px;
    left: 30px;
    width: 220px;
    z-index: 1;
}

#eye_catcher {
    position: absolute;
    top: 0;
    right: 15px;
    width: 680px;
    z-index: 1;
}

#secondary .photo {
    display: inline;
    float: left;
    margin-right: 8px;
}

/* Teaser section (on homepage)
-------------------------------------------------------------- */
#teaser {
    display: inline;
    float: left;
    margin: 0 0 0 15px;
    padding: 10px 0 0;
    width: 300px;
}

#teaser h2 {
    color: #db5050;
    line-height: 1.2em;
    text-transform: lowercase;
}

#teaser h2 em {
    font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
    line-height: 1%; /* Maintain correct baseline */
    font-style: italic;
}

#teaser ul {
    list-style: none;
    margin: 0 0 0.75em;
    padding: 0;
}

.new_tag a {
    background: transparent url(/images/layout/new_tag.png) top left no-repeat;
    padding-left: 50px;
}

.shop_tag a {
    background: transparent url(/images/layout/shop_tag.png) top left no-repeat;
    padding-left: 50px;
}

.new_tag a:hover {
    background: transparent url(/images/layout/new_tag_hover.png) top left no-repeat;
}

.shop_tag a:hover {
    background: transparent url(/images/layout/shop_tag_hover.png) top left no-repeat;
}

/* Newsletter
-------------------------------------------------------------- */
.newsletter {
    float: left;
}

.newsletter label {
    background-color: #786245;
    color: #220c07;
    padding: 3px 3px 3px 8px;
    text-transform: uppercase;
}

.newsletter input {
    background-color: #786245;
    border: 1px solid #786245;
    color: white;
    font-weight: bold;
    margin-left: -4px;
    padding: 2px;
    width: 150px;
}

.newsletter input[type=submit] {
    background: #220c07 url(/images/layout/arrow_sprites.png) 0% 0% no-repeat;
    border: none;
    outline: none;
    margin: 0 0 0;
    width: 15px;
    text-indent: -999999px;
}

.newsletter input[type=submit]:hover {
    background: #220c07 url(/images/layout/arrow_sprites.png) 33% 0% no-repeat;
}

#mailing_list_popup {
    display: none;
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: 3;
    margin-left: -187px;
    
    background-color: #786245;
    padding: 15px 50px 30px;
    width: 375px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#mailing_list_popup h2 {
    color: white;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0.5em 0;
}

#mailing_list_popup .row {
    margin-bottom: 0.5em;
}

#mailing_list_popup label {
    color: #381a12;
    float: left;
    width: 100px;
}

#mailing_list_popup input {
    background-color: #654f33;
    border: 1px solid #654f33;
    color: white;
    font-weight: bold;
    padding: 2px;
    width: 250px;
}

#mailing_list_popup input.nudged {
    margin: 0.5em 0 0 100px;
}

#mailing_list_popup .radio input {
    width: inherit;
}

#mailing_list_popup .radio label {
    width: inherit;
    margin-right: 10px;
}

#mailing_list_popup fieldset {
    margin-bottom: 2em;
}

#mailing_list_popup p.required {
    color: #381a12;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 20px;
    text-align: right;
}

#mailing_list_popup #mailing_list_submit {
    background-color: #33150e;
    border: 1px solid #33150e;
    color: white;
    float: right;
    font-family: Georgia, Times, serif;
    font-size: 0.75em;
    letter-spacing: 1px;
    padding: 0 2px;
    text-transform: uppercase;
    width: 10em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#mailing_list_popup .close {
    position: absolute;
    top: -8px;
    right: 3px;
    
    color: #654f33;
    font-size: 2em;
    padding: 2px 5px;
}

#mailing_list_popup .close:hover {
    color: white;
}

/* Shop
-------------------------------------------------------------- */
.left_panel {
    position: absolute;
    background-color: #220c07;
    border-top: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
    width: 30%;
    height: 600px;
    top: 0;
    z-index: 0;
}

.right_panel {
    position: absolute;
    background-color: #220c07;
    border-top: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
    top: 0;
    right: 0;
    width: 40%;
    height: 600px;
}

#left_column {
    background-color: #220c07;
    border-top: 3px solid #3e1911;
    border-right: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
    display: inline;
    float: left;
    width: 254px;
    height: 600px;
    position: relative;
    z-index: 1;
}

#right_column {
    background-color: #220c07;
    border-top: 3px solid #3e1911;
    border-left: 3px solid #3e1911;
    border-bottom: 3px solid #3e1911;
    display: inline;
    float: left;
    margin-left: 8px;
    padding-left: 15px;
    width: 677px;
    height: 600px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#left_column .content {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

#left_column .content * {
    text-align: right;
}

#left_column ul {
    list-style: none;
    margin: 0;
}

#left_column h2 {
    color: #db5050;
    font-size: 1.75em;
    line-height: 1.2em;
    letter-spacing: 0.2em;
    margin-right: 11px;
    text-transform: uppercase;
}

#left_column p.arrow_navs {
    margin-right: 14px;
}

.designers li {
  float: none;
}

.designers a {
    background: transparent;
    padding-right: 20px;
}

.designers a:hover {
    background: #220c07 url(/images/layout/white_arrow.png) right 50% no-repeat;
}

.designers .current a {
    background: #220c07 url(/images/layout/white_arrow.png) right 50% no-repeat;
    color: white;
}

#designers_list ul.designers {
  position: absolute;
  width: 175px;
  top: 0;
  right: 0;
}

#designers_list {
  margin-left: 79px;
  margin-top: 10px;
  position: relative;
  width: 175px;
  height: 486px;
  overflow: hidden;
}

a.more { background: transparent; color: #db5050; }
a.more:hover { background: transparent; color: #b83636; }

p.arrow_navs a {
    float: right;
    display: block;
    width: 15px;
    height: 17px;
    text-align: left!important;
    text-indent: -999999px;
}

p.arrow_navs .previous {
    background: #220c07 url(/images/layout/arrow_sprites.png) 100% 98% no-repeat;
    margin-right: 3px;
}

p.arrow_navs .next {
    background: #220c07 url(/images/layout/arrow_sprites.png) 0% 0% no-repeat;
}

p.arrow_navs .previous:hover {
    background: #220c07 url(/images/layout/arrow_sprites.png) 66% 98% no-repeat;
}

p.arrow_navs .next:hover {
    background: #220c07 url(/images/layout/arrow_sprites.png) 33% 0% no-repeat;
}

.shop_view_buttons { 
    display: block;
    margin: 12px 10px 0 0;
}

.shop_view_buttons a {
    background: #220c07 url(/images/layout/cat_des_toggle.png) 0 0 no-repeat;
    float: right;
    display: block;
    margin: 0;
    width: 100px;
    height: 18px;
    text-align: left!important;
    text-indent: -999999px;
}

.shop_view_buttons .by_designer { background-position: -100px 0; }
.shop_view_buttons .by_category { background-position: 0 0; }
.shop_view_buttons .by_designer:hover, 
.shop_view_buttons.by_designer_view .by_designer { background-position: -100px -20px; }
.shop_view_buttons .by_category:hover, 
.shop_view_buttons.by_category_view .by_category { background-position: 0 -20px; }

#right_column .heading {
    margin: 18px 0 7px;
}

#right_column .heading h2 {
    color: white;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 2px;
}

.pagination {
    float: right;
    list-style: none;
    margin: -15px 7px 0 0;
}

.pagination li {
    float: left;
    margin-left: 5px;
}

.pagination a {
    color: #786245;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding-top: 1px;
}

.pagination .pageNum.current a,
.pagination a:hover {
    color: white;
}

.pagination a.previous {
    background: #220c07 url(/images/layout/arrow_sprites.png) 0% 96% no-repeat;
    width: 15px;
    height: 17px;
    padding-top: 0;
    text-indent: -9999999px;
}

.pagination a.next {
    background: #220c07 url(/images/layout/arrow_sprites.png) 100% 0% no-repeat;
    width: 15px;
    height: 17px;
    padding-top: 0;
    text-indent: -9999999px;
}

.pagination a.previous:hover {
    background: #220c07 url(/images/layout/arrow_sprites.png) 34% 96% no-repeat;
}

.pagination a.next:hover {
    background: #220c07 url(/images/layout/arrow_sprites.png) 66% 0% no-repeat;
}

/* Shop Item Details page
-------------------------------------------------------------- */
#shop_item .item_form {
    margin: 1em 0 0 1em;
}

#shop_item .page,
#shop_item .column.last { height: 525px; }
#shop_item .column.last { position: relative; }

#shop_item .item_form .details h2 {
    font-family:Arial,Tahoma,sans-serif;
    font-size:1.15em;
    font-weight: bold;
    letter-spacing:0.1em;
    margin: 0.5em 0 0.25em;
}

#shop_item .item_form .details p {
    margin-bottom: 0.25em;
}

#shop_item .item_form .details .description {
    font-weight: bold;
}

#shop_item .item_form fieldset {
    margin-bottom: 1.5em;
}

#shop_item .item_form .color_swatch {
    border: 2px solid #3E1911;
    cursor: pointer;
    display: inline;
    float: left;
    height: 32px;
    margin-right: 8px;
    padding: 0;
    position: relative;
    width: 32px;
}

#shop_item .item_form .color_swatch .sold_out_overlay {
    background: url(/images/layout/soldoutbutton.png) top left no-repeat;
    display: none;
    height: 17px;
    position: absolute;
    top: 8px;
    left: 0;
    width: 32px;
    z-index: 10;
}

#shop_item .item_form .color_swatch.sold_out .sold_out_overlay {
    display: block;
}

#shop_item .fadeout_error {
    display: block;
    margin-bottom: 0.25em;
    background-color: #786245;
    color: white;
    padding: 2px 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#shop_item .item_form .color_swatch.current {
    border: 2px solid #CEBBA7;
}

#shop_item .alternate_images {
    position: absolute!important;
    bottom: 0;
    left: 0;
    margin-left: 12px;
}

#shop_item .alt_image {
    display: inline;
    float: left;
    margin-right: 8px;
}

.discounted {
    color: #C46464;
}

.discounted del {
    color: #CEBBA7;
}

img.title_badge {
    margin: -4px 0 -2px;
}

.button,
#item_submit {
    background-color: #db5050;
    border: none;
    color: white;
    font-family: Georgia, Times, serif;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.checkout.button {
    float: right;
    margin-top:2px;
}

#shop .page .cell p {
    line-height: 1.1em;
}

#zoom {
    z-index: 10;
}

#zoom_table, #zoom_table td {
    border: none;
}

#no_photo_available {
    background-color: #33150E;
    border: 1px solid #3E1911;
    display: none;
    height: 400px;
    position: relative;
    width: 328px;
}

.no_photo_available {
    background-color: #33150E;
    border: 1px solid #3E1911;
    display: block;
    height: 190px;
    position: relative;
    width: 158px;
}

#no_photo_available span,
.no_photo_available span {
    color: #4D322C;
    display: block;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

/* Shop Sidebar
-------------------------------------------------------------- */
#shop_item #designers_list li.section:first-child,
#shop #designers_list li.section:first-child {
    margin-top: 0 !important;
}

#shop_item #designers_list li.section,
#shop #designers_list li.section {
    margin-top: 1em;
}

#shop_item #designers_list li.section a,
#shop #designers_list li.section a {
    font-size: 1.5em;
}

/* Shopping Bag
-------------------------------------------------------------- */
#shopping_bag #left_column h2 {
    margin-top: 2em;
}

#shopping_bag #left_column .designers {
    margin-top: 2em;
}

#shopping_bag #right_column .content {
    border-top: 1px solid #3E1911;
    height: inherit;
    margin-top: 1em;
}

#shopping_bag #right_column .content.no_border {
    border: none;
}

#shopping_bag #right_column .content h2 {
    font-family:Arial,Tahoma,sans-serif;
    font-size:1.15em;
    font-weight: bold;
    letter-spacing:0.1em;
    margin: 0.5em 0 0.25em;
}

h2 .sub {
    color: #786245;
}

/* Billing and Shipping Info
-------------------------------------------------------------- */
#billing_shipping fieldset {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}

#billing_shipping legend {
    font-family:Arial,Tahoma,sans-serif;
    font-size:1.1em;
    font-weight: bold;
    letter-spacing:0.1em;
    margin: 0.5em 0 0.25em;
}

#billing_shipping .required {
    color: #786245;
    margin-bottom: 0.5em;
    text-align: right;
}

#billing_shipping .error {
    background-color: #786245;
    color: #220C07;
    font-size: 14px;
    margin: 0 0 1em;
    padding: 2px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#main.wide_content .error {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color:#786245;
    color:#220C07;
    font-size:12px;
    left:250px;
    padding:2px 10px;
    position:absolute;
    text-align:left;
    top:55px;
    width:500px;
    z-index:1;
}

#main.wide_content .error h1 {
    font-size: 1.5em;
}

#billing_shipping .error h2,
#billing_shipping .error p {
    display: inline;
    font-size: 1em!important;
    margin: 0;
    padding: 0;
}

#billing_shipping .error h2 {
    color: white;
}

#billing_shipping .note {
    color: #786245;
}

#billing_shipping input {
    background-color: #3E1911;
    border: 2px solid #3E1911;
    color: white;
    font-weight: bold;
    padding: 2px;
    width: 250px;
}

#billing_shipping input.error {
    border: 2px solid #786245;
    background-color: #3E1911;
    color: white;
    font-size: inherit;
    margin: 0;
    padding: 2px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#billing_shipping .row {
    clear: both;
    margin-bottom: 0.5em;
}

#billing_shipping .email {
    border-bottom: 1px solid #3E1911;
}

#billing_shipping .email label {
    display: inline;
    float: left;
    margin-right: 1%;
    width: 20%;
}

#billing_shipping .email .row {
    clear: none;
    display: inline;
    float: left;
    margin-right: 1%;
    width: 38%;
}

#billing_shipping .email input {
    width: 95%;
}

#billing_shipping .billing_address,
#billing_shipping .shipping_address {
    border-bottom: 1px solid #3E1911;
    display: inline;
    float: left;
    width: 50%;
}

#billing_shipping .billing_address label,
#billing_shipping .shipping_address label {
    display: inline;
    float: left;
    margin-right: 1%;
    width: 30%;
}

#billing_shipping .credit_card .row,
#billing_shipping .billing_address .row,
#billing_shipping .shipping_address .row {
    display: inline;
    float: left;
    margin-right: 1%;
    width: 100%;
}

#billing_shipping .billing_address input,
#billing_shipping .shipping_address input {
    display: inline;
    float: left;
    width: 60%;
}

#billing_shipping input.nudge {
    margin-left: 31%;
}

#billing_shipping .credit_card {
    clear: both;
}

#billing_shipping .credit_card label {
    display: inline;
    float: left;
    margin-right: 1%;
    width: 18%;
}

#billing_shipping #item_submit {
    float: right;
}

#billing_shipping .checkbox label {
    display: inline;
    float: none;
    width: inherit;
}

#billing_shipping .checkbox input {
    background-color: transparent;
    border: none;
    width: 20px;
}

#billing_shipping .billing_address .checkbox {
    visibility: hidden;
}

/* Order Summary
-------------------------------------------------------------- */
#order_summary              { border-top: 1px solid #3E1911; margin-top: 1em; }
#order_summary td,
#order_summary th           { border: none; border-bottom: 1px solid #3E1911; }
#order_summary .desc        { width: 70%; }
#order_summary .quantity    { width: 15%; }
#order_summary .price       { width: 15%; }
#order_summary .desc p      { margin-bottom: 0.5em; }


/* My Bag
-------------------------------------------------------------- */
#shopping_bag #right_column {
    height: inherit;
    min-height: 600px;
    overflow: visible;
}

#my_bag {
    border-bottom: none;
    width: 100%;
}

#my_bag td {
    border: none;
    border-bottom: 1px solid #3E1911;
    padding: 10px 0 8px;
    vertical-align: top;
}

#my_bag td.photo    { width: 75px; padding-right: 28px;}
#my_bag td.quantity { width: 20%; }
#my_bag td.price    { width: 20%; }

#my_bag td p {
    margin-bottom: 0.5em;
}

#my_bag button.edit_item,
#my_bag button.edit_item_save,
#my_bag button.edit_item_cancel,
#my_bag .update_item,
#my_bag .delete_item {
    background-color: #3E1911;
    border: none;
    color: #CEBBA7;
    cursor: pointer;
    display: block;
    margin: 0.25em 0 0.25em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#my_bag button.edit_item_save   {  display: none; background-color: #3E1911; }
#my_bag button.edit_item_cancel {  display: none; background-color: #3E1911; }

#my_bag .update_item,
#my_bag .delete_item {
    margin: 1em auto 0.25em;
}

#my_bag .edit_item:hover,
#my_bag .update_item:hover {
    color: white;
}

#my_bag .quantity,
#my_bag .price {
    text-align: center;
}

#my_bag label {
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    margin: 0.5em 0;
    text-transform: uppercase;
}

#my_bag .quantity input {
    background-color: transparent;
    border: 1px solid #CEBBA7;
    color: #CEBBA7;
    padding: 3px 2px;
    text-align: center;
    width: 2em;
}

#bag_totals {
    border: none;
    float: right;
    width: 50%;
}

#bag_totals td {
    border: none;
    width: 40%;
}

#bag_totals .label {
    font-size: 0.9em;
    letter-spacing: 0.05em;
    text-align: right;
    text-transform: uppercase;
    width: 60%;
}

#bag_totals .value {
    text-align: left;
}

#bag_totals .value * {
    width: 100%;
}

#my_bag_content #item_submit {
    float: right;
    margin: 2em 0 2em;
    width: 100px;
}

#my_bag div.edit_item {
    display: none;
    padding: 5px 0 8px;
}

#my_bag div.edit_item select {
    margin-right: 4px;
}

/* Designer Page Layouts
-------------------------------------------------------------- */
#right_column .content {
    height: 525px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 670px;
}

/* Layout 1 (default) Grid System */
#right_column .content > div.page {
    position: absolute;
    top: 0;
    left: 0;
    width: 670px;
}

#right_column .content .column > div {
    position: relative;
}

.page div.span-1, .page div.span-2 {  
    float: left;
    margin: 0 8px 5px 0;
    overflow: hidden;
    position: relative;
}
.page div.span-1            { width: 330px; }
.page div.span-2            { width: 670; margin-right: 0 }
.page .last, .page div.last { margin-right: 0!important; }
.page .bottom, .page div.bottom { margin-bottom: 0!important; }
.page .cell                 { margin: 8px 0; overflow: hidden; }
.page .cell.top             { margin-top: 0; }
.page .cell.shortcut        { height: 220px; } 
.page .cell.longcut         { height: 295px; } 
.page .cell.evencut         { height: 260px; }
.page .cell.square          { height: 260px; width: 160px; margin: 0 10px 10px 0; float: left; }
.text_column                { padding-top: 6em; }
.layout_2 .text_column      { padding-top: 0em; }

.page .cell_image {
    display: block;
    height: 192px;
    width: 160px;
    margin: 0 0 10px 0;
    overflow: hidden;
    position: relative;
} 

.text_column h2 {
    color: white;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1.25em;
    letter-spacing: 0.1em;
    margin: 0.5em 0;
}

/* Layout 2 Grid System */
.layout_2 div.span-1, .layout_2 div.span-2, .layout_2 div.span-3 {  
    float: left;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
}
.layout_2 div.span-1            { width: 218px; }
.layout_2 div.span-2            { width: 444px; height: 533px; }
.layout_2 div.span-3            { width: 670px; margin-right: 0; }
.layout_2 .main_column          { height: 350px; position: relative; }
.layout_2 .main_column.merged   { height: 100%; position: relative; }

#news .layout_2 .main_column.span-2   { height: 60%; overflow: hidden; }
#news .layout_2 .text_column.span-2   { height: 40%; overflow: hidden; }

#shop_button {
    background: transparent url(/images/layout/shop_tag.png) top left no-repeat;
    display: block;
    float: left;
    margin: 2px 8px 0 0;
    text-indent: -999999px;
    width: 46px;
    height: 14px;
}

#shop_button:hover {
    background: transparent url(/images/layout/shop_tag_hover.png) top left no-repeat;
}

img.buy_button_overlay {
    position: absolute;
    z-index: 10;
}
/* Footer
-------------------------------------------------------------- */
#footer {
    font: 11px Georgia, Times, serif;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.75em;
}

#footer .contact {
    float: right;
    font-size: 10px;
    margin-bottom: 0;
    line-height: 22px;
}

#footer .contact span {
    padding-right: 8px;
}

#footer .contact img {
    vertical-align: middle;
}

/* Webkit/Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .newsletter label {
        padding: 4px 3px 3px 8px;
    }
}