/*
 * This CSS is only used for the demo pages.
 * This is not a requirement for Boutique work
 */
.list{ margin:15px 0 0; border-collapse:collapse; width:100% }
.list th{ font-style:italic; font-weight:normal; text-align:left }
.list td{ vertical-align:top; padding:5px 20px 5px 10px; border:1px solid #999; background:#eee3db }
.list .option{ font-weight:bold }
.list .default{ padding-right:0 }
.list tr:hover td{ background:#fff }

#controls{ display:none; position:absolute; right:0; top:150px; width:200px; background:#ece0d9 }
#controls h3{ margin-top:0 }
#controls_inner{ padding:15px 18px }
#controls_button{ position:absolute; left:-20px; width:20px; height:50px; background:#ece0d9; cursor:pointer;
	-webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px }
#controls_button div{ padding:14px 0 0 7px; color:#b9a79d }

#contentdiv{ background:#fff; border:1px solid #d5d5d5; border-width:0 1px 1px 0 }
#contentdiv h2{ margin-top:0 }
#contentdiv div{ padding:30px }

#boutique_prev, #boutique_next{ position:absolute; top:60px; cursor:pointer; z-index: 99999; }
#boutique_prev{ left: 0px }
#boutique_next{ right: 0px }