/*--------------------Default Mods--------------------*/

@import url(x-small.css);


body {
	background-color: #E6E7E8;
	margin: 0px;
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	height: 1px;
}

ul{
}

li {
	list-style-position: outside;
}

h1 {
	color: #1177bc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-transform: capitalize;*/
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

h2 {
	color: #333333;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 15px;
}

h3 {
	color: #666666;
	font-weight: bold;
	margin-bottom: 5px;
}

h4 {
	color: #1177BC;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
	margin-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDDDF;
}

strong {
	color:#000000;
	font-weight:bold;
}

p {
	margin-bottom: 10px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td {
vertical-align: top;
}

blockquote {
	color: #6D6F71;
	margin-right: 25px;
	margin-left: 25px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	margin-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

cite {
	color: #2985C7;
	display: block;
	text-align: right;
	margin-right: 25px;
	margin-bottom: 15px;
}

.quote {
	color: #333333;
	margin-right: 25px;
	margin-left: 25px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	margin-top: 15px;
}

.cite {
	color: #999999;
	display: block;
	text-align: right;
	margin-right: 25px;
	margin-bottom: 15px;
}

.small_text {
	color: #999999;
	font-size: 11px;
}

/*--------------------Structure--------------------*/
#wrap {
	width: 951px;
	margin:0 auto;
	background-color: #FFFFFF;
}

#container {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	position: relative;
}


/*--------------------Header/Chrome-------------------*/

#Header {
	width: 950px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/headerBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#chrome {
	height: 72px;
	width: 950px;
	position: relative;
	background-image: url(../images/chromeBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#logoFEPContainer {
	height: 72px;
	width: 100%;	
}

#logo {
	height: 72px;
	/*width: 273px;*/
	float: left;
}

/*--------------------For Eyecare Practitioners--------------------*/

#FEP {
	margin-top: 15px;
	margin-right: 32px;
	height: 18px;
	width: 200px;	
	text-align: center;
	float: right;	
}


#FEB_center {
	padding-top: 0px;
}


#FEP  a {
	color: #0370a6;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-decoration: underline;
}

#FEP  a:hover, #FEP  a:active  {
	color: #666;
	text-decoration: none;
}


/*--------------------Header/Chrome SuperFocus-------------------*/

#Header_SuperFocus {
	width: 950px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	background-color: #504e4f;
	background-image: none;
}

#Header_SuperFocus_Short {
	width: 950px;
	/*height: 46px;*/
	margin: 0px;
	padding: 0px;
	background-color: #504e4f;
	background-image: none;
}

#chrome_superfocus_short {
	height: 50px;
	width: 950px;
	position: relative;
	background-color: #504e4f;
}

#logoFEPContainer_superfocus_short {
	height: 103px;
	width: 100%;	
	z-index: 998;
}

#chrome_superfocus {
	height: 80px; /*103px*/
	width: 950px;
	position: relative;
	background-color: #504e4f;
}

#logoFEPContainer_superfocus {
	height: 180px;  /*103px*/
	width: 100%;	
}

#logo_superfocus {
	margin-top: 15px;
	/*margin-bottom: 15px;*/
	/*height: 118px;*/ /*103px*/
	padding-left: 16px;
	
	width: 236px; /*273px*/
	float: left; 
}

#FEP_superfocus {
	margin-top: 15px;
	margin-right: 32px;
	height: 18px;
	width: 200px;	
	text-align: center;
	float: right;	
}

#FEP_superfocus  a {
	color: #e8e8e8;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-decoration: underline;
}

#FEP_superfocus  a:hover, #FEP_superfocus  a:active  {
	color: #358eb4;
	text-decoration: none;
}


#videoAdLink {
	/*color: #e8e8e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;*/
	float: right;
	width: 608px; /*400px*/
	left: 24px;
	/*background-color: #666666;*/
	margin-top: 10px;
	/*margin-right: 10px;*/
	margin-bottom: 20; /*20px for liveHelp button*/
	/*text-align: right;*/
	position: relative;
	padding-right: 39px;
}

#videoAdLinkText {
	color: #e8e8e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	float: right;
	width: 330px; /*400px*/
	
	text-align: right;
}


.lpPoweredBy {
display:none;
}

#liveHelpChat {
	height: 27px;
	/*width: 289px;*//*289px*/
	float: right;
	margin-top: 15px;
	clear: both;
}

#lpChatBtnImgID8681392037 {
	float:right;
	border: 2px solid #5dfc9c;
}


#videoAdLink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #e8e8e8;
	/*font-weight: bold;*/
	text-decoration: underline;
	font-size: 12px;
	
}


#videoAdLink a:hover, #videoAdLink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #358eb4;
	text-decoration: none;
	font-size: 12px;
}



/*-------------------- OLD Header/Chrome-------------------*/

#HeaderOld {
	width: 100%;
	height: 57px;
	margin: 0px;
	padding: 0px;
	background-color: #6D6F71;
}

#chromeOld {
	height: 62px;
	width: 100%;
	position: relative;
}

#logoOld {
	height: 41px;
	width: 403px;
	top: 15px;
	position: relative;
	left: 25px;
	clear: both;
}


#FEPOld {
	height: 23px;
	width: 214px;
	position: relative;
	left: 715px;
	top: 0px;
	background-image: url(../images/FEP_back.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}


#FEB_centerOld {
	padding-top: 5px;
}


#FEPOld  a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1em;
}

#FEPOld  a:hover, #FEPOld  a:active  {
	color: #00CCFF;
}




/*--------------------Content Area--------------------*/

#content {
	width: 100%;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 0px;
	position: relative;
	display: table;
	clear: both;
}
#center_content {
	width: 100%;
	margin-top: 1px;
}

#mainContent {
	width: 540px;
	margin-right: 25px;
	margin-bottom: 25px;
}
#mainContent_no_right_column {
	width: 100%;
	margin-right: 25px;
	margin-bottom: 25px;
}

#mainContent ul{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mainContent ul li{
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}

.bgbutton {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
	background-color:#D2D2C8;
	border:1px solid #999999 !important;
	width:50px;
}

.bgbuttonDisabled {
	font-size:8pt;
	color:#777777;
	font-weight:bold;
}


#newsGrid td {
	font-family: Verdana, Arial, Geneva, sans-serif;
}

#newsGrid p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;*/
}
#newsGrid td {
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
}
/*--------------------Testimonials--------------------*/

#testimonialsWrap {
	background-image: url(../images/testimonials/testimonial_mid.gif);
	width: 155px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #6D6F71;
	background-repeat: repeat-y;
}

#testimonialsWrap cite{
	color: #348DCA;
	float: right;
	text-align: right;
	line-height: 15px;
	margin-top: 8px;
	font-size: 10px;
	font-style: italic;
	margin-right: 8px;
}

#testimonialsWrap p{
	padding-right: 15px;
	padding-left: 15px;
}

.testimonials_img{
	float: left;
	clear: right;
	margin-right: 8px;
	margin-top: 4px;
}

/*--------------------BreadCrumb--------------------*/

#breadcrumb {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
	width: auto;
}

#breadcrumb a{
	color: #999999;
	font-weight: normal;
	font-size: 10px;
}

#breadcrumb a:active, #breadcrumb a:hover {
	color: #2985C7;
}

/*--------------------LeftNav-------------------*/

#leftNav {
	width:190px;
	margin-top: 25px;
}

#leftNav .active a, #leftNav .active .active a {
       color: #2985C7;
}
#leftNav ul .active ul a {
	color: #6D6F71;
}

#leftNav .last a{
	color: #6D6F71;
}

#leftNav ul a{
	width: 170px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	color: #6D6F71;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-right: 25px;
	padding-left: 15px;
}

#leftNav ul  a:active, #leftNav ul  a:hover {
	color: #2985C7;
}

#leftNav ul ul a{
	width: 150px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	color: #6D6F71;
	padding-bottom: 5px;
	padding-top: 5px;
	/* text-indent: 20px; */ /* disabled since it causes extra indent in wrapped text */
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;*/
	margin-left: 25px;
	font-size: 11px;
}

#leftNav ul ul a:hover, #leftNav ul ul a:active {
	color: #2985C7;
}

#sideImg_container {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*--------------------RightSide-------------------*/

#rightSide {
	background-color: #DFDDDF;
	width: 100%;
}






/*--------------------HomePage Elements-------------------*/


.homeContentFirstText {
	font-family: Verdana, Arial, Helvetica;
	/*font-size: 16px;*/
	color: #5d5d5d;
	line-height: 24px;
}
.homeContentSecondText {
	font-family: Verdana, Arial, Helvetica;
	/*font-size: 16px;*/
	color: #5d5d5d;
	line-height: 24px;
}


#myAlternativeContent {
	
}

#homeContentNewSpacing {
	padding-top: 30px;
	padding-bottom: 30px;	
}

#home_slice {
	height: 381px;
	width: 904px;
	background-image: url(../images/home_page/home_page_image.jpg);
	background-repeat: no-repeat;
	margin-top: 19px;
	margin-left: 22px;
	margin-bottom: 19px;
}

#home_copy {
	height: 60px;
	width: 904px;
	margin-top: 0px;
	margin-left: 22px;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#demo_tn {
	position: relative;
	left: 20px;
	top: 100px;
	width: 310px;
}

#overlay_home {
	width: 294px;
	height: 90px;
	position: relative;
	left: 29px;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#overlay_home .middle{
 	background-color: #ffffff;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
	padding-right: 15px;
	padding-left: 15px;
}


#overlay_home .bottom{
	background-image: url(../images/home_page/overlay_home_back_tb.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
}

#overlay_home img{
	clear: both;
	display: inline;
	float: right;
}

/*--------------------Footer/Bottom-------------------*/
#copyRightTag {
	font-size: 10px;
}

#footer_superfocus {
	width: 100%;
	height: 114px;
	background-color: #504e4f;
}

#footer {
	width: 100%;
	height: 114px;
	background-color: #2f2f2f;
}

#bottomNav {
	font-family: Arial, Helvetica, sans-serif;
	color: #c9c8c8;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	top: 18px;
	width: 600px;
	left: 36px;
	letter-spacing: 0.1em;
}

#bottomNav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c9c8c8;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-right: 3px;
	padding-left: 3px;
}

#bottomNav  a:link, #bottomNav  a:visited {
	color: #FFFFFF;
}

#bottomNav  a:active,#bottomNav  a:hover {
	color: #1177BC;
}

#bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 650px;
	top: 43px;
	position: relative;
	left: 160px;
}

.foundation {
	background-color: #E6E7E8;
	text-align: right;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
}

/*--------------------TextMods-------------------*/

.bold_text{
	font-style: bold;
	font-weight: bold;
}

.italic_text{
	font-style: italic;
}

.bold_red {
	color: #C80000;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	font-weight: bold;
}

.blue {
	color: #1177BC;
}

/*--------------------Links-------------------*/

a.large_link {
	font-size: 16px;
	text-transform: uppercase;
}

a:link, a:visited {
	font-style: normal;
	line-height: 16px;
	color: #1177BC;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:active, a:hover {
	font-style: normal;
	line-height: 16px;
	color: #000066;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.bold:link, a.bold:visited {
	font-style: normal;
	font-weight:bold;
	line-height: 16px;
	font-stretch:condensed;
	text-decoration: underline;
}

a.bold:active, a.bold:hover {
	font-weight:bold;
	font-style: normal;
	line-height: 16px;
	color: #686264;
	font-stretch:condensed;
	text-decoration: underline;
}

/*--------------------Flash-------------------*/

#flash_anim_1 {
	width: 418px;
margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-left: 40px;
}

#flash_anim_2 {
	width: 255px;
margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-left: 120px;
}

#faqQuestions li {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDDDF;
	padding-right: 0px;
	padding-left: 0px;
}



#sk_vid_page {
	margin-top: 10px;
		width: 400px;
	margin-bottom: 10px;
}




/*Shop Sidebar*/

#LeftSidebarShop {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
}
.shopSideBarCont {
	float: left;
	width: 170px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.shopSideBarContSlideShow {
	float: left;
	width: 170px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
/*  SlideShow  */
#slideshowShop {
	position:relative;
	top: 0;
	left: 20px;
	height:173px;
}
 
#slideshowShop img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
 
#slideshowShop img.active {
	z-index:10;
	opacity:1.0;
}
 
#slideshowShop img.last-active {
	z-index:9;
}








/*--------------------Lenses PopUps on Lenses Pagem-------------------*/



/*#amberPopup p, #bronzePopup p, #slatePopup p, #greenPopup p, #lightGreenPopup p, #rosePopup p, #transitionsPhotoGreyPopup p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}*/

.lgLenses {
	margin-bottom: 12px;
	margin-top: 8px;
	
}

.bronzeThumb, .slateThumb, .greenThumb, .lightGreenThumb, .roseThumb, .amberThumb, .transitionsPhotoGreyThumb {
	
	cursor: pointer;
	border: 1px solid #ececec;
	margin-bottom: 18px;
	margin-right: 18px;
	width: 156px;
	float: left;
	color: #1177BC;
	font: normal 14px/22px Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: center;
}


.lensThumbRow {
	width: 550px;
	float: left;
	clear: both;
}


.farmePgTxt {
	width: 540px;
	height: auto;
	float: left;
	clear: both;	
	margin-bottom: 10px;
}

.innerColumn {
	width: 174px;
	height: 229px;
	float: left;
	margin-right: 15px;
}

.innerColumnR {
	width: 330px;
	height: 229px;
	float: left;
	/*margin-right: 10px;*/
}

#titaniumNew {
	margin-bottom: 8px;
	margin-top: 10px;
}







/*--------------------HomePage AB Test Elements-------------------*/

#homeABLatestNews {
	width: 100%;
	/*padding-top: 28px;*/
	padding-bottom: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color: #494447;
}

#homeABLatestNews h1{
	font-size:24px;
	color: #000000;
}

#homeABLatestNews a {
	font-size: 14px;
	color: #676064;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#homeABLatestNews a:hover{
	/*font-size: 14px;*/
	color: #018bd3;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

#homeABLatestNews span.newsDate {
	color: #979898;	
}

#homeABMainWrapper {
	font-family: Verdana, Arial, sans-serif;
	width:950px;
	/*height:450px;*/
	overflow:auto;
}
#homeABHeading {
	letter-spacing: normal;
	/*font-family: Verdana, Arial, sans-serif;*/
	color: #018bd3;
	float: left;
	/*height: 80px;*/
	/*width: 100%;*/
	padding-top: 15px;
	padding-bottom: 10px;
	font-size:19px;
	margin-left: 30px;
}
#homeABCompareContent {
	float: left;
	width:100%;
	overflow: auto;
}

#homeABHeading h1{
	color: #018bd3;
	letter-spacing: normal;
	font-size:24px;
	padding:0;
	margin: 0 0 10px;
}

.contentColumns {
	color: #777575;
	float: left;
	width: 277px;
	margin-left:  29px;
	text-align: center;
}

.contentColumns strong {
	color: #777575;
	} 


.compareGlassesTitle {
	font-size:20px;
	float:left;
	width: 277px;
	line-height:30px;
}

.compareGlassesTitleVideo {
	float:left;
	width: 276px;
	height: 176px;
	border: 1px solid #908e8e;	
}

.compareGlassesDesc {
	float:left;
	width: 277px;
	margin-top: 1px;
}
.compaeFeatureList
{
	margin-top:2px;
	margin-bottom:0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	text-align: left;
	font-size: 12px;
	color: #504e4f;
}

.compaeFeatureList li 
{
	padding-left: 20px;
	background-image: url(../images/listCheck.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin-bottom: 3px;
}


.compaeFeatureListNOCheck
{
	margin-top:2px;
	margin-bottom:0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	text-align: left;
	font-size: 12px;
	color: #504e4f;
}

.compaeFeatureListNOCheck li 
{
	padding-left: 20px;
	background-image: url(../images/listNoCheck.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin-bottom: 3px;
}

#shopBtnLi {
	background-image: none;
	text-align: center;
	margin-top:6px;
	
}

#superfocusSpecialTitle {
	color: #CE342E;
}


.compareGlassesDesc .boxOutline {
	background-image: url(../images/panels/box_outline.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 60px;
	width: 174px;
	text-align: center;
	/*margin-right: 12px;*/
	margin-left: 30px;
	/*margin-bottom: 30px;*/
	margin-top: 2px;
	}



#bifocalFlashVideo, #progressiveFlashVideo, #superfocusFlashVideo{
	margin-top: 0;
	padding-top: 0;
	
	float:left;
}