/**
 * merchandising_banners.css file
 *
 * Contains the styling for Merchandising Banners
 */

#merchandising_banner {
   position: relative;
   height: 230px;
   overflow: hidden;
   font-family: Verdana,Arial;
   font-size: 15px;
   min-width: 598px;
   padding: 0;
   margin: 0;
}
/* Force IE to observe min-width with an image */
#merch_banner_min_width_enforcer {
   width: 598px;
   height: 1px;
   margin: 0;
   padding: 0;
   display: inline;
}

#merchandising_banner img {
   border: none;
}

#merchandising_banner a {
   text-decoration: none;
   color: black;
}

#merchandising_banner h1, #merchandising_banner h2, #merchandising_banner h3 {
   margin: 0;
   padding: 0 5 5 5;
}
      
#merch_banner_corners_left,
#merch_banner_corners_right {
   z-index: 10;
}

#merch_banner_corners_left {
   position: absolute;
   top: 0;
   left: 0;
}

#merch_banner_corners_right {
   position: absolute;
   top: 0;
   right: 0;
}

.merch_banner_sash {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
}

.merch_banner_mid_image_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

#merchandising_banner table {
   text-align: center;
}

#merch_banner_headings {
   width: 40%;
}

#merch_banner_headings,
#merch_banner_content {
   height: 185px;
}

#merch_banner_headings_container {
   /* Stop jQuery Cycle from setting the width and height */
   height: 100% !important;
   width: 100% !important;
   z-index: 1;
}

.merch_banner_headings_slide {
   /* Stop jQuery Cycle from setting the width and height */
   height: 100% !important;
   width: 100% !important;
}

/* This is set in widgets/merchandising-banner.tpl as it requires a DB value */
.merch_banner_main_heading {

}
.merch_banner_mid_banner {
   height: 50px;
}
/* Some of this is set in widgets/merchandising-banner.tpl as it requires a DB value */
.merch_banner_point_of_action {
   height: 30%;
   font-weight: bold;
   /* Size to be set per offer
   font-size: 1em;*/   
}

.merch_banner_main_heading_large {
   /* Size to be set per offer
   font-size: 2em;*/
   font-weight: bold;
}
.merch_banner_main_heading_small {
   /* Size to be set per offer
   font-size: 1.2em;
   font-weight: bold;
   */ 
   font-weight:normal;
   letter-spacing:-1px;   
}

#merch_banner_content_container {
   /* Stop jQuery Cycle from setting the width and height */
   height: 100% !important;
   width: 100% !important;
}

.merch_banner_content_slide {
   /* Stop jQuery Cycle from setting the width and height */
   height: 100% !important;
   width: 100% !important;
   background: white;
}

#merch_banner_content_container a:hover {
   text-decoration: underline;
}

.merch_banner_offer_title {
   height: 22px;
}

/* Some of this is set in widgets/merchandising-banner.tpl as it requires a DB value */
.merch_banner_title_wrapper {
   font-weight: bold;
   padding: 10px 2px 10px 10px;
   line-height: 22px;
}

.merch_banner_product_short_descs_1 {
   font-size: 14px; 
}

.merch_banner_product_titles_1,
.merch_banner_product_titles_2 {
   font-weight: bold;
   padding-top: 5px;
}
.merch_banner_product_titles_2 {
   font-size: 0.8em;
}
.merch_banner_product_titles_4 {
   font-size: 0.7em;
   font-weight: bold;
}

.merch_banner_product_short_descs_1 {
   padding-top: 5px;
}

.merch_banner_product_prices_1,
.merch_banner_product_prices_2 {
   padding-top: 5px;
   color: orange;
   font-weight: bold;
}
.merch_banner_product_prices_2 {
   font-size: 0.9em;
}
.merch_banner_product_prices_4 {
   font-size: 0.8em;
   color: orange;
   font-weight: bold;
}

/* Some of this is set in widgets/merchandising-banner.tpl as it requires a DB value */
#merch_banner_labels {
   height: 30px;
   text-align: left;
   z-index: 1;
}

/* Some of this is set in widgets/merchandising-banner.tpl as it requires a DB value */
.merch_banner_label {   
   padding-bottom: 2px;
}

/* This is set in widgets/merchandising-banner.tpl as it requires a DB value */
.merch_banner_label_selected {

}

#merch_banner_labels_wrapper {
   position: relative;
   height: 100%;
}

#merch_banner_labels_container {
   height: 100%;
   z-index: 3;
}

#merch_banner_labels_container,
#merch_banner_label_pointer_container {
   position: absolute;
   top: 0;
   left: 0;
   text-align: left;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

#merch_banner_label_pointer {
   position: relative;
   top: 0;
   left: 0;
   z-index: 2;
}

.merch_banner_product_short_descs_1001, 
.merch_banner_product_titles_1001 a,
.merch_banner_product_titles_12 a, 
.merch_banner_product_titles_13 a, 
.merch_banner_product_titles_14 a, 
.merch_banner_product_prices_1001 .from, 
.merch_banner_product_prices_12 .from,
.merch_banner_product_prices_13 .from,
.merch_banner_product_prices_14 .from {
   color: #505050 !important; 
}

.merch_banner_product_image_cell_1001 {
   padding:0px; 
}

.merch_banner_product_images_1001 {
   /*width: 100%; */
}

.merch_banner_product_titles_1001 {
   font-weight: bold;
   padding: 5px;   
   height: 34px; 
   overflow: hidden;    
}

.merch_banner_product_short_descs_1001 {
   padding-top: 5px;
   height:58px; 
   overflow:hidden;
   font-size: 96%;
}

.merch_banner_product_prices_1001{
}

.merch_banner_product_prices_1001 .from, 
.merch_banner_product_prices_1001 .pounds,
.merch_banner_product_prices_1001 .pennys {
   letter-spacing: -2px; 
} 

.merch_banner_product_prices_1001 .from{
   padding-top: 5px;
   /*color: black; */
   font-weight: normal;
}
.merch_banner_product_prices_1001 .pounds{
   padding-top: 5px;
   color: #d97a1a; 
   font-weight: bold;
   font-size: 2.0em; 
}
.merch_banner_product_prices_1001 .pennys{
   padding-top: 5px;
   color: #d97a1a; 
   font-weight: normal;
   font-size:0.43em;
}

.merch_banner_product_details_cell_1001 {
   padding: 5px; 
}


.merch_banner_product_prices_12 .from{
   /*color: black; */
   font-weight: normal;
   font-size: 0.9em;   
}

.merch_banner_product_prices_12 .pounds{
   color: #d97a1a; 
   font-weight: bold;
   font-size: 1.9em;    
}

.merch_banner_product_prices_12 .pennys{
   color: #d97a1a; 
   font-weight: normal;
   font-size:0.43em;
}

.merch_banner_product_prices_12 .from, 
.merch_banner_product_prices_12 .pounds,
.merch_banner_product_prices_12 .pennys {
   letter-spacing: -2px; 
}

.merch_banner_product_titles_12 {
   font-weight: bold;
   padding: 3px;
   font-size: 1em; 
   height: 33px; 
   overflow: hidden; 
}


.merch_banner_product_prices_13 .from{
   /*color: black; */
   font-weight: normal;
   font-size: 0.73em;   
}

.merch_banner_product_prices_13 .pounds{
   color: #d97a1a; 
   font-weight: bold;
   font-size: 1.45em;    
}

.merch_banner_product_prices_13 .pennys{
   color: #d97a1a; 
   font-weight: normal;
   font-size:0.43em;
}

.merch_banner_product_prices_13 .from, 
.merch_banner_product_prices_13 .pounds,
.merch_banner_product_prices_13 .pennys {
   letter-spacing: -2px; 
}

.merch_banner_product_titles_13 {
   font-weight: bold;
   padding: 3px;
   font-size: 0.7em; 
   height: 26px; 
   overflow: hidden; 
}

.merch_banner_product_prices_14 .from{
   /*color: black; */
   font-weight: normal;
   font-size: 0.75em;   
}

.merch_banner_product_prices_14 .pounds{
   color: #d97a1a; 
   font-weight: bold;
   font-size: 1.3em;    
}

.merch_banner_product_prices_14 .pennys{
   color: #d97a1a; 
   font-weight: normal;
   font-size:0.50em;
}

.merch_banner_product_prices_14 .from, 
.merch_banner_product_prices_14 .pounds,
.merch_banner_product_prices_14 .pennys {
   letter-spacing: -1px; 
}

.merch_banner_product_titles_14 {
   font-weight: bold;
   padding: 3px;
   font-size: 0.75em; 
   height: 36px; 
   overflow: hidden; 
}
