/* CSS Document */



li, p {
	color:#4D4D4D
}

.clear {
	clear: both;	
}

body {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	background-image: url(../objs/main_bg.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	}

h1{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 20px;
	font-weight: normal;
	color: #5A6281;
    margin: 10px;
	}

h2{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 16px;
	font-weight:bold;
	color: #5A6281;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}
	
h2.widgettitle {
	margin-bottom: 5px !important;
	margin-left: 0px !important;

}
	

	
	
	
h3{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 14px;
	font-weight:bold;
	color: #5A6281;
	margin-top: 0px;
    margin-bottom: 5px;
}

p {
	margin-left:10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color:#4D4D4D;
	
	}

a:link {
	color: #0D405D;
	}

a:visited {
	color:#3367FF;
	}

a:hover {
	color:#4D99D7;
	}


#wrapAll {
	width: 960px;
	margin: 0px auto;
	padding-bottom: 15px;
	}
	
#wrapContent{
	background-color:#FFFFFF;
	width: 957px;
	border-left:#E6E6E6 1px solid;
	border-right:#E6E6E6 1px solid;
	margin-left:auto;
	margin-right:auto;
	}

#colContentLeft{
	float: left;
	width: 400px;
	background-color:#FFFFFF;
	margin: 10px;
	border: 1px solid #CCCCCC;
	
	}
	
#colContentLeftContact{
	float: left;
	width: 440px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	}

#colContentRight {
	width: 470px;
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
	border: solid 5px #efefef;
	background-color:#FFFFFF;
	}
	
#colContentRight li{
	color: #4D4D4D;
	}
	
#colContentRight ul{
	margin:0px;
	}
	
	
	
	
#colContentRightContact {
	width: 435px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
	padding:10px;
	}

#header {
    width: 960px;
	height: 100px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	}


#logo {
	margin-top:20px;
	width:200px;
	height: 73px;
	float: left;
}

#menu1{
	margin-top:20px;
	float: right;
	padding: 5px;
	width: 700px;
	height: 25px;
}
	
#menu2{
	float: right;
	padding: 5px;
	width: 700px;
	height: 25px;
}

#menu1 li{
	display:inline;
	padding-left: 10px;
	color: #5A6281;
	font-size:14px;
	
}

#menu1 a:link {
	color: #5A6281;
	text-decoration: none;
	}

#menu1 a:visited {
	color:#999;
	text-decoration: none;
	}

#menu1 a:hover {
	color:#4D99D7;
	text-decoration: none;
	}


#menu1 ul{
	margin:0px;
	float: right;
}

#menu2 ul{
	margin:0px;
	float: right;
}

#menu2 li{
	display:inline;
	padding-left: 10px;
	color: #5A6281;
	font-size:18px;
	text-decoration: none;
}

#menu2 a:link {
	color: #5A6281;
	text-decoration: none;
	}

#menu2 a:visited {
	color:#999;
	text-decoration: none;
	}

#menu2 a:hover {
	color:#4D99D7;
	text-decoration: none;
	}
	
span {
	border-right: solid 2px #5A6281;
	padding-right: 10px;
}	


#greyBand{
	width: 960px;
	height: 37px;
	background-image:url(../objs/grey_bg.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;	
}



#wrapAll #menuBox{
	height:30px;
	background-color:#4D4D4D;
	}


.fullWidthBox{
	width: 958px;
	padding-top:10px;

}

#fullWidthBoxRight{
	width: 220px;
	height: 282px;
	float:right;
	background-image: url(../objs/index_greybg1.jpg);
	background-repeat:no-repeat;
	background-position:left;

}

#fullWidthBoxRightText{
	width: 190px;
	padding:10px;
}

#fullWidthBoxRightText  p{
	line-height:22px;
	
}

#indexBoxLeftText p {
	line-height:34px;


}

#slideshow{
	height:355px;
	width:355px;
	margin-left:5px; 
	float:left;
	margin-bottom: 10px;
}

#nav
{
	float:left;
}

#nav a
{
	float:left;
	clear:both;	
	padding-left:7px;
	padding-right:7px;
	padding-top:5px;
	padding-bottom:5px;
	background:#808080;
	color:#fff!important;
	text-decoration:none!important;
	font-size:11px;
	font-weight:bold;
}

#nav a.activeSlide
{
	background:#CCC!important;
	color:#808080!important;
}


#indexBoxLeftText{
	float: left;
	width: 275px;
}


#indexBoxRightPhoto{
	float: right;
	width: 272px; 
}


#indexBoxRight{
	float: right;
	height:355px;
	width:550px;
	margin-right:10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #CCCCCC;
	 
}


#contact{
	float: right;
	width: 500px;
	margin-bottom:15px;
	padding: 10px
	
}

#leftBoxGrey{
	float: left;
	width: 200px;
	height: 220px;
	padding: 10px 10px 10px 10px;
	background:url(/objs/grey_box.gif) top left no-repeat!important;
}



#leftBoxGrey li{
	margin-top: 3px;


}

#leftBoxGrey ul{
	margin:0px;
}


#photoBox{
	margin-top: 50px;
	padding-left: 35px;
	width:165px;
}


	
#footer {
	background-image:url(../objs/footer_bg.jpg);
	width: 960px;
	height: 54px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	}

#footerColRight {
	background-position:left;
	float:right;
	margin-top:20px;
	padding-right: 7px;
	padding-top: 2px;
	height:19px;
	width:200px;
	text-align:right;
	}
	
#footerColRight a
{
	color:#000!important;
	text-decoration:none!important;
	font-size:12px;
}

#footerColLeft {
	background-position:right;
	margin-top:20px;
	padding-left: 7px;
	padding-top: 2px;
	float:left;
	height:19px;
    width:670px;
	}
	
#footer p{
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 12px;
	color: #333;
	margin-top: 0px;
    margin-top: 0px;
	
	}
	
#footer a:link{
	color: #fff;
	font-size: 1.1em;
	}

	
#Name, #Email, #Address{
	background-color: #F2F2F2; 
	border: solid 1px #CCCCCC;
}

#Question
{
	background-color: #F2F2F2; 
	border: solid 1px #CCCCCC;
}

#contactContainer{
	width: 480px;
	border: #ccc 1px solid; 
	float: left;
	margin-left:10px;
	margin-bottom:10px;
}

#contactContainerRight{
	width: 480px;
	border: #ccc 1px solid; 
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}

#contactMap{
	width: 300px;
	float: left;
	margin-top:10px;

}
#contactText{
	margin:10px;
	width: 460px;
	float: left;
	border: solid 1px #CCCCCC;
}

.contactTextHeader{
	height: 25px;
	width: 440px;
	background-image: url(../objs/grey_bg.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	
}




#contactForm{
	width: 872px;
	float:left;
	padding: 10px;
	margin-right:10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
	background-image: url(../objs/contact_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}



.fullwidthBoxBorder{
	width:935px;
	border:solid 1px #ccc;
	margin-right:10px;
	margin-left:10px;

	
}

.fullwidthContainer{
	width:935px;
	margin-right:10px;
	margin-left:10px;
	padding-bottom: 10px;
	
}

.fullWidthTop {
	width: 935px;
	height: 13px;
	font-size:0;
	background-image:url(../objs/full_top.jpg);
	background-repeat:no-repeat;
}

.fullWidthMiddle {
	width: 935px;
	background-image:url(../objs/full_middle.jpg);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-top: 10px;

	
}

.fullWidthBottom{
	width: 935px;
	height: 13px;
	background-image:url(../objs/full_bottom.jpg);
	background-repeat:no-repeat;
}



.halfwidthBoxBorderLeft{
	width:440px;
	float:left;
	border:solid 1px #ccc;
	margin-left: 20px;
	margin-bottom: 10px;


}

.headers{
	height: 25px;
	width: 440px;
	background-image: url(../objs/grey_bg.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;

}

.image440{
	width:440px;

}

.headers390{
	height: 25px;
	width: 390px;
	background-image: url(../objs/grey_bg.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;

}

tr {color: #666666;}


	





.halfwidthBoxBorderRight{
	width:440px;
	float:right;
	border:solid 1px #ccc;
	margin-right: 20px;
	margin-bottom: 10px;
	
}




.halfwidthBoxBorderLeft1{
	width:440px;
	float:left;
	border:solid 1px #ccc;
	margin-left: 20px;
	margin-bottom: 10px;

}



.halfwidthBoxBorderRight1{
	width:440px;
	float:right;
	border:solid 1px #ccc;
	margin-right: 20px;
	margin-bottom: 10px;
	
}

.contactBoxPractices{
	width:440px;
	height: 362px;
	float:right;
	border:solid 1px #ccc;
	margin-right: 20px;
	margin-bottom: 10px;
	
}



.logoBox{
	float: right;
	width: 185px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	margin-right:20px;
	border: solid 5px #efefef;
}

.glassesMain{
	width:675px;
	margin-left:20px;
	border: solid 5px #efefef;
	overflow:hidden;
	margin-bottom: 10px;
}

.fullwidthBoxBorderGlasses{
	margin-left:10px;
	
	
}

.glassesBoxPhoto {
	width: 218px;
}

.glassesBox{
	width:281px;
	height: 433px;
	float:left;
	margin-left: 10px;
	background-color:#fff;
	padding:5px;
	margin-right: 11px;
	background-color:#efefef;

}

.glassesMid{
	width:281px;
	height: 433px;
	float:left;
	background-color:#fff;
	padding:5px;
	margin-right: 11px;
	background-color:#efefef;

}

.glassesBoxHeading{
	background-image: url(../objs/grey_bg1.jpg);
	background-repeat:repeat-x;
	height: 33px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	}
	
.glassesBoxText{
	height:230px;
	background-color:#FFFFFF;
	}
	

.glassesBoxRight{
	width:281px;
	height: 433px;
	float:left;
	background-color:#fff;
	padding:5px;
	background-color:#efefef;

}

.glassesBox1{
	width:270px;
	float:right;
}




#glassesText{
	width: 350px;
	float: right;
}

#glassesImage{
	width: 350px;
	float: left;
}

#aboutUsImage{
	width: 310px;
	float: right;
	margin: 10px;
}

#aboutUsText{
	width: 885px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	border: solid 5px #efefef;
}

#aboutUsText h2{
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 16px;
	font-weight:bold;
	color: #5A6281;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;

}




#glassText{
	width: 905px;
	float: left;
	margin-bottom: 10px;
}


#aboutUsTextRight{
	width: 450px;
	float: right;
}

#contactLensesPhoto{
	float: right;
	width: 300px;
	margin: 10px;
}

#contactLensesText{
	float: left;
	width: 355px;

}

#eyeCareText{
	float: left;
	width: 370px;
}


#eyeTesting{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
}

#eyeCareText{
	width:440px;
	padding: 0px;
	float: right;
}



.googleMap1 {
	float: left;
	margin-top:10px;
	width: 440px;

}

#availabilty {
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

#availabilty p{
	font-size:11px;
	margin: 0px;
}


#aboutUsTeam {
	float: right;
	width: 440px;

}
#404Box {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 160px;
	background-color:#efefef;
	width: 650px;
	padding-top: 45px;
	height: 100px;
	
}

td {
	padding-left: 10px;
}

tr{
	margin-top:10px;
}

table {
	margin-left: 5px;
}


	
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }


/* IE6 css fixer v0.7: Thu, 19 Nov 2009 12:13:13 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#colContentLeft,
#colContentLeftContact,
#colContentRight,
#colContentRightContact,
#logo,
#menu1,
#menu2,
#fullWidthBoxRight,
#slideshow,
#nav,
#nav a,
#indexBoxLeftText,
#indexBoxRightPhoto,
#indexBoxRight,
#contact,
#leftBoxGrey,
#footerColRight,
#footerColLeft,
#contactContainer,
#contactContainerRight,
#contactMap,
#contactText,
#contactForm,
.contactBoxPractices,
.logoBox,
.glassesBox,
.glassesMid,
.glassesBoxRight,
.glassesBox1,
#glassesText,
#glassesImage,
#aboutUsImage,
#aboutUsText,
#glassText,
#aboutUsTextRight,
#contactLensesPhoto,
#contactLensesText,
#eyeCareText,
#eyeTesting,
.googleMap1,
#aboutUsTeam,
#menu1 ul,#menu2 ul,
.halfwidthBoxBorderLeft,.halfwidthBoxBorderLeft1,
.halfwidthBoxBorderRight,.halfwidthBoxBorderRight1 {display:inline;}

/* add zoom:1 to overflow:hidden */
.glassesMain {zoom:1;}
.form-error {
	background-color: #5A6281;
	color: #FFFFFF;
	margin-top: 4px;
}
.form-error-list {
	display: inline-block;
}
.inputerror {
	border: 2px solid #5A6281;
}