/* *************************** 
  Site - Ontario Association of Optometrists
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#0076bc;
	text-decoration:none;
}
a:hover {
	color:#0076bc;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
	background:#c2e0ed url(../images/body_bg.png) top repeat-x;
	color: #2f2f2f;
}
#container {
	width:950px;
	margin:8px auto 0 auto;
	text-align:left;
	position:relative;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	height:149px;
	background:#fff;
	position:relative;
}
#header h1 a {
	width:379px;
	height:85px;
	display:block;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	outline-style:none;
}
#header_search {
	width:430px;
	position:absolute;
	top:22px;
	right:13px;
}
#header_optometrist {
	width:430px;
	position:absolute;
	top:56px;
	right:13px;
}
#header_nav {
	width:950px;
	height:36px;
	position:absolute;
	left:0;
	top:113px;
}
#header_search p {
	float:left;
	color:#0076bc;
	font-size:14px;
	font-family:Tahoma, Verdana, Arial;
	padding-left: 10px;
}
#header_search p a {
	color:#0076bc;
}
#header_search p .small {
	font-size:16px;
	font-weight:bold;
}
#header_search p .medium {
	font-size:19px;
}
#header_search p .large {
	font-size:22px;
}
#header_search form,
#header_search fieldset {
	width:193px;
	float:right;
}
#header form input {
	vertical-align:middle;
	color:#676767;
	font-size:11px;
}
#header_search form .input_field {
	width:161px;
	height:17px;
	border:1px solid #a4a4a4;
	padding:4px 0 0 6px;
}
#header_search form .btn_header {
	margin-left:7px;
}
/** member home styles**/
#header #header_search.other p{
	float:right;
	padding-right:24px;
	}
#header #header_search.other form{
	float:right;
	clear:right;
	padding-top:5px;
	}
	
#header_optometrist {
	text-align:right;
}
#header_optometrist label {
	color:#0076bc;
	font-size:15px;
	font-family:Tahoma, Verdana, Arial;
	margin-right:3px;
}
#header_optometrist #input_findcity {
	width:135px;
	height:17px;
	border:1px solid #a4a4a4;
	padding:4px 0 0 6px;
}
#header_optometrist #input_postcode {
	width:96px;
	height:17px;
	border:1px solid #a4a4a4;
	padding:4px 0 0 6px;
}
#header_optometrist form .btn_header {
	margin-left:7px;
}
#link_member_login {
	height:178px;
	position:absolute;
	top:149px;
	right:-36px;
}
#member_login {
	width:245px;
	height:200px;
	padding:13px 0 0 35px;
	background:#fff;
	border:1px solid #adb2b5;
	position:absolute;
	visibility: hidden;
	font-size:13px;
	color:#0084bb;
	z-index:101;
}
#member_login p {
	margin-bottom:7px;
}
#member_login p.padding_left1 {
	padding-left:18px;
}
#member_login p.padding_left2 {
	padding-left:9px;
}
#member_login input {
	vertical-align:middle;
}
#member_login label {
	margin-bottom:3px;
	display:block;
}
#member_login .input_field {
	width:175px;
	height:18px;
	border:1px solid #898989;
	padding:2px 0 0 4px;
}
#link_close {
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:12px;
	left:12px;
	background:#8a8a8a;
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
#link_close:hover {
	text-decoration:none;
}

/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:100%;
	overflow:hidden;
	background:#fff;
	padding-bottom:50px;
}
#promotions {
	width:950px;
	height:360px;
	position:relative;
}
#latest_news {
	width:452px;
	float:left;
	margin:0 15px 0 6px;
	display:inline;
}
#latest_news h2 {
	font-size:17px;
	color:#0076bc;
	font-weight:bold;
	border-bottom:1px solid #d8d8d8;
	padding-bottom:5px;
	margin-bottom:2px;
	margin-left:8px;
}
#news_nav_wrapper {
	width:450px;
	border:solid 1px #CCC;
	height:30px;
}
.latest_news {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	color:#2f2f2f;
}
.latest_news img {
	float:left;
	margin-right:10px;
}
.latest_news h3 {
	font-size:15px;
}
.latest_news p {
	margin-bottom:2px;
	font-size:13px;
}
.latest_news .readmore a,
.latest_news .readmore a:hover{
	color:#0076bc;;
	font-size:13px;
	font-weight:bold;
}
#eye_health_inner .readmore a,
#eye_health_inner .readmore a:hover{
	color:#0076bc;
	font-size:13px;
	font-weight:bold;
	line-height:19px;
}
.eye_list {
height:62px;
border-bottom:2px solid white;
padding-top:7px;
padding-left:10px;
padding-right:10px;
}
.eye_list:hover {background-color:#34789D;}
.eye_list:hover h4 { color:#FFF; }


.eye_list h4 {
color:#0076bc;
font-size:12px;
}
#ask_optometrist {
	width:230px;
	float:left;
	margin-right:7px;
	padding-bottom:10px;
}
#ask_optometrist h2 {
	font-size:19px;
	color:#0076bc;
	font-weight:normal;
	padding-left:8px;
	margin-bottom:5px;
}
#ask_optometrist_inner {
	border:1px solid #d8d8d8;
	padding:5px;
}
#most_popular {
	padding:5px;
}
#most_popular h3 {
	font-size:15px;
	padding:3px 0 5px 0;
}
#most_popular li {
	padding:5px 0;
	font-size:13px;
	line-height:16px;
}
#most_popular li a {
	color:#2f2f2f;
}
#ask_optometrist .buttons {
	margin-top:5px;
	font-size:14px;
}
#ask_optometrist .buttons a {
	width:206px;
	height:22px;
	padding:7px 0 0 10px;
	display:block;
	border:1px solid #d8d8d8;
	background:url(../images/btn_header.png) 195px 9px no-repeat;
}
#ask_optometrist .buttons a:hover {
	color:#666;
	text-decoration:none;
}
#eye_health {
	width:460px;
	float:left;
}
#eye_health h3 {
color:#0075B9;
font-size:12px;
padding-top:5px;
padding-bottom:3px;
}
#eye_health p {
color:#747C7F;
line-height:17px;
}
#eye_health .eye_list:hover p { color:#FFF; }
#eye_health h2 {
	font-size:17px;
	color:#0076bc;
	font-weight:bold;
	padding-left:8px;
	margin-bottom:5px;
	border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d8d8d8;
padding-bottom: 5px;
margin-bottom: 14px;
}
#eye_health_inner {
	/*border:1px solid #d8d8d8;*/
	border-bottom:none;
	width:216px;
	float:left;
	display:block;
	position:relative;
}
#eye_health_list {
float:right;
top:0px;
left:0px;
width:237px;
background:#DBEEF4;
}
.accordion_header {
	width:208px;
	height:57px;
	padding:6px 10px;
	color:#a1a1a1;
	border-bottom:1px solid #d8d8d8;
	display:block;
	cursor:pointer;
	font-size:13px;
}
.accordion_header a {
	color:#a1a1a1;
}
.accordion_header a h3 {
	color:#0076bc;
}
.accordion_header.openheader {
	color:#fff;
	background:#34789e;
}
.accordion_header.openheader a, .accordion_header.openheader a h3 {
	color:#fff;
}
.accordion_header h3 {
	font-size:13px;
}
.accordion_body {
	width:228px;
	height:102px;
}
/*secondary page*/
#banner_top_ad {
	height: 70px;
	margin-bottom: 6px;
	position: relative;
	width: 950px;	
}
#banner_top {
	width:950px;
	height:70px;
	margin-bottom:23px;
	position:relative;
}
#breadcrumb {
	position:absolute;
	right:20px;
	top:52px;
	font-weight:bold;
	color:#fff;
}
#breadcrumb a {
	color:#fff;
}
#maincontent {
	width:450px;
	float:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
#maincontent ul li {
	list-style:disc;
	margin-left:30px;
}
#maincontent ol li {
	list-style-type: decimal;
	margin-left:30px;
}


#maincontent h1 {
	color:#0076bc;
	font-size:23px;
	font-weight:normal;
	margin-bottom:9px;
}
#maincontent h2 {
	font-size:15px;
	padding-top:10px;
	color:#2f2f2f;
}
#maincontent h4 {
	color:#0076BC;
	font-size:18px;
	font-weight:normal;
	margin-bottom:9px;
}


#maincontent p {
	margin-bottom:16px;
}
#maincontent table td {
    padding:0px 8px 8px 0px;
}
/*100th banner*/
#banner_top_100 {
	width:950px;
	height:138px;
	margin-bottom:23px;
	position:relative;
}
#banner_top_100 #breadcrumb {
	position:absolute;
	right:20px;
	top:120px;
	font-weight:bold;
	color:#fff;
}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar_left {
	width:228px;
	float:left;
	margin:0 15px 0 5px;
	display:inline;
	padding-top:36px;
}
#sidebar_left h2 {
	background:#4792bc;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 4px 7px;
	color:#fff;
	margin-bottom:3px;
}
#sidebar_left h2 a {
	color:#fff;
}
.subnav_header {
	padding:6px 0 6px 5px;
	font-size:12px;
	background:#f1f1f1;
	margin-bottom:3px;
	font-weight:normal;
	color:#01578a;
	cursor:pointer;
}
.subnav_header.openheader {
	font-weight:bold;
	padding:6px 0 6px 17px;
	background:#d6eaf2 url(../images/openheader_bg.png) 5px 10px no-repeat;
}
.subnav_items {
	width:228px;
	overflow:hidden;
	background:#d6eaf2;
	margin-bottom:3px;
}
.subnav_items li {
	width:228px;
	float:left;
}

.subnav_items li a {
	display:block;
	padding:6px 0 6px 26px;
	text-decoration:none;
}
.subnav_items li a:hover {
	padding:6px 0 6px 37px;
	background:#95c7e0 url(../images/subnav_li_hover.png) 26px 11px no-repeat;
	text-decoration:none;
}

.subnav_items li a.navselect {
	padding:6px 0 6px 37px;
	background:#95c7e0 url(../images/subnav_li_hover.png) 26px 11px no-repeat;
}
#sidebar_right {
	width:229px;
	float:right;
	margin-right:5px;
	display:inline;
	padding-bottom:30px;
}
#page_functions {
	height:36px;
}
#page_functions li {
	float:left;
	margin:0 15px 0 10px;
	display:inline;
}
#page_functions li img {
	vertical-align:middle;
}
.right_header {
	font-size:14px;
	margin:5px 0;
}
.right_header a {
	display:block;
	padding:6px 0 6px 12px;
	border:1px solid #d8d8d8;
	background:url(../images/btn_header.png) 205px 8px no-repeat;
}
.right_header a:hover {
	text-decoration:none;
	color:#666666;
}
.right_header.open a {
	background:url(../images/icon_header_open.png) 205px 8px no-repeat;
}
.right_header.news a {
	background:url(../images/icon_news.png) 203px 6px no-repeat;
}
.right_links li {
	padding:5px 0;
}
.right_links a {
	color:#707070;
}
.right_links a:hover {
	color:#0076bc;
	text-decoration:none;
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:100%;
	overflow:hidden;
	margin:3px 0 10px 0;
}
#footer_inner {
	width:890px;
	overflow:hidden;
	margin-bottom:4px;
	padding:15px 30px;
	background:#fff;
}
#logo_footer {
	float:right;
	margin-top:28px;
}
#footer_inner ul {
	width:188px;
	float:left;
}
#footer_inner ul li {
	padding:10px 0;
}
#footericon {
	float:right;
	margin-right:20px;
	display:inline;
}
#footer_copyright {
	padding:0 130px 0 30px;
	color:#fff;
}
#footer span a {
	color:#fff;
}
.bodypicture { 
margin:0 10px 10px 0;
}
#sitemap tr td, #sitemap_100 tr td  {
    padding:0px 0px 0px 5px;
}
#sitemap tr td.mainlevel, #sitemap_100 tr td.mainlevel {
    padding:5px 0px 5px 0px;
}
#sitemap tr td.thirdlevel, #sitemap_100 tr td.thirdlevel  {
    padding:0px 0px 0px 25px;
}
a.sitemap_1:link              { color:#4792bc; text-decoration:none; }
a.sitemap_1:visited           { color:#4792bc; text-decoration:none; }
a.sitemap_1:hover             { color:#4792bc; text-decoration:none; }
a.sitemap_1:active            { color:#4792bc; text-decoration:none; }	

a.sitemap_2:link              { color:#2f2f2f; text-decoration:none; font-weight: bold; }
a.sitemap_2:visited           { color:#2f2f2f; text-decoration:none; font-weight: bold; }
a.sitemap_2:hover             { color:#2f2f2f; text-decoration:none; font-weight: bold; border-bottom:dotted 1px #2f2f2f; }
a.sitemap_2:active            { color:#2f2f2f; text-decoration:none; font-weight: bold; }	

a.sitemap_3:link              { color:#2f2f2f; text-decoration:none; }
a.sitemap_3:visited           { color:#2f2f2f; text-decoration:none; }

a.sitemap_3:hover             { color:#2f2f2f; text-decoration:none; border-bottom:dotted 1px #2f2f2f; }
a.sitemap_3:active            { color:#2f2f2f; text-decoration:none; }	



.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 5px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 278px; background: #fff; overflow: hidden}
.csw .loading {margin: 100px 0 200px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 1px solid #000;  this is the border. should have the same value for the links */
	margin: auto;
	width: 452px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 283px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 452px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0 10px;
}

.stripNav { display: none }
.stripNavL {display: none }
.stripNavR {display: none }

#news_rss {
float:left;
padding-top:6px;
padding-left:5px;
margin-right:14px;
}
#more_news {
margin-left:50px;
padding-top:2px;
}
#cross-links {
width:200px;
float:left;
}
.event_page_list {
	height: 31px; 
	padding: 0px; 
	margin: 2px 45px 5px 7px;
	font-family: "Lucida Sans Unicode", "Lucida Grande";
	font-size:10px;
	 
}
.event_page_list ul {
	display: block;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 12px;
	width: 161px;
	height: 26px; 
}

.event_page_list ul li{
	float: left;
	list-style-type: none;
}

.event_page_list ul a {
	margin-right: 4px;
}
.event_page_list_active{
	background-color: #34789E;
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 1px 4px;
	margin-right: 4px;
}

.event_page_list_inactive {
	color: #FFFFFF;
	display:block;
	float:left;
	padding:1px 4px;
	text-decoration:none;
	background-color: #65B0CE;
}
.event_page_list_link {
	display: block;
	float: left;
	margin-top: 9px;
	width: 105px;
	height: 13px;
	background-image: url("images/link-more-events.jpg"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

#forum  .forumthreadtd {
background: #EDF6F9;
padding: 5px 0 5px 10px;
color:#737576;
font-size:12px;
}

#forum .forumthreadtd a {
color:#737576;
font-size:12px;
}

#forum .forummaintd {
background: #65B0CE;
color:white;
padding: 5px 0 5px 10px;
font-size:14px;
}

#forum .forummaintd a {
color:white;
font-size:12px;
}

#forum .forumheadtd {
background: #FFF;
color:#357BA2;
padding: 5px 0 5px 10px;
font-size:12px;
font-weight:bold;
}

#messagetable .messagebg {
background:#EDF6F9;
padding: 10px;
font-size:12px;
}
#messagetable .messagebgwhite {
background:#FFF;
padding: 10px;
font-size:12px;
}
#forumthreads {
padding: 0 10px;
color:#7d7d7d;
line-height:16px;
}

#forumthreads a {
color:#7d7d7d;
border-bottom: solid 1px #7d7d7d;
text-decoration:none;
}
p.p_nomargin {
margin-top:-13px;
}
#member_forgot { display:none; }







#landing_member_login {
	width:245px;
	height:200px;
	padding:13px 0px 0px 0px;
	background:#fff;
	font-size:13px;
	color:#0084bb;
}
#landing_member_login p {
	margin-bottom:7px;
}
#landing_member_login p.padding_left1 {
	/*padding-left:18px;*/
}
#landing_member_login p.padding_left2 {
	padding-left:9px;
}
#landing_member_login input {
	vertical-align:middle;
}
#landing_member_login label {
	margin-bottom:3px;
	display:block;
}
#landing_member_login .input_field {
	width:175px;
	height:18px;
	border:1px solid #898989;
	padding:2px 0 0 4px;
}
#maincontent_profile {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 675px;
}
.member_renewal_notes {
	color: #0076bc; 
	padding: 20px 10px; 
	line-height: 18px;	
}
.member_renewal_notes strong {
	font-size: 14px;	
}
.link_got_a_question {
	background: url("images/got-a-question.png") left top no-repeat;
	width: 192px;
	height: 47px;
	display: block;
	text-indent: -99em;
	overflow: hidden;
	margin-left: 10px;
}
.link_faq {
	font-weight: bold;
	background: url("images/btn_header.png") left 1px no-repeat;
	display: block;
	padding-left: 20px;
	margin: 15px 0px 0px 10px;
}
#maincontent_profile h1 {
	color: #0076BC;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 9px;
}
#maincontent_profile h2 {
	color: #0076BC;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
}
.renew_membership {
	background-color: #4792BC; 
	color: #fff; 
	margin: 0px; 
	padding: 5px 7px; 
	font-weight: bold;	
}
.edit_membership {
	background-color: #4792BC; 
	color: #fff; 
	margin-top: 10px; 
	padding: 5px 7px; 
	font-weight: bold;
	display: block;
	width: 50px;
	text-align:center;
}
#ProfileForm {
	color: #0076bc;
}
#ProfileForm fieldset {
	margin: 20px 0px;
	border: 1px solid #CEE2ED;	
	padding: 25px;
}
#ProfileForm legend {
	display: none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
#ProfileForm p.legend_title {
	font-weight: bold;
	padding: 0px 0px 10px;
}
#ProfileForm label.profile {
	display: block;
	float: left;
	width: 115px;
	padding: 4px 0px 0px;
}
.profile_select {
	float: left;
	padding: 2px 4px;
	margin: 2px 6px 2px 0px;	
}
#ProfileForm input.profile {
	display: block;
	float: left;
	width: 170px;
	padding: 2px 4px;
	margin: 2px 0px;
}
#ProfileForm div {
	clear: both;
}
.profile_button {
	background-color: #4792BC;
	color: #fff;
	font-weight: bold;
	border: 0px none;
	padding: 5px 7px;
}
.profile_radio_input {
	float: left;	
}
.profile_radio_label {
	display: block; 
	margin-left: 20px; 
	width: 350px; 
	padding-bottom: 10px; 
	font-weight: bold;	
}
.profile_radio_label_long {
	display: block; 
	margin-left: 20px; 
	width: 600px; 
	padding-bottom: 10px; 
}
.profile_text_table {
	padding-left: 20px; 
	margin-bottom: 10px;	
}
.confirmation_text {
	padding: 5px 0px;	
}
.form_error {
	color: #F00;
	margin: 10px 0px 0px 15px;
}
.form_error ul {
	padding: 10px 0px 0px 20px;
	
}
.form_error ul li {
	list-style-type: disc;	
}
.hide_site {
	display: none;	
}