/* CSS Document */

body {
padding:0px;
margin:0px;
background-image:url(images/fadbg.gif);
background-repeat:repeat-x;
}

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:66px; background:#fff url(images/button1.gif); position:relative; border-width:0 1px; width:700px; }
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:66px; line-height:66px; color:#aaa; text-decoration:none; font-size:14px; font-family: "Arial"; font-weight:bolder; text-align:center; padding:0 0 0 8px; cursor: pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#03abe4; background:url(images/button3.gif);}
.menu2 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#555; background:#fff url(images/button4.gif);}
.menu2 li a:hover b {background:url(images/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#03abe4; background:#000 url(images/button3.gif); cursor: pointer;}
.menu2 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}

#container {
width:850px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
height:auto;
}

#topheader {
width:800px;
height:50px;
margin:0px 0px 0px 0px;
padding:73px 0px 0px 0px;
text-align:right;
}

#search {
width:800px;
height:60px;
margin:20px 0px 0px 15px;
padding:0px 0px 0px 0px;
}

#innercontainer {
width:850px;
padding:0px;
margin:10px;
height:auto;
}

#nav {
width:1000px;
padding:0px;
margin:0px;
height:66px;
background-image: url(images/endnav.gif);
background-position:right;
background-repeat:no-repeat;
}

#header {
height:191px;
width:800px;
padding:0px;
margin:0px 0px 0px 0px;
background-image:url(images/fadheader.jpg);
background-repeat:no-repeat;
}

#headeropt {
height:191px;
width:800px;
padding:0px;
margin:0px 0px 0px 0px;
background-image:url(images/opticians_header.jpg);
background-repeat:no-repeat;
}

p {
font-family:Arial;
font-size:12px;
color:#666666;
margin:10px;
padding:0px;
}

.pbox {
font-family:Arial;
font-size:12px;
color:#666666;
margin:0px 10px 10px 10px;
padding:0px;
}

a:link, a:visited {
	color:#057CA3;
	text-decoration: none;
}

a:hover, a:active  {
	color: #03ABE5;
	text-decoration: none;
}


.comment {
color:#03ABE5;
font-style:italic;
}


/* Corner Box Stuff >>> */
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners1280x18grey.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #BDBDBD; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #BDBDBD;/* YCC: color & properties of the right-borderline */
	background: #f8f8f8;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
/* Corner Box Stuff <<< */

#footer {
width:100%;
height:auto;
padding:0px;
margin:10px 0px 0px 0px;
border-top: 1px dotted #D5D5D5;
text-align:center;
}

.blue {
color:#03ABE5;
}

h1 {
font-family:arial;
font-size:16px;
color:#03ABE5;
margin-bottom:5px;
}

h2 {
font-family:arial;
font-size:15px;
color:#03ABE5;
margin-bottom:5px;
}

#field{
width:auto;
height:auto;
margin: 0px 0px 5px 0px;
padding:0px;
}

.logo_hover{ width:191px; height:50px; display:block; float:right; background:url(images/freshoff.gif) no-repeat; }
.logo_hover:hover{ background:url(images/freshon.gif) no-repeat; }