html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, img, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tbody, tfoot, thead, tr, th, td,
canvas, footer, header, 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; }
body { font:11px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
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.7em; }
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; }
.ie7 img { -ms-interpolation-mode: bicubic; }
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 {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #6cff00; color:#fff; text-shadow: none; }
::selection { background: #6cff00; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #ff0048; }

button {  width: auto; overflow: visible; }

@font-face{ font-family: 'helvetica'; src: url('/includes/helvetica.eot'); src: url('/includes/helvetica.eot?#iefix') format('embedded-opentype'), url('/includes/helvetica.woff') format('woff'), url('/includes/helvetica.ttf') format('truetype'), url('/includes/helvetica.svg#helvetica') format('svg'); }

body, select, input, textarea {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-family: 'helvetica', 'arial black', arial, sans-serif ; font-weight: 900 ;  letter-spacing: -0.07em ; line-height: 90% }
h1 { font-size: 48px ; word-spacing: -0.07em }
h2 { font-size: 32px ; word-spacing: -0.07em }
h3 { font-size: 23px }
h4 { font-size: 18px }

.intitle { position: relative }

a, a:active, a:visited { color: inherit; }
a:hover { color: inherit; }

.body {clear: both; margin: 0 auto; width: 976px; }


/* COMMON */ 

body { background: #c6ff00 url('/images/bg_long.png') repeat-x }

#container { 
  -moz-box-shadow: 0 0 5px rgba(99,221,236,0.3);
  -webkit-box-shadow: 0 0 5px rgba(99,221,236,0.3);
  box-shadow: 0 0 5px #rgba(99,221,236,0.3);
  margin: 20px auto ; z-index: 1 ; width: 976px ; position: relative ;  
  -moz-border-radius: 2px ; -webkit-border-radius: 2px ; border-radius: 2px ;
  ; position: relative;
 }

.VV { margin: 20px auto 0 ; display: block ; width: 893px ; height: 116px ; text-align: center ; font: italic bold 80px  'Century Gothic', futura, arial, sans-serif ; letter-spacing: 0.3em ; color: #dfff0b }

#superhead { position: relative ; width: 100% ; height: 20px }
#superhead a { text-decoration: none ; color: #abb6b6 ; text-transform: uppercase ; letter-spacing: 0.05em ; display: block ; float: right ; margin: 7px 40px 0 0 ; font: bold 8px arial, helvetica, sans-serif ; -webkit-text-size-adjust:none; }
#superhead a:hover { color: #777 }

#supercontainer { position: relative ; width: 976px ; margin: auto ;  }

.hel { font-family: 'helvetica', 'arial black', arial, sans-serif ; letter-spacing: -0.1em ; word-spacing: -0.1em ; font-weight: 900 }

#highlight { position: absolute ; z-index: 0 ; top: -20px ; left: -420px; /* was -300px why? */ height: 477px ; width: 1026px ; background: url(/images/highlight.png) no-repeat }


#home-menu { display: block ; position: absolute ; left: 48px ; top: 240px ; height: 260px ; z-index: 100; list-style: none !important; margin: 0; }
/* #home-menu li a { display: block ; height: 19px ; background-position: 0px 0px ; background-repeat: no-repeat }
#home-menu li a:hover { background-position: 0px -19px } */

#home-menu li { list-style: none !important; margin: 0; }
#home-menu li a { font-size: 25px ; color: #afb0b0 ; text-decoration: none ; text-transform: lowercase ; line-height: 29px }
#home-menu li a:hover { color: #fff }

li#last, li#first { width: 200px ; height: 20px }
li#last { margin: 5px 0 0 }
#last a, #first a { font-size: 12px !important ; display: block ; float: left ; margin: 0 15px 0 0 ; line-height: 16px !important } 

#home-text { position: absolute; right: 80px;top: 320px; width: 220px; font-size: 11px ; color: #999 ; line-height: 160% }
#superbright { position: absolute ; top: 180px ; right: 43px ; font-size: 38px ; color: #a1fb52 ; letter-spacing: -0.1em ; word-spacing: -0.1em }
#home-text h3 { font-size: 19px ; color: #9aef4e }

#copyright { font-size: 10px ; padding: 10px }


/* FIXES */

div.clear { clear: both }
.hi { display: none }
.ie6 .hi { display: block } /* this fixes top & bottom margin absense in ie6 */
.ie7 #highlight { top: 0px }
.ie7 a { //color: expression(this.parentNode.currentStyle['color']); }

/* DIFF BGS */

.index { background: #ecedec; }
.inner { background: url("/images/bg-pauli-inner.png") no-repeat scroll 0 60px #ECEDEC;  }
.cms   { background: url("/images/paulina-cms-bg.png") no-repeat scroll 0 0 #ECEDEC;  }
.blog   { background: #ECEDEC; }
.blog #header {height: 13px }

ul.step { width: 380px ; float: right ;  margin: 0 98px 0 0 ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; border-radius: 5px ; background: #999 }
ul.step li { display: block ; float: left ; list-style-type: none ; padding: 3px 8px ; margin: 3px 8px 3px 8px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; border-radius: 5px }
.step_current { background: #bbb ; font-weight: bold ; color: white }

#cart_title { position: absolute ; right: 100px ; top: -50px  }
#cart_title h1 { color: #aaa ; font-size: 40px ; line-height: 45px }
#cart_title span { color: #999 } 

#cart_summary { width: 770px ; margin-left: 100px }
#cart_summary th { padding: 13px 0 ; font: bold 13px arial ; color: #888 ; border-bottom: solid 1px #ddd }
#cart_summary tbody td { padding-top: 55px }
#cart_summary td.cart_product { padding-top: 0 }
h4.cart-product-name { font-size: 22px ; color: #6be619  }
h4.cart-product-name a { text-decoration: none }
h4.cart-product-name a:hover { color: #8ef3ff }

a.cart-prod-attr { color: #ccc !important ; font: bold 20px Arial ; text-decoration: none }

.cart-prod-delete { float: left ; margin: 2px 0 0 10px  }
.cart_quantity_input { background: #eee ; padding: 2px ; border: solid 1px #cccccc ; border-top: solid 1px #999 ; border-right: solid 1px #bbb ; color: #666 ; width: 20px ; font: bold 12px arial, sans-serif ; text-align: center ;  float: left }
#cart_quantity_button { margin: 4px 6px 0 0 }
.cart_total { padding-left: 30px ; font-size: 15px ; font-weight: bold ; color: #777 }
.cart_availability { text-align: center }
.cart_unit { padding-left: 15px ; padding-right: 15px }
.cart_quantity { padding-top: 51px !important }
#order-detail-content { margin-top: 80px }

tfoot tr { border-top: solid 1px #ddd }
tfoot td { padding: 10px 0 !important ; font: bold 18px arial ; color: #aaa }

#cart_voucher { margin: 30px 100px ; -moz-border-radius: 7px ; -webkit-border-radius: 7px ; border-radius: 7px ; border: solid 1px #ccc ; padding: 15px }
.ie7 #cart_voucher { font-size: 11px; }
#cart_voucher h4 { float: left ; width: 160px ; font-size: 30px ; color: #ffd40d }
#cart_voucher div { float: left ; width: 339px }
#cart_voucher p { float: left }
#cart_voucher input[type=text] {  background: #eee ; padding: 4px 6px ; border: solid 1px #cccccc ; border-top: solid 1px #999 ; border-right: solid 1px #bbb ; color: #999 ; width: 120px ; font: bold 18px arial, sans-serif ; text-align: center ; letter-spacing: -0.05em }

.voucher_code { font-size: 13px ; color: #999 }

.button { background: #777 ; padding: 1px 9px 4px ; /* margin-left: 50px; */ font-family: 'helvetica','arial black',arial ; font-size: 1.5em ; word-spacing: -0.1em  ; letter-spacing: -0.06em ; color: #eee !important ; display: inline-block ; text-decoration: none ; -moz-border-radius: 2px ; -webkit-border-radius: 2px ; border-radius: 2px ; border-width: 0; }
.ie7 .button { padding: 0; margin: 0 !important; }
.button:hover { background: #555 ; color: #eee }

#opc_new_account,
#opc_delivery_methods,
#opc_payment_methods { -moz-border-radius: 7px ; -webkit-border-radius: 7px ; border-radius: 7px ; border: solid 1px #ccc ; padding: 15px }

#opc_new_account,
#opc_delivery_methods { margin: 20px 0 20px 105px ; float: left ; width: 300px }

#opc_payment_methods { margin: 20px 100px ; clear: both }

.ie7 #opc_payment_methods { padding-top: 5px; }
.payment_module img {margin-right: 20px }

#order-opc h2 { font-size: 35px ; display: block ; margin-bottom: 15px }
#order-opc h3 { display: block ; margin: 18px 0 18px }
#opc_new_account label { float: left ; width: 100px }
p.text, p.select { margin: 3px 5px }
#opc_new_account input[type=text],
#opc_new_account input[type=password] { background: #eee ; padding: 2px 2px ; border: solid 1px #cccccc ; border-top: solid 1px #999 ; border-right: solid 1px #bbb ; color: #444 ; width: 120px ; font: bold 14px arial, sans-serif ; letter-spacing: -0.05em }
#opc_new_account select { background: #eee ; height: 21px ; border: solid 1px #cccccc ; border-top: solid 1px #999 ; border-right: solid 1px #bbb ; color: #444 ; width: 126px ; font: bold 14px arial, sans-serif ; letter-spacing: -0.05em }

#order-opc textarea { background: #f3f3f3 ; padding: 2px 2px ; border: solid 1px #cccccc ; border-top: solid 1px #999 ; border-right: solid 1px #bbb ; color: #444 ; width: 120px ; font: 12px arial, sans-serif ; letter-spacing: -0.05em  }

#opc_account_errors { /* margin: 15px 15px 15px -92px */ margin: 0 }
#opc_account_errors li { margin: 4px 0 }

.mess-success { background: none repeat scroll 0 0 #c2fa6a;
    display: block;
    font: bold 13px arial;
    letter-spacing: -0.05em;
    margin: 40px auto 0;
    padding: 15px 15px 15px 30px;
    position: relative;
    color: #444; }

.error {  background: none repeat scroll 0 0 #ff3c3c;
    display: block;
    font: bold 16px arial;
    letter-spacing: -0.03em;
    margin: 40px auto 0;
    padding: 15px 15px 15px 30px;
    position: relative;
    -moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff3c3c), to(#ff2f82));
background: -moz-linear-gradient(#ff3c3c, #ff2f82);
background: linear-gradient(#ff3c3c, #ff2f82);
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc'); /* For IE 5.5 - 7 */ 
    }

.discount { color: #444 }

.hidden { display: none }

#payment_confirm { margin: 0 100px 50px 400px ; -moz-border-radius: 7px ; -webkit-border-radius: 7px ; border-radius: 7px ; border: solid 1px #ccc ; padding: 15px }

#payment_confirm p { width: 280px }

.exclusive_large { padding: 5px 9px ; font: bold 15px arial, helvetica ; letter-spacing: -0.05em ; margin: 15px auto ; display: block }
.lowlink { color: #888 }

#ms { position: absolute ; bottom: 10px ; right: 20px }

/* Blog */

.bloghead h1, .bloghead h2 { display: inline ; font: bold italic 17px arial ; letter-spacing: -0.03em ; color: #555 }
.bloghead h1 a, .bloghead h2 a { text-decoration: none ; border-bottom: solid 1px #333 }
.bloghead h1 a:hover, .bloghead h2 a:hover { color: white ; border-bottom-color: #ddd }
.bloghead { font: italic bold 17px arial; padding: 10px 0 13px 20px }

.bloglist li { 
    border-bottom: 1px solid #DDDDDD;
    list-style-type: none;
    margin: 16px 0 26px;
    padding: 0 0 30px;}
    
.bloglist div {
    color: #687474;
    font-size: 12px;
    margin: 15px 0;
}    

ul.bloglist { margin-left: 0px }
.bloglist a { text-decoration: none ; border-bottom: solid 1px #95aeab ;     color: #6F8280;
    font: bold 24px arial;
    letter-spacing: -0.04em;}
.bloglist a:hover { color: #a2ff00 ; border-bottom-color: #a2ff00 }

#newsblog a { display: block ; font: bold 16px arial ; margin: 5px 0 }
#newsblog a:hover { color: #FFD40C }

/* temp */

.disb { display:none !important }

#magicBG img { position: absolute; top: 0; left: 0; right: 0; z-index: -1; }