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

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


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

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

	CART STYLES

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

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

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

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

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

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

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

	CONTROL STYLES

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

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

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

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

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

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

	BREADCRUMB STYLES

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

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


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

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

	HYPERLINK STYLES

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

a {
	color: #E94D00;
	text-decoration: none;
}

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

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

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

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

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

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

	OTHER STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#skin-advisor-button {
	background-repeat: no-repeat;
	width: 168px;
	height: 61px;
	margin-bottom: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

UL UL LI UL LI UL LI UL LI
{	
	color: #e94d00;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	list-style-type: square;
}
.spinner {
	background-image: url(../images/orange/spinner.gif);
	width: 130px;
	height: 50px;
	vertical-align: middle;
}

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

	CONTENT STYLE

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

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

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

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

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

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

	BUTTON STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.button-add-cart {
	background-image: url('../images/orange/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: #E94D00;
		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:Arial;
	list-style-type:disc;
	color:#c02038;
	margin-top: 0px;
	margin-left: 25px;
 }
 
  .info-icon {
	width: 75px;
	height: 75px;
	background-image: url('../images/orange/discount_skin_care_info.gif');
}

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

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

	TABLE STYLE

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

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

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

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

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

	GRID STYLE

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

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



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

	Bonus Point Page STYLE

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