body {
	padding-bottom: 20px;
	margin: 0;
	font-family : Arial, Verdana; 
	font-size : 12px;
	color: #000000;
	background-color : #FFFFFF; 
}

a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

TD, DIV, FONT, SPAN, P, UL {
	font-family : Arial, Verdana;
	font-size : 12px; 
	color: #000000;
	line-height:normal
}

HR {
	HEIGHT: 1px; 
	color: #CCCCCC;
}

H1 {
	font-size: 24px;
	font-weight: bold;
	color: #EC008C;
	margin : 0px;
	padding: 0px;
}

.HRblack {
	HEIGHT: 1px; 
	color: #000000;
}

#center {
  text-align: center;
}

#container {
	width: 1017px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image : url(../img/bg_middle.gif);
	text-align: left;
}

div#footer {
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	z-index: 100;
}

#footer a:link, #footer a:visited  { 
	color: #ffffff;
	text-decoration: none;
} 

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div#rhs {
	padding-left: 15px;
}

div#bodyContent {
	padding: 10px 10px 10px 10px ;
}

.newprodtop {
	margin: 0px;
	padding: 5px;
	color: #ffffff;
	background: #0B87BD url(../img/new_prod_top_right.gif) no-repeat scroll right top;
	font-family: Arial, Verdana; 
	font-size: 14px; 
	font-weight: bold;
	text-align: left;
}

.subheading {font-family: Arial, Verdana; font-size: 16px; font-weight: normal; color: #000000}
.bodyText {font-family: Arial, Verdana; font-size: 12px; color: #000000}
.bodyTextBold {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #000000}
.bodyTextError {font-family: Arial, Verdana; font-size: 12px; color: #FF0000}
.bodyTextSmall {font-family: Arial, Verdana; font-size: 10px}
.bodyTextWhite {font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}

/* ------- Left Nav --------------  */

#navleft {
	width:194px;
}

#navleft .leftbtn {
	width:194px;
}

#navleft .leftbtn a {
	display:block;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#EC008C;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:5px 0px 5px 15px;
	background: #FFFFFF url(../img/nav_underline.gif) no-repeat scroll right bottom;
}

#navleft .leftbtn a:hover,
#navleft .leftbtn a.selected:hover  {
	color:#7B7A7B;
	background-color:#EEEEEE;
}

#navleft .leftbtn a.selected  {
	color:#EC008C;
	background-color:#EEEEEE;
}

#navleft .leftbtnsub {
	width:194px;
}

#navleft .leftbtnsub a {
	display:block;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#EC008C;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 5px 15px;
	background: #FFFFFF url(../img/nav_underline_sub.gif) no-repeat scroll right bottom;
}

#navleft .leftbtnsub a:hover,
#navleft .leftbtnsub a.selected:hover {
	text-decoration:none;
	color:#7B7A7B;
	background-color:#F2F2F2;
}

#navleft .leftbtnsub a.selected {
	text-decoration:none;
	color:#EC008C;
	background-color:#F2F2F2;
}

#navleft .leftbtnsubsub {
	width:194px;
}

#navleft .leftbtnsubsub a {
	display:block;
	font-family:Arial, Verdana;
	font-size:11px;
	color:#0B87BD;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 5px 20px;
	background: #FFFFFF url(../img/nav_underline_sub_sub.gif) no-repeat scroll right bottom;
}

#navleft .leftbtnsubsub a:hover,
#navleft .leftbtnsubsub a.selected:hover {
	text-decoration:none;
	color:#EC008C;
	background-color:#F8F8F8;
}

#navleft .leftbtnsubsub a.selected {
	text-decoration:none;
	color:#EC008C;
	background-color:#F8F8F8;
}


/* End Left Nav */

/* ------- CATEGORY LIST (Category page body area) --------------  */
#categoryHeader {font-family: Arial, Verdana ; font-size: 14px; font-weight: bold; color: #666666}

#categoryHeader a:link, #categoryHeader a:visited  { 
	color: #0B87BD;
	text-decoration: none;
} 

#categoryHeader a:hover {
	color: #E0398A;
	text-decoration: none;
}

div#categoryDescription {padding-top:7px; padding-bottom:15px;font-family: Arial, Verdana; font-size: 12px; color: #000000;} /*border-bottom: 1px solid #999999;*/

div#categoryDescription2 {padding-top:15px; font-family: Arial, Verdana; font-size: 12px; color: #000000;}
/*border-top: 1px solid #999999;*/

div#categoryDescription3 {padding-top:15px; padding-bottom:15px; font-family: Arial, Verdana; font-size: 12px; color: #000000;}
/*border-bottom: 1px solid #999999;*/

.textGrey {
	color: #666666;	
}

/* ------- PRODUCT LIST (Category & Search result pages) --------------  */
.productListHeader {font-weight: bold; color: #000000;}
.productListDescription {color: #000000;}
.productListPrice {font-weight: bold; color: #EB008D;}
a.productListMoreInfo:link, a.productListMoreInfo:visited {text-decoration: none;color: #0A85BE;}
a.productListMoreInfo:hover {font-family: Arial, Verdana; font-size: 12px; text-decoration: none; color: #FF0099;}

/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Arial, Verdana; font-size: 16px;  color: #000000; font-weight: bold}
.productText {font-family: Arial, Verdana; font-size: 12px; color: #000000; text-decoration: none;}
.productTextBold {font-family: Arial, Verdana; font-size: 12px; color: #000000; font-weight: bold}
.productDescriptionHeading {font-family: Arial, Verdana; font-size: 11px; font-weight: bold; color: #000000}
.productDescription {font-size: 10px; color: #000000}
.productPriceBlack {font-size: 16px; font-weight: normal; color: #000000}
.productPrice {font-size: 16px; font-weight: bold; color: #EB008D}
.productRRP {font-weight: normal; color: #000000}
.productOutOfStock {font-family: Arial, Verdana; font-size: 14px;  font-weight: normal; color: #000000}
.productDateAvailable {color: #FF0099}
.productQuantityDiscounts {color: #000000}
.productPreOrder {font-weight: bold; color: #000000}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #FFE9E9}
.productInfoTableRow2 {background-color: #FFFFFF}
.productRow1 {background-color: #eeeeee}
.productRow2 {background-color: #FFFFFF}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {font-size: 9pt}
.checkoutBodyTextBold {font-size: 9pt; font-weight: bold}
.checkoutBodyTextError {font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-size: 8pt}
.checkoutTable {background-color: #CCCCCC; width: 450px}
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {background: #EEEEEE url(../img/bg-table-grey.gif) top left repeat-x;}
.checkoutRow1 {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 9pt}
.checkoutRow2 {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 9pt}
.checkoutSuccess {font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail {font-size: 12pt; font-weight: bold; color: #FF0000}


/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #CCCCCC; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName {font-size: 16pt; font-weight: bold}
.receiptHeading {font-size: 12pt; font-weight: bold}


/* --------- Miscellaneous and CMS ----------------*/

.textLargeBold {
	font-size: 14px; 
	font-weight: bold;	
}

a.Reverse:link, a.Reverse:visited {
	text-decoration: none;
}
a.Reverse:hover {
	text-decoration: underline;
}

.Orange, a.Orange:link, a.Orange:visited {
	text-decoration: none;
	color: #EFA72F;
}
a.Orange:hover {
	text-decoration: underline;
	color: #EFA72F; 
}

.Green { 
	color: #838D20;
}
	
.Blue, a.Blue:link, a.Blue:visited {
	text-decoration: none;
	color: #0B87BD;
}
a.Blue:hover {
	text-decoration: underline;
	color: #0B87BD; 
}

.Red { 
	color: #990033;
}

.White { 
	color: #FFFFFF;
}

.Small, a.Small:link, a.Small:visited {
	text-decoration: none;
	font-size: 10px; 
}
a.Small:hover {
	text-decoration: underline;
	font-size: 10px; 
}

.SmallRed {
	color: #FF0000; 
	font-size: 10px;
}

.Pink, a.Pink:link, a.Pink:visited {
	text-decoration: none; 
	color: #EB008D;
}
a.Pink:hover {
	text-decoration: underline; 
	color: #EB008D;
}

.smallPink, a.smallPink:link, a.smallPink:visited {
	text-decoration: none;
	font-size: 10px; 
	color: #EB008D;
}
a.smallPink:hover {
	text-decoration: underline; 
	font-size: 10px; 
	color: #EB008D;
}

.textXLPink {
	font-size: 18px;
	font-weight: bold;
	color: #EB008D;
}

.textLPink {
	font-size: 16px;
	color: #EB008D;
}


a.pixellounge:link, a.pixellounge:visited {
	text-decoration: none; 
	color: #666666;
}
a.pixellounge:hover {
	text-decoration: underline; 
	color: #666666;
}

/*Form Tags */
.selectMaxProducts { width:115px; font-size: 10px; color: #333333; font-weight: normal; background-color: #FFFFFF; border: 1 solid #000066;} 
.textbox200 { width:200px; color: #000000; background-color: #F5F5F5; border: 1px #646464 solid;} 
.textbox50 { width:50px; color: #000000; background-color: #F5F5F5; border: 1px #646464 solid;} 
.textbox100 { width:100px; color: #000000; background-color: #F5F5F5; border: 1px #646464 solid;}
.textbox {color: #000000; background-color: #FFFFFF; border: 1px #646464 solid;}

* -------     Suckerfish top nav classes -----------   */
/* ---- fix IE7 sticky issue --- */
#nav li:hover, #nav li.hover {
    position: static;
}
/* ---- fix IE7 sticky issue end --- */

#nav, #nav ul {
	height:50px;
	padding: 0; 
	margin: 0; 
	list-style: none; 
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	z-index: 100;
}
#nav a { 
	display: block; 
}  
 
#nav li { 
	float: left; 
	z-index: 100;
}

#nav li a { 
	color: #ffffff;
	text-decoration: none;
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	margin:0;
} 

#nav li a:hover{ 
	color: #000000;
	text-decoration: none;
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	margin:0;
} 

#navSpacer {
	padding-top: 15px;
}

#navSpacerEdge {
	padding-left: 5px;
}


/*UTILS*/
.saleBadgeContainer{
	position:relative;	
}
.saleBadgeContainer .saleBadge { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 4; 
	display: block; 
	width: 70px; 
	height: 53px; 
	text-indent: -9999px; 
	background: url('/img/batch-special.png') 0 0 no-repeat; 
	display:block;
}

.saleBadgeContainer .newBadge { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 4; 
	display: block; 
	width: 70px; 
	height: 53px; 
	text-indent: -9999px; 
	background: url('/img/batch-new.png') 0 0 no-repeat; 
	display:block;
}

.saleBadgeContainer .saleBadge2 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 4; 
	display: block; 
	width: 50px; 
	height: 44px; 
	text-indent: -9999px; 
	background: url('/img/batch-special2.png') 0 0 no-repeat; 
	display:block;
}

.saleBadgeContainer .newBadge2 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 4; 
	display: block; 
	width: 50px; 
	height: 44px; 
	text-indent: -9999px; 
	background: url('/img/batch-new2.png') 0 0 no-repeat; 
	display:block;
}