#phone-icon {
	background-image: url(../images/red/phone_icon_new.gif);
	width: 20px;
	height: 18px;
	float: left;
}

#header-left {
	background-image: url('../images/red/cheap_skin_care_logo.jpg') no-repeat;
	float:left;
	width: 257px;
	height: 58px;
	margin-top: 15px;
}

.checkoutTable 
{
	border: 1px solid #cc0001;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CART STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#cart-header {
	height: 20px;
	width: 97px;
	padding-bottom: 5px;
	background: transparent url('../images/red/skin_care_products_cart_header.gif') no-repeat;
}

.promo-image 
{
	width: 158px;
	height: 30px;
	background: transparent url('../images/red/but_promotion.gif') no-repeat;
}

.arrow 
{
	width: 25px;
	height: 19px;
	margin-left: 15px;
	background: transparent url('../images/red/skin_care_shopping_products.gif') no-repeat;
}

.add-to-cart {
	background: transparent url('../images/red/skin_care_shopping_add_cart.gif') no-repeat;
	width: 24px;
	height: 24px;
	border: none;
	cursor: pointer;
}

.add-to-cart-nobg {
	background: transparent url('../images/red/add_cart_nobg.gif') no-repeat;
	width: 24px;
	height: 24px;
	border: none;
	cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTROL STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#product-selector-header {
	background-image: url('../images/red/skin_care_product_selector_header.gif');
	width: 141px;
	height: 22px;
	margin-bottom: 10px;
}

#product-search-header {
	background-image: url('../images/red/skin_care_product_search_header.gif');
	width: 130px;
	margin-bottom: 10px;
	height: 22px;
}

#current-promotions-header {
	background-image: url('../images/red/current_skin_care_promotions_header.gif');
	width:169px;
	height:22px;
	margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#breadcrumb-top {
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 5px;
	width: 930px;
	height: 20px;
	position: relative;
	padding-left: 20px;
	background-color: #cc0001;
	font-family: Arial;
	color: White;
	font-weight: bold;
	font-size: 8pt;
	margin-top: -1px;
}

#breadcrumb-top #phone_icon	
{
	background: url(../images/red/phone_icon_red.gif) top left no-repeat;
	width: 17px;
	height: 13px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HYPERLINK STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	color: #cc0001;
	text-decoration: none;
}
a:link {
	color: #cc0001;
	text-decoration: underline;
}

a:active {
	color: #cc0001;
	text-decoration: underline;
}

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

a:visited {
	color: #cc0001;
	text-decoration: underline;
}

a:visited:hover {
	color: #f0b2b2;
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	OTHER STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#skin-advisor-button {
	background-image: url('../images/red/skin_advisor.gif');
	background-repeat: no-repeat;
	width: 168px;
	height: 61px;
	margin-bottom: 7px;
}


.continue-shopping-button {
	background: transparent url(../images/red/but_continueshopping.gif) no-repeat;
	width: 90px;
	height: 30px;
	cursor: pointer;
}

.checkout-button {
	background: transparent url(../images/red/but_checkout.gif) no-repeat;
	width: 103px;
	height: 30px;
	cursor: pointer;
}

#online-consult-button {
	background-image: url('../images/red/online_skin_care_consult.gif');
	background-repeat: no-repeat;
	width: 168px;
	height: 61px;
	margin-bottom: 7px;
}

#discount-coupon-header {
	background-image: url('../images/red/discount_skin_care_products_code.gif');
	width: 155px;
	height: 21px;
}

#voucher-header {
	background-image: url('../images/red/skin_care_voucher-header.jpg');
	height: 18px;
	width: 141px;
	background-repeat: no-repeat;
}

UL LI:Hover {
	color: #f0b2b2;
	cursor: pointer;
}

UL LI {
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	list-style-position: outside;

	margin-top: 10px;
	margin-left: -25px;
	text-decoration: none;
	list-style-image: url(../images/red/list-arrow.gif);
}

UL UL LI {
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-image: none;

}

UL UL UL LI {
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-image: none;
	
}

UL UL UL UL LI {
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}

UL UL LI UL LI
{	
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-type:disc;
}

UL UL LI UL LI UL LI
{	
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-type:circle;
}

UL UL LI UL LI UL LI UL LI
{	
	color: #cc0001;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-type: square;
}


.spinner {
	background-image: url(../images/red/spinner.gif);
	width: 130px;
	height: 50px;
	vertical-align: middle;
	text-align:center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contentHdr {
	color: #CC0001;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}

.contentHdr2 {
	color: #CC0001;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
}

.contentHdr3 {
	color: #CC0001;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
}

.contentHdr4 {
	color: #CC0001;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

.contentTitle {
	color: #CC0001;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
}

.contentTxtColour {
	font-family: Arial;
	font-size: 12px;
	color: #CC0001;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTON STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.button-add-cart {
	background-image: url('../images/red/add_cart.gif');
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
}

.view-all-button {
		width: 130px;
		margin-top: 10px;
		height: 15px;
		background-color: #CC0001;
		color: White;
		font-family: Arial;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 2px;
		text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ERROR STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tbError{
	border: solid 1px #c02038;
	
	
}

.error {
	font-family:Arial;
	font-size:12px;
	color: Black;
	
	
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;

}

.error UL LI {
	font-family:Verdana;
	list-style-type:disc;
	color:#c02038;
	margin-top: 0px;
	margin-left: 25px;		
 }
 
  .info-icon {
	width: 75px;
	height: 75px;
	background-image: url('../images/red/info.gif');
}

  .error-icon {
	width: 75px;
	height: 75px;
	background-image: url('../images/red/error.gif');
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLE STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.table-style {
	border: solid 2px #CC0001;
}

.table-header {
	font-family: Arial;
	font-size: 13px;
	color: #CC0002;
	font-weight: bold;
}

.tr-style-norm {
	background-color: #fbeff1;
	font-family: Arial;
	font-size: 12px;
}

.tr-style-header {	
	background-color: #CC0001;
	font-size: 13px;
	font-family: Arial;
	color: White;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GRID STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.grid-header {
	font-size:9pt;
	text-align: center;
	height: 15px !important;
	background-color: #CC0002;
	float: left;
	color: White;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.product-list {
	border: solid 1px #CC0001;
	margin-bottom: 10px;
	float: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Bonus Point Page STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.bluepoints, .orangepoints, .greenpoints
{
	display: none;	
}