*  {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 76% Verdana, Arial, "Trebuchet MS", Tahoma, Sans-serif;
	color: #444;
	background: #fff;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #3354aa; text-decoration: underline; }
a:visited { color: #3354aa; text-decoration: underline; }
a:hover { color: #3354aa; text-decoration: none; }
a:active { color: #3354aa; text-decoration: underline;}

#content ul { margin: 0 0 1em 5px;}
#content ul li { 
	margin: 0 0 .4em 0; 
	padding: 4px 0 4px 20px; 
	background: url(/images/icons/bullet.gif) no-repeat 0 4px; 
}
#content ol {
	margin: 0 0 1em 20px;
}
#content ol li {
	list-style-type: decimal;
	margin: 0 0 .4em 0; 
}

p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}

img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 10px 10px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 10px 10px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 10px}
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border, .googlemap { padding: 1px; border: 4px solid #a6d1df; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	color: #73bbd4;
}
h1 { font-size: 1.4em; color: #3354aa; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 span, h2 span, h3 span {
	display: none;
}

p {
	margin: 0 0 1em 0;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #eee;
	background-color: #fff;
	margin: .5em 0 !important;
	margin: 0;
}

#header {
	position: relative;
	width: 100%;
	height: 172px;
	background: url(/images/bgrounds/header.jpg) no-repeat top right;
}

#header .logo {
	position: absolute;
	top: 0;
	left: 0;
}
#flashcontent {
	position: absolute;
	top: 0; left: 195px;
}
#container {
	margin: 0 auto;
	width: 939px;
	text-align: left;
}
#header h2 {
	position: absolute;
	top: 127px;
	left: 257px;
	background: url(/images/text/h2-optometrists-and-contact-lens-consultants.gif) no-repeat;
	width: 324px;
	height: 29px;
}

#separator {
	width: 939px;
	height: 36px;
	background: url(/images/bgrounds/separator-bar.gif) repeat-x;
}

#main {
	width: 939px;
	background: url(/images/bgrounds/main.jpg) no-repeat;
}
#main-l, #main-r, #main-c {
	float: left;
	display: inline;
}
#main-l {
	width: 180px;
	padding: 0 0 20px 0;
}
#main-c {
	width: 402px;/* 523 */
	padding: 32px 68px 20px 53px;
}
#main-r {
	width: 222px;
	padding: 24px 0 20px 0;
	line-height: 1.3;
	font-size: .9em;
}
#content p {
	line-height: 1.5;
}
#nav {
	margin: 11px 0 0 13px;
}

#nav, #nav ul {
	float: left;
	width: 160px;
}
	
#nav li {
	position: relative;
	float: left;
	width: 160px;
}

#nav li ul {
	position : absolute;
	left: -999em;
	margin-left : 160px;
	top: 0;
	background-color: #fff;
	border: 1px solid #cbdee7;
	width: 150px;
	padding: 5px 5px 1px 5px;
}

#nav li ul ul {
	left: -999em;
}

#nav li a.current, #nav li a.current:link, #nav li a.current:visited, #nav li a.current:hover, #nav li a.current:active {
	border: 1px solid #cbdee7;
	background-color: #fff;
	font-weight: bold;
	color: #004982;
}
#nav li li a.current, #nav li li a.current:link, #nav li li a.current:visited, #nav li li a.current:hover, #nav li li a.current:active {
	border: 1px solid #cbdee7;
	background-color: #fff;
	width: 132px;
	font-weight: bold;
	color: #004982;
}

#nav li a, #nav li a:link, #nav li a:visited, #nav li a:active {
	width: 130px;
	display: block;
	text-decoration: none;
	/*background-color: green;*/
	color: #004982;
	text-transform: uppercase;
	font-size: .9em;
	padding: 4px 15px 4px 15px;
	margin: 0 0 4px 0;
}

#nav li a:hover {
	background-color: #e1edf2;
	color: #004982;
	/*background-color: #73bbd4;
	color: #fff;*/
}

#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
	line-height: 1.2em;
	padding: 4px 8px;
	width: 134px;
	text-transform: none;
}
#nav li ul li a:hover {
	background-color: #cbdee7;
	color: #004982;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover a, #nav li.sfhover a  {
	background-color: #e1edf2;
}
#nav li:hover li a, #nav li.sfhover li a {
	background: transparent;
}

#downloads, #questions,
#downloads a, #downloads a:link, #downloads a:visited, #downloads a:active,
#questions a, #questions a:link, #questions a:visited, #questions a:active {
	color: #007fa8;
}

#downloads {
	width: 222px;/* 222 */
	background: #a6d1df url(/images/bgrounds/downloads.gif) no-repeat top left;
	padding: 10px 0 0 0;
}

#questions {	
	width: 198px;/* 222 */
	padding: 6px 12px 14px 12px;
	background: #a6d1df url(/images/bgrounds/questions.gif) no-repeat bottom left;
}
#downloads .img-r, #questions .img-r {
	margin-bottom: 0;
}
#contactdetails {	
	width: 222px;/* 222 */
	padding: 10px 0 0 0;
	background: url(/images/bgrounds/contact-top.gif) no-repeat;
 margin-top:13px;
}
#contactbottom {
	background: #004982 url(/images/bgrounds/contact-bottom.gif) no-repeat bottom left;
	padding: 0px 12px 10px 12px;
}
#contactdetails a, #contactdetails a:link, #contactdetails a:visited, #contactdetails a:hover, #contactdetails a:active {
	color: #fff;
}
/* changed 'downloads' to news and multimedia
#downloads h3 {
	width: 90px;
	height: 15px;
	background: url(/images/text/h3-downloads.gif) no-repeat;
}*/
#downloads h3 {
	width: 140px;
	height: 15px;
	background: url(/images/text/h3-newsAndMultimedia.gif) no-repeat;
}
#questions h3 {
	width: 102px;
	height: 18px;
	background: url(/images/text/h3-got-questions.gif) no-repeat;
	margin-bottom: 3px;
}
#contactdetails h3 {
	width: 68px;
	height: 15px;
	background: url(/images/text/h3-contact-details.gif) no-repeat;
}
#footer {
	border-top: 1px solid #d2e4ec;
	padding: 7px 0 0 0; 234px;
	text-align: center;
}

/**
 * Glossary
 */
acronym {
	cursor:help;
	border-bottom: 1px dotted #999 !important;
}
acronym a { text-decoration: none !important; }
.glossary_links {
	cursor: default;
	padding-bottom:10px;
	border: 1px solid #cbdee7;
	background-color: #fff;
	text-align: center;
	padding: 5px 3px;
	letter-spacing: .08em;
}

.glossary_links span {
	cursor: default;
	color: #73bbd4;
}


dt{
	font-weight:bold;
	font-size: 1.4em;
	margin-bottom:5px;
	/*position: relative;*/
}
dt .print {
	/*position: absolute;
	right: 70px;*/
	float: right;
	height: 16px;
	width: 16px;
	text-indent: 17px;
	overflow: hidden;
	background: transparent url(/clientlib/cms/images/icons/print-16x16.gif) 0 0 no-repeat;
	cursor: pointer;
}
dt > .print {
	right: 0;
}
/**
 * Tool Tip Styles
 */
.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	background-color: #73bbd4;
}
 
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #3354aa;
	padding: 5px 5px 0 5px;
	text-align: left;
	text-transform: uppercase;
}
 
.tool-text {
	padding: 2px 5px 5px 5px;
	text-align: left;
	line-height: 1.5;
	font-size: .9em;
}

#ourservices {
	background: #e2edf3 url(/images/bgrounds/services-top.gif) no-repeat;
	padding: 12px 0 0 0;
	margin: 0 0 13px 0;
}

#ourservices ul {
	background: url(/images/bgrounds/services-bottom.gif) no-repeat bottom left;
	padding: 0 0 10px 12px;
}
#ourservices h3 {
	background: url(/images/text/h3-our-services.gif) no-repeat;
	width: 83px;
	height: 12px;
	margin: 0 0 13px 12px;
}
#ourservices li {
	background: url(/images/icons/our-services-bullet.gif) no-repeat 0 50%;
	padding: 3px 0 3px 22px;
}
#ourservices li a {
	padding: 5px 0;
}

#wordmoment {
	background: #e2edf3 url(/images/bgrounds/wordmoment.gif) no-repeat;
	padding: 12px 0 0 0;
	margin: 13px 0 13px 0;
	color: #007fa8;
}
#wordmoment div {
	padding: 0px 12px 14px 12px;
	background: url(/images/bgrounds/services-bottom.gif) no-repeat bottom left;
}
#wordmoment h2 {
	background: url(/images/text/h3-word-of-the-moment.gif) no-repeat;
	width: 139px;
	height: 13px;
	margin-bottom: 10px;
}
#wordmoment dt {
	font-size: 1em;
}
#whychoose {
	width: 402px;
	padding-top: 12px;
	background: url(/images/bgrounds/why-choose-top.gif) no-repeat;
}
#whychoosebottom {
	background: #e1edf2 url(/images/bgrounds/why-choose-bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
}
#whychoose h2 {
	width: 106px;
	float: left;
	height: 32px;
	padding: 12px 0 0 20px;
	background: url(/images/text/why-choose-vision-west.gif) no-repeat 19px 0;
}
#whychoose ul {	
	float: left;
	width: 180px;
	padding: 0 0 0 0;
}
#whychoose li {
	background: url(/images/icons/tick.gif) no-repeat 0 4px;
	padding: 4px 0 4px 29px;
}

table.data {
	width: 100%;
	margin-bottom: 1em;
	background-color: #fff;
	border: 1px solid #cbdee7;
}
table.data td, table.data th {
	text-align: left;
	vertical-align: top;
	padding: 4px 10px;
	font-size: .9em;
}

table.data thead th {
	color: #73bbd4;
}
table.data tbody th {
	background-color: #73bbd4;
	color: #fff;
	padding: 4px 5px;
}
p.back {
	border-top: 1px solid #cbdee7;
	padding: 4px 0 0 0;
}
p.date {
	font-weight: bold;
}

div.zoomer {
	float: right;
	padding-top: 3px;
	overflow: hidden;
}
div.zoomer dfn {
	color: white;
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-right: 1em;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
div.zoomer span { display: none }
div.zoomer a { 
	float: left;
	display: block;
	text-indent: -3000em;
	margin-right: 3px;
	width: 21px;
	height: 20px;
	background-color: white;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.zoomer a.small { background-image: url(/images/icons/zoom-small.gif) }
div.zoomer a.large { background-image: url(/images/icons/zoom-large.gif) }

body#popup {
	padding-bottom: 130px;
	background: transparent url(../images/logos/vision-west_wm.gif) 100% 100% no-repeat fixed;
}
body#popup #container {
	width: 400px;
	padding: 1em;
}
body#popup h1 { margin-top: 1em }
body#popup a.print-link {
	position: absolute;
	top: 1em;
	right: 1em;
	font-size: 0.8em;
}
body#popup .logo { display: none }
	
body#popup ul { margin: 0 0 1em 5px;}
	
body#popup ul li { 
	margin: 0 0 .4em 0; 
	padding: 4px 0 4px 20px; 
	background: url(/images/icons/bullet.gif) no-repeat 0 4px; 
}

@media print {
	body#popup {
		background: none
	}
	body#popup #container { 
		width: auto;
	}
	body#popup #container .logo {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	a.print-link { display: none }
}


/*** faq
*/
.faq .top {
	float: right;
	text-decoration: none;
}
.faq dt .top:hover {
	text-decoration: underline;
}


th label {
	display: block;
	padding: 0.3em 0 0.1em;
	font-weight: normal; 
}
textarea,
th select,
input.text-input { 
	width: 350px;
}

#questionform {
	padding: 5px;
	border: 1px solid #bddeef;
	background-color: #edfaff;
}
#questionform table {
	padding-left: 18px;
}