a {
color: #003366;
text-decoration: underline;
}

a:hover {
color: #003366;
text-decoration: none;
}

h1 {} /* Reserved for logo */

h2, h3, h4, h5, h6, h7 {
margin: 0 0 0.8em 0;
font-family: arial narrow, univers condensed, helvetica condensed, sans-serif;
font-weight: bold;
}

h2 {
clear: both;
margin: 0 0 8px 0;
padding: 0.2em 0.6em 0.3em 0.6em;
background: #222;
text-transform: uppercase;
font-size: 1.3em;
color: #fff;
}

h3 {
font-size: 1.3em;
}

h4 {

}

h5 {

}

h6 {

}

.big {
font-size: 1.2em !important;
}

.x-big {
font-size: 1.5em !important;
}

.xx-big {
font-size: 1.8em !important;
}

.small {
font-size: 0.9em !important;
}

.x-small {
font-size: 0.8em !important;
}

.all-caps {
text-transform: uppercase !important;
}

.normal-case {
text-transform: none !important;
}

.bold {
font-weight: bold;
}

.block-header {
padding: 0.3em 0.6em;
background: #ccc;
color: #000;
}

.gray {
color: #888;
}

.dark-gray {
color: #666;
}

.light-gray {
color: #aaa;
}

.red {
color: #aa2233 !important;
}

.bright-red {
color: #c33 !important;
}

.green {
color: #6fcce3;
}

.blue {
color: #005288;
}

.clear-float {
clear: both;
display: block;
}

.align-left {
float: left;
margin: 0 1.5em 1.5em 0;
}

.align-right {
float: right;
margin: 0 0 1.5em 1.5em;
}

#hp-photo { /* Homepage Photo */

}



/*======== tables ========*/
table {

}

table tr {
vertical-align: middle;
}

table th {
padding: 0.2em 0.4em;
background: #ccc;
}

table td {
padding: 0.2em 0.4em;
border-bottom: 1px solid #ccc;
}


table.plain-table {

}

table.plain-table tr {

}

table.plain-table th {
padding: 0 !important;
background: transparent !important;
}

table.plain-table td {
padding: 0 !important;
border-width: 0 !important;
}
/*======== END: tables ========*/




/*======== sub-top ========*/
#sub-top {
height: 355px;
background: #e6e6e6;
}

#sub-top #photo {
float: left;
/*width: 475px;*/
width: 517px;
height: 355px;
}

#sub-top #text {
float: right;
/*width: 350px;*/
width: 308px;
}

#sub-top #text-body {
padding: 1.2em;
}

#sub-top #text-body h3 {

}

#sub-top #text-body h3.big {
font-size: 2.2em;
line-height: 1.4em;
}

#sub-top #text-body .highlight-green {
font-size: 1.6em;
line-height: 1.4em;
color: #6fcce3;
}

#sub-top #text-body p {
font-size: 1.1em;
line-height: 1.4em;
}
/*======== END: sub-top ========*/


#slogan { /* Slogan */
clear: both;
margin: 8px 0 0 0;
padding: 0.2em 0.6em 0.4em 0.6em;
border: 1px solid #222;
background: #fffcd6;
font-family: arial narrow, univers condensed, helvetica condensed, sans-serif;
color: #222;
}


/*======== bottom text columns ========*/
table.text-columns {
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

table.hp-text-columns td {
color: #555;
}

table.text-columns tr {
vertical-align: top;
}

table.text-columns td {
width: 139px;
border: 1px solid #222;
padding: 4px 8px 6px 8px ;
/* image: width(136) X height(85) */
background: #fffcd6;
}

table.text-columns td.col-photo {
padding: 4px 8px 88px 8px;
background: #fffcd6 url() no-repeat center bottom;
}

table.text-columns td.gutter {
width: 10px;
padding: 0;
border-width: 0;
background: transparent;
}

table.text-columns h3 {
margin: 0 0 0.4em 0;
text-transform: uppercase;
font-family: arial narrow, univers condensed, helvetica condensed, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #222;
}

table.text-columns td.hp-col-01 {background-image: url(../../images/photos/thumbs/constr-lady.gif);}
table.text-columns td.hp-col-02 {background-image: url(../../images/photos/thumbs/computers-01.gif);}
table.text-columns td.hp-col-03 {background-image: url(../../images/photos/thumbs/kids-01.gif);}
table.text-columns td.hp-col-04 {background-image: url(../../images/photos/thumbs/sunglasses-02.gif);}
table.text-columns td.hp-col-05 {background-image: url(../../images/photos/thumbs/seniors-01.gif);}

table.text-columns td.couple-01 {background-image: url(../../images/photos/thumbs/couple-01.gif);}
table.text-columns td.sunglasses-01 {background-image: url(../../images/photos/thumbs/sunglasses-01.gif);}
table.text-columns td.sunglasses-02 {background-image: url(../../images/photos/thumbs/sunglasses-02.gif);}

table.text-columns td.buy-online {
height: 97px;
padding: 0;
background: #fff url(../../images/photos/thumbs/bg-buy-online.jpg) no-repeat left bottom;
border-width: 0;
}

.buy-online-content {
display: block;
padding: 20px 4px 4px 72px;
}


table.text-columns td  table td {
width: auto;
border-width: 0;
padding: 0.2em 0.4em;
background: transparent;
}

table.chart {

}

table.chart tr {

}

table.chart th {
background: #fd0;
text-transform: uppercase;
font-weight: bold;
}

table.chart td {

}

table.chart ul {
margin-left: 0;
padding-left: 1em;
}

/*======== END: bottom text columns ========*/



/*======== doctor search forms ========*/
div.doctor-search {
/*width: 100%;*/
height: 55px;
display: block;
clear: both;
margin: 0 0 1.5em 0;
overflow: visible;

padding: 0.5em 1em 0 1em;
background: #666;
}

div.doctor-search form {
float: left;
/*width: 30%;*/
margin: 0 0 0 2em;
}

div.doctor-search form label {
font-size: 0.9em;
font-weight: bold;
color: #fff;
}

div.doctor-search form .button {
cursor: pointer;
margin: 0 0 0 0.25em;
}

#form-name {
margin: 0;
}

#form-name select {

}

#form-city select {

}

#form-zip select {
width: 100px;
}
/*======== END: doctor search forms ========*/




/*======== sub-nav ========*/
ul.sub-nav {
list-style: none;
margin: 0;
padding: 0;
}

ul.sub-nav li {
display: inline;
float: left;
padding: 0 0.4em;
border-right: 1px solid #000;
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
}

ul.sub-nav li.first {
padding-left: 0;
}

ul.sub-nav li.last {
border-width: 0;
}

ul.sub-nav a {
color: #000;
text-decoration: none;
}

ul.sub-nav a:hover {
color: #000;
text-decoration: underline;
}

ul.sub-nav li.active a, ul.sub-nav li.active a:hover {
color: #005288;
}
/*======== END: sub-nav ========*/