/*-----------------------------------------------------/
	Complete Eyec Care CSS
	Copyright 2008 InterWorks, Inc.
	url:http://interworksinc.com/
/-----------------------------------------------------*/

@import url("typography.css");

* {margin:0;padding:0;font-family:arial,helvetica,sans-serif;font-weight:normal;outline:0;border:0;}

h2,h3,span,a,ul,li {behavior:url("/iepngfix.htc");}

html, body {height: 100%;}

.clear { clear: both; }

body {
  background:#fff url(../images/bg.png) left top repeat-x;
  color:#5e686e;
  font-size:62.5%;
  behavior:url("/csshover.htc");
}

#wrapper {
  width:960px;
  margin:0 auto;
  position:relative;
	min-height: 100%;
}

#main {
	overflow:visible;
	padding-bottom: 55px;
}

.facility #main {
	overflow: hidden;
}

#head {
  width:960px;
  padding:2em 0 0 0;
}

#head #contact {
	display: block;
	float: right;
	margin: 25px 20px 0 0;
}

#head #contact .contactText {
	display: block;
	font-size: 2em;
	color: #253443;
	text-align: right;
}

#head #contact .contactNumber {
	display: block;
	font-size: 2em;
	color: #8089a0;
	text-align: right;
	background: url("../images/phone.png") 0px 4px no-repeat;
	padding-left: 15px;
}

#mainGraphic {
  display:block;
	height: 104px;
}

#index #mainGraphic {
  width:960px;
  height:251px;
  background:url(../images/mainGraphic.jpg) left top no-repeat;
  position:relative;
  margin:0;
  display:inline;
  float:left;
}

#mainGraphic .slideshow {
	display: none;
}

#index #mainGraphic .slideshow {
	display: block;
}

.slideshow {
	z-index: 0;
}

/* **** LENS PAGE **** */
.chooseLens .slideshow {
	height:275px;
}

.chooseLens .paneRight img {
	padding:5px !important;
}

#sideContent .slideshow {
	width: 480px !important;
	height: 285px !important;
	display: block;
	margin: 0 auto;
}

#primaryContent {
  width:750px;
  *margin-top:30px;
  float:left;
}
#index #primaryContent {
  background:url(../images/divider.gif) right top no-repeat;
}

#sideContent {
  width:170px;
  float:right;
  *margin-top:30px;
  padding:0 20px 0 0;
  text-align:center;
}

#footerWrapper {
	display: block;
	margin: 0 auto;
	width: 960px;
	position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 55px;
	clear:both;
}

#footer {
  display: block;
  float:left;
  width:960px;
  height: 55px;
  background:url(../images/bg-footer.png) center top no-repeat;
  text-align:center;
}

/*--------------------------------------------------------/
  Navigation Styling
/---------------------------------------------------------*/

#head ul {
  width:960px;
  height:52px;
  margin:0 0 3em 0;
  float:left;
  background:url(../images/nav-bg.png);
}

*:first-child+html #head ul {
  margin-top:0px;
}

#head ul li {
  float:left;
  position: relative;
  list-style:none;
}

#head ul li:hover {
	background:url(../images/nav-bg-hover-x.png) repeat-x;
}

#head ul li.choose_us:hover {
	background: url("../images/nav-bg-hover-first.png") no-repeat;
}

*:first-child+html #head ul li {
  margin:0 0 0 0;
}

#head ul a {
  height:36px;
  overflow:hidden;
  margin:0;
  color:#dfe7ef;
  margin:0;
  float:left;
	text-decoration:none;
	padding:8px 22px;
	font-size:2em;
	text-align:center;
	background:url(../images/nav-divider.png) no-repeat;
}

#head ul li.facebookIcon a,
#head ul li.twitterIcon a {
	padding: 8px 18px;
}

#head ul a.contact {
	padding: 8px 20px;
}

#head ul a:hover,
#head ul a.active,
#choose_us .choose_us a.choose_us,
#services .services a.services,
#eye_care .eye_care a.eye_care,
#eye_wear .eye_wear a.eye_wear,
#new_patients .new_patients a.new_patients,
#news .news a.news,
#contact .contact a.contact {
	color: #badea2;
}

#head ul .choose_us a {
  background-position: 0 0;
  margin: 0 0 0 13px;
	background: none;
}


/*
	Drop down navigation
*/

#head ul ul {
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	padding: 0 0 10px 0;
	width: 230px;
	height: auto;
	background-image: none;
	background-color: #C7E5FF;
	border-bottom: 2px solid #B5DBFD;
	border-right: 1px solid #B5DBFD;
	z-index: 99;
}

* html #head ul ul {top: 130%;}

#head ul .contact ul, #head ul .specials ul {
  left: -77%;
}

#head ul .choose_us ul {
  left: 20px;
}

#head ul li:hover ul {
	display: block;
}

#head ul li ul li:hover {
	background: none;
}

#head ul li ul li a {
	display: block;
	margin: 0 8px !important;
	padding: 12px 7px;
	width: 200px !important;
	height: auto;
	font: bold 1.15em Tahoma;
	color: #495C8B;
  text-indent: 0;
  text-decoration: none;
	background: none;
	border-bottom: 1px solid #B6D9F7;
	text-align: left;
}

* html #head ul li ul li a {
	padding: 6px 7px;
}

#head ul li ul li a:hover {
	color: #306318;
	background-color: #D8F7C9;
}



/*--------------------------------------------------------/
  Styling
/---------------------------------------------------------*/

#text_box {
	width:568px;
	height:315px;
	background:url(../images/text-box.gif) left top no-repeat;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------/
  Giving Back page
/---------------------------------------------------------*/

div.givingBackDisplay {
  margin-bottom:18px;
}

div.givingBackDisplay a {
  display:block;
  width:131px;
  height:145px;
  background:url(../images/gift.png) no-repeat;
  margin:0 auto;
  font-size:0;
  color:transparent;
  *text-indent:-5000em;
}

div.textBubble1 {
	height: 210px;
	width: 360px;
	padding: 50px 20px 0 20px;
	background: url(../images/orange-text-bubble.png) no-repeat;
	margin: 10px 0 0 25px;
}

div.textBubble2 {
	height: 210px;
	width: 340px;
	padding: 55px 20px 0 65px;
	background: url(../images/orange-text-bubble2.png) no-repeat;
	margin-left: 160px;
}

div.textBubble1 h3, div.textBubble2 h3 {
	color: #667584 !important;
}

/*--------------------------------------------------------/
  Choosing Your Frames Page
/---------------------------------------------------------*/
.faceShapesKey,
.chooseFrames table {
	display: block;
	width: 610px;
	margin: 0 auto;
	height: 60px;
}

.faceShapesKey a,
.chooseFrames td {
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	height: 60px;
	display: block;
	float: left;
}

/* **** LENS PAGE **** */
.chooseLens .faceShapesKey a,
.chooseLens td {
	text-indent: 0em !important;
}

.chooseFrames td {
  margin-right: 6px;
  height: 55px;
}

.faceShapesKey .square a,
.chooseFrames td.square {
	width: 80px !important;
	background: url("/images/face-shapes-sprite.png") 0 0 no-repeat !important;
}

.faceShapesKey .square a:hover,
.chooseFrames td.square:hover,
.chooseFrames td.square.active {
	background-position: 0px -60px !important;
}

.faceShapesKey .oval a,
.chooseFrames td.oval {
	width: 80px;
	background: url("/images/face-shapes-sprite.png") -80px 0 no-repeat !important;
}

.faceShapesKey .oval a:hover,
.chooseFrames td.oval:hover,
.chooseFrames td.oval.active {
	background-position: -80px -60px !important;
}

.faceShapesKey .oblong a,
.chooseFrames td.oblong {
	width: 90px;
	background: url("/images/face-shapes-sprite.png") -170px 0 no-repeat !important;
}

.faceShapesKey .oblong a:hover,
.chooseFrames td.oblong:hover,
.chooseFrames td.oblong.active {
	background-position: -170px -60px !important;
}

.faceShapesKey .round a,
.chooseFrames td.round {
	width: 90px;
	background: url("/images/face-shapes-sprite.png") -260px 0 no-repeat !important;
}

.faceShapesKey .round a:hover,
.chooseFrames td.round:hover,
.chooseFrames td.round.active{
	background-position: -260px -60px !important;
}

.faceShapesKey .diamond a,
.chooseFrames td.diamond {
	width: 100px;
	background: url("/images/face-shapes-sprite.png") -360px 0 no-repeat !important;
}

.faceShapesKey .diamond a:hover,
.chooseFrames td.diamond:hover,
.chooseFrames td.diamond.active {
	background-position: -360px -60px !important;
}

.faceShapesKey .heart a,
.chooseFrames td.heart {
	width: 90px;
	background: url("/images/face-shapes-sprite.png") -450px 0 no-repeat !important;
}

.faceShapesKey .heart a:hover,
.chooseFrames td.heart:hover,
.chooseFrames td.heart.active {
	background-position: -450px -60px !important;
}

.faceShapesKey .triangle a,
.chooseFrames td.triangle {
	width: 80px;
	background: url("/images/face-shapes-sprite.png") -530px 0 no-repeat !important;
}

.faceShapesKey .triangle a:hover,
.chooseFrames td.triangle:hover,
.chooseFrames td.triangle.active {
	background-position: -530px -60px !important;
}

.faceShapes {
	margin: 20px 0 0 20px;
}

#primaryContent .faceShapes img {
	background-color: none;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------/
  News Page
/---------------------------------------------------------*/
#socialMedia {
	display: block;
	margin: 0 0 20px 24px;
}

#socialMedia h3 {
	padding: 0;
	margin: 0 0 10px 0;
}

#facebook {
	width: 350px;
	margin-right: 18px;
	display: block;
	float: left;
}

#twitter {
	width: 350px;
	display: block;
	float: left;
	height: 450px;
}

#primaryContent #twitter p {
	font-size: 12px !important;
}

#primaryContent #twitter img {
	background-color: none !important;
	float: none;
	margin: 0;
	padding: 0;
}

#primaryContent #twitter #twtr-widget-1 h3 {
	display: block;
	float: left;
	margin-top: -30px !important;
}

#primaryContent #twitter h4 {
	display: block;
	float: left;
	margin-top: -17px !important;
}

#primaryContent .cecSlider {
	position: relative;
	overflow: hidden;
	width: 750px;
}

.ourStaff #primaryContent .cecSlider,
.chooseFrames #primaryContent .cecSlider {
	position: relative;
	overflow: hidden;
	width: 750px;
}

.chooseFrames #primaryContent .cecSlider {
  border-radius: 25px;
  -moz-border-radius: 25px;
  border: 1px solid #DCEDFE;
  background-color: white;
  margin-top: 35px;
}

.chooseLens #primaryContent .cecSlider {
  margin-top: 0px !important;
}

#primaryContent .cecSliderInner {
	width: 3000px;
	position: relative;
	left: 0px;
	top: 0px;
}

.ourStaff #primaryContent .cecSliderInner,
.chooseFrames #primaryContent .cecSliderInner {
	width: 6000px;
	margin-left: 25px;
}

#primaryContent .cecSliderContent {
	float: left;
	width: 750px;
}

.chooseFrames #primaryContent .cecSliderContent {
  margin-top: 20px;
}

.chooseFrames #primaryContent .cecSliderContent img {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
}

.chooseFrames #primaryContent .cecSliderContent .paneRight {
  margin-right: 50px;
  padding-left: 20px;
  border-left: 2px solid grey;
  float: right;
  padding-right: 20px;
  width: 450px;
  font-size: 9pt;
}

/* **** LENS PAGE **** */
.chooseLens #primaryContent .cecSliderContent .paneRight {
  margin-top:10px !important;
}

.chooseFrames #primaryContent .cecSliderContent .paneLeft {
  float: left;
}

.chooseFrames #primaryContent .cecSliderContent b {
  font-weight: bold;
}

.chooseFrames #primaryContent .cecSliderContent ul {
  margin-left: 10px;
}

img.lense-logo {
	float:left !important;
	position:relative !important;
	top:40px !important;
	left:35px!important;
}

#primaryContent .cecImages {
	width: 750px;
	height: 425px;
	position: relative;
	overflow: hidden;
}

#primaryContent .cecImages .image {
	position: absolute;
	top: 0px;
	left: -300px;
	text-align: center;
}

#primaryContent .cecImages .image img {
	background-color: transparent;
	border: 0 none;
	float: none;
	margin: 0 auto;
	padding: 0;
}

.ourStaff #primaryContent .cecSliderContent img {
	background-color: transparent;
	border: 0 none;
	float: none;
	margin: 0 auto;
	padding: 0;
}

#primaryContent .cecImages .swanson img {
	margin-left: 10px;
}

#primaryContent .cecImages .snider img {
	margin-left: -5px;
}

#primaryContent .cecImages .silkey img {
	margin-left: -35px;
}

#primaryContent .cecImages .claborn img {
	margin-left: -40px;
}

#primaryContent table.cecNames {
	width: 710px;
	text-align: center;
	margin: 0 0 0 25px;
	height: 41px;
	color: #2E2D2D;
}

#primaryContent table.cecNames td {
	cursor: pointer;
	background: url("/images/bg-our-doc-nav.png") 0 0 repeat-x;
}

#primaryContent table.cecNames td:hover {
	background: url("/images/bg-our-doc-nav.png") 0 -82px repeat-x;
}

#primaryContent table.cecNames td.active {
	background: url("/images/bg-our-doc-nav.png") 0 -41px repeat-x;
}

/* **** LENSES PAGE **** */
#primaryContent table.lensNames td img {
	cursor: pointer;
	background: #ffffff;
	padding:3px;
}

#primaryContent table.lensNames td img:hover {
	background:#e1e1e2;
}

#primaryContent table.lensNames td.active img {
	background:#e1e1e2;
}

#contact #primaryContent .phones img.source.contact,
#contact #primaryContent .hours img.source.contact {
  float: right;
	margin: 0 10px 0 -25px;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #DCEDFE;
}

#contact #primaryContent .phones td,
#contact #primaryContent .hours td {
  border: none;
  font-size: 11pt;
}

#contact #primaryContent .phones table {
  margin-left: 0px;
}

#contact #primaryContent .phones table table {
  width: 250px;
}

#contact #primaryContent .hours table {
  margin-left: 36px;
}

#contact #primaryContent .hours table table {
  width: 440px;
  margin-left: 0px;
}

#contact #primaryContent img.social {
  margin: 0;
}

/* **** FACEBOOK LIKE BUTTON **** */
.fb-like {
	width:100px;
	right: 175px;
	position: absolute !important;
}

#index .fb-like {
	top:375px;
}

.fb-like span {
	top:82px;
}

/* **** WIDGET **** */

.d3cp_feature_wrap, .d3cp_review_order {
	width:674px !important;
}

.d3cp_feature_wrap .d3cp_review_main {
	width:390px !important;
}

.d3cp_review_main {
	width:625px !important;
}

/* **** LOCATIONS PAGE **** */
#descriptionWrap {
	display:none !important;
}

#adWrap {
	display:none !important;
}