@charset "UTF-8";
/* main divs START */
#pageWrapper {
margin: auto;
width: 950px;
}
#popupWrapper {
background-color: white;
padding-left: 10px;
padding-right: 10px;
}
/* shadows */
#pageContainer{
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
min-width: 940px;
width: 950px;
margin-left: 4px;
padding-top: 3px;
overflow: hidden;
}
#pageHead{
padding-top: 1px;
}
#pageHead{
background-color: transparent;
background-position: left top;
background-repeat: repeat-y;
margin-left: 4px;
padding-left: 4px;
width: 950px;
}
/* QuickWins: new Header start */
#pageHeadContainerLeft {
float: left;
}
#pageHeadContainerRight {
float: left;
width: 560px;
position: relative;
z-index: 200;
}
#pageHeadLogo {
clear: left;
width: 347px;
min-height: 41px;
}
#pageHeadContainerRightSub {
clear: right;
}
#pageHeadMetaNav {
height: 20px;
background: #fff;
margin-top: 6px;
float: right;
}
#pageHeadSearch {
float: left;
padding-top: 13px;
position: absolute;
}
#pageHeadCartMini {
float: left;
}
#pageHeadGlobalNavTabs {
height: 30px;
width: 366px;
}
#pageHeadGlobalNavSub {
clear: left;
width: 934px;
height: 35px;
}
#headerRootnavEntries {
float: left;
}
/* QuickWins: new Header stop */
#startpageBigTeaser{
background-color: transparent;
background-position: 4px bottom;
background-repeat: no-repeat;
overflow: hidden;
height: 1%;
padding-left: 4px;
}
.startpageBigTeaserInner{
background-color: transparent;
background-position: left top;
background-repeat: repeat-y;
margin-bottom: 4px;
padding-left: 4px;
}
/*
Navigation
*/
#leftNav {
background-color: transparent;
background-position:4px bottom;
background-repeat:no-repeat;
width: 189px;
float: left;
margin: 8px 0 10px 0;
overflow: hidden;
}
#leftNavOuter{
background-color: transparent;
background-position: 4px top;
background-repeat:no-repeat;
padding-top: 4px;
padding-left: 4px;
}
#leftNavInner{
background-color: transparent;
background-position: left top;
background-repeat: repeat-y;
margin-bottom: 6px;
overflow: hidden;
padding-left: 4px;
}
/*
Main Content
*/
#mainContent{
display: inline-block;
width: 756px;
margin: 8px 0 10px 0; /*-1px*/
}
.mainContentShad {
background-color: transparent;
background-position: 8px bottom;
background-repeat: no-repeat;
/*width: 750px;*/
float: left;
margin-bottom: 5px;
overflow: hidden;
padding-left: 0px;
margin-left: 0px;
}
.checkout .mainContentShad {
width: 934px;
}
.mainContentShadOuter{
background-color: transparent;
background-position: 4px top;
background-repeat: no-repeat;
padding-top: 4px;
/*padding-left: 4px;*/
width: 756px;
/*border: 3px solid #e4e4e4;*/
}
.checkout .mainContentShadOuter{
padding-left: 0;
width: auto;
}
#mainContentWide .mainContentShadOuter {
width: 927px;
}
.mainContentShadInner{
background-color: transparent;
background-position: left top;
background-repeat: repeat-y;
margin-bottom: 6px;
overflow: hidden;
padding: 10px 20px;
}
.mainContentPicShadInner{
background-color: transparent;
background-position: left top;
background-repeat: repeat-y;
margin-bottom: 6px;
overflow: hidden;
padding: 0px;
}
.mainContentPicShadInner div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
margin: 0 0 0 -2px;
}
.mainContentPicShadInner div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0px;
}
.mainContentPicShadInner .imagemap {
margin: 0 0 0 5px;
}
.nobs_iFrame {
width: 185px;
height: 57px;
}
/*
Example usage:
either do...
...or...
...where the first one is without a background color (i. e. white, since the shadow image
has white background color) and the second one enables to insert either a background color
or a background image into by using an additional class for the inner "content" div
*/
.mainContentTeaser1col,
.mainContentTeaser2col,
.mainContentTeaser3col {
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
float: left;
margin-bottom: 5px;
margin-left: 2px;
margin-right: 1px;
overflow: hidden;
padding-left: 3px;
padding-top: 3px;
}
.mainContentTeaser1col{
position:relative;
left: 1px;
}
.mainContentTeaser1col .inner {
width: 241px;
}
.mainContentTeaser2col .inner {
width: 492px;
}
.mainContentTeaser2col.mainContentTeaserWide .inner {
width: 367px;
}
.mainContentTeaser3col .inner {
width: 744px;
}
.startPageTeaserContainer .mainContentTeaser1col {
margin-left: 1px;
left: 0px;
}
.startPageTeaserContainer .mainContentTeaser1col .inner {
width: 304px;
}
.startPageTeaserContainer .mainContentTeaser2col.mainContentTeaserWide .inner {
width: 460px;
}
.mainContentTeaser1col .inner .content,
.mainContentTeaser2col .inner .content,
.mainContentTeaser3col .inner .content {
background-position: left top;
background-repeat: repeat-x;
}
.mainContentTeaser1col .inner,
.mainContentTeaser2col .inner,
.mainContentTeaser3col .inner{
background-color: transparent;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 4px 3px 0px;
overflow: hidden;
}
/*.mainContentTeaser1col .inner p,
.mainContentTeaser2col .inner p,
.mainContentTeaser3col .inner p{
margin: 10px;
}
.mainContentTeaser1col .inner .content p,
.mainContentTeaser2col .inner .content p,
.mainContentTeaser3col .inner .content p{
}*/
.mainContentTeaser1col .inner p,
.mainContentTeaser2col .inner p,
.mainContentTeaser3col .inner p{
margin: 0;
}
.mainContentTeaser1col .inner .content,
.mainContentTeaser2col .inner .content,
.mainContentTeaser3col .inner .content {
height: 141px;
padding-left: 15px;
}
.startPageTeaserContainer .mainContentTeaser1col .inner .content,
.startPageTeaserContainer .mainContentTeaser2col .inner .content,
.startPageTeaserContainer .mainContentTeaser3col .inner .content {
height: 121px;
}
.mainContentTeaser1col.mainContentTeaserVarHeight .inner .content,
.mainContentTeaser2col.mainContentTeaserVarHeight .inner .content,
.mainContentTeaser3col.mainContentTeaserVarHeight .inner .content {
height: auto;
}
.bigTeaser .inner .content {
height: 293px;
}
/*.mainContentTeaser3col .inner,
.mainContentTeaser3col .inner .content {
height: 1%;
}*/
#pageContainer .startPageContent{
min-width: 940px;
width: 940px;
margin-left: 6px;
}
#pageContainer .startPageTeaserContainer{
min-width: 940px;
width: 940px;
margin-left: 4px;
overflow: hidden;
margin-bottom: 28px;
}
/*
* Typo3 Sub Template
*/
/* sub02 */
#B {
clear :both;
width: 251px;
float: left;
}
#C {
width: 504px;
float: left;
}
#D {
clear: both;
}
#E {
clear: both;
width: 504px;
float: left;
}
#F {
width: 249px;
float: left;
}
#G {
clear: both;
}
/* forms and form fields */
input {
border: 1px solid;
font-family: verdana;
font-size: 10px;
}
select {
font-family: verdana;
font-size: 10px;
}
/*
*
Product tabs
*
*/
/* root element for tabs */
ul.tabNavigation,
ul.tabNav {
padding:0;
height:42px;
margin-left: 0px;
}
/* single tab */
ul.tabNavigation li,
ul.tabNav li {
float:left;
padding:0;
margin-bottom: 3px;
list-style-type:none;
top: 6px;
position: relative;
border-top: 3px solid #e4e4e4;
border-right: 3px solid #e4e4e4;
border-left: 3px solid #e4e4e4;
border-bottom: none;
}
ul.tabNav li {
/* top: 2px; */
}
ul.tabNavigation li a,
ul.tabNav li a {
text-decoration: none;
display: inline-block;
}
/* link inside the tab. uses a background image */
ul.tabNavigation a h5,
ul.tabNav a h5 {
float:left;
font-size:13px;
display:block;
padding:9px 30px 0 30px;
text-decoration:none;
height:27px;
color: #303030;
font-weight: bold;
cursor: pointer;
}
ul.tabNavigation li:first-child a h5,
ul.tabNav li:first-child a h5 {
margin-left: 5px;
}
/* selected tab */
ul.tabNavigation a:hover,
ul.tabNavigation li:hover,
ul.tabNavigation a.current,
ul.tabNav a:hover,
ul.tabNav li:hover,
ul.tabNav a.current {
background-position: left top;
color: #003E5D;
}
ul.tabNavigation a:hover h5,
ul.tabNavigation li:hover h5,
ul.tabNavigation a.current h5,
ul.tabNav a:hover h5,
ul.tabNav li:hover h5,
ul.tabNav a.current h5 {
background-position: right top;
}
/* tab pane */
.css-panes div {
display:none;
}
/* Product variation tabs */
/* root element for tabs */
ul.variationTabs {
margin:0 !important;
padding:0;
height:30px;
}
/* single tab */
ul.variationTabs li {
float:left;
padding:0;
margin-right:2px;
list-style-type:none;
position: relative;
top: 2px;
}
/* tab pane */
div.variationPanes {
padding:10px 5px;
}
/* container */
#variationContainer {
margin-top: 23px;
width: 335px;
}
#variationContainer a {
font-weight: bold;
font-size: 11px;
display: inline-block;
padding-left: 5px;
padding-right: 8px;
text-decoration: none;
margin-right: 2px;
text-align: center;
}
#variationContainer ul.variationTabs li a {
padding: 0;
text-decoration: none;
color: #9A968C;
}
#variationContainer ul.variationTabs li a span {
float:left;
display:block;
padding:10px 10px 0 10px;
text-decoration:none;
height:20px;
margin-right:2px;
font-size: 12px;
}
#variationContainer ul.variationTabs li a.current,
#variationContainer ul.variationTabs li a:hover {
color: #3A3935;
}
#variationContainer ul.variationTabs li a.current span,
#variationContainer ul.variationTabs li a:hover span{
cursor:pointer;
margin-right: 2px;
}
/* Product detail page */
div.rightCol .orderPrice {
margin-top: 5px;
font-weight: bold;
font-size: 13px;
}
div.rightCol .pandp {
margin-top: 5px;
font-size: 10px;
}
.strikethrough {
font-size: 11px;
text-decoration: line-through;
display: inline-block;
padding-left: 5px;
padding-right: 8px;
border-right-style: dotted;
border-width: 1px;
}
.productSizehelper {
display: inline-block;
float: right;
margin-top: 3px;
margin-bottom: 5px;
margin-left: 93px;
font-size: 10px;
}
.productSizehelper a {
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
div.rightCol .hr {
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #6F3030;
height: 1px;
width: 240px;
margin-top: 8px;
margin-bottom: 8px;
}
div.rightCol a {
font-size: 10px;
}
div#matrixContainer {
position: absolute;
top: 49px;
left: 10px;
background-color: white;
}
div.availabilityMatrixContainer {
padding: 10px;
border-width: 10px;
border-style: solid;
float: left;
}
div.availabilityMatrixContainerInner {
border-width: 10px;
border-style: solid;
float: left;
}
div.availabilityMatrixVerticalContainer {
float: left;
}
div.availabilityMatrixVariationCell {
border-top-width: 0px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 0px;
border-left-style: solid;
margin: 0px;
padding: 2px;
}
div.availabilityMatrixSizeCell {
border-top-width: 0px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 0px;
border-left-style: solid;
margin: 0px;
padding: 2px;
}
div.availabilityMatrixColorCell {
border-top-width: 0px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 0px;
border-left-style: solid;
margin: 0px;
padding: 2px;
}
div.availabilityMatrixCell {
text-align: center;
border-top-width: 0px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 0px;
border-left-style: solid;
margin: 0px;
padding: 2px;
}
img.availabilityMatrixImg {
width: 10px;
height: 10px;
}
div.MorePicturesRow ul {
display: inline;
list-style: none;
list-style-type: none;
}
div.MorePicturesRow li {
display: inline;
list-style: none;
list-style-type: none;
}
/* temporary! To be removed in live system! */
div.MorePicturesRow li img {
/* height: 100px; */
}
#pageFooterPrint {
text-align: center;
border-top: 1px solid #000;
padding-top: 10px;
margin-top: 10px;
display: none;
}
.printLogo {
display: none;
}
/* start QW:PDS */
#mainContentWide{
display: inline-block;
width: 933px;
margin: 8px 0 10px 7px;
}
#qwHelperNavigation {
margin-bottom: 15px;
border-bottom: 1px solid #d7d7d7;
display: block;
padding-bottom: 6px;
}
.divReturnCatalog {
float: left;
height: 19px;
padding-bottom: 5px;
}
.divCatalogPager {
float: right;
}
.divReturnCatalog a.naviButtonBack {
display: block;
height: 19px;
overflow: hidden;
padding-top: 1px;
padding-left: 28px;
background: transparent url(/fileadmin/templates/BASE/img/naviBackButtonSprite.gif) no-repeat;
background-position: 0 0;
}
.divReturnCatalog a.naviButtonBack:hover {
background-position: 0 -20px;
}
.dmc_mb3_product_01 .orderContainer {
margin: 10px;
}
#productDetailDescriptionContainer {
clear: both;
padding-top: 30px;
padding-bottom: 20px;
}
#availibilityInfoContainer {
margin: 0;
padding: 10px;
border: 3px solid #eaeaea;
border-top: 1px solid #eaeaea;
position: relative;
width: 309px;
}
#availibilityInfoContainer > span {
width: 180px;
}
#availibilityInfoContainer > span.productSizehelper {
float: right;
margin: 0;
padding: 0;
position: absolute;
bottom: 10px;
right: 10px;
width: auto;
}
#availibilityInfoContainer > span.productSizehelper a {
color: #333 !important;
background: #fff url(/fileadmin/templates/BASE/img/size_helper.png) no-repeat -4px -1px;
}
#containerInteractiveForms {
visibility: hidden;
}
.headersearchcontainerLeft {
float: left;
margin-bottom: 10px;
}
.headersearchcontainerLeft h1 {
margin: 0;
padding: 0;
}
.headersearchcontainerRight {
float: left;
margin: 11px 0 0 20px;
}