@charset 'utf-8';
/* 
    Document   : shoeAnsicht
    Created on : Oct 8, 2009, 12:26:24 PM
    Author     : dirk
    Description:
        Purpose of the stylesheet follows.
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333333;
    font-family: Arial, sans-serif, Helvetica;
    font-size:14px;
	
}
p {
    margin: 5px 0;
}
ol, ul {
	list-style: none;
}
.clear {
    clear:both;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.center {
    /*text-align: center;*/
}
.inlineBlock {
    display:inline-block;
}
img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#catCage {
    width: 960px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}

#filter {
    width: 215px;
    height: 600px;
    float: left;
    margin-left:2px;
   
}
#filter ul li {
    margin-left:22px;
    color:#0CAAD1;
    font-size:11px;
    
}
#filter h4 {
    font-size:14px;
    font-weight:bold;
    margin:15px 0 5px 25px;
    color: #333333;
}
#produktkatalog {
    width:960px;
    float: left;
}
#flashCatCage {
    position:absolute;
    left:0;
    top:0;
    width:945px;
    overflow:hidden;
}
h4.product {
	color:#0CAAD2;
    font-size:14px;
    font-weight:bold;
    height:15px;
    margin:0;
    overflow:hidden;
}

div#pagerCage {
	float:left;
	height:20px;
	padding:0 0 0 14px;
	position:relative;
	width:725px;
}
div#catalog {
    float:left;
    width:741px;
    height:542px;
    overflow:hidden;
    border-top: 1px solid #E8E8E8;
}

div#textilCatalog {
    float:left;
    width:741px;
    height:658px;
    overflow:hidden;
    border-top: 1px solid #E8E8E8;
}
div.productCage {
    padding:15px 13px 15px 13px;
    width: 156px;
    height: 240px;
    float: left;
    border: 1px solid #E8E8E8;
    border-width: 0 1px 1px 0;
    position: relative;
    
}
div.productCage.noBorder {
    border-right: 0px none;
}

div.textilCage {
    padding:15px 13px 15px 13px;
    width: 156px;
    height: 298px;
    float: left;
    border: 1px solid #E8E8E8;
    border-width: 0 1px 1px 0;
    position: relative;
    
}
div.textilCage.noBorder {
    border-right: 0px none;
}

div.shoeImg {
    height: 105px;
    
}
div.shoeImg a img {
    border: 0px none;
}
div.shoeImg img {

    max-height: 105px;
}

div.textilImg {
    height: 158px;
    text-align:center;
}
div.textilImg a img {
    border: 0px none;
}
/* Pager */
div.pagerNumberCage {
    float:left;
    height:15px;
    overflow:hidden;
    width:auto;
    margin-right:12px;
}
span.activePage {
    color: #333333;
    font-weight: bold;
    float: left;
    margin: 0 2px;
    font-size: 13px;
}
span.pager {
    display: block;
    float: left;
}
span.pager a {
    display:block;
    background-repeat:no-repeat;
    width:110px;
    height:14px;
    font-size: 13px;
}
div.pagerNumberCage span.pager a{
    display:inline;
    background-repeat:no-repeat;
    width:auto;
    height:auto;
}
span.pager a,
span.pager a:visited,
span.pager a:active {
   color: #0CAAD2;
   text-decoration:none;
   margin: 0 2px;
}
span.pager a:hover,
div.pagerNumberCage span.pager a:hover {
    text-decoration:underline;
}
span.pager a:focus,
div.pagerNumberCage span.pager a:focus {
    color: #C00000;
}

div.pagerNumberCage span.pager a,
div.pagerNumberCage span.pager a:visited,
div.pagerNumberCage span.pager a:active {
   color: #0CAAD2;
   text-decoration:none;
   margin: 0 2px;
}

span.pager a.firstPageDeact,
span.pager a.firstPageDeact:hover,
span.pager a.firstPageDeact:active,
span.pager a.firstPageDeact:focus {
    text-decoration: none;
    color: #333333;
}
span.pager a.PagerLastDeact,
span.pager a.PagerLastDeact:hover,
span.pager a.PagerLastDeact:active,
span.pager a.PagerLastDeact:focus {
    text-decoration: none;
    color: #333333;
}
span.pager a.nextPageDeact,
span.pager a.nextPageDeact:hover,
span.pager a.nextPageDeact:active,
span.pager a.nextPageDeact:focus {
    text-decoration: none;
    color: #333333;
}

span.pager a.PagerBackDeact,
span.pager a.PagerBackDeact:hover,
span.pager a.PagerBackDeact:active,
span.pager a.PagerBackDeact:focus {
    text-decoration: none;
    color: #333333;
}
span.pager a.PagerPrevDeact,
span.pager a.PagerPrevDeact:hover,
span.pager a.PagerPrevDeact:active,
span.pager a.PagerPrevDeact:focus {
    text-decoration: none;
    color: #333333;
}

a.firstPageDeact,
a.firstPage {
    background-image: url(/images/produktkatalog/firstPg.gif);
    text-indent:-9999em;
}

a.PagerLastDeact,
a.PagerLast {
    background-image: url(/images/produktkatalog/lastPg.gif);
    text-indent:-9999em;
}
a.PagerNext,
a.nextPageDeact
 {
    background-image: url(/images/produktkatalog/nxtArr.gif);
    text-indent:-9999em;
}
a.PagerBackDeact {
    background-image: url(/images/produktkatalog/prevArr.gif);
    text-indent:-9999em;
}
a.PagerPrev,
a.PagerPrevDeact {
    background-image: url(/images/produktkatalog/prevArr.gif);
    text-indent:-9999em;
}
span.pager a:hover,
span.pager a:focus {
    background-position: 0 -28px;
}
a.PagerPrevDeact,
a.PagerBackDeact,
a.nextPageDeact,
a.PagerLastDeact,
a.firstPageDeact
{
    background-position: 0 -14px!important;
}

div.results {
    background-color: #e8e8e8;
    height: 35px;
    font-size: 16px;    
    width:741px;
    float:left;
    position:relative;
    margin:10px 0;
}

div#rs2.results {
    position: relative;
    left: 217px;
    top:-12px;
}

div.AmntResults {
    float:left;
    margin-left:15px;
    margin-top: 9px;
    font-weight: bold;
}
span.resCount {
    font-weight:bold;   
}

div.perPage {
    float:right;
    margin-right:15px;
    margin-top: 7px;
}

p.description {
    font-size:11px;
    height:90px;
    line-height:15px;
    margin:3px 0;
    overflow:hidden;
    width:156px;
}
a.shoeDetail,
a.shoeDetail:visited {
    display:block;
    height:100%;
    position:absolute;
    top:0;
    width:100%;
    text-decoration:none;
    color: #c00001;
    background-image: url(/images/produktkatalog/plus.gif);
    background-repeat:no-repeat;
    background-position: 13px 247px;
}
a.shoeDetail:hover,
a.shoeDetail:active,
a.shoeDetail:focus {
    color: #333333;
    text-decoration:none;
}

div.productCage a.shoeDetail span.details {
    left:30px;
    position:absolute;
    top:246px;
    width:125px;
}

div.textilCage a.shoeDetail {
    background-position: 13px 305px;
}

div.textilCage a.shoeDetail span.details {
    left:30px;
    position:absolute;
    top:304px;
    width:125px;
}

div.filterHead {
    background-color:#E8E8E8;
    height:15px;
    width:165px;
    margin: 10px 0 10px 0px;
    padding: 10px 0 10px 25px;;
    text-align: left;
    font-weight: bold;
    color: #555;
    font-size: 14px;
}
a.reset,
a.reset:visited,
a.reset:active {
    font-weight:bold;
    color: #0CAAD1;
    text-decoration: none;
    margin: 5px 0 15px 25px;
    font-size:13px;
}
a.reset:hover,
a.reset:focus {
    text-decoration: none;
    color: #C00001;
}


/* Gender Symbols */

div.productCage span {
    position:absolute;
    display:block;
    width: 32px;
    height:16px;
    background-repeat:no-repeat;
    top:3px;
    right:2px;
}

div.textilCage span {
    position:absolute;
    display:block;
    width: 32px;
    height:16px;
    background-repeat:no-repeat;
    top:3px;
    right:2px;
}

.Unisex{
    background-image: url(/images/produktkatalog/unisex.gif);
    opacity:0.5;
    filter: alpha(opacity=50%);
}
.Manner {
    background-image: url(/images/produktkatalog/male.gif);
        opacity:0.5;
        filter: alpha(opacity=50%);
}
.Frauen {
    background-image: url(/images/produktkatalog/female.gif);
        opacity:0.5;
        filter: alpha(opacity=50%);
}
iframe {
    overflow:hidden;
    
}
#scrollNavi a:hover {
    background-position: 0 -15px;
}
#scrollNavi a:active,
#scrollNavi a:focus {
    background-position: 0 -30px;
}


a#scrollUp {
    background-position: 0 0;
    bottom: 0px;
    display:block;
    background-image:url(/images/produktkatalog/scrollUp.gif);
    background-repeat: no-repeat;    
    height: 15px;
    width:  23px;
    margin: 0px auto;    
    cursor: pointer;
    position:absolute;
    top:10px;
    left: 455px;
    text-indent: -9999999em;
}

a#scrollDown {
    background-position: 0 0;
    background-image:url(/images/produktkatalog/scrollDown.gif);
    background-repeat: no-repeat;
    bottom: 0px;
    display:block;    
    height: 15px;
    width:  23px;
    margin: 0px auto;
    cursor: pointer;
    position:absolute;
    top:10px;
    left: 264px;
    text-indent: -9999999em;
}
div#scrollNavi a#scrollUp span,
div#scrollNavi a#scrollDown span {
    display:none;
}

div#scrollNavi {
    position: relative;
    left: 216px;
    text-align: center;
    top:-1px;
}

div#scrollNavi span {
    display:block;
    color:#333333;
    
    padding-top: 8px;
}






/* Highslide Controls mod */
    /*****************************************************************************/
    /* Controls for the galleries.                                    */
    /* Remove these if you are not using a gallery                        */
    /*****************************************************************************/
    .highslide-controls {
       width: 105px;
       height: 40px;
       background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
       margin: 20px 15px 10px 0;
    }
    .highslide-controls ul {
       position: relative;
       left: 15px;
       height: 40px;
       list-style: none;
       margin: 0;
       padding: 0;
       background: url(graphics/controlbar-white.gif) right -90px no-repeat;
    }
    .highslide-controls li {
       float: left;
       padding: 5px 0;
       margin:0;
       list-style-type: none;
    }
    .highslide-controls a {
       background-image: url(graphics/controlbar-white.gif);
       display: block;
       float: left;
       height: 30px;
       width: 30px;
       outline: none;
    }
    .highslide-controls a.disabled {
       cursor: default;
    }
    .highslide-controls a span {
       /* hide the text for these graphic buttons */
       display: none;
    }


    /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
    .highslide-controls .highslide-previous a {
       background-position: 0 0;
    }
    .highslide-controls .highslide-previous a:hover {
       background-position: 0 -30px;
    }
    .highslide-controls .highslide-previous a.disabled {
       background-position: 0 -60px !important;
    }
    .highslide-controls .highslide-play a {
       background-position: -30px 0;
       display: none;
    }
    .highslide-controls .highslide-play a:hover {
       background-position: -30px -30px;
    }
    .highslide-controls .highslide-play a.disabled {
       background-position: -30px -60px !important;
    }
    .highslide-controls .highslide-pause a {
       background-position: -60px 0;
    }
    .highslide-controls .highslide-pause a:hover {
       background-position: -60px -30px;
    }
    .highslide-controls .highslide-next a {
       background-position: -90px 0;
    }
    .highslide-controls .highslide-next a:hover {
       background-position: -90px -30px;
    }
    .highslide-controls .highslide-next a.disabled {
       background-position: -90px -60px !important;
    }
    .highslide-controls .highslide-move a {
       background-position: -120px 0;
       display: none;
    }
    .highslide-controls .highslide-move a:hover {
       background-position: -120px -30px;
    }
    .highslide-controls .highslide-full-expand a {
       background-position: -150px 0;
       display: none;
    }
    .highslide-controls .highslide-full-expand a:hover {
       background-position: -150px -30px;
    }
    .highslide-controls .highslide-full-expand a.disabled {
       background-position: -150px -60px !important;
    }
    .highslide-controls .highslide-close a {
       background-position: -180px 0;
    }
    .highslide-controls .highslide-close a:hover {
       background-position: -180px -30px;
    }
    .highslide-controls ul li a {
        margin-right:40px;
    }
    .highslide-controls ul li.highslide-close a {
        margin-right: 0px;
    }
    
    div#filter h4{
     color: #666;
    }
    
    .hideHead {
    	display:none;
    }