/* Merchant Module Styles */
.MerchantName { color: #ff0; font-size: 28px; font-weight: bold; }
.MerchantAddress { font-size: 18px; float: left; padding-top: 2px; padding-right: 18px; }
.MerchantCity { font-size: 14px; float: left; clear: left; }
.MerchantState { font-size: 14px; float: left; }
.MerchantZip { font-size: 14px; float: left; }
.MerchantPhone { font-size: 18px; float: left; padding-top: 2px; }
.MerchantWebsite { font-size: 14px; float: left; clear: left; padding-top: 4px; }
.MerchantDescription { text-align: justify; width: 580px; float: left; clear: left; padding-top: 6px; }

.MerchantLogo { color: #8a8984; text-align: center; float: right; min-height: 110px; margin: 0; padding-right: 2px; padding-bottom: 18px; padding-left: 2px; }
.MerchantLogo img { margin: 0 auto 0; }
.MerchantLogo a img:hover {  }
.MerchantLogo a { color: #565656; font-size: 11px; }
.MerchantLogo p { text-align: center; margin-top: 4px; clear: both; margin-bottom: 0; }

.MerchantWidget { background-color: #3e62b2; text-align: center; margin: 18px auto 0; padding: 12px 0 20px; width: 270px; float: right;; -moz-border-radius: 16px }
.MerchantWidgetBox { text-align: center; width: auto; height: auto; overflow: auto; margin: 0 auto; padding: 8px 0 0; }
.MerchantWidgetBox img { max-height: 280px; margin: 0; border-style: none; }
.MerchantWidgetBox a img:hover { }
.MerchantWidgetBox p { margin: 0; padding: 8px 0 0; }
.MerchantWidgetBox a { color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; }
.MerchantWidgetBox a:hover { color: #b00; }

.ImageBox { text-align: center; width: 160px; height: 160px; margin-right: auto; margin-left: auto; padding: 0 0 0; }

.Merchant { margin: 0 auto; padding: 0; width: 100%; clear: both; vertical-align: top; }
.Merchant p { margin-top: 4px; padding-right: 24px; }

.MerchantBox { text-align: center; width: 166px; height: 184px; margin: 0 0 14px; padding: 6px 1px 6px 4px; float: left; }
.MerchantBox img { max-width: 160px; max-height: 160px; margin: 0 auto; padding: 0; border-style: none; }
.MerchantBox a img:hover { }
.MerchantBox p { margin: 0; padding: 4px 0 0; }
.MerchantBox a { color: #fff; font-size: 93%; font-weight: bold; text-decoration: none; }
.MerchantBox a:hover { color: #fdcf08; }

.MerchantDetail { vertical-align: top; width: 100%; margin: 0 auto 0; padding: 0; clear: both; }
.MerchantDetailBox { text-align: center; width: 270px; height: 200px; margin: 0 8px 12px 0; padding: 6px 3px 0; float: left; }
.MerchantDetailBox img { max-width: 160px; max-height: 120px; margin-right: auto; margin-left: auto; border: solid 2px #000; }
.MerchantDetailImageBox { text-align: center; margin-right: auto; margin-left: auto; padding: 0 0 4px; }
.MerchantDetailGallery { margin: 0 auto; padding: 30px 0 0 8px; clear: both; vertical-align: top; }

.PageNavi { font-size: 10px ; text-align: center; clear: both; margin-bottom: 20px; white-space: nowrap  }
.PageNavi a { color: #8a8a8a; font-weight: bold }
.PageNavi a:active { color: #606060; }
.PageNavi a:hover { color: #fffb00 ; }