@charset "UTF-8";
/* CSS Document */

/*  ----------------body/hyperlinks/headings/misc---------------------- */ 

body {
background: #003880 url(images/bg.png) repeat-x;
font-size: 14px;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
overflow:auto;
line-height:150%;
}

a {color: #003399; text-decoration:none;}
a:visited {color:#003399; text-decoration:none;}
a:hover {color: #003399; text-decoration:underline;}
a:active { color:#003399; text-decoration:none;}

h1 {
font-size: 20px;
color:#003399;
text-transform:uppercase;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img {
border:none;
}

p {margin-left:-45px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}


/*  ----------------classes---------------------- */ 
img.download {vertical-align:middle;}

.boldw {
font-size:14px;
font-weight:bold;
color: #fff;
}

.boldw2 {
font-size:23px;
font-weight:bold;
color: #fff;
}

.boldy {
font-size:23px;
font-weight:bold;
color: #ffff00;
}



.yellow {
font-size:14px;
font-weight:bold;
color:#ffff00;
}

.boldblue {
font-size:14px;
font-weight:bold;
color:#003399;
}


.boldbigblue {
font-weight:bold;
font-size: 20px;
color:#003399;
text-transform:uppercase;
}

.content-list {
list-style:square;
margin-left:-25px;
}

.ordered-list {
list-style-type:decimal;
line-height:200%;
margin-left:-20px;
}

.blue-line {
width:820px;
position: relative;
margin: 0 0;
border-bottom: 1px solid #003399;
}

/* for tables in catalogue_xyz.html, testimonials.html, findus.html */

table.catalogue 
{
border-collapse:collapse;
}
table.catalogue, tr.catalogue td
{
border-bottom: 1px solid #003399;
}

tr.catalogue2, td.catalogue2 {
border-right:1px solid #003399;
}

/* for eyecare guarantee in aboutus.html */

input.button {
  color: #0000;
  background:none;
  border:0;
  font-size: 14px;
  font-weight:bold;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
margin-left:-8px;
}

input.button:hover {
color:#003399;
}

.expand-collapse {
margin-left:-38px;
}

/* pagination for catalogue_xyz.html pages */
a.page {
padding:5px;
background:#fff;
color: #003399; 
text-decoration:none;
border: 1px solid #003399;

}
a.page:visited {
padding:5px;
background:#fff;
color: #003399; 
text-decoration:none;
border: 1px solid #003399;

}
a.page:hover {
padding:5px;
background:#003399;
color: #fff; 
text-decoration:none;
border: 1px solid #003399;
}
a.page:active {
padding:5px;
background:#fff;
color: #03399; 
text-decoration:none;
border: 1px solid #003399;

}

a.pagenow {
padding:5px;
background:#003399;
color: #fff; 
text-decoration:none;
border: 1px solid #003399;

}

a.pagenow:hover {

}

/* ----------container to center the layout-------- */
#container {
background: url(images/beach9.png) no-repeat;
max-width: 1024px;
margin: -15px auto 0;
min-height:600px;
/*
margin-top: -100px;
margin-left: auto;
margin-right: auto;
*/
} 


/* ----------banner for leaves-------------- */
#banner {
position:relative;
padding: 0px;
margin: -50px 14px 0;
z-index:23; 
}


/* -----------------homepage content--------------------- */ 
#logo {
position: relative;
margin-top:-170px;
margin-left:220px;
}

#call {
position: relative;
margin-top:-70px;
margin-left:20px;
z-index:25;
text-align:center
}

#boxes {
position: relative;
top: -23px;
/*
margin-top:0px;
margin-left:50px;
*/
margin: 0 75px;
z-index:20;
}

#opt-in {
width:200px;
position:relative;
margin-top:-475px;
margin-left:730px;
z-index:23;
}

#hotpicks {
width:859px;
height:217px;
position:relative;
top:-800px;
margin-left:80px;
z-index:24;
}

#leaf {
background:url(images/right.png) no-repeat;
width:145px;
height:218px;
position:relative;
margin-left:865px;
margin-top:-280px;
z-index:25;
}


/*  ----------------subpage content---------------------- */ 
#content-top {
position: relative;
top: -31px;
margin:0px 68px;
z-index:20;
}

#content-bottom {
position: relative;
margin:0 68px;
z-index:20;
}

#content-body {
background:url(images/content_bg.png) repeat-y;
width: 875px;
margin:-31px 0 0 68px;
padding:20px 30px;
z-index:24;
}

#opt-in {
background:url(images/opt-in.png) no-repeat;
width:817px;
height:154px;
padding:4px 20px;
position:relative;
margin-left:0px;
margin-top:-10px;
z-index:25;
}

#call2 {
background:url(images/call.png) no-repeat;
width:817px;
height:53px;
padding:15px 0px;
position:relative;
margin-left:0px;
margin-top:0px;
z-index:25;
text-align:center;
font-size:14x;
font-weight:bold;
}

/*  ----------------footer---------------------- */ 
#footer {
background:url(images/footer.png) no-repeat;
width:984px;
height:175px;
position:relative;
clear:left;
margin-top:-60px;
margin-left:13px;
z-index:25;
}

#ftext {
padding-top:50px;
margin-top:0px;
margin-left:480px;
font-size:12px;
font-weight:bold;
color:#003399;
}

#footer1 {
background:url(images/footer1.png) no-repeat;
width:270px;
height:177px;
position:relative;
margin-left:15px;
margin-top:-40px;
z-index:25;
}

#footer2 {
background:url(images/footer2.png) no-repeat;
width:204px;
height:177px;
position:relative;
left:805px;
top:-190px;
z-index:25;
} 


/*  ----------------navigation---------------- */
#navcontainer ul
{
position:relative;
padding: 0;
margin-top:23px;
margin-left:197px;
color: #fff;
float: left;
height:28px;
font: 12px arial, sans-serif;
z-index:30;	
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a
{
padding: 8px 24px;
background:url(images/nav5.png) repeat-x;
color: #fff;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
background:url(images/nav6.png) repeat-x;
color: #fff;
}