.page-empty {padding: 0}
.facebookfront {background: #000 url('../images/facebook/fb-front-campaign-bg.gif') center top no-repeat; width: 700px; height: 150px; border-radius: 0 0 100px 0; color: #fff; padding: 350px 55px 0; position: relative}
.like-layer {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/facebook/fb-apollo-front-layer.png');}

.facebookpage {width: 810px; background: url('../images/facebook/fb-stripe.png') repeat-y; font-size: 14px; border-radius: 0 0 100px 0}
.facebookpage #header {background: #eee; margin: 5px 20px; overflow: hidden; padding: 20px 20px 0}
.facebookpage #header .loggedin-user {float: left; padding-top: 9px; width: 250px}
.facebookpage #header .loggedin-user img {float: left; box-shadow: 1px 1px 1px #999; margin-right: 10px; margin-top: -7px}
.facebookpage #header .loggedin-user span {font-size: 12px}
.facebookpage #header .loggedin-user .name-add {border-top: 1px #cacaca solid; color: #000; font-size: 10px; font-weight: bold; padding-top: 2px}
.facebookpage #header .fb-tabs {float: right}
.fb-tabs li {margin-left: 5px; padding: 15px 20px; background: #d0d0d0; float: left; border-radius: 10px 10px 0 0; cursor: pointer}
.fb-tabs li:hover,
.fb-tabs li.active {background: #ef6f2e}
.fb-tabs li a {font-weight: bold; color: #000; font-size: 16px; text-align: center; text-shadow: 0px 1px 2px #fce2cd; text-transform: uppercase; float: left}
.fb-tabs li a:hover {text-decoration: none}
.facebookpage .banner {width: 810px; height: 205px; background: url('../images/facebook/fb-banner.jpg')}
.facebookpage #content {background: #fff; margin: 0 20px 10px; padding: 20px; overflow: hidden; border-radius: 0 0 10px 10px}
.facebookpage #content .right {width: 315px; min-height: 200px; background: url('../images/facebook/fb-loading.gif') 85px 120px no-repeat}
.facebookpage #content .right-main {height: 680px}
.left-wishlist .item {width: 320px; height: 135px; clear: both; cursor: pointer; margin-bottom: 30px; background: url('../images/facebook/fb-arrow.jpg') right 50% no-repeat; position: relative}
.left-wishlist .item img {border: 1px #b7b7b7 solid; border-top: 0; background: #fff; padding: 5px; box-shadow: 0 2px 5px #c0c0c0; float: left; margin-right: 20px}
.left-wishlist .item div {padding-top: 45px; float: left; width: 136px}
.left-wishlist .item strong {display: block}
.left-wishlist .item .transparent-layer {position: absolute; left: 0; top: 0; width: 320px; height: 135px; padding: 0}
.left-wishlist .position {position: absolute; background: url('../images/apollo-sprite.png') 0 -66px no-repeat; margin-right: 10px; color: #fff; font-weight: bold; font-size: 20px; text-align: center; width: 28px !important; height: 28px; line-height: 28px; bottom: 42px; left: 10px; padding: 0 !important}
.facebookpage .product-content-img {min-height: 200px; width: 300px; margin: 0 0 20px}
.facebookpage .product-content-price {margin: 15px 0}
.facebookpage .read-more {font-weight: bold; color: #000; margin-top: 15px; display: block; float: left; background: url('../images/facebook/fb-readmore.gif') right center no-repeat; padding-right: 15px}
.facebookpage .product-search {width: 398px; height: 169px; background: url('../images/facebook/fb-searchbox.gif') no-repeat; clear: both; position: relative}
.facebookpage .product-search #search {width: 154px; position: absolute; bottom: 23px; left: 170px}
.facebookpage .product-search button {position: absolute; height: 30px; width: 30px; left: 144px; bottom: 22px; background: none; border: 0}
.facebookpage .product-search .apollo-link {position: absolute; width: 100px; height: 130px; left: 20px; top: 20px; text-indent: -9999px}
.facebookpage #footer {overflow: hidden; padding: 0 30px 60px; color: #000}
.facebookpage #footer strong {font-size: 16px; text-transform: uppercase}
.facebookpage #footer a {color: #000}
.facebookpage #footer .left {width: 55%}
.facebookpage #footer .right {width: 45%}
.facebookpage .product-content-title {font-weight: bold; font-size: 16px}
.product-content-buttons {overflow: hidden}
.product-content-buttons a {float: left; width: 152px; height: 42px; background-image: url('../images/facebook/fb-buttons.gif'); margin-bottom: 10px; text-indent: -9999px}
.product-content-buttons a:hover {opacity: 0.9}
.fb-btn-buy {margin-right: 10px}
.fb-btn-remove {background-position: -160px 0}
.fb-btn-share {background-position: 0 -50px; margin-right: 10px}
.fb-btn-like {background-position: -160px -50px}
.fb-btn-wish {background-position: 0 -100px}

.friendsactivity #scrollbar {height: 437px !important; float: none; width: 350px}
.friendsactivity #scrollbar .viewport {height: 437px !important; width: 305px;}
.friendsactivity #scrollbar .overview {margin-top: 0}
.friendsactivity #content .left {width: 330px; min-height: 437px; border-right: 1px #ddd solid; padding-right: 20px; position: relative}
.friendsactivity #content .right {width: 350px !important; background: none !important}
.friendsactivity #content .left img {cursor: pointer}

#scrollbar {float: right; width: 380px; height: 680px}
#scrollbar .viewport { width: 350px; height: 680px; overflow: hidden; position: relative; }
#scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; margin-top: 20px}
#scrollbar .thumb .end,
#scrollbar .thumb { background-color: #d0d0d0 }
#scrollbar .scrollbar { position: relative; float: right; width: 26px; }
#scrollbar .track { background-color: #fff; height: 100%; width:20px; position: relative; padding: 0 2px; border: 1px #e1e1e1 solid; box-shadow: 2px 3px 5px #e6e6e6}
#scrollbar .thumb { height: 60px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 2px; border-radius: 2px; margin-top: 2px}
#scrollbar .thumb .end { display: none; overflow: hidden; height: 5px; width: 12px; }
#scrollbar .disable{ display: none; }

.facebookpage #content .right .info {margin-top: 200px}
.facebookpage #content .right .info a {float: left; background: url('../images/facebook/fb-order-notifiactions.jpg') left center no-repeat; padding-left: 65px; line-height: 55px}
.left-friendslist {position: absolute; bottom: 0; width: 332px}
.left-friendslist .friend {float: right; padding: 0 0 10px 10px;}
.activity-list strong {}
.activity-list a {display: block; clear: both; width: 290px; overflow: hidden; padding: 6px; margin: 7px 0; height: 62px}
.activity-row {background-image: url('../images/facebook/fb-arrow-small.png'); background-position: 97% center; background-repeat: no-repeat}
.activity-row img {float: left; padding-right: 15px}
.activity-row div {float: left; padding-top: 5px}
.activity-row .name {font-size: 11px; font-weight: bold; color: #000}
.activity-row .productname {font-size: 11px; color: #EA7C1E; display: block; width: 195px}
.activity-row.odd {background-color: #eee}
.activity-row.even {background-color: #fff}
.facebookfront #campaign-rules {text-decoration: underline}
.rules-content {display: none; background: url('../images/facebook/fb-rules-bg.png'); position: absolute; left: 0; top: 0; width: 670px; height: 2100px; padding: 80px 70px; border-radius: 0 0 100px 0; font-size: 14px; line-height: 20px; color: #fff}
.rules-content .rules-title {font-size: 40px; font-weight: bold; padding-bottom: 40px}
.close-rules {position: absolute; right: 30px; top: 30px; font-weight: bold; text-transform: uppercase; font-size: 18px; background: url('../images/facebook/fb-rules-close.png') right center no-repeat; padding-right: 45px; height: 29px; line-height: 29px; cursor: pointer}
.fb-like-button {padding: 10px 0 0}
.campaign-info {font-size: 18px; white-space: nowrap; padding-top: 15px}
.campaign-info span {color: #ef852f}

.fb-login-btn-wrapper {padding: 20px 0 0}
.facebook-top-login {float: right;}
.fb-connect-forgot-password {float: left;}