/*  Monday 22/9/08, 10:48

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

.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; overflow-x: hidden; padding: 0; }
.popup_wrapper .window_close { position: absolute; top: 7px; right: 0px; width: 100px; height: 30px; z-index: 10000; background: url("/media/images/content-css/icon_close_window.gif") no-repeat 0px 3px; padding: 0 0 0 15px; }
.popup_wrapper .window_close a { text-decoration: none; font-weight: 100; }
.popup_wrapper ul { width: 400px; }

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

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

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

.popup_wrapper .clear { clear: both; }

.popup_wrapper .registration { margin: 15px 0; }
.popup_wrapper .field { padding: 3px 0; float: left; width: 495px; }
.popup_wrapper label { width: 150px; padding: 0 15px 0 0; display: block; float: left; text-align: right; }
.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("/media/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(/media/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 .link_list {
  text-align:left;
  list-style: none;
  margin: 0;
  padding:0;
}
.popup_wrapper .link_list li {
  background: url(/media/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;
}
.popup_wrapper .link_list a {
	text-decoration:none;
	font-weight:normal;
	color:#333333;
}
.popup_wrapper .link_list a:hover {
	text-decoration:underline;
	font-weight:normal;
}
.popup_content ul {
  text-align:left;
  list-style: none;
  margin: 0px 0px 20px 0px;
  padding:0;
  clear:left;
}
.popup_content li {
background-color: transparent;
background-image: url(/media/images/content-css/grey_bullet.gif);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 2px 0.7em;
padding-left: 15px;
line-height: 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
position: relative;
font-size: 9pt;
}

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

/*-----------------------------------------------------------------------*/
/*	PRESCRIPTION / GLASSES JOURNEY					 					 */
/*-----------------------------------------------------------------------*/

.prescription { color: #333; line-height: 20px; font-size: 12px; }
.prescription a:hover { color: #006633; }

.prescription h1 { margin: 5px 0 10px; }
.prescription h2 { margin: 10px 0; }
.prescription td { font-weight: normal; vertical-align: top; line-height: 15px; }
.prescription ol { padding-left: 25px; margin-left: 0; }
.prescription ol li { margin: 0; line-height: 20px; padding-left: 0; background-image: none; }
.prescription ul { list-style-type: disc; padding-left: 25px; margin: 10px 0 0; }
.prescription ul li { background: url(/media/images/content-css/grey_bullet.gif); background-repeat: no-repeat; background-position: 0px 7px; padding: 0 0 0 10px; margin-left: 0; }

.prescription .three_column_content { padding: 0 6px; }
.prescription .prescription { position: relative; margin: 0; }
.prescription .required { color: red; }

.prescription .arrow{ background: url(/media/images/content-css/grey_arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; padding: 0 0 0 10px; }
.prescription a { text-decoration: none; font-weight: 100; }
.prescription .right { float: right; }

.prescription .tabs {  position: relative; width: 585px; height: 40px; margin: 20px 0; border-bottom: 1px solid #006338; z-index: 1; }
.prescription .tab { width: 105px; position: absolute; margin: 0 0 0 6px; line-height: 15px; }
.prescription .tabs .on { position: absolute;  border: 1px solid #006338; border-bottom: 0; z-index: 3; height: 37px; padding: 3px 0 0 4px; background-color: #fff; display: block; text-decoration: none; font-weight: 100; color: #006338; }
.prescription .tabs .off { border: 1px solid #cccccc; border-bottom: 0; z-index: 1; height: 36px; padding: 3px 0 0 4px; background: url(/media/images/content-css/infotab.png) no-repeat; }
.prescription .tabs .off a { display: block; text-decoration: none; font-weight: 100; cursor: pointer; width: 100px; height: 35px; }
.prescription .tabs .off a:hover { text-decoration: none; color: #000; }

/*-----------------------------------------------------------------------*/
/*	CHOOSE YOUR GLASSES / YOUR GLASSES PRESCRIPTION... 					 */
/*-----------------------------------------------------------------------*/

.journeywrapper { height: 90px; float: left; border-bottom: 1px solid #919191; width: 100%; margin: 0 0 15px; }
.prescription ul.journey { list-style-type: none; float: left;  padding-top: 10px; padding-left: 10px; margin-left: 0; }
.prescription ul.journey li { float: left; text-align: center; width: 98px; height: 30px; padding: 20px 0 0; margin: 0 4px; background: url(/media/images/content-css/button_arrow.gif) no-repeat; background-position: 40px 0; color: #828282; position: relative; }
.prescription ul.journey li.selected, ul.journey li.done { background: url(/media/images/content-css/button_arrow_green.gif) no-repeat; background-position: 40px 0; color: #444; }
.prescription ul.journey li.selected { font-weight: bold; color: #006338; }
.prescription .journey .line { width: 100px; border-top: 1px solid #006338; position: absolute; left: 52px; top: 7px; }
.prescription .journey a { background: none; padding: 0; }
.prescription * html .journey { height: 1%;}
.prescription .journey:after { clear: both; display: block; content: "."; visibility: hidden; height: 1px; }

/*-----------------------------------------------------------------------*/
/*	ONLINE / FAX... 													 */
/*-----------------------------------------------------------------------*/

.prescription ul.choices { height: 31px; display: block; clear: both; list-style-type: none; padding: 0; margin: 9px 0 0; }
.prescription ul.choices li, ul.choices li.unselected { background: url(/media/images/content-css/prescription_option_box_grey.jpg) repeat-y; height: 37px; width: 104px; text-align: center; float: left; cursor: pointer; padding: 0; margin: 0 10px 7px 0;  background-color: black; display: table; top: 60%; }
.prescription ul.choices li.last { margin-right: 0; }
.prescription ul.choices li a:link, .prescription ul.choices li a:visited { font-weight: bold; color: #fff; height: 31px; width: 98px; display: block; text-align: center; vertical-align: middle; top: 20px; position: static; padding: 3px; } 
.prescription ul.choices li.selected, .prescription ul.choices li a:hover { background: url(/media/images/content-css/prescription_option_box_green.jpg) repeat-y; text-decoration: none; }

.prescription .links { padding: 5px 0 0; height: 20px;}
.prescription .help { float: right; width: 150px; height: 18px; text-align: right; background: url(/media/images/content-css/icon_help.gif) no-repeat; background-position: 155px 4px; padding-right: 18px; }

.bullet_list li { list-style-type: none; }

/*-----------------------------------------------------------------------*/
/*	FORM GUBBINS														 */
/*-----------------------------------------------------------------------*/

.prescription #onlineSimple td, .prescription #onlineSimple th { width: 124px; }
.prescription #onlineSimple .select { width: 115px; }
.prescription #onlineSimple .right { position: absolute; right: 9px; top: 8px; }
.prescription #onlineSimple .field.left { position: absolute; left: 0; top: 0; }
.prescription .more { position: relative; height:30px; padding: 5px 0; }
.prescription .field  { padding: 1px 0 1px 185px; width: 300px; margin: 5px 0; position: relative; left: 0; clear: both; }
.prescription label { width: 170px; position: absolute; left: 0; text-align: right; } 
.prescription .optician_name { width: 200px; }
.prescription .optician_telephone { position: absolute; left: 409px; }
.prescription textarea.extra_info { width: 397px; height: 83px; margin-bottom: 10px; }


/* FORM BUTTON */
.prescription .basket_button, .button, .link_button { float: right; } 
.prescription .button { padding: 1px 0 0 5px;}
.prescription .button a { color: #fff; }


.prescription .nhs, .note { color: #111; margin: 0 0 13px; line-height: 20px; padding: 10px 0 0; clear: both; }

/*	SECOND AND THIRD PAGES */

.prescription h1 { margin: 20px 0; margin-left: 0; }
.prescription .price { text-align: right; margin: 5px 0; }
.prescription .info { width: 99%; line-height: 20px; }
.prescription .totals td { padding: 4px 0; }

.prescription .grand_total { border-top: 1px solid #919191; border-bottom: 1px solid #919191; width: 185px; padding: 3px 0; margin: 15px 0 0; text-align: right; float: right; }
.prescription .grand_total .discount_label, .grand_total .label { text-align: right; width: 175px; display: inline; font-weight: bold; padding: 0 15px 0 0 ; }
.prescription .grand_total .price { text-align:right; display: inline; width: 60px; font-weight: bold; }

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

.lens_option .image { float: left; padding: 0 20px 0 0; clear: left; }

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

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

.lens_option .window_close2 { position: absolute; top: 7px; right: 0; height: 30px; z-index: 10000; background: url(/media/images/content-css/icon_close_window.gif) no-repeat 0px 3px; padding: 0 0 0 15px; }
.lens_option a { text-decoration: none; font-weight: 100; }