@import url(//fonts.googleapis.com/css?family=Cabin:400,700);

* { margin:0; padding:0; }
body { margin:10px 0 0 0; font:14px 'Cabin'; color:#666666; background:#0F0F0F url(../img/body-background.jpg) repeat-x 0 0; }

hr { border:0; border-top:solid 1px #CBCBCB; height:1px; }
a { color:#009cff; cursor:pointer; outline: none; }
a:hover { text-decoration:none; }

#header { width:900px; position:absolute; top:50px; left:50%; margin-left:-450px; z-index:10; }
#header .fb-like { }
#top-bar-wrapper { height:40px; background:#000; width:100%; position:absolute; top:0; left:0; z-index:11; }
#top-bar { width:900px; margin:0 auto; padding-top:10px; }


#logo { border:0; background:url(../img/logo.png) no-repeat 0 0; display:block; height:168px; width:100px; }
#logo img { display:none; }
#intro { color:#fff; position:absolute; top:32px; left:146px; width:280px; z-index:2; }
#intro h1 { font:20px "Trebuchet MS"; line-height:1em; margin:0; }
#intro p { line-height:1.4em; margin:4px 0 0 0; font-size:13px; }
#welcome-banner { position:absolute; top:17px; left:470px; width:427px; height:129px; background:url(../img/header-welcome.png) no-repeat 0 0; }

#navigation { width:900px; position:absolute; top:230px; height:40px; left:50%; margin-left:-450px; z-index:2; font-family: 'Cabin', sans-serif; }
#main-navs { margin:0 0 0 4px; list-style:none; }
#main-navs li { height:40px; float:left; margin: 0 0 0 8px; position:relative; font-weight:bold; font-size:16px; }
#main-navs a { display:block; height:24px; padding-top:4px; width:213px; text-align:center; background:#fff; border-radius:4px; color:#009cff; text-decoration:none; }
#main-navs a:hover,#main-navs .on a{ background-color:#009cff; color:#fff;position:relative;}
#main-navs .on a:after { content: "";border-color:#009cff transparent;border-style: solid;display:block;border-width: 15px 15px 0px 0;position: absolute;bottom:-12px;left:0px;}

#ancilary { margin-right:13px; padding-top:2px; }
#ancilary, .fb-like { float:right; }
#ancilary li { float:left; text-transform:uppercase; font-size:12px; margin-left:30px; list-style:none; }
#ancilary a { text-decoration:none; color:#aaa; }
    #ancilary a:hover { text-decoration:underline; }

div.cart-widget { width:368px; height:194px; background:url(../img/your-cart-tag.png) no-repeat 0 0; position:absolute; top:40px; right:0; z-index:10; margin:0 0 0 290px; }
div.cart-widget dl { position:absolute; top:32px; right:10px; color:#fff; font-weight:bold; }
div.cart-widget dl dt, div.cart-widget dl dd { float:left; }

div.cart-widget a { position:absolute; top:50px; right:10px; }

div.cart-widget dl dt { padding-right:5px; }
div.cart-widget dl dd { }

#footer { font-size:12px; }
#footer li { height:26px; padding-top:12px; }
#footer #bbb { height:28px; padding-top:0; float:right; }
#bbb img { border:0; display:none; }


/* NEW promo styles */
.promo { width: 150px; height: 100px; padding: 110px 15px 0 15px; font:10px Arial;  }
.promo-1 { position:absolute; top:705px; left:50%; margin-left:-437px; z-index:2; }
.promo-2 { position:absolute; top:705px; left:50%; margin-left:-247px; z-index:2;  }
.promo h2 { font:italic 20px Georgia; color:#009cff; text-transform:uppercase; }
.promo h3 { font:italic 16px Georgia; color:#222222; }
.promo p  { }

#promo-alpha-album { background:url(../img/promo-background.png) no-repeat; width:368px; height:200px; text-align:center; }
#promo-alpha-album a {text-decoration: none;}
#promo-alpha-album .wrapper { padding:4px 20px 0 20px; }
#promo-alpha-album h2 { font-style:italic; margin-top:10px;}
#promo-alpha-album p { color:#222222; margin-bottom:5px; }
#promo-alpha-album p.description span {color:#222222;}
#promo-alpha-album span { color:#009cff; }
#promo-alpha-album img {-webkit-box-shadow: 0px 8px 11px 0px rgba(50, 50, 50, 0.43); -moz-box-shadow:    0px 8px 11px 0px rgba(50, 50, 50, 0.43); box-shadow: 0px 8px 11px 0px rgba(50, 50, 50, 0.43); max-width: 368px; max-height: 86px;}
#promo-alpha-album.slick-carousel img {margin:0 auto;}
 
#promo-holiday-delivery { width:170px; height:168px; padding:20px 25px 0 170px; background:url(../img/holiday-2009-promo-bg.png) no-repeat; }
#promo-holiday-delivery h2 { text-transform:none; }
#promo-holiday-delivery p { margin-top:8px; }

#promo-easels { background:url(../img/phase2/promo2-easels.png) no-repeat 0 0;  }
#promo-framed { background:url(../img/phase2/promo2-framed.png) no-repeat 0 0;  padding: 105px 15px 0 15px; }
#promo-note-cards { background:url(../img/phase3/promo2-note-cards.png) no-repeat 0 0; padding: 128px 15px 0 15px; }
#promo-gift-cert { padding-top:103px; height:107px; background:url(../img/phase4/promo-gift-certificate.png) no-repeat 0 0; }
#promo-mat-writing { padding-top:10px; height:190px; background:url(../img/promo-mat-writing.png) no-repeat; }
#promo-intl-shipping { padding-top:20px; height:180px; background:url(../img/promo-intl-shipping.png) no-repeat; }
#promo-intl-shipping h3 { margin-bottom:5px; }

#promo-sorry { background:url(../img/promo-sorry.png) no-repeat 0 0;  z-index:2; padding: 95px 15px 0 15px; height:120px; }
#promo-sorry h3 { color:#CD452F; font-size:20px; }
#promo-sorry p { font-size:12px; font-family:Georgia; font-style:italic; }
#promo-sorry a { font-size:10px; display:block; margin-top:8px; font-family:Arial; font-style:normal; font-weight:normal; }


#promo-holidays { z-index:2; height:192px; width:170px; padding:0; background:#8F8F8F; border:4px solid #8F8F8F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#promo-holidays .wrapper { padding: 10px 10px 0 10px; height:182px; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#promo-holidays h3 { color:#CD452F; font-size:20px; }
#promo-holidays p { font-size:11px; margin-bottom:10px; font-family:Georgia; font-style:italic; }