/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	line-height: 1;
}
/* GRID */
body {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 background: #EEEEEE url("/direct/img/backgrounds/page-bg.jpg") repeat-y 50% 0%;
}
#header, #PageBody, #footer {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 970px;
	background-color: #ffffff;
}
.column {
	text-align: left;
	float: left;
	background-color: #ffffff;
}
#content {
	padding: 10px 0px 10px 0px;
	width: 570px;
	margin-left: 200px;
	font-size: 12px;
}
#left {
	padding: 10px 5px 10px 5px;
	width: 190px;
	margin-left: -770px;
}
.popup {
	text-align: left;
 margin: 10px;
}
/* IE 6 fixes */
* html #left
{
	margin-left: -775px;
}
* html #content
{
	display: inline;
}
#right {
	padding: 10px 5px 10px 5px;
	width: 190px;
}
* html #right
{
	display: inline;
	padding: 10px 0px 10px 0px;
}
#wide {
	padding: 0px 5px 10px 5px;
	width: 760px;
}
/* GLOBAL */
strong {
	font-weight: bold;
}
p,pre {
 margin:0px 5px 10px 5px;
}
h1, .h1 {
 font-size:20px;
 padding-bottom: 0.3em;
 padding-left:2px;
 margin-bottom: 5px;
 color: #A50101;
 font-weight: bold;
 border-bottom: 1px solid #CCC;
}
h2 {
color: #000;
font-size: 1.2em;
}
h3 {
 font-weight: bold;
 margin: 0px 0 3px 0 ;
 font-size: 120%;
}
h4, .htitle {
	color: #A50101;
	font-weight: bold;
	font-size: 1em;
	padding: 3px;
	border-bottom: 1px dotted #CCCCCC;
}
h5 {
	margin: 20px 0px;
}
h6 {
	font-weight: bold;
}
.htitle {
	margin-top: 30px;
}
span.htitle {
	border-bottom: none;
}
p.smallwhite {
	margin: 0;
	padding: 3px 3px 3px 0px;
	color: #A50101;
	font-size: 10px;
}
.white {
	background-color: #ffffff;
}
.subtle {
color: #666666;
text-decoration: none;
}
a.subtle:active, a.subtle:link, a.subtle:visited, small.below {
text-decoration: none;
}
a.subtle:hover {
text-decoration: underline;
}
.inline {
	display:inline;
}
/* HEADER */
#logo {
	float: left;
 margin: 5px 0px 2px 0px;
	height: 49px;
	width: 241px;
}
#tabs {
	float: left;
 width: 560px;
}
	ul#nav,ul#nav li{
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	ul#nav{
	margin-left: 0px;
	width: 650px;
	}
	ul#nav li{
	float: left;
	margin-right: 3px;
	text-align: center;
	line-height: 23px;
	}
	ul#nav a{
	display: block;
	float: left;
	width: 7em;
	height: 100%;
	background: #CC0000;
	color: #fff;
	text-decoration:none;
	}
	ul#nav a:hover{
	background: #000000;
	color: #FFF
	}
	ul#nav li.navActiveLink a,ul#nav li.navActiveLink a:hover {
	background: #000;
	color: #FFF
	}
	ul#nav li.navSpecial a {
	background-color: #A50101;
	}
	ul#nav li.navSpecial a:hover {
	background-color: #000000;
	}
#subnav {
 clear:both;
 background-color: #000000;
 padding: 4px 3px 0px 3px;
 color: #FFFFFF;
 font-size: 70%;
 font-weight: bold;
 text-align: center;
 height: 16px;
}
	a.subnav {
	color: #ffffff;
	}
	a.subnav:hover {
	background-color: red;
	}
	a.subnav_current {
	background-color: #b00000;
	}
	#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active {
 color:#FFFFFF;
 text-decoration: none;
 }
#menu {
	clear:both;
 height:30px;
 background: #CC0000 url("/direct/img/backgrounds/gradients.jpg") repeat-x 0px 0px;
 height: 37px;
 text-align:center;
}
#shoptools {
 float: left;
 clear:right;
 line-height: 30px;
 height: 35px;
 font-size: 70%;
 font-weight: bold;
 text-align: center;
 margin-right: 5px;
 width:60%;
}
 #shoptools a:link, #shoptools a:visited, #shoptools a:active {
 text-decoration: none;
 color: #000000;
 }
 #shoptools a:hover {
 color: #000000;
 text-decoration:underline;
 }
 .breadcrumb {
	border: none;
	margin-bottom: 0px;
	color: #A50101;
 }
 .breadcrumb a {
 text-decoration: none;
 color: #A50101;
 }
 .breadcrumb span {
 font-size: 16px;
 }
/*
#menu { }
	#searchForm { float: none; padding-top: 2px; }
	.searchimg { vertical-align: top; padding-top: 2px; }
	.primary_action { background-image:url(gradients.jpg); background-position: 0px -77px; }
*/
/* FOOTER */
#footer {
 color: #ffffff;
 text-align: center;
 font-size: 90%;
 height: 40px;
 clear: both;
 border-top: none;
 background: #CC0000 url("/direct/img/backgrounds/gradients.jpg") repeat-x 0px -130px;
 padding-top: 20px;
}
/* PANELS */
.panel {
 width: 190px;
 font-size: 12px;
 background-color: #ffffff;
 border: none;
 margin-bottom: 10px;
 }
.center_panel {
 background: url("/direct/img/backgrounds/round-box-bg.jpg") repeat-y -559px 0px;
 width: 558px;
 margin: 0px 5px 10px 5px;
 font-size: 12px;
}
* html .center_panel {
 width: 551px;
 margin: 0px 0px 0px 0px;
}
* html .fp_panel {
	width: 551px;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
}
.center_panel .last {
	background: #FFFFFF url("/direct/img/backgrounds/round-box-bg.jpg") no-repeat -1116px 0px;
	height: 30px;
	width: 100%;
	margin: 0px;
}
.center_panel .first {
	background: url("/direct/img/backgrounds/round-box-bg.jpg") no-repeat 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 0px 15px;
}
.center_panel .panel_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px;
}
.center_panel h1 {
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 0px;
}
.panel p {
 margin: 6px 0px 0px 0px;
 padding: 0px 6px 0px 6px;
}
div.panel_header {
	width: 100%;
	background-color: #cccccc;
}
.frame {
 border: 1px solid #cccccc;
}
div.panel h6 {
	color: #A50101;
	font-size: 12px;
	padding: 5px 5px 5px 7px;
	letter-spacing: 0px;
}
p.small {
	background-color: #CCCCCC;
	margin: 0;
	padding: 0 3px 3px 7px;
	color: #A50101;
	font-size: 10px;
}
/* CHECKOUT */
#navlist
{
padding: 3px 0;
margin: 0px 0px 20px 0px;
border-top: 1px solid #CCC;
font: normal 12px Verdana, sans-serif;
text-align:center;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #CCC;
border-top: none;
background: #FFF;
text-decoration: none;
}
#navlist li a:link { color: #BBB; }
#navlist li a:visited { color: #BBB; }
#navlist li a:hover
{
color: #999;
background: #F8F8F8;
}
#navlist li a#current
{
background: white;
border: 1px solid #CCC;
border-top: 1px solid white;
color: #666;
}
#checkout_content, .checkout_content {
margin: 0px auto;
width:558px;
}
#checkout_content h2, .checkout_content h2 {
margin-left: 20px;
}
.flash {
margin-left: 10px;
}
#checkout_content h2 span {
font-size: 1.2em;
}
.center_panel p {
margin: 3px;
}
.grid_box {
width:247px; height: 130px;
line-height: 14px;
font-size: 12px;
}
.payment_cards {
float:right;
text-align: center;
}
.payment_cards img {
	width: 45px;
}
/* AJAX BASKET */
#mini_basket {
	line-height: 18px;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	padding-top: 10px;
	position: relative;
}
.basket_add {
	margin: 3px;
	margin-top:0px;
	padding: 0px 2px;
	line-height: 12px;
	font-weight:normal;
	position: absolute;
	left:-188px;
	top: 15px;
	border-right: none;
}
.basket_add img {
	float: left;
}
.basket_add_title {
	margin-bottom: 3px;
	width: 100%;
}
.flash_color {
	background-color: #CC0000;
}
/* TOP TEN / CHART */
 table.TopTen {
 font-size:11px;
 border: 0;
 margin-top: 10px;
 }
 tr.TopTen {
 margin: 0 0 10px 0;
 }
 td.TopTen {
 font-size:11px;
 border: 0px solid black;
 }
 td.TopTen2 {
 font-size:11px;
 line-height: 14px;
 margin: 0 0 15px 0;
 padding: 0 0 15px 0;
 }
 img.TopTen {
 margin: 2px 2px 0px 0px;
 border: 1px solid #000000 ;
 }
 a.TopTen:link, a.TopTen:visited, a.TopTen:active {
 color: #000000;
 text-decoration: underline;
 }
 a.TopTen:hover {
 text-decoration: none;
 }
 .chartnumsmall {
	width: 2em;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	padding: 5px 2px 0px 0px;
	margin: 0px 0px 0px 0px;
 }
 td.RelatedItem {
 font-size: .8em;
 }
 a.RelatedItem img {
 border: none;
 }
 a.RelatedItem:link, a.RelatedItem:visited, a.RelatedItem:active {
 color: #000000;
 text-decoration: none;
 }
 a.RelatedItem:hover {
 text-decoration: underline;
 }
 .list {
 float: left;
 position: relative;
 font-size:90%;
 width: 265px;
 margin-top: 0px;
 padding: 0px 5px 0px 5px;
 display: block;
 }
 a.listlink {
 text-decoration: none;
 }
 a.listlink:hover {
 text-decoration: underline;
 }
 .pblock {
 margin-top: -5px;
 padding-top: 0px;
 }
 .itemsummary {
 margin-top: -5px;
 padding-top: 0px;
 font-size: 11px;
 color: #666666;
 }
 .personalItem {
 float: left;
 position: relative;
 font-size:12px;
 width: 265px;
 height: 175px;
 margin-top: 20px;
 padding: 0px 5px 0px 5px;
 display: block;
 overflow: hidden;
 }
 .fp_panel {
 font-size:12px;
	margin: 10px 7px 0 0 ;
 padding: 0px 0px 0px 0px;
 border-right: 1px solid silver;
 border-left: 1px solid silver;
 border-bottom: 1px solid silver;
 }
 .fp_panel_inner {
 font-size:12px;
 padding: 3px 3px 0px 3px;
 clear: left;
 }
 .fp_header {
 font-size:12px;
 margin: 0px -1px 0px -1px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 background-color: #cccccc;
 height: 26px;
 }
table.fp_table {
	margin: 5px 0 0 1px;
	clear: left;
	}
th.theader {
	color: #990000;
}
 div.fp_header h6 {
 float: left;
 color: #A50101;
	font-size: 12px;
	padding: 5px 5px 5px 7px;
	margin: 0px;
	letter-spacing: 0px;
 }
 div.fp_header h5 {
 float: right;
 color: #A50101;
	font-size: 12px;
	padding: 5px 5px 5px 7px;
	margin: 0px;
	letter-spacing: 0px;
 }
 a.PersonalItem {
 }
 a.PersonalItem img {
 float: left;
 margin: 0px 6px 0px 0px;
 border: 1px solid #000000;
 }
 a.PersonalItem:link, a.PersonalItem:visited, a.PersonalItem:active {
 color: #000000;
 text-decoration: none;
 text-decoration: underline;
 }
 a.PersonalItem:hover {
 text-decoration: none;
 }
 .price {
 font-weight: bold;
 color: #990000;
 }
 .futuredate {
 color: #aa0000;
 font-weight: bold;
 }
 .normalprice {
 font-weight: bold;
 color: #000000;
 }
 #refinery table {
 }
 #refinery td {
 padding: 4px;
 font-size: 100%;
 }
 #refinery td.title {
 font-weight: bold;
 text-align: right;
 vertical-align: top;
 width: 1%;
 }
 #refinery td.rowOdd, #refinery td.RowEven {
 }
 #refinery td.rowOdd {
 background-color:#F4F4F4;
 }
 #refinery td a:link, #refinery td a:visited, #refinery td a:active {
 color:#0066FF;
 text-decoration: none;
 }
 #refinery td a:hover {
 text-decoration: none;
 background-color:#0066FF;
 color: #FFFFFF;
 }
 #searchLine {
 font-size: 90%;
 }
 #searchLine a:link, #searchLine a:visited, #searchLine a:active {
 text-decoration: none;
 color:#0066FF;
 font-weight: bold;
 }
 #searchLine a:hover {
 text-decoration: none;
 background-color:#990000;
 color:#FFFFFF;
 font-weight: bold;
 }
 div.tagCloud a:link, div.tagCloud a:visited, div.tagCloud a:active {
 text-decoration: none;
 color:#0066FF;
 }
 div.tagCloud a:hover {
 text-decoration: none;
 background-color:#0066FF;
 color: #FFFFFF;
 }
 a.cloudLike:link, a.cloudLike:visited, a.cloudLike:active {
 text-decoration: none;
 color:#0066FF;
 }
 a.cloudLike:hover {
 text-decoration: none;
 background-color:#0066FF;
 color: #FFFFFF;
 }
 a.infoLink:link, a.infoLink:visited, a.infoLink:active {
 color: #0000ff;
 text-decoration: none;
 }
 a.infoLink:hover {
 color: #0000ff;
 text-decoration: underline;
 cursor: help;
 }
 div.pageNumbers {
 margin-top: 10px;
 margin-bottom: 6px;
 text-align: right;
 }
 div.pageNumbers a {
 border: 1px solid #CCCCCC;
 background-color: #ffffff;
 margin-right: 4px;
 padding: 0px 4px 1px 4px;
 font-size: 12px;
 }
 div.pageNumbers a.page:link, div.pageNumbers a.page:visited, div.pageNumbers a.page:active {
 text-decoration: none;
 color: #0066FF;
 }
 div.pageNumbers a.page:hover {
 text-decoration: none;
 background-color: #0066FF;
 color: #FFFFFF;
 }
 div.pageNumbers a.selected:link, div.pageNumbers a.selected:visited,div.pageNumbers a.selected:active, div.pageNumbers a.selected:hover {
 border: none;
 color: #333333;
 text-decoration: none;
 }
 #Search {
	margin-top: -14px;
 }
 div.SearchItem {
 font-size: 100%;
 border-top: 1px dashed #EFEFEF;
 margin: 10px -3px 0px -3px;
 padding: 12px 12px 0px 12px;
 clear: left;
 }
 div.SearchItem a:link,
 div.SearchItem a:visited,
 div.SearchItem a:active {
 font-weight: bold;
 text-decoration: none;
 }
 div.SearchItem a:hover {
 text-decoration: underline;
 }
 div.SearchItem img.product {
 float: left;
 margin: 0px 8px 10px 0px;
 }
 img.rating {
 margin: 3px 3px 1px 0px;
 }
 .rrp {
 font-size: 80%;
 color:#999999;
 text-decoration: line-through;
 }
 .rrp_large {
 font-size: 80%;
 color:#999999;
 }
 #searchForm input {
 }
 div.product img.product {
 float: left;
 position: relative;
 margin: 0px 12px 40px 0px;
 border: 1px solid #000000;
 }
 img.product100 {
 float: left;
 position: relative;
 margin: 0px 12px 40px 0px;
 border: 1px solid #000000;
 }
 ol.chart {
 list-style-type: decimal;
 margin-left: 20px;
 padding-left: 0px;
 }
 ul.chart {
 margin-left: 0;
 padding-left: 1px;
 list-style: none;
 }
 li.chart {
 clear: left;
 font-weight: bold;
 padding: 0;
 margin: 0;
 }
 div.chart {
 font-size:80%;
 font-weight: normal;
 }
 a.chart {
 display: block;
 margin: 0px;
 }
 img.chart {
 float: left;
 position: relative;
 margin: 0px 10px 30px 0px;
 border: 1px solid #000000 ;
 }
 img.featured {
 position: relative;
 margin: 0px 10px 3px 0px;
 border: 1px solid #000000 ;
 }
 a.chart:link, a.chart:visited, a.chart:active {
 color: #000000;
 text-decoration: none;
 }
 a.chart:hover {
 text-decoration: underline;
 }
 .chartnum {
 width: 2em;
 text-align: right;
 float: left;
 position: relative;
 font-weight: bold;
 font-style: italic;
 font-size: 3em;
 padding: 10px 10px 0px 0px;
 margin: 0px 0px 10px 0px;
 }
 td.RelatedItem {
 font-size: 11px;
 }
 img.product_page {
	float: left;
 border: 1px solid #000000;
 margin: 0px 10px 2px 0px;
 }
 #productTable table {
 position: relative;
 float: left;
 }
 .productTable tr td {
 }
 div.product h1 {
 display: inline;
 color: #990000;
 border: none;
 font-size: 16px;
 }
 div.product h3 {
 display: inline;
 color: #666666;
 font-size: 80%;
 }
 .productDetails {
 font-size: .8em;
 }
 div.extraInformation {
 padding: 8px 5px 0px 5px;
 border: 1px solid #CCCCCC;
 background-color: #f0f0f0;
	margin: 5px 10px 15px 0px;
 }
 div.product div.review {
 }
 .orderdetails table {
 font-size: .8em;
 }
 a.addToBasket:link, a.addToBasket:active, a.addToBasket:visited {
 font-weight: bold;
 text-decoration: none;
 }
 a.addToBasket:hover {
 text-decoration: underline;
 color: #990000;
 }
 #contactForm label, #contactForm input {
 padding-left: 5px;
 }
 #contactForm input.formText {
 margin-bottom: 5px;
 }
 #contactForm textarea.formTextArea {
 }
 #contactForm label {
 font-weight: bold;
 }
 #contactForm br {
 clear: left;
 }
 #contactForm .info {
 font-size: 80%;
 padding-left: 5px;
 }
 .formError {
 font-weight: bold;
 padding-left: 5px;
 font-size: 12px;
 }
 .formNoError {
 font-weight: normal;
 padding-left: 5px;
 font-size: 12px;
 }
 input.formText {
 height: 20px;
 font-size: 16px;
 padding: 4px;
 font-weight: normal;
 }
 .tabintro {
 padding: 0px;
 font-size: 12px;
 color: #000000;
 text-align: justify;
 margin: 0px 5px 10px 5px;
 }
 .tabintro h1 {
 font-size: 14px;
 color: #000000;
 padding: 10px 0 0 0 ;
 border: none;
 }
 .tabintro h2 {
 font-size: 14px;
 color: #990000;
 padding: 0 ;
 font-weight: bold;
 }
 .tabintro h3 {
 color: #990000;
 padding: 0 ;
 font-weight: bold;
 font-size: 120%;
 }
 .tabintro div#extraIntroText {
 border: 1px dotted #D9D9D9;
 background-color: #F8F8F8;
 padding: 6px 10px 6px 10px;
 margin: 6px 0px 6px 0px;
 }
 .tabintroimage {
 float: right;
 position: relative;
 top: -20px;
 margin: 0 0 -30px -74px;
 }
 .flash, .flash_left {
 border: 1px solid #CCCCCC;
 padding: 10px;
 color: green;
 font-weight: bold;
 margin: 0px 0px 12px 0px;
 text-align:center;
 }
 .flash_left {
 text-align:left;
 }
 .flasherror {
 border: 1px solid #cccccc;
 padding: 10px;
 color: red;
 font-weight: bold;
 margin: 12px 0px 12px 0px;
 }
 td.greyheader {
 font-size: 11px;
 background-color: #eeeeee;
 }
 td.tracklisting {
 background-color: #eeeeee;
 }
 th.tracklisting {
 background-color: #eeeeee;
 font-weight: bold;
 }
 #basket {
 padding: 0px 15px;
 }
 #basket table {
 text-align: left;
 border-right: 1px dotted silver;
 }
 #basket table th {
 background-color: #eeeeee;
	border-left: 1px solid silver;
 padding: 4px 4px 4px 4px;
 font-weight: bold;
 font-size: 90%;
 }
 #basket table td {
	border-left: 1px solid silver;
 padding: 4px;
 border-top: 1px solid #DDDDDD;
	line-height: 21px;
 }
 #basket table td input {
 width: 30px;
 }
 td.total {
 border-top: 1px solid black;
 }
 .popular {
 text-align: right;
 padding: 5px;
 margin-left: 300px;
 }
 .loginbox {
 padding: 10px;
 margin: 10px;
 border: 1px dashed black;
 }
 div.alphaList {
 margin-top: 4px;
 }
 div.alphaList a:link, div.alphaList a:active, div.alphaList a:visited {
 display: inline;
 background-color: #CCCCCC;
 margin-right: 4px;
 padding: 4px 4px 4px 4px;
 float: left;
 color: #FFFFFF;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 }
 div.alphaList a:hover {
 background-color: #A50101;
 }
 ul.ptags {
 margin: 0px;
 padding-left: 14px;
 list-style: disc;
 }
 a.swite:link { color: white; text-decoration: underline;
	font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 }
a.swite:visited { color: white; text-decoration: underline;
	font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 }
a.swite:active { color: white; text-decoration: underline;
	font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 }
a.swite:hover { color: #ffcccc; text-decoration: underline;
	font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 }
.swhite { color: #ffffff;
 }
.swhite p {
padding: 2px;
margin: 2px;
}
.centered {
text-align: center;
width: 100%;
padding: 2px;
margin: 2px;
}
.helpPage {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 line-height: 1.4em;
}
.helpPage p {
	margin-left: 3px;
	margin-right: 3px;
}
.newicon {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #cc0000;
 margin-bottom: 10px;
 line-height: 20px;
 }
.bfaf {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #cccccc;
 }
a.bfaf:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #cccccc;
 }
a.bfaf:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #cccccc;
 }
a.bfaf:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: #cccccc;
 }
.admindatabox {
	margin: 10px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px dashed black;
 font-size: 12px;
 line-height: 1.2em;
}
.crdmain {
 margin: 0px;
 padding: 5px;
 background-color: #666666 ;
 color: white;
 border: 1px solid white;
 text-align: center;
 font-size: 12px;
}
a.crdmainlink {
 color: white;
 font-weight: bold;
 text-decoration: none;
 }
a.crdmainlink:active {
 color: white;
 font-weight: bold;
 text-decoration: none;
 }
a.crdmainlink:visited {
 color: white;
 font-weight: bold;
 text-decoration: none;
 }
a.crdmainlink:hover {
 color: white;
 font-weight: bold;
 text-decoration: underline;
 }
.viral {
color: #666666;
font-size: 11px;
padding: 10px;
line-height: 25px;
}
a.viral {
color: #666666;
text-decoration: none;
line-height: 25px;
margin: 5px;
}
a.viral:hover {
color: #666666;
text-decoration: underline;
line-height: 25px;
margin: 5px;
}
.pnavlist {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid #778;
 border-top: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
.pnavlist li {
 list-style: none;
 margin: 0;
 display: inline;
}
formFP {
 margin: 0 3px 0 3px;
 padding: 0;
 text-align: center;
}
input.formTextBoxFP {
 margin: 0 ;
 padding: 0;
 width: 186px;
}
input.formButtonFP {
 color:#333333;
 font-size:90%;
 font-weight:bold;
 background-color:#eeeeee;
 margin: 0 ;
 padding: 0;
 width: 189px;
}
input.rbg {
	/* background-image: url("/direct/img/backgrounds/backgrounds/buttonbg.png"); */
	background-color: #cc0000;
	border: 1px solid black;
	color: white;
	height: 26px;
	font-weight: bold;
}
input.rbg:hover
 {
 color: HighlightText;
 background: Highlight;
 border: 2px groove Highlight;
 outline: 1px solid #000;
 }
.checkoutProgress {
margin: 10px 3px 3px 3px;
font-weight: bold;
font-size: 11px;
}
.current {
color: #990000;
text-decoration: none;
}
.done {
color: #cccccc;
text-decoration: none;
}
.next {
color: #999999;
text-decoration: none;
}
.modifierBox {
border-bottom: 0px solid #cccccc;
display: inline;
}
.pleaseWait {
 position: fixed;
 top: 120px;
 left: 220px;
	padding:10px;
 background:#fff;
 height:50%;
 width:50%;
 margin: 10px 10px 10px 10px;
 border: 1px solid #cc0000;
 vertical-align: middle;
 z-index: 100;
 text-align: center;
 visibility: hidden;
 display: none;
 }
div#worldpay_callback {
	margin: 10px;
	font-size: 85%;
}
div.worldpay_box {
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px 7px 10px 0px;
}
/* product page */
.play, .stop, .playAll {
cursor: pointer;
}
.playAll {
text-decoration: underline;
color: #0066FF;
}
.clearLeft {
clear:left;
float:left;
}
.clearBoth {
clear:both;
float:left;
width:100%;
margin-top:10px;
}
.clear {
clear:both;
}
/* Utilities */
.left {
float:left;
}
.right {
float:right;
}
/* Vouchers */
.voucher {
	font-size: 10px;
	line-height: 14px;
	padding: 0px;
	width: 480px;
	margin: 20px auto;
	margin-top: 3px;
	color: #CC0000;
	font-weight: bold;
}
.voucher_frame {
	border: 5px solid #000000;
}
.voucher_default {
	background-color: #CCCCCC;
}
.voucher_christmas {
	background-color: #FF3333;
}
.voucher_birthday {
	background-color: #0099FF;
}
.voucher label {
	color: #3366CC;
}
.voucher_frame div {
margin: 10px;
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 5px;
}
.voucher span {
font-weight: normal;
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
 overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/* Forms */
fieldset {
	margin-bottom: 5px;
	padding-left: 25px;
	border: none;
	font-weight: 500;
}
input, select, textarea {
	font-weight: bold;
}
legend {
	display: none;
}
.textinput {
	vertical-align: top;
	border: 1px solid #B4B4B4;
	border-top-color: #727272;
	border-bottom-color: #DADADA;
	font-size: 14px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
	background-color: #FCFCFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:260px;
}
.greyOut
{
 background-color: #DDDDDD;
}
.textinput:focus {
	border-color: #FFCC33;
}
.select_input {
	font-size: 14px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
	background-color: #FCFCFC;
	border: 1px solid #B4B4B4;
	border-top-color: #727272;
	border-bottom-color: #DADADA;
}
.input_container {
position: relative;
margin-top: 2px;
margin-bottom: 2px;
}
.checkbox_label {
	display: block;
	padding-left: 17px;
	text-indent: -15px;
	margin: 5px 0px;
}
.checkbox_label input {
 width: 13px;
	height: 13px;
	padding: 0;
	margin:0;
	vertical-align: bottom;
	position: relative;
	top: 1px;
	/*overflow: hidden;*/
}
.multifieldline {
	float: left;
	padding-right:10px;
}
.highlight_box {
	border: 1px dotted #CCC;
	margin: 5px 0px 10px 0px;
	background-color: #CCFFFF;
	padding: 5px;
}
label.above, span.below {
display: block;
}
label.above {
margin-top: 5px;
font-size: 12px;
}
span.below {
font-size: 10px;
}
.changeLinkContainer {
float:right;
margin-top: -4px;
margin-right: -4px;
}
.changeLinkContainer a {
font-size: 12px; text-decoration: none;
}
.primary_action, .primary_action_blue, .primary_action_grey {
	color: #FFF;
	font-size: 14px;
	background: url("/direct/img/backgrounds/button-bg-red.gif");
	padding: 4px 10px;
	font-weight: bold;
	border: 1px solid #8A0000;
	border-bottom: 1px solid #620000;
	cursor: pointer;
	font-family: Arial;
	margin:0px;
	letter-spacing: 1px;
}
.primary_action_blue {
	background: url("/direct/img/backgrounds/button-bg-blue.gif");
}
.primary_action_grey {
	background: url("/direct/img/backgrounds/button-bg-grey.gif");
}
.small_action {
	color: #FFF;
	font-size: 11px;
	background: url("/direct/img/backgrounds/button-bg-red.gif");
	padding: 2px 8px;
	font-weight: bold;
	border: 1px solid #8A0000;
	border-bottom: 1px solid #620000;
	cursor: pointer;
	font-family: Arial;
	margin:0px;
}
/* IE6 */
* html .primary_action, * html .small_action {
overflow: visible;
width: 1px;
line-height: 1em;
}
/* IE7 */
*+html .primary_action, *+html .primary_action {
overflow: visible;
line-height: 1em;
}
a.primary_action, a.primary_action_blue, a.primary_action_grey {
line-height: 3em;
text-decoration: none;
color: #FFF;
}
a.primary_action:hover, a.primary_action_blue:hover, a.primary_action_grey:hover, .small_action:hover {
text-decoration: underline;
}
button::-moz-focus-inner
{
 line-height: 28px;
 padding: 0px;
 margin: 0px;
 vertical-align:middle;
}
.error_bubble {
 background-color:#EEEEEE;
 border:1px solid #778;
 line-height:1em;
 margin:10px auto;
 padding:5px;
 position:absolute;
 left: 276px;
 top: -3px;
 text-align:center;
 width:145px;
 height: 25px;
 vertical-align: middle;
 color:#CC0000;
 font-weight: bold;
 -moz-box-shadow:0 0 5px #888888;
 -webkit-box-shadow:0 0 5px #888888;
 z-index: 5;
}
.error_bubble_arrow_left_border {
 border-color: transparent #778 transparent transparent;
 border-style: solid;
 border-width: 10px;
 height:0;
 width:0;
 position:absolute;
 bottom:7px;
 left: -20px;
}
.error_bubble_arrow_left {
 border-color: transparent #EEEEEE transparent transparent;
 border-style: solid;
 border-width: 10px;
 height:0;
 width:0;
 position:absolute;
 bottom:7px;
 left:-18px;
}
.error_bubble_arrow_right_border {
 border-color: transparent transparent transparent #778;
 border-style: solid;
 border-width: 10px;
 height:0;
 width:0;
 position:absolute;
 bottom:7px;
 left: 155px;
}
.error_bubble_arrow_right {
 border-color: transparent transparent transparent #EEEEEE;
 border-style: solid;
 border-width: 10px;
 height:0;
 width:0;
 position:absolute;
 bottom:7px;
 left:153px;
}
/* IE6 */
* html .error_bubble div {
	display:none;
}
/* tool tips */
.help_box {
	width: 200px;
	background-color: #EEE;
	border: 1px solid #778;
	line-height: 1.2;
	padding: 5px;
	position: absolute;
	top: -5px;
	-moz-box-shadow: 0 0 5px #888888;
	-webkit-box-shadow: 0 0 5px #888888;
}
.help_box_arrow_left {
	background: url('/direct/img/icons/help_left_arrow.gif') no-repeat left;
	width: 9px;
	height: 18px;
	position: absolute;
	top: 2px;
	left: -9px;
}