﻿body{
    width: 100%;
    margin: 0; 
    background:url(crappyBrowserHack) fixed;      
}
.designerList{
    background-color:#CCDFFF;
}
.designerListItem{
    display:inline;
}
.filterBlock{
    float:left;
    margin:4px 10px 0 0;
    margin /**/:6px 10px 0 0; /* correct value. comment hack hides this value from infernal excrement 6. */
    font-size:70%;
}
.filterBlock label{
    position:relative;
    top:-2px;
    top /**/:-4px; /* correct value. comment hack hides this value from infernal excrement 6. */
}
.framePanel{
    float:left;
    position:relative;
    width:216px;
    height:110px;
    text-align:center;
    font-size:80%;
    border:2px solid WHITE;
    margin:auto;
    cursor:pointer;
}
.frameLoadingPanel{
    float:left;
    width:216px;
    height:40px;
    text-align:center;
    font-size:80%;
    border:2px solid WHITE;
    margin:auto;
    padding-top:70px;
    cursor:pointer;
    background-image:url(images/loading2.gif);
    background-position:center center;
    background-repeat:no-repeat;
}
.framePanel:hover{
    border:2px solid ORANGE;
}
.framePanel i{
    width:216px;
    height:78px;
}
.framePanel p{
    text-align:center;
}
.framePanel span{
    float:right;
}
.frameDesc{
    position:absolute;
    text-align:center;
    top:70px;
    left:0;
    width:100%;
}
.framePrice{
    position:absolute;
    text-align:center;
    top:88px;
    left:0;
    width:100%;
}
.subBlock1 p{
    font-weight:bold;
}
.subBlock2{
    min-height:177px;
}

#brand{
    margin:6px 20px 0 10px;
    margin /**/:8px 20px 0 10px; /* correct value. comment hack hides this value from infernal excrement 6. */
    font-size:70%;
}
#catalogue{
    position:absolute;
    top:177px;
    z-index:10;
}
#clearButton{
    margin-top:10px;
}
#container{
    width: 980px;
    margin: 10px auto 10px auto;
    text-align: left;
    position: relative;    
}
#detailsPanel{
    font-weight:bold;
    padding:8px 8px 0 8px;
}
#filterPanel{    
    z-index:20;
    position:absolute;
    left:0px;
    top:0px;
    height:185px;
    width:660px;
}
#filterBar{
    background-image:url(images/fatBlueBar2.gif);
    background-position:bottom;
    background-repeat:no-repeat;    
    background-color:WHITE;
    position:absolute;
    left:0px;
    top:0px;
    height:170px;
    width:660px;
    z-index:31;
}
#fadeBar{
    position:absolute;
    left:0px;
    top:165px;
    height:20px;
    width:660px;
    z-index:40;
}
#filterButtons{
    float:right;
    margin-right:15px;
    margin-top:10px;
    text-align:right;
}
#frameCount{
    float:left;
    text-align:center;
    width:120px;
    padding:22px 15px 0 0;
}
#frameCounter{
    font-size:200%;
}
#freeLenses{
    margin-bottom:22px;
}
#manuList{
    font-size:75%;
}
#resetButton, #clearButton{
    width:100px;
    background-color:#BFB97F;
    font-size:90%;
    margin-top:10px;
}
#zoomButtons{
    margin-top:5px;
}