/* Home Screen CSS Document */

/* -- Main Promotion -- */
.promo-main { width: 636px; height: 240px; overflow: hidden; position: relative; }
.promo-main div { width: 636px; background-position: top left; background-repeat: no-repeat; }
.promo-main h1 { color: #fff; font-size: 220%; font-weight: normal; margin: 0; line-height: 1.3em; padding: 45px 0 0 25px; }
.promo-main p { margin: 0; line-height: 1em; color: #fff; font-size: 120%; }
.promo-main .bottom-left { position: absolute; bottom: 20px; left: 25px; }
.promo-main .bottom-right { position: absolute; bottom: 20px; right: 25px; }
.promo-main .button-bottom-right { position: absolute; bottom: 8px; right: 25px; }
.promo-main .orange { color: #f07c05; }

.promo-main .businesscards { height: 240px; background-image: url(../../images/promotions/home/main_businesscards.jpg); }
.promo-main .artworkservice { height: 240px; background-image: url(../../images/promotions/home/main_designandartworkservice.jpg); position: relative; top: -240px; z-index: 3; display: none; }

/* -- Small Promotions -- */
.promo-small { width: 312px; height: 72px; background: url(../../images/promotions/home/small_body.gif) bottom left no-repeat; position: relative; }
.promo-small div { width: 312px; height: 72px; background-position: top left; background-repeat: no-repeat; }
.promo-small h2 { width: 305px; height: 30px; background: url(../../images/promotions/home/small_title.gif) top left no-repeat; color: #fff; font-size: 130%;
margin: 0; line-height: 1em; font-weight: normal; padding: 6px 0 0 7px; }
.promo-small h2 span { color: #f07c05; font-weight: normal; font-size: 90%; }
.promo-small p { float: left; width: auto; color: #000; margin: 0; padding: 6px 0 0 7px; line-height: 1.8em; }
.promo-small p .strapline { float: left; width: auto; font-size: 100%; }
.promo-small p .price { float: left; width: auto; font-size: 220%; font-weight: bold; overflow: visible; padding-left: 10px; }
.promo-small a { position: absolute; right: 10px; top: 42px; }

/* -- Medium Promotions -- */
.promo-medium { width: 312px; height: 156px; position: relative; background-repeat: no-repeat; }
.promo-medium h3 { margin: 0; padding: 7px 0 0 10px; line-height: 1em; font-size: 130%; font-weight: normal; color: #fff; }
.promo-medium h3 .green { color: #568e00; }
.promo-medium h3 .blue { color: #306e99; }
.promo-medium h3 .red { color: #730000; }
.promo-medium img { display: none; visibility: hidden; }
.promo-medium a { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 312px; height: 156px; background: url(../../images/ie_anchor_fix.gif); }

.promo-medium.environment { background-image: url(../../images/promotions/home/medium_environment.jpg); }
.promo-medium.shipping { background-image: url(../../images/promotions/home/medium_shipping.jpg); }
.promo-medium.payment { background-image: url(../../images/promotions/home/medium_payment.jpg); }
.promo-medium.mailinglist { background-image: url(../../images/promotions/home/medium_mailinglist.jpg); }
.promo-medium.chat { background-image: url(../../images/promotions/home/medium_chat.jpg); }

/* -- Mailing List Panel --*/
.promo-medium .mailinglist {  }

#mailinglist-form { width: 292px; padding: 68px 10px 0 10px; }
#mailinglist-form div { height: auto;  }
#mailinglist-form .form-row { width: 292px; padding: 1px 0 2px 0; background: none; }
#mailinglist-form .form-label { width: 40px; padding-top: 3px; }
#mailinglist-form .form-label label { font-size: 70%; }
#mailinglist-form .form-input-text { width: 242px; }
#mailinglist-form .form-input-text input { width: 236px; font-size: 70%; border: 1px solid #85714b; }
#mailinglist-form .form-controls { width: 292px;  padding: 5px 0 0 0; text-align: right; }