/* @group BASIC RESET */ * { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* caption, th, td { text-align: left; } */ :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } ul { list-style-image: none; list-style-type: none; } /* @end */ /* @group GLOBAL LAYOUT CLASSES */ .clear { clear: both; font-size:0px; line-height:0px; height:0px; } .clearLeft { clear: left; font-size:0px; line-height:0px; height:0px; } .clearRight { clear: right; font-size:0px; line-height:0px; height:0px; } .nobreak { white-space: nowrap; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .alignLeft { text-align: left; } .alignTop { vertical-align: top; } .alignMiddle { vertical-align: middle; } .alignBottom { vertical-align: bottom; } .floatLeft { float: left; } .floatRight { float: right; } .relative { position: relative; } .clearLeftEasy { clear: left; } /* @end */ /* @group GRID */ .span-1,.span-2,.span-3,.span-4,.span-5, .span-6,.span-7,.span-8,.span-9,.span-10, .span-11,.span-12 { float: left; margin-right: 9px; } .span-1 { width: 50px; } .span-2 { width: 109px; } .span-3 { width: 168px; } .span-4 { width: 227px; } .span-5 { width: 286px; } .span-6 { width: 345px; } .span-7 { width: 404px; } .span-8 { width: 463px; } .span-9 { width: 522px; } .span-10 { width: 581px; } .span-11 { width: 640px; } .span-12 { width: 699px; } .prepend-1 { padding-left: 59px; } .prepend-2 { padding-left: 118px; } .prepend-3 { padding-left: 177px; } .prepend-4 { padding-left: 236px; } .prepend-5 { padding-left: 295px; } .prepend-6 { padding-left: 354px; } .prepend-7 { padding-left: 413px; } .prepend-8 { padding-left: 472px; } .prepend-9 { padding-left: 531px; } .prepend-10 { padding-left: 590px; } .prepend-11 { padding-left: 649px; } .append-1 { padding-right: 59px; } .append-2 { padding-right: 118px; } .append-3 { padding-right: 177px; } .append-4 { padding-right: 236px; } .append-5 { padding-right: 295px; } .append-6 { padding-right: 354px; } .append-7 { padding-right: 413px; } .append-8 { padding-right: 472px; } .append-9 { padding-right: 531px; } .append-10 { padding-right: 590px; } .append-11 { padding-right: 649px; } .marginTop05 { margin-top: 7px !important; } .marginTop1 { margin-top: 14px !important; } .marginTop2 { margin-top: 28px !important; } .marginTop3 { margin-top: 42px !important; } .marginTop4 { margin-top: 56px !important; } .marginTop5 { margin-top: 70px !important; } .marginBottom0 { margin-bottom: 0 !important; } .marginBottom05 { margin-bottom: 7px !important; } .marginBottom1 { margin-bottom: 14px !important; } .marginBottom2 { margin-bottom: 28px !important; } .marginBottom3 { margin-bottom: 42px !important; } .marginBottom4 { margin-bottom: 56px !important; } .marginBottom5 { margin-bottom: 70px !important; } .indent-1 { margin-left: 25px; } img.floatLeft { margin-right: 14px; } .boxHalfLeft { width: 47.5%; float: left; } .boxHalfRight { width: 47.5%; float: right; } .boxThreeForths { width: 75%; } .boxHalf { width: 50%; } .boxOneThird { width: 30%; } .boxTwoThirds { width: 60%; } .oneForth { width: 177px; float: left; } /* @end */ /* @group BOX-MODEL */ div.center { width: 1000px; margin: 0 auto; } #header, #content, #footer { width: 1000px; margin: 0 auto; } div.content, #footer { padding-top: 26px; } #headerWrapper { border-bottom: 5px solid #49514d; background: #bcbcbc url('../images/bg_header_wrapper.jpg') top center no-repeat; padding-top: 18px; } /*#headerWrapper { border-bottom: 5px solid #49514d; background: #f5f5f5 url('../images/bg_header_wrapper_christmas.jpg') top center no-repeat; padding-top: 18px; }*/ #header { height: 399px; } .contentWrapper { padding-bottom: 15px; min-height: 250px; } .noMinHeight { min-height: 0; } .contentWrapper.white { background-color: #ffffff; } .contentWrapper.gray { background-color: #eeeeee; } .contentWrapper.grayLight { background-color: #bbbbbb; } .leftColumn { width: 195px; margin-right: 97px; float: left; } .rightColumn { width: 708px; float: right; } #footer { clear: both; padding-bottom: 70px; } body { background-color: #bbbbbb; } div.blankContainer { padding: 10px; } /* @end */ /* @group TYPOGRAPHIE */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 130%; color: #49514d; } .largest { font-size: 165%; } .larger { font-size: 135%; } .large { font-size: 115%; } .small { font-size: 90%; color: #bbbbbb; } .smaller { font-size: 80%; } .smallest { font-size: 80%; color: #49514d; } pre { margin-bottom: 5px; font-family: "Courier New", monospace; font-size: 11px; } address, p, pre, h1, h2, h3, h4, h5 { margin-bottom: 0.9em; } h1, h2, h3, h4, h5 { line-height: 110%; color: #49514d; text-transform: uppercase; } h1.red, h2.red, h3.red, h4.red, h5.red, span.red, p.red { color: #c22d16; } h1.gray, h2.gray, h3.gray, h4.gray, h5.gray { color: #49514d; } h1 { font-size: 165%; font-weight: bold;} h2 { font-size: 165%; } h3 { font-size: 115%; font-weight: bold; } h4 { font-size: 115%; } h5 { font-size: 100%; } h1.h3 { font-size: 115%; font-weight: bold; } h1.h2 { font-size: 165%; font-weight: normal; } .boxed { padding: 8px 25px 6px; } h3.boxed, h4.boxed { margin-bottom: 1.8em; } hr { height: 1px; border-bottom: 1px solid #49514d; width: 100%; margin: 10px 0; } em { color: #c22d16; } em.green { color: #77ad0b; } strong, b { font-weight: bold; } a { color: inherit; } a:link { text-decoration: none; color: #77ad0b; } a:visited { text-decoration: none; color: #77ad0b; } a:hover, a:active { text-decoration: underline; } a.default:link, a.default:visited { color: inherit; } a.redArrow, a.redArrow:link, a.redArrow:visited { color: #c22d16; background: transparent url('../images/sprite_arrows.png') -5px -267px no-repeat; padding-left: 15px; } a.redArrowBack, a.redArrowBack:link, a.redArrowBack:visited { color: #c22d16; background: transparent url('../images/sprite_arrows.png') -5px -217px no-repeat; padding-left: 15px; } a.redArrowUp, a.redArrowUp:link, a.redArrowUp:visited { color: #c22d16; background: transparent url('../images/sprite_arrows.png') -5px -68px no-repeat; padding-left: 17px; } .smaller a.redArrow { background-position: -5px -269px; } a.gray, a.gray:link, a.gray:visited { color: #49514d; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:visited, h4 a:link, h5 a:link, h5 a:visited { color: inherit; } ul { margin: 0 0 0.9em 0; list-style-type: none; list-style-position: inside; } ul li { margin-bottom: 0; background: url('../images/sprite_arrows.png') -5px -467px no-repeat; padding-left: 14px; } ul.uppercase li { text-transform: uppercase; line-height: 1.6em; background-position: -5px -465px; } ul.smaller li { line-height: 1.3em; } ol { margin: 0 0 1em 1em; list-style-type: decimal; list-style-position: inside; padding: 2px 0; } ol li { margin: 0 0 0 10px; } ul.semantic { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; } ul.semantic li { margin: 0; padding: 0; background: transparent none; } .noBM { margin-bottom: 0; } /* @end */ /* @group FORMS */ label { display: block; margin-bottom: 0.8em; } input.txt, textarea { border: 1px solid #49514d; background-color: #ffffff; color: #49514d; } /*input.txt { height: 24px; line-height: 24px; padding: 0 10px; font-size: 90%; }*/ input.txt { padding: 5px 10px; font-size: 12px; } textarea { padding: 1px; height: 200px; width: 500px; } textarea.small { height: 75px; color: #49514d; } textarea.medium { height: 125px; } textarea.twoLines { width: 727px; height: 50px; resize: none; } .span-6 textarea.twoLines { width: 190px; } input.nl { display: block; } label.postLabel { font-size: 80%; margin-top: 0.2em; margin-bottom: 0.8em; } label.error { color: #f93a1c; margin-bottom: 0; } input.extraShort { width: 50px; } input.short { width: 100px; } input.medium { width: 170px; } input.long { width: 300px; } input.extraLong { width: 500px; } input.cons { float: left; } input.consSubmit { text-indent: -9999px; font-size: 0px; line-height: 0; display: block; width: 24px; height: 26px; border: 1px solid #49514d; border-left: medium none; background: transparent url('../images/bg_submit_consecutive.png') 0 0 no-repeat; } input.combLeft { margin-right: 9px; } input.checkboxVertical, input.checkboxHorizontal { margin: 0; float: left; border: none; } input.checkboxVertical { clear: both; } input.checkboxHorizontal { margin-top: 2px; } label.checkboxVertical, label.checkboxHorizontal { font-size: 100%; margin-bottom: 2px; } label.checkboxVertical { line-height: 15px; margin-left: 30px; padding: 2px 0 5px; } label.checkboxHorizontal { margin-right: 15px; float: left; } input.radioVertical { margin-top: 2px; float: left; clear: both; border: none; } label.radioVertical { line-height: 15px; margin-left: 20px; padding-bottom: 5px; } input.radioHorizontal { margin-top: 4px; float: left; border: none; } label.radioHorizontal { margin-right: 15px; float: left; } div.selector { width: 188px; margin-bottom: 0; background-position: -485px -130px; padding-left: 7px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: -485px -182px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -485px -208px; } div.selector span { width: 161px; color: inherit; text-shadow: none; } div.selectorSmall, div.selectorSmall span { background-image: url('../plugins/uniform/images/sprite_select_small.png'); } div.selectorSmall span { font-size: 90%; } div.selectorSmall select.small option { color: #000000; } div.selectorGray, div.selectorGray span { background-image: url('../plugins/uniform/images/sprite_select_gray.png'); } div.selectorGray span { text-transform: uppercase; color: #ffffff; } div.inputBgArrowGradient { float: left; } div.inputBgArrowGradient input.button { height: 24px; background: transparent url('../images/bg_button_arrow.png') top right no-repeat; padding: 0 45px 0 20px; } div.longSelect div.selector { width: 500px; } div.longSelect div.selector span { width: 467px; } div.longSelect div.selector select { width: 500px; } /* @end */ /* @group ROUNDABOUT */ #roundabout h3 { margin-left: 66px; margin-bottom: 26px; } #roundaboutContent { position: relative; overflow: hidden; width: 868px; height: 185px; margin: 0 66px; } .roundaboutBrowse { position: absolute; top: 0; } .roundaboutBrowse, .teaserBrowse a { width: 66px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; height: 100%; } .roundaboutBrowse a { display: block; width: 46px; height: 125px; text-indent: -9999px; padding: 60px 0 0 20px; } #roundaboutBrowseLeft { left: 0; } #roundaboutBrowseRight { right: 0; } #roundaboutContent .gridOverview { position: absolute; } /* @end */ /* @group DEBUG */ div#debug { position: absolute; top: 10px; right: 10px; } div#debug a { font-size: 12px; color: red; } /* @end */ /* @group HEADER */ #logoKonkurse { margin: 32px 0 57px 3px; } #logoTLS { margin: 27px 0 0; } #header #navTop { margin-top: 31px; } #header #navSideBig { margin-right: 100px; } #header h4 { font-size: 115%; } #quickSearch { padding: 0; border-top: 1px solid #ffffff; height: 26px; padding: 10px 0; min-height: 0; } #quickSearch input, #quickSearch div.selector { float: left; margin-right: 11px; } #quickSearch input.submit { height: 26px; margin-right: 0; } #quickSearch input.txt { width: 150px; } #quickSearch div.selector { width: 158px; } #quickSearch div.selector span { width: 131px; } #quickSearch p { line-height: 26px; } #headerSlideshow { width: 707px; height: 275px; background: transparent url('../images/bg_shadow_header_images.png') center bottom no-repeat; } #headerSlideshow { position: relative; } #headerSlideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; } #headerSlideshow img.active { z-index: 10; opacity: 1.0; } #headerSlideshow img.last-active { z-index: 9; } #headerSlideshow a { width: 42px; height: 236px; display: block; position: absolute; top: 0; z-index: 20; } #headerSlideshow a span { margin-top: 97px; } #headerSlideshow a.back { left: 0; } #headerSlideshow a.forth { right: 0; } /* @end */ /* @group SIDEBAR */ div.sidebar { width: 192px; margin-bottom: 10px; } div.sidebar .inputBgArrowGradient { float: right; } div.sidebarGrayDark, div.sidebarWhite { padding: 25px 17px 11px !important; } div.sidebarWhite { width: 158px; } div.sidebarGrayDark { width: 156px; border: 1px solid #49514d !important; } div.sidebarGrayDark h3, div.sidebarGrayDark h4, div.sidebarGrayDark a.redArrow { color: #ffffff; } div.sidebar ul.navGeneric { margin-bottom: 30px; } div.leftColumn p.singleItemNav { margin: 5px 0 5px 16px; } div#requestsCount { padding: 0 !important; width: 192px; height: 162px; } div#requestsCount a { display: block; width: 192px; height: 142px; line-height: 162px; text-align: center; background: transparent; background-position: 0 0; background-repeat: no-repeat; font-size: 150%; padding-top: 20px; color: #C22D16; } div#requestsCount a:hover { text-decoration: none; } /* @end */ /* @group TABS */ ul.tabs { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; } ul.tabs, ul.tabs li { height: 24px; } ul.tabs li { float: left; text-transform: uppercase; line-height: 24px; border-left: 1px solid #c22d16; background-color: transparent; background-image: none; background-position: 0 0; padding: 0; } ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited { color: #49514d; padding: 0 20px; } ul.tabs li a:hover { text-decoration: none; color: #49514d;} ul.tabs li.last { border-right: 1px solid #c22d16; } ul.tabs li.active { background-color: #f93a1c; background-image: -moz-linear-gradient(top, #f93a1c, #c22d16); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f93a1c),color-stop(1, #c22d16)); background-image: linear-gradient(top, #f93a1c, #c22d16); } ul.tabs li.active a, ul.tabs li.active a:link, ul.tabs li.active a:visited { color: #ffffff; } /* @end */ /* @group PAGINATION */ div.paginationWrapper { padding: 0 25px 0 25px; border: 1px solid #c22d16; background-color: #f93a1c; background-image: -moz-linear-gradient(top, #f93a1c, #c22d16); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f93a1c),color-stop(1, #c22d16)); background-image: linear-gradient(top, #f93a1c, #c22d16); } div.paginationWrapper, p.pagination { height: 29px; line-height: 29px; } p.pagination, p.pagination a { color: #ffffff; font-size: 90%; } p.pagination a:hover { text-decoration: none; } p.pagination a.back { float: left; margin-right: 11px; } p.pagination a.forth { float: right; margin-left: 11px; } p.pagination a.arrow { margin-top: 5px; padding: 0; } p.pagination a { padding: 4px 7px; } p.pagination a.active, p.pagination a:hover { background-color: #f93a1c; } p.pagination a.arrow:hover { background-color: transparent; } /* @end */ /* @group SPRITES */ .sprite { display: block; text-indent: -9999px; background-color: transparent; } .arrow { background-image: url('../images/sprite_arrows.png'); } .down, .up { width: 12px; height: 10px; } .down { background-position: -5px -20px; } .up { background-position: -5px -70px; } .leftBig, .rightBig { width: 11px; height: 12px; } .leftBig { background-position: -5px -120px; } .rightBig { background-position: -5px -170px; } .leftSmall, .rightSmall { width: 9px; height: 9px; } .leftSmall { background-position: -5px -220px; } .rightSmall { background-position: -5px -270px; } .leftLightBig, .rightLightBig { width: 17px; height: 31px; } .leftLightBig { background-position: -5px -310px; } .rightLightBig { background-position: -5px -360px; } .leftLightSmall, .rightLightSmall { width: 7px; height: 11px; } .leftLightSmall { background-position: -5px -420px; } .rightLightSmall { background-position: -5px -470px; } .leftLightWhite, .rightLightWhite { width: 12px; height: 21px; } .leftLightWhite { background-position: -5px -515px; } .rightLightWhite { background-position: -5px -565px; } .leftLightBgRed, .rightLightBgRed { width: 42px; height: 42px; } .leftLightBgRed { background-position: -5px -600px; } .rightLightBgRed { background-position: -5px -650px; } .leftLightXLRed, .rightLightXLRed { width: 55px; height: 109px; } .leftLightXLRed { background-position: -5px -700px; } .rightLightXLRed { background-position: -5px -850px; } .leftLightXLWhite, .rightLightXLWhite { width: 55px; height: 109px; } .leftLightXLWhite { background-position: -5px -1000px; } .rightLightXLWhite { background-position: -5px -1150px; } .leftLightMedium, .rightLightMedium { width: 12px; height: 21px; } .rightLightMedium { background-position: -5px -1315px; } .leftLightMedium { background-position: -5px -1365px; } .icon { background-image: url('../images/sprite_icons.png'); } .pdf { width: 32px; height: 31px; background-position: -5px -10px; } .magnifier { width: 20px; height: 20px; background-position: -5px -65px; } .blank { width: 32px; height: 31px; background-position: -5px -110px; } .xls { width: 32px; height: 31px; background-position: -5px -160px; } .doc { width: 32px; height: 31px; background-position: -5px -210px; } .flag { background-image: url('../images/sprite_flags.png'); } .german, .english { width: 22px; height: 16px; } .german { background-position: -5px -15px; } .english { background-position: -5px -65px; } /* @end */ /* @group NAVIGATIONS => see localized stylesheets for reference of background-image */ .nav { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .nav li { float: left; margin: 0; background-color: transparent; background-image: none; background-repeat: no-repeat; margin: 0; padding: 0; } .nav li a { display: block; background-color: transparent; background-repeat: no-repeat; } .nav li a span { display: block; text-indent: -9999px; } /* navLang */ #navLang { float: right; } #navLang li { margin-left: 5px; } /* navTop */ #navTop { height: 30px; width: 514px; } #navTop li a { height: 30px; } #navAboutUs a { background-position: 0 -30px; width: 106px; } #navAboutUs.active a, #navAboutUs a:hover { background-position: 0 0; } #navOffers a { background-position: -106px -30px; width: 111px; } #navOffers.active a, #navOffers a:hover { background-position: -106px 0; } #navMyTLS a { background-position: -217px -30px; width: 102px; } #navMyTLS.active a, #navMyTLS a:hover { background-position: -217px 0; } #navBlog a { background-position: -319px -30px; width: 75px; } #navBlog.active a, #navBlog a:hover { background-position: -319px 0; } #navContact a { background-position: -394px -30px; width: 100px; } #navContact.active a, #navContact a:hover { background-position: -394px 0; } #navLogout { margin-left: 181px; } #navLogout a { background-position: -420px -30px; width: 94px; } #navLogout.active a, #navLogout a:hover { background-position: -420px 0; } p#navTopLogout { float: right; margin-top: 36px; } p#navTopLogout a.redArrow, p#navTopLogout a.redArrow:link, p#navTopLogout a.redArrow:visited { color: #49514d; } p#navTopLogout a.redArrow:hover { color: #77ad0b; } /* navSideBig */ #navSideBig { height: 235px; width: 192px; } #navSideBig li a { width: 192px; height: 59px; } #navOdds a { background-position: -192px 0; } #navOdds.active a, #navOdds a:hover { background-position: 0 0; } #navRobots a { background-position: -192px -59px; } #navRobots.active a, #navRobots a:hover { background-position: 0 -59px; } #navFacMac a { background-position: -192px -118px; } #navFacMac.active a, #navFacMac a:hover { background-position: 0 -118px; } #navAuctions a { height: 58px; background-position: -192px -178px; } #navAuctions.active a, #navAuctions a:hover { background-position: 0 -178px; } /* navSideSmall */ #navSideSmall { height: 127px; width: 192px; } #navSideSmall li a { width: 192px; height: 32px; } #navAllItems a { background-position: -192px 0; } #navAllItems.active a, #navAllItems a:hover { background-position: 0 0; } #navSpecials a { background-position: -192px -32px; } #navSpecials.active a, #navSpecials a:hover { background-position: 0 -32px; } #navSmallAuctions a { background-position: -192px -64px; } #navSmallAuctions.active a, #navSmallAuctions a:hover { background-position: 0 -64px; } #navRequests a { height: 31px; background-position: -192px -96px; } #navRequests.active a, #navRequests a:hover { background-position: 0 -96px; } /* navGeneric */ ul.navGeneric { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; } ul.navGeneric li { margin: 0 0 1px; padding: 0; text-transform: uppercase; height: 31px; width: 192px; background: transparent none; } ul.navGeneric li a { display: block; height: 28px; line-height: 28px; width: 163px; padding: 3px 17px 0 10px; background: #ffffff url('../images/sprite_nav_generic.png') -192px 0 no-repeat; color: inherit; font-size: 95% ;} ul.navGeneric li.active a, ul.navGeneric li a:hover { color: #ffffff; text-decoration: none; background-position: 0 0; } /* navMyAccount */ ul#navMyAccount { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; } ul#navMyAccount li { height: 118px; margin-bottom: 10px; padding: 0; background-image: none; } ul#navMyAccount li img { float: left; margin-right: 32px; } ul#navMyAccount li a.text { font-size: 115%; display: block; color: inherit; padding: 43px 0; text-transform: uppercase; } ul#navMyAccount li a.text:hover { text-decoration: none; } /* @end */ /* @group TABLES */ tr { border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; background-color: #ffffff; padding: 2px 0; } td { border-left: 1px solid #bbbbbb; } td, th { padding: 6px 29px; vertical-align: middle; } th { font-weight: bold; } td.center, th.center { text-align: center; padding-left: 5px; padding-right: 5px; } table.semantic { margin: 0; width: auto; border: none; } .semantic th, .semantic td, .semantic tr { padding: 0; background: none; border: none; border: none; } /* 16-11-16: apply tinymce-configurations */ /* caption[align="left"], th[align="left"], td[align="left"] { text-align: left; } caption[align="right"], th[align="right"], td[align="right"] { text-align: right; } caption[align="center"], th[align="center"], td[align="center"] { text-align: center; } */ /* @end */ /* @group FOOTER */ #footer ul.semantic a { color: #ffffff; } #footer input.cons { width: 140px; } /* @end */ /* @group ADMIN */ #sortableItemsTable tbody tr { cursor: move; } .itemTableImage { width: 100px; } .itemTableHl { width: 662px; } .itemTableActions { width: 160px; } .iconRemove { margin-right: 5px; } #uploadFilesTarget div.checker, #uploadFilesTarget label.checkboxHorizontal { margin-right: 5px; } #relFilesLanguage td, #relFilesLanguage th { padding-left: 19px; padding-right: 19px; } div.imageRemovable { margin: 5px 15px 0 0; position: relative; padding: 10px 15px 0 0; float: left; } div.imageRemovable a img.imageRemovableIcon { position: absolute; top: 3px; right: 3px; } #adminOptionsNotAvailable li span { text-decoration: line-through; } /* live search */ #jquery-live-search { background-color: #fff; border: 1px solid gray; } #jquery-live-search p { padding: 3px; margin: 0; } #jquery-live-search ul { margin-bottom: 0; } #jquery-live-search ul li { background-image: none; padding: 3px; } #jquery-live-search ul li a { display: block; } #jquery-live-search ul li img { margin-right: 10px; float: left; } #jquery-live-search ul li span, #jquery-live-search ul li em.activeState { height: 52px; line-height: 52px; float: left; display: block; overflow: hidden; } #jquery-live-search ul li em.activeState { color: #a32613; } .liveSearchResults li { padding: 0; margin-bottom: 5px; background-image: none; } .liveSearchResults li img, .liveSearchResults li span, .liveSearchResults li em.activeState, .liveSearchResults li a { float: left; } .liveSearchResults li img { margin-right: 5px; } .liveSearchResults li span, .liveSearchResults li em.activeState { height: 52px; line-height: 52px; display: block; } .liveSearchResults li em.activeState { color: #a32613; } .liveSearchResults li a.removeResult { display: block; height: 52px; padding: 0 7px; margin-left: 3px; } #sendFinalCheckForm label.checkboxVertical { float: left; margin-left: 0; } #sendFinalCheckForm div.checker { clear: left; } /* newsletter */ #blocks-caption-chosen { float: left; width: 500px; margin-right: 8px; } #blocks-caption-archive { float: left; width: 200px; } #blocks-view-wrapper { float: left; width: 490px; padding: 5px 5px 100px; background-color: #CBCCCC; margin-right: 8px; min-height: 800px; } #blocks-archive-wrapper { float: left; width: 200px; } .block-wrapper { position: relative; margin-bottom: 20px; } .block-wrapper .controls { position: absolute; right: 10px; top: 10px; } .block-wrapper .controls .move { cursor: move; } .block-wrapper .controls a { color: #ffffff; padding: 1px 3px; } #blocks-archive-wrapper .block-wrapper { cursor: move; } #blocks-archive-wrapper .block-wrapper .controls { display: none; } #blocks-archive-wrapper .block-wrapper.ui-draggable-dragging { width: 200px; } /* dragging state */ #blocks-view-wrapper .block-wrapper.ui-draggable-dragging { width: 500px; } /* dragging state */ #blocks-view-wrapper img, #blocks-archive-wrapper img { max-width: 100%; } /* @end */ /* @group COLORS */ .bgWhite { background-color: #ffffff; } .bgGreenDark { background-color: #77ad0b; } .bgGreenLight { background-color: #9de312; } .bgGreenGradient { background-color: #77ad0b; background-image: -moz-linear-gradient(top, #9de312, #77ad0b); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9de312),color-stop(1, #77ad0b)); background-image: linear-gradient(top, #9de312, #77ad0b); } .bgRedDark { background-color: #a32613; } .bgRedLight { background-color: #ed2606; } .bgRedGradient { background-color: #a32613; background-image: -moz-linear-gradient(top, #ed2606, #a32613); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed2606),color-stop(1, #a32613)); background-image: linear-gradient(top, #ed2606, #a32613); } .bgGrayDark { background-color: #49514d; } .bgGrayExtraLight { background-color: #eeeeee; } .bgGrayLight { background-color: #bbbbbb; } .bgGrayGradient { background-color: #49514d; background-image: -moz-linear-gradient(top, #737F7A, #49514d); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #737F7A),color-stop(1, #49514d)); background-image: linear-gradient(top, #737F7A, #49514d); } /* @end */ /* @group BUTTONS */ .button { color: #ffffff !important; text-transform: uppercase; cursor: pointer; border: 1px solid #c22d16; } .button .arr { position: relative; top: -1px; } a.button, input.button { line-height: 1.35em; background-color: #a32613; background-image: -moz-linear-gradient(top, #ed2606, #a32613); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed2606),color-stop(1, #a32613)); background-image: linear-gradient(top, #ed2606, #a32613); padding: 4px 20px; } a.gray, input.gray { border-color: #49514d; background-color: #49514d; background-image: -moz-linear-gradient(top, #737F7A, #49514d); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #737F7A),color-stop(1, #49514d)); background-image: linear-gradient(top, #737F7A, #49514d); } /* @end */ /* @group BOXES / SHADOWS */ .boxed, img.boxed, div.sidebarWhite { background-color: #ffffff; } .boxed, div.shadowed, div#message, img.shadowed, img.boxed, div.sidebarWhite, ul#navMyAccount img { -moz-box-shadow: 3px 3px 4px #b6b6b6; -webkit-box-shadow: 3px 3px 4px #b6b6b6; box-shadow: 3px 3px 4px #b6b6b6; } div#message { border-width: 1px; border-style: solid; padding: 15px 5px; text-align: center; color: #ffffff; margin-bottom: 28px; } div.notice { border-color: #77ad0b; background-color: #77ad0b; background-image: -moz-linear-gradient(top, #9de312, #77ad0b); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9de312),color-stop(1, #77ad0b)); background-image: linear-gradient(top, #9de312, #77ad0b); } div.error { border-color: #a32613; background-color: #a32613; background-image: -moz-linear-gradient(top, #ed2606, #a32613); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ed2606),color-stop(1, #a32613)); background-image: linear-gradient(top, #ed2606, #a32613); } div#message p { margin: 0; } .boxed, div.shadowed { border: 1px solid #eeeeee; } img.boxed { padding: 0; border: 10px solid #ffffff; } div.shadowed { padding: 11px; } div.shadowed.bgGrayLight { border-color: #bbbbbb; } div.sidebarImage { padding: 0; border: 0; } div.sidebar h4 { font-size: 165%; } div.redBox { background-color: #ed2606; border: 1px solid #A32613; padding: 5px; margin-bottom: 0.9em; } div.redBox p:last-child { margin-bottom: 0; } div.redBox p { color: #ffffff; } /* @end */ /* @group LINES */ .borderRightRed { border-right: 1px solid #c22d16; } .borderRightGray { border-right: 1px solid #bbbbbb; } .lineVertRed, .lineVertGray { width: 0px; margin: 0 10px; float: left; } .lineVertRed { height: 30px; } .lineVertGray { height: 26px; } hr.light { height: 1px; border-bottom: 1px solid #bbbbbb; width: 100%; margin: 10px 0;} hr.bold { height: 1px; border-bottom: 5px solid #49514d; width: 100%; margin: 10px 0;} /* @end */ /* @group ITEMS */ /* grid */ div.gridOverview { float: left; margin: 0 10px 14px 0; } div.gridOverviewS { width: 207px; } div.gridOverviewM { width: 229px; } div.gridOverview.last { margin-right: 0; } div.gridOverview.first { clear: left; } div.gridOverview img { margin-bottom: 7px; } /* list overview */ ul.itemOverview li { padding: 10px; margin-bottom: 10px; position: relative; background-color: #ffffff; } ul.itemOverview li img.itemImage { float: left; margin-right: 23px; } ul.itemOverview li a.button { position: absolute; right: 10px; bottom: 10px; } div.withDropdown { padding-right: 10px; margin-bottom: 25px; } div.withDropdown h3 { float: left; } div.withDropdown p, div.withDropdown div.selector { float: right; } div.withDropdown p { margin-right: 14px; } div.withDropdown h3, div.withDropdown p { margin-bottom: 0; line-height: 26px; } /* single */ .itemLoggedInInfo { width: 731px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; margin-bottom: 25px; } #itemIntroLeft { width: 707px; margin-right: 9px; float: left; } #itemIntroImages { width: 331px; margin-right: 18px; float: left; } #itemIntroImages img.large { height: 228px; } #itemIntroText { width: 358px; float: left; position: relative; } #itemIntroRight { width: 260px; float: left; } #itemIntroRight h3.boxed { margin-bottom: 10px; } #itemIntroPricing { padding: 25px; } #itemIntroImages .small { margin: 9px 9px 0 0; } #itemIntroImages .last { margin-right: 0; } #itemIntroText a.magnifier { position: absolute; left: 0; top: 208px; } #itemDetails { width: 731px; } #itemDetails div.gridOverview { float: left; margin-right: 22px; } #itemDetails div.gridOverview.last { margin-right: 0; } #itemLogin form div { float: left; margin-right: 15px; } #contactForm textarea, #answerForm textarea { height: 150px; width: 400px; } ul.files li { height: 31px; margin-bottom: 9px; } ul.files li span.sprite { margin-right: 9px; } ul.files li span.text { line-height: 31px; } .auctionStepRight { float: right; width: 631px; } /* @end */ /* @group IMAGEZOOM */ #imageZoomWrapper { position: absolute; height: 250px; width: 353px; background: transparent url('../images/icon_pointer.png') 0 43px no-repeat; padding-left: 12px; } #imageZoom { height: 228px; width: 331px; padding: 11px; background: #ffffff url('../images/ajax_loader.gif') 50% 50% no-repeat; } /* @end */ /* @group POPUP */ #fade { display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.90; z-index: 9999; } .popupImageDummy { position: absolute; left: -99999px; top: 0; } .popupImage { float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; } #fade, .popupImage { cursor: pointer; } .popupBlock { display: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.7); padding: 0 0 20px 20px; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; } a.close { float: right; display: block; text-indent: -9999px; width: 40px; height: 40px; background: transparent url('../images/bg_close_popin.png') center center no-repeat; } #popupImageGalleryLinks { background-color: transparent; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.80; z-index: 999999; } .galleryLinks { position: fixed; top: 0; width: 49.5%; height: 100%; } .galleryLinks span { position: fixed; top: 50%; display: none; } .galleryLinks:hover span { display: block; } #galleryLinkPrev { left: 0; } #galleryLinkPrev span { left: 50px; } #galleryLinkNext { right: 0; } #galleryLinkNext span { right: 50px; } #popupImageClose { position: fixed; top: 30px; right: 30px; z-index: 9999999;} #popupImageClose a { display: block; text-indent: -99999px; height: 39px; width: 39px; background: transparent url('../images/icon_x.gif') 0 0 no-repeat; } *html .popupImage, *html #fade, *html .popupBlock, *html #popupImageGalleryLinks, *html .galleryLinks, *html .galleryLinks span, #popupImageClose { position: absolute; } /* make IE6 understand fixed positioning */ /* @end */ /* @group GTC */ ol.terms { list-style-type: none; margin: 0; padding: 0; } ol.terms li { font-weight: bold; list-style-position: outside; font-size: 115%; text-transform: uppercase; } ol.terms ol { padding: 0; margin: 5px 0 5px 10px; font-weight: normal; } ol.terms ol li { list-style-type: decimal; margin: 3px 0 0 18px; font-weight: normal; font-size: 13px; text-transform: none; } ol.terms ol li ol li { list-style-type: lower-latin; margin: 3px 0 0 18px; font-weight: normal; font-size: 100%; text-transform: none; } ol.terms span.normal { font-weight: normal; text-transform: none; font-size: 13px; } ol.privacy { list-style-type: none; margin: 0 0 0.9em; padding: 0; } ol.privacy li { list-style-position: outside; list-style-type: decimal; margin: 3px 0 0 18px; } /* @end */ /* @group NEWS */ div.newsImages img { float: left; margin: 0 5px 5px 0; } h1#startNews { margin-bottom: -80px; } .contentWrapperNews h1 a:link, .contentWrapperNews h1 a:visited, .contentWrapperNews h2 a:link, .contentWrapperNews h2 a:visited, .contentWrapperNews h3 a:link, .contentWrapperNews h3 a:visited, .contentWrapperNews h4 a:visited, .contentWrapperNews h4 a:link, .contentWrapperNews h5 a:link, .contentWrapperNews h5 a:visited { color: #77ad0b; } .contentWrapperNews h3.marginTop3 { margin-top: 130px !important;} /* @end */ /* @group TINYMCE */ body.mceContentBody { background-color: #ffffff; } .mceEditor { width: 700px; height: 300px; } .mceEditorLow { height: 100px; } .mceEditorHeigh { height: 800px; } .properties.mceItemTable th, .properties.mceItemTable td, .properties.mceItemTable tr { border: 1px solid #bbbbbb; padding: 3px; } table.properties { margin: 0; width: auto; border: none; } .properties th, .properties td, .properties tr { padding: 0 10px 0 0; background: none; border: none; border: none; } .properties td { min-width: 150px; } /* @end */ /* @group VARIABLE BOXES */ iframe#pre_news, iframe#post_news { margin-bottom: 20px; } iframe#post_news { margin-top: 30px; } /* @end */ /* @group REQUEST FORMS */ ul#requestFormTabs li a, ul#requestFormTabs li a:link, ul#requestFormTabs li a:visited { padding: 0; } ul#requestFormTabs li { text-align: center; font-size: 11px; } /* li#requestFormOdds { width: 100px; } li#requestFormPowerPlants { width: 100px; } li#requestFormBottlingPlants { width: 100px; } li#requestFormWindPower { width: 90px; } li#requestFormRenewableEnergy { width: 100px; } li#requestFormRobots { width: 70px; } li#requestFormOtherPlants { width: 140px; } */ ul#requestFormTabs li { width: 100px; } /* ul#requestFormTabs li { width: 101px; text-align: center; } ul#requestFormTabs li.last { width: 116px; } */ table.requestForm td { vertical-align: top; padding: 6px 0; } table.requestForm td.alignBottom { vertical-align: bottom; } table.requestForm td label { padding-right: 20px; } table.requestForm div.selector { margin-left: -2px; } table.requestForm textarea { width: 398px; } table.requestForm input.txt { width: 380px; } table.requestForm label { margin-top: 5px; } /* @end */ /* @group AUCTION CALENDAR */ #auctionCalendarHl { padding: 6px 11px; margin-bottom: 26px; } #backDummy { height: 21px; } #auctionCalendarHl a, #auctionCalendarHl h3, #backDummy { float: left; line-height: 21px; } #auctionCalendarHl a, #backDummy { color: inherit; display: block; width: 200px; } #auctionCalendarHl a:hover { text-decoration: none; color: #9de312; } #auctionCalendarHl .back span { float: left; margin-right: 7px; } #auctionCalendarHl .forth span { float: right; margin-left: 7px; } #auctionCalendarHl .forth { text-align: right; } #auctionCalendarHl h3 { text-align: center; width: 284px; margin: 0; } #auctionCalendar thead tr { height: 24px; border: 0; } #auctionCalendar th { border: 0; border-right: 1px solid #c22d16; padding: 0; text-align: center; } #auctionCalendar th.last { border-right: 0; } #auctionCalendar tr.spacer { height: 5px; border: 0; } #auctionCalendar tr.spacer td { line-height: 5px; padding: 0; border: 0; } #auctionCalendar tbody { border-bottom: 1px solid #bbbbbb; } #auctionCalendar tbody td { border-right: 1px solid #bbbbbb; } #auctionCalendar tbody tr.days { border-bottom: 0; } #auctionCalendar tbody tr.days td { text-align: right; padding: 10px; border-bottom: 0; } #auctionCalendar tbody tr.slots { border: 0; border-top: 1px solid #ffffff; } #auctionCalendar tbody tr.slots td { padding: 0 10px; color: #ffffff; height: 15px; } .slotHolder { height: 15px; line-height: 15px; overflow: hidden; width: 100%; } #auctionCalendar tbody tr.slots td.running { background-color: #77ad0b; cursor: pointer; } #auctionCalendar tbody tr.slots td.upcoming { background-color: #bbbbbb; cursor: pointer; } tr.slots a { color: #ffffff; text-decoration: none; display: block; } #auctionCalendar tbody tr.slots td.running.shadow { -moz-box-shadow: 0 0 10px #77ad0b; -webkit-box-shadow: 0 0 10px #77ad0b; box-shadow: 0 0 10px #77ad0b; border-top: 1px solid #77ad0b; border-bottom: 1px solid #77ad0b; } #auctionCalendar tbody tr.slots td.upcoming.shadow { -moz-box-shadow: 0 0 10px #bbbbbb; -webkit-box-shadow: 0 0 10px #bbbbbb; box-shadow: 0 0 10px #bbbbbb; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; } /* #auctionCalendar tbody tr.slots td.shadow { -moz-box-shadow: 0 0 10px #fcf146; -webkit-box-shadow: 0 0 10px #fcf146; box-shadow: 0 0 10px #fcf146; border-top: 1px solid #fcf146; border-bottom: 1px solid #fcf146; } */ #auctionKey { margin-top: 10px; } .auctionKeyBlock { width: 15px; height: 15px; float: left; margin-right: 10px; } #auctionKeyRunning { background-color: #77ad0b; } #auctionKeyUpcoming { background-color: #bbbbbb; } /* @end */ /* @group REQUESTS */ ul.fixedHeight li { height: 116px; } /* @end */ table.slim td, table.slim th { padding: 1px 5px; vertical-align: top; border: 1px solid #bbbbbb; }