/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Popup Anywhere module CSS stylesheet
 *  
 * @category   X-Cart
 * @package    X-Cart
 * @subpackage CSS
 * @author     Ruslan R. Fazlyev <rrf@x-cart.com> 
 * @version    , v1 (xcart_4_5_5), 2013-03-05 11:55:07, main.css, karina
 * @link       http://www.x-cart.com/
 * @see        ____file_see____
 */

.popup-anywhere .ui-dialog-content {
  color: #555555;
}

.popup-anywhere .popup-bottom-info {
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
  border-top: 1px solid #EFEFEF;
  font-size: 11px;
  color: #999999;
  margin-top: 20px;
  padding-top: 8px;
}

.popup-anywhere.ui-widget input,
.popup-anywhere.ui-widget button {
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
}

.popup-anywhere.ui-widget-overlay {
  opacity: 0.8;
}

.popup-btn-close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
  width: 14px;
  height: 14px;
  background: url(images/popup_btn_close.png);
  z-index: 2;
}

.popup-anywhere div.popup-title {
  background-color: #DEDEDE;
/*  background: #DEDEDE url(../../images/popup_title_bg.png) 0 0 repeat-x; */
  border-bottom: 3px solid #336699;
  padding: 20px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 22px;
}

.popup-anywhere .button-row.button-subscribe {
  margin-top: 10px;
}

.popup-anywhere .popup-h2 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  color: #336699;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
}

.popup-anywhere button.button .button-left {
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
  font-size: 16px;
  font-weight: bold;
}

.popup-anywhere .popup-loader {
  position: absolute;
  left: 0px;
  text-align: center;
  color: #444444;
}

.popup-anywhere .popup-loader .popup-loader-bg {
  opacity: 0.85 !important;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0px;
  left: 0px;
  top: 0px;
  background: #FEFEFE;
}

.popup-anywhere .popup-loader .popup-loader-result-bg {
  opacity: 1 !important;
}


.popup-anywhere .popup-loader .popup-loader-content {
  font-size: 25px;
  line-height: 27px;
  padding-top: 30px;
  vertical-align: middle;
  position: absolute;
  width: 100%;
}

.popup-anywhere .popup-loader .popup-loader-result-content {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  position: absolute;
  width: 100%;
}


.popup-anywhere .popup-loader-content span.wait {
  padding: 3px;
  background: url(../../images/loading.gif) no-repeat;
  color: #696969;
  display: inline-block;
  font-size: 18px;
  margin: 8px 5px;
  padding: 5px 0 5px 45px;
  
}

.popup-anywhere div.popup-content {
  font-size: 14px;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
  text-align: center;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.popup-anywhere div.popup-content-advanced {
  font-size: 14px;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
  text-align: left;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.popup-anywhere p.help {
  text-align: right;
  font-size: 12px;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
  margin-top: 0px !important;
  padding-right: 15px;
}


.popup-anywhere div.popup-content-advanced p {
  margin-top: 10px;
  margin-bottom: 1px;
}

.popup-anywhere a.help {
  text-align: right;
  font-size: 12px;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana;*/
}

.popup-anywhere div.popup-content-advanced .popup-bottom-info {
  text-align: center;
  font-size: 12px;
}

.popup-anywhere-overlay {
  background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.8) 100%) !important;
  background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.8) 100%)) !important;
  background: #222222;
}

.popup-anywhere .ui-widget-header {
  display: none;
}

.popup-anywhere.ui-dialog {
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
  -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}

.popup-anywhere.notification-bar.ui-dialog {
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.6) !important;
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.6) !important;
}

.popup-anywhere.minicart-bar.ui-dialog {
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.6) !important;
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.6) !important;
}

.popup-anywhere.ui-dialog .ui-dialog-titlebar {
  padding: 0.7em 1em 0.6em 1em !important;
  position: relative !important;
  border: none !important;
  border-bottom: 1px solid #CCCCCC !important;
  -moz-border-radius: 0px 0px 0 0 !important;
  -webkit-border-radius: 0px 0px 0 0 !important;
  border-radius: 0px 0px 0 0 !important;
  font-family: Arial, sans-serif !important;
}

.popup-anywhere.ui-dialog .ui-dialog-title {
  float: left !important;
  margin: .1em 16px .2em 0 !important;
  font-size: 14px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
} 

.popup-anywhere.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  right: .8em !important;
  top: 55% !important;
  width: 16px !important;
  margin: -10px 0 0 0 !important;
  padding: 0 !important;
  height: 16px !important;
}

.popup-anywhere .ui-dialog .ui-dialog-titlebar-close span {
  display: block !important;
  margin: 1px !important;
  background: url(images/icon_close.png) 0 0 no-repeat !important;
}

.popup-anywhere.ui-dialog .ui-dialog-titlebar-close:hover span {
  background-position: -16px 0 !important;
}


.popup-anywhere.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0 !important;
  border: 0 !important;
}

.popup-anywhere.ui-dialog .ui-dialog-content {
  position: relative !important;
  border: 0 !important;
  padding: 0em !important;
  background: none !important;
  overflow: hidden !important;
  zoom: 1 !important;
}

.popup-anywhere.ui-dialog .ui-dialog-buttonpane {
  text-align: left !important;
  border-width: 1px 0 0 0 !important;
  background-image: none !important;
  margin: .5em 0 0 0 !important;
  padding: .3em 0.0em .5em .4em !important;
  border-radius: 0 0 3px 3px !important;
  -moz-border-radius: 0 0 3px 3px !important;
  -webkit-border-radius: 0 0 3px 3px !important;
}

.popup-anywhere.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right !important;
}

.popup-anywhere.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em 1.0em .5em 0 !important;
  cursor: pointer !important;
}

.popup-anywhere.ui-dialog .ui-resizable-se {
  width: 14px !important;
  height: 14px !important;
  right: 3px !important;
  bottom: 3px !important;
}

.popup-anywhere .ui-state-default a, .popup-anywhere .ui-state-default a:link, .popup-anywhere .ui-state-default a:visited {
  color: #336699 !important;
  text-decoration: none !important;
}

.popup-anywhere .ui-state-hover, .popup-anywhere .ui-widget-content .ui-state-hover, .popup-anywhere.ui-widget-content .ui-state-hover, .popup-anywhere .ui-widget-header .ui-state-hover, .popup-anywhere .ui-state-focus, .popup-anywhere .ui-widget-content .ui-state-focus, .popup-anywhere.ui-widget-content .ui-state-focus, .popup-anywhere .ui-widget-header .ui-state-focus {
  border: 1px solid #9D9D9D !important;
  font-weight: normal !important;
  color: #313131 !important;
}

.popup-anywhere .ui-state-hover a, .popup-anywhere .ui-state-hover a:hover {
  color: #313131 !important;
  text-decoration: none !important;
}

.popup-anywhere .ui-state-active a, .popup-anywhere .ui-state-active a:link, .popup-anywhere .ui-state-active a:visited {
  color: #313131 !important;
  text-decoration: none !important;
}

.popup-anywhere .ui-widget :active {
  outline: none !important;
}

.popup-anywhere .buttons_line {
  min-width: 390px;
}

.popup-anywhere .ui-button .ui-button-text {
  display: block !important;
  line-height: 1.4 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

.popup-anywhere.ui-dialog {
  padding: 0 !important;
}

.popup-anywhere .ui-widget-content, .popup-anywhere.ui-widget-content {
  border: 1px solid #a0a0a0 !important;
  background-color: white;
  background-image: none;
}

.popup-anywhere .ui-button.ui-state-hover { 
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; !important 
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

.popup-anywhere.ui-dialog {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  border-radius: 8px !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.popup-anywhere.notification-bar.ui-dialog {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.popup-anywhere.minicart-bar.ui-dialog {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}



.popup-anywhere .ui-state-active, .popup-anywhere .ui-widget-content .ui-state-active, .popup-anywhere .ui-widget-header .ui-state-active { 
  outline: none !important;
  color: #1c4257; border: 1px solid #7096ab !important;
  background: #ededed url(../../images/bg_gradient.png) 0 -50px repeat-x !important;
  background: -moz-linear-gradient(top, #d0dde9 0%, #a9d0e5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dde9), color-stop(100%,#a9d0e5)) !important;
  background: -webkit-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: -o-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: -ms-linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;
  background: linear-gradient(top, #d0dde9 0%,#a9d0e5 100%) !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dde9', endColorstr='#a9d0e5')"; /* IE8+ */
}


.popup-anywhere.ui-dialog .ui-dialog-titlebar-close {
  background: none !important;
}

.popup-anywhere.ui-dialog .ui-dialog-buttonpane button {
  float: none !important;
}

.popup-anywhere .button-spacer {
  padding: 0 5px;
}

.popup-anywhere hr {
  border-bottom: 1px solid #dfdfdf;
  background: none;
}

.popup-anywhere.ui-widget {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  position: fixed;
}

.popup-anywhere.notification-bar .content {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10%;
}

.popup-anywhere.notification-bar .bar {
  font-size: 11px;
  padding-top: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 1px;
  background-color: #4876B3;
  text-shadow: 0 1px 0 rgba(20,20,20,0.5) !important;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana; */
  border-bottom: 1px solid #336699;
}

.popup-anywhere .bar {
  font-size: 12px;
  padding-top: 1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 1px;
  background-color: #4876B3;
  text-shadow: 0 1px 0 rgba(20,20,20,0.5) !important;
/*  font-family: "Arial Narrow", "Helvetica Neue", Geneva, Arial, Helvetica, Tahoma, Verdana; */
  border-bottom: 1px solid #336699;
}


.popup-anywhere.notification-bar .bar,
.popup-anywhere.notification-bar a {
  color: #DAE8FD;
  font-family: verdana,arial,helvetica,sans-serif;
  font-weight: normal;
}

.popup-anywhere.minicart-bar .bar,
.popup-anywhere.minicart-bar a {
  color: #DAE8FD;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
}


.popup-anywhere .border {
  background-color: #FFFFFF;
  height: 1px;
  border-bottom: 1px solid #336699;
}

.popup-anywhere .ui-dialog-content {
  min-height: 5px; !important;
}

.popup-anywhere.notification-bar .socialize-links {
  text-align: left;
  position: relative;
  float: left;
  width: 20%;
/*  padding-top: 11px;*/
  font-weight: normal;
}

.popup-anywhere.minicart-bar .socialize-links {
  text-align: left;
/*  float: left;
  width: 20%;*/
}

.popup-anywhere.notification-bar .content {
  text-align: center;
  width: 77%;
}

.popup-anywhere.minicart-bar .content {
  text-align: center;
  width: 77%;
}

.popup-anywhere .minicart-info {
  float: right;
  width: 75%;
  text-align: right;
}

.popup-anywhere.minicart-bar img.popup-minicart-icon {
  padding-top: 1px;
}
.popup-anywhere .minicart-total {
  padding-left: 5px;
  padding-right: 8px;
}

.popup-anywhere .button-row {
  height: 25px;
  line-height: 25px;
  margin-top: 0px;
  padding-top: 0px;
}
div.checkout-3-button {
  padding-right: 30px !important;
}

.popup-anywhere .ui-button.ui-state-hover { 
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; !important 
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset !important;
}

.popup-anywhere .ui-state-default,
.popup-anywhere .ui-widget-content .ui-state-default,
.popup-anywhere.ui-widget-content .ui-state-default,
.popup-anywhere .ui-widget-header .ui-state-default {
  border: 1px solid #B6B6B6 !important;
  font-weight: normal !important;
  color: #336699 !important;
}

.popup-anywhere .ui-state-default,
.popup-anywhere .ui-widget-content .ui-state-default,
.popup-anywhere.ui-widget-content .ui-state-default,
.popup-anywhere .ui-widget-header .ui-state-default { 
  background: #ededed url(images/bg_gradient.png) 0 0 repeat-x !important;
  background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)) !important;
  background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  background: linear-gradient(top, #ededed 0%,#c4c4c4 100%) !important;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4')"; /* IE8+ */
}

.popup-anywhere .ui-state-default a,
.popup-anywhere .ui-state-default a:link,
.popup-anywhere .ui-state-default a:visited {
  color: #336699 !important;
  text-decoration: none !important;
}

.popup-anywhere ul.soc-footer-links li {
  margin-left: 3px;
}

.popup-anywhere .coupon-info {
  border: 1px solid #DEDEDE;
  background-color: #EFEFEF;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  line-height: 20px;
}

a.popup-anywhere-customer-link {
  text-decoration: none;
  border-bottom: 1px dashed #005D98; 
}