/* TAG FORMATTING */
body,.mainfont,input[type=text],span.front_alert_cole_x {
  font-family: 'Arial', 'Nimbus Sans L', 'Liberation Sans', 'FreeSans', 'Sans-serif';
}

body {
  font-size: 12px;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

h1,h2,h3,h4,h5,.exfont {
  font-family: 'Georgia', 'serif';
}

h1,h2,h3,h4,h5 {
  font-weight: normal;
  margin: 0.7em 0.45em 0.45em;
  padding: 0;
  line-height: normal;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

a,
a:VISITED {
  text-decoration: underline;
  color: #0033ff;
}

a:HOVER {
  text-decoration: underline;
  color: #0033ff;
}

a:ACTIVE {
  text-decoration: none;
  color: #fff;
  background-color: #0033ff; 
}

a.a_big,
a.a_big:VISITED {
  text-decoration: none;
  color: #0033ff;
}

a.a_big:HOVER {
  text-decoration: underline;
  color: #0033ff;
}

a.a_big:ACTIVE {
  text-decoration: none;
  color: #fff;
  background-color: #0033ff; 
}

input[type=text]:FOCUS {
  outline: none;
}

hr {
  clear: both;
  border-bottom: 1px solid #e5e5e5;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #e5e5e5;
  height: 1px;
}

span.vr {
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: 1px solid #e5e5e5;
  margin: 10px;
}

.blue_button {
  font-style: italic;
  cursor: pointer;
  color: #fff;
  background-color: #28adea;
}

/* 
 * For the AJAX Upload thing to work .blue_button.hover is added:
 *   We can't use ":hover" pseudo-class because we have
 *   invisible file input above, so we have to simulate
 *   hover effect with javascript. 
 */
.blue_button.hover,
.blue_button:HOVER {
  background-color: #39c1ff;
}

/* .focus works in the same way as .hover in AJAX Upload */
.blue_button.focus,
.blue_button:ACTIVE,
.blue_button:FOCUS {
  background-color: #4c4c4c;
  outline: none;
}

.blue_button.disabled,
.blue_button.disabled:VISITED,
.blue_button.disabled:HOVER,
.blue_button.disabled:ACTIVE {
  background-color: #c9c9c9;
  text-decoration: none;
  color: #FFF;
  cursor: default;  
}

div.blue_button_container {
  float: left;  
}

div.blue_button_container.right {
  float: right;
}

div.blue_button_container a {
  font-size: 16px;
  line-height: 33px;
  height: 33px;
  padding: 0 12px;
  color: #FFF;
  display: block;
  float: left;
  text-decoration: none;
}

.sep_border_left {
  border-left: 1px dotted #b2b2b2;
}

/* FAVPAGE */
.page_width,div.centerpage,div.bottom {
  width: 950px;
  min-width: 950px;
}

div.centerpage {
  margin: 0 auto 0 auto;
}

div.headerline {
  background: #f0e5cf;
  height: 4px;
  border-bottom: 1px solid #d9d0bb;
  width: 100%;
}

#logo {
  float: left;
  width: 500px;
  padding-top: 20px;
  padding-bottom: 10px;
}

#logo a:ACTIVE {
  background: none;
}

.tagline {
  margin-top: 4px;
  margin-left: 147px;
  font-size: 11px;
  font-weight: bold;
}

#country_choice {
  float: left;
  width: 150px;
  padding-top: 22px;
}

#shopping_login {
  float: right;
  margin-top: 18px;
  margin-right: 5px;
}

#shopping_login table.cart {
  font-size: 16px;
  border: none;
  border-collapse: collapse;
}

#shopping_login table.cart td {
  height: 24px;
  padding: 0 0.2em 0 0.15em;
}

#shopping_login table.cart img {
  vertical-align: middle;
  padding-right: 6px;
  background: #FFF;
}

#shopping_login a.cart_link, #shopping_login a.cart_link:VISITED {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#shopping_login a.cart_link:ACTIVE {
  background-color: #FFF;
}

#shopping_login a.cart_link:HOVER, #shopping_login a.login_link:HOVER {
  text-decoration: underline;
}

#shopping_login table.cart td.cart_number_left, #shopping_login table.cart td.cart_number_right {
  padding: 0;
  width: 10px;
  background: no-repeat url("/static/cart_number.png") 0 0 transparent;
}

#shopping_login table.cart td.cart_number_right {
  background-position: -10px 0;
}

#shopping_login table.cart.too_many td.cart_number_left, #shopping_login table.cart.too_many td.cart_number_right {
  background-image: url("/static/cart_number_red.png");
}
  
#shopping_login table.cart td.cart_number_of_frames {
  padding: 0;
}

#shopping_login table.cart td.cart_number_of_frames a {
  text-decoration: none;  
}

#shopping_login table.cart td.cart_number_of_frames div {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background-color: #009ede;
  height: 21px;
  line-height: 21px;
  margin: 0 0 2px;
  padding: 1px 0 0 1px;  
}

#shopping_login table.cart.too_many td.cart_number_of_frames div {
  background-color: #cf332e;
}

#shopping_login div.login_line {
  margin-top: 32px;
  text-align: right;
}

#topmenu {
  clear: both;
  background: no-repeat url("/static/menu_background.png") 0 0 #FFF;
  height: 45px;
}

#topmenu .left {
  float: left;
}

#topmenu .right {
  float: right;
}

#topmenu .item {
  margin: 6px;
  height: 33px;
}

#topmenu .item .item_left_border,
#topmenu .item .item_right_border {
  width: 3px;
  height: 33px;
  float:left;
}

#topmenu div.sep {
  border-right: 1px dotted white;
  width: 1px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

#topmenu a,#topmenu a:VISITED, #topmenu .item li  {
  height: 33px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  height: 30px;
  padding: 3px 1px 0;
  line-height: 30px;
  display: block;
  float:left;
  cursor: pointer;
}

#topmenu a .arrow {
  background: url(/static/drop_down_button.png) no-repeat 0 100%;
  float: right;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  top: 6px;
  left: 4px;
}

#topmenu a:HOVER {
  color: #000;
  text-decoration: underline;
}

#topmenu a:ACTIVE, #topmenu .item.selected a{
  color: #000;
  text-decoration: none;
  background-color: #FFF;
}

#topmenu .item:ACTIVE .item_left_border,
#topmenu .item .item_left_border:ACTIVE,
#topmenu .item.selected .item_left_border {
  background: no-repeat url("/static/menu_inner_border.png") 0 0;
}

#topmenu .item:ACTIVE .item_right_border,
#topmenu .item .item_right_border:ACTIVE,
#topmenu .item.selected .item_right_border {
  background: no-repeat url("/static/menu_inner_border.png") -3px 0;
}

#topmenu a:FOCUS {
  outline: none;
  text-decoration: underline;
}

#topmenu a span {
  color: #28adea;
}

#topmenu .item li  {
  list-style-type: none;
  padding: 0px 0px 0;
}

#topmenu .item li ul { 
  display: none;  
}
#topmenu .item li:hover .tst { 
  display: block; 
  margin-left: -35px;
}
#topmenu .item li a span { color: #28adea; }

#search_frame_box {
  float: right;
  position: relative;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 5px;
  text-align: center;
  background-color: white;
  height: 31px;
  width: 183px;
}

#search_frame_box input {
  color: #999;
  margin: 0;
  border: none;
}

#search_frame_field {
  height: 16px;
  width: 145px;
  padding: 9px 33px 6px 5px;
  font-size: 13px;
  background: no-repeat url("/static/search_input.png") 0 0 #c3e7f8;
  position: absolute;
  top: 0;
  left: 0;
}

#search_frame_field:HOVER {
  background-position: 0 -31px;
}

#search_frame_field:FOCUS {
  color: #000;
  background-position: 0 -62px;
}

#search_frame_box_SE {
  float: right;
  position: relative;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 5px;
  text-align: center;
  background-color: white;
  height: 31px;
  width: 113px;
}

#search_frame_box_SE input {
  color: #999;
  margin: 0;
  border: none;
}

#search_frame_field_SE {
  height:16px;
  width: 80px;
  padding: 9px 33px 6px 5px;
  font-size: 13px;
  background: no-repeat url("/static/search_input_SE.png") 0 0 #c3e7f8;
  position: absolute;
  top: 0;
  left: 0;
}

#search_frame_field_SE:HOVER {
  background-position: 0 -31px;
}

#search_frame_field_SE:FOCUS {
  color: #000;
  background-position: 0 -62px;
}

#search_frame_submit {
  position: absolute;
  right: 5px;
  top: 4px;
  background-color: transparent; 
}

#bottom_container {
  clear: both;
  width: 100%;
  text-align: center;
}

.bottom_background_color {
  background-color: #f5f5f5;
}

#bottom {
  height: 150px;
  margin: 0 auto 0 auto;
  padding: 24px 0px 24px 0px;
}

#bottom div.bottom_box {
  width: 315px;
  text-align: left;
  float: left;
  overflow: hidden;
  font-size: 12px;
  line-height: 150%;
} 

#bottom div.sep {
  float: left;
  height: 100%;
  width: 0px;
  margin: 0;
}

#bottom div.bottom_box a {
  font-size: 14px;
}

#bottom div.bottom_box_title {
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  text-align: center;
  font-size: 22px;
}

#bottom div.bottom_box_content {
  padding: 0.6em 24px 24px;
}

#bottom_links {
  line-height: 190%;
}

#middle_box {
  position: relative;
}

#middle_box #bottom_stamp {
  position: absolute; 
  top: 72px;
  margin-left: 230px;
}

#bottom_links a {
  display: block;
}

#newsletter_form table {
  border: none;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

#newsletter_input_email {
  color: #aaa;
  font-size: 13px;
  background: no-repeat url("/static/news_input.png") 0 0 #f5f5f5;
  border: none;
  width: 166px;
  height: 15px;
  padding: 9px 6px 7px 4px;
  margin-right: 6px;
}

#newsletter_input_email:HOVER {
  background-position: 0 -31px;
}

#newsletter_input_email:FOCUS {
  background-position: 0 -62px;
  color: #000;
}

#lenses table.property {
    font-size: 12px;
}

#lenses table.property .value{
    font-size: 14px;
    width: 100px;
    text-align: right;
}

#lenses table.property select {
    width: 100%;
}

#lenses .eye_side {
    font-weight: bold;
    padding; 0px 10px;
}

#lenses #lens_info {
    float: left;
    font-size: 14px;
    width: 400px;
    padding-left: 100px;
}

#lenses #lensorder_form {
    float: left;
    width: 250px;
    padding-left: 100px;
    padding-top: 30px;
}

#bottom_line {
  clear: both;
  text-align: left;
  padding: 15px 0px 25px 20px;
  vertical-align: text-bottom;
}

#bottom_line span {
  vertical-align: bottom;
  margin-bottom: 0.2em;
  display: inline-block;
}

#bottom_line img {
  vertical-align: middle;
  padding-right: 40px;
}

div.menu {
  float: left;
  position: relative;
  margin: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  width: 160px;
}

div.menu a,div.menu a:visited {
  color: #5e5e5e;
  line-height: 220%;
}

div.menuitem {
  font-size: 10px;
}

div.menu a:hover {
  text-decoration: underline;
  color: #005EA8;
}


div.hupp {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin: 6px 0px 6px 0px;
}

.arrows {
  font-size: 40px;
}

#movieblock {
  border: 2px solid #78aad2;
  width: 576px;
  margin-left: 20px;
}

.center_container {
  padding-top: 10px;
  text-align: center;
}

.favbutton {
  
}

.green {
  background-color: #7c7;
}

.red {
  background-color: #c77;
}

.green:hover {
  background-color: #9f9;
}

.red:hover {
  background-color: #f99;
}

.orange {
  color: #d46928;
  font-size: 26px;
}

.serif {
  font-family: Sans-serif;
  font-style: normal;
}

.infobox {
  background-color: #c5d8fb;
  border: 1px solid #969696;
  padding: 10px;
  width: 560px;
  margin-bottom: 10px;
}

td.calendar {
  vertical-align: top;
  border: 1px solid #a5b8db;
  padding: 6px;
  background-color: #eee;
}

.calendar table tr td {
  padding: 4px;
}

a.bookday {
  border: 1px solid #444;
  background-color: #a5b8db;
  font-weight: bold;
  padding: 2px;
  color: #000
}

.controlbutton {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}

.verticalsep {
  left: 0px;
  right: 0px;
  margin: 2px 0px 5px 0px;
  border-bottom: 1px solid #a5b8db;
}

.errormessage {
  font-weight: bold;
  background-color: inherit;
  color: #c00;
}

.pricegen {
  background-color: #fff;
  text-align: left;
}

.imageviewer {
  background-color: #fff;
}

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #646464;
  background-color: #FFF29E;
  padding: 7px;
  opacity: 0.9;
}

#tooltip h3 {
  font-size: 13px;
  font-family: 'Arial', 'Nimbus Sans L', 'Liberation Sans', 'FreeSans', 'Sans-serif';
  font-style: normal;
  margin: 0px;
  color: #333;
}

#four_bullets {
  text-align: left;
  padding-left: 0px;
  color: #22679f;
}

#adiv {
  background-color: #ddd;
  padding-top: 5px;
  width: 400px;
  border: 1px dashed #aaa;
  padding: 7px;
}

.submit_green {
  background: url(/images/buttons/green.png) no-repeat;
  width: 200px;
  height: 35px;
  border: none;
  color: #fff;
  font-size: 16px;
}

.submit_green:hover {
  color: #ddd;
}

.imagebutton_green {
  background: transparent url('/images/imagebutton_green.png') no-repeat
  scroll top right;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  padding-right: 18px;
  text-decoration: none;
}

.imagebutton_green span {
  background: transparent url('/images/imagebutton_green.png') no-repeat;
  display: block;
  line-height: 14px;
  padding: 8px 0 8px 18px;
  color: #fff;
  font-size: 14px;
  font-family: 'Arial', 'Nimbus Sans L', 'Liberation Sans', 'FreeSans', 'Sans-serif';
}

.imagebutton_container {
  overflow: hidden;
  width: 100%;
}

/* You are here ruler at the top of content sometimes */
div.place {
  margin: 25px 16px 8px 16px;
}

div.place a, div.place a:VISITED {
  text-decoration: none;
  padding: 0 22px 0 4px;
  margin-right: 4px;
  background: no-repeat url("/static/arrow_place.png") 100% 2px;
}

div.place a:HOVER,
div.place a:ACTIVE {
  text-decoration: underline;
  color: #0033ff;
}

img.ajax_wait_hide,
img.ajax_wait_show {
  padding: 0 0.3em;
  vertical-align: baseline;
}

img.ajax_wait_show {
  visibility: visible;
}

img.ajax_wait_hide {
  visibility: hidden;
}

.li_blue
{
  list-style-image: url('/images/blue_small.png');
}
.li_green
{
  list-style-image: url('/images/green_small.png');
}
.li_brown
{
  list-style-image: url('/images/brown_small.png');
}

/* share_link */
div.share_link {
  line-height: 140%;
  font-size: 14px;
}

div.share_link b {
  margin-right: 15px;
  padding-bottom: 0px;
}

div.share_link a.share_button,
div.share_link a.twitter_share_button,
div.share_link a.fb_share_button {
  line-height: 15px;
  height: 15px;
  padding-left: 20px;
  font-size: 12px;
  margin-left: 15px;
}

div.share_link a.share_button {
  background: no-repeat url("/static/share.png") 0 -30px;
}

div.share_link a.twitter_share_button {
  background: no-repeat url("/static/share.png") 0 -15px;
}
div.share_link a.fb_share_button { 
  background: no-repeat url("/static/share.png") 0 0; 
} 

/* alert box */
div.front_alert,
#frontboxes {
  margin-top: 10px;
}

div.front_alert {
  width: 950px;
  height: 44px;
  background: no-repeat url("/static/front_alert_background.png") 0 0;
}

div.front_alert_text,
div.front_alert_close {
  line-height: 44px;
  height: 44px;
}

div.front_alert_text {
  float: left;
  padding-left: 12px;
}

div.front_alert_close {
  float: right;
  padding-right: 12px;
  font-style: italic;
}

div.front_alert_close a {
  text-decoration: none;
}

span.front_alert_close_text {
  text-decoration: underline;
}

span.front_alert_cole_x {
  font-style: normal;
  font-size: larger;
  padding-left: 0.2em;
}

/* first visit popup */
div#firstvisitpop {
  width: 600px;
}

div#firstvisitpop h2 {
  text-align: center;
}

div#firstvisitpop img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div#firstvisitpop div.tagline {
  margin-left: 264px;
}

div#firstvisitpop p,
div#firstvisitpop li {
  font-size: 20px;
  margin-left: 50px;
}

div#firstvisitpop li {
  list-style-image: url(/images/icons/green-checkmark.png);
}