/* BCD style - bcd.css */

body {
background: #475079;
}
body.home {
background: #475079 url('bcd/home-background.jpg') no-repeat top center;
}
body.page, body.allOffers, body.blog {
background: url('bcd/background-page-repeaty.jpg') repeat-y top center;
}
body.page #wrap {
background: url('bcd/background-page.jpg') no-repeat top center;
}
body.blog #wrap {
background: url('bcd/background-blog.jpg') no-repeat top center;
}
body.allOffers #wrap {
background: url('bcd/all-offers-background.jpg') no-repeat top center;
}
#top {
background: transparent;
border-bottom: none;
}
#top .content {
background: transparent;
}

/* UPDATES MENU */

#updates-menu {
float: right;
display: inline;
width: 296px;
height: 25px;
margin: 0 305px 0 0;
}
#updates-menu .updatesTitle {
float:left;
display:block;
margin: 6px 0 0 0;
}
#updates-menu a.updatesRSS {
float:left;
display:block;
width:40px;
height:18px;
margin:5px 0 0 6px;
background: transparent url('bcd/updates-menu.gif') no-repeat top left;
}
#updates-menu a.updatesRSS:hover {
background-position: bottom left;
}
#updates-menu a.updatesTwitter {
float:left;
display:block;
width:88px;
height:18px;
margin:5px 0 0 0;
background: transparent url('bcd/updates-menu.gif') no-repeat -40px 0;
}
#updates-menu a.updatesTwitter:hover {
background-position: -40px -18px ;
}
#updates-menu a.updatesFacebook {
float:left;
display:block;
width:104px;
height:18px;
margin:5px 0 0 0;
background: transparent url('bcd/updates-menu.gif') no-repeat -128px 0;
}
#updates-menu a.updatesFacebook:hover {
background-position: -128px -18px ;
}

/* TAB MENU */

#tab-menu {
float: left;
display: inline;
width: 40px;
height: 629px;
margin-top: 6px;
}
.tabFeaturedOne {
float:left;
display:block;
width:40px;
height:164px;
background: url(bcd/tab-featured-1.gif) top no-repeat;
}
.tabFeaturedTwo {
float:left;
display:block;
width:40px;
height:141px;
background: url(bcd/tab-featured-2.gif) top no-repeat;
}
.tabFeaturedThree {
float:left;
display:block;
width:40px;
height:165px;
background: url(bcd/tab-featured-3.gif) top no-repeat;
}
.tabFeaturedFour {
float:left;
display:block;
width:40px;
height:164px;
background: url(bcd/tab-featured-4.gif) top no-repeat;
}
.tabFeaturedTwo:hover {
background-position: bottom;
}
.tabFeaturedThree:hover {
background-position: bottom;
}
.tabFeaturedFour:hover {
background-position: bottom;
}
.tabAllOffersOne {
float:left;
display:block;
width:40px;
height:149px;
background: url(bcd/tab-all-offers-1.gif) top no-repeat;
}
.tabAllOffersTwo {
float:left;
display:block;
width:40px;
height:196px;
background: url(bcd/tab-all-offers-2.gif) top no-repeat;
}
.tabAllOffersThree {
float:left;
display:block;
width:40px;
height:128px;
background: url(bcd/tab-all-offers-3.gif) top no-repeat;
}
.tabAllOffersFour {
float:left;
display:block;
width:40px;
height:148px;
background: url(bcd/tab-all-offers-4.gif) top no-repeat;
}
.tabAllOffersOne:hover {
background-position: bottom;
}
.tabAllOffersThree:hover {
background-position: bottom;
}
.tabAllOffersFour:hover {
background-position: bottom;
}
.tabEngageOne {
float:left;
display:block;
width:40px;
height:148px;
background: url(bcd/tab-engage-1.gif) top no-repeat;
}
.tabEngageTwo {
float:left;
display:block;
width:40px;
height:128px;
background: url(bcd/tab-engage-1.gif) 0 -20px no-repeat;
}
.tabEngageThree {
float:left;
display:block;
width:40px;
height:184px;
background: url(bcd/tab-engage-3.gif) top no-repeat;
}
.tabEngageFour {
float:left;
display:block;
width:40px;
height:128px;
background: url(bcd/tab-engage-4.gif) bottom no-repeat;
}
.tabEngageOne:hover {
background-position: bottom;
}
.tabEngageTwo:hover {
background-position: 0 -168px;
}
.tabEngageFour:hover {
background-position: 0 top;
}
.tabLearnMoreOne {
float:left;
display:block;
width:40px;
height:163px;
background: url(bcd/tab-learn-more-1.gif) top no-repeat;
}
.tabLearnMoreTwo {
float:left;
display:block;
width:40px;
height:163px;
background: url(bcd/tab-learn-more-1.gif) top no-repeat;
}
.tabLearnMoreThree {
float:left;
display:block;
width:40px;
height:149px;
background: url(bcd/tab-learn-more-3.gif) top no-repeat;
}
.tabLearnMoreFour {
float:left;
display:block;
width:40px;
height:186px;
background: url(bcd/tab-learn-more-4.gif) top no-repeat;
}
.tabLearnMoreOne:hover {
background-position: bottom;
}
.tabLearnMoreTwo:hover {
background-position: bottom;
}
.tabLearnMoreThree:hover {
background-position: bottom;
}

/* FEATURED */

#featured {
background: transparent;
border: none;
}
img.intro {
float:left;
display:inline;
margin: 30px 200px 0 54px;
}
div#featured-offers-wrap {
width:840px;
float:left;
display:inline;
margin-left:32px;
margin-top: 20px;
}
img.featuredOffersText {
float:left;
display:inline;
margin: 30px 0 0 56px;
}
a.arrowViewAll {
float:left;
display:block;
width: 114px;
height: 46px;
margin: 30px 0 0 0;
background: transparent url('/wp-content/themes/coffeebreak/styles/bcd/arrow-view-all.gif') no-repeat top;
}
a.arrowViewAll:hover {
background-position: bottom;
}
div.featuredOffer {
position:relative;
width:389px;
height:188px;
}
img.offerImage {
padding:0;
}
a.offerDot {
position:absolute;
top:0;
left:0;
display:block;
width:58px; /* 58px total */
height:45px; /* 57px total */
padding:12px 0 0 0;
background-position:top;
z-index:100;
color:#fff;
font: normal 24px "Tahoma", sans-serif;
text-align: center;
}
a.offerDot:hover {
background-position:bottom;
}
a.offerLink {
position:absolute;
top:28px;
left:28px;
z-index:99;
}

/* POP-OVER */

div.popOver {
padding: 15px;
}
div.popOver img.logo {
float:left;
clear:both;
}
div.popOver span.headline {
float:left;
width: 100%;
clear:both;
font: normal 32px "Tahoma", sans-serif;
color:#041e5b;
}
div.popOver p.details {
float:left;
width: 100%;
clear:both;
}
div.popOver a.link {
float:left;
width: 100%;
clear:both;
font: normal 20px "Tahoma", sans-serif;
color:#041e5b;
text-align:center;
}
div.popOver span.code {
float:left;
width: 100%;
clear:both;
font: bold 20px "Tahoma", sans-serif;
color:#041e5b;
text-align:center;
}
div.popOver p.disclaimer {
float:left;
width: 100%;
display:block;
clear:both;
font: normal 10px "Tahoma", sans-serif;
}

/* ALL OFFERS */

.allOffersText {
float:left;
display:inline;
width:192px;
height:40px;
margin:30px 400px 0 24px;
background: transparent url('bcd/all-offers-text.gif') no-repeat top left;
}
a.sortByNewest {
float:left;
display:block;
width:201px;
height:62px;
margin:30px 0 0 24px;
background: transparent url('bcd/sort-by-newest-alpha.gif') no-repeat top left;
}
a.sortByNewest:hover {
background-position:bottom left;
}
a.sortByAlpha {
float:left;
display:block;
width:201px;
height:62px;
margin: 30px 50px 0 14px;
background: transparent url('bcd/sort-by-newest-alpha.gif') no-repeat top right;
}
a.sortByAlpha:hover {
background-position:bottom right;
}
a#date.sortByNewest {
background-position: bottom left;
}
a#alpha.sortByAlpha {
background-position: bottom right;
}

/* HOME PAGE */

#main-home div#portalsWrap {
width:840px;
height:75px;
float:left;
display:inline;
margin-left:60px;
margin-top: 40px;
}
a.portalOne {
float:left;
display:block;
width:250px;
height:75px;
background: url('/wp-content/themes/coffeebreak/styles/bcd/portal-new-to-bcd.jpg') no-repeat top;
}
a.portalTwo {
float:left;
display:block;
width:250px;
height:75px;
margin-left: 13px;
background: url('/wp-content/themes/coffeebreak/styles/bcd/portal-policy-questions.jpg') no-repeat top;
}
a.portalThree {
float:left;
display:block;
width:250px;
height:75px;
margin-left: 13px;
background: url('/wp-content/themes/coffeebreak/styles/bcd/portal-more-offers.jpg') no-repeat top;
}
a.portalOne:hover {
background-position: bottom;
}
a.portalTwo:hover {
background-position: bottom;
}
a.portalThree:hover {
background-position: bottom;
}

/* SIGN-UP FORM */

#signupWrap {
width:840px;
height:75px;
float:left;
display:inline;
margin-left:60px;
margin-top: 90px;
background: transparent url('/wp-content/themes/coffeebreak/styles/bcd/sign-up-for-email-offers-text.gif') no-repeat top left;
}

/* BLOG CONTENT */
.content .col-left, .col-left #main {
width: 640px;
}

/* SIDEBAR */
#sidebar.col-right {
width: 200px;
margin: 45px 25px 0 0;
}

/* OLDER & NEWER POSTS */

div.more_entries div.alignleft a {
display: block;
background: #2882C1;
padding: 8px;
color: #fff;
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none !important;
margin-left: 61px;
}

div.more_entries div.alignright a {
display: block;
background: #2882C1;
padding: 8px;
color: #fff;
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none !important;
margin-right: 5px;
}

/* FOOTER */

#footer {
background-color: transparent;
}
body.page #footer, body.blog #footer, body.allOffers #footer {
background: #475079 url('/wp-content/themes/coffeebreak/styles/bcd/footer-background.jpg') no-repeat top;
}
#footerTitle {
width:755px;
height:28px;
float:left;
display: inline;
background: transparent url('/wp-content/themes/coffeebreak/styles/bcd/footer-title.gif') no-repeat top left;
margin: 28px 0 0 120px;
}
#footerLinks {
width:755px;
height:14px;
float:left;
display: inline;
margin: 16px 0 0 134px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
#footerLinks a {
color:#fff;
}
#main-home {
width: 840px;
height: 940px;
}
#main-default {
width: 840px;
}
#main-content {
background: transparent;
width: 952px;
margin: 0 auto;
padding: 0;
}
#nav a {
color:#a5b4c0;
}
#nav a:hover, #nav li.current_page_item a, #nav li.current_page_parent {
color: #fff;
background: transparent;
border: none;
border-width: 0 0px 1px 0;
}