/* 
  Styles for JS popups module. 
  This stylesheet is linked globally: do not edit this file to style individual popups.
  
  Sample popup using globally defined styles:
  
  <div id="unique_id" class="popup">
    <h3 class="title">Popup Title</h3>
    
    <!-- any block element with content -->
    
    <div class="buttons">
      <span class="text-button grey cancel-control">Cancel</span>
      <span class="text-button accented confirm-control">OK</span>
    </div>
  </div>
  
  The classes "popup", "title", and "buttons" are globally styled. Additional styles needed for 
  individual popups should be defined inside the style for the pages where those popups appear.
  
----------------------------------------------- */

#fade, #fade_clusterApp, .popup-bg, .modalBackground {
	background: #000; 
  filter: alpha(opacity=60);
  height: 100%;
  left: 0; top: 0; 
  min-height: 100%;
  min-width: 100%;
  opacity: 0.6;
	position: fixed;
  width: 100%; 
	z-index: 500;
}
#fade, #fade_clusterApp { display: none; }

div.popup {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px 2px #333;
  -moz-box-shadow: 0 0 10px 2px #333;
  -webkit-box-shadow: 0 0 10px 2px #333;
  color: #333;
  display: none;
  font-size: 12px;
  margin: -20px 0 0 -20px;
  max-width: 720px;
  min-width: 540px;
  padding: 10px 20px;
  text-align: center;
  position: absolute;
  z-index: 501;
}
div.popup.showup {
    display: block;
}
div.popup.tall { bottom: 15px; }

.popup h3 .left span {
    display:inline-block;
    margin-left:30px;
    padding-top:5px;
    font-size:13px;
    text-decoration:underline;
}
.popup h3 .right span {
    display:inline-block;
    margin-right:30px;
    margin-top:5px;
    font-size:13px;
    text-decoration:underline;
}

/* Specific popup widths used in IE 8 */
 div.popup#browser_check
 {
  *width: 400px;
  *min-width: 0;
 }

div.popup.big {
  max-width: 1170px;
  z-index: 32767;
  padding: 0px;
  margin: 0px;
}

div#divProductPreview.popup {
    max-width: 700px;
    margin: 0;
    padding: 0;
    text-align: left;
}

div#divProductPreview.popup > h3 {
    padding: 5px;
    font-weight: normal;
    font-size: 20px;
    color: #0060A9;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    text-transform: none;
    left: 0px;
    top: 0px;

    
}

div#divProductPreview.popup .carousel {
    width: auto !important;
    height: 352px;
    padding: 0;
    overflow: auto;   
} 

div#divProductPreview.popup .carousel .preview img {
    max-width: 268px;
}

div.popup .btn_close {
  background-image: url('../images/tools/icon_close_pop.png');
  border: none;
  cursor: pointer;
  height: 28px;
  right: -13px;
  position: absolute;
  top: -13px;
  width: 28px;
  z-index: 99991;
}

div.popup .title, div.popup .header {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  color: #0060A9;
  font-size: 20px;
  height: 26px;
  line-height: 20px;
  margin: 0 -20px 20px;
  padding: 2px 10px;
  text-align: left;
}

div.popup > .content { margin: 20px ; }

div.popup .buttons {
  clear: both;
  height: 30px;
  margin: 20px 0 0;
  padding: 5px 14px 0;
}
div.popup .buttons .text-button { 
  min-width: 90px; 
}
div.popup > h3, div.popup .header {
 padding: 5px;
 font-size: 20px;
 color: #0060A9;
 background-color: #fff;
 border-bottom: 1px solid #e6e6e6;
}

div.popup > h3 .center {
 /*margin: 0 30%;*/ margin: 0 auto;
 display: inline-block; *display: inline; zoom: 1;
 text-align: center;
}

div.popup .buttons .text-button { min-width: 80px; }
div.popup .buttons .text-button:first-child { margin-left: 0; }
div.popup .buttons .text-button { margin-left: 8px; }

div.popup h4 { font-size: 12px; }
div.popup a {
 color: #0072bc;
 text-decoration: underline;
}
div.popup p { margin-bottom: 10px; }
div.popup p label {
 margin-right: 10px;
 display: inline;
}
div.popup p input[type=text] { width: 100%; }

div.popup ol, div.popup ol.redeye {
 margin: 25px 0 25px 20px;
 list-style-position: outside;
 list-style-type: decimal;
}
div.popup ol.redeye {
 margin-left: 10px;
 font-size: 10px;
}
div.popup ol li { margin-bottom: 10px; }

div.popup .promo  { border-bottom: none; }
.pop_order_total {
 width: 300px;
 float: right;
}

div.popup .preview_options { width: 295px; }
div.popup .preview_options a { color: #00AFEF; }
div.popup .preview_options h1 {
 font-weight: normal;
 font-size: 23px;
 color: #000;
}
div.popup .preview_options h3 {
 font-size: 14px;
 color: #808080;
 margin-bottom: 20px;
}
div.popup .preview_options h4 { margin-top: 20px; }
div.popup .preview_options h6 {
 padding-bottom: 20px;
 font-size: 12px;
}
div.popup .preview_options p { margin-bottom: 0; }
div.popup .preview_options img { vertical-align: middle; }
div.popup .preview_options ul.item_select,
div.popup .preview_options ul.item_select ul
{ width: 260px; }

#quickview hr {
 border-top: 1px solid #ccc;
}

div.popup .total_price td { *border: none; }

.alt_view {
 color: #4d4d4d;
 float: left;
}
.alt_view h4 {
 margin-bottom: 5px;
 padding-bottom: 10px;
 font-size: 13px;
 color: #4d4d4d;
}
.alt_view ul li {
 padding: 5px 15px;
 font-size: 11px;
 text-align: center;
 display: inline-block; *display: inline; zoom: 1;
}
.alt_view ul li.active { color: #000; }
.alt_view ul li.active img { border: 2px solid #E03A3E; }
div.popup .quickview_layout {
 width: 420px;
 text-align: center;
 float: left;
}
.alt_view ul li.more {
 border-left: 1px solid #ccc;
}

.popup_blank { padding: 7px 0 0 5px; }

.btn_popup {
 margin: 0 10px;
 display: inline-block;
 color: #333;
 text-align: center;
 float: left;
}
.btn_popup a {
 color: #333;
 text-decoration: none;
}


/* BROWSER CHECK */
#browser_check { text-align: center; }

#browser_check .small-logo {
  height: 97px;
  margin: 0 auto;
}

#browser_check .message {
 padding: 10px 20px 20px;
 font-weight: bold;
 font-size: 16px;
 color: #f7941d;
 border-bottom: none;
}
#browser_check .upgrade-link { text-decoration: none; }

/* ADDRESS BOOK POPUP */
div.popup .address_book fieldset > div { padding-bottom: 10px; }
div.popup .address_book fieldset label {
 width: 30%;
 display: inline-block; *display: inline; zoom: 1;
 vertical-align: top;
}
div.popup .address_book fieldset div > p {
 width: 65%;
 display: inline-block; *display: inline; zoom: 1;
}
div.popup .address_book fieldset input[type=text] {
 width: 35%;
 border: 1px solid #dedede;
}
div.popup .address_book fieldset select {
 width: 35%;
 border: 1px solid #dedede;
}
div.popup .address_book fieldset textarea {
 width: 45%; height: 70px;
 border: 1px solid #dedede;
}
div.popup .address_book fieldset img { vertical-align: middle; }

#popup_layer > div {
    background-color: #fff;
    color: #000;
}