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

/*	TEMPLATE SPECIFIC	*/
/*	---address */
ul.address 
	{ float: left; clear: both; width: 644px; margin: 0 0 50px 0; list-style-type: none }
#my_profile ul.address 
	{ margin-bottom: 0 } 
ul.address li 
	{ float: left; width: 192px; margin-right: 20px }
ul.address li button
	{ height: 18px; margin-top: 5px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }
ul.address li h3
	{ margin-bottom: 15px; width: 192px!important }
ul.address li address
	{ margin-bottom: 2px }
/*	--panes */
#content .pane
	{ float: left; clear: both; width: 644px; background: url(../images/bg_checkout_panes.jpg) no-repeat 0 0 }
#content .pane h2
	{ width: 614px; height: 19px; margin: 10px 0 0 0; padding-left: 30px; cursor: pointer; background: url(../images/icon_arrow_down.gif) no-repeat 10px 2px  }
#content .pane h2.off
	{ background: url(../images/icon_arrow_right.gif) no-repeat 10px 2px }
	#content .pane h2.static
	{ background: none; cursor: default; }
#content .pane ul,
#content .pane dl,
#content .pane div#voucher_wrap
	{ float: left; clear: both; width: 574px; margin-top: 0px; padding: 35px }
#content .pane dd
	{ float: left; width: 320px } 
#content .pane dt
	{ float: left; width: 230px }
#content .pane dl dt label,
#content .pane dl dt span
	{ float: left; clear: both; width: 210px }
#content .pane dl dt span
	{ width: 175px; margin-left: 35px; display: inline }
#content .pane dl input
	{ float: left; margin-right: 18px }
#content .pane dl dd label
	{ float: left; clear: both; margin-bottom: 10px }
#content .pane dl textarea	
	{ float: left; clear: both; display: block; width: 314px; height: 90px; vertical-align: middle; padding: 5px 3px 0 3px }
#content .pane div#voucher_wrap label
	{ float: left; clear: both; width: 574px; margin-bottom: 20px }
#content .pane ul.address li
	{ float: left; width: 187px; margin-right: 0px; margin-bottom: 20px }

/*	---basket table */
#content #basket_table
	{ float: left; clear: both; width: 644px; margin-top: 50px; border-bottom: 1px solid #c1c1c1 }
#bag #content #basket_table
	{ border-bottom: none }
#content #basket_table tr.odd_row td
	{ background-color: #f8fafa }
#content #basket_table th
	{ float: none }
#content #basket_table th.detail
	{ text-align: left }
#content #basket_table th.quantity
	{ text-align: left; padding-left: 1px }
#content #basket_table td
	{ height: 60px; padding-top: 30px; text-align: center; vertical-align: top }
	
	
	

/*	---basket */
ul#basket,
ul#basket li,
ul#basket ul.product_in_basket
	{ float: left; clear: both; width: 644px }
ul#basket
	{ margin-top: 50px; list-style-type: none; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1  }
ul.noborder
	{ margin-top: 25px!important; border: 0!important }
ul#basket li.odd_row
	{ background-color: #f8fafa }
ul#basket ul.product_in_basket li
	{ float: left; clear: none; padding-top: 15px; text-align: center; padding-bottom:15px; }
#content #basket_table td.image,
ul#basket ul.product_in_basket li.image
	{ width: 90px; height: 90px; padding-top: 0px }
#content #basket_table td.detail,
ul#basket ul.product_in_basket li.detail
	{ width: 300px;  text-align: left }
#content #basket_table td.detail span,
ul#basket ul.product_in_basket li.detail span
	{ color: #525254 }
#content #basket_table td.quantity,
ul#basket ul.product_in_basket li.quantity
	{ width: 75px; height: 55px; padding-top: 35px; text-align: center }
#content #basket_table td.quantity input,
ul#basket ul.product_in_basket li.quantity input
	{ float:left; width: 20px; margin-top: -2px; border: 0; background-color: transparent; text-align: center }
#content #basket_table td.quantity a,
ul#basket ul.product_in_basket li.quantity a
	{ float:left; width: 15px; height: 15px }
#content #basket_table td.quantity a.qtyadd,
ul#basket ul.product_in_basket li.quantity a.qtyadd
	{ background: url(../images/icon_play.png) no-repeat 0 0; display: none }
#content #basket_table td.quantity a.qtysub,
ul#basket ul.product_in_basket li.quantity a.qtysub
	{ background: url(../images/icon_play_back.png) no-repeat 0 0; display: none  }	
#content #basket_table td.price,
ul#basket ul.product_in_basket li.price
	{ width: 179px; height: 55px; padding-top: 35px  }	
.delivery .form_wrap
	{ padding: 20px 15px; width: 614px }
.delivery .form_wrap label input
	{ float: left; margin: 0 17px 0 0; }
.delivery .form_wrap label span
	{ float: left; clear: both; display: inline; margin: 2px 0 0 30px; }
#content .summary 
	{ width: 574px; padding: 20px 35px 20px 35px }
#content div#summary_wrap
	{ float: left; clear: both; border-bottom: 1px solid #c1c1c1 }
#content li.summary p.top
	{ margin-bottom: 15px }
#content #bag_summary_wrap
	{ float: left; clear: both; border: none; }
#content .summary p,
#content #bag_summary_wrap p	
	{ float: right; clear: both; text-align: right; width: 574px; margin-bottom: 0; color: #464444 }
#content #bag_summary_wrap p
	{ width: 644px }
	
	
	
	/*	---basket table new */
#content #basket_table_new
	{ clear: both; float: left; width: 644px; margin-top: 50px; border-bottom: 1px solid #c1c1c1 }
#bag #content #basket_table_new
	{ border-bottom: none }
#content #basket_table_new tr.odd_row 
	{ background-color: #f8fafa }
*+html 	#content #basket_table_new tr.odd_row td
	{ background-color: #f8fafa }
#content #basket_table_new th
	{ padding-bottom:10px; }
#content #basket_table_new th.product 
	{ float:none; width:120px;}	
#content #basket_table_new th.detail
	{ text-align: left; width:290px; }
#content #basket_table_new th.quantity
	{ text-align: left; padding-left: 1px; width:150px; }
#content #basket_table_new th.price
	{   width:80px; }	
#content #basket_table_new td
	{ height: 60px; padding-top: 20px; text-align: center; vertical-align: top;  }
#content #basket_table_new td.image
	{ width: 100px; height: 90px; padding: 0px 0 0 20px; }
#content #basket_table_new td.detail
	{ width: 290px;  text-align: left }
#content #basket_table_new td.detail span
	{ color: #525254 }
#content #basket_table_new td.quantity
	{ width: 150px; height: 55px; padding-top: 35px; text-align: center }
#content #basket_table_new td.quantity input
	{ float:left; width: 20px; margin-top: -2px; border: 1px solid; background-color: white; text-align: center }
#content #basket_table_new td.quantity input.scriptable
	{ float:left; width: 20px; margin-top: -2px; border: 0px ; background-color: transparent; text-align: center }	
#content #basket_table_new td.quantity a
	{ float:left; width: 15px; height: 15px }
#content #basket_table_new td.quantity a.qtyadd
	{ background: url(../images/icon_play.png) no-repeat 0 0; display: none  }
#content #basket_table_new td.quantity a.qtysub
	{ background: url(../images/icon_play_back.png) no-repeat 0 0; display: none  }	
#content #basket_table_new td.price
	{ width: 80px; height: 55px; padding-top: 35px; font-weight:bold;  }
#basket_table_new a.update {text-transform:uppercase; margin-left:20px; text-decoration:underline; color:#6f6a68;}	
#basket_table_new button.update {text-transform:uppercase; margin-left:20px; text-decoration:underline; color:#6f6a68;}
#basket_table_new td.detail a { clear:both; display:block; margin:10px 0 0 0; color:#6f6a68; text-transform:uppercase; text-decoration:none; background:url(../images/icon_play.png) no-repeat 0 1px; padding-left:20px;}	
/*#basket_table_new td.image {position:relative; float:left;}*/
#basket_table_new td.image img {z-index:-1;}
#basket_table_new td.image a {position:relative; float:left; top:25%; left:10px; z-index:100;}

#basket_table_new tr#update_btn{ display:none }   

#basket_table_new td.update_box
	{ background-color: #ecf2f0; border-top: 1px solid #d2deda; border-bottom: 1px solid #d2deda; padding-top:10px !important; padding-bottom: 10px }
#basket_table_new td.update_box p
	{ float: left; margin: 5px 0 0 20px; width:500px; display: inline }
#basket_table_new td.update_box a
	{ float: right; margin: 19px 25px 0 0; text-decoration: underline; text-transform: uppercase; font-size: 1.3em; color: #4b494a; font-weight: bold }
#basket_table_new td.update_box a:hover
	{ text-decoration: none }

#checkout div.update_box
	{ float:left; width:644px; background-color: #ecf2f0; border-top: 1px solid #d2deda; border-bottom: 1px solid #d2deda; padding-top:10px !important; padding-bottom: 10px }
#checkout div.update_box p
	{ float: left; margin: 5px 0 0 20px; width:500px; display: inline }
#checkout div.update_box a
	{ float: right; margin: 19px 25px 0 0; text-decoration: underline; text-transform: uppercase; font-size: 1.3em; color: #4b494a; font-weight: bold }
#checkout div.update_box a:hover
	{ text-decoration: none }

/*	---products */
.product_row						{ float: left; clear: both; width: 644px }	
.product 	 						{ float: left; width: 160px; position: relative }
.last								{ margin-right: 0px }
.product dt, .product dd			{ float: left; clear: both; width: 160px; padding: 10px 0; min-height: 50px }
.product dt strong,.product dt span,
.product dd strong,.product dd a,
.product dd span, .product dd em,	
.product dt span					{ float: left; display: block }
.product dt span					{ clear: both; width: 160px }
.product .border 					{ border-bottom: 1px solid #c1c1c1 }
.product img 						{ float: left; clear: both }
.product dd a						{ clear: both; height: 14px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }
.product dd strong					{ width: 45px }
.product dd span					{ width: 45px }

/*	---free	*/
#free_items_box	
	{ float: left; clear: both; width: 644px; padding: 30px 0; margin-bottom: 30px; border-bottom: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1 }
#free_items_box	p
	{ float: left; clear: none; width: 230px; padding: 0 30px 0 0 }
#free_items_box ul
	{ float: left; clear: none }
#free_items_box li
	{ float: left; width: 90px; position: relative }
#free_items_box li img
	{ float: left; clear: both; margin-top: -10px }
#free_items_box li input
	{ position: absolute; top: 0; left: 0 }
#free_items_box li label
	{ float: left; clear: both; width: 80px; padding: 0 5px; text-align: center }
	
/*	---my clinique	*/
#my_clinique_promos
	{ float: left; clear: both; width: 696px }
#my_clinique_promos li,
#my_clinique_promos li img,
#my_clinique_promos li p	
	{ float: left }
#my_clinique_promos li img
	{ margin-bottom: 20px }
#my_clinique_promos li
	{ float: left; width: 348px }
#my_clinique_promos li p
	{ width: 322px; padding: 0 25px 0 0 }
#my_clinique_promos li a.go
	{ float: left; width: 302px; clear: both; height: 14px; background: url(../images/icon_link_play.jpg) no-repeat 0 0; padding: 0 0 5px 20px }
	
#my_clinique #content h2,
#my_clinique #content h3
	{ margin-bottom: 0 }
#my_clinique #content h2.rss
	{ height: 28px; background: url(../images/icon_rss_large.jpg) no-repeat 0 0; padding: 6px 0 0 33px } 

#my_clinique #content #readers
	{ float: left; clear: both; width: 644px; margin: 25px 0 35px }
#my_clinique #content #readers li 
	{ float: left; height: 35px; width: 150px; padding: 0 0 0 50px }
	#my_clinique #content #readers li.google 
	{ background: url(../images/icon_google.jpg) no-repeat center left }
#my_clinique #content #readers li.win 
	{ background: url(../images/icon_win.jpg) no-repeat 0 0 }
#my_clinique #content #readers li.mac 
	{ background: url(../images/icon_mac.jpg) no-repeat 0 0 }
#my_clinique #content #readers li.noendorsement 
	{ width: 450px; padding:0px; }
#my_clinique #content #readers li a
	{ float: left; width: 150px }
#my_clinique #content #feeds
	{ float: left; clear: both; width: 644px; margin: 25px 0 35px }
#my_clinique #content #feeds li 
	{ float: left; height: 60px; width: 180px; padding: 0 30px 0 30px; background-color: #f8fafa; margin-right: 13px }
#my_clinique #content #feeds li.last
	{ margin-right: 0 }
#my_clinique #content #feeds li a
	{ float: left; height: 16px; padding: 2px 0 0 26px; background: url(../images/icon_rss.jpg) no-repeat 0 0; margin-top: 23px }

/*	---my profile	*/
#my_profile #content fieldset
	{ margin: 0 }
#my_profile #content .pane
	{ background: url(../images/bg_profile_panes.jpg) no-repeat 0 0; margin-bottom: 50px }
#my_profile #msg_box
	{ float: left; clear: both; width: 644px; height: 53px; background-color: #fef3e4; border-top: 1px solid #fdd398; border-bottom: 1px solid #fdd398; margin-bottom: 25px; text-align: center }
#my_profile #msg_box p
	{ float: left; margin: 18px 20px 0 20px; display: inline }
	
/*	---forms */
fieldset						
	{ clear: both; float: left; width: 644px; margin-top: 50px }
fieldset.first
	{ margin-top: 0px }
fieldset legend
	{ float: left; clear: both; margin-bottom: 20px }
fieldset p
	{ clear: both }
fieldset div.form_wrap
	{ float: left; clear: both; width: 644px; background: #f8fafa; border-bottom: 1px solid #c1c1c1 } 
fieldset div.form_text,
fieldset div.form_inputs
	{ float: left; padding: 20px 5px 20px 5px }
fieldset div.form_text
	{ width: 200px; clear: left; text-align: right }
fieldset div.form_inputs
	{ width: 424px }
fieldset div.form_text span, 
fieldset div.form_text label
	{ float: right; clear: both; width: 150px; display: block; margin: 0 25px 5px 0 }
input.text,
input.short_text,
fieldset div.form_inputs textarea			
	{ float: left; clear: both; display: block; width: 305px; height: 17px; vertical-align: middle; padding: 5px 3px 0 3px }
select.long_select
	{ width: 312px }
fieldset div.form_inputs input.short_text
	{ width: 110px }
fieldset div.form_inputs textarea
	{ height: 90px }
fieldset div.form_inputs label.long_label
	{ float: left; clear: both; width: 404px; display: block; margin-bottom: 14px }
fieldset div.form_inputs label.long_label input
	{ float: left; margin: 0 17px 0 0;  }
p.msg
	{ clear: none; padding-left: 32px; height: 18px; width: 68px!important; margin-bottom: 0!important }
p.error
	{ min-width: 28px; min-height: 28px; background: url(../images/icon_form_error.jpg) no-repeat 7px 3px }
p.ok
	{ min-width: 28px; min-height: 28px; background: url(../images/icon_form_ticked.jpg) no-repeat 7px 3px }
#content p.information
	{ min-width: 28px; min-height: 28px; background: url(../images/common/error_sign.gif) no-repeat 7px 3px; padding-left: 32px; margin-bottom:0px; font-weight:bold; }
fieldset div.form_inputs span
	{ float: left; clear: both; display: inline; margin: 2px 0 0 30px }
fieldset div.form_inputs span.subtext
	{ margin: 5px 0 0 0; width: 320px }
fieldset button
	{ margin-top: -20px }
fieldset a.find
	{ float: left; display: inline; height: 14px; width: 200px; margin: 5px 0 0 20px; padding: 2px 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }
fieldset a.clear
	{ margin-top: 20px }
fieldset button.btn_return 
	{ float: left; height: 18px; padding: 1px 0 5px 20px; background: url(../images/icon_link_play_back.jpg) no-repeat 0 0 }
fieldset button.btn_continue
	{ float: right; height: 18px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }
fieldset button.btn_print 
	{ float: right; height: 18px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }
	fieldset button.btn_submit 
	{ float: right; height: 18px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0; color: #FC9400 }
fieldset button.two_btn
	{ clear: both!important; margin-top: 2px!important }
* html fieldset legend 
	{ margin-left: -8px }
#content div.hr			
	{ width: 644px }
#voucher_wrap p.msg
	{ margin-left: 10px; display: inline; width: 200px!important; padding-top: 3px }
.btm_margin
	{ margin-bottom: 30px }
fieldset div.form_inputs #ipt_fav_store
	{ width: 320px }
#checkout .delivery #msg_box
	{ float: left; clear: both; width: 644px; height: 53px; background-color: #ecf2f0; border-top: 1px solid #d2deda; border-bottom: 1px solid #d2deda; margin-bottom: 25px; text-align: center }
#checkout .delivery #msg_box p
	{ float: left; margin: 18px 20px 0 20px; display: inline }
#checkout #msg_box_qualify
	{ float: left; clear: both; width: 644px; height: 53px; background-color: #fef3e4; border-top: 1px solid #fdd398; border-bottom: 1px solid #fdd398; margin-bottom: 25px; text-align: center }
#checkout #msg_box_qualify p
	{ float: left; margin: 18px 20px 0 20px; display: inline }
#div_no_postcode_wrap
	{ display: none }

/*	---order history table */
#order_history table
	{ float: left; clear: both; width: 693px }
#order_history table th 
	{ width: 130px; padding-bottom: 10px }
#order_history table td 
	{ height: 75px; vertical-align: middle; text-align: center }
#order_history table .description_cell 
	{ width: 303px; text-align: left }
#order_history table th.description_cell 
	{ text-align: left }
#order_history table tr.greyrow td
	{ background-color: #f8fafa; height: 75px }
#order_history table tr.whiterow td
	{ text-align: right; border-bottom: 1px solid #dadfe0  }
#order_history table tr.whiterow td a
	{ height: 14px; width: 200px; margin: 5px 0 0 20px; padding: 0 0 5px 20px; background: url(../images/icon_link_play.jpg) no-repeat 0 0 }

/*	---order history detail */
#order_history fieldset button.btn_return 
	{ float: right; }
#order_history p.order_details_p
	{ width: 511px; clear: none; margin-bottom: 20px }
#order_history .order_options
	{ float: right; width: 185px }
#order_history .order_options li
	{ float: left; clear: both; margin-bottom: 5px }
#order_history .order_options li a
	{ float: left; width: 165px; clear: both; height: 14px; background: url(../images/icon_link_play.jpg) no-repeat 0 0; padding: 0 0 5px 20px }
#order_history .order_options li a.back
	{ background: url(../images/icon_link_play_back.jpg) no-repeat 0 0 }
#order_history #content div#summary_wrap
	{ border-bottom: none }
#order_history .received
	{ margin-top: -20px  }
	
/*	---search results */
#search #content .bob h2
	{ clear: both; width: auto!important; margin-right: 20px }
#search #content a.view_detail,
#search ul#basket .link a
	{ float: left; height: 14px; background: url(../images/icon_link_play.jpg) no-repeat 0 0; padding: 1px 0 5px 20px; margin-top: 19px }
#search #content dl
	{ float: left; clear: both; width: 644px; }
#search #content dl dt
	{ float: left; clear: both; width: 644px }
#search #content dl dd
	{ float: left; clear: both; width: 644px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c1c1c1 }
#search ul#basket
	{ border: 0; margin-top: 0; margin-bottom: 35px }
#search ul#basket .link
	{ width: 129px; padding-left: 10px }
#search ul#basket .detail
	{ width: 400px }
#search ul#basket ul.product_in_basket li.detail span.price
	{ clear: both; float: left }
#search .bob
	{ clear: both; float: left; width: 644px }
	
/*	HEADERS	*/
h1#signup span					
	{ background: url(../images/h1_forms_signup.gif) no-repeat 0 0 }
h1#signinup span					
	{ background: url(../images/h1_forms_signinup.gif) no-repeat 0 0 }
h1#checkout span					
	{ background: url(../images/h1_checkout.gif) no-repeat 0 0 }
h1#add_delivery span					
	{ background: url(../images/h1_checkout_add_delivery.gif) no-repeat 0 0 }
h1#add_billing span					
	{ background: url(../images/h1_checkout_add_billing.gif) no-repeat 0 0 }
h1#add_address span					
	{ background: url(../images/h1_add_address.gif) no-repeat 0 0 }
h1#reciept span					
	{ background: url(../images/h1_checkout_your_reciept.gif) no-repeat 0 0 }
h1#shopping_bag span					
	{ background: url(../images/h1_basket.gif) no-repeat 0 0 }
h1#myclinique span					
	{ background: url(../images/h1_my_clinique.gif) no-repeat 0 0 }
h1#myprofile span					
	{ background: url(../images/h1_my_profile.gif) no-repeat 0 0 }
h1#orderhistory span					
	{ background: url(../images/h1_order_history.gif) no-repeat 0 0 }
h1#search_results span					
	{ background: url(../images/h1_search_summary.gif) no-repeat 0 0 }
h1#search_detail span					
	{ background: url(../images/h1_search_details.gif) no-repeat 0 0 }
h1#contact_clinique span					
	{ background: url(../images/h1_contact_clinique.gif) no-repeat 0 0 }


	
.form_wrap h3 { margin-top: 3px !important; text-transform: uppercase; font-size: 1.2em; margin-bottom: 0px !important; float: none !important; }
.delivery_select { width: 20px; float: left; }
.delivery_select input { margin: 0 !important }
.delivery_detail { width: 584px; float: right; }
.delivery_detail span { font-weight: bold; margin: 5px 0 0 0 !important;}
.delivery_detail select.long_select { display: block; margin-top: 5px; }
.delivery_detail strong { font-size: 1.1em; font-family:Arial,Helvetica,sans-serif; color: #696163; padding-top: 5px; display: block; }
.delivery_detail_a { width: 584px; float: right; }
.delivery_detail_a strong { font-size: 1.1em; font-family:Arial,Helvetica,sans-serif; color: #696163; padding-top: 0px; display: block; }
.block {display: block; }
label.block {font-weight: bold !important; margin-top: 10px;}

.form_button
	{ background:transparent url(/images/icon_link_play.jpg) no-repeat scroll 0; height:18px; padding: 5px 0 5px 20px; color:#231F20;font-weight:bold;text-align:left;text-decoration:none;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;	font-size:1em;cursor:pointer;}
.div_form_button{
	padding-top:5px;	
}