@charset "utf-8";
/* CSS Document */

#planbooks{
width:800px;
float:left;
text-align:center;
margin-top:10px;
}

#onlineextrabksflash {
width:100%;
float:left;
text-align:center;
padding:15px 0;
}

h1.onlineextrasbks {
font-size:110%;
margin-top:10px;
text-align:center;
margin-bottom:10px;
}

p.onlineextrasbks {
font-size:120%;
margin-bottom:10px;
}

img.onlineextrasbks {
float:left;
margin-right:10px;
}

div.onlineextrasbksbooksrow {
width:100%;
float:left;
text-align:center;
}

div.onlineextrasbksbooks {
width:33%;
float:left;
text-align:center;
}

div.onlineextrasbksbtn {
width:100%;
float:left;
text-align:center;
margin-bottom:25px;
}

h2.onlineextrasbksbooks {
font-size:120%;
margin-top:10px;
}

div.musthaves{
width:47%;
margin:1%;
float:left;
}

h2.currentyearbook {
font-size:130%;
margin-top:10px;
}

ul.currentyearbook {
margin-left:150px;
margin-top:30px;
}

div.currentyearbook {
width:100%;
float:left;
text-align:center;
}

div.currentyearbookcovers  {
width:24%;
float:left;
text-align:center;
}

h2.currentyearbook {
font-size:110%;
}


/********The Mailbox Marketplace************/
#marketplacelogo {
width:100%;
float:left;
background:url(/Images/marketplace/the-mailbox-marketplace-logo.png) no-repeat;
width:940px;
height:150px;
color:#fff;
position:relative;
}

#marketplaceshops {
	position:absolute;
	left: 750px;
	top:40px;
}

div.marketplacecontainer {
width:940px;
float:left;
padding:10px;
}

div.marketplaceshops {
width:750px;
float:left;
margin-right:10px;
}

div.marketplaceheader {
width:750px;
float:left;
text-align:center;
margin-bottom:10px;
}

div.marketplacecopy {
width:100%;
float:left;
margin-bottom:10px;
}

div.marketplaceburst {
float:left;
}

div.marketplaceintro {
float:left;
width:600px;
margin-right:10px;
margin-top:20px;
}

p.marketplacecopy {
text-align:left;
}

div.marketplacestore {
width:315px;
margin-left:50px;
float:left;
margin-bottom:30px;
}

div.marketplaceicon {
float:left;
margin-right:10px;
}

div.marketplacetext {
float:left;
margin-top:10px;
width:240px;
}

div.marketplacead {
width:160px;
float:left;
margin:10px 0;
}

a.themailboxbooks {
display:block;
width:726px;
height:85px;
float:left;
background:url(/Images/marketplace/the-mailbox-books.png)  no-repeat;
}


a.themailboxbooks:hover {
display:block;
width:726px;
height:85px;
float:left;
background:url(/Images/marketplace/the-mailbox-books.png)  no-repeat;
background-position:0 -89px;
}

a.marketplaceshopnow {
display:block;
color:#fff;
padding:6px;
width:85px;
height:27px;
float:left;
background:url(/Images/marketplace/shop-now.png)  no-repeat;
}

a.marketplaceshoplg {
margin:0;
}

a.marketplaceshoplg:visited {
color:#0066cc;
}

h4.marketplaceshop {
font-weight:normal;
font-size:100%;
}

h3.marketplaceshop {
font-weight:bold;
font-size:100%;
}

p.marketplaceshop {
margin-left:10px;
margin-top:5px;
font-weight:bold;
}


/*THEME KITS*/
#slider {
    width: 660px;
    margin: 0 auto;
    position: relative;
	border: 5px solid #00A7D4;
	margin-bottom:20px;
}

#slider-burst {
position:absolute;
z-index:1;
top:-30px;
right:95px;
}

.contentrow {
position:relative;
}

.scroll {
	overflow: hidden;
	width: 660px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 270px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(/Images/projects/2011/JF/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(/Images/projects/2011/JF/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
background-color:#0099cc;
}

.inside img {
display: block;
border: 10px solid #666;
margin: 0 0 10px 0;
width: 250px;
background-color:#fff;
}

.inside h2 {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #fff;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

div.theme-kits-desc {
width:45%;
padding:0 1% 0 3%;
float:left;
text-align:left;
}

ul.theme-kits {
list-style:none;
line-height:50px;
text-align:left;
}

a.themes {
text-decoration:none;
color:#0066cc;
}

a:hover.themes {
text-decoration:underline;
}