/* ------------------------------------------------------------------------------------------ */
/* Resetting style formats                                                                    */
/* ------------------------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body{
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    background: none;
}

/* ------------------------------------------------------------------------------------------ */
/* Common text formatting                                                                     */
/* ------------------------------------------------------------------------------------------ */
h1{
    font-size: 28px;
    line-height: 29px;
}
h2{ 
    font-size:15px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color: #643d2b;
    font-weight:normal;
    margin: 0 0 3px 0;
    text-shadow: #e8e6de 1px 1px 1px;   
}
h3{ 
    font-size:12px;
    font-weight:bold;
}
p{ 
    font-size:12px;
    color: #808080;
}
a:link, a:visited, a:active{
    text-decoration: none; 
    color: #643d2b;
}
a:hover{ 
    color: #643d2b;
    text-decoration:underline;
}

#content p{
    margin: 0 0 5px 0;
}

p.price{
    color: #830210;
}
span.ovh{
    color: #888372;
}
input,
textarea,
select{
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, serif;
    line-height: 12px;
}


/* ------------------------------------------------------------------------------------------ */
/* Top-level structural definitions                                                           */
/* ------------------------------------------------------------------------------------------ */
#pageContainer{
        background: none;
    margin: 0;
    padding: 20px 0 0 0;
    min-height: 700px;
}

#page{
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}
#contentArea{
    margin: 0 0 0 0;
    padding: 0 17px 0 17px;
    background: none;
}
#contentContainer{  
    width: 699px;
}

/* ------------------------------------------------------------------------------------------ */
/* Header                                                                                     */
/* ------------------------------------------------------------------------------------------ */
#header{
    display: none;
}
#logo{
    display: none;
}
#search{
    display: none;
}
#slogan{
    display: none;
}
.frontpage #slogan{
    height: 239px;
}

/* ------------------------------------------------------------------------------------------ */
/* Header pictures are defined here                                                           */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* Lang Bar and login                                                                         */
/* ------------------------------------------------------------------------------------------ */
#langbar{
    display: none;
}

/* ------------------------------------------------------------------------------------------ */
/* TopNavi                                                                                    */
/* ------------------------------------------------------------------------------------------ */
#topNavi{
    display: none;
}

/* ------------------------------------------------------------------------------------------ */
/* Sidebar                                                                                    */
/* ------------------------------------------------------------------------------------------ */
#sidebarContainer{
    display: none;
}
    
/* ------------------------------------------------------------------------------------------ */
/* Breadcrumbs                                                                                */
/* ------------------------------------------------------------------------------------------ */    
#breadCrumbs{
    height: 30px;
    text-align: right;
    line-height: 30px;
    margin: 0 40px 0 15px;
}
#breadCrumbs p{
    padding: 0 0 0 10px;
    color: #756d50;
    font-size: 11px;
}
    
/* ------------------------------------------------------------------------------------------ */
/* Content, frontpage                                                                         */
/* ------------------------------------------------------------------------------------------ */        
.frontpage h2 img{
    margin: 0 0 3px 8px;
    padding: 0;
}

/* rows */
 .row1 div div, /* inner box */
 .row2 div div,
 .row3 div div,
 .row4 div div{
    border: 1px solid #e8e6de;
    margin: 3px;
    padding: 13px 5px 5px 0;
    height: 120px;
}
 .col{ /* outer boxes */
    width: 204px;
    float: left;
    margin: 0 0 17px 18px;
    background: #fff;   
}
 .col12{ /* merged col of 1 and 2*/
    width: 425px;
}

/* row 1 specials */
.frontpage .row1 div div{
    padding: 13px 5px 5px 15px;
}
.frontpage .row1 .col3{ 
    background: url(../images/frontpage_bg_col3.jpg) repeat-x top left #bab186;
}
.frontpage .row1 .col3 p{
    color: #564738;
}
.frontpage .row1 .col3 h2{
    font-family:"Times New Roman", Times, serif;
    color: #603c2c;
    font-size: 19px;
    text-shadow: #9b9269 1px 1px 1px;
    text-transform: uppercase;
}

/* row 3 specials */
.frontpage .row3 .col{
    width: 159px;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
.frontpage .row3 .col div{
    border: none;
    height: auto;
}
.frontpage .row3 .prodSelectorContents{
    background:url(../images/prodselector_spacer.gif) repeat-y left top #fff;
    text-align: center;
    float: left;
    margin: 0 0 0 18px;
    width: 647px;
}
#prodSelectorContentsTarjoukset{}
#prodSelectorContentsUutuudet,
#prodSelectorContentsSuosittelemme,
#prodSelectorContentsEnitenhaettuja{
    display: none;
}

/* row 4 specials */
.frontpage .row4 .col{
    -moz-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.frontpage .row4 .col div{
    padding: 0 0 10px 0;
}
.frontpage .row4 .col h2{
    color: #79776b;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    background-color: #e8e6de;
}
.frontpage .row4 .col p{
    padding: 0 13px 0px 13px;
    font-size: 11px;
    line-height: 14px;
}
.frontpage .row4 .col ul{
    margin: 4px 0 0 12px;
}
.frontpage .row4 .col ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
    font-size: 11px;
}
.frontpage .row4 .col ul li a{
    color: #7a755e;
}
.frontpage .row4 .col form{
    margin: 14px 0 0 14px;
}
.frontpage .row4 .col input.hakukentta{
    width: 120px;
    font-size: 11px;
    border: 1px solid #dbd6be;
    height: 14px;
    padding: 2px 2px 2px 4px;
    color: #b4b1a2;
}
.frontpage .row4 .col input.formSubmitBtn{
    width: 30px;
    font-size: 11px;
    height: 20px;
    padding: 2px 2px 2px 2px;
}

/* ------------------------------------------------------------------------------------------ */
/* Content, mainList (p��ryhm�t)                                                              */
/* ------------------------------------------------------------------------------------------ */
/* compare items */
.compareItems{
    display:none;
}

.mainList #content{
    background-color: #fff;
    margin: 0 35px 0 20px;
    padding: 3px;
}
.mainList #content .wrapper{
    border: 1px solid #e8e6de;
    padding: 3px;
    -moz-border-radius-topleft: 18px;
    border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -webkit-border-top-left-radius: 18px;
}
.mainList #content .mainListHeaderContent{
    margin: 14px 0 0 0;
}
.mainList #content .mainListHeaderContent .left{
    float: left;
    width: 272px;
    padding: 3px 6px 13px 18px;
}
.mainList #content .mainListHeaderContent .right{
    float: right;
    width: 303px;
    background-color: #f5f5f5;
    padding: 10px 5px 10px 10px;
    margin: 0 14px 0 0;
}
.mainList #content .mainListHeaderContent .right ul{
    float: left;
    width: 145px;
}
.mainList #content .mainListHeaderContent .right ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
    font-size: 11px;
    line-height: 14px;
}

.mainList #content .mainListContent{
    padding: 0 0 0 0;
    margin: 0 0 13px 13px;
    width: 604px;
    border-left: 1px solid #e8e6de;
}
.mainList #content .mainListContent h2{
    color: #79776b;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin: 0px;
    background-color: #e8e6de;
}
.mainList #content .col{
    width: 151px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
    text-align: center;
    background:url(../images/prodselector_spacer2.gif) repeat left top;
}
.mainList #content .col div{
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
    height: 100%;
    width: 150px;
}
.mainList #content .mainListContent .row1,
.mainList #content .mainListContent .row2{
    border-bottom: 1px solid #e8e6de;
}
    
/* ------------------------------------------------------------------------------------------ */
/* Content, brandpage (brandisivu)                                                                */
/* ------------------------------------------------------------------------------------------ */    
.brandpage #content .mainListHeaderContent .right{
    float: right;
    width: 303px;
    background-color: #fff;
    padding: 0 5px 10px 10px;
    margin: 0 14px 0 0;
    text-align: center;
}
    
/* ------------------------------------------------------------------------------------------ */
/* Content, subList (alaryhm�t)                                                               */
/* ------------------------------------------------------------------------------------------ */

/* compare items */
.subList .compareItems{
    margin: 0;
    padding: 4px 0 4px 5px !important;
    text-align: left;
    color: #808080;
    border-top: 1px solid #f1f0ec !important;
    width: 126px !important;
}
.subList .compareItems label{
    margin: 0 0 0 6px;
}
.subList .contentListingFooterLink p.compare{
    float: left;
    padding: 0 10px 10px 17px;
}

.subList #content{
    background-color: #fff;
    margin: 0 35px 0 20px;
    padding: 3px;
}
.subList #content .wrapper{
    border: 1px solid #e8e6de;
    padding: 13px 3px 3px 3px;
}
.subList #content .mainListContent{
    padding: 0 0 0 0;
    margin: 0 0 13px 13px;
    width: 604px;
    border-left: 1px solid #e8e6de;
}
.subList #content .mainListContent h2{
    color: #79776b;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin: 0px;
    background-color: #e8e6de;
}
.subList #content .col{
    width: 151px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
    text-align: center;
    background:url(../images/prodselector_spacer2.gif) repeat left top;
}
.subList #content .col div{
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
    height: 100%;
    width: 150px;
}
.subList #content .mainListContent .row1,
.subList #content .mainListContent .row2,
.subList #content .mainListContent .row3,
.subList #content .mainListContent .row4{
    border-bottom: 1px solid #e8e6de;
}

/* ------------------------------------------------------------------------------------------ */
/* Content, Product (tuotesivu)                                                               */
/* ------------------------------------------------------------------------------------------ */
.product #content {
    background-color: #fff;
    margin: 0 35px 0 20px;
    padding: 3px;
}
.product #content .wrapper{
    border: 1px solid #e8e6de;
    padding: 13px 3px 3px 3px;
}
.product #content h2{
    color: #79776b;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 10px;
    margin: 0;
    background-color: #e8e6de;
}
.product #content h1{
    color: #643d2b;
    font-size: 25px;
    line-height: 30px;
    padding: 0 10px 4px 0;
    margin: 0;
}
.product #content p{
    line-height: 14px;
    padding: 0 10px 10px 0;
    margin: 0;
}

/* next - prev */
.product #content div.prevNextContainer {
    display: none;
}

/* product info and read more */
.product #content div.prodAreaContainer{
    padding: 20px 20px 0 30px;
}
.product #content div.prodAreaContainerLeft{
    float: left;
    width: 350px;
}
.product #content div.prodAreaContainerRight {
    float: right;
    width: 202px;
}
.product #content div.prodinfo h2{
    font-size: 13px;
    font-weight: bold;
    background: none;
    padding: 0;
}
.product #content div.prodinfo ul{
    margin: 0 0 10px 10px;
}
.product #content div.prodinfo ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
    color: #7b7782;
}

.product #content div.prodinfo #readMoreLink{
    width: 330px;  
    margin: 0 0 10px 0;
    padding: 0 15px 0 0;
    background: url(../images/icon_plus.gif) no-repeat right 1px;
    text-align: right;
    color: #7a755e;
}
.product #content div.prodinfo #readLessLink{
    width: 330px;  
    margin: 0 0 10px 0;
    padding: 0 15px 0 0;
    background: url(../images/icon_minus.gif) no-repeat right 1px;
    text-align: right;
}

.product #content div#prodinfoMore,
.product #content div.prodinfo #readLessLink{
    display: none;
}

/* price box */
.product #content div.priceBox{
    height: 50px;
    margin: 10px 0 0 0;
}
.product #content div.priceBox p.price{
    font-size: 16px;
    line-height: 18px;
}
.product #content div.priceBox p.price span.ovh{
    font-size: 12px;
}

/* ostoskori */
.product #content div.contentBasket{
    display: none;
}

/* comments */
.product #content div.comments{
    margin: 0 0 10px 0;
}
.product #content div.comments ul{
    width: 348px;
    border-left: 1px solid #f7f7f4;
    border-right: 1px solid #f7f7f4;
    border-bottom: 1px solid #f7f7f4;   
    padding: 0;
}
.product #content div.comments ul li{
    border-top: 1px solid #f7f7f4;
    padding: 5px 0 0 0;
}
.product #content div.comments .commentsUser{
    float: left;
    width: 60px;
    padding: 0 0 0 5px;
}
.product #content div.comments .commentsCommentbody{
    float: right;
    width: 280px;
}
.product #content .addComment{
    text-align: right;
    margin: 5px 5px 0 0;
    padding: 0 15px 0 0;
    background: url(../images/icon_plus.gif) 1px right no-repeat;
}
li#commentForm{
    display: none;
    background-color: #e8e6de;
    padding: 7px 7px 10px 7px !important;
}
li#commentForm h3{
    margin: 0 0 4px 0;
}
li#commentForm label{
    float: left;
    padding: 3px 0 0 0;
    clear: both;
}
li#commentForm input,
li#commentForm textarea{
    width: 230px;
    float: right;
    margin: 3px 18px 0 0;
}
li#commentForm .formSubmitBtn{
    margin: 7px 18px 3px 0;
    width: 120px;
}

/* rating stars */
.product #content .commentsHeader{
    background-color: #e8e6de;
}

.product #content div.comments h2{
    float: left;
}
.product #content div.comments #stars{
    padding: 0;
    height: 20px;
    width: 70px;
    float: right;
    padding: 4px 10px 0 3px;
}
#rateStatus{
    display: none;
    float: left; 
    clear: both; 
    height: 24px;
}
#rateMe{
    padding: 0; 
    margin: 0;
}
#rateMe li{
    float: left;
    list-style: none;
}
#rateMe li a:hover,
#rateMe .on{
    background: url(../images/stars_on.gif) no-repeat;
}
#rateMe a{
    float: left;
    background: url(../images/stars_off.gif) no-repeat;
    width: 14px; 
    height: 42px;
}
#ratingSaved{
    display:none;
}
.saved{
    color:red; 
}

/* tag cloud */
.product #content div.tagCloud{
    display: none;
}


/* related articles */
.product #content div.articles{
    border: 1px solid #e8e6de;
    margin: 0 0 10px 0;
}
.product #content div.articles ul{
    margin: 10px;
}
.product #content div.articles ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
}

/* logot */
.product #content div.prodLogos{
    height: 46px;
    line-height: 46px;
}
.product #content div.prodLogos .logosCommon{
    float: left;
    padding: 14px 0 0 0;
}
.product #content div.prodLogos .logoManuf{
    float: right;
}

/* tuotekuvat */
.product #content div.prodPic{
    margin-bottom: 5px;
}
.product #content div.prodPic .prodPicMedium img{
    border: 1px solid #dad4bb;
    margin-bottom: 3px;
}
.product #content div.prodPic .prodPicSmalls img{
    border: 1px solid #dad4bb;
    padding: 0 3px 0 0; 
}
.product #content div.prodPic .zoomer{
    width: 200px;
    height: 200px;
    position: absolute;
}
.product #content div.prodPic .zoomer img{
    position: absolute;
    padding: 182px 0 0 182px;
    border: none;
}

/* some common definitions for sidebar */
.product #content div.moreInfo,
.product #content div.sellerPitch,
.product #content div.checkTheseOut,
.product #content div.MyPlace{
    border: 1px solid #e8e6de;
    margin: 0 0 10px 0;
}
.product #content div.moreInfo ul,
.product #content div.sellerPitch ul,
.product #content div.checkTheseOut ul,
.product #content div.MyPlace ul{
    margin: 10px;
}

.product #content div.moreInfo ul li,
.product #content div.sellerPitch ul li,
.product #content div.checkTheseOut ul li,
.product #content div.MyPlace ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
}

/* seller pitch */
.product #content div.sellerPitch{}
.product #content div.sellerPitch .sellerPic{
    float: right;
    padding: 7px;
}

/* check these out too */
.product #content div.checkTheseOut .prod{
    text-align: center;
    width: 200px;
    border-top: 1px solid #e8e6de;
}
.product #content div.checkTheseOut p{
    padding: 20px 8px 0 0;
    margin: 0 0 0 3px;
}
.product #content div.checkTheseOut p.price{
    padding: 0 8px 0 0;
}
.product #content div.checkTheseOut img{
    float: left;
}


/* ------------------------------------------------------------------------------------------ */
/* Content, basicTextPage (perus tekstisivu)                                                  */
/* ------------------------------------------------------------------------------------------ */
.basicTextPage #content{
    background-color: #fff;
    margin: 0 35px 0 20px;
    padding: 3px;
}
.basicTextPage #content .wrapper{
    border: 1px solid #e8e6de;
    padding: 30px 60px 30px 30px;
}
.basicTextPage #content h1{
    color: #643d2b;
    font-size: 25px;
    line-height: 25px;
    padding: 0 10px 10px 0;
    margin: 0;
}
.basicTextPage #content h2{
    color: #79776b;
    line-height: 24px;
    padding: 12px 10px 0 0;
    margin: 0;
}
.basicTextPage #content h3{
    color: #79776b;
    font-weight: bold;
    line-height: 24px;
    padding: 8px 10px 0 0;
    margin: 0;
}
.basicTextPage #content ul{
    margin: 0 0 10px 10px;
}
.basicTextPage #content ul li{
    background:url(../images/arrow_readmore.gif) no-repeat left 5px;
    padding: 0 0 0 10px;
    color: #7b7782;
}

/* ------------------------------------------------------------------------------------------ */
/* Prodselector tabs                                                                          */
/* ------------------------------------------------------------------------------------------ */
.prodSelectorTabs ul{
    list-style-type: none;
    margin: 0 0 0 18px;
    padding: 0 0 0 10px;
}
.prodSelectorTabs ul li{
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 0 10px 0 10px;
    line-height: 27px;
    background: url(../images/prodselectorTab.gif) right top repeat-x #c4bca2;
    height: 26px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-left: 1px solid #b4ae8d;
    border-top: 1px solid #b4ae8d;
    border-right: 1px solid #b4ae8d;        
}
.prodSelectorTabs ul li a{
    color: #fff;
    text-decoration: none;
    text-shadow: #c4bca2 1px 1px 1px;
}
.prodSelectorTabs ul li a:hover{
    text-decoration: underline;
}
.prodSelectorTabs ul li.selected a{
    color: #643d2b;
    text-decoration: none;
    text-shadow: #f5f4f0 1px 1px 1px;
    font-weight: bold;
}
.prodSelectorTabs ul li.selected{
    background: none;
    background-color: #fff;
}
.prodSelectorFooter{
    background-color: #e8e6de;
    border: 3px solid #fff;
    width: 628px;
    float: left;
    margin: 0 0 18px 18px;
    padding: 0 13px 0 0;
    height: 24px;
    line-height: 24px;
}
.prodSelectorFooter p{
    text-align: right;
    margin: 0 20px 0 0;
    padding: 0 10px 0 0;
    background:url(../images/arrow_readmore.gif) no-repeat right 10px;  
}
.prodSelectorFooter p a{
    color: #7a755e;
}

/* ------------------------------------------------------------------------------------------ */
/* Footer                                                                                     */
/* ------------------------------------------------------------------------------------------ */

#footer{
    display: none;
}
    
/* ------------------------------------------------------------------------------------------ */
/* Shoping basket                                                                             */
/* ------------------------------------------------------------------------------------------ */    
#shoppingbasket{
    display: none;
}

/* ------------------------------------------------------------------------------------------ */
/* Common elements that can be used inside #content                                           */
/* ------------------------------------------------------------------------------------------ */    
.contentListingFooterLink{ /* single link at the bottom of the listings */
    border: none;
    margin: 0 0 0 0;
    padding: 0 10px 4px 0;
    width: 604px;
    text-align: right;
    background:url(../images/arrow_readmore.gif) no-repeat right 4px;
}
div.readMore{
    text-align: right;
    color: #7a755e;
    font-size: 12px;
    width: 210px;
    margin: 10px 0 0 0 !important;
    padding: 0 10px 0 0 !important;
    background:url(../images/arrow_readmore.gif) no-repeat right 5px !important;
    height: auto !important;
    border: none !important;
}
div.readMore a,
div.readMore a:link,
div.readMore a:visited,
div.readMore a:active{
    color: #7a755e;
    margin: 0 0 10px 0 !important;
    text-decoration: none;
}
div.readMore a:hover{
    color: #7a755e;
    margin: 0 0 10px 0 !important;
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------ */
/* Common form elements                                                                       */
/* ------------------------------------------------------------------------------------------ */
.formSubmitBtn{

}

/* ------------------------------------------------------------------------------------------ */
/* Compare window                                                                             */
/* ------------------------------------------------------------------------------------------ */

.compareMainWindow{
    background: none !important;
    background-color: #fff;
}
.compareMainWindow .wrapper{
    height: 100px;
    padding: 10px;
    background-color: #fff;
}
.compareMainWindow table th,
.compareMainWindow table td{
    text-align: center;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    width: 100px !important;
}
.compareMainWindow table tr.features td{
    padding: 4px;
}
.compareMainWindow table tr.features td ul {
    margin: 0;
}

.compareMainWindow table tr.features td ul li{
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.compareMainWindow table tr.compareTableTools td{
    padding: 3px;
}
.compareMainWindow table th{
    height: 20px;
    color: #643d2b;
    font-weight: bold;
    padding: 2px;
}
.compareMainWindow table tr.pic td{
    height: 100px;
}

/* ------------------------------------------------------------------------------------------ */
/* Hidden footer (shows only when printed!                                                    */
/* ------------------------------------------------------------------------------------------ */
.hiddenFooter{
    color: #603c2c;
    font-size: 12px;
    width: 628px;
    padding: 5px;
    margin: 5px 10px 10px 40px;
    background-color: #f0f0f0; 
}

/* ------------------------------------------------------------------------------------------ */
/* Misc                                                                                       */
/* ------------------------------------------------------------------------------------------ */
.clearfix:after
{
    /* Clearfix for everybody else */
    content:" "; display: block; clear: both;
}

.clearfix
{
    /* clearfix for IE */
    min-height: 1px;
}