/**
 * Colors:
 *
 * light blue:  #ebfde7
 * blue:        #cadcd6
 * lime:        #bef201
 * dark green:  #529548
 * light green: #8ac425
 * dark blue:   #1a676b
 */

/**
 * General
 */
*           { padding: 0; margin: 0; }
.hidden     { display: none; }
#content ul { margin: 0 0 0 2em; list-style-position: inside; }
p           { line-height: 150%; margin: .5em 0; }
img         { border: 0 ; }
p.bold      { font-weight: bold; margin: 0 0 .5em 0; }
hr          { background: #8ac425; height: 1px; border: 0; margin: 1em 0; }

/**
 * IE6-fixes
 */
img,
#container-top,
#container-footer,
#top-image,
#header_user li#shopping_cart,
#header_user li#your_account,
a.ajax_cart_block_remove_link,
body#index #top-image-holder { behavior: url(/themes/pikkuonni/css/iepngfix.htc); }

/**
 * Blocks
 */
body              { text-align: center; background: url(../img/bg_pattern.gif) top left; font-size: 62%; font-family: "trebuchet ms", tahoma, sans; color: #333; }
#container        { width: 920px; text-align: left; margin: 20px auto; position: relative; font-size: 1.1em; }
#container-top    { height: 34px; background: url(../img/bg_header.png) top left no-repeat; }
#container-middle { background: #ebfde7; }
#container-footer { height: 34px; background: url(../img/bg_footer.png) top left no-repeat; text-align: right; }
#top              { overflow: hidden; _height: 1%; }
#header           { position: relative; margin: 0 0 20px 0; }
#sub-container    { overflow: hidden; _height: 1%; padding: 0 0 10px 0; }
#bar              { background: #bef201; float: right; width: 240px; margin: 5px 20px 0 0; padding: 20px 0; display: inline; }
#content-wrapper  { float: left; width: 620px; margin: 0 0 0 20px; display: inline; }
#content          { }
#footer           { }
#top-image-holder { display: none; position: absolute; top: 115px; left: 0; }
#top-image        { position: absolute; width: 341px; height: 277px; background: url(../img/polaroidit.png) top left no-repeat; z-index: 10; left: -40px; top: -20px; }

#container-footer p { margin: 0 25px 0 0; padding: 10px 0 0 0; }

/**
 * Headings
 */
h1,h2,h3,h4,h5,h6      { font-weight: normal; font-family: "tahoma", "trebuchet ms", sans; color: #363; }
h1                     { padding: 0; }
h1 a                   { width: 290px; height: 0px; display: block; background: url(../img/logo.png) top left no-repeat; padding-top: 82px; overflow: hidden; margin: 0 0 0 290px; }
#content h2            { margin: 0 0 1em 0; font-size: 2.4em; text-align: right; }
h2.category_title span { display: none; }
#content h3            { font-size: 1.8em; margin: 1em 0 .5em 0; }
h4                     { font-size: 1.6em; margin: 0 0 1em 0; }
#bar h4                { color: #fff; }
#featured-products_block_center h4 { font-size: 1.8em; font-weight: normal; margin: 0 0 1em 0; }

/**
 * Links
 */
a                 { color: #1A676B; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/**
 * Front page
 */
body#index #top-image-holder { display: block; background: url(../img/frontpage.png) top left no-repeat; width: 669px; height: 425px; }
body#index #content          { padding: 420px 0 0 0; }

/**
 * Bar
 */
#bar .block { margin: 0 auto 2em auto; width: 210px; }

/**
 * Breadcrumbs
 */
.breadcrumb { margin: 0 0 70px 0; text-align: right; background: #cadcd6; padding: 3px 10px; }
.breadcrumb span.navigation-pipe { padding: 0 3px;}

/**
 * User block
 */
#header_user                         { overflow: hidden; float: right; margin: 5px 20px 0 0; }
#header_user p#header_user_info      { float: left; padding: 5px 0; margin: 0; }
#header_user ul#header_nav           { list-style: none; float: left; margin: 0 0 0 5px; }
#header_user li#shopping_cart        { float: left; background: url(../img/icon/shopping_cart.png) top left no-repeat; padding: 5px 0 5px 25px; }
#header_user li#your_account         { float: left; background: url(../img/icon/edit_profile.png) top left no-repeat; padding: 5px 0 5px 25px; margin: 0 0 0 5px; }
#header_user span.ajax_cart_quantity { margin: 0 3px 0 0; }
#header_user span.ajax_cart_total    { font-weight: bold; }

/**
 * Search
 */
#search_block_left                     { }
#search_block_left h4                  { display: none; }
#search_block_left p.block_content     { overflow: hidden; _height: 1%; background: #fff; -moz-border-radius: 5px 0 0 5px; }
#search_block_left label               { display: none; }
#search_block_left input#search_query  { float: left; background: #fff; color: #333; margin: 0 0 0 2%; width: 65%; border: 0; padding: 5px 0 1px 3px; }
#search_block_left input#search_button { width: 30%; border: 0; background: #8ac425; padding: 3px 0; float: right; color: #fff; font-size: 1.2em; }

/**
 * Categories
 */
#categories_block_left h4               { width: 192px; height: 45px; background: url(../img/tuotteemme.png) top left no-repeat; text-indent: -9999px; }
#categories_block_left ul               { margin: 0 0 0 2em; list-style-position: inside; }
#categories_block_left ul li            { font-size: 1.2em; }
#categories_block_left ul li a          { }
#categories_block_left ul li a.selected { font-weight: bold; text-decoration: underline; }

/**
 * General links
 */
#block_various_links_footer h4 { width: 192px; height: 49px; background: url(../img/pikkuonni.png) top left no-repeat; text-indent: -9999px; }
#block_various_links_footer ul { margin: 0 0 0 2em; list-style-position: inside; }
#block_various_links_footer li { font-size: 1.2em; }

/**
 * Viewed products
 */
#viewed-products_block_left h4                  { width: 210px; height: 56px; background: url(../img/viimeksi_katsotut.png) top left no-repeat; text-indent: -9999px; }
#viewed-products_block_left ul                  { list-style: none; }
#viewed-products_block_left ul li               { margin: 0 0 1em 0; overflow: hidden; _height: 1%; }
#viewed-products_block_left ul li img           { width: 60px; height: 60px; float: right; border: solid #8ac425 1px; }
#viewed-products_block_left ul li .product_info { float: right; width: 130px; margin: 0 1em 0 0; text-align: right; }
#viewed-products_block_left ul li h5            { margin: 0 0 3px 0; }
#viewed-products_block_left ul li p             { }

/**
 * Product list
 */
form#productsSortForm { margin: 0 0 1em 0; }
.cat_desc { margin: 0 0 2em 0; font-size: 1.4em; }

ul#product_list                            { list-style: none; margin: 0; }
ul#product_list li                         { margin: 0 0 1em 0; padding: 1em; overflow: hidden; _height: 1%; border-bottom: dashed #1A676B 1px; }
ul#product_list li img                     { border: solid #8AC425 1px; }
ul#product_list li .product_image          { float: left; }
ul#product_list li .product_info           { float: left; width: 400px; margin: 0 0 1em 1em; }
ul#product_list li h3                      { font-size: 1.8em; margin: 0 0 1em 0; }
ul#product_list li h3 span.new             { text-indent: -9999px; display: block; background: url(../img/icon/new.png) top left no-repeat; width: 24px; height: 24px; float: left; margin: 0 .5em 0 0; }
ul#product_list li .product_extra          { margin: 1em 0 0 0; }
ul#product_list li .product_list_buttons   { overflow: hidden; _height: 1%; float: left;  }
ul#product_list li .product_list_buttons a { float: left; margin: 0 3px 0 0; }
ul#product_list li p.product_desc          { line-height: 140%; }
ul#product_list li span.price              { float: left; margin: 0 1em 0 0; font-weight: bold; font-size: 1.6em; }
ul#product_list li span.availability       { display: none; }

/**
 * Product view
 */
#primary_block                    { overflow: hidden; _height: 1%; }
#pb-right-column                  { float: left; }
#pb-left-column                   { float: left; margin: 0 0 0 1em; width: 300px; }
#short_description_block          { margin: 0 0 1em 0; }
#short_description_content        { margin: 0 0 1em 0; }
#image-block                      { margin: 0 0 1em 0; width: 300px; height: 300px; background: #fff; border: solid #8ac425 1px; }
#image-block img                  { }
#views_block                      { margin: 0 0 1em 0; }
#thumbs_list ul                   { list-style: none; overflow: hidden; _height: 1%; margin: 1em 0 0 .5em; }
#thumbs_list ul li                { float: left; margin: 0 3px 0 0; }
#thumbs_list ul img               { width: 50px; border: solid #8ac425 1px; }
form#buy_block                    { margin: 0 0 .5em 0; background: #Bef201; padding: 1em; -moz-border-radius: 8px;  }
p#quantity_wanted_p,
#attributes-po p                  { overflow: hidden; _height: 1%; margin: 0 0 3px 0; }
p#quantity_wanted_p label,
#attributes-po label              { display: block; width: 100px; float: left; font-weight: bold; }
p.price                           { font-weight: bold; font-size: 2em; margin: 0 0 .5em 0; }
ul#usefull_link_block             { list-style: none; margin: 0; overflow: hidden; _height: 1%; }
ul#usefull_link_block li          { float: left; margin: 0 3px 0 0; }
p#add_to_cart                     { margin: .5em 0 0 0; }
.selectAlternative                { clear: both; overflow: hidden; _height: 1%; margin: .5em 0; }
.selectAlternativeText            { cursor: pointer; text-decoration: underline; display: inline; }
.selectAlternative .wrapper       { width: 90px; float: left; text-align: center; background: #8ac425; color: #fff; cursor: pointer; margin: 0 2px 2px 0; }
.selectAlternative .wrapper p     { }
.selectAlternative .wrapper:hover { background: #9bd536; }
.selectAlternative .wrapper img   { border: solid #8ac425 1px; margin: 3px auto 0 auto; width: 80px; display: inline; }

/**
 * Product more info
 */
#more_info_block       { }
ul#more_info_tabs      { overflow: hidden; _height: 1%; margin: 0; list-style: none; }
ul#more_info_tabs li   { float: left; }
ul#more_info_tabs li a { background: #8ac425; display: block; padding: .5em 1em; -moz-border-radius: 5px 5px 0 0; }
#more_info_sheets      { background: #8ac425; padding: 1em; -moz-border-radius: 0 8px 8px 8px; }

/**
 * Editorial block (homepage)
 */
#editorial_block_center { margin: 1em 0 2em 0; }

/**
 * Featured products (frontpage block)
 */
#featured-products_block_center                     { }
#featured-products_block_center .block_content      { background: #8ac425; }
#featured-products_block_center ul                  { margin: 0; list-style: none; overflow: hidden; _height: 1%; }
#featured-products_block_center ul li               { padding: 1em 0 2em 0; float: left; width: 31%; margin: 0 1% 0 1%;  }
#featured-products_block_center h5                  { font-size: 1.6em; margin: 0 0 1em 0; }
#featured-products_block_center .featured-image-wrapper { overflow: hidden; _height: 1%; margin: 0 0 .5em 0; }
#featured-products_block_center .featured-actions       { float: left; width: 100px; margin: 0 0 0 10px; }
#featured-products_block_center p.product_desc          { }
#featured-products_block_center p.price_container       { color: #ebfde7; font-size: 1.8em; font-weight: bold; margin: 0 0 .5em 0; }
#featured-products_block_center a.product_image         { margin: 0 0 1em 0; }
#featured-products_block_center a.product_image img     { width: 70px; height: 70px; border: solid #79b314 1px; float: left; }

/**
 * Buttons
 */
a#button_order_cart,
a.ajax_add_to_cart_button               { color: #333; cursor: pointer; border: 0; background-color: #bef201; display: block; -moz-border-radius: 4px; padding: 6px 10px 5px 30px; margin: 0 0 3px 0; text-decoration: none; font-size: 1em; background-position: 5px center; background-repeat: no-repeat; }
a.ajax_add_to_cart_button:hover         { border-color: #aaa; }
a.ajax_add_to_cart_button               { background-image: url(../img/icon/add_to_shopping_cart.png); }
a#button_order_cart                     { background-image: url(../img/icon/shopping_cart_accept.png); }

/**
 * Order steps
 */
ul#order_step                 { list-style: decimal; overflow: hidden; _height: 1%; margin: 0 0 1em 0; display: inline-block; border-right: solid #529548 1px; }
ul#order_step li              { float: left; width: 122px; text-align: center; border-left: solid #529548 1px; background: #8ac425; padding: 5px 0; }
ul#order_step li.step_todo    { color: #529548; }
ul#order_step li.step_current { font-weight: bold; background: #bef201; }

/**
 * Registration & login
 */
form#login_form,
form#create-account_form          { margin: 0 0 2em 0; }
fieldset                          { border: 0; }
form#login_form h3,
form#create-account_form h3       { font-size: 2em; margin: 0 0 .5em 0; }
form#login_form h4,
form#create-account_form h4       { font-size: 1.4em; color: #555; margin: 0 0 1em 0; }
form#login_form p.submit,
form#create-account_form p.submit { margin: 1em 0 0 0; }
form p.select,
form p.textarea,
form p.password,
form p.text                       { overflow: hidden; _height: 1%; margin: 0 0 .3em 0; clear: both; }
form p.textarea textarea,
form p.password input,
form p.select select,
form p.text input                 { border: solid #cadcd6 1px; padding: 2px; }
form#login_form label,
form#create-account_form label,
form.std label,
form#account-creation_form label  { display: block; float: left; width: 180px; }
p#address_alias                   { margin: 0 0 2em 0; }
form#login_form p.submit          { float: left; }
p.forgot_password                 { float: left; margin: 1em 0 0 3px; }

.addresses                      { }
.addresses ul                   { list-style-position: inside; }
.addresses p.checkbox           { margin: 0 0 1em 0; }
.order_delivery ul li,
.addresses ul li                {  }
ul li.address_title             { font-weight: bold; list-style: none; margin: 0 0 1em 0; }
.addresses ul li.address_delete { list-style: none; margin: 3px 0 0 0; }
.addresses ul li.address_update { list-style: none; margin: .5em 0 0 0; }
.addresses p.address_add        { margin: 0 0 1em 0; overflow: hidden; _height: 1%; }
.addresses p.address_add a      { float: left; }
.addresses br.clear             { display: none; }

.edit-addresses,
.order-details-addresses,
.order_delivery                 { margin: 0 0 1em 0; overflow: hidden; _height: 1%; background: #cadcd6; padding: .5em; -moz-border-radius: 5px; }
.edit-addresses,
.order-details-addresses        { margin-top: 1em; }
.edit-addresses ul,
.order-details-addresses ul,
.order_delivery ul              { float: left; }
.order-details-addresses ul.delivery-address { margin: 0 0 0 3em !important; }
ul#delivery_address             { margin: 0 0 0 .5em !important; }
ul.invoice-address,
ul#invoice-address              { margin: 0 0 0 3em; }
ul#address_delivery             { float: left; margin: 0 3em 1em 0 !important; }
ul#address_invoice              { margin: 0 0 1em 0 !important; }
img#img-invoice                 { float: left; }
#payment-container              { float: left;  width: 340px; margin: 20px 0 0 20px; }
ul#payment_info                 { margin: 1em 0 1em 2em; }
ul#payment_info li              { margin: 0 0 .3em 0; }
#payment-container p            { margin: .5em 0; }
#payment-wrapper                { overflow: hidden; _height: 1%; margin: 0 0 1em 0; }
p.payment_module                { margin: 1em 0 0 0; }
p.payment-method span.price     { font-weight: bold; }

/**
 * Form errors
 */
.error    { background: #1a676b url(../img/icon/warning.png) 10px 50% no-repeat; padding: 5px 5px 5px 40px; margin: 0 0 1em 0; color: #ebfde7; }
.error p  { font-weight: bold; margin: 0 0 .5em 0; }
.error ol { margin: 0 0 .5em 3em; }
.error a  { color: #bef201; }

/**
 * Shopping cart details
 */
#order-detail-content                        { margin: 2em 0 1em 0; }
table#order-return,
table.detail_step_by_step,
table#select-carrier,
table#order-list,
table#order-details,
table#cart_summary                           { width: 100%; border-spacing: 0; }
table#order-return th,
table.detail_step_by_step th,
table#select-carrier th,
table#order-list th,
table#order-details th,
table#cart_summary th                        { font-size: 1.2em; border-bottom: solid #333 1px; padding: 3px; }
table#order-return td,
table.detail_step_by_step td,
table#select-carrier td,
table#order-list td,
table#order-details td,
table#cart_summary td                        { border-bottom: solid #ccc 1px; padding: 3px; }
table#cart_summary tr.cart_total_delivery td { border-bottom: solid #333 1px; }
table#cart_summary tr.cart_free_shipping td  { border-bottom: 0; padding: 10px 0; font-weight: bold; color: #1a676b; }
table#cart_summary tr.cart_total_price td    { background: #cadcd6; border-bottom: 0; font-weight: bold; font-size: 1.4em; }
table#cart_summary img                       { border: 0; }
table#cart_summary td.cart_product img       { border: solid #8AC425 1px; }
table#cart_summary td.cart_quantity          { width: 80px;}
table#cart_summary td.cart_quantity p        { float: left; padding: 0 .5em; }
table#cart_summary a.cart_quantity_up        { float: left; }
table#cart_summary a.cart_quantity_down      { float: left; }
table#cart_summary td.cart_delete            { text-align: center; }
table#cart_summary td.cart_description dl    { overflow: hidden; _height: 1%; margin: 0 0 0 10px; }
table#cart_summary td.cart_description dt    { font-weight: bold; float: left; clear: left; }
table#cart_summary td.cart_description dd    { margin: 0 0 0 5px; float: left; }
table tr.alternate_item td                   { background: #cadcd6; }

p.cart_navigation                            { overflow: hidden; _height: 1%; padding: 1em 0 0 0; }
p.cart_navigation button.submit-account,
p.cart_navigation input.exclusive,
p.cart_navigation input.exclusive_large      { float: right; }
p.cart_navigation a.button,
p.cart_navigation a.button_large             { float: left; }

/**
 * Ajax cart
 */
#cart_block h4 a                     { display: block; width: 192px; height: 46px; background: url(../img/ostoskorisi.png) top left no-repeat; text-indent: -9999px; }
.transferProduct                     { border: 2px solid #888; }
span.remove_link                     { float: right; padding: 0 0 0 5px; }
a.ajax_cart_block_remove_link        { display: block; background: url(../img/icon/remove_from_shopping_cart_16x16.png) top left no-repeat; width: 16px; height: 16px; }
dl.products dt                       { overflow: hidden; }
p#cart-prices                        { border-top: solid #8ac425 1px; padding: .5em 0 0 0; margin: .5em 0 0 0; }
p#cart-prices span                   { float: left; }
p#cart-buttons                       { padding: .5em 0 0 0; overflow: hidden; _height: 1%; clear: both; }
p#cart-buttons a                     { float: left; margin: 0 2px 0 0 !important; }
#cart_block_summary                  { margin: 0 0 .5em 0; border-bottom: solid #8ac425 1px; padding: 0 0 .5em 0; }
a.cart_block_product_name            { float: left; }
dd.cart_block_attribute_container    { overflow: hidden; _height: 1%; margin: 0 0 0 10px; }
dd.cart_block_attribute_container dt { font-weight: bold; float: left; clear: left; width: 30%; }
dd.cart_block_attribute_container dd { float: left; margin: 0 0 0 5%; width: 63%; }
#cart_block span.price               { float: right; }
span#block_cart_expand,
span#block_cart_collapse             { display: none; }
span.quantity-formated               { margin: 0 2px 0 0; float: left; }
span.quantity                        { margin: 0 2px 0 0; }

/**
 * My account
 */
ul#my-account        { margin: 1em 0 0 1em; list-style: none; }
ul#my-account li     { margin: 0 0 .5em 0; }
ul#my-account li img { border: 0; margin: 0 .5em 0 0; }

/**
 * Identity
 */
form#frmIdentity                { margin: 1em 0 0 0; }
form#frmIdentity p.submit input { margin: .5em 0 1em 0; }
p#security_informations         { margin: 0 0 1em 0; }
p.required sup                  { color: #c00; font-weight: bold; }

/**
 * Order history
 */
#block-history       { margin: 1em 0; }

/**
 * Order details (history)
 */
#block-order-detail { margin: 1em 0 0 0; }
table.detail_step_by_step { margin: 0 0 1em 0; }
#block-order-detail span.price-shipping,
#block-order-detail span.price { font-weight: bold; }
table#order-details td.product-name { width: 340px; }

ul.footer_links { list-style: none; margin: 1em 0 0 0 !important; padding: 0; overflow: hidden; _height: 1%; }
ul.footer_links li { float: left; margin: 0 3px 0 0; }