/********************************************
*
* Structure 600
*
********************************************/
* { margin: 0; padding: 0; }
body { font-size: 0.795em; width: 47em; margin: 0 auto 0 auto; padding: 0 0 0 0; }
ol, ul { clear: both; margin: 0; padding: 0; list-style: none; }
/********************************************
*
* common
*
********************************************/
#keywords { display: none; position: absolute; left: -100em; }
.price { font-size: 1.1em; }
.price-coupon { font-size: 1.1em; }
.price-old { font-size: 0.84em; font-weight: bold; text-decoration: line-through; }
/********************************************
*
* 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; }
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:5px auto;overflow: hidden;padding:0 5px;}
/*
*+html #main { width: 47.2em; }
* html #main { width: 47.2em; }
*/
/********************************************
*
* popup
*
********************************************/
.popup { width: 47em; 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: 47em; }
#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; }
/********************************************
*
* confomat
*
********************************************/
.confomat-v5 { margin: 0.5em 0 0 0.2em; }
.confomat-v6 { margin: 0.5em 0 0 1.75em; }
.confomat-v6-productview { float: left; margin: 1em 4em 0 2em; width: auto; }
* html .confomat-v6-productview { margin: 1em 4em 0 2em; }
/********************************************
*
* 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-weight: bold; font-size: 0.75em; 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; }
/********************************************
*
* 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; 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; }
/********************************************
*
* 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: auto; padding: 0; }
#headerUserInformation ul.right { float: right; margin-top: -2.1em; margin-right: -0.5em; padding: 0 0.2em 0 0; width: auto; }
* html #headerUserInformation ul.right { margin-right: -0.2em; /* fix for ie 6 */ }
#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; height: 2.1em; }
#headerUserInformation ul.right li { height: 2.1em; padding: 0 0.5em 0 0.5em; }
#headerUserInformation #userEnable,
#headerUserInformation #userDisable { border-left: 0; }
#headerUserInformation #userChart { border-right: 0; }
#headerUserInformation #userLanguages { border-right: 0; }
/********************************************
*
* shop information
*
********************************************/
#shopInformation { width: 46em; float: left; margin: 0; padding: 0 0.5em 1em 0.5em; }
#shopInformation h1 { margin: 0; padding: 0; line-height: 2em; vertical-align: bottom; }
#shopInformation p { padding: 0 0 0.5em 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: 47em; line-height: 33px; font-weight: bold; }
*/
#menu { margin:5px auto; padding:0 5px; 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; }
/********************************************
*
* affiiliate
*
********************************************/
#affiiliate { margin: 0; padding: 0; }
#affiiliate a { display: block; float: right; font-size: 0.8em; padding: 0.5em 0.5em 0 0; margin: 0; float: right; }
/********************************************
*
* ssl
*
********************************************/
#ssl { float: right; margin: -3.3em 0 0 0; width: 24.5em; font-size: 0.8em; overflow: hidden; }
#ssl a { display: block; float: right; padding: 1.1em 0.5em 0 2.5em; line-height: 1em; height: 2.2em; width: 10em; }
/********************************************
*
* checkout menu
*
********************************************/
#menuCheckout { float: left; width: 47em; height: 3.2em; line-height: 2.1em; margin: 0 0 2em 0; }
#menuCheckout ol { overflow: visible; width: 47em; 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:5px auto; padding:0 5px; clear: both; }
#content .important { margin-top: 1em; clear: left; width: 44.65em; }
.content h3 { padding-left: 0.3em; }
/********************************************
*
* login, lost password
*
********************************************/
#login,
#lostPassword,
#lostPasswordSend { width: 47em; padding: 0; }
#frmAuthenticate { width: 47em; 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; /* fix for ie 6 */ }
*+html #login fieldset .button,
*+html #lostPassword fieldset .button,
*+html #lostPasswordSend fieldset .button,
*+html #frmAuthenticate fieldset .button { margin-left: 89px; /* fix for ie 7 */ }
#frmAuthenticate .button { width: auto; float: left; margin: 0 0 0 7.6em; }
* html #frmAuthenticate .button { margin: 0 0 0 3.6em; /* fix for ie 6 */ }
*+html #frmAuthenticate .button { margin: 0 0 0 7em; /* fix for ie 7 */ }
#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; }
/********************************************
*
* article filter
*
********************************************/
#frmFilter { margin: 0; padding: 0; float: left; width: 47em; }
#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: 15em; margin-top: 0.1em; }
* html #frmFilter fieldset div select { margin-top: 0.3em; /* fix for ie 6 */ }
*+html #frmFilter fieldset div select { margin-top: 0.3em; /* fix for ie 7 */ }
#frmFilter fieldset div select#filterProducttypeId { width: 19em; }
/********************************************
*
* article navigation
*
********************************************/
.navigation {margin:5px auto; padding:0 5px;/*overflow: visible;*/ float:left;text-align: left; line-height: 20px;}
* html .navigation { margin-bottom: 0.7em; }
.navigation div {margin:5px 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; /* fix for ie 6 */ }
* html .navigation div.num5 { width: 209px; /* fix for ie 6 */ }
.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 { display: block; float: left; line-height: 25px; }
.navigation small.right { display: block; float: right; margin: -18px 0 0 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; }
/********************************************
*
* article classic compact
*
********************************************/
.classicCompact {margin:5px auto; padding:0 5px; overflow: hidden; clear:both; }
.classicCompact form { width: 15.7em; height: 24em; margin: 0; overflow: hidden; float: left; }
.classicCompact form fieldset { padding: 0.5em 0 0.9em 0; margin: 0; border: 0; height: auto; overflow: hidden; }
.classicCompact form fieldset h2,
.classicCompact form fieldset h3 { display: block; clear: both; width: 14.9em; margin: 0; padding: 0; overflow: auto; }
.classicCompact form fieldset h3 { width: 15.33em; }
.classicCompact form fieldset div.articleImages { margin: 0; padding: 0.3em 0 0 0.25em; width: 15.33em; }
.classicCompact form fieldset a img { padding: 0; height: 14.9em; width: 14.9em; }
.classicCompact form fieldset ul { float: left; width: 15.35em; overflow: hidden; padding: 0.3em 0 5px 7px; margin: 0 0 0 -7px; }
* html .classicCompact form fieldset ul { padding-left: 1em; /* fix for ie 6 */ }
*+html .classicCompact form fieldset ul { width: 15.35em; /* fix for ie 7 */ }
.classicCompact form fieldset ul li { float: left; margin: 0 0.3em 0 0; padding: 0; }
.classicCompact form fieldset div.articleDesc { padding: 0 0 0 0.1em; margin: 0; width: 15.35em; height: 4.8em; }
.classicCompact.with-favorites form fieldset div[class="articleDesc"] { height: 7.5em; /* fix for mozilla & opera */ }
*+html .classicCompact.with-favorites form fieldset div[class="articleDesc"] { height: 5em; /* fix for ie 7 */ }
.classicCompact form fieldset div.articleDesc h3 { margin: 0.5em 0 0 0; float: left; font-size: 1em; }
.classicCompact form fieldset div.articleDesc br { display: none; }
.classicCompact form fieldset div.articleSizes { display: none; }
.classicCompact form fieldset div .articleLimit { font-size: 0.85em; display: block; }
.classicCompact form fieldset div.articlePrice { padding: 0.4em 0 0.4em 0; line-height: 1.6em; margin: 0 0 0 -0.2em; float: left; width: 15.35em; }
.classicCompact form fieldset .articlePrice .message { float: left; width: 7em; line-height: 2.2em; margin: 0; padding: 0 0 0 0.5em; }
* html .classicCompact form fieldset .articlePrice .message { line-height: 2em; /* fix for ie 6 */ }
*+html .classicCompact form fieldset .articlePrice .message { line-height: 2em; /* fix for ie 7 */ }
.classicCompact form fieldset div.articlePrice label { display: none; }
.classicCompact form fieldset div.articlePrice small { display: block; float: left; padding: 0.15em 0 0 0.2em; margin: 0 0.3em 0 0; height: 1.2em; }
* html .classicCompact form fieldset div.articlePrice small { padding-top: 0; /* fix for ie 6 */ }
.classicCompact form fieldset div.articlePrice strong { padding: 0 0 0 0.2em; float: left; }
.classicCompact form fieldset .priceGroup { float: right; margin-right: 2em; padding: 0 0.5em 0 0; }
.classicCompact form fieldset div a.button { clear: right; float: right; margin: -1.8em 0 0 0; }
.classicCompact .button.basket { height: 2em; width: 2em; padding: 0; text-indent: -1000px; cursor: pointer; }
/********************************************
*
* article classic extended
*
********************************************/
/*
.classicExtended { width: 47em; float: left; padding: 0; margin: 0; }
*/
.classicExtended { margin:5px auto; padding:0 5px; overflow: hidden; clear:both; }
.classicExtended form label { cursor: default; }
.classicExtended form { width: 47em; 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; }
* html .classicExtended form fieldset .articleImages { margin-right: 0.5em; }
.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 .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: 30em; float: right; margin: 0 0 0 1.1em; padding: 0; }
* html .classicExtended form fieldset .articleDesc { float: none; /* important fix, because of ie 6 crashed */ margin: 0 0 0 2.1em; padding: 0 0 1em 0; }
.classicExtended form fieldset .articleDesc div { clear: left; float: left; width: 30em; 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: 17.5em; margin: -1.9em 0 0 0; line-height: 1.9em; text-align: left; font-size: 0.8em; }
* html .classicExtended form fieldset .articleDesc a.measureTable,
* html .classicExtended form fieldset .articleDesc .articleLimit { width: 19em; /* fix for ie 6 */ }
*+html .classicExtended form fieldset .articleDesc a.measureTable,
*+html .classicExtended form fieldset .articleDesc .articleLimit { width: 19em; /* fix for ie 7 */ }
.classicExtended form fieldset .articleDesc .articleSizes { 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: 1em 0 0 1.1em; padding: 0.5em 0.5em 0.5em 0; width: 29.5em; clear: right; float: right; }
* html .classicExtended form fieldset div.articlePrice { width: auto; /* important fix, because of ie 6 crashed */ border: 0; float: none; padding-left: 15.5em; 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; }
/********************************************
*
* 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 { height: 280px; 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; }
#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; /* display:block; */ 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; }
#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; /* fix for ie 6 */ }
*+html #frmArticleDetails fieldset div { float: none; /* fix for ie 7 */ }
#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 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,
* html #frmArticleDetails .button { margin: 0 0.5em 0 0; /* fix for ie 6 */ }
*+html #frmArticleDetails fieldset div#articlePrice div { margin: 0 0.5em 0 0; /* fix for ie 7 */ }
* html #frmArticleDetails .button { margin: -1.7em 0.5em 0 0; /* fix for ie 6 */ }
*+html #frmArticleDetails .button { margin: -1.7em 0.5em 0 0; /* fix for ie 7 */ }
#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; /* width:10em; */ }
#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; /* fix for ie 6 */ }
*+html #detailProduct { float: none; /* fix for ie 7 */ }
#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: 23em; }
#articleRecommend h3 { margin: 0.5em 0 0 0; }
#articleRecommend p { margin: 0.5em 0 0.5em 0; font-size: 0.85em; }
#articleRecommend .articleImages { padding: 0.3em; margin: 0 7px 3px 3px; width: 281px; 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: 22.5em; line-height: 1.9em; }
#articleRecommend fieldset label { display: block; float: left; font-size: 0.85em; padding: 0.3em 0 0 0; width: 11em; }
#articleRecommend fieldset input { display: block; float: left; width: 15em; }
#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: 11em; padding: 0.4em 0 0 0; }
#articleRecommend div p { float: left; width: 35em; }
/********************************************
*
* basket
*
********************************************/
#basketItems .basketDelete { clear: both; float: right; padding: 0; margin: 0; width: 16px; height: 16px; }
#basketItems .basketDelete .delete { float: right; line-height: 16px; height: 18px; width: 20px; margin: 0.5em 0.5em 0 -1.5em; padding: 0; }
* html #basketItems .basketDelete .delete { /* fix for ie 6 */ position: relative; right: -0.3em; margin: 1.7em 0 0 0; }
*+html #basketItems .basketDelete .delete { /* fix for ie 7 */ position: relative; right: 1em; margin: 1.7em 2em 0 0; }
#basketItems h2 { padding: 0 0 0 0.3em; }
#basketItems h3 { padding: 0; margin: 0 0 0.5em 0.5em; width: 40em; }
* html #basketItems .basketDelete { margin-bottom: -4em; }
* html #basketItems h3 { margin: 0 0 0.7em 0.5em; /* fix for ie 6 */ }
#basketItems #basketColumnHead { display: none; }
#basketItems fieldset { clear: left; width: 47em; border: 0; }
#basketItems fieldset img { border: 0; }
#basketItems a.thumb { float: left; height: 130px; width: 130px; padding: 0; margin: 0.5em 0 0 0.5em; }
#basketItems a.thumb img { float: left; }
#basketItems fieldset .basketArticleImages { float: left; margin: 0.5em 0 0 0; width: 7.5em; }
#basketItems fieldset .basketArticleImages a { float: left; height: 42px; margin: 0 0 0.2em 0.2em; }
#basketItems fieldset .basketArticleImages p { position: absolute; width: 34em; font-size: 0.8em; margin: 0.5em 0 0 12em; }
* html #basketItems fieldset .basketArticleImages p { /* fix for ie 6 */ margin: 0.5em 0 auto 0; width: 36em; padding: 0 0 0 1em; }
*+html #basketItems fieldset .basketArticleImages p { /* fix for ie 7 */ margin: 0.5em 3em auto 0; width: 36em; padding: 0 0 0 1em; }
#basketItems fieldset ul.basketColumn { float: right; width: 47em; padding: 0 0 0.3em 0; }
#basketItems fieldset ul.basketColumn input,
#basketItems fieldset ul.basketColumn select { font-size: 0.8em; font-weight: normal; }
#basketItems fieldset ul.basketColumn li label { font-size: 0.85em; }
#basketItems fieldset ul.basketColumn label { font-size: 0.9em; }
#basketItems fieldset ul.basketColumn span { font-size: 0.85em; }
#basketItems fieldset ul.basketColumn a:hover { border: 0; }
#basketItems li { float: left; }
#basketItems ul li.right { float: right; }
#basketItems li select { height: 2.2em; }
#basketItems li.basketArticleId,
#basketItems li.basketProducttypeCategory { display: none; }
#basketItems li.basketProducttype { width: 16em; padding: 0 0 0 0.5em; }
#basketItems li.basketColor { width: 5em; }
#basketItems li.basketColor small { display: none; }
#basketItems li.basketColor img { height: 9px; width: 9px; padding: 4px; }
#basketItems li.basketSize { width: 5.5em; }
#basketItems li.basketQuantity { width: 5em; }
#basketItems li.basketPrice { width: 7em; }
#basketItems li.basketPriceTotal { width: 7.5em; text-align: right; }
#basketItems li.basketPriceTotal span { float: right; width: 8.2em; margin: 0; font-weight: bold; font-size: 0.85em; }
#basketItems li label { display: block; cursor: default; line-height: 1.9em; }
#basketItems .basketAdditionals a,
#basketItems .basketAdditionals a:hover { border: 0; }
.basketAdditionals ul { float: left; margin-top: 0.5em; }
.basketAdditionals #frmProceed div { line-height: 1.9em; padding: 0.5em 0 0.5em 0; float: left; width: 47em; }
.basketAdditionals #frmProceed #basketCouponCode { margin-top: -1.3em; border-top: 0; }
* html .basketAdditionals #frmProceed #basketCouponCode { margin-top: 0; /* fix for ie 6 */ }
.basketAdditionals #frmProceed div div { border: 0; padding: 0.3em 0 0.3em 0.5em; width: 46.5em; margin: 0; }
.basketAdditionals #frmProceed div label { display: block; float: left; width: 12em; font-size: 1.1em; cursor: auto; }
.basketAdditionals #frmProceed div span input { float: left; margin: 0.3em 0.5em 0 0; }
.basketAdditionals #frmProceed div span { display: block; width: 32.5em; float: left; line-height: normal; }
.basketAdditionals #frmProceed div span small { display: block; float: left; width: 29em; font-size: 0.8em; }
.basketAdditionals #frmProceed #basketShippingPrice span { width: 33.2em; }
.basketAdditionals #frmProceed #basketHandlingPrice span,
.basketAdditionals #frmProceed #basketShippingCoupon span,
.basketAdditionals #frmProceed #basketShippingPrice span strong,
.basketAdditionals #frmProceed #basketBonusPayment span,
.basketAdditionals #frmProceed #basketCoupon span { width: 7em; font-size: 0.85em; margin-right: 0.5em; text-align: right; float: right; }
.basketAdditionals #frmProceed #basketCouponCode input { width: 20em; }
.basketAdditionals #frmProceed #basketCouponCode span a { line-height: 2em; font-size: 0.8em; }
.basketAdditionals #frmProceed #basketTermsAndConditions input { border: 0; }
.basketAdditionals #frmProceed #basketPriceTotal { margin: 0; padding: 0; width: 47em; }
.basketAdditionals #frmProceed #basketPriceTotal div { border: 0; margin: 0.5em 0 0 0; line-height: 1.5em; background: none; }
.basketAdditionals #frmProceed #basketPriceTotal div label { text-align: right; padding-right: 1.5em; width: 33.5em; }
.basketAdditionals #frmProceed #basketPriceTotal div span { width: 7.5em; text-align: right; }
#basketPriceTotal .price,
#basketPriceTax .price { float: right; width: auto !important; }
#basketItems #basketSaveAll { display: none; float: left; width: auto; margin: 0 0 0.5em 0; }
.basketListArticles .button { display: block; clear: both; float: left; margin: 0.5em 0 0 0; }
#basketItems .updateBasketItem { width: 100%; display: none; clear: both; padding: 0 0.5em 0.5em 0; line-height: 1.2em; background: none; font-size: 0.85em; text-align: right; border: 0; }
#basketItems h3 { width: auto; }
#basketItems .updateBasketItem:hover { border: 0; }
* html #basketItems .checkoutStepsBottom { float: none; /* fix for ie 6 */ }
#basketItems .button.errorBnt { width: auto; float: left; margin: 1em 0 0 0.5em; }
/********************************************
*
* checkout info box
*
********************************************/
.checkoutInformation { padding: 0.5em; margin: 0; }
.checkoutInformation p { padding: 0.5em 0 0 0; margin: 0; font-size: 1.1em; }
.checkoutInformation p strong { display: block; font-weight: normal; font-size: 0.75em; padding: 0 0 0.65em 0; }
/********************************************
*
* checkout address
*
********************************************/
#checkoutAddress h2 { padding: 0 0 0 0.25em; }
#checkoutAddress .message { clear: both; float: left; width: 51em; }
* html #checkoutAddress .message { float: none; /* fix for ie 6 */ }
*+html #checkoutAddress .message { float: none; /* fix for ie 7 */ }
#checkoutAddress span.required { display: block; float: right; padding: 0 0.5em 0 0; font-size: 0.85em; }
#checkoutAddress form { width: 47em; float: left; overflow: hidden; }
#checkoutAddress form div { float: left; width: 47em; }
#checkoutBillingAddress { clear: right; float: left; /* fix for opera */ }
#checkoutAddress form h3 { margin: 1em 0 0 0; padding: 0 0 0 0.3em; float: left; width: 9.7em; font-size: 1.1em; }
#checkoutAddress #checkoutDeliveryAddress { margin-top: 0.5em; }
#checkoutAddress h3#checkoutAddressLinks,
#checkoutAddress #checkoutDeliveryAddress h3 { width: 46.7em; }
#checkoutAddress form fieldset { padding: 0.5em 0 0.5em 0; margin: 0 0 0 0; clear: both; float: left; }
#checkoutAddress form fieldset div { clear: both; float: left; line-height: 1.9em; }
#ie6spacer { display: none; }
* html #ie6spacer { /* fatal ie6 bug */ display: block; line-height: 1px; }
#checkoutAddress form fieldset label { display: block; float: left; width: 12em; padding: 0 0 0 0.5em; font-size: 0.85em; }
#checkoutAddress form fieldset input { display: block; float: left; margin: 0.5em 0 0 0; width: 33.2em; }
#checkoutAddress #checkoutBillingAddressStateCode { display: none; }
#checkoutAddress form fieldset input#cbaPostcode,
#checkoutAddress form fieldset input#cdaPostcode { width: 3.5em; }
#checkoutAddress form fieldset input#cbaCity,
#checkoutAddress form fieldset input#cdaCity { width: 28.5em; margin: 0.5em 0 0 0.3em; }
* html #checkoutAddress form fieldset input#cbaCity,
* html #checkoutAddress form fieldset input#cdaCity { width: 28.3em; /* fix for ie 6 */ }
*+html #checkoutAddress form fieldset input#cbaCity,
*+html #checkoutAddress form fieldset input#cdaCity { width: 28.2em; /* fix for ie 7 */ }
#checkoutAddress form fieldset select { display: block; float: left; margin: 0.5em 0 0 0; }
#checkoutAddress form .checkoutAdditionals { margin: 0.5em 0 0 0; width: 47em; }
#checkoutAddress form .checkoutAdditionals input { width: auto; }
#checkoutAddress form .checkoutAdditionals h3 { position: relative; height: 4em; z-index: 3; }
#checkoutAddress form .checkoutAdditionals fieldset { position: relative; padding: 0 0 0.5em 12.5em; margin: -4.9em 0 0 0; width: 34.5em; z-index: 2; }
#checkoutAddress form .checkoutAdditionals fieldset div { width: 34.5em; }
#checkoutAddress form .checkoutAdditionals fieldset div label { display: block; float: left; width: 25em; line-height: 1.9em; font-size: 0.85em; font-weight: bold; }
#checkoutAddress form .checkoutAdditionals #checkoutGift label { line-height: normal; font-size: 1em; font-weight: normal; }
* html #checkoutAddress form .checkoutAdditionals fieldset div input { margin-top: 0.2em; /* fix for ie 6 */ }
*+html #checkoutAddress form .checkoutAdditionals fieldset div input { margin-top: 0.2em; /* fix for ie 7 */ }
#checkoutAddress form .checkoutAdditionals fieldset div .price { display: block; float: right; margin-right: 0.5em; width: 6.5em; font-weight: bold; font-size: 0.85em; text-align: right; }
#checkoutAddress form .checkoutAdditionals fieldset div p { font-size: 0.8em; line-height: normal; float: left; width: 35em; margin: 0; padding: 0 0 0 1.8em; }
#checkoutAddress form .checkoutAdditionals fieldset .message { width: 37em; }
#checkoutAddress form .checkoutAdditionals #giftMessage { margin: 0.5em 0 0 1.5em; }
* html #checkoutAddress form .checkoutAdditionals #giftMessage { margin-left: 1em; /* fix for ie 6 */ width: 30em; }
*+html #checkoutAddress form .checkoutAdditionals #giftMessage { margin-left: 1.9em; /* fix for ie 7 */ }
#checkoutAddress form .checkoutAdditionals #giftMessage label { margin: 0; padding: 0; font-weight: bold; }
* html #checkoutAddress form .checkoutAdditionals fieldset div p { padding: 0 0 0 0.5em; /* fix for ie 6 */ }
*+html #checkoutAddress form .checkoutAdditionals fieldset div p { padding: 0 0 0 0.5em; /* fix for ie 7 */ }
#checkoutAddress .checkoutStepsBottom { float: left; margin-top: 0em; }
* html #checkoutAddress .checkoutStepsBottom { float: none; /* fix for ie 6 */ }
/********************************************
*
* basket address select
*
********************************************/
#basketAddressSelect { width: 47em; float: left; }
#basketAddressSelect h2 { margin: 0 0 0 0.25em; }
#basketAddressSelect .button { margin: 0 0 0 0.4em; }
#basketAddressSelect .checkoutInformation { float: left; margin: 0 0 1em 0; width: 47em; }
#basketAddressSelect ul { width: 20em; margin: 0; }
#basketAddressSelect ul li { float: left; width: auto; }
#basketAddressSelect fieldset { float: left; width: 47em; margin: 1em 2em 1em 0; padding: 0 0 0.5em 0.5em; border: 0; }
#basketAddressSelect fieldset div { clear: both; width: 20em; float: left; line-height: 1.2em; }
#basketAddressSelect fieldset label { display: block; float: left; width: 11em; font-size: 0.85em; }
#basketAddressSelect fieldset span { font-size: 0.85em; }
#basketAddressSelect fieldset ul { width: auto; }
#basketAddressSelect fieldset ul li { margin: 1em 1em 1em 0em; font-size: 0.85em; }
#basketAddressSelect fieldset ul li a { font-weight: normal; }
#basketAddressSelect fieldset .delete { padding: 0; clear: left; float: right; width: 20px; margin: -11.5em 1em 0 0; }
* html #basketAddressSelect fieldset .delete { margin: -9em 0.5em 0 0; /* fix for ie 6 */ }
/********************************************
*
* payment infos
*
********************************************/
#checkoutPaymentInfo h2 { margin: 0 0 0 0.25em; }
#checkoutPaymentInfo .message.error { position: relative; float: left; margin: 0 0 1em 0; width: 44.66em; z-index: 6; }
#checkoutPaymentInfo form div.paymentOption { clear: left; float: left; width: 47em; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; }
#checkoutPaymentInfo form div.paymentOption h3 { float: left; width: 13em; margin: 0; padding: 0 0 0 0.5em; font-size: 1.1em; }
#checkoutPaymentInfo form div.paymentOption div { border: 0; float: left; margin: 0; padding: 0.5em 0 0 0; width: 47em; height: 3em; }
* html #checkoutPaymentInfo form div.paymentOption div { float: none; /* fix for ie 6 */ }
#checkoutPaymentInfo form input.paymentSelect { float: left; padding: 0; margin: 0.3em 0.5em 0 0; position: relative; border: 0; z-index: 4; }
#checkoutPaymentInfo form label { display: block; float: left; width: 26em; font-size: 0.85em; cursor: default; margin: 0.3em 0 0 0; }
#checkoutPaymentInfo form label.require { font-size: 0.9em; }
#checkoutPaymentInfo #paymentMethodContent3 div { height: 1.8em; }
#checkoutPaymentInfo form p { float: left; width: 8em; }
#checkoutPaymentInfo form fieldset { display: none; clear: both; float: left; border: 0; width: 37em; margin: -0.5em 0 0 0; padding: 0 0 1em 19.2em; font-size: 0.85em; }
* html #checkoutPaymentInfo form fieldset { /* fix for ie 6 */ width: 36em; padding-left: 20em; }
*+html #checkoutPaymentInfo form fieldset { /* fix for ie 7 */ width: 36em; padding-left: 20em; }
#checkoutPaymentInfo div.paymentOption fieldset div { float: left; width: 37em; height: 2.1em; }
#checkoutPaymentInfo div.paymentOption fieldset div img { position: absolute; margin: -0.2em 0 0 0; padding: 0; }
#checkoutPaymentInfo div.paymentOption fieldset div label { width: 15em; }
#checkoutPaymentInfo div.paymentOption fieldset div span strong { display: block; float: left; margin: 0.3em 0 0 0; }
#checkoutPaymentInfo div.paymentOption fieldset p { width: 34.5em; }
#checkoutPaymentInfo ul.checkoutStepsTop { position: relative; margin-bottom: -1em; }
#checkoutPaymentInfo ul.checkoutStepsBottom { clear: both; float: none; }
#checkoutPaymentInfo hr { display: block; height: 0.5em; border: 0; width: 47em; float: left; line-height: 0.5em; }
* html #checkoutPaymentInfo hr { display: none; /* fix for ie 6 */ }
*+html #checkoutPaymentInfo hr { display: none; /* fix for ie 7 */ }
/********************************************
*
* basket check
*
********************************************/
#basketCheck h2 { margin: 0 0 0 0.25em; }
#basketCheck hr { display: none; }
#basketCheck div { float: left; }
#basketCheck div small a { font-weight: normal; }
#basketCheck div#checkBillingAddress,
#basketCheck div#checkDeliveryAddress { height: 9em; }
#basketCheck div#checkBillingAddress,
#basketCheck div#checkDeliveryAddress, 
#basketCheck div#checkPayment,
#basketCheck div#checkGift { margin: 0 0 0 0.5em; padding: 0; float: left; width: 22.5em; }
#basketCheck h3 { margin: 0; padding: 0; font-size: 1.2em; }
#basketCheck address,
#basketCheck div#checkPayment p,
#basketCheck div#checkGift p { padding: 0.5em 0 0.5em 0.2em; font-size: 0.9em; font-style: normal; }
#basketCheck address span { display: none; /* display:block; */ }
#basketCheck div#listBasketCheck { margin: 2em 0 0 0; clear: both; width: 47em; }
#basketCheck .message { width: 44.6em; }
#frmOrderShow #basketItems { clear: both; padding: 1em 0 0 0; margin: 0.5em 0 0 0; }
#frmOrderShow #basketItems h3 { margin: 0.1em 0 0 0.5em; }
#frmOrderShow #basketItems .basketAdditionals { margin: 0; padding: 0; }
#frmOrderShow #basketItems .basketAdditionals #basketCharging { padding: 0 0 0.5em; font-size: 0.875em; }
#frmOrderShow #basketItems .basketAdditionals #basketCharging .price { font-weight: bold; font-size: 1em; margin-right: 0.5em; text-align: right; width: 8em; padding: 0; }
#frmOrderShow #basketItems .basketAdditionals #basketCharging label { font-size: 1em; }
#frmOrderShow #basketItems .basketAdditionals div { clear: both; float: left; width: 100%; margin: 0.5em 0 0.5em 0; }
#frmOrderShow #basketItems .basketAdditionals div div { margin-bottom: 0; }
#frmOrderShow #basketItems .basketAdditionals div label { display: block; float: left; width: 42.5em; text-align: right; }
#frmOrderShow #basketItems .basketAdditionals div span { display: block; text-align: left; float: right; padding: 0 0.5em 0 1.5em; width: 105px; }
#frmOrderShow #basketItems .basketAdditionals div span small { display: block; width: 37em; text-align: right; }
#frmOrderShow #basketItems .basketAdditionals #basketSum { width: 47em; margin: 0; float: left; padding: 0.5em 0 0.5em 0; }
#frmOrderShow #basketItems .basketAdditionals #basketSum div { clear: none; float: left; margin: 0; }
#frmOrderShow #basketItems .basketAdditionals #basketSum label { width: 520px; }
#frmOrderShow #basketItems .basketAdditionals #basketSum span { width: 127px; float: right; }
#frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label { font-size: 1.1em; }
#frmOrderShow #basketItems .basketAdditionals #basketPriceTotal span { font-weight: bold; width: 100px; float: right; padding: 0; text-align: right; margin-right: 0.4em; }
#frmOrderShow #basketItems .basketAdditionals #basketPriceTax { font-size: 0.8em; }
#frmOrderShow #basketItems .basketAdditionals #basketPriceTax .price { width: 105px; float: right; text-align: right; padding: 0; margin-right: 0.5em; }
#frmOrderShow .checkoutStepsBottom { margin-top: 0; }
/********************************************
*
* basket finish
*
********************************************/
#orderNew { padding: 0 0.5em 0 0.5em; }
#orderNew h2 { margin: 0 0 0.5em 0; }
#orderNew p { font-size: 0.85em; }
#orderNew .button { float: left; width: auto; }
/********************************************
*
* checkout steps
*
********************************************/
.checkoutStepsTop { height: 2.5em; float: left; width: 47em; padding: 0.3em 0 0.1em 0; }
.checkoutStepsBottom { margin: 0.5em 0 0 0; padding: 0.5em 0 0.5em 0; height: 1.9em; width: 47em; }
.checkoutStepsTop li.left,
.checkoutStepsBottom li.left { display: none; /* display:block; */ padding-left: 0.5em; float: left; }
#basketItems li.left { display: block; }
.checkoutStepsTop li.right,
.checkoutStepsBottom li.right { padding-right: 0.5em; float: right; }
/********************************************
*
* 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; /* display:block; */ float: left; margin: 0 0.3em 0 0; }
#articleDesigns div ul li { float: left; margin: 0 0.3em 0 0; }
/********************************************
*
* producttype details (measure table)
*
********************************************/
#producttypeDetails { padding: 0 0.5em 0em 0.5em; }
#producttypeDetails #measureImage { padding: 4px 3px 0 4px; width: 193px; float: left; }
#producttypeDetails div { float: left; width: 30em; padding: 0 0 0 0.5em; margin: 0 0 0.5em 0; }
#producttypeDetails div span { display: block; clear: both; float: left; font-weight: bold; }
#producttypeDetails div ul { display: block; width: 20em; float: left; }
#producttypeDetails div ul li { float: left; margin: 0 0.4em 0 0; font-size: 0.85em; }
#producttypeDetails h4 { clear: both; margin: 0.5em 0 0.5em 0; }
#producttypeDetails #productDetailsImage { padding: 3px 3px 0 3px; float: none; width: 560px; }
#producttypeDetails .button { margin: 0.5em 0 0.5em 0; }
* html #producttypeDetails #productDetailsImage,
* html #producttypeDetails #measureImage { padding-bottom: 3px; /* fix for ie 6 */ }
*+html #producttypeDetails #productDetailsImage,
*+html #producttypeDetails #measureImage { padding-bottom: 3px; /* fix for ie 7 */ }
/********************************************
*
* impressum,  
* privacy,
* copyright, agb
*
********************************************/
#privacy,
#copyright,
#agb,
#help { padding: 0.5em 0.5em 0 0.5em; float: left; width: 46em; }
#impressum { float: left; width: 47em; 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%; }
/********************************************
*
* help, faq
*
********************************************/
.faqEmbedded { float: left; width: 47em; }
.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: 47em; 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; }
/********************************************
*
* footer
*
********************************************/
#menuFooter { clear: both; float: left; width: 47em; margin: 1em 0 0 0; }
#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; margin: 0 0 0.5em 0; }
#footer small { float: left; display: block; width: 44.5em; margin: 0.7em 0.5em 0.7em 0.5em; }
#footer a.powerd-by { display: block; margin-top: 0.6em; float: right; }
#footer a.powerd-by img { border: 0; }
/*
* End Spreadshop style *
*/


/* shop.css */
*{font:10px Verdana,Helvetica,sans-serif}
body{margin:0px;color:#990000;background:#000000;font:10px Verdana,Helvetica,sans-serif}
#container{width:940px;margin-left:-470px;margin-top:-270px;height:540px;position:absolute;left:50%;top:50%}
#container #bottom{width:660px;background:url(img/164920_dm_bottom.jpg) no-repeat;height:10px;left:270px;top:530px;position:absolute}
#container #inhalt{width:660px;background:url(img/164920_dm_content.jpg) no-repeat;height:480px;left:270px;top:50px;position:absolute}
#container #logo{width:270px;background:url(img/164920_dm_left.jpg) no-repeat;height:540px;left:0px;top:0px;position:absolute}
#container #right{width:10px;background:url(img/164920_dm_right.jpg) no-repeat;height:540px;left:930px;top:0px;position:absolute}
#container #topper{width:660px;background:url(img/164920_dm_top.jpg) no-repeat;height:50px;left:270px;top:0px;position:absolute}
#container #logo #navi{margin:260px 5px 20px 145px}
#container #logo #navi ul.navi{margin:0;padding:0;list-style:none}
#container #logo #navi ul.navi li{color:#c0c0c0;font:14px/26px Verdana,Helvetica,sans-serif;text-align:right}
#container #logo #navi ul.navi li a{color:#c0c0c0;font:14px/26px Verdana,Helvetica,sans-serif;text-decoration:none}
#container #logo #navi ul.navi li a:hover{color:#FFFFFF;font:14px/26px Verdana,Helvetica,sans-serif;text-decoration:none}
#container #inhalt .scrollable{border:1px dashed #000000;margin:5px;background:transparent;height:460px;overflow:auto}
#footer{margin-top:270px;width:470px;text-align:right;top:50%;left:50%;position:absolute}
img.pimg{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}
.MainContent{margin-left:10px;margin-right:10px;border:0 solid #CCCCCC;border-width:5px 1px 1px 1px}
.MainContent legend{color:#F8F8FF;font-weight:800;font-size:15pt;line-height:30px;letter-spacing:2px}


/* Begin Spreadshop style */
/********************************************
*
* Colours and fonts
*
*/
select,
input,
textarea { color: #000000; }
/********************************************
*
* font family
*
********************************************/
select,
input,
textarea,
body { font-family: Verdana, Helvetica, sans-serif; }
/********************************************
*
* link color, hover color
*
********************************************/
a,
a:visited,
a:active { color: #FFFFFF; }
a:hover,
ul.detailMenuPath li.mark,
.navigation div span,
#detailArticlePrint .detailArticleViews span strong a { color: #F5F5F5; }
/********************************************
*
* font color 1
*
********************************************/
body,
h1,
h4,
.navigation,
.basketAdditionals #frmProceed #basketPriceTotal div label,
#frmOrderShow #basketItems .basketAdditionals #basketPriceTotal label,
#footer small { color: #FFFFFF; }
/********************************************
*
* font color 2
*
********************************************/
h2 { color: #FFFFFF; }
/********************************************
*
* font color 3
*
********************************************/
h3 { color: #FFFFFF; }
/********************************************
*
* font color 5
*
********************************************/
h5,
.price-old,
#checkoutAddress form fieldset label,
#frmOrderShow #basketItems .basketAdditionals #basketPriceTax,
#frmOrderShow #basketItems .basketAdditionals #basketPriceTax .price { color: #FFFFFF; }
/********************************************
*
* font color 6
*
********************************************/
#detailArticlePrint h4,
#basketItems fieldset ul.basketColumn span,
.basketAdditionals #frmProceed div label,
.basketAdditionals #frmProceed #basketHandlingPrice span,
.basketAdditionals #frmProceed #basketShippingCoupon span,
.basketAdditionals #frmProceed #basketShippingPrice span strong,
.basketAdditionals #frmProceed #basketBonusPayment span,
.basketAdditionals #frmProceed #basketCoupon span,
#checkoutAddress form h3,
#checkoutAddress form .checkoutAdditionals fieldset div .price,
#checkoutPaymentInfo form div.paymentOption h3,
#checkoutPaymentInfo form div span strong,
#frmOrderShow #basketItems .basketAdditionals #basketCharging .price { color: #FFFFFF; }
/********************************************
*
* font color 7
*
********************************************/
#headerUserInformation ul li,
#detailArticlePrint fieldset,
#basketItems fieldset ul.basketColumn,
#articleRecommend fieldset label,
#checkoutAddress form .checkoutAdditionals fieldset div label,
#checkoutAddress form .checkoutAdditionals fieldset div p,
#checkoutPaymentInfo form label,
#checkoutPaymentInfo form fieldset,
#checkoutPaymentInfo div.paymentOption fieldset div label,
#checkoutPaymentInfo div.paymentOption fieldset p,
#frmOrderShow #basketItems .basketAdditionals #basketCharging,
.rowData td,
.rowData td.rowRange,
.basketAdditionals #frmProceed div span { color: #FFFFFF; }
/********************************************
*
* background color 1, background image
*
********************************************/
body { background: # url(); }
/********************************************
*
* background color 2
*
********************************************/
#main,
#tooltip,
#banner,
.popup,
.classicCompact form fieldset div.articleDesc,
.classicCompact form fieldset div.articlePrice,
#frmArticleDetails p.articleDesc,
#checkoutPaymentInfo ul.checkoutStepsTop,
#articleDesigns h3,
#producttypeDetails #productDetailsImage,
.faqPopup { background-color: #; }
/********************************************
*
* background color 3
*
********************************************/
.classicCompact form fieldset div.articleImages,
.classicCompact form fieldset ul,
.classicExtended form fieldset .articleImages,
.classicExtended form fieldset ul,
.basketAdditionals #frmProceed div div,
.rowData td,
#headerUserInformation,
#detailArticlePrint,
#articleRecommend .articleImages,
#basketItems fieldset ul.basketColumn,
#checkoutAddress form .checkoutAdditionals fieldset,
#checkoutPaymentInfo form div.paymentOption div,
#checkoutPaymentInfo form fieldset,
#frmOrderShow #basketItems .basketAdditionals #basketCharging,
#articleDesigns div,
#producttypeDetails #measureImage,
#menuFooter { background-color: #; }
/********************************************
*
* background color 4
*
********************************************/
#frmFilter,
#menuCheckout,
#menu li#menuItemShop.current a,
#menu li.current a,
#menu li a:hover,
form.topArticle fieldset .articleImages ul,
form.topArticle fieldset .articleImages { background-color: #; }
#menu li a { color: #; }
/********************************************
*
* background color 5
*
********************************************/
#menuCheckout a:hover { background-color: #; }
/********************************************
*
* background color 6
*
********************************************/
#menuCheckout ol li.current { background-color: #; }
/********************************************
*
* background color 7
*
********************************************/
#menu,
#menu li { background-color: #; }
#menu li a:hover,
#menu li.current a,
#menuCheckout ol li a,
#frmFilter h4 { color: #; }
/********************************************
*
* border colours
*
********************************************/
select,
input,
textarea,
.button.delete,
.tag,
.delicious,
.recommend,
.message a img,
.classicCompact form fieldset a img,
.classicExtended form fieldset a img,
.classicCompact .button.basket,
#tooltip,
#detailArticlePrint #detailArticleThumb,
#detailArticlePrint .detailArticleViews a img,
#detailArticlePrint .detailCurrentView a img,
#detailArticlePrint fieldset div span img,
#articleAdditionalLinks ul li a img,
#detailProductInformation img,
#articleRecommend .articleImages a img,
#basketItems a.thumb,
#basketItems fieldset .basketArticleImages a,
#basketItems li.basketColor img,
#articleDesigns div a img,
#producttypeDetails #measureImage img,
#producttypeDetails #productDetailsImage { border: 1px dashed #000000; }
/********************************************
*
* border colours (top)
*
********************************************/
.classicCompact form fieldset div.articlePrice,
.classicExtended form fieldset .articleDesc .articleSizes,
.classicExtended form fieldset div.articlePrice,
.checkoutStepsTop,
.checkoutStepsBottom,
.faqEmbedded .faqAnswer h5,
.basketAdditionals #frmProceed div,
#frmArticleDetails fieldset div#articlePrice,
#detailProduct,
#checkoutAddress #checkoutDeliveryAddress,
#checkoutAddress form .checkoutAdditionals,
#checkoutPaymentInfo form div.paymentOption,
#basketCheck div#listBasketCheck,
#frmOrderShow #basketItems,
#frmOrderShow #basketItems .basketAdditionals,
#frmOrderShow #basketItems .basketAdditionals #basketSum,
#impressum #impressumSpreadshirt { border-top: 1px dashed #000000; }
/********************************************
*
* border colours (bottom)
*
********************************************/
.detailMenuPath,
.classicCompact form fieldset div.articlePrice,
.classicExtended form fieldset div.articlePrice,
* html .classicExtended form,
* html .classicExtended form fieldset .articleDesc,
#frmRegister,
#frmArticleDetails,
#frmArticleDetails .articleProducttypeDesc,
#frmArticleDetails p.articleDesc,
#basketItems .updateBasketItem:hover,
#basketItems .updateBasketItem,
#basketAddressSelect fieldset,
#basketAddressSelect .checkoutInformation { border-bottom: 1px dashed #000000; }
/********************************************
*
* border colours (left)
*
********************************************/
#ssl a,
#headerUserInformation ul.left li,
#headerUserInformation ul.right li { border-left: 1px dashed #000000; }
/********************************************
*
* border colours (right)
*
********************************************/
.rowHL td,
#menu li,
#menuFooter ul li,
#headerUserInformation ul.right { border-right: 1px dashed #000000; }
/********************************************
*
* border colours (hover)
*
********************************************/
.tag:hover,
.delicious:hover,
.recommend:hover,
.message a:hover img,
.classicCompact form fieldset a:hover img,
.classicCompact .button:hover.basket,
.classicExtended form fieldset a:hover img,
#detailArticlePrint .detailArticleViews a:hover img,
#detailArticlePrint .detailCurrentView a:hover img,
#articleAdditionalLinks ul li a:hover img,
#articleRecommend .articleImages a:hover img,
#basketItems fieldset a:hover,
#basketItems fieldset .basketArticleImages a:hover,
#articleDesigns div a:hover img { border: 1px dashed #FF0000; }
/********************************************
*
* message boxes
*
********************************************/
.error { border: 1px dashed #bf4500; color: #bf4500; }
.pending { border: 1px dashed #cc9933; color: #cc9933; }
.info { border: 1px dashed #0060a1; color: #0060a1; }
.success { border: 1px dashed #009933; color: #009933; }
/********************************************
*
* article images (background, hardcoded)
*
********************************************/
.button.delete,
#detailArticlePrint #detailArticleThumb,
#detailArticlePrint fieldset div span img,
#basketItems li.basketColor img,
#articleDesigns div a img { background-color: #fff; }
/* End Spreadshop style */
.price{ color:#fff;font-weight:bold; }