/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
body{
        background:#eee url('imgs/wrapper-background.jpg') repeat-x;
        background-attachment:fixed;
}
#outer_wrapper {
        /* because "min-width" is not supported by IE, these pages use a script from PVII */
        min-width:740px;
        /* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
        width:100%;
        /* faux-column technique, this is the left one */
        /*background:#fff url('imgs/wrapper-background.gif') repeat-y left;*/
        
} 

#wrapper {
        /* faux-column technique, this is the right one */

        width:900px;
        border-right: solid #ccc 1px;
        border-left: solid #ccc 1px;
        border-bottom: solid #ccc 1px;
        margin: 0 auto 0 auto;
        background-image:url(right.gif);
        background-repeat:repeat-y;
        background-position:right;
}


#header {
        background-repeat:repeat-x;
        background-position:left;
        background-color: #295b9c;
        text-align: right;
        margin:0px;
        padding: 0px;
        height:92px;
        position:relative;  
}


#container {
        background:white;
        width:900px;
}

#left {
        display:inline;
        position:absolute;  
        float:left;
        width:620px;
        z-index:999;
        top:152px;
        padding-left:5px;
}

#title {
        background-image:url('imgs/style1/h1-background.jpg');
        background-repeat:repeat-x;
        background-position: left top;
        width:633px;
        height:88px;
        text-align: right;
        position:absolute; 
        overflow:hidden;
}

#quick_login{
        background-image: url('imgs/style1/login-background.png');
        background-repeat:no-repeat;
        background-position: left top;
        width:297px;
        height:140px; 
        position:relative;
        display:block;
        left:603px;
        overflow:hidden;
}

#main {
        /* the width from #left (150px) + the negative margin from #container (200px) */
        margin-left:5px;
        min-height:500px;
        position:relative;
        top:0px;
        width:890px;
        display:block;
        margin-top:-20px;
}

#basket{
        position:relative;
        height:15px;
        width: 190px;
        top:-25px;
        left:400px;
        text-align:right;
}

/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
        /* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
        padding-left:100%;
        /* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
        margin-left:-200px
}

#sidebar p {
        /* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
        position:relative
}

#innerfooter {
        /* see #outer_wrapper  */
        width:100%;
        /* this is to clear #container */
}

#footer {
        /* see #outer_wrapper  */
        width:100%;
        /* this is to clear #container */
        clear:both;
        padding:10px 0 0 0;
        background-color:white;
        height:35px;
}

/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {
        height:0;
        clear:both
}



/* Hides from IE5-mac \*/
* html #main {height: 1%;}
/* End hide from IE5-mac */