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

/*-----------------------------------------------------------------------*/
/*	LEGAL AND HELP POPUPS							 					 */
/*-----------------------------------------------------------------------*/
.popup_wrapper { padding: 7px 0 40px 7px; }

.help .image_right img {
	display:block;
	float:none;
}

.popup_wrapper p { margin: 10px 0; line-height: 20px; }
.popup_wrapper a { color: #333; text-decoration: underline; font-weight: bold; }
.popup_wrapper a:hover { color: #006633; font-weight: bold;}

.popup_wrapper h1 { margin: 0 0 15px; }
.popup_wrapper h2 { margin: 23px 0 13px; }
.popup_wrapper h5 { font-size: 10px; }

.popup_wrapper.help { width: 500px; text-align: left; background: none; display:block; padding: 7px 0 0 7px; }
.popup_wrapper .window_close, .window_close {   position: absolute; top: 7px; right: 0px; width:100px; height: 30px; font-size: 10pt; z-index: 10000; background: url("../../images/content-css/icon_close_window.gif") no-repeat 0px 3px; padding: 0 0 0 15px; }
.popup_wrapper .print {
	position: absolute; 
	top: 30px; 
	right: 0px; 
	width:95px; 
	height: 30px; 
	z-index: 10000; 
	padding: 2px 0 0 20px;
}
.popup_wrapper .print a {text-decoration: none;font-weight: 100; color: #333;}
.popup_wrapper .print a:hover {text-decoration: underline;}
.popup_wrapper .window_close a, .window_close a { text-decoration: none;font-weight: 100; color: #333; }
.popup_wrapper .window_close a:hover, .window_close a:hover { text-decoration: underline;font-weight: 100; color: #333; }
.popup_wrapper ul { width: 400px; }

.popup_wrapper .link_list { margin: 20px 0; }
.popup_wrapper .link_list a:hover { font-weight:normal; }
.popup_wrapper .bold { font-weight: bold; }

.popup_wrapper .seperator { margin: 0; padding: 0; }

.popup_wrapper .seperator_new {
	padding: 5px 0 0px 0;
	border-bottom: #999999 1px solid;
	height: 1px;
	clear: both;
	display: block;
	margin: 0px 0 15px 0;
}

.popup_wrapper img { margin-bottom: 10px; }

.popup_wrapper .clear { width:391px; }
*HTML .popup_wrapper .clear { clear: both; width:394px; }

.popup_wrapper .image_right {
	width:500px;
	
}

.popup_wrapper .registration { margin: 15px 15px 0 0; width:500px; }
.popup_wrapper .fields { padding: 3px 0 0 0px; margin:0px 0px 0px 0px; float: left; width: 430px; }
.popup_wrapper label { width: 180px; padding: 0 15px 0 0; display: block; float: left; text-align: right; font-size:12px; }
.popup_wrapper .text { width: 200px; }
.popup_wrapper select  { width: 211px; margin: 0; padding: 0; border: 1px solid #999; }
.popup_wrapper textarea { width: 317px; }
.popup_wrapper .button { float: right; margin: 8px 11px 8px 0; padding: 0 0 0 8px; cursor: pointer; background: url("../../images/content-css/form_button.jpg") no-repeat; width: 196px; height: 22px; color:#fff; border:0; text-align:left; font-weight:bold; }
.popup_wrapper .back_link { margin: 8px 0; }
.popup_wrapper .back_link a { color: #333; }

.popup_wrapper .arrow { background: url(../../images/content-css/grey_arrow.gif); background-repeat: no-repeat; background-position: 0px 3px; padding: 0 0 0 10px; font-weight: 100; }
.popup_wrapper .arrow a { color: #333; font-weight: 100; text-decoration: none; }
.popup_wrapper .arrow a:hover { color: #006633; text-decoration: underline;  }

.popup_wrapper .required { color: red; }

.popup_wrapper form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.popup_wrapper .personal {
	float:left;
	width:300px;
	margin:0px;
	padding:20px 0px 0px 204px;
	display:block;
}
.popup_wrapper .personal p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	display:block;
}
.popup_wrapper .address_h2 {
	padding: 0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
.address_different {
	padding:0px 0px 0px 0px;
}
.fields .tick {
	border:0px;
	margin:5px 0px 0px 192px;
	padding:0px;
}
*HTML .fields .tick {
	border:0px;
	margin:5px 0px 0px 194px;
	padding:0px;
}

/*-----------------------------------------------------------------------*/
/*	END LEGAL AND HELP POPUPS							 				 */
/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------*/
/*	LENS OPTION POPUPS													 */
/*-----------------------------------------------------------------------*/

.popup_wrapper {margin: 7px 0 0 7px;}
.popup_wrapper .image { float: left; padding: 0 20px 0 0; clear: left; }
.popup_wrapper h1 { margin: 0 0 14px; }
.popup_wrapper h2 { margin: 10px 0 14px; }
.popup_wrapper .item { position: relative; padding: 0 0 0 240px; height: 191px; }
.popup_wrapper .ratings { margin: 15px 0 18px; }
.popup_wrapper .field { padding: 4px 0 0 20px; width: 300px; text-align: left; margin: 5px 0 0; clear: left;  }
.popup_wrapper label { width: 120px; float: left; text-align: right; margin: 0 15px 0 0; padding: 0; font-size: 12px; }
.popup_wrapper .bullet_list { margin: 7px 0 0; }

.popup_wrapper .image_right .item2 { position: relative; padding: 7px 0; width: 560px; overflow: hidden; border-bottom: 1px solid #999; }
.image_right .item2 img { float: left; margin: 0; }
.image_right .item2inner { float: left; width: 325px; overflow: hidden; }

.item2inner_space { float: left; width: 325px; overflow: hidden; margin-left:10px; }

.popup_wrapper .window_close2 { position: absolute; top: 7px; right: 0; height: 30px; z-index: 10000; background: url(../../images/content-css/icon_close_window.gif) no-repeat 0px 2px; padding: 0 0 0 15px; }
.popup_wrapper .window_close2 a:hover, .popup_wrapper .window_close a:hover  { text-decoration: underline; font-weight: 100; }

.popup_wrapper a { text-decoration: none; font-weight: 100; }
.link_list {
  text-align:left;
  list-style: none;
  margin: 0;
  padding:0;
}
.link_list li {
  background: url(../../images/content-css/grey_arrow.gif) no-repeat 2px 0.5em;
  padding-left: 15px;
  line-height:20px;
  margin: 0px 0px 5px 0px;
  position: relative;
  font-size: 9pt;
}
.link_list a {
	text-decoration:none;
	font-weight:normal;
	color: #333333;
}
.link_list a:hover {
	text-decoration:underline;
	font-weight:normal;
}
input { margin:0px 4px 0 0;  }
/*-----------------------------------------------------------------------*/
/*	REGISTER.HTML														 */
/*-----------------------------------------------------------------------*/

.registration .box, .registration .box_close, .account .box, .box_1, .box_2
{
	width: 370px;
	position: relative;
	float: left;

}
.registration p {
	padding:0px 0px 0px 0px;
}
.login .box_1, .login .box_2
{
		height: 300px;
} 
.login .box_1
{
	background: url("../../images/content/dotted_line.gif") repeat-y;
	background-position: right top;
}
.box_close .field
{
	padding-top: 1px;
	padding-left: 30px;
	height: 22px;
	width: 340px;
}
.registration .box_row, .account .box_row
{
	display: block;
	clear: both;

}
.registration h2, .registration .box_row h2, .account .box_row h2
{
	margin: 0;
	font-size: 11pt;
	
}
.registration .box h2
{
	margin: 0 0 0 160px;
}
.account .box h2
{
	margin: 0 0 0 125px;
}
.registration textarea.contact_us
{
  width: 205px;
}
.registration .box .link_button
{
	margin-left: 161px;
	margin-top: 0;
}
.registration .text, .account .text
{
	width: 209px;
}
.registration textarea
{
	width: 209px;
	text-align:left;
}
.account .address h2
{
	margin-bottom: 10px;
}f
.account .address .note
{
	font-size:12px;
	padding-left:20px;
}
.registration .clear {
	float:left;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
}
.registration .clear p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.registration .addresses, .account .addresses
{
	height: 160px;
	width: 208px;
	margin: 5px 0 0 158px;
	border: 1px solid #A9A9A9;
	text-align: right;
}
.account .addresses
{
	margin: 5px 0 0 120px;
	position: relative;
}
.addresses .item
{
	clear: both;
	margin: 5px 7px 2px 7px;
	padding-bottom: 5px;
}
.addresses label
{
	font-weight: bold;
	float: left;
	color: #000000;
	margin: 2px 7px 6px 0;
}
.addresses .item a, .add_address a
{
	background: none;
}

.registration .add_address, .account .add_address
{
	position: absolute;
	top: 170px;
	left: 400px;
	padding-right: 27px;
	text-align: right;
	background: url("../../images/content/button_arrow.gif") no-repeat;
	background-position: 55px 0;
	width: 50px;
	height: 15px;
	z-index: 100;
	cursor: pointer;
}
.address, .select_store
{
	position: relative;
	
}
.account .add_address
{
	left: 380px;
	top: 220px;
}
.registration .field, .registration .field_large
{
	display: block;
	clear: both;
	position: relative;
	left: 0px;
	width: 295px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 205px;
	font-size:12px;
}
.registration .field_large {
	height:38px;
	line-height:17px;
}
.registration .register_label {
	margin:5px 0px 0px 0px;
	font-weight:bold;
}
.registration .field .bold
{
	width: 400px;
}

.registration p, .account p
{
	margin: 10px 70px 10px 180px;
}

.registration .field label, .registration .field_large label
{
	position: absolute;
	left: 0;
	text-align: right;
	width: 192px;
	font-size:12px;
}
.registration .field .radio
{
	margin: 5px 5px 0px 0px;


}
.line_spacing_top
{
	margin-top: 32px
}
.registration .field .text, .registration .field .text_short
{
	height: 14px;
}
.text_short
{
	width: 95px;
}
.registration .info
{
	float: right;
}

.registration .note, .account .note
{
	clear: both;
	margin: 5px 70px 20px 203px;
	font-size:12px;
	line-height:20px;
}
.registration .note_padding {
	padding:10px 0px 0px 0px;
	clear: both;
	margin: 5px 70px 20px 203px;
	font-size:12px;
	line-height:20px;
}
.registration .bold
{
	font-weight: bold;
	color:#000000;
}
.registration .radio
{
	float: left;
	margin-bottom:10px;
	margin-left: 0px;
	width:14px;
	height:14px;
}
.registration .field select
{
	padding: 0;
	margin: 0;
}
.registration .field .wide_drop_down {
	width:250px;
}
.registration h2
{
	padding: 10px 0 0px 0;
	clear: both;
}
.check_text {
	width: 200px;
	float: right;
}
.registration .section {
	clear: both;
	display: block;
	padding-bottom: 25px;
}
.registration_button {
	width: 196px;
  	height: 22px;
	margin: 10px 0px 30px 205px;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 0px;
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	background: url("../../images/content/form_button.jpg") no-repeat;
	cursor: pointer;
	background-color:#ff9900;
}
.registration a {
	text-decoration:none;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	margin: 0px 8px 0px 0px;
	font-weight:normal;
	background: url(../../images/content/grey_arrow.gif) no-repeat 2px 0.3em;
}
.registration a:hover {
	text-decoration:underline;
	font-weight:normal;
}
.registration .back_link {
	padding:0px 0px 0px 0px;
	font-size:9pt;
	line-height:20px;
	margin:7px 0px 20px 0px;
	float:left;
	height:20px;
	background:url(../../images/content-css/back_boxarrow.gif) no-repeat;
}
.registration .back_link a {
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	padding:0px 0px 0px 28px;
	height:20px;
	background-image:none;
}
ul {
  text-align:left;
  list-style: none;
  margin: 0px 0px 20px 0px;
  padding:0;
  clear:left;
}
li {
  background: url(../../images/content-css/grey_bullet.gif);
  background-repeat: no-repeat;
  background-position: 2px 0.7em;
  padding-left: 15px;
  line-height:20px;
  margin: 0px 0px 5px 0px;
  position: relative;
  font-size: 9pt;
}

.popup_container {
	width:432px;
	height:153px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 7px;
} 
.popup_container p {
	font-size:9pt;
	line-height:20px;
}
.popup_container .window_close {
	margin-top: 0px;
	margin-right: 28px;
	position: absolute;
	top:30px;
	right:0px;
}
.popup_container a { color:#333333}
.popup_container a:hover{ color: #006338;}
.registration .buttons {
	margin-right: 66px;
}
.basket_button {
	width: 196px;
  	height: 22px;
	margin: 0px 0px 0px 0px;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 0px;
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	background: url("../../images/content-css/form_button.jpg") no-repeat;
	cursor: pointer;
}
#dob_month, #dob_year {
	width:71px;
}
#dob_day {
	width:61px;
}
.registration #info_panel {
	display: block;
	width:470px;
	overflow:hidden;
	border: 1px solid #CCC;
}
.registration #info_panel select {
}
.registration #info_panel p {
	margin:0px;
	padding:3px 5px 0 5px;
}
.field .grey {
	color:#999;
}
<!-- 10th August -->