/*-----------------------------------------------------------------------------
[MagicCompetitions.co.uk] Screen Stylesheet
version:   1.0
date:      29/09/08
author:    [Julian Stortt]
email:     [sales@creationbox.co.uk]
website:   [http://www.creationbox.co.uk]
---------------------------------------------------------------------------------*/

/* 
CLEARING, BODY & WRAPPER
*/
html,body,address,blockquote,div,form,
h1,h2,h3,h4,h5,h6,
hr,ul,li,menu,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font:normal 100%/100% Helvetica, sans-serif;
	background: #C3D8DF;
}

#mainWrapper
{
	text-align: left;
	margin: 0 auto;
	width: 950px;
	background: #C3D8DF url(../images/wrapperBack.gif) repeat-y 0 0;
	padding:  0 20px;
}

/* 
IMAGE STYLES
*/

img {
	border:none;
}

/* 
HEADER
*/

#headerWrapper{
	position: relative;
	width: 950px;
	height: 120px;
}

#logoBox{
	position: relative;
	width: 600px;
	height: 150px;
}

#logoBox a{
	cursor: pointer;
}

#logoBox b {
	display:block;
	text-transform:none;
	font:italic 16px/18px verdana,sans-serif;
	color:#000;
	padding: 0 0 0 50px;
}

#logoBox strong {
	display:block;
	text-transform:none;
	font:bold 16px/18px verdana,sans-serif;
	color:#000;
	padding: 30px 0 0 50px;
}

#logoBox  span {
	position:absolute;
	top:0;
	left:0;
	width:600px;
	height:150px;
	background: url(../images/logoBack.gif) no-repeat 0 5px;
}




#searchBox{
	position: absolute;
	left: 670px;
	top: 0px;
	height: 50px;
	margin: 0 0 15px 0;
	background: url(../images/searchBack.gif) 0 0 no-repeat;
	padding: 55px 30px 0 14px;
}

#searchBox p{
	color: #3A5F6B; 
	font: normal 12px Arial, Helvetica, Verdana, Sans-Serif;
	padding: 5px 0 0 5px;
	}

input.searchInput{
	border: none;
	background: #B3D8EF;
	color: #FFF;
}

input.searchButtonInput{
	border: none;
	background: #5DC1FE;
	margin-left: 5px;
	color: #FFF;
	width: 25px;
	cursor: pointer;
}

input.searchButtonInput:active,
input.searchButtonInput:focus,
input.searchButtonInput:hover{
	background: #3394CF;
}

input.searchInput:active,
input.searchInput:focus,
input.searchInput:hover{
	background: #3394CF;
}


#topFreebiesBox{
	position: absolute;
	width: 300px;
	height: 100px;
	left: 650px;
	background: #D4FF4F url(../images/headerBack.gif) no-repeat 0 0;
}
/* 
NAVIGATION
*/

#topNavBar{
	width: 890px;
	height: 30px;
	margin: 40px 0 0 0;
	padding: 0 25px;
}

#navSeparator{
	height: 65px;
	width: 970px;
	background: url(../images/navSeparator.gif) repeat-x 0 0;
	margin-left: -10px;
}


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;

}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */

.menu li a{
display:block;
font-size:14px;
width:129px;
padding:7px 0;
color:#000;
text-decoration:none;
margin-right:1px;
text-align:center;
text-indent: -9999px;
}

.menu li a.navToday{
	background: #999 url(../images/navTodayBack.gif) repeat-x 0 0;
}

.menu li a.navTodayOn{
	background: #999 url(../images/navTodayBack.gif) repeat-x 0 -30px;
}

.menu li a.navCategories{
	background: #999 url(../images/navCategoriesBack.gif) repeat-x 0 0;
}

.menu li a.navCategoriesOn{
	background: #999 url(../images/navCategoriesBack.gif) repeat-x 0 -30px;
}

.menu li a.navClosing{
	background: #999 url(../images/navClosingBack.gif) repeat-x 0 0;
}

.menu li a.navClosingOn{
	background: #999 url(../images/navClosingBack.gif) repeat-x 0 -30px;
}

.menu li a.navContact{
	background: #999 url(../images/navContactBack.gif) repeat-x 0 0;
}

.menu li a.navContactOn{
	background: #999 url(../images/navContactBack.gif) repeat-x 0 -30px;
}

.menu li a.navFreebies{
	background: #999 url(../images/navFreebiesBack.gif) repeat-x 0 0;
}

.menu li a.navFreebiesOn{
	background: #999 url(../images/navFreebiesBack.gif) repeat-x 0 -30px;
}

.menu li li a{
display:block;
font-size:12px;
width:129px;
padding:3px 0;
color:#FFF;
text-decoration:none;
margin-right:1px;
text-align:center;
background: #666;
text-indent: 0px;
border-bottom: solid 1px #333;
}

/* style the links hover */
.menu li a.navToday:hover{ 	background: #999 url(../images/navTodayBack.gif) repeat-x 0 -30px;}
.menu li a.navCategories:hover{ 	background: #999 url(../images/navCategoriesBack.gif) repeat-x 0 -30px;}
.menu li a.navClosing:hover{ 	background: #999 url(../images/navClosingBack.gif) repeat-x 0 -30px;}
.menu li a.navContact:hover{ 	background: #999 url(../images/navContactBack.gif) repeat-x 0 -30px;}
.menu li a.navFreebies:hover{ 	background: #999 url(../images/navFreebiesBack.gif) repeat-x 0 -30px;}

.menu li li a:hover{
color:#444;
background: #B9E4FA;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:129px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* 
MAIN CONTENT
*/

#contentWrapper{
	width: 660px;
	float: left;
	margin: 0 0 0px 0;
	padding: 0 20px 20px 0px;	
}

#blurbBox{
		height: 135px;
		background: url(../images/blurbTitle.gif) no-repeat 0 0;
		padding: 50px 0 0 0;
		margin: 0px 0 0 0;
}

#blurbBox a{
	text-decoration: none;
	color: #5DC1FE;
}

#blurbBox a:active,
#blurbBox a:focus,
#blurbBox a:hover{
	color: #3B606C;
}

#blurbBox h1{
	color: #3A5F6B;
	font: normal 13px/18px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 10px 0px 30px;
}

#blurbBox p{
	color: #3A5F6B;
	font: normal 13px/18px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 10px 0px 30px;
}


#todaysDateBox{
	width: 620px;
	height: 90px;
	position: relative;
	margin: 20px 0 0px 30px;
}

#todaysDateBox b {
	display:block;
	text-transform:none;
	font:italic 16px/18px verdana,sans-serif;
	color:#000;
	padding: 0px 0 0 50px;
}

#todaysDateBox strong {
	display:block;
	text-transform:none;
	font:bold 16px/18px verdana,sans-serif;
	color:#000;
	padding: 30px 0 0 50px;
}

#todaysDateBox  span {
	position:absolute;
	top:0;
	left:0;
	width:620px;
	height:100px;
	background: url(../images/todaysDateBack.gif) no-repeat 0 0;
}


#compsWrapper{
	
	width: 620px;
	margin: 0 0 0 30px;
	overflow: hidden;
}

#leftCompsColumn{
	width: 300px;
	float: left;
	background: white;
}

#rightCompsColumn{
	width: 300px;
	float: right;
	background: white;
}

.compBox{
	border: 1px solid #B3E1EF;
	background: #FFF url(../images/compBack.gif) repeat-x 0 -5px;
	padding: 25px 10px 10px 10px;
	margin-bottom: 20px;
}

.compBox a{
	text-decoration: none;
}

.compBox img{
	border: solid 1px #999;
	float: left;
	margin-right: 10px;
}

.compBox h3{
	margin-top: 2px;
	}

.compBox h3 a{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #3A5F6B;
}

.compBox p{
	padding-top: 6px;
}

.compBox p a{
	font: normal 11px Arial, Helvetica, Sans-Serif;
	color: #333;
}

.compBox:active,
.compBox:focus,
.compBox:hover{
	background: #E0E9EF url(../images/compBack.gif) repeat-x 0 -5px;
	}


.compSearchBox{
	clear: left;
	width: 570px;
	height: 65px;
	border: 1px solid #B3E1EF;
	background: #FFF url(../images/compBack.gif) repeat-x 0 -5px;
	padding: 25px 10px 10px 10px;
	margin: 0 auto 20px auto;
}

.compSearchBox a{
	text-decoration: none;
}

.compSearchBox img{
	border: 1px solid #333;
	float: left;
	margin-right: 10px;
}

.compSearchBox h3{
	margin-top: 2px;
	}

.compSearchBox h3 a{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #3A5F6B;
}

.compSearchBox p{
	padding-top: 3px;
	padding-left: 73px;
}

.compSearchBox p a{
	font: normal 11px Arial, Helvetica, Sans-Serif;
	color: #333;
}

.compSearchBox:active,
.compSearchBox:focus,
.compSearchBox:hover{
	background: #E0E9EF url(../images/compBack.gif) repeat-x 0 -5px;
	}
	
	
#mostPopularBox{
	height: 220px;
	margin: 0 0 25px 35px;
	background: url(../images/mostPopularBack.jpg) -10px 0 no-repeat;
}

#mostPopularBox2{
	height: 220px;
	margin: 0 0 25px 35px;
	background: url(../images/mostPopularBack2.jpg) -10px 0 no-repeat;
}

.smallNav{
	width: 590px;
	margin: 20px auto;
	padding-bottom: 20px;
	}

.firstNav{
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/firstNavBack.gif) no-repeat 0 0;
	}

.firstNav a{
	display: block;
	text-indent:-9999px;
	width: 25px;
	height: 25px;
	text-decoration:none;
	overflow:hidden;
}

.firstNav a:active,
.firstNav a:focus,
.firstNav a:hover{
	background: url(../images/firstNavBack.gif) no-repeat 0 -25px;
}

.prevNav{
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/prevNavBack.gif) no-repeat 0 0;
	}

.prevNav a{
	display: block;
	text-indent:-9999px;
	width: 25px;
	height: 25px;
	text-decoration:none;
	overflow:hidden;
}

.prevNav a:active,
.prevNav a:focus,
.prevNav a:hover{
	background: url(../images/prevNavBack.gif) no-repeat 0 -25px;
}

.pageNav{
	float: left;
	width: 60px;
	height: 25px;
	padding: 4px 10px;
	color: #3A5F6B;
	}

.nextNav{
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/nextNavBack.gif) no-repeat 0 0;
	}

.nextNav a{
	display: block;
	text-indent:-9999px;
	width: 25px;
	height: 25px;
	text-decoration:none;
	overflow:hidden;
}

.nextNav a:active,
.nextNav a:focus,
.nextNav a:hover{
	background: url(../images/nextNavBack.gif) no-repeat 0 -25px;
}

.lastNav{
	float: left;
	width: 25px;
	height: 25px;
	background: url(../images/lastNavBack.gif) no-repeat 0 0;
	}

.lastNav a{
	display: block;
	text-indent:-9999px;
	width: 25px;
	height: 25px;
	text-decoration:none;
	overflow:hidden;
}

.lastNav a:active,
.lastNav a:focus,
.lastNav a:hover{
	background: url(../images/lastNavBack.gif) no-repeat 0 -25px;
}

/*
CALENDER
*/
.calendar {
	margin:  0px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	border-left: 1px solid #7FC800;
	border-right: 1px solid #7FC800;
	width: 250px;
	
	}
	
.calendar caption {
	margin: 0px 0 0 0;
	padding: 35px 0 5px 0;
	font: normal 18px Arial, Helvetica, Verdana, Sans-Serif;
	color: #006837;
	/*background: #8CC63F;*/
	text-indent: 0px;

	}
.calendar th {
	border-bottom: 1px solid #ccc;
	background: #fff;
	font: bold 16px Arial, Helvetica, Verdana, Sans-Serif;
	text-align: center;
	padding: 2px 0;
	
	}
.calendar td {
	font: normal 13px Arial, Helvetica, Verdana, Sans-Serif;
	border: 1px solid #fff;
	padding: 2px 8px;
	width: 1em;
	text-align: center;
	}
	
#addedCal{
	
		background: url(../images/calendarCaption.gif) no-repeat 0 0;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	}	
	
#closingCal{
	
		background: url(../images/calendarCaptionClo.gif) no-repeat 0 0;
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	}	
	
#calButtons{
	height: 20px;
	padding: 10px 10px 0 10px;
	border-left: 1px solid #7FC800;
	border-right: 1px solid #7FC800;
	}
	
#calButtons a{
	text-decoration: none;
		color: #3A5F6B;
	}
	
#leftCalButton{	
	font: bold 14px Arial, Sans-Serif;
	float: left;
	}

#rightCalButton{
	font: bold 14px Arial, Sans-Serif;
	float: right;

	}
	
#calChange{
	margin: 0 0 40px 0;
	border-bottom: 1px solid #7FC800;
	border-left: 1px solid #7FC800;
	border-right: 1px solid #7FC800;
	padding: 5px 0 10px 0;
	}
	
#calChange a{
	padding: 0 0 0 5px;
	text-decoration: none;
	color: #006837;
	font: normal 14px Arial, Sans-Serif;
	}
	
#calChange a:active,
#calChange a:focus,
#calChange a:hover{
	text-decoration: none;
	}
	
.calendar a {
	color: #000;
	text-decoration: none;
	}

.calendar td.today {
	background: #ffc;
	}
.calendar td.selected {
	background: #8CC63F;
	}
.calendar td.highlighted {
	background: #fc9;
	}
	
.calendar td.passed a{
	color: #999;
	}
	
.calendar td:hover, 
.calendar td.today:hover, 
.calendar td.selected:hover, 
.calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
	}
	
.calendar td.passed:hover{
background: #FFF;
border: none;
	}

table.calendar td.pad {
	color: #999;
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}
	
.sunday, .saturday {
	background: #f0f0f0;
	}
	
#year {
	padding: 0;
	width: 500px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
	}
/* 
FULL HEIGHT MAIN CONTENT
*/
#fxHeightContentWrapper table{
	margin: 0 0 0 22px;
	}
	
#fxHeightAddContentWrapper table{
	margin: 0 0 0 22px;
	}
	
#fxHeightContentWrapper td{
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
#fxHeightAddContentWrapper td{
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
#fxFormBox table{
	margin: 0;
	}
	


.compBoxArc{
	width: 275px;
	border: 1px solid #B3E1EF;
	background: #FFF url(../images/compBack.gif) repeat-x 0 -5px;
	padding: 25px 10px 10px 10px;
	margin: 0px 15px 20px 0;
}

.compBoxArc a{
	text-decoration: none;
}

.compBoxArc img{
	border: solid 1px #999;
	float: left;
	margin-right: 10px;
}

.compBoxArc h3{
	margin-top: 2px;
	}

.compBoxArc h3 a{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #3A5F6B;
}

.compBoxArc p{
	padding-top: 6px;
}

.compBoxArc p a{
	font: normal 11px Arial, Helvetica, Sans-Serif;
	color: #333;
}

#fxHeightContentWrapper{
	height: 1800px;
	width: 660px;
	float: left;
	margin: 0 0 0px 0;
	padding: 0 20px 20px 0px;	
}

#fxHeightAddContentWrapper{
	height: 3800px;
	width: 660px;
	float: left;
	margin: 0 0 0px 0;
	padding: 0 20px 20px 0px;	
}

#fxBlurbBox{

	width: 550px;
	background: #D2EEFB;
	margin: -15px auto 0 auto;
	padding: 20px;
	}
	
#fxBlurbBox h1{
	line-height: 200%;
	color: #3A5F6B;
	font: normal 13px/18px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	}
	
#fxBlurbBox a{
	text-decoration: none;
	color: #3A5F6B;
}

#fxBlurbBox a:active,
#fxBlurbBox a:focus,
#fxBlurbBox a:hover{
	color: #5DC1FE;
}

#textContent{
	width: 550px;
	margin: 0 auto 0 auto;
	padding: 20px;
}

#textContent h2{
	font: bold 16px Arial, Helvetica, Verdana, Sans-Serif;
	color: #3A5F6B;
	margin: 20px 0 5px 0;
	}
	
#textContent p{
	font: normal 12px/22px Arial, Helvetica, Verdana, Sans-Serif;
	}
	
#textContent a{
	text-decoration: none;
	color: #5DC1FE;
	}
	
#textContent a:active,
#textContent a:focus,
#textContent a:hover{
	color: #3394CF	;
}
	
.blurbLine{
	width: 486px;
	height: 150px;
	margin: 20px 0px 0 45px;
	}
	
.catBox{
	width: 100px;
	height: 150px;
	float: left;
	margin: 0 20px 0 0;
	background: #A4D8EF;
	}

.catBox img{
	border: solid 1px #000;
	margin: 5px;
	}
	
.catBox h2{
	font: bold 16px/24px Arial, Sans-Serif;
	text-align: center;
	}
	
#fxSiteMapBox ul{
	margin: 20px 0 0 50px;
	}

#fxSiteMapBox ul ul{
	margin: 10px 0 10px 50px;
	}	
	
#fxSiteMapBox a{
	text-decoration: none;
	color: #3A5F6B;
	}
	
#fxSiteMapBox ul li{
	list-style: none;
	font: bold 14px Arial, Verdana, Helvetica, Sans-Serif;
	margin-top: 5px;
	}
	
#fxSiteMapBox ul li li{
	list-style: circle;
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	}

#fxFormBox{

	margin: 30px 0 0 60px;
	}
	
.formTags{
	color: #2FB0FF;
	font: bold 12px/12px Verdana, Sans-Serif;
	}
	
.formText{
	border: 1px solid #666;
	margin: 3px 0 3px 5px;
	}
.formTextArea{
	border: 1px solid #666;
	margin: 10px 0 3px 5px;
	}
	
.formTextAreaTell{
	border: 1px solid #666;
	margin: 10px 0 3px 0px;
}
	
.formDropInput{
		border: 1px solid #666;
	margin: 3px 0 3px 5px;
}
	
#formAreaTag{
	color: #2FB0FF;
	font: bold 12px/12px Verdana, Sans-Serif;
	padding-top: 15px;
	}
	
#formSubmit{
	margin: 10px 0 0 107px;
	padding: 3px;
	border: none;
	background: #2FB0FF;
	color: #FFF;
	font: bold 14px/12px Verdana, Sans-Serif;
	cursor: pointer;
}
input#formSubmit:active,
input#formSubmit:focus,
input#formSubmit:hover{
	background: #CCCCFF;
	color: #3A5F6B;
	}

	
#formSubmitTell{
	margin: 10px 0 0 0px;
	padding: 3px;
	border: none;
	background: #2FB0FF;
	color: #FFF;
	font: bold 14px/12px Verdana, Sans-Serif;
	cursor: pointer;
}

input#formSubmitTell:active,
input#formSubmitTell:focus,
input#formSubmitTell:hover{
	background: #CCCCFF;
	color: #3A5F6B;
	}
	
#spacer{
	height: 30px;
	}

/* 
SIDE BAR
*/

#sidebarWrapper{
	position: relative;
	width: 250px;
	height: 700px;
	float: right;
	padding: 0;
	margin-top: 10px;
	margin-right: 20px;
}

#totalCompsBox{
	position: absolute;
	clear: both;
	width: 200px;
	height: 20px;
	top: -135px;
	left: 15px;
	margin: 0px 0 0px 0px;
	background: #FFF url(../images/totalCompsBack.gif) no-repeat 0 0;
	color: #7FC800;
	font: bold 20px/20px Verdana, Helvetica, Arial, Sans-Serif;
	padding: 29px 0 0 0px;

}

#mailListHeader{
	background: url(../images/mailListBack.gif) no-repeat 0 0;
	height: 40px;	
}

#mailListBox{
	width: 232px;
	margin: 0 0 40px 0;
	padding: 20px 0 10px 15px;
	font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
	border-left: 1px solid #B3E1EF;
	border-right: 1px solid #B3E1EF;
	border-bottom: 1px solid #B3E1EF;
}

#mailListBox strong{
		font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;

}

input.newsInput{
	margin: 10px 0 5px 0;
	border: none;
	background: #B3D8EF;
	color: #FFF;
}

input.newsButtonInput{
	margin: 10px 0 5px 0;
	border: none;
	background: #5DC1FE;
	margin-left: 0px;
	color: #FFF;
		cursor: pointer;
}

input.newsButtonInput:active,
input.newsButtonInput:focus,
input.newsButtonInput:hover{
	background: #3394CF;
}

input.newsInput:active,
input.newsInput:focus,
input.newsInput:hover{
	background: #3394CF;
}


#topCompsBox{
	margin: 0 0 0 0;
	background: url(../images/topCompsBack.gif) 0 0 repeat-x;
	border-top: 1px solid #7FC800;
	border-left: 1px solid #7FC800;
	border-right: 1px solid #7FC800;
	padding: 70px 15px 15px 15px;
}

.topComp{
	width: 230px;
	height: 80px;
	margin: 10px 0 0px 0;
}

.topComp img{
	float: left;
	border: solid 1px #999;
	margin: 4px 10px 4px 5px;
}

.topComp a{
	text-decoration: none;
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.topComp h3{
	padding-top: 8px;
}

.topComp h3 a{
	font: bold 15px/12px Arial, Helvetica, sans-serif;
	color: #006837;
}

.topComp p{
}

.topComp:focus,
.topComp:active,
.topComp:hover{
	background: #E9EFE0;
}

#topCompsFooter{
	height: 25px;
	width: 248px;
	background: url(../images/topCompsFooter.gif) repeat-x 0 0;
	border-bottom: 1px solid #7FC800;
	border-left: 1px solid #7FC800;
	border-right: 1px solid #7FC800;
	margin: 0 0 40px 0;
}

#tellAFriendBox{
	width: 250px;
	height:60px;
	background: url(../images/tellAFriendBack.gif) 0 0 no-repeat;
	margin: 0 0 20px 0;
}

#tellAFriendBox a{
	display: block;
	text-indent:-9999px;
	width: 250px;
	height: 60px;
	text-decoration:none;
	overflow:hidden;
}

#tellAFriendBox a:active,
#tellAFriendBox a:focus,
#tellAFriendBox a:hover{
	background: url(../images/tellAFriendBack.gif) 0 -60px no-repeat;
}


#wonStuffBox{
	width: 250px;
	height:60px;
	background: url(../images/wonStuffBack.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#wonStuffBox a{
	display: block;
	text-indent:-9999px;
	width: 250px;
	height: 60px;
	text-decoration:none;
	overflow:hidden;
}

#wonStuffBox a:active,
#wonStuffBox a:focus,
#wonStuffBox a:hover{
	background: url(../images/wonStuffBack.gif) no-repeat 0 -60px;
}

#addACompBox{
	width: 250px;
	height:60px;
	background: url(../images/addACompBack.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#addACompBox a{
	display: block;
	text-indent:-9999px;
	width: 250px;
	height: 60px;
	text-decoration:none;
	overflow:hidden;
}

#addACompBox a:active,
#addACompBox a:focus,
#addACompBox a:hover{
	background: url(../images/addACompBack.gif) no-repeat 0 -60px;
}


/* 
FOOTER
*/
#footerSeparator{
	clear: left;
	width: 970px;
	height: 65px;
	margin-left: -10px;
	background: url(../images/footerSeparator.gif) repeat-x 0 0;
}

#footerWrapper{
	width: 685px;
	margin: 0 auto;
	height: 30px;
	color: #666;
	font: normal 12px/12px Arial, Helvetica, Sans-Serif;
	padding: 10px 0 0 0;
}

#footerWrapper a{
	text-decoration: none;
	padding: 0 5px;
	color: #3A5F6B;
	font: normal 12px/12px Arial, Helvetica, Sans-Serif;
}

#footerWrapper a:active,
#footerWrapper a:focus,
#footerWrapper a:hover{

	color: #5DC1FE;
}