/* w3c passed */

/* GLOBAL LAYOUT STRUCTURE */
body {
	color: #393939;
	font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;
}

div#page {
	background: url(../images/bg_page.gif) no-repeat top right;
	height: 700px;
	margin: 0 auto;
	width: 970px;
}

div#header {
	padding: 5px 0;
	position: relative;
}

div#navigation {
	background: url(../images/bg_main_nav.gif) repeat-x 0 0;
	position: relative;
}

div#main-wrapper {
	margin-top: 15px;
}

div#sidebar {
	float: left;
	margin-left: 5px;
	width: 239px;
}

div#main {
	float: right;
	width: 708px;
}

div#footer {
  margin-top:25px;
  padding-bottom:10px;
}
/* HEADER SECTION::LOGO */

div#header h1 {
	background: url(../images/logo.gif) no-repeat 0 0;
	height: 95px;
	text-indent: -9999px;
	width: 210px;
 margin-left:20px;
}

div#header h1 a, div#header h1 a:visited {
	display: block;
	height: 0px;
	outline: none;
	overflow: hidden;
	padding: 95px 0 0 210px;
	width: 0px;
}
/* HEADER SECTION::CONTACT */

div#header h2 {
	background: url(../images/bg_header_contact.gif) no-repeat 0 0;
	height: 46px;
	left: 280px;
	position: absolute;
	text-indent: -9999px;
	top: 25px;
	width: 218px;
}
/* HEADER SECTION::HEADER-NAV */

ul#header-nav {
	position: absolute;
	right: 50px;
	top: 44px;
}

ul#header-nav li {
	float: left;
}

ul#header-nav li a, ul#header-nav li a:visited {
	border-right: solid 2px #b76000;
	color: #353535;
	font: bold 10px Tahoma, Arial, sans-serif;
	padding: 0 6px;
	text-decoration: none;
}

ul#header-nav li a:hover {
	color: #f78f1e;
}

ul#header-nav li a.last {
	border-right:none !important;
}
/* HEADER SECTION::LANGUAGE SELECTOR */

ul#language-selector {
	position: absolute;
	right: 0;
	top: 46px;
}

ul#language-selector li {
	float: left;
	padding-left: 5px;
}
/* MAIN NAVIGATION::MENU ITEMS */

ul#main-nav {
	height: 35px;
}

ul#main-nav li {
	background: url(../images/bg_main_nav_divider.gif) no-repeat right 2px;
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 7px;
}
#navigation_div {
	float: left;
	line-height: 34px;
}
#navigation_home {
	float: left;
}
#navigation_home a {
	background-image: url(../images/home_on.gif);
	height: 35px;
	width: 43px;
	display: block;
 margin-right:5px;
}
#navigation_home a:hover {
	background-image: url(../images/home_off.gif);
	display: block;
	height: 35px;
	width: 43px;
}


ul#main-nav li a, ul#main-nav li a:visited {
	color: #fff;
	text-decoration: none;
}

ul#main-nav li a:hover {
	color: #ffec81;
	text-decoration: none;
}

ul#main-nav li.home {
	background: none !important;
	padding:0 !important;
}

ul#main-nav li.home a, ul#main-nav li.home a:visited {
	background: url(../images/bg_main_nav_home.gif) no-repeat 0 0;
	display: block;
	height: 35px;
	text-indent: -9999px;
	width: 43px;
}

ul#main-nav li.home a:hover {
	background: url(../images/bg_main_nav_home.gif) no-repeat 0 -35px;
}

ul#main-nav li.last {
	background: none;
}
/* SEARCH FORM */

div#search-form {
	background: url(../images/bg_search_form.gif) no-repeat 0 0;
	border-left: solid 1px #d4d4d4;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	width: 210px;
}

div#search-form input#fld-search {
	border: solid 1px #cac7c7;
	color: #8b8a8a;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	margin: 6px 0 0 9px;
	padding: 3px;
	width: 160px;
}

div#search-form input.search-button {
position:absolute;
top:7px;
right:9px;
}


/* SIDEBAR::QUESTIONS */

ul#questions {
	margin-bottom: 19px;
}

ul#questions li {
	padding-bottom: 9px;
}

ul#questions li a{
	display: block;
	text-indent: -9999px;
}

ul#questions li#suitable a {
	background: url(../images/icon_suitable.gif) no-repeat 0 0;
	height: 66px;
}

ul#questions li#emmetropia a {
	background: url(../images/icon_emmetropia.gif) no-repeat 0 0;
	height: 46px;
}

ul#questions li#crete a {
	background: url(../images/icon_crete.gif) no-repeat 0 0;
	height: 46px;
}

ul#questions li#brochure a {
	background: url(../images/icon_brochure.gif) no-repeat 0 0;
	height: 46px;
}

ul#questions li#appointment a {
	background: url(../images/icon_appointment.gif) no-repeat 0 0;
	height: 46px;
}
/* SIDEBAR::NEWS SCROLLER */

div#news {
	background: url(../images/bg_news_header.gif) repeat-x 0 0;
	border: solid 1px #e0e0e0;
	border-bottom-width: 0px;
	position: relative;
}

div#news h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}

div#news h3 a, div#news h3 a:visited {
	background: url(../images/icon_rss.gif) no-repeat 0 3px;
	color: #f78f1e;
	padding-left: 20px;
	text-decoration: none;
}
/* we need an extra wrapper for the carousel */

div#news-wrapper {
	padding: 8px;
}

ul#news-scroller {
	padding: 15px 8px;
}

ul#news-scroller li {
	background: url(../images/icon_news_item.gif) no-repeat 0 4px;
	padding: 0 0 10px 20px;
}

ul#news-scroller li a, ul#news-scroller li a:visited {
	color: #888;
	text-decoration: none;
}

ul#news-scroller li a:hover {
	color: #f78f1e;
}

div#news-nav {
	border-bottom: solid 1px #e0e0e0;
	padding: 10px;
	text-align: right;
}

div#news-nav a {
	display: inline-block;
	font-size: 0;
	height: 7px;
	overflow: hidden;
	width: 10px;
}

div#news-nav a.prev {
	background: url(../images/icon_nav_arrows.gif) no-repeat 0 -10px;
}

div#news-nav a.prev:hover {
	background: url(../images/icon_nav_arrows.gif) no-repeat 0 0;
}

div#news-nav a.next {
	background: url(../images/icon_nav_arrows.gif) no-repeat 0 -30px;
}

div#news-nav a.next:hover {
	background: url(../images/icon_nav_arrows.gif) no-repeat 0 -20px;
}

/* SIDEBAR::BANNER */
div#banner-sidebar {
 padding:25px 12px;
}

/* MAIN::SLIDESHOW OR FLASH PLACEHOLDER */

div#main-head {
	border: solid 1px #e3e3e3;
	margin-bottom: 8px;
	padding: 15px;
}

/* u can safely remove this after replacing with real content .start.*/
div#main-head img {
	display: block;
}
/* u can safely remove this after replacing with real content .end.*/

/* MAIN::TABS */

div#tabs-wrapper {
	margin: 0 5px;
	padding:18px 0 25px 0;
 background: url(../images/bg_tabs_bottom.gif) no-repeat bottom center;
}

ul#tab-options li {
	float: left;
}

ul#tab-options li a, ul#tab-options li a:visited {
	background: url(../images/bg_tab_inactive.gif) repeat-x 0 0;
	border: solid 1px #e4e4e4;
	color: #515151;
	display: block;
	font-size: 12px;
	font-weight: bold;
	outline: 0;
	overflow: visible;
	padding: 12px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 9px;
	width: 132px;
}

.active {
	background: #fff !important;
	border: solid 1px #e4e4e4;
	border-bottom-width:0px !important;
	color:#969696 !important;
	display: block;
	font-size:15px !important;
	font-weight: bold;
	height: 25px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top:1px !important;
}

.hover {
	background: url(../images/bg_tab_hover.gif) repeat-x 0 0 !important;
	text-decoration: none !important;
}

ul#tabs {
	border: solid 1px #e4e4e4;
	padding: 14px 15px;
}

div.tab-helper {
	float: left;
	text-align: center;
	width: 190px;
}

div.tab-content {
	float: right;
	width: 476px;
}

/* MAIN::BANNERS */

div#main-banners {
	margin: 0 auto;
}

div.banner1 {
	float: left;
	padding-left: 15px;
	width: 333px;
}

div.banner2 {
	float: right;
	padding-right: 15px;
	width: 333px;
}

/* u can safely remove this after replacing with real content .start.*/
div.banner1 img, div.banner2 img {
  display:block;
}
/* u can safely remove this after replacing with real content .end.*/


/* FOOTER::LIST */
div#footer-list {
  border:solid 1px #e0e0e0;
  padding:10px 0 20px 30px;
  width:890px;
  margin:0 auto;
}

div#footer-list ul {
  float:left;
  width:172px;
}

div#footer-list ul li.header {
  color:#969595;
  font-size:11px;
  text-transform: uppercase;
  font-weight:bold;
}

div#footer-list ul li a, div#footer-list ul li a:visited {
  font-size:10px;
  color:#969595;
  text-decoration:none;
  background: url(../images/bg_footer_list.gif) no-repeat 0 4px;
  padding-left:12px;
}

div#footer-list ul li a:hover {
  color:#f78f1e;
}

/* FOOTER::CREDITS */
div#footer-credits {
  padding-top:10px;
  position:relative;
  width:930px;
  margin:0 auto;
}

div#footer-credits p#details {
  background: url(../images/logo_footer.gif) no-repeat 0 0;
  display:block;
  height:40px;
  color:#707070;
  font-size:11px;
  font-weight:bold;
  padding:5px 0 0 100px;
}

div#footer-credits p#details span {
  display:block;
  font-weight:normal;
}

div#design-credits {
  position: absolute;
  top:20px;
  right:0;
  font-size:10px;
  color:#999;
  padding:2px 0;
}

div#design-credits a, div#design-credits a:visited {
  color:#333;
  text-decoration:underline;
  background: url(../images/x2_logo.gif) no-repeat 2px 1px;
  padding:4px 0 4px 25px;
}

div#design-credits a:hover {
  text-decoration: none;
}

/* BREADCRUMB */
div#breadcrumb {
  background: url(../images/bg_breadcrumbs.gif) repeat-x 0 0;
  border:solid 1px #e0e0e0;
  padding:17px;
  font-size:14px;
  font-weight: normal;
  position:relative;
  margin-bottom:10px;
}

div#breadcrumb a, div#breadcrumb a:visited {
  color:#000 !important;
  text-decoration: none;
}

div#breadcrumb a:hover {
  text-decoration:underline;
}

div#breadcrumb span.base {
  font-size:18px;
  font-weight:normal;
  color:#f78f1e;
}

div#breadcrumb span.base a, div#breadcrumb span.base a:visited {
 color:#f78f1e !important;
}

div#breadcrumb span.base a:hover {
  text-decoration: underline;
}


div#breadcrumb span.divider {
  font-size:18px;
  padding:0 3px;
}

/* UTILITIES::PRINT & SHARE ICONS */

div#utilities {
  position:absolute;
  top:17px;
  right:10px;
}

/* COPY / CONTENT AREA STYLES */

div#main h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#main span.bold {
	font-weight: bold;
}

div#main span.orange {
	color: #f78f1e;
}

div#main a, div#main a:visited {
	color: #f78f1e;
	text-decoration: none;
}

div#main p {
	font-size: 13px;
}

div#main a:hover {
	text-decoration: underline;
}

/* vertical list for content .start. */
ul#more-info {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 9px;
	padding: 10px 0;
}

ul#more-info li {
	float: left;
	padding-right: 4px;
}

ul#more-info li a {
	border-right: solid 1px #b75f00;
	padding-right: 4px;
}

ul#more-info li a.last {
	border-right: none !important;
}
/* vertical list for content .end. */

div#content {
  padding:10px;
}

div#content p {
  padding-bottom:12px;
}

div#content h3 {
  color:#f78f1e;
  font-size:14px;
  display:inline;
  padding-right:20px;
}

div#content h4 {
  font-size:14px;
  padding-bottom:7px;
}

div#content h5 {
  font-size:12px;
}

div#content h3#photos {
  background: url(../images/icon_photos.gif) no-repeat top right;
}

div#content h3#videos {
  background: url(../images/icon_video.gif) no-repeat top right;
}

div#content em {
  display:block;
  font-size:11px;
  color:#6f6f6f;
  font-style:normal;
}

div#content ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom:10px;
}

div#content ul {
  margin-bottom:10px;
}

/* media lists */
div#media-wrapper {
  margin-top:25px;
}

ul.media {
  margin:15px 0 25px 0;
}

ul.media li {
  float:left;
  background: url(../images/bg_media.gif) no-repeat bottom center;
  padding-bottom:13px;
  margin:0 25px 10px 0;
}

ul.media li img {
  padding:7px;
  border:solid 1px #eaeaea;
  display:block;
}

/* amaris downloads and video lists */

div.amaris {
  background:#eeeeee;
  margin-bottom:10px;
  padding:10px 30px;
}
div.amaris h4 {
  font-size:13px;
}

div.amaris em {
  font-size:12px !important;
  color:#393939 !important;
}

ul.amaris-media {
  margin:10px 0 0 10px;
}

ul.amaris-media li {
  float:left;
  background: #fff url(../images/bg_amaris_media.gif) repeat-x bottom left;
  width:286px;
  border:solid 1px #cecece;
  margin:0 30px 5px 0;
}

ul.amaris-media li.odd {
  margin-right: 0 !important;
}

ul.amaris-media li a, ul.amaris-media li a:visited, ul.amaris-media li a:hover{
   font-size:14px;
   font-weight: bold;
   font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
   display:block;
   padding:10px 0 10px 40px;
   text-decoration: none !important;
}

ul.amaris-media li a.video {
  background: url(../images/icon_amaris_video.gif) no-repeat 10px 10px;
}

ul.amaris-media li a.pdf {
  background: url(../images/icon_pdf.gif) no-repeat 10px 10px;
}

ul.amaris-media li a span {
  font-size:10px;
  color:#a4a4a4;
  display:block;
}

/* contact page styles */
div#map-wrapper {
  position:relative;
}

div#map-wrapper em {
  font-size:10px;
  position: absolute;
  top:0;
  right:0px;
}

div#gmap {
  padding:0 5px;
}

div#contact {
  margin-top:25px;
}

div#form {
  float:left;
  width:450px;
  position:relative;
}

div#cdetails {
  float:right;
  width:200px;
}

div#form form {
  margin-top:10px;
}

div#form label {
  float:left;
  width:80px;
  text-align: right;
  color:#8a8989;
}

div#form input, div#form textarea {
  width:350px;
  margin-left:10px;
}

div#form textarea {
  height:105px;
}

div#form input, div#form textarea {
  background: #fff url(../images/bg_field.gif) repeat-x 0 0;
  border:solid 1px #e0e0e0;
  font-size:12px;
}

div#form p#actions {
  font-size:11px;
  color:#b3b2b2;
  padding-left:90px;
}

ul#buttons {
  position: absolute;
  bottom:0;
  right:8px;
}

ul#buttons li {
  float:right;
}

ul#buttons li a {
  font-weight: bold;
  text-decoration: underline;
}

ul#buttons li.first {
 padding-left:5px;
}

ul#buttons li.last {
 border-right:solid 1px #cc0000;
 padding-right:5px;
}

div#form input.button {
  color:#f78f1e;
  background:none;
  width:48px;
  text-decoration:underline;
  font-size:12px;
  font-weight:bold;
  border:none;
}

div#cdetails h5 {
  font-size:14px;
  margin-top:10px;
}

div#cdetails strong, div#cdetails span {
  display:block;
}


/* so think values */
table tr td {
  vertical-align: middle;
}

div#navigation_div table table table table tr td {
  padding:0 1px;
}

div table table table table td {
  padding:0 5px;
}