/* RESET CSS */ body {margin: 0;padding: 0;font-size:0.625em;} h1, h2, h3, h4, h5, h6, form, p, ol, ul, li , dl, dt, dd, blockquote, fieldset,legend {margin: 0px;padding: 0px;border:0px;} ol, ul {list-style: none;} a {text-decoration: none;cursor: pointer;} a:hover {text-decoration: none;} a:focus {outline: 0;} table {border-collapse: collapse;border-spacing: 0;} a img {border:0px;} .wai {display:none;} .cb {clear:both;} .cl {clear:left;} .clearboth {clear:both;} /* SCT CSS */ * html .bodybg {background:none;} .nobg {background: #fff !important;} /* HEADER ZONE */ /* top right menu */ ul#right_menu {float:right;text-transform:lowercase;height:30px;line-height:30px;font-size:120%;width:40%; clear:both;} ul#right_menu li {float:right; padding-left:25px;} ul#right_menu a { color:#fff;padding:5px;} ul#right_menu a:hover {text-decoration:underlined;color:#fff; text-decoration:none;} /* cart area */ .topcart {float:right;background: url("../images/2009skin/cartbg.png") no-repeat bottom right;width:275px;color:#000;font-size:120%;padding-left:90px;margin-top:30px;min-height:110px; clear:both; text-align:right; } #textcart {color:#000; margin-top:30px; margin-right:60px; text-align:right;} /*#textcart a:link,#textcart a:visted,#textcart a:hover {color:#FFFFFF !important; text-decoration:none;} main menu */ ul.menu {margin: 0 auto 0 auto;width:630px;line-height:35px;font-size:130%;height:35px;font-weight:bold;overflow:hidden; float:right; clear:both;} ul.menu li {float:left;} ul.menu li.first a {padding-left:10px !important;} ul.menu li.last a {padding-right:0px !important;} ul.menu li a {color:#fff;padding:5px 15px;} ul.menu li a.menu_clicked {color:#799f18 !important; text-decoration:none; font-weight:bold;} ul.menu li a:hover {color:#fff; text-decoration:underline;} /* LEFT ZONE */ #left {float:left;width:215px;} #left h3 {color:#fff;font-size:170%;text-align:center;line-height:56px;margin:10px 0 0 0;} .usefulinfo {background: url("../images/2009skin/usefulinfo-bg.png") no-repeat bottom left;text-indent:30px;} .callback {background: url("../images/2009skin/callback-bg.png") no-repeat bottom left;text-indent:30px;} /* categories */ ul.left_menu {text-transform: lowercase; margin-bottom:0px; margin-top:20px;} ul.left_menu li a {background: url("../images/arrow-colapsed.png") no-repeat 5px 10px #000;color:#fff;display:block;font-size:140%;text-indent:20px;overflow:hidden; margin-top:2px; margin-left:0px; text-align:left;font-weight: bold;} ul.left_menu li span {height:23px !important;line-height:23px; } ul.left_menu li a:hover { font-weight:bold;} ul.left_menu li a.left_menu_clicked{background: url("../images/arrow-expanded.png") no-repeat #474747 5px 10px !important;text-decoration:none !important;font-weight:bold;margin-left:0px;text-align:left;} /* subcategories */ ul.submenu {color:#fff;#;font-size:90%;width:205px;padding:0;margin-top:0px;} ul.submenu li a {color:#fff;background:no-repeat;text-decoration:none;line-height:23px !important;height:23px !important;width:100%;display:block; font-weight: bold;} ul.submenu li a:hover {text-decoration:underline;} ul.submenu li a span {width:100%;display:block; text-decoration:underline; } ul.submenu li a.left_menu_clicked {color:#FFFFFF; font-style:italic;} /* left page links */ ul.left_pages {text-transform: lowercase; margin:0; list-style:disc; list-style-type:disc;background:#000; margin-bottom:15px; width:220px;} ul.left_pages li {height:23px; margin:0;} ul.left_pages li a { /*background: url("../images/2009skin/leftmenupbg.jpg") no-repeat ;*/ color:#fff;display:block;font-size:140%;height:23px !important;line-height:23px;text-indent:12px;overflow:hidden; margin-top:1px; text-align:left; background:#000; border-bottom:1px solid #000;list-style:disc;} ul.left_pages li a:hover {/*background: url("../images/2009skin/leftmenubghover.jpg") no-repeat top left;*/ text-decoration:underline;} ul.left_pages li a.left_menu_clicked{text-decoration:none !important;font-weight:bold;} #pages {font-size:16px; color:#FFFFFF; margin-top:10px; text-align:left; width:220px; display:block; line-height:30px; margin-left:10px; margin-bottom:0; padding-left:20px; background:url(../images/arrow-colapsed.png) no-repeat scroll 10px 10px #000;} /* the boxes */ .sidebar_box {background: url("../images/2009skin/lefside-box-footer1.png") no-repeat bottom left;width:100%;padding-bottom:15px;margin-bottom:10px;} .sidebar_box .maincontent {background: url("../images/2009skin/lefside-box-content1.gif") repeat-x bottom left #fff;font-size:140%;line-height:170%;border-right:1px solid #BDBCBD;padding:10px 10px 0 10px;} .sidebar_box a {color:#666;} .sidebar_box dl {margin:0 10px;} .sidebar_box a:hover {color:#000;text-decoration:underline;} #callbackform {overflow:auto;height:100%;} #callbackform label {width:0px;height:0px;display:block;text-indent:-5000px;float:left;} #callbackform input {width:95%;height:18px;float:left;border:1px solid #ccc;background:#fff;margin:5px 0;font-size:85%;color:#aaa;text-indent:10px;} #callbackform input.callme {width:84px;height:29px;float:right;cursor:pointer;border:none !important;background: url("../images/2009skin/callme-btn.gif") no-repeat bottom left;margin:5px 0 0 0 !important;overflow:hidden;text-indent:-5000px;} /* the logos */ img.safebuy_logo {float:left;margin-top:28px;width:80px;margin-left:10px;display:inline;} img.member_logo {float:left;margin:10px 5px 10px 0;} img.cc {float:left;padding:10px 0;border-bottom:1px solid #ddd;} /* CENTRAL AREA */ #container_centre {float:right;padding-right:10px;width:755px; } #content_index {font-size:130%;color:#333;padding-top:10px;padding-left:10px;} #content_index a {color:#000;text-decoration:underline;} #content_index a:hover {text-decoration:none;} #content_index h3 {font-size:1.2em;padding:10px 0;color: #000;line-height:22px;} #content_index h4 {font-size:1.em;padding:6px 0;color: #000;} #content_index h3 img {margin-right:10px;} #content_index h2 {font-size:1.5em;padding:10px 0;color: #003a00;} #content_index p {padding:0px 0;} #content_index ul {list-style-type:disc;margin:10px 20px;} #content_index ul li {padding:3px 0;margin-left:30px;} .editable {width:99.9%;overflow:hidden;} a.cms_label {text-decoration:none!important;color:#666!important;} /* CATEGORIES BOXES*/ span.categories_h3 {width:240px;height:251px;text-decoration:none!important;display:inline;float:left;margin:3px 3px 3px 3px !important;text-align:center;padding:10px 0px 5px 0px;background: url("../images/2009skin/category-bg.jpg") no-repeat top left;} .categories_h3 a img {text-decoration:none;max-height:200px;clear:left;float:left;margin: 30px 20px;width:200px;} span.categories_h3 a {text-decoration:none!important;font-size:120%;font-weight:bold;padding:5px 0;color:#fff !important;} /* PRODUCT BOXES */ .product_box {width:178px;display:inline block;text-decoration:none !important;height:214px;float:left;margin:4px;padding:0px;color:#fff!important;background: url("../images/2009skin/prod-bg1.jpg") no-repeat top left; text-align:center; } .product_box a:link,.product_box a:visited { font-size:12px !important;text-decoration:none !important; color:#FFFFFF !important;} .product_box img {margin: 0; width:150px;max-height:130px;} * html .product_box img {height:140px;} .product_box .title {text-decoration:none !important;text-align:center;padding:5px 5px 5px 5px;display:block; height:45px;} .price_product_box {text-decoration:none !important;color:#efefef !important; } .prodimg {width:178px; text-align:center; height:130px; float:left; margin-bottom:10px;} .ontop_prod_short_desc {font-size:90%;color:#777 !important;} .click_4_details {color:#003a00;font-size:90%;font-weight:bold; padding-left:9px;} a:hover .click_4_details {color:#000;} .outofstock {color:#ff0000 !important;} /* PRODUCT PAGE */ #bread {clear:both; width:600px; margin:10px; font-size:16px; font-weight:bold; float:left; color:#000000; text-align:left;} #bread a:link,#bread a:visited{ font-size:12px; color:#000; text-decoration:none;} #bread a:hover { text-decoration:underline;} .product_description {float:right;width:470px;margin-bottom:20px;} .prod_types {float:left;width:100%;margin:10px 0;} .prod_types img {margin:0px 5px 0 0;float:left;width:33px;} .prodprice {color: #242424;} .description_slide {} /* add to cart zone */ #add_to_cart_form {float:left;width:100%;border-top:2px solid #efefef;border-bottom:2px solid #efefef;padding-bottom:10px;margin-top:15px;} #add_to_cart_form form {display:block;margin:20px 0;} #add_to_cart_form input.add_to_cart {background: url("../images/add_to_cart.gif") no-repeat right !important; margin:5px;float:right;width:143px;height:30px;border:0px;cursor: pointer; clear:both;} .fast_checkout {display:block;width:65%;float:right;border:1px solid #efefef;background:#f6f6f6;padding:10px;padding-right:5px;} #add_to_cart_form input {width:50px;float:left;background:#dfdfdf;height:15px;font-weight:bold;border:1px solid #999999;margin-bottom: 7px;} #add_to_cart_form select {display: block;width:160px !important;float:left;background:#dfdfdf;height:19px;font-size:0.8325em !important;font-weight:bold;border:1px solid #999999 !important;margin-bottom: 7px;} #add_to_cart_form label {display: block;clear:both;width:110px;float: left;text-align:left;margin-bottom: 7px;height:15px;} /* paginator list */ ul.pagination {width:90%;float:right;text-align:right;margin:10px 0;list-style-type:none !important;} ul.pagination li {display:inline;margin:0px !important;} ul.pagination li a {padding:0px 5px 0px 5px; color:#003a00 !important;text-decoration:none !important;} ul.pagination li a:hover {padding:0px 5px 0px 5px; background:#64110D;color:#fff !important;} .pagination_clicked {padding:0px 5px 0px 5px;font-size:90%; background:#003a00;color:#fff !important;font-weight:bold;} a.next_page, a.prev_page {font-size:130%; font-weight:bold;font-family:times;padding:0px 5px 0px 5px;} a:hover.next_page, a:hover.prev_page {font-size:130%; font-weight:bold;font-family:times; background:#64110D;color:#fff !important;padding:0px 5px 0px 5px;} /* gallery in the left */ .show_product_leftside {float:left;width:250px;padding-right:10px;border-right:1px dotted #efefef;margin-bottom:20px;} #slideshowContainer { width:250px; } #slideshowContainer img {display:block;margin:0 auto 0 auto;} /* CHECKOUT area*/ form#clients {margin-left:40px;} form#clients label {width:145px;padding-right:15px;float:left;clear:left;margin:5px 0;} form#clients input {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#clients select {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#clients textarea {border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#make_command {margin:0px 0 20px 0;} form#make_command label {width:145px;padding-right:15px;float:left;clear:left;margin:5px 0;} form#make_command input {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;margin-left:30px;display:inline;} form#make_command select {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;margin-left:30px;display:inline;} form#make_command textarea {border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#make_command .dashboard {margin-top:5px;margin-right:10px;} .invalid {background-color:#FF8D8D;padding:5px 0;} #same_delivery {margin-left:50px;} #result.error {padding:20px;border:2px solid #f00; background:#FFBFBF;color:#f00;font-weight:bold;text-align:center;} #result.success {padding:20px;border:2px solid #17B71A; background:#BEFF8F;color:#17B71A;font-weight:bold;text-align:center;} input[name="Checkout"] {width:160px;height:43px;background:transparent;border:0 !important;} input.checkbox {width:14px !important; height:14px; border:0 !important; margin:0px 5px 3px 10px !important; border:none !important;} input[type="radio"] {background:#fff; border:0px;margin:3px 5px 3px 10px;} /* MY ORDERS */ #comm_search {} #comm_tabs {font-size:120%;} #comm_tabs fieldset {padding: 0 10px 20px 10px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:10px;background:#fafafa;} #comm_tabs legend {padding: 5px 10px;color: #a10629;font-weight:bold;} form#comm_form {} form#comm_form label {width:145px;padding-right:15px;float:left;clear:left;margin:5px 0;} form#comm_form input {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#comm_form select {width:220px;border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} form#comm_form textarea {border:1px solid #ccc;float:left;margin:5px 0;margin-right:5px;} /* search results */ table#client_tbl {width:100%;} table#client_tbl td {padding:5px;} table#client_tbl th {padding:5px;} table#client_tbl thead {padding:5px;background:#666;color:#fff;text-align:left;} table#client_tbl td a {color: #a10629 !important;text-decoration:underline;} table#client_tbl td a:hover {text-decoration:none;} /* view order table */ table.command_table {width:98%;} table.command_table td {padding:5px;} table.command_table th {padding:5px;width:15%;border:1px dotted #afafaf;} table.command_table thead {padding:5px;background:#666;color:#fff;text-align:left;} table.command_table td a {color: #a10629 !important;text-decoration:underline;} table.command_table td a:hover {text-decoration:none;} table.command_table div.details {width:90%;text-align:left;padding:10px;color:#202020;line-height:140%;} .mootabs_title li {font-size:130%;padding:5 15px;font-weight:bold;} /* miscelaneous */ .black {color:#000000} .red {color: #a10629;} .green {color: #156b50;} .text_center {text-align:center !important;} .spacing {letter-spacing:2px;} .small_text {font-size:0.77em;} .big_text {font-size:1.1em;} .no-style {border:0px !important;background:none !important;text-decoration:none !important;} .img_right {float:right;margin-bottom:10px;margin-top:10px;margin-left:20px;} .img_left {float:left;margin-bottom:10px;margin-top:10px;margin-right:20px;} .large {width:250px;} .larger {width:350px;} hr {border-top:1px solid #cccccc;display:block; } #font_size {float:right;position:relative;z-index:2; } #font_size img {margin:-0.125em;cursor:pointer;} .align_center {text-align:center !important;} .align_left {text-align:left !important;} /* footer area */ .footer {clear:both;margin: 0 auto 0 auto;width:100%;color:#fff; margin-top:20px; background-color:#0e2a02;padding:25px 0;font-size:110%; height:60px;} .footer a {color:#afafaf;} .footer a:hover {color:#4a4a4a;} ul.footer_menu {float:left;width:200px;margin-left:20px;display:inline;} ul.footer_menu li {float:left;} ul.footer_menu li a {color:#afafaf;padding-right:20px;} ul.footer_menu li a:hover {color:#4a4a4a;} .copyright {float:right;display:inline;margin-right:20px;width:300px;text-align:right;} p.address {text-align:center;padding:5px 0;} /* contact form */ #contact_form {position:relative;margin-left:50px;margin-top:30px;width:450px;} #contact_form input {display: block;width:200px;float:left;background:#afafaf;height:17px;font-size:0.8em;font-weight:bold;border:1px solid #999999;} #contact_form label {display: block;width:120px;float: left;text-align:left;margin-bottom: 7px;height:12px;} #contact_form textarea {width:250px;border:1px solid #999999;background:#afafaf; } #contact_form br {clear:both;} #contact_form .button_contact {display:block;margin-left:110px;background:#323232;width:110px;height:25px;margin-top:15px;color:#fff;border:1px solid #fff;font-size:0.6875em;} /* vat & currency */ #vat_changer,#currency_changer {cursor:pointer;} #currency_select {position:absolute;border:0px solid red;width:120px;float:right;background:#fff;display:none;} .hidden {display:none; } .hidden_vat {display:none;} /* CART AREA */ table.cart_display {margin:0 0 20px 0;background:#fefefe; width:650px; } table.cart_display thead {padding:10px;background:#cccccc; text-align:left;color:#000;} table.cart_display tfoot {padding:10px;background:#333333; text-align:right;color:#fff;} table.cart_display .del_column {width:25px;} table.cart_display .prodname_column {width:450px;} table.cart_display .prodimg_column {width:40px;} table.cart_display .prodimg_column img {width:50px;} table.cart_display .qty_column {width:80px;} table.cart_display .qty_column input {width:40px;border:1px solid #ccc;float:left;} table.cart_display .price_column {} td.prodimg img {width:40px;} td.discounted {background:green;} #promocode_wrap {text-align:left;vertical-align:middle;} table.cart_display td,table.cart_display th {padding:10px; border-bottom:1px solid #ccc;vertical-align: top;} .del {background: url("../images/delete.png") no-repeat top left;display:block;height:16px;width:20px;} table.cart_display tfoot h3 {color:#fff !important;font-size:140% !important;} .update_cart { float:left;width:143px;height:30px;border:0px;cursor: pointer;} .update_cart_small {background: url("../images/2009skin/refresh.png") no-repeat left; float:right !important;width:20px !important;height:20px;border:none !important;cursor: pointer;} #gcart {float:right;width:235px;} .checkout_button {float:right;background:url(../images/2009skin/checkout.gif) no-repeat; width:300px;height:54px;display:block;margin-top:20px;margin-right:10px;} img.checkout-breadcrumb {float:right;margin:0 0 20px 0;} /* login popups area */ #login {position:absolute;z-index:100;width:350px;height:200px; background:#ffffff;top:50%;left:50%; margin-top:-100px; margin-left:-175px; border:1px solid #cccccc; display:none;font-size:130%;text-align:center;padding-left:10px;} #login input {width:150px;height:16px;} #login label {width:150px;float:left;} #login a {color:#ff5a00;text-decoration:underline;} #login a:hover {text-decoration:none;color:#76d00f;} #login2 {width:330px;height:190px;background:#fff; font-size:130%;text-align:center;padding:15px 10px 0 10px;font-size:120%;} #login2 input {width:200px;height:16px;border:1px solid #ccc;margin:5px 0;} #login2 label {width:80px;padding:5px 0;float:left;text-align:left;margin-left:20px;display:inline;} #login2 a {color:#ff5a00;text-decoration:underline;} #login2 a:hover {text-decoration:none;color:#000;} input.generic_button_login {background:#323232;color:#fff;border:1px solid #fff; margin:10px 0px 10px 45px !important;height:30px !important;width:80px !important;line-height:30px;cursor:pointer;} input.generic_button_register {background:#323232;color:#fff;border:1px solid #fff;font-size:100%; height:30px !important;width:180px !important;line-height:30px;cursor:pointer;} ol.account_actionlist {padding:10px 30px;list-style-type:decimal;margin:20px 0 0 20px;} ol.account_actionlist li {float:left;width:100%;padding:5px;} ol.account_actionlist li a {color:#000000; font-size:16px; font-weight:bold; font-style:normal; text-decoration:none;} /* donno what this is yet */ #shopping_cart{position:relative;float:left;background:#fff;text-align:justify;color:#7a7a7a;width:98%;} #shopping_cart h3{font-family:verdana;padding:0px;margin:0px;padding:5px;} #shopping_cart table {text-align:left;font-family:georgia;} #more_handler { color:#fff !important; width:90px; height:16px; display:block; text-decoration:none !important; font-weight:bold; padding:2px; padding-right:20px; background:url(../images/moreless.jpg) no-repeat } /* the delivery table */ table.delivery_table {width:99%;border:1px solid #aaa;border-collapse:separate;margin-bottom:20px;} .delivery_table thead {background:#333;color:#fff;font-size:110%;text-align:left;} .delivery_table thead th {padding: 5px;font-weight:normal;border-top:1px solid #000;border-bottom:1px solid #000;} .delivery_table td {padding:10px 5px;border-top:1px solid #fff;border-left:1px solid #fff;text-align:center;background:#efefef;} .delivery_table td.firstcol {text-align:left !important;background:#e9efff;border-right:2px solid #aaa;border-left:0px solid #fff;} .delivery_table tr.secondchoice td {background:#c9ebd3;border-top:2px solid #fff !important;} .delivery_table tr.thirdchoice td {background:#ffc4da;border-top:2px solid #fff !important;} .icon1 { background:url(../images/icon1.png) center no-repeat; line-height:38px; vertical-align:middle; color:#FFFFFF; font-size:11px; text-align:center; min-width:130px; float:left; margin:3px; } .icon2 { background:url(../images/icon2.png) center no-repeat; line-height:38px; vertical-align:middle; color:#FFFFFF; font-size:11px; text-align:center; min-width:130px; float:left; margin:3px; } .icon3 { background:url(../images/icon3.png) center no-repeat; line-height:38px; vertical-align:middle; color:#FFFFFF; font-size:11px; text-align:center; min-width:130px; float:left; margin:3px; } .icon4 { background:url(../images/icon4.png) center no-repeat; line-height:38px; vertical-align:middle; color:#FFFFFF; font-size:11px; text-align:center; min-width:130px; float:left; margin:3px; } .tooltip-bl { font-size:12px !important;} div.yoo-tooltip div.default .tooltip-m { font-size:12px;} .med {color:#000; text-decoration:none;} .med:hover {text-decoration:underline;}