body{
	color: #cfcfcf;
	background: #111 url('main-bg.gif') repeat-x top left;
	font: small/1.2em Arial, Helvetica, sans-serif;
}

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

a:active {
	outline: none;
}

#search {
	background: url('nav-cap.gif') no-repeat top right;
}



#container{
	background: url('container-bg.gif') no-repeat top left;
}

#topLinks li.liMyRoxio, #topLinks li.liCart, #topLinks li.liFeedback {
    margin-top: 3px;
	background: url('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('hdr-aqua-rt.gif') no-repeat right top;
}

.hdr-main span {
	background: url('hdr-aqua-fill-lt.gif') no-repeat left top;
}

.hdr-alpha {
	background: url('hdr-lime-rt.gif') no-repeat right top;
}

.hdr-alpha span {
	background: url('hdr-lime-fill-lt.gif') no-repeat left top;
}

.hdr-beta {
	background: url('hdr-charcoal-rt.gif') no-repeat right top;
}

.hdr-beta span {
	background: url('hdr-charcoal-fill-lt.gif') no-repeat left top;
}

.hdr-gamma {
	background: url('hdr-granite-rt.gif') no-repeat right top;
}

.hdr-gamma span {
	background: url('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("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("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('bucket-top-rt.gif') top right no-repeat;
}

.bucket-top span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('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('bucket-btm-rt.gif') top right no-repeat;
}

.bucket-btm span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('bucket-btm-lt.gif') top left no-repeat;
}


#footer #footer-top {
		background: url('ftr-top-trim.gif') no-repeat top left !important;
}

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

#footer #footer-bottom {
		background: url('ftr-btm-trim.gif') no-repeat top left !important;
}