/*** General styles ***/ body {font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; background: #FFFFFF;} body.popup {font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; background: #FFFFFF;} tr, td {font: 12px Arial, Helvetica, sans-serif; color: #000000;} h1, h2 {padding: 0px; margin: 0px;} a {color: #1584D2; outline: 0px; text-decoration: underline;} a:hover {text-decoration: none;} a.header {text-decoration: none;} a.header:hover {text-decoration: underline; } a.title {font-size: 13px; font-weight: bold;} a.bigtitle {font-size: 14px; font-weight: bold;} a.smallText {font-size: 11px; text-decoration: none;} a.smallText:hover {text-decoration: underline;} input {font: 14px Arial, Helvetica, sans-serif;} input.usualprice {color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;} input.orderprice {color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;} input.search, input.text, input.field {border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; margin: 3px 0px;} input.fieldSmall {border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font-size: 11px;} input.submit { background: url(data:image/gif;base64,R0lGODlh+gAcAOYAANbQxfz8++zr5uLf1vHv6+vo4uvr5ezr5eHe1eDe1Pz8/BZNfvPx7u/u6Ovq4+vo4bG3tvDv6WmKpPX08uDd1Pf39fLw7La9vezr5EhukN/c0tXf6Pr69SVXhPHw6vDu6n6Zr9XQxNvXzfPz7+ro4enm4Pb08urn4Pr6+OTi2v7+/fDw7Pv7+tXPw1V9ouno4b/O2/Ty6+fk3eXi2+/v6fX18u7t5uTi2ejl3vXz8e3s5fHw62yNpubj3Obj3W6Op+3q5vDw6vb28vr6+fHx7fPz7vb28/j49v7+/vLy7fT08PDw6/X18fHx7AA8dP///97w/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAD6ABwAQAf/gFCCg4SFhoeIiYqLjI2Oj5CRkpOUlZNDmJmam5ydnp+goaKjpKWmp6ipqquhKBMfToREs7S1tre4ubq7vL2+v8DBwsPExca8Kwc+sZbNzs/Q0dLT1JNO19jZ2tvc3d7f4OHi4+Tl5ufo6erhCxIxhEzx8vP09fb3+Pn6+/z9/v8AAwocSFCfkggnmAkSwLChw4cQI0qcaODAxIsYI1bMyDHjxo4gNVoMSbLhx5IlDbxIQUFhtZcwY8qcSbMRkps4c+rcybOnz59AgwodSrSo0aNIkyoNqgJGB0JGokqdSrWq1atYs2rdyrWr169gw4odS1ZrjR0FXBZZy7at27dw/+PKnUu3rt27ePPq3cu3r1+6SWzgcLmksOHDiBMrXsy4sePHkCNLnky5suXLmB3TcDDDJYDPoEOLHk26tOnTqFOrXs26tevXsGPLPh2iBYQMPGrq3s27t+/fwIMLH16NgPHjyJMfL8C8ufPn0KErn049uvXm1LMjv35du3fu1r1rBx9dfHby0o1bYJCD0JP38OPLn0+/vv37+PPr38+/v///AAYoYH4buAACIQEkqOCCDDbo4IMQKgDhhBQ+KGGFGFZ4YYYcOrhhhyAm+GGIJLJggktHpKjiiiy26OKLMMYo44w01mjjjTjmqOOOPMpYAQNAuCTEkEQWaeSRSCap5OKSTDbp5JNQRinllFRWaSWTTHjwgEtKdOnll2CGKeaYZJZp5plopqnmmmy26eabcJo5QgMluJTEnXjmqeeefPbp55+ABirooIQWauihiCaqKKBN6CCDS01EKumklFZq6aWYZqrpppx26umnoIYq6qikaroEBj24FMSqrLbq6quwxirrrLTWauutuOaq66689uorrQ2QcINLAxRr7LHIJqvssswmgACz0EarrLPSVisttdZmO+2z2nZrLLbeeouABiJcsAAh66Sr7rrstuvuu/B6s8APHBBn77345qvvvvz2G00gADs=) no-repeat right; border: 0px; color: #000; cursor: pointer; font-size: 13px; height: 28px; margin: 0px; padding: 0px 7px 2px 0px; } input#clear {color: #8A8A8A;} input#reset {color: #8A8A8A;} input#preview {color: #FF6C00;} input#cancel {color: #8A8A8A;} input#delete {color: #8A8A8A;} select {border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;} textarea {border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;} span.submit {background: url(../images/mb1/mb1.gif) no-repeat left; background-position: 0 -300px; font: 25px Arial; padding-left: 7px !important; white-space: nowrap; display: inline-block;} .middlebg {background: #E9E9E9; font-weight: bold;} .middlebg td {font-weight: bold;} .usualbg {background: transparent;} .errorbg {background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center;} .popup .errorbg {padding: 4px;} .messagebg {color: #0000CC; font-weight: bold; padding: 6px; text-align: center;} .block-order-info .messagebg {padding: 2px 6px; text-align: right;} .padding10px {padding: 10px;} .block-categories-list .padding10px {padding: 10px 0px;} .padding6px {padding: 6px;} .padding6px td {padding: 6px;} .block-product-details .padding6px td {padding: 6px 10px;} .padding6px td td {padding: 0px;} .padding6px .padding4px td {padding: 4px;} .padding4px td {padding: 4px;} .padding4px td td {padding: 0px;} .padding2px {padding: 2px;} table.padding10px, table.padding6px, table.padding4px, table.padding2px {padding: 0px;} .ArticleImg {border: none; float: left; margin: 0px 10px 5px 0px;} .ArticleDescription {padding: 10px 0px;} .introBlock {border: 1px solid #FFFFFF; margin: 5px; padding: 6px;} .articleDate {color: #7777CC; font-size: 11px; font-style: italic; } .titleText {color: #1584D2; text-decoration: none; } .top {font-size: 11px;} .smallText {font-size: 11px;} .middleText {font-size: 13px;} .bigText {font-size: 14px;} .comment {font-size: 11px; color: #7777CC;} .required {color: #FF0000;} .message {color: #FFBA00;} .title {font-size: 13px; font-weight: bold; color: #1584D2;} .bigtitle {font-size: 14px; font-weight: bold; color: #1584D2;} .error {color: red; } .terms {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; } .link {color: #C5CCD0; text-decoration: underline;} .navigator {font-size: 20px; font-weight: bold;} span.nobr {white-space: nowrap !important;} .overhidd {height: 1%; overflow: hidden;} .floatright {float: right;} .floatleft {float: left;} .clearboth {clear: both;} form {margin: 0; padding: 0;} /*** General styles ***/ /*** Frame set ***/ .frameBlocks {margin: auto; padding: 0 20px 20px 20px; text-align: left; max-width: 1280px; min-width: 640px;} .headerStyle {position: relative; z-index: 100;} .contentStyle {height: 1%; overflow: hidden; position: relative; z-index: 1;} .footerStyle {clear: both;} .hotStylePadding {padding: 8px 0 0 0;} .leftStylePadding {padding: 8px 8px 8px 0;} .centerStylePadding {padding: 8px 0;} .rightStylePadding {padding: 8px 0 8px 8px;} /* Four frames */ .fourFrames .hotStyle {float: left; position: relative; width: 80%;} .fourFrames .leftStyle {float: left; position: relative; width: 25%;} .fourFrames .centerStyle {float: left; position: relative; width: 75%;} .fourFrames .rightStyle {float: left; position: relative; width: 20%;} .fourFrames .leftStylePadding {padding: 0 8px 8px 0;} .fourFrames .centerStylePadding {padding: 0 0 8px 0;} /* Three frames */ .threeFrames .leftStyle {float: left; position: relative; width: 20%;} .threeFrames .centerStyle {float: left; position: relative; width: 60%;} .threeFrames .rightStyle {float: left; position: relative; width: 20%;} /* Two frames */ .twoFrames .leftStyle {float: left; position: relative; width: 30%;} .twoFrames .centerStyle {float: left; position: relative; width: 70%;} /* One frames */ .oneFrame .centerStyle {position: relative; width: 100%;} /*** Frame set ***/ /*** Header ***/ .Header {height: 60px; margin: auto 0; position: relative; z-index: 100;} .HeaderLogo {float: left;} .HeaderLogo img {border: none; margin: 20px;} .HeaderMenu {margin: 0px 0px 0px 25px; padding: 25px 0px 0px 0px;} .header-cart { background: url("../images/mb1/yel_cart.png") no-repeat scroll left top transparent; display: block; height: 80px; padding-left: 65px; } .header-map { background: url("../images/map/rus-map2.jpg") no-repeat scroll left top transparent; background-size: 90% 90%; display: block; height: 100px; padding-left: 15px; } /* Top Menu */ .TopMenu {display: block; height: 30px; margin: 0px; overflow: hidden; padding: 0px 0px 0px 0px; z-index: 20;} .TopMenu li {display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap;} .TopMenu li.topmenu {padding: 4px 0px; z-index: 50;} .TopMenu li.begin {display: none;} .TopMenu li.end {display: none;} /* Top Menu Links */ a.menu {color: #52AE30; display: block; font: 16px Arial, Helvetica, sans-serif; padding: 1px 15px; text-decoration: underline; text-transform: capitalize;} a.menu:hover {color: #52AE30; text-decoration: none;} a.menuActive {color: #444444; display: block; font: 16px Arial, Helvetica, sans-serif; padding: 1px 15px; text-transform: capitalize;} a.menuActive:hover {color: #444444;} /* Secondary Menu */ ul.secondaryMenu {display: block; height: 30px; margin: 0px 0px 0px 20px; overflow: hidden; padding: 0px; z-index: 20;} ul.secondaryMenu li {border-top: 1px solid #444444; display: block; float: left; list-style: none; margin: 0px; padding: 0px;} ul.secondaryMenu li.secondaryMenu {padding: 2px 0px 4px 0px;} ul.secondaryMenu li.secondaryBegin {display: none;} ul.secondaryMenu li.secondaryEnd {display: none;} /* Secondary Menu Links */ a.secondaryMenu {color: #52AE30; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 2px 20px; text-decoration: underline; text-transform: capitalize;} a.secondaryMenu:hover {color: #52AE30; text-decoration: none;} a.secondaryMenuActive {color: #444444; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 2px 20px; text-transform: capitalize;} a.secondaryMenuActive:hover {color: #444444;} /* Sub Menu */ .SubMenu {border: 1px solid #FFD075; border-bottom: none; display: none; margin: 2px 0px 0px 0px; padding: 0px; position: absolute; width: 150px;} .SubMenu li {border-top: none !important; border-bottom: 1px solid #FFD075; display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 150px;} .SubMenu li.topmenu {padding: 0px; position: relative;} .SubMenu li.secondaryMenu {background: none !important; padding: 0px !important; position: relative;} .SubMenu a.menu {background: #FFF1C7 !important; color: #0A0509; padding: 2px 10px; text-decoration: none;} .SubMenu a.menu:hover {background: #FFFBED !important; color: #1584D2;} .SubMenu a.secondaryMenu {background: #FFF1C7 !important; color: #0A0509; padding: 2px 10px; text-decoration: none;} .SubMenu a.secondaryMenu:hover {background: #FFFBED !important; color: #1584D2;} .SubMenu a.secondaryMenuActive {background: #FFF1C7 !important; color: #0A0509; padding: 2px 10px; text-decoration: none;} .SubMenu a.secondaryMenuActive:hover {background: #FFFBED !important; color: #1584D2;} .SubMenu ul {border: 1px solid #FFD075; border-bottom: none; display: none; left: 150px; margin: 0px; padding: 0px; position: absolute; top: -1px;} .SubMenu span.nobr {white-space: normal !important;} /*** Header ***/ /*** Breadcrumbs ***/ .Breadcrumb {background: #F4F4F4 url(data:image/gif;base64,R0lGODlhAQABAIAAANfX1wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-x top; margin: 0px 0px 10px 0px; position: relative; width: 100%;} .BreadcrumbCenter {background: url(data:image/gif;base64,R0lGODlhAQABAIAAANfX1wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-x bottom; position: relative;} .BreadcrumbLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwB4APcAAN/f3/Hx8fDw8Onp6e3t7fPz8/f39/b29t7e3ujo6OTk5Orq6tjY2N3d3ezs7PLy8tzc3Nra2ufn5+bm5tfX19nZ2dvb2/////T09AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAHgAQAjEAC1gGEiwoMCCCA8iJKhwIYaGCyEmdMiQ4kCJBi0+1IixosWOAwMg+MixJMmTFEFuROlQpUuTKWE6vEBTAoQAE1lGlLlTZ86YPjMG9Qi0aEueP48OvYhUqNGeT5NCVUrxgoAKD2bSpHlAgYUJAlZGdUq17NSzUtOSRbtWLVGzbpkuFQu3rd23bPHGpZtX7li9d/3WBUxYcF++e1/OVfzXcOKmhREHlhwZgAOLFwAQqHphQIMCC7deWMBgQEHRWw0kiEAhIAA7) no-repeat bottom left; position: relative;} .BreadcrumbRightBgr {background: url(data:image/gif;base64,R0lGODlhCwB4APcAANjY2NfX19/f393d3fHx8enp6dnZ2fDw8PX19ebm5vPz8+Tk5PLy8ufn59ra2vf39+jo6N7e3u3t7erq6uzs7Nvb2/////T09AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAHgAQAjGAC8IHEiwAsGDFwwiHKhwYUKHAhsulIiQ4kGLBSE+hIiRocaOESFGIPCxJEeTDkFuTIlyYsuKLy++JDCggYWbMTOe3MmSp0ufMIHKFKqzp9GfR4MmHbq0KNKnSqEyXQhgIQMDByxcOJCgwgIEN8Pm9EiUbFOzUp1GXTuVrdq2cN/KReuWbly7c0OW1XuWb1q8gP3WFXyXcN6Vfw0HRjyYcWHHh1VKHqu4MuTAFAQ4lCBA60EFAwrgHFjAwISwFgA4gPAAddiAADs=) no-repeat bottom right; height: 100%; overflow: hidden; position: relative;} .BreadcrumbLeft {background: url(data:image/gif;base64,R0lGODlhCwAKAMQAAOvr6+Hh4eTk5Nvb2+np6e7u7vPz8+Li4u/v79nZ2fz8/PHx8fDw8PX19dbW1vLy8v39/dra2urq6uzs7NfX1/////T09AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAAoAQAUuYCWOlVIE1AFYbNuKU7S4LFk4wvMKBP2SEAIlADCMJAkErdKgMHwWwwDKmlItIQA7) no-repeat top left; float: left; width: 11px; height: 22px;} .BreadcrumbRight {background: url(data:image/gif;base64,R0lGODlhCwAKAMQAAOvr6+7u7vz8/PPz8+np6eHh4djY2PLy8tbW1tra2vHx8fX19e/v7+Pj4/Dw8Nzc3Orq6tnZ2eTk5Ozs7OLi4tfX1/////T09AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAAoAQAUvYFUEgmWe1qWuK0CxqpJM5npISIDCK9FYA0ChQijtWIwI5MS7OAyLVPPyGExVlRAAOw==) no-repeat top right; float: right; width: 11px; height: 22px;} .BreadcrumbRSS {float: right; padding: 10px; text-align: right;} .Breadcrumbs {background: none; overflow: hidden; height: 100%;} .BreadcrumbsBgr {padding: 10px 0px 10px 10px;} .BreadcrumbsBgr a.treeItemLast {font-weight: bold; text-decoration: none; cursor: text;} .BreadcrumbsBgr a.treeItemLast:hover {font-weight: bold; cursor: text;} .BreadcrumbsBgr span {color: #1584D2;} .BreadcrumbsBgr img {display: none;} /* Step to Order Pages */ .BreadcrumbsBgr span.nonactive {display: inline; font-weight: normal; color: #AAAAAA; margin-right: 10px;} .BreadcrumbsBgr span.active {display: inline; font-weight: bold; color: #444444; margin-right: 10px;} /*** Breadcrumbs ***/ /*** Structure of Block ***/ .BlockTop {position: relative; width: auto;} .TopCenter {background: #F4F4F4 url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -142px; position: relative;} .TopLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1enp6SwAAAAACwABAAACA0SOWQA7) repeat-y bottom left; position: relative;} .TopRightBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1enp6SwAAAAACwABAAACA4yPUAA7) repeat-y bottom right; height: 100%; overflow: hidden; position: relative;} .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat top left; background-position: 0 -662px; float: left; width: 24px; height: 42px;} .TopRight {background: url(../images/mb1/mb1.gif) no-repeat top right; background-position: 0 -727px; float: right; width: 24px; height: 42px;} .TopTitleIco {float: right; padding: 17px 0px 13px 0px; text-align: right;} .TopTitle {background: none; overflow: hidden; height: 100%;} .TopTitleBgr {color: #444444; font: 16px Arial, Helvetica, sans-serif; padding: 17px 0px 13px 0px; text-align: left; text-transform: uppercase;} .TopTitleBgr h1 {color: #444444; font: 16px Arial, Helvetica, sans-serif; text-align: left; text-transform: uppercase;} .BlockMiddle {background: #F4F4F4 url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1enp6SwAAAAACwABAAACA4yPUAA7) repeat-y right; position: relative;} .MiddleCenter {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1enp6SwAAAAACwABAAACA0SOWQA7) repeat-y left; overflow: hidden; height: 100%; padding: 0px 11px; position: relative;} .BlockData { position: relative; overflow: hidden; } .BlockBottom {display: block; margin-bottom: 8px; position: relative; font-size: 1px;} .BottomCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x bottom; background-position: 0 -109px; overflow: hidden; height: 100%;} .BottomLeft {background: url(../images/mb1/mb1.gif) no-repeat left bottom; background-position: 0 -596px; float: left; height: 23px; width: 24px;} .BottomRight {background: url(../images/mb1/mb1.gif) no-repeat right bottom; background-position: 0 -629px; float: right; height: 23px; width: 24px;} /*** Structure of Block ***/ /*** Structure of Block Without Title ***/ .hidden-title .BlockTop, .block-simple .BlockTop {display: block; position: relative; font-size: 1px;} .hidden-title .TopCenter, .block-simple .TopCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -142px; overflow: hidden; height: 100%;} .hidden-title .TopLeft, .block-simple .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat left top; background-position: 0 -662px; float: left; height: 23px; width: 24px;} .hidden-title .TopRight, .block-simple .TopRight {background: url(../images/mb1/mb1.gif) no-repeat right top; background-position: 0 -727px; float: right; height: 23px; width: 24px;} .hidden-title .TopTitle { display: none; } /*** Structure of Block Without Title ***/ /*** Structure of Block Left Column ***/ .leftStyle .TopCenter {background: #FFFFFF url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -240px;} .leftStyle .TopLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA0SOWQA7) repeat-y bottom left;} .leftStyle .TopRightBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA4yPUAA7) repeat-y bottom right;} .leftStyle .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat top left; background-position: 0 -1369px;} .leftStyle .TopRight {background: url(../images/mb1/mb1.gif) no-repeat top right; background-position: 0 -1434px;} .leftStyle .TopTitleBgr {text-align: center;} .leftStyle .BlockMiddle {background: #FFFFFF url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA4yPUAA7) repeat-y right;} .leftStyle .MiddleCenter {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA0SOWQA7) repeat-y left; overflow: hidden; height: 100%; padding: 0px 11px;} .leftStyle .BottomCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x bottom; background-position: 0 -207px; overflow: hidden; height: 100%;} .leftStyle .BottomLeft {background: url(../images/mb1/mb1.gif) no-repeat left bottom; background-position: 0 -1303px; float: left; height: 23px; width: 24px;} .leftStyle .BottomRight {background: url(../images/mb1/mb1.gif) no-repeat right bottom; background-position: 0 -1336px; float: right; height: 23px; width: 24px;} .leftStyle .hidden-title .BlockTop, .leftStyle .block-simple .BlockTop {display: block; position: relative; font-size: 1px;} .leftStyle .hidden-title .TopCenter, .leftStyle .block-simple .TopCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -240px;} .leftStyle .hidden-title .TopLeft, .leftStyle .block-simple .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat left top; background-position: 0 -1369px;} .leftStyle .hidden-title .TopRight, .leftStyle .block-simple .TopRight {background: url(../images/mb1/mb1.gif) no-repeat right top; background-position: 0 -1434px;} .leftStyle .hidden-title .TopTitle { display: none; } /*** Structure of Block Left Column ***/ /*** Structure of Block Center Column ***/ /*** Structure of Block Center Column ***/ /*** Structure of Block Right Column ***/ .rightStyle .TopCenter {background: #FFFFFF url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -240px;} .rightStyle .TopLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA0SOWQA7) repeat-y bottom left;} .rightStyle .TopRightBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA4yPUAA7) repeat-y bottom right;} .rightStyle .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat top left; background-position: 0 -1369px;} .rightStyle .TopRight {background: url(../images/mb1/mb1.gif) no-repeat top right; background-position: 0 -1434px;} .rightStyle .TopTitleBgr {text-align: center;} .rightStyle .BlockMiddle {background: #FFFFFF url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA4yPUAA7) repeat-y right;} .rightStyle .MiddleCenter {background: url(data:image/gif;base64,R0lGODlhCwABAIAAANXV1fT09CwAAAAACwABAAACA0SOWQA7) repeat-y left;} .rightStyle .BottomCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x bottom; background-position: 0 -207px;} .rightStyle .BottomLeft {background: url(../images/mb1/mb1.gif) no-repeat left bottom; background-position: 0 -1303px;} .rightStyle .BottomRight {background: url(../images/mb1/mb1.gif) no-repeat right bottom; background-position: 0 -1336px;} .rightStyle .hidden-title .BlockTop, .rightStyle .block-simple .BlockTop {display: block; position: relative; font-size: 1px;} .rightStyle .hidden-title .TopCenter, .rightStyle .block-simple .TopCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -240px;} .rightStyle .hidden-title .TopLeft, .rightStyle .block-simple .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat left top; background-position: 0 -1369px;} .rightStyle .hidden-title .TopRight, .rightStyle .block-simple .TopRight {background: url(../images/mb1/mb1.gif) no-repeat right top; background-position: 0 -1434px;} .rightStyle .hidden-title .TopTitle { display: none; } /*** Structure of Block Right Column ***/ /*** Structure of Offers and Categories Blocks ***/ .block-categories-catalog .TopCenter {background: #FFF7DE url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -44px;} .block-categories-catalog .TopLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAP/Qdf/xxywAAAAACwABAAACA0SOWQA7) repeat-y bottom left;} .block-categories-catalog .TopRightBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAP/Qdf/xxywAAAAACwABAAACA4yPUAA7) repeat-y bottom right;} .block-categories-catalog .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat top left; background-position: 0 -442px;} .block-categories-catalog .TopRight {background: url(../images/mb1/mb1.gif) no-repeat top right; background-position: 0 -507px;} .block-categories-catalog .TopTitleBgr {text-align: center;} .block-categories-catalog .BlockMiddle {background: #FFF7DE url(data:image/gif;base64,R0lGODlhCwABAIAAAP/Qdf/xxywAAAAACwABAAACA4yPUAA7) repeat-y right;} .block-categories-catalog .MiddleCenter {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAP/Qdf/xxywAAAAACwABAAACA0SOWQA7) repeat-y left; padding-left: 20px;} .block-categories-catalog .BottomCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x bottom; background-position: 0 -11px;} .block-categories-catalog .BottomLeft {background: url(../images/mb1/mb1.gif) no-repeat left bottom; background-position: 0 -376px;} .block-categories-catalog .BottomRight {background: url(../images/mb1/mb1.gif) no-repeat right bottom; background-position: 0 -409px;} .block-offers .TopCenter {background: #DEF0FF url(../images/mb1/mb1-tb.gif) repeat-x top; background-position: 0 -338px;} .block-offers .TopLeftBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAHXG/8rn/ywAAAAACwABAAACA0SOWQA7) repeat-y bottom left;} .block-offers .TopRightBgr {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAHXG/8rn/ywAAAAACwABAAACA4yPUAA7) repeat-y bottom right;} .block-offers .TopLeft {background: url(../images/mb1/mb1.gif) no-repeat top left; background-position: 0 -1565px;} .block-offers .TopRight {background: url(../images/mb1/mb1.gif) no-repeat top right; background-position: 0 -1630px;} .block-offers .TopTitleBgr {text-align: center;} .block-offers .BlockMiddle {background: #DEF0FF url(data:image/gif;base64,R0lGODlhCwABAIAAAHXG/8rn/ywAAAAACwABAAACA4yPUAA7) repeat-y right;} .block-offers .MiddleCenter {background: url(data:image/gif;base64,R0lGODlhCwABAIAAAHXG/8rn/ywAAAAACwABAAACA0SOWQA7) repeat-y left;} .block-offers .BottomCenter {background: url(../images/mb1/mb1-tb.gif) repeat-x bottom; background-position: 0 -305px;} .block-offers .BottomLeft {background: url(../images/mb1/mb1.gif) no-repeat left bottom; background-position: 0 -1499px;} .block-offers .BottomRight {background: url(../images/mb1/mb1.gif) no-repeat right bottom; background-position: 0 -1532px;} /*** Structure of Block Right Column ***/ /*** User Home Page ***/ .UHBRows {clear: both;} .UserHomeBlock {float: left; position: relative; width: 49%;} .UHBContent {padding: 7px;} .UHBContent div {margin: 0px 0px 0px 50px;} .userHomeLogout {clear: both; padding: 0px 20px 0px 20px; text-align: right;} .userHomeLogout a {color: #444444; font-weight: bold;} .UserHomeBlock img.orders {background: url(../images/icons/admin_orders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.profile {background: url(../images/icons/admin_profile.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.arr {background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0px 5px 0px 0px; position: relative; bottom: -4px;} .UserHomeBlock img.support {background: url(../images/icons/admin_support.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.forum {background: url(../images/icons/admin_forum.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.products {background: url(../images/icons/admin_products.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.pages {background: url(../images/icons/admin_pages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.salesorders {background: url(../images/icons/admin_salesorders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.merchant {background: url(../images/icons/admin_merchant.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.affiliates {background: url(../images/icons/admin_affiliates.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.payments {background: url(../images/icons/admin_payments.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.carts {background: url(../images/icons/admin_carts.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.wishlist {background: url(../images/icons/admin_wishlist.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} .UserHomeBlock img.reminders {background: url(../images/icons/admin_reminders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;} /*** User Home Page ***/ /*** Button Links ***/ td.butTd span.spacer {color: #1584D2;} /* '|' between button */ a.button {font: 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap;} a.button img {display: none;} a.button-add {color: #FF3300; font-weight: bold;} a.buttonBasket {font: 14px/20px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonBasket img {display: none;} a.button-shopping {color: #FF3300; font-weight: bold;} a.button-checkout {color: #FF3300; font-weight: bold;} a.buttonCart {font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonCart img {display: none;} a.buttonMore {color: #FF3300; font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;} a.buttonMore img {display:none;} a.disabled {color: gray; cursor: text; font: bold 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px;} /*** Button Links ***/ /*** Filter popup on more button ***/ .block-filter .BlockMiddle {z-index: 90;} .block-filter .MiddleCenter {overflow: visible; position: static; z-index: 90;} .filterPopup {background-color: #FFF1C7; border: 2px solid #FFD075; display: none; margin-left: -5px; padding: 3px 4px; position: absolute; z-index: 100;} /*** Filter popup on more button ***/ /*** Categories ***/ .CategoryList {display: block; margin: 0px; padding: 0px;} .CategoryList li {background: url(data:image/gif;base64,R0lGODlhDgAUAJEAAP///7uU4QAAAAAAACH5BAEAAAIALAAAAAAOABQAQAIalI95AaEPYwxOWlQta7f7D0rUtWUPY57hChYAOw==) no-repeat 0px 1px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;} .SubCategoryList {background: url(data:image/gif;base64,R0lGODlhAwACAPcBADw8PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAADAAIAQAgIAAP8C0AwQEAAOw==) repeat-y 2px 0px; display: block; margin: 4px 0px 0px 0px; padding: 0px;} .SubCategoryList li {background: url(data:image/gif;base64,R0lGODlhDgADAPcBADw8PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAEALAAAAAAOAAMAQAgSAAMIHEiwoMGDAf79S8hwIcGAADs=) no-repeat 2px 9px; display: block; list-style: none; margin: 0px; padding: 2px 0px 0px 14px;} /*** .SubCategoryList li.lastCategory {background: #FFFFFF url(../images/mb1/tree_end.gif) no-repeat 2px -9px;} ***/ .selectedsubCategory a.title, .selectedtopCategory a.title {color: #37A210;} .selectedsubCategory ul a.title, .selectedtopCategory ul a.title {color: #1584D2;} .topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {margin: 0px 5px 0px 0px;} /*** Categories ***/ /*** Products list (list, table view) and product details ***/ .block-product-details .titleTopCenter {padding-left: 10px;} .block-products-list .productImg, .block-product-details .productImg {background: #FFFFFF; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px; padding: 1px;} .featuresList {border: 2px solid #E9E9E9; float: right; margin: 0px 0px 5px 5px; padding: 6px; width: 40%;} .specification {} .groupTitle {background: #E9E9E9; font-size: 120%; padding: 6px;} .feature {border-bottom: 1px solid #E9E9E9; display: block; padding: 6px;} .featureName {float: left; font-weight: bold; padding: 0px; width: 40%;} .featureValue {padding: 0px 0px 0px 45%;} /* Matrix prices for product */ .matrix {margin: 10px 0px;} .matrixQty {border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; float: left;} .matrixPrice {border-top: 1px solid #E9E9E9; float: left;} .matrixTitle {background: #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; font-weight: bold; padding: 3px 6px; text-align: center;} .matrixItem {border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 3px 6px; text-align: left;} /* Visualisation product list as table */ .productsTable th {padding: 3px;} .productsTable td {padding: 3px;} .productsCategory {font-size: 14px; font-weight: bold; background: #E9E9E9; color: #1584D2; padding: 6px !important; } .productsCategoryDesc {background: #E9E9E9; padding: 6px !important; } .productsDelimiter {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop img {height: 2px;} /* Delimiter for list and rollover for details */ .vDelimiter {border-right: 1px solid #E9E9E9;} .hDelimiter {background: #E9E9E9; border: 0px;} .rolloverImagesTop {padding: 10px 0px 0px 0px;} .rolloverImages {float: left; padding: 5px; text-align: center; width: 30%;} .manufacturerImage {padding: 10px 0px 0px 0px;} /* Visualisation tubs on product details */ .DetailTabs {border-bottom: 2px solid #E9E9E9; height: 1%; margin: 0px; overflow: hidden; padding: 0px 0px 0px 10px;} .DetailTabs li {display: block; float: left; list-style: none; margin: 0px 10px 0px 0px; padding: 0px;} .DetailTabs li.tab {background: none; border: 1px solid #E9E9E9; border-bottom: none;} .DetailTabs li.tabActive {background: #E9E9E9; border: 1px solid #E9E9E9; border-bottom: none;} .DetailTabs a.tab {background: none; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;} .DetailTabs a.tab:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;} .DetailTabs a.tabActive {background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} .DetailTabs a.tabActive:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} /*** Products list (list, table view) and product details ***/ /*** Related products ***/ .relTitle {padding: 0px 0px 5px 0px;} .relImg {margin: 0px 5px 5px 0px;} /*** Related products ***/ /*** Small Cart ***/ .paddingCart td {padding: 0px;} .paddingCart .cartTitle td {background: #E9E9E9; padding: 4px;} .paddingCart .cartItem td {border-bottom: 1px solid #E9E9E9; padding: 2px 4px;} .paddingCart .cartGoodsTotal td {border-top: 2px solid #D9D9D9; padding: 4px;} /*** Small Cart ***/ /*** Latest ***/ td.topArticle {padding: 0px;} td.subArticle {padding: 3px 3px 0px 0px;} td.topArticle a.buttonMore {display: block; padding-top: 2px;} a.subArticle {padding-left: 8px; font-size: 11px; background: url(../images/bullet.gif) no-repeat left 3px;} /*** Latest ***/ /*** Offers ***/ .offerTitleTop {display: none;} .offerTitle {text-align: left; clear: right; display: block;} .offerItem {text-align: left;} .offerImg {float: left; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px;} .offerText {text-align: left;} .offerItem a.buttonMore {display: block;} /*** Offers ***/ /*** Forum ***/ .forumAdmin {color: blue; font-weight: bold;} .forumUser {color: black; font-weight: bold;} .forumGuest {color: black; font-weight: bold; font-style: italic;} .forumMessageLeft {background: #F4F4F4; border-left: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5;} .forumMessageRight {background: #F4F4F4; border: 1px solid #D5D5D5;} .forumMessageTop {background: #E9E9E9; border-bottom: 1px solid #D5D5D5;} /*** Forum ***/ /*** Footer ***/ .footerMenu {text-align: center; font-size: 11px;} .footerMenu span {padding: 0px 0px 0px 5px;} .footerHTML {text-align: center; padding: 10px;} .footerImg {text-align: right; padding: 0px 10px 0px 0px;} .footerImg img {width: 80px; height: 26px; border:0px;} /*** Footer ***/ /*** Visualisation tubs on UserHome pages ***/ .AdminTabs {background: url(data:image/gif;base64,R0lGODlhAQAfAIABAJGbnP///yH5BAEAAAEALAAAAAABAB8AQAIFjI8JyVgAOw==); height: 1%; margin: 0px 0px 10px 0px; overflow: hidden; padding: 0px 0px 0px 10px;} .AdminTabs li {display: block; float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;} .AdminTabs li.adminTab {border-bottom: 1px solid #919B9C;} .AdminTabs li.adminTabActive {border: none;} .AdminTabs li.BeginTab {display: none;} .AdminTabs li.EndTab {display: none;} div.adminTab {background: #E9E9E9; border: 1px solid #919B9C; border-bottom: none; cursor: pointer; font: 11px/18px Verdana, sans-serif; margin: 8px 2px 0px 2px; padding: 2px 8px 1px 8px; white-space: nowrap;} div.adminTabActive {background: #F4F4F4; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; font: bold 11px/18px Verdana, sans-serif; margin: 3px 2px 0px 2px; padding: 4px 8px 4px 8px; white-space: nowrap;} a.blackSm, a.blackSm:hover {text-decoration: none;} /*** Visualisation tubs on UserHome pages ***/ /*** Prices on the site ***/ .priceBlock {color: #000; font-weight: bold;} .priceBlock .price {font-weight: bold;} .priceBlock .priceTax {font-weight: normal;} .priceBlockOld {color: #000; text-decoration: line-through;} .priceBlockOld .price {font-weight: normal;} .priceBlockOld .priceTax {font-weight: normal;} .priceBlockHidden {color: #000; font-weight: bold; display: none;} .priceBlockHidden .price {font-weight: bold;} .priceBlockHidden .priceTax {font-weight: normal;} .priceBlockEdit {color: #000; font-weight: bold;} .priceBlockEdit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 13px; color: black; border: 1px solid #A3ACB1;} .salesBlock {color: #000; font-weight: bold; border: none; background: transparent;} .salesPrice {font-weight: bold;} .salesTax {font-weight: normal;} .priceSaveBlock {color: #0A0; font-weight: bold;} .priceSaveBlock .price {font-weight: bold;} .priceSaveBlock .percent {font-weight: normal;} .pointsPriceBlock {} .pointsPriceBlock .points {} .rewardPointsBlock {} .rewardPointsBlock .points {} /*** Prices on the site ***/ /*** Rating part ***/ .SummaryStatistic img {margin-top: -2px;} .SummaryStatistic .percentage img {margin-right: 10px;} .ShowReviews img {margin-top: -2px;} .ShowReviews span {padding: 0px 10px;} .RatingImage {float: left;} .RatingText {margin-left: 110px;} .neutral {display: none;} .commend {background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;} .discommend {background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;} .not-rated {background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;} .rating-1 {background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;} .rating-2 {background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;} .rating-3 {background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;} .rating-4 {background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;} .rating-5 {background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;} /*** Rating part ***/ /*** Wishlist pop-up window ***/ .wishlist-opacity {display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;} .wishlist-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC;} .wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #78C7FF;} .wishlist-img-close img {margin: 10px 10px 5px 0px;} .wishlist-descr {padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;} /*** Wishlist pop-up window ***/ /*** Shipping pop-up window ***/ .shipping-opacity {display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;} .shipping-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 600px; background: #CCCCCC;} .shipping-block {position: relative; bottom: 5px; right: 5px; width: 600px; background: #F4F4F4; border: 1px solid #78C7FF;} .shipping-img-close img {margin: 10px 10px 5px 0px;} .shipping-descr {padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;} /*** Shipping pop-up window ***/ /*** New Product's icon ***/ .block-product-details .newProduct {display: block; position: relative; padding-right: 34px !important;} .block-product-details .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; margin: 0px 0px -6px 2px;} .block-products-list .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; margin: 0px 0px -6px 2px;} .newProduct img {background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;} /*** New Product's icon ***/ /*** Restricted Item's icon ***/ .block-products-list .restrictedItem img.restrictedItem {background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; margin: 0px 0px -3px 2px;} .restrictedItem img.restrictedItem {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;} .restrictedCategory img.restrictedCategory {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; margin: 0px 0px -3px 2px;} /*** Restricted Item's icon ***/ /*** Manual list ***/ .level1 {padding: 2px 2px 2px 15px;} .level1 a {font-weight: bold;} .level1 a:hover {font-weight: bold;} .level2 {padding: 2px 2px 2px 30px;} .level3 {padding: 2px 2px 2px 40px;} .level4 {padding: 2px 2px 2px 50px;} /*** Manual list *****/ /*** Custom menu list ***/ .CustomMenu ul {display: block; margin: 0px; padding: 0px 0px 0px 10px;} .CustomMenu ul ul {display: block; margin: 0px; padding: 0px;} .CustomMenu ul li {background: url(../images/bullet.gif) no-repeat 5px 6px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 15px;} .CustomMenu ul li a {font-weight: bold;} .CustomMenu ul li li a {font-weight: normal;} /*** Custom menu list ***/ /*** Site map list ***/ .SiteMap ul {display: block; margin: 0px; padding: 0px;} .SiteMap ul ul {display: block; margin: 0px; padding: 0px 0px 0px 10px;} .SiteMap ul li {background: url(../images/bullet.gif) no-repeat 0px 6px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 10px;} .SiteMap ul li a {font-weight: bold;} .SiteMap ul li li a {font-weight: normal;} /*** Site map list ***/ /*** Image slider box ***/ .imageSlider {position: relative; overflow: hidden;} .sliderClassVertical {top: -2000px; border-bottom: 1px solid #E9E9E9; position: absolute; width: 100%;} .sliderClassVertical td.padding10px {padding: 20px;} .sliderClassHorizontal {left: -2000px; position: absolute; width: 100%;} .sliderClassHorizontal td.padding10px {padding: 10px 30px;} /* Image slider tooltip */ .soPopupContent {position: absolute; z-index: 999; width: 300px; border: 1px solid #CED7DF; background: #FFFFFF; padding: 20px; display: none;} .soPopupContent a.bigtitle {display: block; margin-bottom: 15px; text-align: center;} .soPopupImg {text-align: center; margin-bottom: 15px;} .soPopupImg img {border: 1px solid #E8ECF0;} .soText {text-align: justify;} .popupTooltip {display: none;} /*** Image slider box ***/ /*** ***/ .block-articles-details .titleTopCenter {padding: 6px 0px 6px 0px;} .block-basket-recommended select {margin-right: 5px;} .block-user-profile .titleTopCenter div {text-align: center;} .block-search select {margin-bottom: 7px;} .block-reviews .titleTopCenter {padding: 8px 10px;} #categories_box select {display: block; margin: 0px 0px 5px 0px;} #categories_box a {display: inline-block; background: #E8E8E8; border: 1px solid #93BDFD; padding: 3px 10px; text-decoration: none; margin-bottom: 5px;} /*** Block Random Items ***/ .item {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; float: left;} .item_right {border-bottom: 1px solid #ddd; float: left;} .item_bottom {border-right: 1px solid #ddd; float: left;} .item_bottom_right {float: left;} /** * @file: highslide.css * @version: 4.1.13 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { /*position: absolute;*/ background: black; } a.highslide-full-expand { background: url(graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; padding: 0; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(graphics/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(graphics/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .mobile .highslide-html { border: 1px solid silver; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(graphics/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(graphics/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(graphics/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(graphics/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(graphics/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(graphics/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(graphics/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(graphics/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(graphics/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(graphics/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */ } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; }