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

body
{
	padding:0;
	margin:0;
}



#pageInstore
{
	width: 694px;
	margin-left: 0px !important;
	font-family:Arial;
	color:#373737;
}

#osc_header
{
	padding-left: 33px;
	background: url(../images/osc_consultation_background.png) no-repeat;
	width: 694px;
	height: 439px;
}

.col1 {
	float: left;
	width: 100px;
	height: 25px;
}

.col1 label {
	width: 100px;
}

.col2 {
	height: 25px;
	float: left;
	width: 300px;
}

.ocs_content
{
	width: 313px;
}

.osc_title
{
	
	/*background:url(../images/online_skin_logo.png) no-repeat;*/
	width: 251px;
	height:60px;
}

h2.osc
{
	margin:0;
	display:none;
}

#osc_subtitle
{
	color:#373737;
	padding: 0 0 5px 0;
}

.osc_list
{
	padding: 0;
	margin:0 0 0 10px;
}

.osc_list .osc_list_item
{
	color: #4da9ac;
	padding:0 0 0 15px;
	margin:0;
	background-image: url(../images/list_dot.gif);
	background-repeat: no-repeat;
	background-position: left 6px;	
}

.osc_login_form {
	width: 400px;
}

#osc_left_form_column input , #osc_right_form_column input {
	font-size: 12px;	
}

/*
.osc_login_form label
{
	margin:0;
	float:left;
	width: 100px;
	clear: none;
	

}
*/

#CONTENT {
height: 780px;
}

#pageInstore label {
margin-top:0;

}

#loginSection {

}

#loginSection .col1 {
	width: 230px;
	float: left;
}

#loginSection .col2 {
	width: 90px;
	float: left;
}

.osc_login_form input
{
	background:url("../../sections/instoreAssets/form-field-address.jpg") no-repeat scroll left top transparent;
	border: none;
	height:19px;
	width: 210px;
	/*padding-left:4px;
	padding-top:1px;
	padding-bottom:4px;
	width:210px;
	float: left;*/
}

#vcLogin_LoginPassword
{
	padding-bottom:12px;
}

#osc_submit
{
	background:url(../images/login_button.gif) no-repeat;
	height:19px;
	width:89px;
	border:none;
	padding:7px 0 7px 0;
	cursor: pointer;
}

#osc_vip_member
{
	width:200px;
}

.osc_forgot_link
{
	float:left;
	padding:5px 0 0 0;
}


.osc_begin_consultation {
	width: 183px;
	height: 23px;
}

.osc_begin_consultation a {
	width: 183px;
	height: 23px;
	text-indent: -9999px;
	display: block;
	background: url(../images/begin_consultation_sprite.png) no-repeat;
}

.osc_begin_consultation a:hover {
	background-position: 0 -23px;
	text-decoration: none;
}


.osc_register_button a
{
	width: 83px;
	height: 21px;
	display: block;
	background: url(../prescription/images/buttons_sprite.png) -667px -138px no-repeat;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
}

.osc_register_button a:hover {
	background-position: -667px -310px;
	text-decoration: none;
}

.osc_login_button
{
	background: url(../prescription/images/buttons_sprite.png) -666px -183px no-repeat;
	height: 21px;
	width: 71px;
	border:none;
	float: right;
	padding:7px 0 7px 0;
	cursor: pointer;
	text-decoration: none;
}

/*.osc_login_button a
{
	clear: both;
	width: 71px;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 21px;
	float: right;
	display: block;
	background: url(../prescription/images/buttons_sprite.png) -666px -183px no-repeat;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
}

.osc_login_button a:hover {
	background-position: -666px -355px;
	text-decoration: none;
}
*/

#osc_form_buttons_container .osc_next_button {
	width: 66px;
	height: 21px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
}

#osc_form_buttons_container .osc_next_button a
{
	width: 66px;
	height: 21px;
	display: block;
	background: url(../images/next_sprite.png) no-repeat;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
	cursor: pointer;
}

#osc_form_buttons_container .osc_next_button a:hover {
	background-position: 0 -21px;
	text-decoration: none;
	cursor: pointer;
}


#osc_form_buttons_container .osc_back_button {
	width: 68px;
	height: 21px;
	float: left;
	cursor: default;
}

#osc_form_buttons_container .osc_back_button a
{
	width: 68px;
	height: 21px;
	display: block;
	background: url(../images/back_sprite.png) no-repeat;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
	cursor: default;
}

#osc_form_buttons_container .osc_back_button a:hover {
	background-position: 0 -21px;
	text-decoration: none;
	cursor: default;
}



.osc_hilight
{
	color:#003399;
	font-weight:bold;
}

#pageInstore h2, #pageInstore h3, #pageInstore imagedriver strong, #pageInstore a
{
	font-weight:normal;
}

#osc_subtitle2
{
	padding:10px 0 5px 0;
}

#osc_subtitle3
{
	padding:10px 0 25px 0;
}

#pageInstore .columnContent.left {
	width:445px;
}

#pageInstore .columnContent.right {
	width:245px;
}

#pageInstore .columnContent.left p {
	width:420px;
}

#pageInstore .columnContent.right p {
	width:233px;
}

#pageInstore h3.first-header {
	padding-left:16px;
}

#pageInstore .columnContent.right p.driverFind {
	background:url("../images/landing_quote.jpg") no-repeat scroll left top transparent;
	height:137px;
	width:233px;
	margin-left:14px;

}

#pageInstore .columnContainer {
	margin-top:10px;
}

#pageInstore h2
{
	margin-top:0px;
	margin-bottom:8px;
}

.clearfix
{
	margin:0;
	padding:0;
	clear:both;
}

/* Registration pages */
input, select {
	font-family:Arial;
	font-size: 11px;
}

.osc_list .osc_list_item.item_grey
{
	font-size:12px;
	color:#737373;
	padding:0 0 0 15px;
	margin:0;
	background-image: url(../images/grey_dot.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height:20px;	
}


#osc_registration_header
{
	height: 360px;
	clear:both;
}

#osc_registration_header.small
{
	height: 95px;
}

#osc_registration_header.smallfix
{
	height: 40px;
}

#osc_registration_header.osc_registration_header_smaller
{
	height: 125px;
}

.ocs_registration_topbox
{
	background:url("../images/osc_registration_topbox.jpg") no-repeat scroll left top transparent;
	width: 416px;
	height: 288px;
	float:left;
	clear: none;
}

.ocs_registration_top,.ocs_registration_top_stepThree
{
	width: 416px;
	height: 90px;
	float:left;
	clear: none;
}

.ocs_registration_top_fixed {
	width: 416px;
	height: 60px;
	float:left;
	clear: none;	
}


.ocs_registration_topbox .iconContainer
{
	padding:7px 0 0 18px;
	/*width: 414px;*/
	clear:both;
}

.iconContainer.first
{
	padding:15px 0 0 18px;
}

.iconContainer .iconImage
{
	float:left;
}

.iconDescription
{
	background:url(../images/grey_dot.gif) no-repeat;
	background-position: 8px 10px;
	margin: 0 0 0 50px;
	padding: 3px 0 0 20px;
	font-size:12px;
	width: 310px;
	color:#737373;
}


#osc_registration_product_right
{
	
	background: url(../images/osc_vichy_vip.png) no-repeat top left;
	/*background-position:40px 0;*/
	float:left;
	width: 201px;
	padding: 0px 0 0 0;
	margin: -28px 0 0 0px;
}


#osc_registration_product_right.padDown
{
	margin:0 0 0 20px;
	padding:110px 0 0 0;
}

#osc_registration_product_right.padDownFix
{
	margin:0 0 0 20px;
	padding:45px 0 0 0;
}

#osc_registration_screenshot_right
{
	
	background: url(../images/vichyconsult_screenshot.jpg) no-repeat top left;
	background-position:20px 0;
	float:right;
	width: 201px;
	height: 160px;
	/*padding: 100px 0 0 0;
	margin: -15px 0 0 20px;*/
}


#osc_registration_screenshot_right.padDown
{
	margin:0 0 0 20px;
	padding:110px 0 0 0;
}

#osc_registration_main
{
	height: 427px;
	width: 696px;
	margin: 15px 0 0 0;
	padding:15px 0 0 18px;
}

#osc_my_account_details
{
	height: 400px;
	width: 1030px;
	margin: 15px 0 0 0;
	padding:5px 0 0 18px;
}

.osc_stepOne
{
	background:url(../images/osc_registration_mainbox_step1.jpg) scroll no-repeat top left;
}

.osc_stepTwo
{
	background:url(../images/about_me_background.png) no-repeat top left;
}

.osc_stepThree
{
	background:url(../images/osc_registration_mainbox_step3.jpg) no-repeat top left;
}

.osc_stepFour
{
	background:url(../images/osc_registration_mainbox_step3.jpg) no-repeat top left;
}

#osc_registration_main .largeElementContainer, #osc_my_account_details .largeElementContainer
{
	display:block;
	padding: 0 0 8px 0;
	height:auto;
	clear:both;
}


.osc_stepOne .largeElementContainer
{
	width:338px;
}

.osc_stepTwo .largeElementContainer
{
	width:320px;
}

.osc_stepThree .largeElementContainer
{
	width:320px;
}

#osc_registration_main label, #osc_my_account_details label
{
	display:block;

	padding:0 10px 0 0;
	text-align:right;
	float:left;
	
}

#osc_left_form_column label
{
	width: 100px;
}

#osc_right_form_column label
{
	width: 110px;
}

.osc_stepOne #osc_left_form_column label
{
	width: 100px;
}


.osc_stepOne #osc_right_form_column label
{
	width: 70px;
}

.osc_stepTwo #osc_left_form_column label
{
	width: 140px;
}

.osc_stepTwo #osc_right_form_column label
{
	width: 70px;
}

.osc_stepThree #osc_left_form_column label
{
	width: 110px;
}

.osc_stepOne SELECT
{
	width: 212px;
}

.osc_stepTwo SELECT
{
	width: 160px;
}

.osc_stepThree SELECT
{
	width: 197px;
}

#osc_registration_main .radioLabel, #osc_my_account_details .radioLabel
{
	font-size:12px;
	color:#737373;
	padding:0 25px 0 5px;
	vertical-align:5px;
	text-align:left;
}

#osc_registration_main .radioLabel_small
{
	font-size:11px;
	color:#737373;
	padding:0 25px 0 5px;
	vertical-align:5px;
	text-align:left;
}

#osc_registration_main #product_selection td
{
	margin:0 0 8px 10px;
}

#osc_registration_main #product_selection .radioReg
{
	margin:0 0 0 10px;
}

/*#osc_registration_main #product_selection .radioLabel
{
	padding:0 10px 8px 10px;
}*/

#osc_registration_main .radioLabel.last
{
	width: 15px;
}

#osc_registration_main .radioLabel.lastfix
{
	width: 150px;
}

.osc_stepOne .label_format
{
	display:block;
	text-align:right;
	font-size:12px;
	color:#737373;
}

.osc_stepTwo .label_format
{
	display:block;
	text-align:left;
	font-size:12px;
	color:#737373;
}

.osc_stepThree .label_format, #osc_my_account_details .label_format
{
	display:block;
	text-align:right;
	font-size:12px;
	color:#737373;
	padding-top: 5px;
}

.regSummary
{
	font-size:12px;
	color:#737373;
	line-height: 17px;

}


#osc_registration_main #osc_left_form_column, #osc_registration_main #osc_right_form_column
{
	
	float:left;
	padding:20px 10px 0 0;
}

#osc_my_account_details #osc_left_form_column, #osc_my_account_details #osc_right_form_column 
{
	float:left;
	padding:20px 50px 0 0;
}

.osc_stepOne #osc_left_form_column
{
	width: 338px;

}

.osc_stepTwo #osc_left_form_column
{
	width: 330px;

}

.osc_stepThree #osc_left_form_column
{
float: left;
	width: 335px;

}

#osc_my_account_details #osc_left_form_column
{
	width: 410px;
}

.osc_stepOne #osc_right_form_column
{
	width: 328px;

}

.osc_stepTwo #osc_right_form_column
{
	width: 338px;

}

.osc_stepThree #osc_right_form_column
{
float: right;
	width: 310px;

}

#osc_my_account_details #osc_right_form_column
{
	width: 420px;

}



#osc_registration_main input
{
	background:url("../../sections/instoreAssets/form-field-address.jpg") no-repeat scroll left top transparent;
	border:medium none;
	height:19px;
	padding-left:4px;
	padding-top:1px;
	margin-bottom:8px;
	width:210px;
}

#osc_my_account_details input
{
	background:url("../images/osc_form-field-address_long.gif") no-repeat scroll left top transparent;
	border:medium none;
	height:19px;
	padding-left:4px;
	padding-top:1px;
	margin-bottom:8px;
	width:294px;
}


#osc_registration_main .regCheckboxContainer
{
	
	height:19px;
	padding-left:4px;
	padding-top:1px;
	
}

.stepTwo .regCheckboxContainer
{
	width: 140px;
}

.stepThree .regCheckboxContainer
{
	width: 200px;
}


#osc_registration_main .radioReg, #osc_my_account_details .radioReg
{
	background:none;
	border:none;
	width:10px;
}


.nolabel
{
	width:290px;
	padding:0 0 0 110px;
	
}

#osc_registration_main select, #osc_my_account_details select
{

	
	padding-left:4px;
	margin-top:1px;
	margin-bottom:8px;
}

#osc_registration_main #date, #osc_my_account_details #date
{
	width: 45px;
	margin-right:10px;
	margin-top:1px;
	
}

#osc_registration_main #month, #osc_my_account_details #month
{
	width: 80px;
	margin-right:10px;
	margin-top:1px;
	
}

#osc_registration_main #year, #osc_my_account_details #year
{
	width: 60px;
	margin-right:10px;
	margin-top:1px;
	
}

#osc_my_account_details #country
{
	width: 294px;
}

#form_information
{
	font-style: italic;
	float: left;
}

#osc_form_buttons
{
	width:676px;
	float:left;

}


#osc_form_buttons_container
{
	float:right;
	padding:25px 30px 0 0;
}

.osc_stepThree #osc_form_buttons_container
{
	float:right;
	padding:5px 30px 0 0;
}


#form_information
{
	padding:30px 10px 0 0;
	float:left;
	color:#737373;
	font-size:12px;
}

.osc_stepThree #form_information
{
	padding:5px 10px 0 0;
	float:left;
	color:#737373;
	font-size:12px;
}





#osc_form_buttons_container #submit_button
{
	background:url(../images/osc_registration_next_button.jpg) no-repeat;
	height:18px;
	width:67px;
	border:none;

	padding:7px 0 7px 0;
	cursor: pointer;
}

#osc_form_buttons_container #cancelButton
{
	border:none;
	float: left;
	padding:0 2px 0 0;
}

#osc_form_buttons_container #submit_button_complete
{
	background:url(../images/submit_off.png) no-repeat;
	height:22px;
	width:79px;
	border:none;

	padding:7px 0 7px 0;
}

.mandatory
{
	color: #003399;
}

#product_selection {

border:1px solid #CCCCCC;
height:160px;
overflow-x:hidden;
overflow-y:scroll;
width:210px;
}

.italic_text
{
	font-style:italic;
	color: #737373;
	font-size:12px;
	line-height:17px;
	padding:5px 0 0 0;
}

#starred_information p
{
	font-size:12px;
	line-height:17px;
	font-style:italic;
	padding-bottom: 0px;
	padding-top: 0px;
}

#information_small
{
	color: #737373;
	font-size: 10px;
	line-height:14px;
	padding: 0 30px 0 0;
	padding-right: 30px;
}

#information_standard
{
	color: #737373;
	font-size: 11px;
	line-height:16px;
	padding: 0 30px 10px 0;
	padding-right: 30px;
}

#information_standard a {
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

.osc_productListItem
{
	width:100%;
	padding-bottom:0px;
}

#osc_registration_main .regRadioboxContainer
{
	width:320px;
	height:19px;
	padding-left:4px;
	padding-top:8px;
	
}


/* reg complete */

.osc_stepFour h2
{
	margin: 40px 0 0 50px !important;
}

.osc_stepFour h3
{
	margin: 10px 0 10px 50px !important;
	color: #737373 !important;
	font-size:12px !important;

}

#osc_one_column
{
	margin: 0 0 0 50px;
	width: 560px;
}

.osc_reg_text
{
	padding:10px 0 0 0;
}


/* My Consultation page */

#osc_header_my_consultations
{
	padding:60px 0 0 33px;
	background:url(../images/my_consultations_background.png) no-repeat;
	width: 987px;
	height: 395px;
}


#osc_header_my_consultations .osc_title
{
	
	background:url(../images/osc_my_consultation_title.jpg) no-repeat;
	width: 251px;
	height:60px;
	padding-bottom:40px;
}

#osc_header_my_consultations .osc_subtitle
{
	background:url(../images/osc_my_consultation_subtitle.jpg) no-repeat;
	width: 197px;
	height:34px;
}

#osc_header_my_consultations #osc_consultation_information
{
	width: 964px;
	text-align: center;

}

.osc_view_consultation
{
	padding-bottom:5px;
}

.osc_more_info
{
	text-align:center;
	padding-bottom: 20px;
}

.osc_arrowed_info
{
	background:url(../images/osc_arrow.gif) no-repeat;
	background-position: 0px  -3px;
	padding-left: 20px;
	float: left;
	text-align: left;
	width: 60px !important;
}
.floatleft {
	float: left;
	width: 260px !important;
	text-align: left;
}

.consultationInfo {
	width: 500px;
	margin: auto;
	padding-bottom: 10px;
}

.viewConsultationImage {
	display: block;
	width: 125px;
	height: 22px;
	float: right;	
}

#osc_header_my_consultations h3.osc
{
	margin:0;
	display:none;
}

.inlineElement
{
	display: inline;
}

#osc_share_this
{
	float: right;
	margin-right:70px;
	height: 50px;
	width: 250px;
}

#osc_share_this div
{
	display: inline;
}

.sifr_lt_grey_icon {

  font-family: Helvetica;
/* line-height: 1em; */
  font-size: 11px;
  color: #737373;
  
}

#osc_share_this .osc_icon_label
{
	margin-top:-5px;
}

#osc_share_this .sifr_lt_blue object
{
	float: left;
	margin-top: -1px;
	height: 21px;
}

.update_your_password {
	font-size: 12px;
	color: #737373;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.osc_icon_image
{
	
	padding-left: 5px;
}

#osc_share_this_full .osc_icon_image
{
	padding-right: 5px;
}


.osc_share_title
{
	padding-top: 5px;
	color: #4da9ac;
	font-size: 12px;
	float: left;
}

#osc_subtitle
{
	color:#373737;
	padding: 0 0 5px 0;
}


/* Your account */
#osc_header_your_account
{
	padding:60px 0 0 33px;
	background:url(../images/your_account_background.png) no-repeat;
	width: 987px;

}


#osc_header_your_account .osc_title
{
	
	/*background:url(../images/online_skin_logo.png) no-repeat;*/
	width: 251px;
	height:60px;
	padding-bottom:40px;
}

#osc_header_your_account .osc_my_account_subtitle
{
	background:url(../images/your_account.png) no-repeat;
	width: 190px;
	height:41px;
	padding-bottom: 5px;
}

#osc_header_your_account h3.osc
{
	display:none;
}

#osc_header_your_account .osc_column_titles h3
{
	display:none;
}

#osc_personal_details_title
{
	background:url(../images/personal_details.png) no-repeat;
	width: 113px;
	height: 21px;
	float: left;
	margin-right:330px;
	margin-left:20px;

}

#osc_login_details_title
{
	background:url(../images/login_details.png) no-repeat;
	width: 89px;
	height: 21px;
	float: left;
}

#osc_comms_pref_title
{
	background:url(../images/communication_preference.png) no-repeat;
	width: 193px;
	height: 21px;

}

#osc_header_your_account #osc_form_buttons {
	float:left;
	width:200px;
}

#osc_header_your_account #osc_form_buttons_container  {
float:left;
padding:100px 0 0 300px;
}

#osc_my_account_details #osc_form_buttons_container #submit_button_complete
{
	background:url(../images/osc_update_details_button.gif) no-repeat;
	height:21px;
	width:113px;
	border:none;


}

#osc_share_this_icons a {
	display: block;
	float: left;
	height: 14px;
	width: 20px;
	overflow: hidden;
	font-size: 11px; 
	color: #737373;
	text-decoration: none;
}

#osc_share_this_icons a:hover {
	width: 80px;
	display: block;
		color: #737373;
	text-decoration: none;
}

*:first-child+html .ocs_registration_topbox .iconContainer   {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

*:first-child+html .ocs_registration_topbox .iconContainer .description {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
*:first-child+html .iconContainer.first {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}



*html .ocs_registration_topbox .iconContainer   {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}



*html .ocs_registration_topbox .iconContainer .description {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

*html .iconContainer.first {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#checkoverride {
	font-size: 12px;
	color: #737373;
}

#checkoverride input {
height: 0px;
font-size: 12px;
color: #737373;
margin-bottom:0px;
padding-left:0px;
padding-top:3px;
width:15px;	
}


  @media screen and (-webkit-min-device-pixel-ratio:0) {
    div.osc_productListItem span.radioLabel  {
	display: block;
	float: left;
	margin-top: 4px;
	}


	div.osc_productListItem input.radioReg {
	float: left;
	}

div.osc_productListItem {
	clear: both;
}

div.regCheckboxContainer span.radioLabel {
	margin-top: 4px;
}


  }
  
 #CONTENT {
	overflow: visible !important; 
 }

 .registration_one_icon_first {
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
 }

 .registration_one_icon {
	padding-top: 4px;
	padding-bottom: 0px;
	display: block;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
 .registration_one_icon {
	padding-top: 7px;
	margin-top: 0px;
	padding-bottom: 0px;
	display: block;
 }
	
 .registration_one_icon_first {
	padding-top: 0;
	display: block;
 }
 }
 
 /* validation styles */
 .errorHighlight
{
	color: #fd7777;
	

}

.errorLabelHighlight {
	color: #fd7777;

}

.social_media_container { 

	float: left;

	width: 235px;

	margin-top: 10px;

}



.social_media_title {

	float: left;

	color: #4da9ac;

}



.social_media_icons a {

	display: block;

	float: left;

	height: 14px;

	width: 20px;

	overflow: hidden;

	font-size: 11px; 

	color: #737373;

	text-decoration: none;

}



.social_media_icons img {

	border: none;	

}



.social_media_icons a:hover {

	width: 70px;

	display: block;

	text-decoration: none;

}

/* Override Vichy Template */
#ctl00_ctl00_ContentPlaceHolder1_divLeftMenu {
	display: none !important;	
}