body.lollia { background-image: none; }
body.lollia { line-height: 1.5; font-family: "Courier New", Courier monospace; color: #333333; font-size: 75%; }
body.lollia input,
  body.lollia select { font-family: "Courier New", Courier monospace; }
body.lollia #wrapper { background-image: none; padding-top: 0px }
body.lollia.two-col #wrapper { background-image: url(/images/lollia/sidebar-bg.jpg); background-position: 47px 0px; background-repeat: repeat-y; }
body.lollia.two-col #content { width: 700px; min-height: 367px; }

body.lollia th { font-weight: normal }
body.lollia strong { font-weight: normal; text-transform: uppercase }

body.lollia button,
  body.lollia a.button,
  body.lollia input.button { background: none !important; border: 0px; font-family: inherit; font-size: 120% !important; text-transform: uppercase }

body.lollia button.primary,
  body.lollia a.button.primary,
  body.lollia input.button.primary { color: #cc0033 }
body.lollia button.primary.disabled,
  body.lollia a.button.primary.disabled,
  body.lollia input.button.primary.disabled { color: #CCC }

body.lollia form p.field span.req { color: #ff0066 }
body.lollia form p.field label { width: 190px; float: left; padding-right: 10px; text-align: right; }

body.lollia h1, 
  body.lollia h2, 
  body.lollia h3, 
  body.lollia h4, 
  body.lollia h5, 
  body.lollia h6 { color: #ff0066 }

.lollia .scroll-bar.horizontal { background-image: url(/images/lollia/scrollbar/bg-horizontal.gif); height: 13px; position: relative; }
.lollia .scroll-bar.vertical   { background-image: url(/images/lollia/scrollbar/bg-vertical.gif);    width: 13px; position: relative; float: left; }
.lollia .scroll-bar div { height: 13px; width: 14px; float: left }
.lollia .scroll-bar.horizontal .cap.left { background-image: url(/images/lollia/scrollbar/cap-left.gif); }
.lollia .scroll-bar.horizontal .cap.right { background-image: url(/images/lollia/scrollbar/cap-right.gif); float: right }
.lollia .scroll-bar.vertical .cap.left { background-image: url(/images/lollia/scrollbar/cap-top.gif); }
.lollia .scroll-bar.vertical .cap.right { background-image: url(/images/lollia/scrollbar/cap-bottom.gif); position: absolute; bottom: 0px}
.lollia .scroll-bar .drag-handle { background-image: url(/images/lollia/scrollbar/drag-handle.gif); position: absolute; }

/* HEADER */
.lollia a, .lollia #header a { text-decoration: none; color: #111 }
.lollia a:hover, .lollia #header a:hover { text-decoration: none; color: #ff0066 }

.lollia .container_bg { background-image: none }
.lollia #header .container { background-image: url(/images/lollia/header-bg.jpg); display: block; background-repeat: repeat-x; height: 136px; }

.lollia ul#nav-bar { background-color: white; background-image: none; background-position: 55px 5px; background-repeat: no-repeat; border-right: 1px solid #999; margin-top: 22px; height: 113px; font-size: 90%; color: #111 }
.lollia ul#nav-bar.search-focus { background-image: url(/images/lollia/search-bg.gif) }
.lollia ul#nav-bar li { float: none; height: 21px }
.lollia ul#nav-bar li.first { margin-top: 22px }
.lollia ul#nav-bar li.first .search-label { margin-top: 10px; float: left; }
.lollia ul#nav-bar li.first .search-input  { margin-top: 14px; margin-left: 5px; float: left; }
.lollia ul#nav-bar li.cart-indicator a { background-image: none; padding-right: 0px; margin-top: 10px; }

.lollia #keywords { background: none repeat scroll 0 0 transparent; border: 0px; border-bottom: 2px dotted #666; height: 20px; width: 165px; margin-right: 25px; text-align: center; }
.lollia #search-button { display: none }

.lollia #root-categories { float: right; margin-top: 80px; }
.lollia ul#category-nav li { float: left; display: inline; text-align: center; width: 130px; line-height: 2.5; text-transform: uppercase; color: #111 } 
.lollia ul#category-nav ul.submenu { position: absolute; border-left: 1px solid #999; margin-left: 65px; padding-left: 10px; z-index: 1000; background-color: white; opacity: 0.8; overflow: hidden }
.lollia ul#category-nav ul.submenu li { text-align: left; text-transform: none; display: block; float: none; line-height: 2em }

/* TAGS */
.lollia #tags { position: relative; padding-top: 12px; height: 85px }
.lollia #tags img { position: absolute; top: 0px; left: 0px }
.lollia #tags a.tag { background-repeat:no-repeat; float:left; height:36px; padding:10px; width:89px; }
.lollia #tags a.tag.taga1 { -moz-transform:rotate(-42deg); -webkit-transform: rotate(-42deg); }
.lollia #tags a.tag.taga2 { -moz-transform:rotate(-45deg); -webkit-transform: rotate(-45deg); }
.lollia #tags a.tag.taga3 { -moz-transform:rotate(-51deg); -webkit-transform: rotate(-51deg); }
.lollia #tags a.tag.taga4 { -moz-transform:rotate(-52deg); -webkit-transform: rotate(-52deg); }
.lollia #tags a.tag.taga5 { -moz-transform:rotate(-57deg); -webkit-transform: rotate(-57deg); }
.lollia #tags a.tag.taga6 { -moz-transform:rotate(-59deg); -webkit-transform: rotate(-59deg); }
.lollia #tags a.tag.taga7 { -moz-transform:rotate(-60deg); -webkit-transform: rotate(-60deg); }
.lollia #tags a.tag.taga8 { -moz-transform:rotate(-62deg); -webkit-transform: rotate(-62deg); }
.lollia #tags a.tag.taga9 { -moz-transform:rotate(-63deg); -webkit-transform: rotate(-63deg); }
.lollia #tags a.tag.taga10 { -moz-transform:rotate(-66deg); -webkit-transform: rotate(-66deg); }
.lollia #tags a.tag.tagb1 { background-image:url("/images/lollia/tag1.jpg"); }
.lollia #tags a.tag.tagb2 { background-image:url("/images/lollia/tag2.jpg"); padding-left: 25px }
.lollia #tags a.tag.tagb3 { background-image:url("/images/lollia/tag3.jpg"); }
.lollia #tags a.tag.tagm1 { margin-left: -50px }
.lollia #tags a.tag.tagm2 { margin-left: -49px }
.lollia #tags a.tag.tagm3 { margin-left: -47px }
.lollia #tags a.tag.tagm4 { margin-left: -43px }
.lollia #tags a.tag.tagm5 { margin-left: -38px }
.lollia #tags a.tag.tagm6 { margin-left: -32px }
.lollia #tags a.tag.tagm7 { margin-left: -25px }
.lollia #tags a.tag.tagm8 { margin-left: -22px }
.lollia #tags a.tag.tagm9 { margin-left: -20px }
.lollia #tags a.tag.tagm10 { margin-left: -10px }

/* FIXED POS */
/* 
// TODO : fix left-to-right position issue with sidebar
body.lollia #header { position: fixed; z-index: 1000 }
body.lollia #wrapper { padding-top: 170px }
body.lollia #sidebar { position: fixed }
body.lollia #content { padding-left: 230px }
*/

/* FOOTER */
.lollia #footer { padding-top: 10px }
.lollia #footer .left { position: relative; width: 200px; }
.lollia #footer .right { border-top: 1px solid #999; padding-top: 8px }
.lollia #footer .right ul { margin: 0px }
.lollia #footer .right ul li { float: right; padding-right: 25px; list-style-type: none }
.lollia #footer .right ul li.first { padding-right: 0px; }

/* LEFTNAV */
.lollia #sidebar { border-right: 0px; background-image: none; width: 200px; background-position: 27px 0px; background-repeat: repeat-y; }

.lollia #taxonomies { padding-top: 25px }
.lollia .navigation-list a { padding-left: 3px }
.lollia .navigation-list li.taxonomy-root { margin: 6px 0px 5px 57px; padding-left:0; text-transform: lowercase }
.lollia .navigation-list li.taxonomy-root a {}
.lollia .navigation-list li { padding-left: 100px; height: 18px; }
.lollia .navigation-list li.current a { background-image: none; color: #ff0066; }
.lollia .navigation-list li a:hover { background-image: none; }

body.lollia.one-col #margot-elena { display: none; }

.lollia #margot-elena { text-align: center; margin-left: 25px; }
.lollia #margot-elena input { border: 0px; background-image: url(/images/lollia/field-bg.jpg); height: 20px; color: #ff0066; letter-spacing: 2px; width: 150px; }
.lollia #margot-elena input.default { text-align: center; background-image: none; }
.lollia #margot-elena #social-links { text-align: right; margin-right: 20px; }


/* ROOT LEVEL */
body.lollia .taxonomy-horizontal { height: 300px; width: 100%; overflow-x: auto }
body.lollia .taxonomy-horizontal #scroller-pane { width: 1000%; overflow: hidden }
body.lollia .taxonomy-horizontal .taxon { width: 240px; float: left; margin-right: 20px; text-align: center }
body.lollia .taxonomy-horizontal .taxon .image { height: 240px; }

/* PRODUCT LIST */
.lollia .taxon h3.no-products { display: none }
.lollia .product-row { clear: both }
.lollia .product-listing .hero { text-align: center; }
.lollia .product-listing .product { float: left }
.lollia .product-listing .product-row.odd .product { float: right }
.lollia .product-listing .add-to-cart,
  .lollia #related-products .add-to-cart { border: 0; background: transparent; color: #ff0066; cursor: pointer }

.lollia .product { text-align: center; width: 293px; background-color; #eee; padding: 0px 25px; border: 1px solid #cccccc; margin-bottom:10px; min-height: 229px; }
.lollia .product.leader { width: 293px; min-height: 470px; margin-bottom: 10px; }
.lollia .product.right-margin { margin-right: 10px; }
.lollia .product.left-margin { margin-left: 10px; }
.lollia .product .leader-image { height: 400px; margin-bottom: 10px; }
.lollia .product .image { height: 159px; margin-bottom: 10px; }
.lollia .product a { display: block; }
.lollia .product a.info .add-button { display: block; color: #ff0066; }

/* HORIZONTAL GRID (HANDCREME) */
.lollia .product.wide { width: 380px; min-height: 420px; margin-bottom: 10px; }
.lollia .product.wide .image { height: 350px; }
.lollia .product.narrow { width: 206px; min-height: 420px; margin-bottom: 10px; }
.lollia .product.narrow .image { height: 350px; }
.lollia .product.narrow .image img { margin-top: 90px; }

/* VERTICAL GRID (PARFUM) */
.lollia .product.thirds { width: 174px; min-height: 420px; margin-bottom: 10px; }
.lollia .product.thirds.right-margin { margin-right: 11px; }
.lollia .product.thirds.short { min-height: 250px; width: 174px; }
.lollia .product.thirds .image { height: 180px; }
.lollia .product.thirds .image img { margin-top: 10px; }
.lollia .product.thirds .image.tall { height: 350px; }
.lollia .product.thirds .description { height: 70px; }

/* VERTICAL GRID (LARGE SQUARE) */
.lollia .product.square { width: 600px; min-height: 670px; margin-bottom: 10px; padding: 0; }
.lollia .product.square .image { height: 600px; }

/* VERTICAL GRID (TWO COLUMN) */
.lollia .product.tall { min-height: 430px; }
.lollia .product.tall .image { height: 350px; margin-top:10px; }

/* VERTICAL GRID (TWO COLUMN SHORT) */
.lollia .product.short { min-height: 280px; }
.lollia .product.short .image { height: 200px; margin-top:10px; }

/* PRODUCT */
.lollia#product-details #product-images { float: left; width: 350px; margin-top: 25px; }
.lollia#product-details #product-images #main-image { margin-right: 10px; height: 350px; }
.lollia#product-details #product-images #thumbnails { margin-bottom: 20px; }
.lollia#product-details p.prices { border-bottom: 1px solid #666666; margin-bottom: 1em; padding-bottom: 0.8em; font-weight: normal; font-size: 80%; }
.lollia#product-details .price.selling { color: #ff0066; }
.lollia#product-details #product-description { border: 0px; float: right; margin-right: 0px; padding-right: 0px; width: 270px; margin-top: 25px; }
.lollia#product-details #product-description .product-name { margin: 0px 0px 10px 0px; padding: 0; }
.lollia#product-details #product-description p { margin-bottom: 15px; padding: 0; }
.lollia#product-details #product-description h6 { font-weight: normal; margin-bottom: 2px; padding: 0; color: #666666; text-transform: uppercase; }
.lollia#product-details #product-description #cart-form span { color: #ff0066; }
.lollia#product-details #product-description #cart-form #add-to-cart { color: #ff0066; font-weight: normal; }
.lollia#product-details #product-description #social-links { clear: both; padding-top: 10px; }
.lollia#product-details .related-header { font-weight: normal; padding: 50px 0px 10px 0px; color: #666666; font-size: 100%; text-transform: uppercase; }
.lollia#product-details #related-products { clear: both; }
.lollia#product-details #related-products .related-product { float: left; width: 150px; margin-right: 20px; text-align:center }
.lollia#product-details #social-links { float: right; margin-top: 25px; margin-bottom: -25px }


/* CART */
.lollia #cart-detail th { border-top: 1px solid #999; border-bottom: 1px solid #999; text-transform: uppercase; color: #ff0066; padding: 8px }
.lollia #cart-detail th.first { border-left: 1px solid #999; }
.lollia #cart-detail th.last { border-right: 1px solid #999; }
.lollia #cart-detail #line_items tr { background-image: url(/images/lollia/field-bg.jpg); background-repeat: repeat-x; background-position: 0px -15px }
.lollia #cart-detail #line_items tr.first { background-image: none }

.lollia#cart #subtotal { margin-right: 61px; width: 250px; clear: both; }
.lollia#cart #subtotal td { text-align: right; color: #999999; font-size: 110% }
.lollia#cart #subtotal .total td { color: #ff0066; border-top: 1px solid #999; }
.lollia#cart #links { width: 100%; clear: both; margin-left: 75px;}
.lollia#cart #links a { color: #ff0066; font-weight: normal; }
.lollia#cart #links .gray { color: #999999; }
.lollia#cart .continue { color: #999999; }
.lollia#cart #clear_cart_link a { color: #999999; }


/* CHECKOUT */
.lollia div#checkout { padding: 20px; }
.lollia div#checkout h1{ font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia div#checkout .progress-steps { display:none }
.lollia div#checkout .button.continue { display:none }
.lollia div#checkout .form-position { margin-left: 50px; }
.lollia div#checkout #checkout_form { background-image: none; }
.lollia div#checkout #checkout_form p.checkbox { padding-left: 200px; }
.lollia div#checkout #checkout_form .form-buttons { padding-left: 200px; }
.lollia div#checkout #checkout_form .form-buttons input { color: #ff0066; font-weight: normal; }
.lollia div#checkout #checkout_form .form-buttons input.disabled { color: #ccc; }
.lollia div#checkout #checkout_form p.checkbox label { width: auto !important; float: none !important; }
.lollia div#checkout #checkout_form p.checkbox label input { width: auto !important; }
.lollia div#checkout #checkout_form p.radios label { width: auto !important; float: none !important; }
.lollia div#checkout #checkout_form p.radios label input { width: auto !important; }


.lollia div#checkout #checkout_form legend { font-size: 110%; font-weight: normal; color: #ff0066; }
.lollia div#checkout #checkout_form .hidden { display: none; }
.lollia div#checkout #checkout_form .formlabel { width: 150px; float: left; text-align: left; margin-right: 5px; margin-top: 6px; }
.lollia div#checkout #checkout_form .formlabel label { font-weight: normal; }
.lollia div#checkout #checkout_form .formfields { width: 450px; float: left; }
.lollia div#checkout #checkout_form .formfields input { border: 0px; background-image: url(/images/lollia/field-bg.jpg); height: 20px; }
.lollia div#checkout #checkout_form .formfields input.jq_watermark { font-size: 10px; }
.lollia div#checkout #checkout_form .formfields input.namefield { width: 170px; }
.lollia div#checkout #checkout_form .formfields input.rightmargin { margin-right: 3px; }
.lollia div#checkout #checkout_form .formfields input.city { width: 150px; }
.lollia div#checkout #checkout_form .formfields select.state { width: 100px; }
.lollia div#checkout #checkout_form .formfields input.zip { width: 85px; }
.lollia div#checkout #checkout_form .formfields input.field, select.field { width: 350px;}


.lollia div#checkout #checkout_form #payment-methods label { float: none; }
.lollia div#checkout #checkout_form #payment-methods input { width: auto; }
.lollia div#checkout #checkout_form #payment-methods select.date { width: auto; }

.lollia div#checkout table th { background: transparent; border: 0; }
.lollia div#checkout #checkout-summary { background-color: #ffffff; float: right; margin-top: 10px; padding: 20px; width: 180px; }
.lollia div#checkout #checkout-summary .shopping-bag { margin-left: 5px }
.lollia div#checkout #checkout-summary #cart-summary tr.divide { background-image: url(/images/lollia/field-bg.jpg); background-repeat: repeat-x; background-position: 0px 7px; }
.lollia div#checkout #checkout-summary #cart-summary th div { color: #ff0066; text-align: right; }
.lollia div#checkout #checkout-summary #cart-summary td div { margin-top: 5px; }
.lollia div#checkout #checkout-summary #cart-summary td.qty { text-align: center; }
.lollia div#checkout #checkout-summary #cart-summary td.subtotal { text-align: right; color: #ff0066; }
.lollia div#checkout #checkout-summary #summary-order td { text-align: right; }
.lollia div#checkout #checkout-summary #summary-order tr.total td { color: #ff0066; }
.lollia div#checkout #checkout-summary #summary-order tr.divide { background-image: url(/images/lollia/field-bg.jpg); background-repeat: repeat-x; background-position: 0px -18px; }

.lollia #checkout-summary-form #post-summary { border:1px solid #ff0066;background-color:white;color:#ff0066;font-size:12px;font-weight:bold; }
.lollia #checkout-summary-form #post-summary.disabled { border-color:#ccc;color:#ccc; }

/* STORE LOCATOR */
.lollia#store-locator h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; } 
.lollia#store-locator #input { float: left; width: 185px; margin-right: 10px;}
.lollia#store-locator #input #states { height: 346px; overflow-y: scroll }
.lollia#store-locator #results { float: left; width: 150px; margin-right: 10px; }
.lollia#store-locator #results .store { font-size: 90%; }
.lollia#store-locator #results .store a { color: #ff0066; }
.lollia#store-locator #map { float: left; height: 300px; width: 335px; }

/* PRESS */
.lollia #press h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia #press #list { float: left; width: 185px; }
.lollia #press #list #articles { height: 346px; overflow-y: scroll }
.lollia #press #results { float: left; width: 536px; }

/* PAGE */
.lollia #page h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia #page label { font-weight: normal; color: #666666; text-transform: uppercase; }

/* CONTACT */
.lollia #contact h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia #contact input { border: 0px; background-image: url(/images/lollia/field-bg.jpg); height: 20px; width: 300px;}
.lollia #contact input.jq_watermark { font-size: 10px; }
.lollia #contact input.button { height: 40px; color: #ff0066; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
.lollia #contact p.left { margin-left: -100px; }



/* ORDER */
.lollia div#order { padding: 20px; }
.lollia div#order h1{ font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia div#order #other-stores { width: 100%; text-align: center; }

.lollia #order-detail th { border-top: 1px solid #999; border-bottom: 1px solid #999; text-transform: uppercase; color: #ff0066; padding: 8px; font-weight: normal; }
.lollia #order-detail th.first { border-left: 1px solid #999; }
.lollia #order-detail th.last { border-right: 1px solid #999; }
.lollia #order-detail #line-items tr { background-image: url(/images/lollia/field-bg.jpg); background-repeat: repeat-x; background-position: 0px 37px }
.lollia #order-detail #line-items tr.first { background-image: none }
.lollia #order-detail #line-items td { padding: 5px; }
.lollia #order-detail .qty { text-align: center; }
.lollia #order-detail .total { text-align: right; }
.lollia #order-detail .label { text-align: right; font-weight: normal; }

/* ACCOUNT */
.lollia div#login h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia div#login h3 { font-family: 'Adobe Garamond', Garamond; font-size: 100%; line-height: 10px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia div#login label { font-weight: normal; text-transform: lowercase; }
.lollia div#login p.left { margin-left: -100px; }
.lollia div#login input { border: 0px; background-image: url(/images/lollia/field-bg.jpg); height: 20px; width: 300px;}
.lollia div#login input.jq_watermark { font-size: 10px; }
.lollia div#login .link, .lollia div#login input.button { height: 40px; color: #ff0066; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
.lollia div#login input.checkbox { width: 25px; }
.lollia div#login .instructions { color: #ff0066; }
.lollia div#login #existing-customer { width: 320px; }
.lollia div#login #existing-customer h2 { display: none; }
.lollia div#login #existing-customer .new-account-links { border-top: 1px solid #cccccc; padding-top: 10px; text-align: center;}

/* IN THE PRESS */
.lollia #press-items h1 { font-family: 'Adobe Garamond', Garamond; font-size: 170%; line-height: 24px; margin: 10px 0px; padding: 0; color: #000000; text-transform: uppercase; letter-spacing: 3px; }
.lollia #press-items { padding-top: 33px }
.lollia #press-items #thumbnails { float: left; border-right: 1px solid #ccc; overflow: hidden; width: 130px; height: 400px; text-align: center }
.lollia #press-items #thumbnails .thumbnail { height: 150px }
.lollia #press-items #press-item { margin-left: 150px; position: relative }
.lollia #press-items #press-item .overlay { background-color:white; border:1px solid #CCC; padding:20px; position:absolute; top: 0px; left: 0px; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari 3.0 and Chrome rules here */
  .lollia ul#category-nav li { float: left; display: inline; text-align: center; width: 135px; line-height: 2.5; text-transform: uppercase; color: #111 }
  .lollia#product-details #product-description h6 { font-weight: normal; margin-bottom: -13px; padding: 0; color: #666666; text-transform: uppercase; }

}