/*
// Madam Raison D'etre Additional styles
*/



html{
min-height: 101%;
}

form{
padding: 0px;
margin: 0px;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #222222;
border: 0px none;
margin: 0px;
color: #666;
background-image: url('http://www.madam-raison-detre.com/acatalog/images/bg.gif');padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:8px
}

a{
text-decoration: none;
color: #4b4b4b;
}
a:hover{
color: #cccccc;
}

a.product_section{
font-family: Papyrus,tahoma,verdana,arial,sans-serif;
background: #222;
color: #e2e2e2;
display: block;
padding: 3px 6px;
}

a.product_section:hover{
color: #c09867;
}

h1{
text-align: center;
font: 350% "Edwardian Script ITC","Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
line-height: 30px;
color: #c09867;
padding: 10px 0px 5px 0px;
}

#section_title{
border-bottom: 1px solid #c09867;
padding-bottom: 2px;

}

h3{
font-size: 13px;
}



img{
border: none;
}

textarea.enquiry{
overflow: auto;
}

ul{
padding-left: 20px;
}








#container{
width: 900px;
text-align: left;
margin: 0px;
background-color: #111;
overflow: hidden;
border: 0px double #01478f;
background-image: url('../images/backgrad.png');
background-repeat: repeat-y
}



#rightcol{
float: left;
width: 700px;
text-align: right;
position: relative;
}


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

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


#leftcol{
float: left;
width: 200px;
overflow: auto;
}












#banner{
width: 900px;
height: 110px;
text-align: left;
background: #363636;
}




#content{
text-align: justify;
margin: 10px;
font-size: 11px;
line-height: 12pt;
color: #e2e2e2;
}

.whitetext{
color: #e2e2e2;
}

#content p{
padding: 3px;
margin: 2px;
}

#content a{
color: #363636;
}

#content a:hover{
color: #666666;
}






#footer{
clear: both;
width: 900px;
height: 27px;
color: #cccccc;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
background: #363636;
}

#footl{
float: left;
width: 400px;
text-align: left;
padding: 5px;
}

#footr{
float: left;
width: 470px;
text-align: right;
padding: 5px;
}

#footer a{
color: #cccccc;
}

#footer a:hover{
color: #ffffff;
}








    #navholder{
        overflow: auto;
    }

    #nav{
        width: 900px;
        text-align: center;
        background-color: #bb8b54;
        background-image: url('../images/aback.png');
        background-repeat: repeat-x;
        overflow: auto;
        border-bottom: 1px solid white;
	padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:4px
	}

    #navigation {
        margin: 0px;
        padding: 0px;
        margin-left: 20px;
        z-index: 99;
    }
    #navigation li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    #navigation a {
        text-transform: uppercase;
        display: block;
        color: white;
        text-decoration: none;
        text-align: left;
        font-size: 0.85em;
        background-color: #6060b7;
        background-image: url('../images/aback.png');
        background-repeat: repeat-x;
        margin-right: 1px; padding-left:26px; padding-right:26px; padding-top:6px; padding-bottom:6px
    }
    #navigation a:hover {
        color: #e2e2e2;
        background-color: #01478f;
        background-image: url('none');
    }
    #navigation a.current {
        color: #e2e2e2;
        background-color: #01478f;
        background-image: url('none');
    }
    #navigation a.current:hover {
        color: #6060b7;
    }













#email_addr{
color: #363636;
}

#email_addr:hover{
color: #000;
}




#services{
margin-left: 290px;
}

.mp3_sample{
background-image: url('acatalog/images/sample_back.png');
background-repeat: no-repeat;
padding: 6px;
width: 147px;
height: 20px
}


.form_button_add_to_cart{
border: 1px solid #666;
background: #aaa;
}

.cart_block{
float: right;
margin-left: 4px;
margin-bottom: 4px;
background: #ccc;
padding: 4px;
border: 1px solid #999;
}

.product_list{
padding: 4px;
margin: 4px;
border: 1px solid #ccc;
background-image: url('acatalog/images/product_top_grad.png');
background-repeat: repeat-x;
background-color: white;
color: #363636;
text-align: justify
}

div.product_list p{
text-align: justify;
margin: 2px 10px;
}

h3.product{
margin: 0px;
}

h3.product_price{
margin: 0px;
}

#contact_topbar{
background: #363636;
color: #e2e2e2;
display: block;
padding: 10px;
}

#brochure_navlinks{
display: block;
width: 100%;
}


#brochure_navlinks td{
display: block;
width: 100%;
}



#contact_topbar a{
color: #cccccc;
}

#contact_topbar a:hover{
color: #aaa;
}

#ActCartError{
color: #363636;
}

#shoppinglist a{
color: #e2e2e2;
}










































/*
// Madam Raison D'etre Additional styles
*/

form#consultation {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  position: relative;
  margin: 0;
  padding: 0;
  width: 560px;
  left: 50%;
  margin-left: -280px;
  color: #e2e2e2;
}



form#consultation fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #666666;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 20px 0;
}



form#consultation fieldset p {
    text-align: center;
    font-weight: bold;
}



form#consultation fieldset a:hover {
    color: white;
}



form#consultation fieldset legend {
    font-size:1.1em;
    color: #c09867;
}

form#consultation fieldset.selections {
    display: inline-block;
    margin: 8px 0 0 10px;
}



form#consultation label {
    display: block;  /* block float the labels to left column, set a width */
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form#consultation input - textarea etc. elements */
    text-align: right;
}



form#consultation fieldset fieldset label {
    display: block;  /* block float the labels to left column, set a width */
    float: left;
    width: 115px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form#consultation input - textarea etc. elements */
    text-align: left;
}



form#consultation fieldset fieldset#fetishes label {
    display: block;  /* block float the labels to left column, set a width */
    float: left;
    width: 170px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form#consultation input - textarea etc. elements */
    text-align: left;
}



form#consultation fieldset fieldset label.wide {
    display: block;  /* block float the labels to left column, set a width */
    float: left;
    width: 300px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form#consultation input - textarea etc. elements */
    text-align: left;
}

form#consultation fieldset fieldset label.twocheck {
    display: block;  /* block float the labels to left column, set a width */
    float: left;
    width: 160px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form#consultation input - textarea etc. elements */
    text-align: left;
}

form#consultation input, form#consultation textarea {
    width:auto;
    margin:5px 0 0 10px;
    color: #c09867;
    background-color: black;
    border: 1px #666666 solid;
}

form#consultation input#reset {
    margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form#consultation small {
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 65%;
}

form#consultation .required{font-weight:bold;} /* uses class instead of div, more efficient */

form#consultation br {
    clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}