* { 
	font-size: 10pt;
	font-family:'Trebuchet MS', Arial, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
}
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.fr { float: right; }
.fl { float: left; }
body { 
	background: #495677; /*#3D5C99;*/
	margin: /*0.5em auto 0.5em;*/0 auto 0;
	padding: 0;
	width: 1004px;
}
#wrap-w-borders{
	padding: 0;
	margin: 0;
	background:url('/images/background-fade-navy-1004.jpg') repeat-y left top;
}
#wrapper {
	background: #978D80; 
	padding: 0;
	margin: 0 auto;
	border: 1px solid #758EB3; 
	width: 980px;
	}
a, a:link, a:visited {
	color: #758EB3;
	text-decoration: none;
}
a:hover, a:active {
	color: #758EB3;
	text-decoration: underline;
}
div {
}
h1, h1 a, h1 a:link, h1 a:visited,
h2, h2 a, h2 a:link, h2 a:visited,
h3, h3 a, h3 a:link, h3 a:visited,
h4, h4 a, h4 a:link, h4 a:visited,
h5, h5 a, h5 a:link, h5 a:visited,
h6, h6 a, h6 a:link, h6 a:visited
{
	color: #3D5C99;
	margin-bottom: 0;
	text-decoration: none;
}
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active,
h6 a:hover, h6 a:active
{
}
h1, h1 a { font-size: 16pt; }
h2, h2 a { font-size: 14pt; }
h3, h3 a { font-size: 12pt; }
h4, h4 a { font-size: 11pt; }
h5, h5 a { font-size: 10pt; }
h6, h6 a { font-size: 8pt; }
img { border: 0; }
p { margin-top: 0; }
p.t1 { margin-top: 1em; }
p.return { float: right; margin-top: -2em; text-align: right; }
p.return a { font-size: 8pt; }
p.top { clear: both; text-align: right; }
p.top a { font-size: 8pt; }
p.more { text-align: right; }
p.more a { font-size: 8pt; }
hr { margin: 1em auto; clear: both; }

/* HEADER */
#header { 
	padding: 0;
	margin: 0;
	background: #ffffff;
}
#topmenu {
	clear: both;
	border-bottom: 2px solid #C7D4E5;
	background: #758EB3;
}
#topmenu p {
	text-align: center;
	padding: 0.5em 0;
	margin: 0;
}
#topmenu p a,
#topmenu p a:link,
#topmenu p a:visited {
	font-size: 10pt;
	color: #ffffff;
}
#topmenu p a:hover,
#topmenu p a:active {
	text-decoration: underline;
}
#headerimgs {
	clear: both;
	overflow: hidden;
	height: 245px;/* 190*/
	background: url('/images/torrance-optometry-logo-3a.png') no-repeat left top;
	border-bottom: 1px solid #C7D4E5;
}
#headerimgleft {
	float: left;
	width: 454px; /*452*/
	margin-left:auto;
	margin-right:auto;

	height: 245px;
	overflow: hidden;
}
#headerimgright {
	float: right;
	width: 526px;
}
#headermenu {
	float: left;
	clear: both;
	background: #758EB3;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid  #758EB3; 
	border-bottom: 1px solid  #758EB3; 
}

/* FOOTER */
#footer { 
	background: #eeeede;
	border-top: 1px solid #758EB3;
	clear: both;
	text-align: center;
	padding: 1em;
}
#footer * {
	font-size: 8pt;
}
#footer a {
	white-space: nowrap;
}

/* CONTENT */
.col2 * {
	font-size: 12pt;
	color:white;
}

.col2  h3, .col2 h3 a {
	color: #3D5C99;
}

.col2 a:link, .col2 a:visited {
color: #3D5C99;
}

.colright {
	border-left: 1px solid #758EB3; 
	background: #E6E6E6;
}

div.dralexander {
	clear:both;
	background: url('/images/eye-doctor/dr-debra-alexander.jpg') no-repeat left top;
	width: 180px;
	height: 229px;
	float: right;
	margin: 0 0 1em 1em;
}
div.dryu {
	clear:both;
	background: url('/images/eye-doctor/dr-jae-yu.jpg') no-repeat left top;
	width: 180px;
	height: 229px;
	float: right;
	margin: 0 0 1em 1em;
}
div.drdo {
	clear:both;
	background: url('/images/eye-doctor/dr-dat-do.jpg') no-repeat left top;
	width: 180px;
	height: 180px;
	float: right;
	margin: 0 0 1em 1em;
}


#optomap-retinal-image {
float:right;
padding:6px;
width:450px;
height:540px;
}

#optomap-retinal-scan {
float:left;
padding:6px;
height:540px;
}


div.brand-list {
background:white;
}
p.eyewearbrands {
	clear: both;
}
p.eyewearbrands img {
	vertical-align: middle;
	margin: 1em;
}
p.images {
	clear: both;
}
p.images img {
	vertical-align: middle;
	margin: 6px;
}
p.eyewearlinks {
	text-align: center;
	margin-top: 3em;
}

ul.brand-list {
	text-align: center;
	margin-right: 1em;
}
ul.brand-list li {
	display: inline;
	white-space: nowrap;
	line-height: 150%;
	color: red;
}
ul.brand-list li span {
	color: #000000;
}
ul.brand-list li:after {
content: ""; 
background: url('/images/diamond-torrance-optometry.gif') center left no-repeat;
padding-left:10px;
padding-right:12px;
}
ul.brand-list li.last:after {
	content: "";
}
div.coinshow {
	float: right;
	margin: 1em;
	border: 1px solid #758EB3;
}
div.coinshow a {
	font-size: 10pt;
}
div.coinshow a span {
	width: 500px;
}
div.coinshow h3,
div.coinshow p {
	font-size: 10pt;
	margin: 0;
	width: 490px; 
}

div.testimonial {
	margin: 1em;
	background: url('/images/social/quote.gif') top left no-repeat;
	padding-left: 1.5em;
}
div.testimonial p.sig {
	font-style: italic;
	text-align: right;
	margin-right: 6em;
}

div.eyecare-video {
width:480px;
margin-bottom:40px;
}

table.home-menu { margin: 0.5em auto; clear: both; }
table.home-menu td  a {text-align: center; display: block; height: 183px; width: 240px;}
table.home-menu td a.eye-doctors {background: url('/images/home-eye-doctors.jpg') no-repeat 0 0;}
table.home-menu td a.eye-doctors:hover {background: url('/images/home-eye-doctors.jpg') no-repeat -240px 0; }

table.eye-doctors-torrance td { text-align:center;}
table.eye-doctors-torrance td img{ border:1px solid white; text-decoration:none;}


div.sidebar-white-background {
background:white;
color:gray;
}

div.sidebar-white-background a:link, div.sidebar-white-background p {
color:gray;
}


/* ######### CSS for DDSMOOTHMENU  ######### */
.ddsmoothmenu {
font-family:'Trebuchet MS', Arial, sans-serif;
background: #708DB9; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul {
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

/*Top level list items*/
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
font-size: 11pt;
display: block;
background: #708DB9; /*background of menu items (default state)*/
color: #ffffff; 
padding: 8px 10px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
color: #ffffff;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #C7D4E5;
color: #ffffff;
}

.ddsmoothmenu ul li a:hover {
background: #C7D4E5; /*background of menu items during onmouseover (hover state)*/
color: #212121;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-size: 11pt;
	font-family:'Trebuchet MS', Arial, sans-serif;
/*
font: normal 12px Verdana;*/
width: 190px; /*width of sub menus*/
padding: 4px 10px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #C7D4E5;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass {
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}