html
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(images/bluebar.gif);
	background-color: #7DA8D0  ; /*#FDF100;  587DA1  7DA8D0 FAFC78*/
	background-repeat: repeat-x;
	color: black;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 9pt;
}

h1	{
	font-size: 13pt;
	font-family: Arial, Helvetica, Sans-serif;
	color: #FDF100;
	}
	
h2	{
	font-size: 10pt;
	font-family: Arial, Helvetica, Sans-serif;
	color: #FDF100;
	}

.bodytext	{
			font-size: 9pt;
			text-align: right;
		/*	color: #1887B9;*/
			}

.strapline{
		font-style: italic;
		line-height: 80%;
		color: #1887B9;
		/*text-align: right;  #569AC9*/
		font-size: 11pt;
		
		}
		
.header{
		font-style: bold;
		line-height: 80%;
		color: #1887B9;
		/*text-align: right;  #569AC9*/
		font-size: 18pt;
		}
		
.heading {
			font-size: 11pt;
			text-align: center;
		}
		
.label {
		font-size: 8pt;
		/*font-variant: small-caps;*/
		text-align: left;
		font-style: bold;
		}

.labeldetail	{
				font-size: 7pt;
				white-space: pre;
				}

.inputfield	{
			font-size: 8pt;
			}

.dropdown {
			font-size: 8pt;
			}

.sectiontitle {
			text-align:	left;
			font-style: bold;
			}


.fineprint{
		font-size:7pt;
		text-align:	center;
		}
		
.light {
		font-size: 8pt;
		font-style: light;
		}

.smallbox {
			float: left;
			width: 150px;
			background: #FDF100;
			background-image: url(images/yellow_back.gif);
			background-repeat: repeat-x;
			color: #0055A5;
			padding: 5px;
			margin: 10px 10px 10px 0px;
			}



a:link
{
			color: #0D699C;
    		text-decoration: none;
   			 border-bottom: #666666;
   			 border-width: 0px 0px 1px 0px;
   			 border-style: none none dotted none;
			}
			
a:visited
{
			color: black;
			text-decoration: none;
   			 border-bottom: #666666;
   			 border-width: 0px 0px 1px 0px;
   			 border-style: none none dotted none;
			}
			
a:hover
{
			color: white;
			background-color: #569AC9;
			font-style: normal;
			}

a.white:link
{
			color: #D0ECFB;
			text-decoration: none;
			border-style: none;
   			 
			}
			
a.white:visited
{
			color: white;
			text-decoration: none;
			border-style: none;
   			 
			}
			
a.white:hover
{
			color: white;
			background-color: #588199;
			
			}
			
			
a.image:link
{
			color: white;
			text-decoration: none;
			border-style: none;
   			 
			}
			
a.image:visited
{
			color: white;
			text-decoration: none;
			border-style: none;
   			 
			}
			
a.image:hover
{
			color: white;
			background-color: white;
			
			
			}			
			
div.row 	{
  			clear: both;
 			 padding-top: 10px;
 			 }

div.row span.label {
  			float: left;
  			width: 35%;
  			text-align: right;
  			}

div.row span.formw {
  			float: right;
  			width: 60%;
  			text-align: left;
  			} 
div.row span.comment{
			float: right;
			width: 90%;
			text-align: left;
			}			


span.label,span.spacer,span.multiple span {width:60px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:60px;} 
div.clear {clear:both;padding-top:5px;} 

			
#findingus {
      margin:0; padding:0;
      position:relative;
      width:285px; height:63px;
      margin:0; padding:0;
      overflow:hidden;
      }
   #findingus a {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:285px; height:63px;
      margin:0; padding:0;
      background:url("images/findingus.gif") top left no-repeat;
      text-decoration: none;
      }			
      
 #findingus a span { display:none }
 
 #optikal-logo {
      margin:0; padding:0;
      position:relative;
      width:300px; height:124px;
      margin:0; padding:0;
      overflow:hidden;
      }
   #optikal-logo a {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:300px; height:124px;
      margin:0; padding:0;
      background:url("images/Optikal_logo.gif") top left no-repeat;
      text-decoration: none;
      }			
      
 #optikal-logo a span { display:none }
     


body {	
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
	
	#Container { 
				margin: -10px auto;
				width: 860px; 
				text-align: center;
				/*background-color: white;
				/*color: black;*/
				border: 0px;
				
				}
				
				
	#logo	{
			float: left;
			/*height: 144px;*/
			margin: 15px 10px 1px 35px;
			padding: 2px;
			}


	#main{
			text-align: left;
			background-color: white;
			clear: both;
			}
	
	#iframe{
			text-align: center;
			/*background: #fff;*/
			clear: both;
			}
			
	#offers{
			text-align: center;
			/*background: #fff;*/
			clear: both;
			margin: 10px 5px 10px 35px;
			padding: 10px;
			width: 750px;
			background: #A5C5D7;
			background-image: url(images/box_shadow.gif);
			background-repeat: repeat-x;
			}



	#blurb{
			margin: 35px 200px 0px 0px;
			color: #FDF100;
			float: right;
			}
			
	
			
	#box{
			float: left;
			margin: 5px 10px 0px 0px;
			padding: 3px;
			background: #5F84A1;
			color: white;
			width: 200px;
			}
			
	#menubar{
			/*background: #CDEFF9;*/
			padding: 1px;
			}
			
	#rightimage{
			float: right;
			
			margin: 5px;
			}
			
			
#logo{
			float: right;
			
			margin: 30px 25px 5px 5px;
			padding: 5px;
			}
			

#leftimage{
			float: left;
			
			margin:10px 10px 10px 10px;
			}
			
#mapbox {
			float: right;
			background: #588199;
			margin: 10px 30px 2px 2px;
			padding: 5px;
			font-weight: 600;
			font-size: 10pt;
			color: #fff;
			-moz-border-radius: 8px;
			height: 25px;
		/*	background-image: url(images/box_shadow.gif);*/
			}
			
#strap {
			clear: left;
			float: left;
			
			margin: 10px 5px 10px 35px;
			padding: 8px 10px;
			width: 140px; 
			height: 90px;
			color: #0D699C;
			font-weight: 700;
			font-size: 9pt;
			
			
			border: 1px;
			border-top-color:#6E828E;
			border-left-color:#6E828E;
			border-right-color:#D3EDFC;
			border-bottom-color:#D3EDFC;
			border-style: none;
		}
		
#banner {
			float: left;
			margin: 0px;
		}
		
#who  {
			float: left;
			margin: 0px 22px 0px 2px;
			background: #fff;
			padding: 0px;
			width: 860px;
		}
		
#leftcolumn{
			float: right;
			padding: 5px;
			width: 470px;
			}
			
#rightcolumn{
			width: 312px;
			float: right;
			padding: 5px;
			margin: 20px 5px 10px 5px;
			}
		
#who_head {
			width: 170px;
			background: #CBA5BA;
			height: 40px;
			font-size: 11pt;
			padding: 1pt;
			text-align: center;
			margin: 2px 0px 0px 0px;
		}
		
		
#yellowbox {
			width: 310px;
			background: #FDF100;
			background-image: url(images/yellow_back.gif);
			background-repeat: repeat-x;
			color: #0055A5;
			padding: 5px;
			margin: 10px 0px 10px 0px;
			}
		
#footer {
			clear: both;
			width: 100%;
			background: #0055A5;
			padding: 10px 0px 10px 0px;
			margin: 0px;
			
		}

#how  {
			float: right;
			margin: 2px;
			padding: 4px;
			width: 190px;
		}
		
#how_head {
			width: 170px;
			background: #BAA5CB;
			height: 40px;
			font-size: 11pt;
			padding: 1pt;
			text-align: center;
			margin: 2px 0px 0px 0px;
			}
			
#what  {
			float: right;
			margin: 2px;
			padding: 4px;
			width: 190px;
		}
		
#what_head {
			width: 170px;
			background: #29DAD8;
			height: 40px;
			font-size: 11pt;
			padding: 2pt;
			text-align: center;
			margin: 2px 0px 0px 0px;
			}
			
#nav {
			margin: -19px 5px 0px 5px;
			padding: 5px;
			
			float: left;
			
			}			

#callout	{
			float: left;
			width: 268px;
			background: #FDF100;
			background-image: url(images/yellow_back.gif);
			background-repeat: repeat-x;
			color: #0055A5;
			padding: 5px;
			margin: 5px;
			}


p.navigation-bar {font-size: 11pt;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 0%;
	margin 0px 0px 0px 0px;
	color: #FDF100;
	
	}

p.navigation-bar a:link {color: #FDF100;

text-decoration: none}

p.navigation-bar a:visited {color: #FDF100;

text-decoration: none}

p.navigation-bar a:hover {background-color: #FDF100;

color: #0055A5;

text-decoration: none}


.current {
background-image: url(images/arrow.gif);

background-repeat: no-repeat;

background-position: 50% 70%;

padding-bottom: 40px;
}

ul.brands {
			list-style: none;
			padding: 20px;
			margin: 10px;
			text-align: center;
			}
			
img.brands {
			padding: 20px;
			}
			
			
.vspace {
		margin: 75px 0px 75px 0px;
		}

HR {
    height:1px;
    width:100%;
    background: black;
    margin: 0px 5px 0px 1px;  
   }


#shadow {
			/*padding: 2px;*/
			margin: 1px 0px 0px 3px;
		}
		
	 #signup table {
 background-color: #D3E9E7;
 font-size: 8pt;
 }

 div.img-dec {
 background: url('images/shadow.gif') no-repeat bottom right;
 clear: right;
 float: right;
 margin: 0 0 15px 25px;
 padding: 0;
 position: relative;
 }
  
 div.img-dec img {
 background-color: #fff;
 /*border: 1px solid #a9a9a9;*/
 display: block;
 margin: -5px 5px 5px -5px;
 /*padding: 4px;*/
 position: relative;
 }