/* Structure 974 */ #header {width: 974px;background: #fff;} #header img{border:0px;} #tmpl-container{position:relative;padding-bottom:10px} #tmpl-main{width:974px;font-size:1.2em;line-height:1.3;font-family:verdana,helvetica,arial,sans-serif;color:#fff} #tmpl-main{line-height:1;color:#000;background-color:#fff} #tmpl-container {background:url(/img/f/body_bg.gif) center repeat-y} body{font-size:70%;font-family:verdana,helvetica,arial,sans-serif;line-height:1;text-shadow:0 0 0 #000;background:#eaeaea; width:974px;} ol,ul{list-style:none} body {margin: 0;line-height: 1;font-family: verdana,helvetica,arial,sans-serif;color: #333333;} ol, ul {clear:both; margin:0; padding:0; list-style:none;} /* special font-size for Bibit */ body #bibitRedirect {font-size:1.3em} /* common */ #keywords {display:none; position:absolute; left:-100em;} .price {font-size:1.0em; white-space: nowrap;} .switzerland .price {font-size:0.9em;} .price-coupon {font-size:1.1em;} .price-old {font-size:0.84em; font-weight:bold; text-decoration:line-through; display:block; text-align:left; width:100px;} /* icons */ .button {display:block; padding:0.35em 1em 0.4em 1em; line-height:1em; width:auto; font-size:0.9em; font-weight:bold; text-align:center; text-decoration:none; overflow:hidden;} * hmtl .classicCompact .button {position:relative;} a[class~="button"] {height:1em;} .button.delete {border:0; text-indent:-1000em; cursor:pointer; height:18px; width:18px; background-position:2px 1px;} .button.basket {background-position:-1px -2px;} .tag, .delicious, .recommend {display:block; text-indent:-100em; text-decoration:none;} .top {display:block; text-indent:-100em;} /* main content */ #main {margin:0 0 1em 0; width:974px; height:auto; overflow:hidden;} *+html #main {width:930.px;} * html #main {width:930.px;} /* popup */ .popup {width:974px; padding:0; margin:0 auto 0 auto;} .popup div {margin:0.5em 0 0 0;} .popup h3 {margin:0.5em 0 0.5em 0;} .popup p {font-size:0.85em;} .popup .button.main {float:left; width:auto; margin:0.5em 0 0 0;} .popup table {width:100%;} .fonts {width:20.5em; float:left;} #infoPrinttypes {float:left; width:43em;} .colors {width:13em; float:left;} #infoFonts {float:left;} #infoFonts .button {margin:1em 0 1em 0;} #infoFonts p {clear:both; width:974px;} #shirtomatHowto ul {list-style-type:none; margin:0.5em 0 0 2.5em !important;} #shirtomatHowto, #shirtomatGetPartner {padding:1em 0 3em 0;} #shirtomatGetPartner hr {height:1px; border:0; margin:1em 0 1em 0;} /* tooltip */ #tooltip {max-width:264px; padding:10px 12px 12px 12px; text-align:left; font-size:1em;} #tooltip .url{font-style:italic;} /* headlines */ h1 {font-size:1.1em;} h2 {font-size:1.5em;} h3 {font-size:1.2em;} h4 {font-size:1.1em;} h5 {font-size:0.85em; font-weight:normal;} /* links */ a, a:visited, a:active {outline:none; text-decoration:none;} a:hover {text-decoration:none;} /* form elements */ label {cursor:pointer;} select, input, textarea {font-size:0.8em; margin:0;} select {min-width:5.5em; padding:0.3em;} option {padding:0 0 0.2em 0.6em;} input, textarea {padding:0.3em 0.2em 0.4em 0.6em;} input[type="hidden"] {border:0; margin:0; padding:0;} .require {font-weight:bold;} fieldset {border:0;} /* messages */ .message {display:block; margin:0.5em 0.5em 0 0.5em; padding:0.2em; font-size:0.85em; font-weight:bold; } .error, .pending, .info, .success {padding-left:2.5em;} .nojs {margin:10px 0 10px 0; float:none; clear:both; overflow:auto;} /* additional elements (left side), additional elements (right side) */ body.oneElement {width:63em;} body.twoElements {width:79.5em;} body.twoElements #main {margin-right:0.3em; float:left;} body.oneElement #barLeft, body.oneElement #barRight, body.twoElements #barLeft, body.twoElements #barRight {display:block; width:16em; min-height:1px; float:left;} .box a.button {float:left; width:auto; margin:0.5em 0 0.5em 0;} .box select {width:95%; margin:0 0.5em 0.5em 0;} .box input {width:92%; margin:0 0.5em 0.5em 0;} /* qqq ~~~~ one Element ~~~~ qqq */ body.oneElement.mvc {width:1130px !important; /* qqq width: 974 = 820px 650 = 890px 660 = 900px 828 = 1130px qqq */ } * html body.oneElement {width:1130px !important; } body.oneElement.mvc #main {width:979px; /* qqq current shop width + 5px qqq */ /* qqq width: 974 = 605px 650 = 655px 660 = 665px 828 = 832px qqq */ margin:0 0 0 0.5% !important; float:left; } * html body.oneElement #main {width:979px !important; /* qqq current shop width + 5px qqq */ margin:0 3px 0 3px !important; float:left; } body.oneElement.mvc #barRight, body.oneElement.mvc #barLeft {width:25% !important; } * html body.oneElement #barLeft {width:25% !important; } * html body.oneElement #barRight {width:25% !important; } /* qqq ~~~~ two Elements ~~~~ qqq */ body.twoElements.mvc {width:1260px !important; /* qqq width: 974 = 1040px 650 = 1120px 660 = 1140px 828 = 1260px qqq */ } body.twoElements.mvc #main {width:984px; /* qqq current shop width + 10px qqq */ /* qqq width: 974 = 610px 650 = 660px 660 = 670px 828 = 838px qqq */ margin:0 0 0 0.5% !important; float:left; } * html body.twoElements #main {margin:0 0 0 0.5% !important; } body.twoElements.mvc #barRight, body.twoElements.mvc #barLeft {width:20% !important; } /* qqq ~~~~ two Elements ~~~~ ie6 matched all additional settings from line 355 to 422 qqq */ body.noElements.mvc {width:974px; } /* qqq ~~~~ bar left/right ~~~~ qqq */ .mvc #barLeft, .mvc #barRight {display:block; margin:0 auto 0 auto; min-height:1px; float:left; } .mvc #barLeft div, .mvc #barRight div {float:right; width:99%; } .mvc #barLeft h3, .mvc #barRight h3 {margin:0; padding:0 0 0 3%; font-size:1em; line-height:1.6em; } .mvc #barLeft .box ul, .mvc #barRight .box ul {width:94%; } /* header user information */ #headerUserInformation {width:100%; font-size:0.8em; overflow:hidden; line-height:2em;} #headerUserInformation ul {display:block; height:2.1em; margin:0; padding:0;} #headerUserInformation ul li {float:left; margin:0;} #headerUserInformation ul li strong {font-weight:normal;} #headerUserInformation ul.left {width:100%; padding:0; height:auto;} #headerUserInformation ul.left li#userChart {float:left; width:320px;} #headerUserInformation ul.right {float:right; margin-top:-2.1em; margin-right:-0.5em; padding:0 0.2em 0 0; width:50%;} * html #headerUserInformation ul.right {margin-right:-0.2em; margin-top:0 !important; /* qqq fix for ie 6 qqq */} *+html #headerUserInformation ul.right {margin-top:0 !important; /* qqq fix for ie 6 qqq */} #headerUserInformation select {padding:0.1em 0.4em 0.2em 0.4em; width:10em; height:1.9em; font-size:0.9em;} #headerUserInformation ul.left li {padding:0 0.5em 0 0.5em; float:left;} #headerUserInformation ul.left li#userDisable, #headerUserInformation ul.left li#userChart {border-left:none; } #headerUserInformation ul.right li {height:2.1em; padding:0 0.5em 0 0.5em;} #headerUserInformation #userEnable, #headerUserInformation #userDisable {border-left:none;} #headerUserInformation #userChart {border-right:none;} #headerUserInformation #userLanguages {border-right:none; float:right;} /* shop information */ #shopInformation {width:46em; float:left; margin:0; padding:0 0.5em 0 0.5em;} #shopInformation h1 {margin:0; padding:0; line-height:2em; vertical-align:bottom;} #shopInformation p {padding:0; margin:0; font-size:0.8em;} /* banner */ #banner {padding:0; margin:0;} #banner img {margin:0;} /* header menu */ #menu {float:left; padding:0; margin:0; width:100%; line-height:33px; font-weight:bold;} #menu li {display:block; float:left; margin:0; padding:0;} #menu li a {padding:0 1em 0 1em; margin:0; display:block;} /* qqq fix for ie6 qqq */ * html #menu, * html #menuCheckout {width:610px; /* qqq with + 10px qqq */} /* affiiliate */ #affiiliate {margin:0; padding:0;} #affiiliate a {display:block; float:right; font-size:0.8em; padding:0.4em 0; margin:0; float:right; font-weight:bold;} /* ssl */ ul li#sslWrapper {border-left:medium none !important; float:right; width:11em;} #ssl {float:right; margin:0; width:12em; overflow:hidden;} *+html ul li#sslWrapper {padding-right:16px !important;} #ssl a {background:transparent url(../../../Images/Icons/ssl.png) no-repeat scroll 0 1px; border-left:medium none !important; display:block; float:right; height:1.4em; line-height:0.6em; padding:0.7em 0.4em 0 2.3em; width:auto;} #headerUserInformation ul li#ssl a {border-left:none;} #headerUserInformation ul li#ssl {float:right; border-left:none;} #headerUserInformation #userHelp {float:right; height:2em; line-height:2em;} /* * checkout menu */ #menuCheckout {float:left; width:974px; height:3.2em; line-height:2.1em; margin:0 0 2em 0;} #menuCheckout ol {overflow:visible; width:974px; margin:0 auto; text-align:left; float:left;} #menuCheckout ol li {float:left; width:10.5em;} #menuCheckout ol li#step-3 {width:12.5em;} #menuCheckout ol li#step-4 {width:13em;} #menuCheckout ol li a {display:block; height:2.1em; padding:0.8em 0 0.3em 3.5em; background-position:1em 1em; background-repeat:no-repeat;} /* content */ #content {margin:0; padding:0; clear:both;} #content .important {margin-top:1em; clear:left; width:44.65em;} /* confomat */ #content embed, /* qqq ff, opera, safari qqq */ #content object /* qqq ie6, ie7 qqq */ {margin:0.5em 0 0 2em;} .confomat #shopInformation {width:30em;} /* login, lost password */ #login, #lostPassword, #lostPasswordSend {width:974px; padding:0;} #frmAuthenticate {width:974px; margin-top:0.5em;} #login h3 {clear:both; width:30em;} #login h3, #lostPassword h3, #lostPasswordSend h3 {padding:0 0 0 0.5em;} #login fieldset, #lostPassword fieldset, #lostPasswordSend fieldset, #frmAuthenticate fieldset {width:44em; padding:0 0.5em 0.5em;} #login fieldset div, #lostPassword fieldset div, #lostPasswordSend fieldset div, #frmAuthenticate div {clear:both; float:left; width:45.5em; line-height:2.1em; padding:0 0.5em 0 0;} #login fieldset label, #lostPassword fieldset label, #lostPasswordSend fieldset label, #frmAuthenticate fieldset label {display:block; float:left; width:8em; font-size:0.8em;} #login fieldset input, #lostPassword fieldset input, #lostPasswordSend fieldset input, #frmAuthenticate fieldset input {display:block; float:left; width:17em;} #login fieldset .button, #lostPassword fieldset .button, #lostPasswordSend fieldset .button, #frmAuthenticate fieldset .button {float:left; width:auto; margin:0 0 0 91px;} * html #login fieldset .button, * html #lostPassword fieldset .button, * html #lostPasswordSend fieldset .button, * html #frmAuthenticate fieldset .button {margin-left:45px; /* qqq fix for ie 6 qqq */} *+html #login fieldset .button, *+html #lostPassword fieldset .button, *+html #lostPasswordSend fieldset .button, *+html #frmAuthenticate fieldset .button {margin-left:89px; /* qqq fix for ie 7 qqq */} #frmAuthenticate .button {width:auto; float:left; margin:0 0 0 7.6em;} * html #frmAuthenticate .button {margin:0 0 0 3.6em; /* qqq fix for ie 6 qqq */} *+html #frmAuthenticate .button {margin:0 0 0 7em; /* qqq fix for ie 7 qqq */} #login p, #lostPassword p {font-size:0.8em;} #lostPassword p {padding:0.5em 0 0.5em 0.5em;} #lostPassword fieldset {margin-top:0.5em;} #login .loginLostpass {float:left; padding:0 0 0 90px; width:30em; font-size:0.85em;} #lostPassword h2 {margin:0 0 0.5em 0;} #frmRegister {padding:0 0 1em 0; margin:0 0 1em 0;} #frmRegister .button.main {margin:5px 0 0 51%;} #frmLogin .button.main {margin:5px 0 0 49%;} #frmLogin .loginLostpass a {margin:0 0 0 -10px;} /* article filter */ #frmFilter {margin:0; padding:0; float:left; width:100%;} #frmFilter select { /* qqq fix for Opera v9.23 on Mac qqq */ background-color:#fff;} #frmFilter fieldset {margin:0; padding:0.4em; border:0;} #frmFilter h4, #frmFilter fieldset div {margin:0 0.2em 0 0; padding:0; float:left;} #frmFilter h4 {line-height:1.9em; margin-right:0.5em;} #frmFilter fieldset div select {width:14em; font-size:0.9em; font-weight:normal; margin-top:0.4em; padding:0.1em 0.2em 0.1em 0.2em;} * html #frmFilter fieldset div select {margin-top:0.3em; /* qqq fix for ie 6 qqq */} *+html #frmFilter fieldset div select {margin-top:0.3em; /* qqq fix for ie 7 qqq */} #frmFilter fieldset div select#filterProductTypeId {width:19em;} /* article navigation */ .navigation {float:left; width:46em; overflow:visible; margin:0.5em 0 0 0; text-align:left; line-height:20px; padding:0 0.5em 0 0.5em;} * html .navigation {margin:5px 0 0 5px;} .navigation div {margin:0 auto 0 auto; text-align:center; display:table; font-size:0.85em;} .navigation div.num1 {width:126px;} .navigation div.num2 {width:68px;} .navigation div.num3 {width:66px;} .navigation div.num4 {width:86px;} .navigation div.num5 {width:206px;} .navigation div.num6 {width:160px;} * html .navigation div.num6 {width:170px; /* qqq fix for ie 6 qqq */} * html .navigation div.num5 {width:209px; /* qqq fix for ie 6 qqq */} .navigation div a, .navigation div span {display:block; float:left; text-align:center; padding:0; margin:0 0 0 4px;} .navigation div span {font-weight:bold;} .navigation small {font-size:0.85em;} .navigation small.left {position:static; display:block; float:left; line-height:25px;} .navigation small.right {display:block; float:right; margin:0;} .navigation a.left {margin-right:11px;} .navigation a.right {margin-left:15px;} .navigation div a.left, .navigation div a.leftend, .navigation div a.right, .navigation div a.rightend {display:block; line-height:18px; float:left; text-indent:-200em;} /* qqq ~~~ classic extended (mvc version) ~~~ qqq */ .classicExtended {width:974px; float:left; padding:0; margin:0;} .classicExtended form label {cursor:default;} .classicExtended form {width:974px; padding:0 0 1em 0; margin:0.5em 0em 1em 0; float:left;} .classicExtended form fieldset {border:0; margin:0; padding:0; float:left;} .classicExtended form fieldset .articleImages {margin:0; width:15.65em; padding:0.3em 0 0 0; float:left;} .classicExtended form fieldset.with-title .articleImages {margin-top:-15px;} * html .classicExtended form fieldset .articleImages {margin-right:1em;} .classicExtended form fieldset a img {padding:0; height:14.9em; width:14.9em; margin:0 auto 0 4px;} .classicExtended form fieldset ul {display:block; width:13em; overflow:hidden; padding:0.3em 0 0.4em 0.6em; margin:0; float:left; visibility:hidden;} .classicExtended form fieldset ul li {float:left; margin:0 0.3em 0 0;} .classicExtended form fieldset h5 {margin:0 0 0.5em 0;} .classicExtended form fieldset p {font-size:0.8em; padding:0 0 0.5em 0;} .classicExtended form fieldset .articleProducttypeTxt {width:80%;} .classicExtended form fieldset .articleDetailsLink {width:auto; margin:-1.5em 0 0 0; padding:0 0.5em 0 0; float:right; font-size:0.8em;} .classicExtended form fieldset .articleDesc {width:28em; float:right; margin:0 0 0 1.1em; padding:0;} * html .classicExtended form fieldset .articleDesc {float:none; /* qqq important fix, because of ie 6 crashed qqq */ margin:0 0 0 2.1em; padding:0 0 1em 0;} .classicExtended form fieldset .articleDesc div {clear:left; float:left; width:28em; line-height:1.9em;} .classicExtended form fieldset .articleDesc div label {display:block; float:left; font-weight:bold; width:11em; font-size:0.9em;} .classicExtended form fieldset .articleDesc div input, .classicExtended form fieldset .articleDesc div select {float:left; margin:0.2em;} .classicExtended form fieldset .articleDesc div select {padding-right:0.3em; margin-right:0.3em; height:2em;} .classicExtended form fieldset .articleDesc span {font-size:0.8em;} .classicExtended form fieldset .articleDesc a.measureTable, .classicExtended form fieldset .articleDesc .articleLimit {display:block; float:right; width:14.5em; margin:-1.9em 0 0 0; line-height:1.9em; text-align:right; font-size:0.8em;} * html .classicExtended form fieldset .articleDesc a.measureTable, * html .classicExtended form fieldset .articleDesc .articleLimit {width:19em; /* qqq fix for ie 6 qqq */} *+html .classicExtended form fieldset .articleDesc a.measureTable, *+html .classicExtended form fieldset .articleDesc .articleLimit {width:19em; /* qqq fix for ie 7 qqq */} .classicExtended form fieldset .articleDesc .izes {padding-top:0.5em;} .classicExtended form fieldset .articleDesc div span {display:block; float:left; padding:0; margin:0; width:19em; overflow:hidden;} .classicExtended form fieldset div.articlePrice {margin:0 0 0 1.1em; padding:0.5em 0.5em 0.5em 0; width:29.5em; clear:both; float:right;} .classicExtended .articlePriceWrapper {float:left;} * html .classicExtended form fieldset div.articlePrice {width:auto; /* qqq important fix, because of ie 6 crashed qqq */ border:0; float:none; padding-left:16em; line-height:1.9em;} .classicExtended form fieldset div.articlePrice label {font-weight:bold; font-size:0.9em; float:left;} .classicExtended form fieldset div.articlePrice .priceGroup {display:block; text-align:right;} .classicExtended form fieldset div.articlePrice .button {margin-top:0.4em; float:right;} .classicExtended .tax-shipping {position:absolute; margin:1.8em 0 0 0.2em;} * html .classicExtended .tax-shipping {margin:1.8em 0 0 -2.6em; line-height:1.8em;} *+html .classicExtended .tax-shipping {margin:1.8em 0 0 -2.6em;} .classicExtended .stock-out p, .classicExtended .articlePrice p.message.advice {text-align:right;} .classicExtended fieldset h3 {margin:0 0 0 14em;} .classicExtended fieldset h5.articleLimit {text-align:right; font-weight:bold;} .classicExtended .system-alert acronym {display:none;} /* qqq ~~~ classic compact (mvc version) ~~~ qqq */ .mvc #index {padding:10px 0 0 0.7%;} .mvc #index.classicCompact /* qqq with safari bug qqq */ {clear:both; overflow:hidden; width:100%; margin:0 0 0 -3px;} .mvc #index.classicCompact form {float:left; height:400px;} .mvc #index.classicCompact fieldset {float:left; width:197px; height:356px; margin:0 2px 0 0; padding:5;} * html .mvc #index.classicCompact fieldset {margin:0 2px 0 1px;} .mvc #index.classicCompact fieldset h3 {height:2.7em; overflow:hidden;} .mvc #index.classicCompact fieldset h3.small-gap-down {margin-bottom: 4px; height:30px; width:197px; overflow:hidden; font-size:1.1em;} .mvc #index.classicCompact fieldset h5 {padding:3px 0 3px 3px;} .mvc #index.classicCompact fieldset .articlePrice label, .mvc #index.classicCompact fieldset .articleDesc.with-limit h5 {display:none;} .mvc #index.classicCompact fieldset .articleSizes select {float:right; margin:0 2px 4px 2px; min-width:4.5em; width:5.6em; padding:0} .mvc #index.classicCompact fieldset .articleSizes {font-size:1em; float:left; position:static; width:207px; } .mvc #index.classicCompact fieldset .articleSizes label {float:left; font-weight:bold; font-size:1.2em padding-left:2px; width:130px; line-height:13px;} .mvc #index.classicCompact fieldset .articleDesc span { float: right; font-size:1.2em height:25px;} .mvc #index.classicCompact fieldset .articleDesc.with-limit h5.articleLimit {display:block;} .mvc #index.classicCompact fieldset img {margin:2px 0 0px 2px;} * html .mvc #index.classicCompact .priceGroup {margin-right:-10px;} .mvc #index.classicCompact fieldset .articlePrice {float:left; width:100%; height:2.5em; border-top:0; padding:2px 0 2px 0;} .mvc #index.classicCompact fieldset .articlePrice p {float:left; font-size:0.8em; width:54%; margin:0; padding:0;} .mvc #index.classicCompact fieldset .articlePrice p.tax-shipping {padding:0 0 0 3px; width:102px;} .mvc #index.classicCompact fieldset .articlePrice.stock-out p {width:98%; font-size:0.9em; text-align:right; line-height:2.8em;} .mvc #index.classicCompact fieldset .articlePrice span {display:block; float:left; width:29%; line-height:2.5em; padding:0 4px 0 0; text-align:right;} .mvc #index.classicCompact fieldset .articlePrice.with-old-price span {margin:-3px 0 0 0; line-height:normal;} .mvc #index.classicCompact fieldset .articlePrice .basket {float:right; width:24px; background-position:-1px -1px; margin:0.35em 2px 0 0; padding:0; height:24px; text-indent:-10000px; font-size:.0%;} .mvc #index.classicCompact .articleImages {height:196px; width:196px;} .mvc #index.classicCompact .system-alert {clear:both; float:right; padding:0; margin:0; width:100% !important;} .mvc #index.classicCompact .system-alert strong {display:block; float:left; padding:0; margin:0; width:82%; font-weight:normal;} .mvc #index.classicCompact .system-alert acronym {display:block; line-height:16px; border:1px solid #d8d8d8; padding:4px; margin:0; float:right;} * html .mvc #index.classicCompact .system-alert acronym { margin-top:4px; } *+html .mvc #index.classicCompact .system-alert acronym { margin-top:4px; } /* article details */ ul.detailMenuPath {width:46.5em; float:left; margin:0.5em 0 1.5em 0; padding:0 0 0.5em 0.5em;} ul.detailMenuPath li {float:left; margin:0 0.3em 0 0; font-size:0.8em; font-weight:bold;} ul.detailMenuPath li a, ul.detailMenuPath li.mark {font-weight:normal;} .detailArticleHeadline {padding:0 0 0 0.3em;} #detailArticlePrint {padding:3px 5px 3px 3px; margin:1em 0 0 0.5em; clear:both; float:left; width:280px;} * html #detailArticlePrint {margin-left:0.2em;} #detailArticlePrint h4 {width:18em; float:left; margin:0 0 0.5em 0.4em;} #detailArticlePrint #detailArticleThumb {height:280px; width:280px; text-align:center;} #detailArticlePrint #detailArticleThumb img {max-height:280px; max-width:280px;} #detailArticlePrint #detailArticleThumb.design img {height:auto; width:auto; margin:2.5em auto;} * html #detailArticlePrint #detailArticleThumb.design img {height:190px;} #detailArticlePrint .detailArticleViews {width:42px; margin:0.3em; float:left; text-align:center;} #detailArticlePrint .detailArticleViews span {font-size:0.8em;} #detailArticlePrint .detailArticleViews span strong a {font-weight:normal;} #detailArticlePrint .detailCurrentView {clear:both; width:42px; height:42px; padding:0; margin:0 0 0 0.3em; float:left;} #detailArticlePrint .detailCurrentView.text a {display:none;} #detailArticlePrint .detailCurrentView a img {margin-top:0.35em; width:42px; height:42px;} #detailArticlePrint fieldset {float:right; width:18.5em; font-size:0.85em; border:0;} #detailArticlePrint fieldset div {clear:both; float:left; width:100%;} #detailArticlePrint fieldset div label {display:none; /* qqq display:block; qqq */ float:left; font-weight:bold; width:6.5em;} #detailArticlePrint fieldset div span {display:block; float:left; width:9em;} #detailArticlePrint fieldset .detailDesignName {font-weight:bold; width:17em; overflow:hidden;} #detailArticlePrint fieldset .detailDesignPrinttype {width:auto;} #detailArticlePrint fieldset .detailDesignPrinttype span {width:auto;} #detailArticlePrint fieldset .detailDesignSize {width:auto; clear:none;} #detailArticlePrint fieldset div span img {height:9px; width:9px; padding:4px;} #frmArticleDetails {width:23em; float:right; margin:1em 0 0 0; padding:0 0 0.5em 0;} #frmArticleDetails .articleProducttypeDesc {display:block; width:27.75em; padding:0 1em 0.5em 0;} #frmArticleDetails p.articleDesc {margin:-0.4em 0 0 0; padding:0 0.5em 0.5em 0; font-size:0.8em;} #frmArticleDetails fieldset {margin:0.5em 0 0 0; border:0;} #frmArticleDetails fieldset p.message {clear:both; float:left; margin:0.5em 0 0 0; width:20.3em;} #frmArticleDetails fieldset div {clear:both; float:left; line-height:1.9em;} * html #frmArticleDetails fieldset div {float:none; /* qqq fix for ie 6 qqq */} *+html #frmArticleDetails fieldset div {float:none; /* qqq fix for ie 7 qqq */} #frmArticleDetails span, #articleMeasureLink, #articleColorLink {font-size:0.8em;} #frmArticleDetails fieldset div label {display:block; float:left; width:10em; font-weight:bold; font-size:0.9em;} #frmArticleDetails fieldset div select {height:2em;} #frmArticleDetails fieldset div input, #frmArticleDetails fieldset div select {margin:0.2em 0.3em 0 0; display:block; float:left;} #frmArticleDetails fieldset div#articleLimit {width:14em; float:left; clear:none; font-size:0.85em;} #frmArticleDetails fieldset div#articleLimit label {width:auto; font-weight:normal; margin-right:0.3em;} #frmArticleDetails #articleDeliveryPeriod {display:block; width:13em; float:left;} #frmArticleDetails fieldset div#articlePrice {padding:0.5em 0.5em 0 0; margin:0.5em 0 0 0; width:100%;} #frmArticleDetails fieldset div#articlePrice a {display:block; font-size:0.8em;} #frmArticleDetails fieldset div#articlePrice div {float:right; text-align:right; width:11em; margin:-2em 0 0 0;} #frmArticleDetails fieldset div#articlePrice .price-old {float:none;} #frmArticleDetails fieldset div#articlePrice strong {margin:0 0.5em 0 0;} #frmArticleDetails div small {float:left;} #frmArticleDetails .button {margin:0 0.5em 0 0; float:right;} * html #frmArticleDetails fieldset div#articlePrice div {margin:0; /* qqq fix for ie 6 qqq */} * html #frmArticleDetails .button {margin:0 0.3em 0 0; /* qqq fix for ie 6 qqq */} *+html #frmArticleDetails fieldset div#articlePrice div {margin:0 0.5em 0 0; /* qqq fix for ie 7 qqq */} *+html #frmArticleDetails .button {margin:0 0.9em 0 0; /* qqq fix for ie 6 qqq */} #articleAdditionalLinks {float:right; width:22.7em; padding:0 0 1em 0.3em; margin:0.5em 0 0 0;} #articleAdditionalLinks h4 {float:left; display:none;} #articleAdditionalLinks ul {margin:0.5em 0 1em 0; float:left; width:21em;} #articleAdditionalLinks ul li {float:left; margin:0 0.3em 0.7em 0; width:20em; /* qqq width:10em; qqq */} #articleAdditionalLinks ul li a img {margin:0 0.5em 0 0; float:left;} #articleAdditionalLinks ul li a {float:left; line-height:2em; font-size:0.85em;} #detailProduct {clear:both; float:left; margin:1em 0 -0.1em 0.7em; padding:0;} * html #detailProduct {float:none; /* qqq fix for ie 6 qqq */} *+html #detailProduct {float:none; /* qqq fix for ie 7 qqq */} #detailProductInformation {clear:both; float:left; width:22em; padding:0.3em 0.3em 0.3em 0;} #detailProductInformation p {margin:0.5em 0 0.5em 0; font-size:0.85em;} #detailProductInformation p b {font-weight:normal;} #detailProductInformation p b b {font-weight:bold;} #detailProductInformation img {padding:0.15em; height:75px; width:280px;} /* article recommend */ #articleRecommend {margin:0 0 0 0.5em; padding:0 0 0.5em 0; width:46.5em;} #articleRecommend .message {clear:both; float:none; width:93.5%;} .mvc #articleRecommend { float:left; margin:1em 0 0 6px;} #articleRecommend h3 {margin:0.5em 0 0 0; padding:0;} #articleRecommend p {margin:0.5em 0 0.5em 0; font-size:0.85em;} #articleRecommend .articleImages {padding:0.3em; margin:0 2em 0.5em 0; width:280px; height:auto; float:left;} #articleRecommend .articleImages a img {clear:both; width:280px; height:auto;} #articleRecommend #articleImageProducttype {width:280px; height:75px;} #articleRecommend fieldset {float:left; width:21em;} #articleRecommend fieldset div {clear:both; float:left; width:21.5em; margin:0.3em 0; line-height:1.9em;} #articleRecommend fieldset label {display:block; font-size:0.85em; padding:0.3em 0 0 0; width:25em; line-height:normal;} #articleRecommend #recommendConfirm label {float:left;} #articleRecommend #recommendConfirm p {width:23em;} #articleRecommend fieldset input {display:block; float:left; width:25em;} #articleRecommend fieldset textarea {width:25em;} #articleRecommend fieldset #recipientMessage {margin:0 0 0.5em 0;} #articleRecommend fieldset #recipientMessage label {width:25em;} #articleRecommend fieldset .button {float:left; margin:0.5em 0 0 0; width:auto;} #articleRecommend div strong {float:left; width:15em; padding:0.4em 0 0 0;} #articleRecommend div p {float:left; width:35em;} /* * new checkout (see checkout.css) */ .checkout-v2 .content, .checkout-v2 .content .important, .checkout-v2 .checkoutStepsTop, .checkout-v2 .checkoutStepsBottom, .checkout-v2 .checkoutInformation p, .checkout-v2 .basketAdditionals #frmProceed div, .checkout-v2 .basketAdditionals #frmProceed #basketPriceTotal div, .checkout-v2 .basketAdditionals ul, .checkout-v2 #basketItems .basketDelete, .checkout-v2 #basketItems fieldset, .checkout-v2 #checkoutAddress form fieldset div, .checkout-v2 #basketAddressSelect, .checkout-v2 #basketAddressSelect fieldset div, .checkout-v2 #checkoutPaymentInfo form div.paymentOption, .checkout-v2 #frmOrderShow #basketItems .basketAdditionals #basketSum, .checkout-login .section {width:974px;} /* designs */ #articleDesigns {width:50em; float:left; padding:0; margin:0.5em 0 0 0; overflow:hidden;} #articleDesigns h3 {display:block; float:left; height:14.9em; width:12.75em; line-height:2em; height:2.5em; margin:0 0 0 -0.35em; padding:0 0 0 0.5em;} #articleDesigns div {float:left; margin:0 0.15em 1em 0; padding:0.3em 0 0 0.25em; width:15.35em;} #articleDesigns div a img {height:14.9em; width:14.9em;} #articleDesigns div ul {display:none; /* qqq display:block; qqq */ float:left; margin:0 0.3em 0 0;} #articleDesigns div ul li {float:left; margin:0 0.3em 0 0;} /* producttype/printtype/productcolor details (measure table) */ #printtypeDetails, #producttypeDetails, #productColors {margin:0.5em 0;} #producttypeDetails h3 {margin:0 0 1em 0;} #producttypeDetails #measureImage {width:200px; height:200px; float:left;} #producttypeDetails #measureImage img {margin:0 0 1em 0; padding:5px;} #producttypeDetails h4, #productColors h4 {clear:both; padding:1em 0;} #producttypeDetails table tr td {padding:0 0.5em 0 0;} #producttypeDetails p, #printtypeDetails p {margin:1em 0 1em 0;} #producttypeDetails #productDetailsImage {margin:0.5em 0; padding:0; width:570px;} #producttypeDetails #productDetailsImage img {width:560px; height:150px; padding:5px 5px 3px 5px;} #producttypeDetails .button, #printtypeDetails .button, #productColors .button {margin:1em 0; float:left; width:auto;} #productColors div {float:left; margin:0 1.5em 0 0;} /* impressum, privacy, copyright, agb */ #privacy, #copyright, #agb, #help {padding:0.5em 0.5em 0 0.5em; float:left; width:46em;} #impressum {float:left; width:974px; margin:0; padding:0;} #impressum #impressumCustomer {padding:1em 0.5em 0.5em 0.5em;} #impressum #impressumSpreadshirt {padding:0.5em 0.5em 0 0.5em;} #impressum #impressumSpreadshirt p {font-size:0.85em;} #agb ul {list-style-type:disc; margin:0.5em 0 0.5em 2em;} #impressum h2, #privacy h2 #copyright h2, #agb h2, #help h2 {margin:0.5em 0 0.5em 0;} #impressum p, #privacy p, #copyright p, #agb, #help p {margin:0.5em 0 0.5em 0; font-size:0.85em; width:98%;} /* qqq ~~~ Terms & Conditions (mvc) ~~~ qqq */ .mvc #terms {padding:0.5em;} .mvc #terms h2 {float:left; width:100%; margin:0.5em 0 0em 0;} .mvc #terms p {font-size:0.8em; margin:0.5em 0 1em 0; float:none;} .mvc #terms ul {list-style-type:disc;} .mvc #terms ul li {font-size:0.8em; margin:0em 0 1em 1.7em;} .mvc #terms ul.term-links {list-style-type:none; margin:0 0 1em 0; padding:0 0 0.5em 0; width:100%;} .mvc #terms ul.term-links li {width:50%; margin:0 0 0.5em 0;} .mvc #terms a.button.top {height:18px; width:18px; padding:0; margin:0 0.5em 0 0; float:right;} /* help, faq */ .faqEmbedded {float:left; width:974px;} .faqEmbedded .faqCategories {display:block; float:left; margin:0 0 1em 0; width:22.5em; height:13em; overflow:hidden;} .faqEmbedded div ul li {width:21em; font-size:0.9em;} .faqEmbedded .faqAnswer {clear:both; width:100%;} .faqEmbedded .faqAnswer h5 {clear:both; padding:1em 0 0 0; margin:1em 0 0 0; width:100%;} .faqAnswer h5 a {float:right; height:18px; width:18px; padding:0; margin:-1.5em 0 0 0;} .faqEmbedded .faqAnswer table {width:100%;} .faqEmbedded table {width:974px; margin:0;} .rowHL td {font-weight:bold; width:15em; font-size:0.85em;} .rowHL td.rowRange {text-align:right; font-weight:normal; width:auto; margin:0 0.5em 0 0.5em; padding:0 0.2em 0 0; font-size:0.85em;} .rowData td {font-size:0.85em;} .rowData td.rowRange {text-align:center; font-size:0.85em;} /* qqq ~~~ mvc shop faq ~~~ qqq */ .mvc #help {overflow:hidden; margin:0; padding:0; width:100%;} .mvc #help .detailMenuPath {width:100%;} .mvc #help h2 {clear:both; margin-left:0.3em;} .mvc #help .faqCategories {clear:both; float:left; width:100%; padding:0 0 2em 0.5em; margin:0 0 2em 0;} .mvc #help .faqCategories ul {width:100%;} .mvc #help .faqCategories ul li {float:left; display:block; width:49%; padding-right:0.5%; font-size:0.85em;} .mvc #help .faqCategories h4 {padding:0; margin:0 0 1em 0;} .mvc #help .faqAnswers {clear:both; margin:0 0 1em 0.5em;} .mvc #help .faqAnswers div {width:100%; font-size:0.95em; font-weight:normal;} .mvc #help .faqAnswers div h2 {font-size:0.95em; line-height:2em; padding:0 0 0 0.3em;} .mvc #help .faqAnswers div table {width:100%; overflow:hidden;} .mvc #help .faqAnswers div table td {text-align:center;} .mvc #help .faqAnswers div table .shipping-country {text-align:left} .mvc #help a.button.top {height:18px; width:18px; padding:0; margin:0 0.5em 0 0; float:right;} /* footer */ #menuFooter {clear:both; float:left; width:974px; margin:1em 0 0 0;} * html #menuFooter {width:610px /* qqq width + 10px qqq */} #menuFooter ul {line-height:1.5em; font-weight:normal; float:left;} #menuFooter ul li {float:left; display:block; padding:0 0.4em 0 0.4em; margin:0;} #menuFooter ul li a {font-weight:normal; font-size:0.8em;} #footer {float:left; padding:0; clear:both; width:100%;} #footer small {float:left; display:block; width:460px !important; margin:2em 0.6em;} #footer a.powerd-by {display:block; margin:1em 0.6em; float:right;} #footer a.powerd-by img {border:0;} /* * End Spreadshop style * */ /* qqq my order seite qqq */ .MyOrder table.one-line-row-table {margin-bottom:16px;} .MyOrder table {border-collapse:collapse; border-spacing:0pt;} .MyOrder table {line-height:1.42em; text-align:left; width:100%;} .MyOrder table#my-order tr {cursor:pointer;} .MyOrder table.one-line-row-table th {padding:4px 20px 6px 0;} .MyOrder table th {border:none; font-weight:bold; padding:4px 20px 4px 4px; vertical-align:middle;} .MyOrder table td { border-bottom:1px solid #CAC3BF; border-width:1px 0pt; font-size:0.9em; padding:14px 20px 14px 4px; vertical-align:top;} .MyOrder table.one-line-row-table td { border:medium none; padding:3px 10px 3px 0pt; vertical-align:middle;} .MyOrder .triple-col-box {padding:16px 8px 8px 8px; width:582px; float:left; clear:both;} .MyOrder .three-separated-elements { padding:1em 0 1em 0;} .MyOrder .stat-canceled { background:url(../../../Images/Icons/orders/bullet_stat-canceled.png) no-repeat 0 50%; padding-left:12px;} .MyOrder .stat-shipped-n-paid { background:url(../../../Images/Icons/orders/bullet_stat-shipped-n-paid.png) no-repeat 0 50%; padding-left:12px;} .MyOrder .stat-new { background:url(../../../Images/Icons/orders/bullet_stat-new.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder .stat-all, .MyOrder .stat-in-process { background:transparent url(../../../Images/Icons/orders/bullet_stat-in-process.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder .stat-waiting { background:transparent url(../../../Images/Icons/orders/bullet_stat-waiting.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder .stat-shipped { background:transparent url(../../../Images/Icons/orders/bullet_stat-shipped.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder .stat-commission-cred { background:transparent url(../../../Images/Icons/orders/bullet_stat-commission-cred.png) no-repeat 0pt 50%; height:16px; padding-left:12px;} .MyOrder .stat-returned { background:transparent url(../../../Images/Icons/orders/bullet_stat-returned.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder .stat-non-payment { background:transparent url(../../../Images/Icons/orders/bullet_stat-non-payment.png) no-repeat 0pt 50%; padding-left:12px;} .MyOrder dl dd {margin-bottom:1em;} .MyOrder .triple-col-box dl dd {font-size:0.9em;} .MyOrder .triple-col-box .full-width-col-box, .MyOrder .triple-col-box .triple-col-box { padding:12px 0 0 0;} .MyOrder .triple-col-box h2 {font-size:1.2em; margin:0.6em 0 0.6em 0;} .MyOrder .filter { border-bottom:1px solid #CAC3BF; margin-bottom:0.6em;} /* qqq my orders menu border qqq */ #myorders-menu-border {width:100%; border-top:1px solid #898989; height:auto;} /* qqq fix for ie6 for the floating of paragraph in minibasket qqq */ #barRight #cart p, #barLeft #cart p {float:left; position:relative;} /* qqq end fix for ie6 for the floating of paragraph in minibasket qqq */ /* qqq IE6 checkout bug - IE6 hanging start qqq */ * html .cbaPhone-wrapper {width:588px !important; position:relative !important; display:block !important; clear:none !important; float:left;} * html .company-tax-elements {width:588px !important; position:relative !important; clear:none !important; float:left;} * html #personalVatId input, * html #personalTaxId input, * html .cbaPhone-wrapper input {margin-left:2px !important;} /* qqq IE6 checkout bug - IE6 hanging end qqq */ dl.shipping-costs {float:left; width:974px; font-size:1.2em} /* qqq shipping costs table qqq */ .shippingInfoAdvice {color:#ff0000;} dl.shipping-costs dt {float:left; clear:left; display:block;} dl.shipping-costs dd {float:left; display:block; } dl.shipping-costs dd, dl.shipping-costs dt {width:116px; padding:10px 0 10px 4px; font-weight:normal;} dl.shipping-costs .header-row {border-bottom:1px dashed #cac3bf; border-top:1px dashed #cac3bf; margin-top:4px; font-weight:bold;} dl.shipping-costs .row-separator {clear:both; float:left; width:100%} .isPopup #help .button {float:left;} /* qqq infonimphpo new css for the shop partner qqq */ .checkoutInformation {float:left;} .checkout-v2 #basketCheck div.checkout-partner-info-box, .checkout-partner-info-box {float:right; width:185px; margin:0 0.6em 1.6em 0;} .checkout-partner-info-box h2 {font-size:1.2em padding:4px 6px;} .checkout-partner-info-box ul li {float:left; clear:both; width:172px;} .checkout-partner-info-box ul {list-style:inside !important; list-style-type:square !important; padding:4px 6px 8px 6px; float:left; width:172px;} .checkout-v2 #basketCheck div.checkoutInformationBox, .checkoutInformationBox {float:left; width:370px; margin-left:0.6em;} .checkout-v2 .content .checkoutInformationBox h1 {margin-left:0;} * html .checkoutInformationBox p strong, * html .checkoutInformationBox p, * html .checkoutInformationBox {margin-left:0 !important; padding-left:0 !important;} * html .checkout-partner-info-box {margin-right:0;} #registerMail p {float:left; clear:both; padding-left:119px; padding-top:12px; width:420px;} #registerMail p small {font-size:1.2em} .checkoutUserRegister #registerMail #user-login {width:560px;} #ligthbox-form-login { margin-left:16px;} * html #ligthbox-form-login { margin-left:22px; padding-left:0;} #ligthbox-form-login p { font-size:0.85em; float:left; clear:both; margin-bottom:0.5em;} #ligthbox-form-login p.right, #ligthbox-form-login p.left {clear:none; width:150px !important;} #ligthbox-form-login p.right {float:right;} #ligthbox-form-login p.left {float:left;} #ligthbox-form-login #frmLogin #loginvalue, #ligthbox-form-login #frmLogin #password { width:20em !important; padding:0.3em 0.2em 0.4em 0.6em !important; float:left; clear:both; font-size:1em;} #ligthbox-form-login #frmLogin label { font-weight:bold; float:left;} #ligthbox-form-login #frmLogin { float:left; height:324px !important;} #ligthbox-form-login #frmLogin p {width:500px;} #ligthbox-form-login #frmLogin .large-prio-1-button, #ligthbox-form-login #frmLogin .large-prio-2-button { float:left; font-weight:bold;} #ligthbox-form-login .ajax-buttons-wrapper {clear:both; float:left; width:400px;} .checkout-v2 #checkoutPaymentInfo form div.paymentOption div .paymentIcons {margin:-1.4em 0 0 0;} /*IMAGE LIST*/ #list-container{margin:0 0 0 0; padding-top:4px; height:100px;} .ImgRowBlock {width: 924px; background: #fff; clear: both; margin: 0 0 10px 0;height:100px;} .ImgRowImages {clear: both;} .ImgRowImages ul {list-style: none;margin: 0 0 10px 0;padding: 0;} .ImgRowImages ul.ImgRow1 {list-style: none;margin-bottom: 2px;padding-bottom: 0;background: #fff;overflow: hidden;display: block;height: 74px;} .ImgRowImages ul li {float: left;margin-left: 6px;padding: 0;display: inline;} .ImgRowImages ul li.flickrfirstincol{float: left;margin-left: 14px;padding: 0;display: inline;} .ImgRowImages ul li.ImgRowlastincol {margin-right: 0;} .ImgRowImages ul li img {margin: 0 0 10px 0;padding: 0;height: 74px;width: 74px;} .ImgRowImages .disableImgLink {cursor: default;} .rhsimg { height: 56px; position: absolute; right: 14px; top: 6px; width: 130px; } .system-error, .system-message, .error, .message, .mvc .system-error { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; display:block; margin-bottom:5em; padding:0.3em 0.5em 0.2em; background:none; text-ident:0em important!;}