/* CSS Document */

.mail_order { color: #5A4099; font-weight: bold; }
.covers { margin: 0px 10px 10px 0px; }
div.covers {height: 200px;}
.right { width: 250px; float: right; margin: 0px 10px 0px 0px; }
.brochure-details { float: right; width: 290px; margin-top: 0px; }
.brochure-details li span.mail_order { width: auto!important; } 
#content li { float: left; margin: 0px 5px 5px 5px; font-size: 12px;}
#content li label { display: block; float: left; padding: 0px 0px 0px 0px; width: 100px;}
#content li span.mail_order label { width: auto; cursor: pointer; }
#content li.disabled span.mail_order label { color: #887BAB; }
#content li input { width: 140px; float: right;}
#id_scroll_order { position: relative; float: right; width: 135px!important; }
#id_scroll_order span { font-size: 14px; display:block; padding: 0 0 5px 0; letter-spacing:0.05em;}
.brox { width: 500px; padding-bottom: 20px;}
p.micro { font-weight: bold; color: #5A4099; clear: both;}
h3.purple-bg.micro { font-size: 12px!important; padding: 3px 5px; margin: 0px; }
#brox_details_form { display: none;}
.form-left { display: none; width: 450px; float: left;}

#id_scroll_order .border-purple { padding: 0px; margin: 0px; text-align: center;}
#id_brochures_list { margin: 0px;}
#id_brochures_list li { font-size: 11px!important; text-align: left; margin: 3px 5px 3px 5px!important; padding: 0px 0px 0px 15px; font-weight: bold; background: url(images/small-arrow.jpg) no-repeat left top; }
#id_scroll_order input { margin: 10px 0px 10px 0px;}
#id_scroll_order p { text-align: left; padding: 3px; font-size: 0.9em; }

#id_unique_status_1 { background-color: #A6C721; padding: 5px!important; color: #FFF;}
.col-a-div { margin: 20px 0px 10px 0px!important;}

.brox h3 { margin-bottom:3px; }
.brox ul li img { margin: 0 0!important;}
.brox ul li span { padding: 0!important; vertical-align: bottom; }
.brox ul li ul { margin-left: 30px;}

li.icons { margin: 0px!important; clear: left; }
li.icons li { font-size: 10px!important; margin: 0px!important;}

.brox-message { background-color:#F0EEED; border:1px solid #A0B1B8; color: #5A4099; font-weight: bold; font-size: 10px!important; }
li.brox-message { width: 270px; padding: 5px;}

li.unique-status { width: 280px; }
.unique-status span { width: 100%!important;}
li input.brochure_select { float: left!important; width: auto!important; margin: 2px 10px 0px 0px; }


div.covers { float: left;}
div.covers img { width: 100px!important;}

#brox_details_form li .errorlist li { font-size: 10px!important; padding: 2px;}
