body{
	color: #cfcfcf;
	background: #111 url('https://img.roxio.com/images/theme/rogue/main-bg.gif') repeat-x top left;
}

a{
	color: #4dacf5;
	text-decoration: underline;
	outline: none;
}
a:hover{
	color: #666;
	text-decoration: underline;
}

a:active {
	outline: none;
}

#search {
	background: url('https://img.roxio.com/images/theme/rogue/nav-cap.gif') no-repeat top right;
}



#container{
	background: url('https://img.roxio.com/images/theme/rogue/container-bg.gif') no-repeat top left;
}

#topLinks li.liMyRoxio, #topLinks li.liCart, #topLinks li.liFeedback {
    margin-top: 3px;
	background: url('https://img.roxio.com/images/theme/rogue/hdr-seperator.gif') no-repeat right 1px;
}

#topLinks li a{
	text-decoration: none;
	color: #dadada;
}


/*Header Styles */

/*The width of these headers are variable and will fit with the container, but can only work with
  a white background. */

.hdr-main {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-aqua-rt.gif') no-repeat right top;
}

.hdr-main span {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-aqua-fill-lt.gif') no-repeat left top;
}

.hdr-alpha {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-lime-rt.gif') no-repeat right top;
}

.hdr-alpha span {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-lime-fill-lt.gif') no-repeat left top;
}

.hdr-beta {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-charcoal-rt.gif') no-repeat right top;
}

.hdr-beta span {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-charcoal-fill-lt.gif') no-repeat left top;
}

.hdr-gamma {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-granite-rt.gif') no-repeat right top;
}

.hdr-gamma span {
	background: url('https://img.roxio.com/images/theme/rogue/hdr-granite-fill-lt.gif') no-repeat left top;
}



/*Tabs*/
#subNav {

}
#subNav ul {
	margin:0 0 0 6px;
	padding: 5px 0 0px 0;
	list-style:none;
}
#subNav li {
	display:inline;
	margin:0;
	padding:0;
}
#subNav a {
	float:left;
	background:url("/images/products/roxio_online/navTabs_lt.gif") no-repeat left -54px;
	margin: 7px 2px 0 0;
	padding:0 0 0 7px;
	text-decoration:none;
	font-weight:bold;
}
#subNav a span {
	float:left;
	display:block;
	background:url("/images/products/roxio_online/navTabs_rt.gif") no-repeat right -54px;
	padding:10px 15px 5px 6px;
	font-weight:bold;
	color:#666;
}


/* Set width of hdr-main container to fix desired size.  Here is an example 

.bucket-container .bucket-hdr-width {
	width: 913px;
}

*/

.bucket-top {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	background: url('https://img.roxio.com/images/theme/rogue/bucket-top-rt.gif') top right no-repeat;
}

.bucket-top span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('https://img.roxio.com/images/theme/rogue/bucket-top-lt.gif') top left no-repeat;
}

.bucket-content {
	border-left: 1px solid #343333;
	border-right: 1px solid #343333;
}


.bucket-btm {
	clear: both;
	display: block;
	marin: 0;
	padding: 0;
	background: url('https://img.roxio.com/images/theme/rogue/bucket-btm-rt.gif') top right no-repeat;
}

.bucket-btm span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('https://img.roxio.com/images/theme/rogue/bucket-btm-lt.gif') top left no-repeat;
}


#footer #footer-top {
		background: url('https://img.roxio.com/images/theme/rogue/ftr-top-trim.png') no-repeat top left !important;
		height: 10px;
}

#footer #footer-content {
		background: #242424 !important;
		padding: 0; !important;
}

#footer #footer-bottom {
		background: url('https://img.roxio.com/images/theme/rogue/ftr-btm-trim.png') no-repeat top left !important;
		height: 10px;
}