/********************************************
 * Mail Order Form details
 ********************************************/
#brox_details_form {
  margin-bottom: 2em;
  float: left; }

#brox_details_form .button {
  margin: 1em 0;
  font-size: 1.2em; }

#cover-holder {
  float: right;
  width: 350px; }

#cover-holder div {
  width: 110px;
  float: right; }

/********************************************
 * List of Selected Brochures
 ********************************************/
#id_scroll_order {
  position: relative;
  margin-right: 1em;
  width: 300px; }

#id_scroll_order h3 {
  padding: 3px 5px;
  margin: 0px;
  color: #FFF;
  background-color: #5A4099; }

#id_scroll_order span {
  display: block;
  padding: 0 0 5px 0;
  letter-spacing: 0.05em; }

#id_scroll_order div {
  padding: 1em;
  border: 1px solid #D6D6D6; }

#id_scroll_order .button {
  margin: 1em 0; }

#id_brochures_list li {
  text-align: left;
  font-weight: bold; }

/********************************************
 * Display of Available Brochures
 ********************************************/
#id_unique_status_1 {
  background-color: #A6C721;
  padding: 5px;
  color: #FFF; }

.brochure h2.first {
  margin-top: 0; }

.brochure img {
  float: left;
  padding-right: 1em; }

.brochure .button {
  margin-top: 1em; }

.brochure p {
  font-size: 1.1em; }

.mail_order {
  color: #5A4099;
  font-weight: bold;
  cursor: pointer; }

.unique-status {
  width: 280px; }

.unique-status span {
  width: 100%; }

/* Contains the (hidden) form checkbox and label */
.mail_order {
    display:none;
}

/******************************************************
 Selected brochures status line and submit button
*******************************************************/
h2.block-title {
    font-family: 'MuseoSlab900','Rokkitt',serif;
    font-size: 1.1em;
    color: #FFF;
    background: #5a4099;
    padding: 10px;
    float: left;
    margin: 0;
    }
span.brochure-free {
    font-family: 'MuseoSlab900','Rokkitt',serif;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #5a4099;
    background: #fff;
    padding: 10px;
    display: inline-block;
    }

/******************************************************
 Selected brochures status line and submit button
*******************************************************/
.brochure-mail-order {
    float: right;
    width: 500px;
}

.brochure-mail-order  {
    text-align: right;
    font-size: 1.1em;
    margin: 0;
}

.brochure-mail-order input[type="submit"] {
    width: 162px;
    height: 21px;
    margin-top: 9px;
    background: url('//media.gadventures.com/media-server/static/brochure_request/css/images/submitOrderBtn.gif?becf7fd93d27') no-repeat 0 0;    
    overflow: hidden;
    display: none;
    border: none;
}
 
.brochure-quantity {
    padding-left: 2px;
    padding-right: 2px;
    font-weight: bolder;
    color: #5a4099;
}
 
.after-grid .brochure-mail-order {
    clear: both;
    float: none;
    text-align: center;
    width: auto;
}    

/******************************************************
 Grid of brochure covers and rollover containers
*******************************************************/
#brochures-grid {
    clear: both;
    margin-top: 55px;
} 

.after-grid {
    clear: both;
}

div.brochureContainer {
	width: 200px;
	height: 361px;
	margin-bottom: 55px;
	float: left;
    margin-left:28px;
	}
div.brochureContainer div.bro-details-btn {
	color: #FFFFFF;
    height: 25px;
    margin: 0 0 6px;
    padding-top: 5px;
    text-align: center;
	}

.broColorOne {background: #4b2683;}
.broColorTwo {background: #778590;}
.broColorThree {background: #00a1e5;} 
.broColorFour {background: #b21e72;} 
.broColorFive {background: #f48127;} 
.broColorSix {background: #087a34;} 
.broColorSeven {background: #d35326;} 
.broColorEight {background: #f9a23b;} 
.broColorNine {background: #ee3425;} 
.broColorTen {background: #69cff7;} 

div.brochureContainer div.bro-details-btn {
	font-size: 0.85em;
	color: #4a4a4a;
	text-decoration: none;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    cursor: pointer;
    background: #000;
    }
div.brochureContainer input[type="submit"].brochureSelect {
    width: 200px;
    height: 30px;
    margin-bottom: 13px;
    display: block;
    background: url('//media.gadventures.com/media-server/static/brochure_request/css/images/brochureOrderBtn.gif?a86a5731275d') no-repeat 0 0;
    border-style: none;
    cursor: pointer;
    }
div.brochureContainer input[type="submit"].brochureSelect.ordered {
    background: url('//media.gadventures.com/media-server/static/brochure_request/css/images/brochureOrderBtn.gif?a86a5731275d') no-repeat 0 -30px;
}
div.brochureContainer a.bro-viewDigital {
    background: url('//media.gadventures.com/media-server/static/brochure_request/css/images/viewDigital.gif?e8d75e273de2') no-repeat scroll 0 0 transparent;
    color: #4A4A4A;
    display: block;
    font-size: 0.75em;
    height: 21px;
    width: 200px;
    padding-top: 3px;
    text-decoration: none;
    text-align: center;
    }

/*** slideToggle ***/

.boxgrid { 
    width: 200px;
    height: 259px;
    background: #000000;
    overflow: hidden; 
    position: relative;
    display: block;
    }
.boxgrid img { 
    position: absolute; 
    top: 0; 
    left: 0; 
    border: 0; 
    }
.boxgrid h2 {
    padding-left: 10px;
    color: #fff;
    }
.boxgrid p { 
    padding: 0 10px; 
    color:#fff; 
    font-size: .9em;
    }