@import url("format.css");					/* mandatory */

body{
/*background: url('../images/bodyBg.gif') repeat-x #FFFFFF;*/
font-family: 'Open Sans', sans-serif; 
font-size:14px;
color:#333333;
margin:0; 									/* mandatory */
padding:0;
text-align:center;							/* mandatory */
}
#homeBg{
background: url('../images/bodyBg.gif') repeat-x #ffffff;
}
#innerBg{
background: url('../images/innerbodyBg1.gif') repeat-x #ffffff;
}
#contactBg{
background: url('../images/contactBg.gif') repeat-x #ffffff;
}
#container{
width:915px;
text-align:left;							/* mandatory */
margin:10px auto 0 auto; 					/* mandatory */
*padding-top:10px;
}

/*------------------------Header Start----------------------------*/
#header{
height:109px; 
padding-top:12px;
}
#header h2{
color:#ffffff;
font:18px bold 'Open Sans', Arial, Helvetica, sans-serif;}
#logo{
/*position:absolute;							 /* mandatory */
float:left;
}
ul.address{
padding:0;
margin:0;
font-size:14px;
list-style-type:none;
}
ul.address li{
padding:0;
margin:0;
line-height:17px;
/*color:#d3ccd7;*/
}
ul.address li.phone{
background: url("../images/phone.gif") no-repeat 0 4px;
padding-left:25px;
padding-bottom:3px;
line-height:25px;
margin-top:0px;
}
ul.address li.timing{
background: url("../images/timing.gif") no-repeat 0 4px;
padding-left:23px;
line-height:17px;
}
.appo{
color:#ffffff;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.appo h3{
color:#616161;
font-size:21px;
margin-top:5px;
}
.hour{
color:#ffffff;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
width:134px;
margin-left:26px;
}
.hour h3{
color:#ffffff;
font-size:16px;
}
.hour h4{
color:#ffffff;
font-size:15px;
padding-bottom:4px;
}
#topNav {
padding:0 0 0 0;
height:42px;
}
ul#navlinks{
list-style-type:none;
margin:0px;
padding:0px;
padding-top:6px;
}
ul#navlinks li {
margin: 0; 
padding: 0;
position: relative;
float:left;
margin-right:5px;
}
ul#navlinks li a {
background:#cccccc;
text-indent: -9999px;
height:34px;
display:block;
/*text-decoration:none;
font-family:"Lucida Sans Unicode";
font-size:12px;
line-height:35px;
color:#777777;*/
/*text-transform:uppercase;
border:1px solid #c3c4c5;*/
}
ul#navlinks li:hover a, ul#navlinks li a:hover {
background-position: left bottom;
}
ul#navlinks a.home {
	background: url(../images/nav_home1.gif) no-repeat;
	width: 72px;
}
ul#navlinks a.frames {
	background: url(../images/nav_frames.gif) no-repeat;
	width: 101px;
}
ul#navlinks a.conLens {
	background: url(../images/nav_contactLens.gif) no-repeat;
	width: 147px;
}
ul#navlinks a.lenses {
	background: url(../images/nav_lens1.gif) no-repeat;
	width: 88px;
}
ul#navlinks a.treatments {
	background: url(../images/nav_treatments.gif) no-repeat;
	width: 117px;
}
ul#navlinks a.eyehealth {
	background: url(../images/nav_eyehealth1.gif) no-repeat;
	width: 123px;
}
ul#navlinks a.spcloffer {
	background: url(../images/nav_spcloffer.gif) no-repeat;
	width: 149px;
}
ul#navlinks li a.selected{
background-position: left bottom;
}
ul#navlinks li .sub {
	position: absolute; /*--Important--*/
	top: 34px; left: 0;
	z-index: 99999;
	background: #ffffff; /*--Background gradient--*/
	padding: 10px;
	float: left;
	border:1px solid #330033;
	border-bottom:2px solid #330033;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#navlinks li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#navlinks li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#navlinks .sub ul li {
	width: 140px; /*--Override parent list item--*/
	color: #fff;
}
ul#navlinks .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#navlinks .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #515151;
}
ul#navlinks .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #515151;
	font-size:12px;
	text-transform:uppercase;
}
ul#navlinks .sub ul li a:hover {
	color: #330033;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration:underline;
}

#topNav li a#active_menu{
background:url("../images/navBghover.gif") repeat-x center bottom;
text-decoration:none;
color:#ffffff;
}
#topNav li a:link span, #topNav li a:visited span {
display:block;
float:left;
}
.rtNav{
float:right;
/*margin-left:92px;*/
padding-top:5px;
}
.rtNav ul{
padding:0;
margin:0;
list-style-type:none;
}
.rtNav li{
padding:0;
margin:0;
float:left;
margin-left:5px;
}
.rtNav li a:link, .rtNav li a:active, .rtNav li a:visited{
color: #6e6262;
text-decoration:none;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
text-transform:uppercase;
padding:10px;
/*height:35px;*/
text-align:center;
line-height:35px;
}
.rtNav li a:hover{
background:url(../images/navBghover.gif) repeat-x;
background-color:#330033;
color:#ffffff;
height:34px;
}
.rtNav li a.rtNavselect{
background:url(../images/navBghover.gif) repeat-x;
background-color:#330033;
color:#ffffff;
height:34px;
}
#topNavLeft{
background:url(../images/curve_left.gif) no-repeat;
float:left;
width:5px;
height:38px;
}
#topNavRit{
background:url(../images/curve_rit.gif) no-repeat;
float:right;
width:5px;
height:38px;
}
#subNav{
height:37px;
}
.breadcrumbArea{
height:38px;
line-height:38px;
/*width:727px;*/
}
.breadcrumb{
font:normal 11px 'Open Sans', Arial, Helvetica, sans-serif;
color:#666666;
padding:0 0 0 0;
margin:0;
float:left;
height:34px;
/*width:250px;*/
}
.pathway{
font:normal 11px 'Open Sans', Arial, Helvetica, sans-serif;
color:#666;
line-height:38px;
}
.breadcrumb ul{
padding:0;
margin:0 0 0 5px;
list-style-type:none;
}
.breadcrumb li{
padding:0;
margin:0 5px 0 0;
list-style-type:none;
float:left;
line-height:35px;
}
.breadcrumb li a:link, .breadcrumb li a:active, .breadcrumb li a:visited{
font:normal 11px 'Open Sans', Arial, Helvetica, sans-serif;
color:#330033;
text-decoration:none;

} 
.breadcrumb li a:hover{
text-decoration:underline;

}
.subRight{
float:right;
width:139px;
}
.subRight ul{
margin:0;
padding:0;
list-style-type:none;
}

.subRight li.print{
background:url(../images/print.gif) no-repeat left center;
float:left;
padding:0 5px 0 20px;
}
.subRight li.book{
background:url(../images/bookmark.gif) no-repeat left center;
padding:0 0 0 12px;
float:left;

}
.subRight li a:link, .subRight li a:active, .subRight li a:visited, .subRight li a:visited{
color:#2e3192;
font-size:11px;
line-height:38px;
padding-right:5px;
text-decoration:none;
float:left;
} 
.subRight li span{
background:url(../images/dotedbordr.gif) repeat-y 0 0px;
width:1px;
height:24px;
float:left;
margin-top:8px;
}
/*------------------------Header End----------------------------*/

#banner{
height:162px;
}
#banner2{
width:914px;
height:407px;
display:block;
text-align:center;
}

.base{
background:url(../images/base_index.gif) no-repeat;
width:210px;
height:154px;
margin:15px 8px 15px 30px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
float:left;
}
.products{
height:154px;
padding: 20px 0 20px 0;
}
.productItem {
width: 210px;
height: 154px;
float:left;
border: 1px solid #e5e5e5;
position: relative;
background: url(../images/prodItem.gif) no-repeat 190px 130px #330033;
}
.productItem:hover {
border-color: #330033;
background: url(../images/prodItem1.gif) no-repeat 190px 130px #330033;
}
.productItem .prodDetails {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height:54px;
/*background: #330033;*/

}
.prodDetails h3 {
font-size:16px;
padding: 10px 10px 0;
}
.prodDetails h3 a {
padding-right: 7px;
display: inline-block;
color: #FFF;
text-transform: uppercase;
text-decoration:none;
font-size:14px;
/*background: transparent url(../images/prodItem.gif) no-repeat;*/
}
.prodDetails h3 a:hover {
background-position: 0 -15px;
}
.prodDetails h4 {
font-size:14px;
margin-bottom: 5px;
padding-left:10px;
color: #e4d9ea;
font-weight:normal;23/07/2011
}
/*.products ul{
margin:0;
padding:0;
list-style-type: none;
}
.products li{
margin:0;
padding:0;
float:left;
width:210px;
}*/
/*.products li a:link, .products li a:active, .products li a:visited{
/*background-position:0 0;*/
/*display:block;
height:154px;
border: 1px transparent #330033;*/
/*padding:12px 0 12px 5px;
}
.products li a:hover{
border: 1px solid #330033;
}*/
a.seasonLook{
background: url("../images/seasonLook.jpg") no-repeat;
height:154px;
}
a.frames{
background: url("../images/frames.jpg") no-repeat;
height:154px;
}
a.eyeTests{
background: url("../images/eyeTests.jpg") no-repeat;
height:154px;
}
a.contactLens{
background: url("../images/contact-lens.jpg") no-repeat;
height:154px;
}
.base2{
background:url(../images/base_index2.gif) no-repeat;
width:250px;
height:203px;
margin:15px 0 15px 30px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
padding:5px 30px 10px 30px;
float:left;
}
.top{
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
color:#FFFFFF;
text-transform:uppercase;
padding-left:35px;
height:30px;
display:block;
}
.top2{
font-family:'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
color:#FFFFFF;
text-transform:uppercase;
padding-left:8px;
height:30px;
display:block;
}
.content{
height:130px;
}
.base p.heading{
font-size:14px;
margin:0;
padding:0;
}
input.btn{
background:url(../images/btn.gif) no-repeat;
width:83px;
height:33px;
display:block;
border:none;
cursor:pointer;
}
.base2 ul{
margin:0;
padding:0;
list-style-type:none;
}
.base2 li{
background:url(../images/arrow3.gif) no-repeat 0 6px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
color:#131111;
padding-left:10px;
line-height:18px;
padding-bottom:12px;

}
.base2 li a:link, .base2 li a:active, .base2 li a:visited{
font-size:14px;
color:#131111;

text-decoration:none;
}
.base2 li a:hover{
text-decoration:underline;}

.miscItems{
height:200px;
padding-top:30px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}
.brandLogo{
float:left;
width: 450px;
margin-right:20px;
}
.homeTestimonials{
float:left;
width: 210px;
}
.articles{
float:left;
width: 235px;
}
.miscItems h3{
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
color:#330033;
text-transform:uppercase;
}
.miscItems ul{
margin:0;
padding:0;
list-style-type: none;
padding-top:10px;
}
.miscItems li{
margin:0;
padding:0;
color:#330033;
}
.miscItems li a:link, .miscItems li a:active, .miscItems li a:visited{
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
color:#330033;
text-decoration:none;
}
.miscItems li a:hover{
text-decoration:underline;
}
/*------------------------Middle Start ----------------------------*/

#middle{
/*background-image:url(../img/bg-middle.gif);*/
margin:0;
padding:0;
height:auto!important;
height:675px;
min-height:675px;
}
.innerMiddle{
background:url(../images/innermiddleBg.gif) repeat-y right;
padding-bottom:20px;
}

#leftCol{
float:left;							 		/* mandatory */
width:650px;
text-align:left;

}
/*#leftCol ul{
margin:0;
padding:0;
width:150px;
list-style-type:none;
}

#leftCol li{
padding:5px;
background:#f5f5f5;
border-bottom:1px solid #dbdbdb;
}

#leftCol li.heading{
background:#32348e;
text-transform:uppercase;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
padding-left:30px;
color:#FFFFFF;
}

#leftCol li a:link, #leftCol li a:active, #leftCol li a:visited{
color:#2e3192;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
text-decoration:none;
padding-left:15px;
}

#leftCol li a:hover{
color:#f58220;
text-decoration:underline;
}

#leftCol li.active a:link, #leftCol li.active a:active, #leftCol li.active a:visited{
color:#f58220;
background:#f5f5f5 url(../images/arrow2.gif) no-repeat 5px center;
font:12px 'Open Sans', Arial, Helvetica, sans-serif;
padding-left:15px;
}*/

#leftCol h3{
font-size:26px;
font-family:'Open Sans', Arial, Helvetica, sans-serif; 
color:#330033;
padding-bottom:10px;
padding-top:5px;
}

#leftCol h4{
font-size:18px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
text-decoration:none;
padding-bottom:0px;
padding-top:5px;
}

#leftCol h5
{
font-size:14px;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
text-decoration:none;
padding-bottom:0px;
padding-top:5px;
}

#leftCol p{
text-align:left;
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
}

.slideshowContainer{
/*margin:50px 0px 50px;*/
width:675px;
height:398px;
border-top:2px solid #330033;
border-bottom:2px solid #330033;
margin-bottom:20px;
/*background-color:#eaeaea;*/
}

#rightCol p{
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
padding:10px;
}

#rightCol{
float:right;						 		
width:195px;
padding:20px;
}

#rightinc{
width:176px;
float:right;
margin-left:12px;
}

.rightMiddle{
width:625px;
}
.rightMiddleExpand{
width:817px;
}
#rightCol h3{
font-size:16px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}

#rightCol h4{
font-size:13px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}


.staff{
margin:10px 0 10px 0;
}

.rtColBrands{
background-color: #ffffff;
margin-bottom:20px;
}

.sectionHeading{
height:35px;
background-color: #330033;
text-transform:uppercase;
padding:10px 10px 10px;
}

.sectionHeading h3{
color:#fefefe;
font-size:16px;
}

.sectionHeading h4{
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF;
font-size:14px;
}

#rightCol ul{
margin:0;
padding:0;
width:150px;
margin:10px 0 0 20px;
list-style-type:none;
}

#rightCol li{
height: 60px;
border-bottom:1px solid #dbdbdb;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#rightCol li:last-child {
border:none;
}

.staff ul{
margin:0;
padding:0;
list-style-type:none;
}

.staff li{
padding-right:10px;
float:left;
padding-bottom:10px;
}

.testimonial{
background:#f7f7f7 url(../images/botm.gif) no-repeat left 0;
border:1px solid #e9e9e9;
height:120px;
padding-left:132px;
}

.testimonial p.blue{
color:#2e3192;
font-size:14px;
text-transform:uppercase;
font-family: 'Opens Sans', Arial, Helvetica, sans-serif; 
}

.contact{
margin-top:23px;
padding:18px 0;
height:350px;
margin-bottom:20px;
}

.contact h2{
color:#db812d;
font:13px 'Opens Sans', Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.contactDetails{
padding:0 31px 0 0;
background:url(../images/doted.gif) repeat-y right 0;
height:335px;
color:#333333;
/*font-family:"Lucida Sans Unicode";*/
font-size:14px;
float:left;
width:265px;
text-align:justify;
}
.contactDetails p{
margin:0;
padding:0;
padding-bottom:10px;
color:#515151;
}
.contactDetails a:link, .contactDetails a:active, .contactDetails a:visited, .contactDetails a:hover{
color:#333333;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
text-decoration:none;
display:block;
}
.contactDetails a.blue:link, .contactDetails a.blue:active, .contactDetails a.blue:visited, .contactDetails a.blue:hover{
color:#32348e;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
display:inline;
text-decoration:underline;
}
.contactDetails h2{
color:#330033;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:18px;
font-weight:bold;
}
.contactDetails h3{
color:#333333;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:18px;
font-weight:bold;
}
.contactIcons{
margin-top:10px;
background:url(../images/contactIcons.jpg) no-repeat;
height:152px;
padding-left:35px;
}
.contactIcons p{
margin-top:5px;
}
.contactIcons a{
font-weight:bold;
}
.articleContent{
padding:20px 0px;
}

.articleContent h3{
padding-right:20px;
}
.read{
width:176px;
}
.readTop{
background:url(../images/rittop.gif) no-repeat;
height:35px;
padding-left:9px;
color:#FFFFFF;
font-size:14px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:30px;
}
.readBotm{
background:url(../images/ritbotm.gif) no-repeat;
height:26px;
}
.readMid{
background:url(../images/ritmid.gif) repeat-y;
padding:0 9px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
 }
.readMid a:link, .readMid a:active, .readMid a:visited{
display:block;
color:#db812e;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.readMid a:hover{
text-decoration:none;
}
.ritDocter{
margin-top:10px;
}
#contentArea{
background-image:url(../img/dot-seperator.gif);
background-repeat:repeat-y;
background-position:right;
padding:6px 20px 6px 6px;
}

/*------------------------Middle End----------------------------*/

/*------------------------Footer Start----------------------------*/

#footer{
margin:0 auto 0 auto;					 		/* mandatory */
height:150px;
background-image:url(../images/footerBg.gif);
background-repeat:repeat-x;				 		/* mandatory */
text-align:left;
clear:both;
color:#515050;
line-height:40px;						 			/* mandatory */
}
.footerText{
margin:0 auto 0 auto;
width:915px;
font-size:12px;
padding-top:5px;
}
#footCurveRight{
float:right;								 	/* mandatory */
background-image:url(../img/foot-curve-right.gif);
background-repeat:no-repeat;
width:26px;
height:47px;
}
#footCurveLeft{
float:left;										/* mandatory */
background-image:url(../img/foot-curve-left.gif);
background-repeat:no-repeat;
width:26px;
height:47px;
}
#footerNav{
text-align:center;
padding:12px 0 0 0;
}
#footer a:link, #footer a:active, #footer a:visited {
color:#330033;
font-size:12px;
text-decoration:none;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}
#footer a:hover {
text-decoration:underline;
}

/*------------------------Footer End----------------------------*/

#copyright{
text-align:center;							
color:#aaa;
}
/*div{
border:1px solid red;
}*/
.grey{
color:#515151;
}
.purple{
color:#D3CCD7;
}
.label{
width:77px;
vertical-align:top;
font-weight:bold;
padding-bottom:10px;
color:#515151;
}
.input{
width:180px;
}
td input{
height:20px;
width:180px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px;
border: 1px solid #0d0554;
}
td textarea{
height:80px;
width:180px;
resize:none;
margin-top:5px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
font-size:12px;
border: 1px solid #0d0554;
}
.sendBtn{
background: url('../images/sendBtn.jpg') no-repeat;
height:32px;
width:65px;
cursor:pointer;
border:none;
margin-top:10px;
}
td textarea:focus, td input:focus {
border: 1px solid #330033;
outline:#330033 solid 1px; 
}
p{
text-align:left;
}