@charset "utf-8";
/* CSS Document */

/*
bright-pink : #FF64B1;
*/

*
{
	margin:0;
	padding:0;
}

.header
{
	background:#FF0884;
	color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;	
}

.form_error
{
	background:#FFA29F;
}

body 
{ 
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumb
{
	font-size:1em;
	font-weight:bold; 
	color:#6A737B; 
	margin-bottom:10px;
	text-decoration:none;
}

.breadcrumb a
{
	color:#5793D6;
	text-decoration:none;
}

.breadcrumb a:hover
{
	text-decoration:underline;
}

.breadcrumb a:hover
{
	text-decoration:underline;
}

#display_message
{
	font-size:0.8em;
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
}

#container
{
    width: 1000px;
	height:auto;
    background-color:#FFFFFF;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	clear:both;
}

p.line_bottom
{
	background:url(../images/global/blue-line-1.jpg) bottom left repeat-x;
	font-size:0.8em;
	font-weight:bold;
	color:#6A737B;
	padding-bottom:5px;
	margin-bottom:10px;
}

p.line_top
{
	background:url(../images/global/blue-line-1.jpg) top left repeat-x;
	font-size:0.8em;
	font-weight:bold;
	color:#6A737B;
	margin-top:10px;
	padding-top:5px;
}

a.link
{
	background:url(../images/global/action.png) top left no-repeat;
	padding-left:20px;
	text-decoration:none;
	font-size:0.9em;
	color:#979DA3;
	padding-bottom:5px;
}

a.link:hover
{
	background:url(../images/global/action_hover.png) top left no-repeat;
	color:#2A333A;
}

#header
{
	background:url(../images/header/main-banner.jpg) top right no-repeat;
	height:186px;
}

#header h1.headerline
{
	padding-top:50px;
	font-size:1.2em;
	font-weight:normal;

}

#header #adtext h1
{
	font-size:1.2em;
}

#header #adtext h2
{
	font-size:1em;
	margin-top:2px;
}

#header #adtext h2 a
{
	text-decoration:none;
}

#footer
{
	clear:both;
	color:#FFFFFF;
	background:#000000;
	height:35px;
	font-size:0.8em;
	width:100%;
}

#footer p
{
	text-align:center;
}

#search
{
	background:#EBEFF4;
	height:30px;
}

#search p
{
	float:left;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	margin-left:5px;
	margin-top:4px;
}

#search #status
{
	float:right;
}

#search #status p
{
	font-size:0.8em;
	margin-right:10px;
	margin-top:2px;
}

#search #status .header_links
{
	margin-top:4px;
}

#search #status .header_links a
{
	text-decoration:none;
	color:#000000;
}

#search #status .header_links a:hover
{
	text-decoration:underline;
}


#navbar
{
	width:100%;
	height:25px;
	background-color:#FF0884;
}

#navbar ul
{
	list-style:none;
	font-size:0.8em;
	margin-left:5px;
}

#navbar ul li
{
	float:left;
	border-left:#000000 solid thin;
	height:80%;
	padding-left:5px;
	padding-right:5px;
	margin-top:3px;
}

#navbar ul li a
{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;	
}

#navbar ul li a:hover
{
	text-decoration:underline;
}

#navbar ul li a.selected
{
	color:#000000;
}

#left_side
{
	margin-top:15px;
	width:209px;
	float:left;
}

#left_side #mini_basket
{
	margin-bottom:20px;
}

#left_side #mini_basket .header
{
	background:#A2ABBC;	
}

#left_side #mini_basket table
{
	margin-bottom:10px;
	margin-top:10px;
}

#left_side #mini_basket td
{
	font-size:0.6em;
}

#left_side #mini_basket img
{
	border:none;
}

#left_side #dermalogica_clickable a
{
	margin:0;
	padding:0;
	text-decoration:none; 
	color:#000000; 
	width:100%; 
	height:100%; 
	display:block;
}

#left_side #dermalogica_clickable #dermalogica
{
	width:100%;
	height:365px;
	border:#CCCCCC solid thin;
	background:url(../images/leftside/dermalogica-site.jpg) no-repeat;
	cursor:pointer;
}

/* ROUNDED CORNERS FOR MINI BASKET */
#left_side #mini_basket .heading
{
	margin-left:15px;
	margin-top:-9px;
	position:absolute;
}

#left_side #mini_basket .sidebox 
{
	background: url(../images/leftside/basket/sbbody-r.jpg) no-repeat bottom right;
}

#left_side #mini_basket .boxhead
{
	background: url(../images/leftside/basket/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	height:12px;	
}

#left_side #mini_basket .boxhead .right
{
	background:url(../images/leftside/basket/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding:0;
	height:12px;	
}

#left_side #mini_basket .boxbody 
{
	background: url(../images/leftside/basket/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding:5px;
	padding-bottom:12px;
}
/* ROUNDED CORNERS FOR MINI BASKET */

#left_side #pink-corners
{
	margin-bottom:20px;
}

#left_side #pink-corners .top10_heading
{
	margin-left:15px;
	margin-top:-17px;
	position:absolute;
}

#left_side #pink-corners .brands_heading
{
	margin-left:15px;
	margin-top:-20px;
	position:absolute;
}

#left_side #pink-corners .sidebox 
{
	background: url(../images/leftside/pink-rounded-corners/sbbody-r.jpg) no-repeat bottom right;
}

#left_side #pink-corners .boxhead
{
	background: url(../images/leftside/pink-rounded-corners/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	height:12px;	
}

#left_side #pink-corners .boxhead .right
{
	background:url(../images/leftside/pink-rounded-corners/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding:0;
	height:12px;	
}

#left_side #pink-corners .boxbody 
{
	background: url(../images/leftside/pink-rounded-corners/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding:5px;
	padding-bottom:12px;
}

#left_side #top10 p
{
	margin:0;
	padding:0;
	font-size:0.7em;
	color:#2A333A;
	padding:2px;
}

#left_side #top10 p a
{
	text-decoration:none;
	color:#2A333A;	
}

#left_side #top10 p a:hover
{
	text-decoration:underline;
	color:#2A333A;
}

#left_side #brands
{
}

#left_side #brands ul
{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.9em;
	padding-left:5px;
}

#left_side #brands ul li
{
	margin:0;
	padding:0;
	color:#2A333A;
}

#left_side #brands ul li a
{
	text-decoration:none;
	color:#2A333A;		
}

#left_side #brands ul li a:hover
{
	text-decoration:underline;
	color:#2A333A;
}

#left_side #info
{
	margin-top:10px;
	margin-bottom:20px;
}

#left_side #info p
{
	padding:5px;
	background:url(../images/global/blue-line-1.jpg) bottom left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#left_side #info p a
{
	text-decoration:none;
	color:#003366;
	cursor:pointer;
	background:url(../images/global/pinkdot.png) left no-repeat;
	padding-left:25px;
}

#left_side #info p a:hover
{
	color:#6A737B;
}

#page-content
{
	margin-top:10px;
	margin-bottom:10px;
	width:780px;
	float:right;
}

.top_links
{
	font-size:0.8em;
	margin-bottom:20px;
}

.top_links a
{
	color:#5793D6;
}

.action
{
	background:#FF0884;
	border:none;
	padding:3px 7px 3px 7px;
	color:#FFFFFF;
	cursor:pointer;
}

.action_link
{
	background:#FF0884;
	border:none;
	padding:3px 7px 3px 7px;
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

#deals
{
	clear:both;
}

#deals img
{
	border:none;
}

#deals table.display_deals
{
	width:100%;
	border-collapse:collapse;
	border:#E9E9E9 solid 10px;
}

#deals table.display_deals
{
	font-size:0.7em;
}

#deals table.display_deals td
{
	text-align:center;
	padding:5px;
	background:#FFFFFF;
	border:#FFFFFF;
	font-size:0.8em;
}

#deals table.display_deals td.first
{
	background:url(../images/global/products-arrow.png) top left no-repeat;
}

#deals table.display_deals td p
{
	margin-bottom:5px;
}


#errors p
{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
	color:#FF0000;
	font-weight:bold;
	font-size:0.8em;
}

#errors ul
{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px;
	color:#FF0000;
	font-weight:bold;
	font-size:0.8em;
	font-style:italic;
}

#shipper_methods
{
	margin-top:10px;
}

#shipper_methods h2
{
	font-size:0.8em;
	color:#6A737B;
	font-weight:bold;
	padding-bottom:5px;
	background:url(../images/global/blue-line-1.jpg) bottom left repeat-x;
	margin-bottom:10px;
}

#shipper_methods p
{
	color:#6A737B;
}

#shipper_methods table.main
{
	margin-top:10px;
}

#shipper_methods table.main tr td
{
	background:#EBEFF4;
	padding:5px;
	width:275px;
	font-size:1em;
	border:#FFFFFF solid thick;	
}

#shipper_methods table.main tr td table
{
	margin-right:10px;
}

#shipper_methods table.main tr td table tr td
{
	border:none;
}

#tab_products
{
	clear:both;
	margin:0;
	padding:0;
}

#tab_products p a
{
	text-decoration:underline;
	color:#106CD6;
}

#tab_products img
{
	border:none;
}

#tab_products table
{
	margin:0;
	padding:0;
	width:auto;
	border-collapse:collapse;
}

#tab_products table td
{
	margin:0;
	padding:0;
	text-align:center;
	font-size:0.9em;
	border:#E2E4E5 solid 10px;
	background:url(../images/global/products-arrow.png) top left no-repeat;
	width:195px;
	padding-bottom:10px;
}

#tab_products table td p
{
	margin-bottom:5px;
	margin-left:10px;
	text-align:left;
}

p.pagenumbers
{
	font-size:0.8em;
	margin-top:10px;
}

/* root element for tabs  */
#tabs_block ul.tabs 
{ 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
#tabs_block ul.tabs li 
{ 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#tabs_block ul.tabs a 
{ 
	background: url(../javascript/jQueryTools/pink-tabs-big.png) no-repeat -919px 0;
	font-size:0.8em;
	font-weight:bold;
	color:#2A333A;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 81px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

#tabs_block ul.tabs a:active 
{
	outline:none;	
	color:#2A333A;		
}

/* when mouse enters the tab move the background image */
#tabs_block ul.tabs a:hover 
{
	background-position: -919px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#tabs_block ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a 
{
	background-position: -919px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl or xxl */
/* width 1 */
#tabs_block ul.tabs a.s 			{ background-position: -786px 0px; width:134px; }
#tabs_block ul.tabs a.s:hover 		{ background-position: -786px -31px; }
#tabs_block ul.tabs a.s.current	 	{ background-position: -786px -62px; }

/* width 2 */
#tabs_block ul.tabs a.l 			{ background-position: -613px 0px; width:174px; }
#tabs_block ul.tabs a.l:hover 		{ background-position: -613px -31px; }
#tabs_block ul.tabs a.l.current 	{ background-position: -613px -62px; }

/* width 3 */
#tabs_block ul.tabs a.xl 			{ background-position: -366px 0px; width:248px; }
#tabs_block ul.tabs a.xl:hover 		{ background-position: -366px -31px; }
#tabs_block ul.tabs a.xl.current	{ background-position: -366px -62px; }

/* width 4 */
#tabs_block ul.tabs a.xxl 			{ background-position: 0px 0px; width:367px; }
#tabs_block ul.tabs a.xxl:hover 	{ background-position: 0px -31px; }
#tabs_block ul.tabs a.xxl.current	{ background-position: 0px -62px; }


/* initially all panes are hidden */ 
#tabs_block .panes .pane 
{
	display:none;		
}

#tabs_block .panes
{
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	background-color:#fff;
}

#deals_tabs
{
	margin-top:20px;
	clear:left;
}

#deals_tabs #tabs_block .panes
{
	margin:0;
	padding:0;
	border:none;
	border:1px solid #999;
	background-color:#fff;
}

#deals_tabs #tabs_block ul.tabs 
{ 
	border-bottom:none;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion 
{
	width: 800px;
	border:1px solid #333;	
	-background:#666;
	margin-top:20px;
	margin-bottom:20px;
}

/* accordion header */
#accordion h2 
{
	background:#BFC5D1;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current 
{
	cursor:default;
	background-color:#E9E9E9;
}

/* accordion pane */
#accordion .pane 
{
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:220px;
	color:#000000;
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
}

#items_last_viewed
{
	margin-top:50px;
	width:150px;
	float:right;
	border:#B5B9BD solid thin;
}

#items_last_viewed #product
{
	margin:0;
	padding:0;
	padding:8px;
	width:115px;
	background:url(../images/global/products-arrow.png) top left no-repeat;
	border:none;
	height:auto;
}

#previously_purchased
{
	clear:both;
	margin:0;
	padding:0;
}

#previously_purchased img
{
	border:none;	
}

#previously_purchased table
{
	margin:0;
	padding:0;
	width:auto;
	border-collapse:collapse;
}

#previously_purchased table td
{
	margin:0;
	padding:0;
	text-align:center;
	font-size:0.7em;
	width:195px;
	border:#E2E4E5 solid 10px;
	background:url(../images/global/products-arrow.png) top left no-repeat;
}

#previously_purchased table td p
{
	margin-bottom:5px;
	margin-left:10px;
	text-align:left;
}

#christmas_delivery
{
	margin-bottom:10px;
}