@import "lib.less"; body { padding:0 0 40px 0; margin:0; background-color:#181818; background-image:url(../images/bg-layer.jpg); font-family:Arial, helvetica, sans-serif; color:@font_color; } a { color:@font_color; text-decoration:none; outline:none; &:hover { color:@font_color + 30; } } ul, ul li, img, h1, h2, h3, h4, form { .no_margin_padding_border; } #site_body { width:960px; margin:auto; overflow:hidden; height:100%; padding:0 0 40px 0; } #header { height:190px; #logo { float:left; img { -pie-png-fix: true; behavior: url(http://www.legend.rs/css/PIE.htc); } } ul#top_nav { float:right; padding:10px 0 0 0; li { float:left; list-style:none; font-size:14px; padding:6px 0 0 30px; .text_shadow (1px 1px 4px #000000) } li.header_cart a { background-image:url(../images/icon-cart.png); background-repeat:no-repeat; background-position:right; padding-right:23px; -pie-png-fix: true; behavior: url(http://www.legend.rs/css/PIE.htc); } li.header_cart a em { font-size:12px; font-style:normal; } li.form_container { padding-top:2px; form { input.text { .border_radius (5px 0 0 5px); border:none; color:#777777; background-color:#aaaaaa; width:150px; height:25px; font-size:14px; float:left; padding:0 5px 0 5px; margin:0; border-right:1px solid #dddddd; outline:none; } input.submit_button { float:left; outline:none; } } } } ul#main_menu { clear:both; li { float:right; list-style:none; font-size:18px; padding:21px 0 0 0; margin:0 0 0 6px; display:block; cursor:pointer; &:hover { background-image:url(../images/menu_bg_hover.png); background-repeat:no-repeat; background-position:top; } a, a.mm_active { float:left; display:block; padding:5px 25px 5px 25px; background-color:#000000; .border_radius (7px); border-top:1px solid #000000; &:hover { border-top:1px solid #555555; .box_shadow (0 5px 13px #333333) } } a.mm_active { border-top:1px solid #555555; .box_shadow (0 5px 13px #333333); color:@font_color + 30; } } } } /* HEADER END */ #sidebar { width:250px; float:left; ul { padding:0 30px 30px 0; li a.m1, li a.m2 { display:block; overflow:auto; height:100%; padding:0 0 16px 0; margin:0 0 10px 0; text-transform:uppercase; background-image:url(../images/sidemenu_arrow.png); background-position:bottom left; background-repeat:no-repeat; strong { display:block; overflow:auto; height:100%; padding:8px 0 8px 25px; margin:0; .border_radius (5px 5px 5px 0); .gradient (#000000,#111111); } } li#female_cat, li#male_cat { cursor:pointer; } li { display:block; overflow:auto; list-style:none; padding:0 0 0 10px; } } #previous_products { width:230px; h2 { font-size:16px; color:#aaaaaa; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; .text_shadow (1px 1px 4px #000000); text-transform:uppercase; border-bottom:1px dashed #555555; padding:0 0 5px 0; } .product_container { .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); margin:10px 0 0 0; overflow:auto; height:100%; padding:10px; img { float:left; padding:0 5px 0 0; overflow:auto; } h3 { font-size:14px; padding:10px 0 10px 0; } strong { display:block; font-size:22px; color:#eeeeee; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; .text_shadow (1px 1px 4px #000000); } } } } /* SIDEBAR END */ #main_content { width:710px; float:left; overflow:hidden; position:relative; #header_image,#header_image_selection { width:700px; height:350px; display:block; .border_radius (10px); .box_shadow (0 0 10px #000000); margin:5px 0 15px 5px; overflow:hidden; .selection_left a, .selection_right a{ clear:both; font-weight:bold; font-size:32px; color:#dddddd; text-transform:uppercase; .text_shadow (0 0 8px #000000); font-family:"Trebuchet MS",Arial, helvetica, sans-serif; } .selection_left { float:left; padding:150px 0 0 10px; } .selection_right { float:right; padding:150px 10px 0 0 ; } } #pagination { } #main_content_top { .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); overflow:auto; height:100%; #image_column { float:left; width:350px; padding:20px; img { -pie-png-fix: true; behavior: url(http://www.legend.rs/css/PIE.htc); } .product_image_nav { display:block; overflow:auto; height:100%; padding:10px 0 5px 0; border-bottom:1px dashed #555555; text-align:center; width:300px; margin:auto; strong { display:block; overflow:auto; height:100%; font-weight:normal; } .back, .front { padding:5px 0 0 0; float:right; font-size:13px; font-weight:bold; color:#eeeeee; cursor:pointer; &:hover { color:#aaaaaa; } } .front { float:left; } } .product_maintenance { width:345px; background-color:#FFF; text-aling:center; margin:20px 0 0 0; } .product_colors { width:250px; text-align:center; padding:15px 0 15px 0; margin:auto; strong { display:block; overflow:auto; height:100%; font-weight:normal; padding:0 0 5px 0; } img { padding:0 2px 0 2px; } } } #info_column { float:left; width:300px; padding:20px 0 20px 0; overflow:hidden; .navigation { padding:0 0 25px 0; overflow:auto; height:100%; .previous, .next { float:left; display:block; padding:5px 10px 5px 10px; margin:0 3px 0 0; text-align:center; background-color:#111111; .border_radius (5px); font-size:12px; font-weight:bold; cursor:pointer; } .next { float:right; } } h1 { clear:both; font-weight:normal; font-size:24px; color:#dddddd; text-transform:uppercase; .text_shadow (1px 1px 4px #000000); font-family:"Trebuchet MS",Arial, helvetica, sans-serif; } .product_main_details { font-size:14px; padding:8px 0 8px 0; border-bottom:1px dashed #555555; } .product_description { font-size:14px; padding:15px 0 15px 0; color:#bbbbbb; border-bottom:1px dashed #555555; .addthis_container { padding:15px 0 0 0; z-index:15; } } .size_table_link { font-size:11px; padding:0 15px 0 0; float:right; } .product_sizes_title { font-size:14px; padding:0 0 8px 0; color:#bbbbbb; } ul.product_sizes { overflow:auto; height:100%; padding-bottom:15px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; li { float:left; display:block; width:45px; padding:10px 0 10px 0; margin:0 3px 3px 0; text-align:center; background-color:#111111; .border_radius (5px); font-size:12px; font-weight:bold; cursor:pointer; } } #product_quantity { padding-bottom:15px; font-size:14px; padding:0 0 15px 0; color:#bbbbbb; label { display:block; padding:0 0 5px 0; } input { display:block; width:45px; padding:10px 0 10px 0; margin:0; text-align:center; background-color:#111111; .border_radius (5px); font-size:12px; font-weight:bold; border:none; color:@font_color; outline:none; } } #product_price { padding:15px 0 15px 0; font-weight:bold; color:#dddddd; em { display:block; font-style:normal; text-decoration:line-through; float:right; font-size:18px; color:#dddddd; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; } strong { clear:both; display:block; font-size:36px; color:#dddddd; .text_shadow (1px 1px 10px #000000); font-family:"Trebuchet MS",Arial, helvetica, sans-serif; } .tax { font-size:13px; color:@font_color; font-weight:normal; padding:5px 0 15px 0; border-bottom:1px dashed #555555; } } .add_to_cart { .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 10px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; width:270px; text-align:left; border:none; background-image:url(../images/icon-cart_big.png); background-position:240px 5px; background-repeat:no-repeat; background-color:#dddddd; cursor:pointer; &:hover { background-color:#aaaaaa; color:#444444; } } .cart_info { padding:10px 0 0 0; font-size:11px; color:#888888; } } } /* MAIN CONTENT TOP END */ #product_suggestions, #product_list, #products_home { padding:20px 0 0 0; clear:both; display:block; width:710px; h2 { font-weight:normal; border-bottom:1px dashed #555555; padding:0 0 5px 0; margin:0 0 10px 0; font-size:18px; } .product_container, .product_prv_container { width:200px; height:300px; float:left; display:block; .border_radius (5px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); margin:0 30px 0 0; overflow:hidden; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; padding:12px 0 0 13px; /* .product_prv_img_container { background-color:#111111; float:left; .border_radius (5px); .box_shadow (0 0 10px #000000); border-bottom:1px solid #333333; border-top:1px solid #333333; } */ .product_prv_img_container { float:left; } img { -pie-png-fix: true; behavior: url(http://www.legend.rs/css/PIE.htc); } h3 { font-size:18px; padding:10px 20px 5px 20px; text-align:center; } strong { display:block; font-size:26px; color:#eeeeee; text-align:center; padding:5px 20px 10px 20px; .text_shadow (1px 1px 4px #000000); } } .product_prv_container { margin:14px 14px 0 0; width:153px; height:280px; font-family:Arial, helvetica, sans-serif; img { padding:5px; } h3 { clear:both; font-size:16px; padding:10px 10px 5px 10px; border-bottom:1px dashed #444444; .text_shadow (1px 1px 4px #000000); } strong { font-family:"Trebuchet MS",Arial, helvetica, sans-serif; font-size:22px; } p { .no_margin_padding_border; text-align:center; img { padding:0 2px 0 2px; } } } } } /* MAIN CONTENT END */ .pagination_bottom { clear:both; padding:10px 0 0 0; } ul.pagination { clear:both; overflow:hidden; display:block; float:left; li, li.current { list-style:none; float:left; margin:0 5px 0 0; display:block; a { text-align:center; padding:3px 5px 3px 5px; .border_radius (3px); background-color:#111111; display:block; &:hover { background-color:#888888; color:#444444; } } } li.current { padding:3px 5px 3px 5px; .border_radius (3px); background-color:#888888; display:block; color:#444444; } } #full_content, #cart_content { width:710px; float:left; .comment_email { display:none; } #textual_content_wrapper { .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); padding:20px; margin:15px 0 0 0; overflow:hidden; height:100%; h2 { font-weight:normal; font-size:24px; color:#dddddd; text-transform:uppercase; .text_shadow (1px 1px 4px #000000); font-family:"Trebuchet MS",Arial, helvetica, sans-serif; padding:0 0 5px 0; border:none; } h3 { font-weight:normal; font-size:16px; color:#dddddd; padding:0 0 5px 0; border:none; } table { border:0; font-size:13px; line-height:18px; tr { border:0; td { border:0; img { background-color:#111111; .border_radius (3px); padding:5px; } } } } } h2 { font-weight:normal; font-size:28px; color:#dddddd; text-transform:uppercase; .text_shadow (1px 1px 4px #000000); font-family:"Trebuchet MS",Arial, helvetica, sans-serif; border-bottom:1px dashed #444444; padding:0 0 5px 0; } #cart_error_message { font-size:22px; font-weight:bold; text-align:center; color:#aa0000; .text_shadow (1px 1px 1px #000000); .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); padding:20px; margin:15px 0 0 0; } #cart_nav_links { clear:both; padding:15px 0 0 0; a { .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:left; border:none; background-color:#dddddd; cursor:pointer; &:hover { background-color:#aaaaaa; color:#444444; } } a.continue_browsing { float:left; } a.go_to_checkout, a.go_to_checkout_in { float:right; } } #checkout_finished_link input { margin:10px 0 0 250px; .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:left; border:none; background-color:#dddddd; cursor:pointer; } #checkout_form_wrapper { overflow:auto; height:100%; float:left; .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); width:550px; margin:20px 0 0 0; padding:30px 0 20px 20px; .input_field_area, .textarea_field_area { label { clear:both; display:block; padding:8px 15px 5px 0; font-size:14px; float:left; width:180px; text-align:right; font-weight:bold; em { font-size:20px; color:#aa0000; } strong { font-size:10px; font-weight:normal; } } input, textarea { float:left; padding:10px; margin:5px 0 0 0; background-color:#111111; .border_radius (5px); font-size:14px; font-weight:bold; border:none; color:@font_color; outline:none; width:300px; border-bottom:1px solid #555555; position:relative; z-index:4; } textarea { height:150px; } } .checkbox_field_area { label { float:right; font-weight:normal; width:320px; height:26px; font-size:14px; padding:2px 15px 0 10px; width:470px; text-align:left; } input { float:right; } } p { clear:both; display:block; font-size:11px; color:#aa0000; .no_margin_padding_border; padding:0 0 0 200px; } } #checkout_cart_info_wrapper { float:left; font-size:12px; background-color:#111111; padding:10px; margin:20px 0 0 20px; h3 { border-bottom:1px dashed #333333; padding:0 0 3px 0; margin:0 0 5px 0; } table td { padding:2px; } } #checkout_finished_link { clear:both; } #terms_checkout { clear:both; height:200px; overflow:auto; margin:30px 0 0 0; } .shop_item, .news_item { padding:10px 0 10px 0; border-bottom:1px dashed #444444; overflow:hidden; height:100%; em { font-size:12px; font-style:normal; display:block; float:right; } h3 { font-size:24px; color:#eeeeee; font-weight:normal; padding:0 0 10px 0; } a { color:#dddddd; } } .shop_item table { border:0; font-size:13px; line-height:18px; tr { border:0; td { border:0; img { background-color:#111111; .border_radius (3px); padding:5px; } } } } ul#shoplist { padding:10px 0 0 0; overflow:hidden; height:100%; li { float:left; list-style:none; margin:0 20px 0 0; } } a { text-decoration:underline; } } #cart_content { width:960px; } #bg_layer { background-color: rgba(0,0,0,.65); -pie-background: rgba(0,0,0,.65); behavior: url(http://www.legend.rs/css/PIE.htc); display:none; z-index:2; position:absolute; top:0; left:0; } input#header_login_input { margin:10px 0 0 0; .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:left; border:none; background-color:#dddddd; cursor:pointer; } #header_login_popup,#login_popup,#email_reminder_popup { position:absolute; display:none; width:600px; .gradient (#222222, #333333); border-top:1px solid #555555; z-index:7; padding:20px 10px 20px 10px; .border_radius (10px); .box_shadow (0 0 20px #000000); font-size:14px; #password_reset_form p { font-size:10px; color:#aa0000; } #password_reset_form { .password_reset_submit { display:block; .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:center; border:none; background-color:#dddddd; cursor:pointer; margin:15px auto 0 auto; width:520px; } } h2 { text-align:center; font-size:20px; } strong.question { display:block; padding:10px 0 0 15px; } .checkout_option { padding:10px 0 0 10px; } .checkout_option input { padding:2px 0 0 0; cursor:pointer; } #checkout_action { padding:20px 10px 0 10px; text-align:center; h2 { font-size:16px; font-weight:bold; border:none; } .checkout_option_1 { } .text_input_field, .submit_field { clear:both; display:block; } label { display:block; padding:5px 0 5px 0; font-size:13px; } input { padding:10px 0 10px 0; margin:0; text-align:center; background-color:#111111; .border_radius (5px); font-size:14px; font-weight:bold; border:none; color:@font_color; outline:none; width:200px; position:relative; z-index:4; } a { position:relative; z-index:4; display:block; .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:center; border:none; background-color:#dddddd; cursor:pointer; margin:15px 0 0 0; &:hover { background-color:#aaaaaa; color:#444444; } } } } #email_reminder_popup #checkout_action { input.submit_field { display:block; .border_radius (7px); font-family:Arial, helvetica, sans-serif; font-size:24px; line-height:20px; padding:10px 20px 10px 20px; text-transform:uppercase; font-weight:bold; color:#444444; text-align:center; border:none; background-color:#dddddd; cursor:pointer; margin:15px 0 0 40px; width:500px; } } #header_login_popup { overflow:auto; width:350px; } #cart_table_container { .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); padding:15px; margin:15px 0 0 0; overflow:auto; height:100%; display:block; table#cart_table { position:relative; z-index:1; td { padding:10px; border-bottom:1px solid #444444; border-top:1px solid #000000; font-size:14px; .drop_item_from_cart a { font-size:36px; font-weight:bold; float:right; color:#aa0000; .text_shadow (1px 1px 1px #000000); } } thead { td { font-weight:bold; color:#aaaaaa; .text_shadow (1px 1px 4px #000000); text-transform:uppercase; font-size:16px; border-top:none; } } tfoot { tr.last_row { td { border-bottom:none; font-weight:bold; color:#aaaaaa; .text_shadow (1px 1px 4px #000000); font-size:15px; } } } } } .error_message { font-size:22px; font-weight:bold; text-align:center; color:#aa0000; .text_shadow (1px 1px 1px #000000); .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); padding:20px; margin:15px 0 0 0; } #homepage_main_column { width:540px; padding:10px; float:left; overflow:auto; display:block; #products_home { width:540px; } h2 { font-size:24px; color:#cccccc; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; .text_shadow (1px 1px 4px #000000); text-transform:uppercase; border-bottom:1px dashed #555555; padding:0 0 5px 0; } #homepage_banner { display:block; background-image:url(../images/tmp-homepage_banner.jpg); width:520px; height:400px; .border_radius (10px); .box_shadow (0 0 10px #000000); } .homepage_item { padding:20px 10px 0 0; font-size:14px; color:#aaaaaa; } } #homepage_right_sidebar { display:block; float:left; width:150px; #fb-root { padding:20px 0 0 0; } .fb-like-box { background-color:#222222; border:none; } #info_box { .border_radius (10px); padding:10px; background-color:#eeeeee; ul { li { list-style:none; font-size:13px; a { color:#444444; &:hover { color:#666666; } } } li.service { padding-top:20px; text-align:center; strong { font-size:18px; } } } } } .rasprodato { font-size:34px; color:#aa0000; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; .text_shadow (1px 1px 4px #000000); text-transform:uppercase; padding:0 0 5px 0; font-weight:bold; } #footer { width:960px; margin:0 auto 0 auto; padding:0 0 30px 0; border-top:1px dashed #666666; #footer_inner { font-size:13px; text-align:center; } } #404_message { margin:200px 0 0 0; .border_radius (10px); background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); } .old_price { text-align:center; text-decoration: line-through; padding:5px 0 0 0; } .overlay_image img { position:absolute; } .comment_item { font-size:12px; padding:10px 0 10px 0; border-bottom:1px dotted #444444; } .comment_item strong { color:#dddddd; font-size:13px; } #breadcrumb { font-size:12px; padding:0 0 10px 0; a { text-decoration:underline; } } .tag_cloud { width:230px; h2 { font-size:16px; color:#aaaaaa; font-family:"Trebuchet MS",Arial, helvetica, sans-serif; .text_shadow (1px 1px 4px #000000); text-transform:uppercase; border-bottom:1px dashed #555555; padding:0 0 5px 0; text-align:center; margin:20px 0 0 0; } } .captcha img { clear:both; padding:10px 0 0 195px; } form#sorting_filter { float:right; } #filter_box { display:block; padding:10px; .border_radius(10px); margin:0 0 20px 0; background-color: rgba(255,255,255,.05); -pie-background: rgba(255,255,255,.05); behavior: url(http://www.legend.rs/css/PIE.htc); overflow:auto; height:100%; } #textual_content_wrapper { .news_image, .shop_image { width:120px; height:120px; display:block; float:left; margin:0 10px 5px 0; .border_radius(10px); a { text-decoration:none; display:block; width:120px; height:120px; padding:0; margin:0; } } .shop_image { float:none; margin:0 0 10px 13px; a { text-decoration:none; display:block; width:120px; height:120px; padding:0; margin:0; } } .shop_prv_item { width:145px; height:190px; float:left; text-align:center; padding:0 10px 0 10px; h3 { a { font-size:13px; font-weight:bold; } } } }