@charset "UTF-8";

/* cols */
.col4 {
	float:left;
	width:310px;
}

.col8 {
	width:630px;
}

/* boxes */

.box {
	float:left;
	margin:5px;
}

.boxTop {
	height:10px;
}

.col4 .boxTop {
	background:url(/guide/spinoff/img/box4colTop.png) no-repeat;
}

.col8 .boxTop {
	background:url(/guide/spinoff/img/box8colTop.png) no-repeat;
}

.boxContent {
	padding:10px 25px 15px 25px;
}

.col4 .boxContent {
	background:url(/guide/spinoff/img/box4colBack.png) no-repeat bottom;
}

.col8 .boxContent {
	background:url(/guide/spinoff/img/box8colBack.png) no-repeat bottom;
}

.boxHeader {
	position:relative;
	border-bottom:1px dotted rgb(90,90,90);
	margin-top:-5px;
}

.frontpage .extras .boxContent {
	height:135px;
}


/* frontpage */

#bigCampaign {
	position:relative;
	width:630px;
	height:280px;
}

#bigCampaign .boxContent {
	height:245px;
}


#picContainer {
	position:absolute;
	width:580px;
	height:240px;
	margin:-13px -18px -8px -18px;
	padding:13px 18px;
}

#smallCampaign {
	width:310px;
	height:280px;
}

#smallCampaign .boxContent {
	height:245px;
}

#smallCampaign img {
	margin:-13px -18px 10px -18px;
}

/* logo cycle */

#logoCarousel {
	overflow:hidden;
	background:none;
}

#prevLogo {
	position:absolute;
	top:0px;
	right:20px;
	background:url(/guide/spinoff/img/arrowPrev.png) no-repeat center;
	width:10px;
	height:10px;
	cursor:pointer;
}

#prevLogo.hover {
	background:url(/guide/spinoff/img/arrowPrevHover.png) no-repeat center;
}

#nextLogo {
	position:absolute;
	top:0px;
	right:0px;
	background:url(/guide/spinoff/img/arrowNext.png) no-repeat center;
	width:10px;
	height:10px;
	cursor:pointer;
}

#nextLogo.hover {
	background:url(/guide/spinoff/img/arrowNextHover.png) no-repeat center;
}

.logoContainer {
	height:110px;
	background:none;
}

.logo {
	width:50%;
	padding:5px 0px 0px 0px;
}

.logoText {
	padding:5px 0px 0px 10px;
}