/* Stylesheet for fixing IE7 Layout for basecado shop */
/* imported with Conditional Comment [ if lte IE7 ]*/
/*
<!-- #bbinclude "filestat.pl" -->
                        Filename:     css_ie7.css
                        Filesize:     5459 Byte
                        Last update:  10-Aug-2012 13:04 +1200
                        By:           Peter Scheuerl
<!-- end bbinclude -->
*/

/* fix peek-a-boo bug and HasLayout*/
.middle, .longdescr, .breadcrumb li,  {height: 1%;}

/* ########################
To fix z-index and position:relativ bug:
get the navigation and the rest of the content into relative positioned relation to each other,
so IE accepts the z-indexes relative to each other instead of seperate
*/
#content {position: relative;} /* to have a parent to the nav and the rest */
#nav {position: relative; z-index: 50 !important;} /* to get the nav above all others */

/* all elements wich children need relative positioning need to be listed here */
body, #searchmodul, #main1, #left, #right, #midrighthead, #middle, .leftbox, .teasercontent
{position: relative; z-index: 1}

/* END of z-index fix
####################### */

#middle {min-height: 200px;} /* give hasLayout to middle */

#loginmodul form input.textinput {width: 125px; line-height: 1.2em;}
#loginmodul form img {top: 0;}
#loginmodul form a.loginlink  {margin-top: 2px;}
#searchmodul form label span {position: relative; top: -5px; left: -3px}
#searchmodul form input {width: 261px; margin: 0 5px 5px 3px;}
#searchmodul form select {position: relative; top: -4px;}
#searchend {margin-right: -3px}

/* Following was needed earlier, but produces problems with bigger font size testig needed */
/* IE7 under some circumstances does not display nav items (but renders them and acknowledges them as links) if white-space is set to nowrap
#nav .mainnav li {white-space: nowrap;}
*/

/* IE needs something in background to understand :hover */
.subnav1, .subnav2 {background: url(../blank.gif);}

#nav .mainnav .subnav1 li {margin-bottom: -3px;}

.subnav1 {top: 1.4em}

.themenav a.backlink {font-size: .75em; position: relative; top: -2px}
.head span {padding-top: 0;}

.numberitem .number a:link, .numberitem .number a:visited {font-weight: bold}
.numberitem .shortdescr h4, .numberitem .price {font-size: .9em; padding: 0;}

/* declaring images display:block will remove whitespace errors */
.leftupperend, .leftlowerend, .middleboxupperend, .lightboxdiv img, .popboxdiv img, .emotional
{display: block}

.breadcrumb li {display: inline; margin-bottom: 0}

.teaser div.price span, .teaser div.pricereduced span,
.themeteaser1x1 div.price span, .themeteaser1x1 div.pricereduced span
{font-weight: bold}

.suggest .info h3 {font-size: 1.2em}
.suggest .xbutton {width: 80px; white-space: nowrap}

.leftbox .slide4 .longdescr .sellmid { height: 140px;}

#middle .themeteaser1x1 .middleboxlowerend {position: relative; bottom: 3px; z-index: 1}
#right .middleboxlowerend {position: relative; bottom: -3px; z-index: 1}
.teaser1x1 {margin-bottom: -5px; }
#right .teaser1x1 {margin-bottom: 8px; }

.middlebox {margin-bottom: 10px}

.comments .rating {padding-top: 0px;}
.comments .rating select {font-size: .9em; margin-left: 25px; border-color:#666; position: relative; top: 2px}

.commentbox .submitter {margin-bottom: 0 }

.tabbox .producttable .tools .buttons input {padding-left: 3px}
form.colorselect .buttons {margin-top: 1.3em; }

.middlerightnar .teaser1x1 .head {padding-right: 5px;}

h2.orderprocess {font-weight: bold}

.orderlightbox h2 {float: left}

.tagcloud2 { margin-bottom: 7px;} /* SAME value as in standard.css, but still needed here... */

/* correct error in how the "more" link in Product box is floated in IE6 + IE7
.productbox .shortdescription .morelink, .productbox .bottomblock .extra .morelink {margin-top: -1.3em; background: #fff}
*/
.productbox .bottomblock .postage {margin-top: -1.3em; background: #fff}
.productbox .bottomblock .recommend {margin-top: 3px}
.productbox .toolbox .bottomblock .xbutton input {width: 9.5em; cursor: pointer; margin: -3px -2px -1px -3px;}
.productbox .toolbox .bottomblock .xbutton input.textinput {width: 20px; margin-left: 0px}

.halfbox form {margin-top: 0}

/* putting bottomblock too far to the right */
.productbox .toolbox .bottomblock {right: 10px;}

/* Button width: making display: inline-block 'work' */
.xbutton, .buttonback, .themenav a.backlink
{display: inline}

.longdescr .xbutton, .longdescr .xbutton a {position: static !important;}

/* Fix far too wide buttons */
.buttonback input, .buttoncart input, .buttonnext input
{width: 1%; }

.quantity .xbutton {background-color: #fff;}
.xbutton {text-align: left; }
.xbutton input {width: 1%;}

/* for automatic generated form content */

.regleft {float: left; width: 345px; padding-right: 10px; margin-top: 66px}
.orderlightbox .customer_type_selection {width: 345px; position: absolute; top: 78px}
.orderlightbox .buttonback, .orderlightbox .buttonnext {position: relative; top: 5em;}
#paymentMethod label {left: 0px; }
#rating .rating {margin-top: 0px}

/* IE7 Bug: takes the margin-right for some children of .directorder and .orderlightbox, so it has to be computed differently */
div.directorder {width: 698px; margin-right: 0px;}
div.orderlightbox {width: 698px; margin-right: 0px;}

/* images in legend to low */
.legend img {top: 4px}

/* doesn't get the filter gradient... */
form.newsletter {background: #ff9d08;}
.servicebox {background: #cccccc;}