body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:black;
  background-color:#660066;
  margin: 0;
  padding: 0;
}

.intro {font-size: 11px; line-height: 22px; font-weight: bold; color: #FFFFFF; letter-spacing: 1px}
.textbold {font-size: 10px; font-weight: bold; color: #FFFFFF}
.k10 {font-size: 10px}
.text {font-size: 10px; color: white; text-align: left}
.introbottomtext {font-size: 10px; color: #FFFFFF; text-align: left}
.poptitles {font-size: 11px; font-weight: bold; color: #FFFFFF}
.10kjust {font-size: 10px; text-align: justify}
.kjust {font-size: 10px; text-align: left}
.widek {font-size: 12px; letter-spacing: 1px}
.textunjust {font-size: 10px; color: #FFFFFF}
.text2 {font-size: 10px; color: #FFFFFF}
.insert {font-size: 10px}
.error {font-size: 10px; font-weight: bold; color: #FF0000}
.textblack {font-size: 10px; color: #000000}
.textblackbold {font-size: 10px; font-weight: bold; color: #000000}
.text12 {font-size: 12px}
.footxt {font-size: 9px; color: #666666; text-decoration: none}
.text11onbg {font-size: 11px; color: #000033}
.txt12onbg {font-size: 12px; color: #FFFFFF}

a.menutitle {font-size: 10px; color: #000000; font-weight: bold; text-decoration: none}
a:hover.menutitle {color: #669900}
a.menuitem {font-size: 10px; color: #669900; text-decoration: none}
.menutable {border: 1px #CCCCCC solid}
.menucell {cursor: hand}

td.s0 {cursor: hand; color: white; background: #99CC00}
td.s0on {cursor: hand; color: white; background: #00FF00}

td.s1 {cursor: hand; color: white; background: #FFCC66}
td.s1on {cursor: hand; color: white; background: #FFCC00} 

td.s2 {cursor: hand; color: black; background: #ff99cc}
td.s2on {cursor: hand; color: white; background: #ff00cc} 

td.s3 {cursor: hand; color: black; background: #33ff99}
td.s3on {cursor: hand; color: white; background: #00cc66} 

td.s4 {cursor: hand; color: black; background: #dedede}
td.s4on {cursor: hand; color: white; background: #cc99ff} 

td.s5 {cursor: hand; color: black; background: #ff9966}
td.s5on {cursor: hand; color: white; background: #ff6600} 

td.s6 {cursor: hand; color: black; background: #66ccff}
td.s6on {cursor: hand; color: white; background: #0099ff}

.indextopbanner {  background-image: url(/skins/default/images/streetcards_header.gif); background-repeat: no-repeat}
.indexinsetpic1 {  background-image: url(/skins/default/images/GrooveCard.gif); background-repeat: no-repeat}
.indexinsetpic2 {  background-image: url(/skins/default/images/animated_card.gif); background-repeat: no-repeat}
.indexmidtable {  
background-image: url(/skins/default/images/bg-1px.gif);
}
.indexinsetmid {font-size: 10px; color: #000000}
.indexmidtopbar {  background-image: url(/skins/default/images/main_street_top.gif); background-repeat: no-repeat}
.indexmidlhbar {  background-image: url(/skins/default/images/main_street_lhs.gif); background-repeat: no-repeat}
.indexmidrhbar {  background-image: url(/skins/default/images/main_street_rhs.gif)}

.pzbgcol {  background-color: #660066}
.pztext {font-size: 11px; color: #FFFFFF; line-height: 14px}
.pz1lwrtext {font-size: 11px; font-weight: bold; color: #FFFFFF}

.pz2updatebutton {  background-image: url(images/updateS.gif); background-repeat: no-repeat}
.pz2clearbutton {  background-image: url(images/cleartext.gif); background-repeat: no-repeat}
.pz2navbuttons {  background-image: url(images/previewzone.gif); background-repeat: no-repeat}

.basketnavbuttons {  background-image: url(/skins/default/images/basket_heading.gif); background-repeat: no-repeat}
.basketnextbutton {  background-image: url(/skins/default/images/nextS.gif); background-repeat: no-repeat}
.basketshopinsert {font-size: 11px; color: black; background-color: white}
.basketTop {
  background-image: url(images/basket_top.gif);
  background-repeat: no-repeat;
}
.basketshopinsertbarbtm {  background-image: url(images/back_ltblu_btm_white.gif); background-repeat: no-repeat}
.baskettext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black; text-align: left; background-color:white;}
.basketspacer {  background-image: url(/skins/default/images/basketspacer.gif); background-repeat: no-repeat}

.checkoutbuttons {  background-image: url(/skins/default/images/checkoutzone.gif); background-repeat: no-repeat}
.checkoutbuttons_invalid {  background-image: url(/skins/default/images/checkoutzone_invalid.gif); background-repeat: no-repeat}

.uploadtopbanner {  background-image: url(/skins/default/images/streetcards_header_upload.gif); background-repeat: no-repeat}
.uploadtopbar {  background-image: url(/skins/default/images/sc_formats_top.gif); background-repeat: no-repeat; background-color: #660066}
.uploadrhsbar {  background-image: url(/skins/default/images/sc_formats_rhs.gif); background-repeat: no-repeat; background-color: #660066}
.uploadlhsbar {  background-image: url(/skins/default/images/sc_formats_lhs.gif); background-repeat: no-repeat; background-color: #660066}
.uploadlwrbar {  background-color: #000000}

.uploadbrowsetopbar {  background-image: url(/skins/default/images/sc_browse_top.gif); background-repeat: no-repeat; background-color: #660066}
.uploadbrowsetxtonwhtbg {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #000000}
.uploadbrowserhsbar {  background-image: url(/skins/default/images/sc_formats_browse_rhs.gif); background-repeat: no-repeat}
.uploadedittopbar {  background-image: url(/skins/default/images/sc_prv_top.gif); background-repeat: no-repeat; background-color: #660066}
.uploadbackbtn {  background-image: url(/skins/default/images/backS.gif); background-repeat: no-repeat}
.uploadnextbtn {  background-image: url(/skins/default/images/nextS.gif); background-repeat: no-repeat}
.introfootlinks {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: none}

a:link {color: #66FF66; text-decoration: underline}
a:visited {color: #669900; text-decoration: underline}
a:hover { color: #FFFFFF; text-decoration: underline }
a:active { color: #FFFFFF; text-decoration: underline }
          
a.infoLink:link {font-size:55%; color: white; text-decoration: underline}
a.infoLink:visited {font-size:55%; color: white; text-decoration: underline}
a.infoLink:hover { font-size:55%; color: white; text-decoration: none }
a.infoLink:active { font-size:55%; color: white; text-decoration: underline }

.infoLink{font-size:55%; color: white; text-decoration: underline}
.footerText{font-size:55%; color: white; text-decoration: none}
            
.footerInfo{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding-left:6px;
  padding-right:6px;
}
               
.inputSearch{
background-color:white;
height:14px;
font-size:55%;
border:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.inputBrowse{
  background-color:white;           
  font-size: 75%;
}

.inputBasket{
  background-color:white;           
  font-size: 90%;
}

.inputpz1{
  background-color:white;           
  font-size: 85%;
}                         

.basketRadio
{
  background-color:white;
  color:red;
}

.orange {
  COLOR: #f60;
}

a.basketShoppingLink:link { COLOR: #f60; text-decoration: underline}
a.basketShoppingLink:visited {  COLOR: #f60;  text-decoration: underline}
a.basketShoppingLink:hover { COLOR: #f60; text-decoration: underline }
a.basketShoppingLink:active {COLOR: #f60; text-decoration: underline }

a.basketFormLink:link { COLOR: #f60; text-decoration: underline}
a.basketFormLink:visited { COLOR: #f60;  text-decoration: underline}
a.basketFormLink:hover { COLOR: #f60; text-decoration: underline }
a.basketFormLink:active { COLOR: #f60; text-decoration: underline }

a.orange:link { COLOR: #f60; text-decoration: underline}
a.orange:visited { COLOR: #f60;  text-decoration: underline}
a.orange:hover { COLOR: #f60; text-decoration: underline }
a.orange:active { COLOR: #f60; text-decoration: underline }

.payInput{
  background-color:white;           
  font-size: 90%;
}

#menuTop {
  width: 796px;
  margin: 0;
  padding: 0;
  display: none;
}
.menuTopCell {
  height: 12px;
  font-size: 1.1em;
  text-align: right;
  background-color: #666666;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.tableMerch {
  background-color: #FFFFFF;
}
#divMerchandiseText {
  font-size: 0.7em;
  width: 303px;
  padding: 32px 0px 32px 32px;
  float: left;
}
.divWalletDetail {
  width: 343px;
  float: left;
  display: none;
  padding: 0px 0px 32px 0px;
}
.divWalletText {
  font-size: 0.7em;
  width: 343px;
  padding: 4px 0px 0px 32px;
}
#divMerchandiseRight {
  font-size: 0.7em;
  width: 318px;
  margin: 32px 32px 0px 0px;
  float: right;
}
#divWalletSection {
  width: 318px;
  padding: 0px 0px 8px 0px;
  clear: left;
}
#divWalletButton {
  padding: 0px 8px 8px 0px;
  float: left;
}
a:link.menulink, a:visited.menulink, a:active.menulink {
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none
}
a:hover.menulink {
  color: #669900
}
.divYourAccountBox {
  width: 40%;
  margin: 32px;
  float: left;
}
.divFullWidthBox {
  margin: 32px;
}


<!-- TrolleyBox styles -->

.fieldLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}
.fieldlabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}
.fieldHint {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}
.fieldLabelReqd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.editNormal {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #666666;
  background-color: #FFFFCC;
}
.editNoChange {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #666666;
  background-color: #CCCCCC;
}
.editError {
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #666666;
  background-color: #FF0000;
}
.pushButton {
  font-size: 10px;
  background-color: #FF6600;
  color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  border-width: 1;
  height: 18px;
  cursor: hand;
}
.imageButton {
  cursor: hand;
}
.prNormal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
.prError {font-size: 11px; color: #FF0000; font-weight: bold}
.prOk {font-size: 11px; color: #009900; font-weight: bold}
.prWarn {font-size: 11px; color: #FF9900; font-weight: bold}
.prText {font-size: 11px; color: #000000; font-weight: bold}

a:visited.link, a:active.link, a:link.link  {font-size: 10px; color: #0000CC}
a:hover.link {color: #FF6600; text-decoration: underline}

.contentText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}
.contentTextB {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.viewHeading {font-size: 14px; color: #000000; font-weight: bold}

.radioLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

a:link.basketLink {font-size: 10px; color: #0000CC; font-weight: normal}
a:visited.basketLink {font-size: 10px; color: #0000CC; font-weight: normal}
a:active.basketLink {font-size: 10px; color: #0000CC; font-weight: normal}
a:hover.basketLink {color: #FF6600; text-decoration: underline}
a:link.popuplink {font-size: 10px; color: #0000CC; font-weight: normal}
a:visited.popuplink {font-size: 10px; color: #0000CC; font-weight: normal}
a:active.popuplink {font-size: 10px; color: #0000CC; font-weight: normal}
a:hover.popuplink {color: #FF6600; text-decoration: underline}
.billingAddr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
}
.shippingAddr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
}
.basketHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  background-color: #FFFFFF;
}
.basketaddrData {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
}
.basketDataG {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #009900;
  background-color: #FFFFFF;
}
.basketTotal {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  background-color: #FFFFFF;
}
.basketTable {
  padding : 8px;
}
.basketData {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
}
a.basketPopLink {font-size: 10px; color: #0000CC; font-weight: bold}
a:hover.basketPopLink {font-size: 10px; color: #FF6600; text-decoration: underline; font-weight: bold}
.contentTC {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
}
.dboxesStep {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #993333;
  font-weight: bold;
}
.dboxesGroup {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.dboxesText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}
.dboxesTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}
a.dboxesLink {font-size: 10px; color: #0000CC; font-weight: normal}
a:hover.dboxesLink {color: #FF6600; text-decoration: underline}

.dataTable {
	border: 1px solid #990000;
}
.dataTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.dataHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.dataHeading_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.dataHeading_border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
}
.dataCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
}
.dataCell_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
}
.dataCell_noborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold}
.navRecCount {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #009900; font-weight: bold}
a.navLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000CC; font-weight: bold}
a:hover.navLink {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: underline}
.cellBorderLeftRight {
  background-color: #000000;
}

#td_voucher img {
  padding-top: 4px;
}