/* @override http://nicolas-weates-computer.local/aelc/default.css */

/*#############################################################
Name: Deep Blue
Date: 2007-06-17
Description: A two-column layout with a touch of blue
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #474747 url(img/body.gif) repeat-y center top;
	font: normal 10px Tahoma,Verdana,sans-serif;
}
a {
	color:  #00325D;
	text-decoration: none;
}
.smcalc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #00315B;

}

/* headings */
h1 {font: normal 12px sans-serif; margin-top: .9em; line-height: 1.3em;}
h2 {font: bold 11px sans-serif; margin: 0.8em 0;}
h3 {font: bold 10px sans-serif; margin-top: 0.5em;}
h4 {font: bold 10px sans-serif; margin-top: 0.3em;}

h1,h2,h3,h4 {color: #444;}

img {
	border: none;
}
.imgborder {
	border: 4px solid #E7F4DF;
	background: #FFFFFF;
	text-align: center;

}


/* alignment classes */



.float-left {
	float: left;
}

.float-right {
	float: right;
}
img.float-right {
	margin: 5px 0px 5px 15px;
}

img.float-left {
	margin: 5px 5px 10px 10px;
}

form {
	border: 0px;
	padding: 0px;
	margin: 0px;

}

/*FORMS*/

/* Form styles */
div.form-container { margin: 0px; padding: 5px; /*background-color: #FFF; border: #EEE 1px solid;*/ }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0 0 0 0; }
div.form-container form p#note { margin: 5px 0px 0px 170px; font-size: 90%; color: #333; line-height: normal; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #FFFFFF 1px solid; }
div.form-container form legend { font-weight: bold; color: #00325D; }
div.form-container form fieldset div { padding: 0.35em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.controlset  #guides_select label{ 
	font-weight: bold; color: #00325D;}
div.form-container div.controlset  #guides_select p{
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
}
div.form-container div.controlset  #guides_select div{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	display: block;
	
}
div.form-container div.controlset  #guides_select #cataract{
	background: url(img/sm_pics/guide_ref_sm.jpg) no-repeat 0;
}
div.form-container div.controlset  #guides_select #refractive{
	background: url(img/sm_pics/guide_cat_sm.jpg) no-repeat 0;
}
div.form-container div.controlset  #guides_select #infoses{
	background: url(img/sm_pics/guide_info_sm.jpg) no-repeat 0;
}


div.form-container div.buttonrow { margin-left: 180px; }

/* misc elements */
.horRule {
height: 1px;
border-top: 1px solid #ECEFC3;
margin-top: 10px;
margin-bottom: 5px;
/*margin-left: 10px;
margin-right: 10px;*/

}
.horRule hr {
display: none;
}
}
code {
	background: url('img/code.gif');
	border-left: 6px solid #1664D9;
	border: 1px solid #F0F0F0;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FAFAFA url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;
	display: block;
	font: normal 1.2em sans-serif;
	margin: 1em 0;
	padding: 0.6em 1em 0.2em 40px;
}
ol {margin: 0 0 1.2em 2em;}

/* structure */
#main {
	width: 780px;
	border-top: 0px;
	margin: 0 auto;
}
#main_left {
	float: right;
	width: 560px;
	background-color: #D1E4C9;
}
#main_right {
	float: left;
	width: 213px;
	background-color: #D1E4C9;
}
.box{padding: 20px;margin:20px auto;
    background:#E7F4DF;}

/* misc */
.left {float: left;}
.right {float: right;}
span.comment {padding-left: 18px; background: url('img/icon_comment.gif') no-repeat left center;}
.clearer {clear: both; font-size: 0; height: 0;overflow: hidden;}

/* logo & Header */
#header {
	background: #D1E4C9;
	border-bottom: 5px solid #FFF;
	height: 167px;
}

#header h1 {
	font: normal 2.2em Verdana,sans-serif;
	margin: 0;
	padding: 0px 0px 0px 0px;

}
#header_main {
	background: #D1E4C9;
	/*border-bottom: 5px solid #FFF;*/
	height: 65px;

}
.sub_header {
	background: #D1E4C9;
	/*border-bottom: 5px solid #FFF;*/
	height: 170px;

}
.subpic {
	background: #B4C10F;
	/*border-bottom: 5px solid #FFF;*/
	height: 170px;
	float: right;
	text-align: center;

}

/***** Top Nav formatting ****/

#subnav {
color: #000;
clear: both; 
width: auto;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px ;
display: inline;
}


/* main navigation */
#navigation ul,#navigation li {margin: 0; padding: 0;}
#navigation li {list-style: none;}
#navigation {background: #4D92E4 url('img/grdnt_blue.jpg') repeat-x;}
#navigation a {
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 1em Verdana,sans-serif;
	height: 1.8em;
	padding: 0.6em 0 0 1em;
	text-decoration: none;
}
#navigation a:hover {background: #444;}

/* header navigation */
.nav_header {
	width: 215px;
	float: left;
	padding-top: 3px;
}
.nav_header a.button{
	width: 180px;

}

.nav_header ul li {

 	list-style: none;
 	margin: 2px 0 2px 5px;
 }
.nav_header li {display: list-item;}



/* sidebar label */
/*.label {
	background: #ECEFC3 ;
	clear: both;
	color: #00325D;
	font: normal 1em "Lucida Sans Unicode",sans-serif;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-align: left;
	padding: 0 0 0 14px;
	border-bottom: 2px;
}*/
#info_box  {
	


	color: #00325D;
	font: normal 1em "Lucida Sans Unicode",sans-serif;
	
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 2px;
	text-transform: uppercase;
	overflow: hidden;
	text-align: center;

	/*border-bottom: 2px;*/
	float: left;
	/*width: 31%;*/


	/*padding: 1% 1%;*/
}
#info_box a {
	
color: #00325D;
		
}
#info_box p {
	
padding-top: 10px;
		
}
/* CSS Buttons below */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 10px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 25px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 25px; /* push text down 1px */
}



/* lists */

.search_top {
	color: #00325D;
	padding: 5px 0px 5px 1px;
	margin: 0px 0px 0px 611px;
	width: 168px;
	height: 12px;

	background-color: #B4C10F;
	position: relative;

}


.search_pic {

position: absolute;
padding-top: -1px;
padding-left: 0px;
	
}
.search_field {
	height: 12px;
	width: 110px;
	background-color: #E7F4DF;
	margin: 0px 9px 0px 5px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #284279;
font: normal .9em Tahoma,Verdana,sans-serif;
}

.t_field {
	height: 14px;
	width: 110px;
	background-color: #E7F4DF;
	margin: 5px 9px 5px 5px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #284279;
font: normal .9em Tahoma,Verdana,sans-serif;
}
.tfieldgenclr{
	margin: 0px 9px 5px 5px;
}
.tfieldgen{
	margin: 0px 9px 5px 5px;
}
ul.block {
	background: #EAF4E0;
	border-top: 0px solid #FFFFFF;
	margin: 0;
	padding: 0;
}
.block li {
	border-bottom: 2px solid #FFFFFF;
	list-style: none;
}
.block a {
	/*background: url('img/block.jpg') repeat-x left top; */
	color: #00325D;
	display: block;
	font: normal 1em Verdana,sans-serif;
	padding: 0.6em 2% 0.6em 5%;
	width: 92%;
}
.block a:hover {
	background: #D1E4C9;
	
}
.block a em {
	color: #999;
	display: block;
	font: normal 0.8em Verdana,sans-serif;
	margin-top: 0.3em;
}
/* top */
#top {
	color: #666;
	background: #00325D;
	clear: both;
	height: 100px;


}
#top_logo {
padding-top: 15px;


}
#top .right {color: #555;}
#top .right a {color: #555;}
#top .right a:hover {
	color: #777;
	text-decoration: underline;
}
#top .left a {color: #777;}
#top .left a:hover {
	color: #333;
	text-decoration: underline;
}
#top .left {
	border-top: 1px solid #F0F0F0;
	padding: 9px 0 9px 9px;
	width: 507px;
}
#top .right {
	margin-right: 1em;
	padding: 0.8em 0;
	text-align: right;
	width: 220px;
}

#guides_bar{

	border-bottom: 5px solid #FFFFFF;
	margin-bottom: 5px;
	height: 62px;

}
#header_bar{
	border-top: 5px solid #FFFFFF;
	/*margin-top: 5px;*/
	border-bottom: 5px solid #FFFFFF;
	margin-bottom: 5px;
	height: 20px;
	background: #E7F4DF;

}
/* content */ 
.post_body {

	margin: 15px 0px 0px 0px;
}
#content {
	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.5em;
	padding: 1px 1em 10px 1em; 
	/*margin-top: 25px;*/
}
#content a {color:  #00325D;}
#content a:hover {
	text-decoration: underline;
	color: #06F;
}
#content p {margin: 0 0 7px 0;}
#content .descr {
	color: #666;
	margin-bottom: 0.5em;
}
#content ul li {list-style: url('img/li.gif');}
#content ul {margin-left: 1.8em; padding: 5px 0px 5px 0px;}

#prod_container {
	/*float: left;*/
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*border-top: 1px dashed #00325D;*/
}
#rightbar {
	float: right;
	width: 375px;
	padding: 5px 5px 15px 15px;
	margin: 0;
	border-left: 1px dashed #C6DDB2;
}
#leftbar {
	float: left;
	width: 300px;
	padding: 0px 0px 15px 0px;
	margin: 0;
	border-right: 1px dashed #C6DDB2;
}
#rightbox {
	float: right;
	width: 185px;
	padding: 15px;
	margin: 0px 0px 5px 10px;
	border-leftt: 1px dashed #C6DDB2;
}
#rightbox ul li {

 	list-style: none;
 	margin: 2px 0px 2px 0px;
 	padding: 0px 0px 0px 0px;
}
#rightbox li {
	display: list-item;


	}
	#rightbox ul {
	margin-left: 0px;

	}

#leftbox {
	float: left;
	width: 140px;
	padding: 5px 15px 15px 5px;
	margin: 0;
	border-right: 1px dashed #C6DDB2;
}


/* footer */
#footer {
	color: #666;
	clear: both;
	background: #ffffff;
	margin: 0 auto;
	padding-top: 5px;
	width: 780px;
}
#footer .right {
	color: #555;
	}
#footer .right a {color: #555;}
#footer .right a:hover {
	color: #777;
	text-decoration: underline;
}
#footer .left a {color: #777;}
#footer .left a:hover {
	color: #333;
	text-decoration: underline;
}
#footer .left {
	border-top: 1px solid #F0F0F0;
	padding: 9px 0 9px 9px;
	width: 400px;
	background: url(img/f_pill.gif) no-repeat 10px 10px;
	height: 40px;
}
#footer .right {
	margin-right: 1em;
	padding: 9px 0px;
	text-align: right;
	width: 180px;
	height: 40px;
}
#footer .left p{
	margin: 13px 0px 0px 55px;
	/*position: absolute;*/
}
#footer .right p{
	margin: 13px 0px 0px 0px;
	/*position: absolute;*/
}

/* posting */
.post_info {
	background: #FAFAFA;
	border: 1px solid #EEE;
	color: #555;
	margin-bottom: 1em;
	padding: 0.6em 0.7em;
}