/* 
    Document   : resilient
    Created on : June 29, 2009, 4:33 PM
    Author     : GRANTJ
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div#roomSceneContent {
    float:left;
    margin: 10px 20px 10px 0;
    width: 290px;
}

div#colorListContent {
    float: right;
    display: inline;
    width: 310px;
    margin: 0  !important;
    padding: 0  !important;
    border-bottom: 1px solid grey;
}

#colorList li {
    float: left;
    display: inline;
    width: 91px;
    list-style: none;
    margin: 10px 10px 10px 0  !important;
}

#roomSceneContent img,  #colorList img  {
    display: block;
    padding: 2px;
    border: 1px solid black;
}

#colorList {
margin: 0;
padding: 0;
}

#colorList li p {
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-family: Arial,Helvetica;
    color: #4b4b4b;
    margin: 2px 0 2px 0 !important;
}


.roomSceneCaption {
    text-align: left;
    font-size: 10px;
    font-family: Arial,Helvetica;
    color: #4b4b4b;
}

.roomSceneDescription {
    text-align: left;
    font-size: 11px;
    font-family: Arial,Helvetica;
    color: #4b4b4b;
}

#roomSceneContent p {
    margin-left: 0 !important;
}

#optique_header, #softstep_header {
    margin: 10px 0 10px 0;
    padding:0px;
}

#optique_header:hover { cursor: pointer; }

#softstep_header:hover { cursor: pointer; }


#logo1, #logo2 {
    margin: 0;
    padding: 5px;
    border: 1px solid #777777;
    background-color: #F2ECE6
}

#logo1 h1, #logo2 h1 {
    margin: 3px 0 3px 0;
    font-size: 1.4em;
    font-weight: bold;
}

#logo1 h2, #logo2 h2 {
    margin: 3px 0 3px 0;
    font-size: 1.2em;
}

#logo1 p, #logo2 p {
    margin: 3px 0 3px 0;
    font-size: 1.0em;
}

div.resilientSet {
    width: 500px;
    margin: 20px 0 10px 0;
    padding: 0;
display: block;
clear: left;
padding-top: 10px;
}

.resilientSet h4 {
    margin: 3px 0 3px 0;
    font-size: 1.2em;
}

ul.styleList {
    width: 500px;
    margin: 0;
    padding: 0;
}

.styleList li {
    float: left;
    display: inline;
    width: 91px;
    list-style: none;
    margin: 10px 10px 10px 0  !important;
}


.styleList li p {
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-family: Arial,Helvetica;
    color: #4b4b4b;
    margin: 2px 0 2px 0 !important;
}


.styleList img  {
    display: block;
    padding: 2px;
    border: 1px solid black;
}

form {
    clear: left;
}

#divBody {
     padding: 10px 0 0 40px;
}

#slideshow1 {
 display: block; 

    height: 202px; 
    width: 630px;
}
#resilentMainContent {
    display: block;
    width: 630px;
    float: left;
    clear: both;
    padding-top: 20px;
}

#resilientLeftContent {
    float: left;
    width: 350px;
}

#resilientLeftContent p {
    margin-left: 0 !important;
}

#resilentContentRight {
    float: right;
    width: 250px;
}

#resilientCatalogSection {
    display: block;
    width: 630px;
    float: left;
    clear: both;
    padding-top: 20px;
}

#resilientCatalogSection img {
    float: left;
}

#resilientCatalogRight {
    float: right;
    width: 300px;
}

#resilientLuxurySidebar {
    width: 250px;
    background-color: #F6F3EE;
    border: 1px solid grey;
    padding: 8px;
    margin-top: 25px;
}
 #resilientLuxurySidebar_Softstep{
	width: 250px;
    background-color: #F6F3EE;
    border: 1px solid grey;
    padding: 8px;
    margin-top: 25px;

}
#resilientLuxurySidebar_Softstep h5{
		font-size:1em;
		color:#0E0E3A;
		font-family:Arial,Helvetica;
		margin:8px 0 0 0;
		
}
#resilientSoftstepSidebar {
    width: 400px;
    background-color: #F6F3EE;
    border: 1px solid grey;
    padding: 5px;
    margin-top: 25px;
}

#resilientLuxurySidebar p {
    margin: 20px 0 0 0 !important;
}



#resilientCatalogRight p {
    margin-left: 0 !important;
    padding-top: 10px;
    display: block;
clear: left;
}

.resilient_pics { height: 202px; width: 630px; padding:0; margin:0; overflow: hidden;}

.resilient_pics img { height: 202px; width: 630px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

#resilentLuxuryContent {
    display: block;
    width: 580px;
    float: left;
    clear: left;
    padding-top: 20px;
}

#resilentLuxuryContent p {
    margin-left: 0 !important;
    width: 450px;
}