@import "breadcrumb.css";
@import "sub-leftcol.css";
@import "sub-columns.css";
@import "slot-box.css";
@import "content-nav.css";

/* online slots subsection */
#slots-welcomecontainer {float: left; width: 460px; padding-right: 20px;}
.slotsbanner {float: right; margin: 20px 0 10px 10px;}

/* column styles *//* subpage columns */
#reelslots_5 {background-position: 0 -37px;}
#reelslots_7 {background-position: 0 -74px;}

/* content nav */
#subpage-intro {width: 400px; float: left; border-right: 1px solid #d7d7d7; padding-right: 20px; margin-top: 15px; margin-bottom: 15px;}
#subpage-intro h2 {margin: 0;}

/* casino reviews page */
#casino-reviewscontainer {float: left; width: 320px;}
#listing-container {float: left; width: 415px; padding-left: 5px}

#listing-container .listing {background: url('../images/casino-listing.png') repeat-x; font-family: trebuchet ms, verdana, arial, sans-serif; margin-bottom: 15px;}
#listing-container .listing .inner {padding: 10px 0;}
#listing-container .listing .hdr {background: url('../images/casino-listinghdr.png') no-repeat top left;}
#listing-container .listing .ftr {background: url('../images/casino-listingftr.png') no-repeat bottom left;}
.listing .casino-logo {float: left; width: 114px; padding: 16px 0 0 19px;}
.listing .slot-screenshot {float: left; width: 120px; padding: 8px 0 0 13px;}
.listing .casino-intro {float: left; width: 255px; background: url('../images/reviews/advertiser-seperator.png') repeat-y top left; padding-left: 14px; padding-right: 10px;}
.listing .casino-intro h3 {margin: 0; font-size: 14px;}
.listing .casino-intro p {margin: 0;}
.listing .casino-intro .cas-read-review {float: left; margin-top: 7px; margin-right: 5px;}
.listing .casino-intro .visit-casino, .listing .casino-intro .play-now {float: left; margin-top: 7px;}
.cas-read-review a {background: url('../images/casino-review-buttons.png') no-repeat; height: 28px; width: 107px; display: block;}
.listing .casino-intro .visit-casino a {background: url('../images/casino-review-buttons.png') no-repeat 0 -28px; height: 28px; width: 107px; display: block;}
.listing .casino-intro .play-now a {background: url('../images/casino-review-buttons.png') no-repeat 0 -56px; height: 28px; width: 107px; display: block;}

/* two column boxes */
.twocol-box {float: left; width: 359px; background: url('../images/twocol-box-hdr.png') no-repeat top left; margin: 10px 0;}
.first {margin-right: 16px;}
.twocol-box .ftr {background: url('../images/twocol-box-ftr.png') no-repeat bottom left;}
.twocol-box .inner {padding: 10px 20px;}

.twocol-box h3 {font-family: trebuchet ms, arial, verdana, sans-serif; font-size: 16px; margin: 0; padding: 0;}
.twocol-box p {padding-top: 0; margin-top: 5px;}
.twocol-box .casino-logos {text-align: center;}
.twocol-box .readmore {background: url('../images/twocol-hr.png') repeat-x top left; padding-top: 6px; margin-top: 10px; text-align: right;}

/* index (free slots) quick links */
.content-item {width: 580px; margin: 20px 0 20px 10px;}
.content-item h3 {font-family: trebuchet ms, arial, verdana, sans-serif; font-size: 16px; margin: 0; padding: 0;}
.content-item p {margin: 0;}

.content-item .icon {float: left; width: 80px;}
.content-item .icon a {background: url('../images/free-icons.jpg') no-repeat; width: 60px; height: 60px; display: block; clear: both;}
.content-item .icon a.playFreeSlots {background-position: -5px -1px;}
.content-item .icon a.freeSlotsDownload {background-position: -5px -76px;}
.content-item .icon a.slotsFreerolls {background-position: -5px -140px;}