/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* root selectors */ 
body { background-color: #102844; text-align:left; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; }
p,dl,dt,dd,li { line-height:20px; }
p,pre,blockquote { margin-bottom:8px; }
a:link,a:visited { color:#5E332A; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }


/* ----- global form elements ----- */ 

form {
	width:150px;
	margin:10px 0 15px 50px;
	border:none;
	}

fieldset { border:none; }

form label	{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; }

form br { line-height:0; height:0px; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact-business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:177px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 


/* ----- submit button form elements ----- */ 

input.submit-contact-main { margin:95px 0 5px 243px; }
input.submit-contact-main-it { margin:95px 0 5px 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/index/submit.gif");
	width:54px;
	height:18px;
	border:none;
	cursor:pointer;
	}

input.submit-image-it, input.submit-contact-main-it { /* REMOVE IF NOT USED */
	background:url("../images/index/submit-it.gif");
	width:54px;
	height:18px;
	border:none;
	cursor:pointer;
	}



/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:1em; overflow:hidden }
.submit, .submit-main-contact { cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:54px; height:18px; border:0;  }
.submit-main-contact { margin:85px 0 0 220px; }
div.spacer { display:block; width:10px; height:400px; }
div.spacer-short { display:block; width:10px; height:100px; }
p.back-to-top { text-align:right; margin-bottom:15px; }
p.h1 { font-size:14px; font-weight:bold; }
p.h2 { font-size:12px; font-weight:bold; }
p.h3 { font-size:12px; font-weight:bold; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg.jpg") repeat-y; width:810px; margin:0 auto; }
	#header {background:url("../images/index/header.jpg") no-repeat; height:299px; }
	#header-it {background:url("../images/index/header-it.jpg") no-repeat; height:299px; }
	#title-container {background:url("../images/index/title-bg.jpg") repeat-y; width:810px; }	
	#title {background:url("../images/index/title.jpg") no-repeat; width:810px; padding:70px 0 30px 0; }
	#title-it {background:url("../images/index/title-it.jpg") no-repeat; width:810px; padding:70px 0 30px 0; }
			#title p {padding: 0 82px;}		
			#title-it p {padding: 0 82px;}		
	#column-left { background:url("../images/index/title-procedures.jpg") no-repeat; width:544px; float:left; padding: 75px 0 30px 0; }
	#column-left-it { background:url("../images/index/title-procedures-it.jpg") no-repeat; width:544px; float:left; padding: 75px 0 30px 0; }
			#column-left p {padding:  0 50px 0 85px;}
			#column-left-it p {padding:  0 50px 0 85px;}
		#procedures-top {background:url("../images/index/procedures-top.jpg") no-repeat; width:544px; height:76px; }	
		#procedures-top-it {background:url("../images/index/procedures-top-it.jpg") no-repeat; width:544px; height:76px; }	
		#procedures-bottom {background:url("../images/index/procedures-bottom.jpg") no-repeat; width:544px; height:69px; }	
		#procedures-bottom-it {background:url("../images/index/procedures-bottom-it.jpg") no-repeat; width:544px; height:69px; }	
	#column-right { background:url("../images/index/title-contact.jpg") no-repeat; width:266px; float:left;  padding: 70px 0 30px 0; }
	#column-right-it { background:url("../images/index/title-contact-it.jpg") no-repeat; width:266px; float:left;  padding: 75px 0 30px 0; }
			#column-right p {padding: 0 60px 0 45px; font-size:11px; line-height:13px; }
			#column-right-it p {padding: 0 60px 0 45px; font-size:11px; line-height:13px; }
    #column-right form { margin-left:45px; }
    #column-right-it form { margin-left:45px; }
 #bottom { background:none; width:760px; height:7px; clear:both; overflow:hidden; }
 
/* SUB PAGES -----------------------------    */
#wrap-sub { background:url("../images/sub/bg.gif") repeat-y; width:810px; margin:0 auto; }
#header-sub {background:url("../images/sub/header.gif") no-repeat;  height:54px; position:relative;}
#content-container-sub {width:544px; float:left; }
		#content-container-sub p, #content-container-sub ol, #content-container-sub ul, #content-container-sub h1, #content-container-sub h2, #content-container-sub h3 {padding:  0 50px 0 85px;}
		#content-container-sub form { margin-left:50px; font-size:12px; }
		#content-container-sub ol li { list-style-type:decimal; margin-left:27px; margin-bottom:15px; }
		#content-container-sub ul { margin-bottom:15px; }
		#content-container-sub ul li { list-style-type:disc; margin-left:27px; }
	#column-left-sub {background:url("../images/sub/title.gif") no-repeat; width:544px; padding-top:84px; }
	#column-right-sub {background:url("../images/sub/contact.gif") no-repeat; width:266px; height:500px; float:left; padding-top:75px; }
	
	
	#column-right-sub-it2 {background:url("../images/sub/contact-it2.gif") no-repeat; width:266px; height:500px; float:left; padding-top:75px; }
	#column-right-sub-it {background:url("../images/sub/contact-it.gif") no-repeat; width:266px; height:500px; float:left; padding-top:75px; }
	.quick-contact-text {
	padding:10px 0 0 45px;
	font-size: 11px;
	line-height:13px;
	}
	
	#column-right-sub-contact {background:url("../images/sub/locate.gif") no-repeat; width:266px; height:500px; float:left; padding-top:75px; }
			#column-right-sub p {padding: 0 60px 0 45px; font-size:11px; line-height:13px; }
			#column-right-sub-it p {padding: 0 60px 0 45px; font-size:11px; line-height:13px; }
			#column-right-sub-contact p {padding: 0 60px 0 45px; font-size:11px; line-height:13px; }
	#column-right-sub form { margin-left:45px; }
	#column-right-sub-it form { margin-left:45px; }
			
#title-aboutdr {background:url("../images/sub/title-aboutdr.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-aboutdr-it {background:url("../images/sub/title-aboutdr-it.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-contact {background:url("../images/sub/title-contact.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-contact-it {background:url("../images/sub/title-contact-it.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-faqs {background:url("../images/sub/title-faqs.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-procedures {background:url("../images/sub/title-procedures.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-procedures-it {background:url("../images/sub/title-procedures-it.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-eye-conditions {background:url("../images/sub/title-eye-conditions.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-eye-conditions-it {background:url("../images/sub/title-eye-conditions-it.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-thankyou {background:url("../images/sub/title-thankyou.gif") no-repeat; width:544px; float:left; padding-top:60px; }
#title-thankyou-it {background:url("../images/sub/title-thankyou-it.gif") no-repeat; width:544px; float:left; padding-top:60px; }
 
 /* NAVIGATION---ENGLISH ----------------------------------------------------------------------------- */

#nav { background:url("../images/index/nav.gif") no-repeat; width:810px; height:52px; position:relative; padding:0px; margin:0px; }
#nav li { position:absolute; top: 11px; }
#nav li, #nav a { height: 41px; display:block; }
#nav span { display:none; }

#nav-01 { width: 147px; left: 15px; }
#nav-02 { width: 152px; left: 162px; }
#nav-03 { width: 120px; left: 314px; }
#nav-04 { width: 122px; left: 433px; }
#nav-05 { width: 57px; left: 554px; }
#nav-06 { width: 185px; left: 610px; }

#nav-01 a:hover { background: transparent url(../images/index/nav.gif) -15px -63px no-repeat; }
#nav-02 a:hover { background: transparent url(../images/index/nav.gif) -162px -63px no-repeat; }
#nav-03 a:hover { background: transparent url(../images/index/nav.gif) -314px -63px no-repeat; }
#nav-04 a:hover { background: transparent url(../images/index/nav.gif) -433px -63px no-repeat; }
#nav-05 a:hover { background: transparent url(../images/index/nav.gif) -554px -63px no-repeat; }
#nav-06 a:hover { background: transparent url(../images/index/nav.gif) -610px -63px no-repeat; }

/* NAVIGATION---ITALIAN ----------------------------------------------------------------------------- */

#nav-it { background:url("../images/index/nav-it.gif") no-repeat; width:810px; height:50px; position:relative; padding:0px; margin:0px; }
#nav-it li { position:absolute; top: 0px; }
#nav-it li, #nav-it a { height: 38px; display:block; }
#nav-it span { display:none; }

#nav-it-01 { width: 86px; left: 15px; }
#nav-it-02 { width: 153px; left: 101px; }
#nav-it-03 { width: 125px; left: 254px; }
#nav-it-04 { width: 153px; left: 379px; }
#nav-it-05 { width: 56px; left: 532px; }
#nav-it-06 { width: 207px; left: 588px; }

#nav-it-01 a:hover { background: transparent url(../images/index/nav-it.gif) -15px -50px no-repeat; }
#nav-it-02 a:hover { background: transparent url(../images/index/nav-it.gif) -101px -50px no-repeat; }
#nav-it-03 a:hover { background: transparent url(../images/index/nav-it.gif) -254px -50px no-repeat; }
#nav-it-04 a:hover { background: transparent url(../images/index/nav-it.gif) -379px -50px no-repeat; }
#nav-it-05 a:hover { background: transparent url(../images/index/nav-it.gif) -532px -50px no-repeat; }
#nav-it-06 a:hover { background: transparent url(../images/index/nav-it.gif) -588px -50px no-repeat; }

/* PROCEDURES____TOP ----------------------------------------------------------------------------- */

#procedures-top { background:url("../images/index/procedures-top.jpg") no-repeat; width:544px; height:76px; position:relative; padding:0px; margin:0px; }
#procedures-top li { position:absolute; top: 0px; }
#procedures-top li, #procedures-top a { height: 76px; display:block; }
#procedures-top span { display:none; }

#procedures-top-01 { width: 204px; left: 76px; }
#procedures-top-02 { width: 204px; left: 280px; }

#procedures-top-01 a:hover { background: transparent url(../images/index/procedures-top.jpg) -76px -76px no-repeat; }
#procedures-top-02 a:hover { background: transparent url(../images/index/procedures-top.jpg) -280px -76px no-repeat; }

/* PROCEDURES____BOTTOM ----------------------------------------------------------------------------- */

#procedures-bottom { background:url("../images/index/procedures-bottom.jpg") no-repeat; width:544px; height:69px; position:relative; padding:0px; margin:0px; }
#procedures-bottom li { position:absolute; top: 0px; }
#procedures-bottom li, #procedures-bottom a { height: 76px; display:block; }
#procedures-bottom span { display:none; }

#procedures-bottom-01 { width: 204px; left: 76px; }
#procedures-bottom-02 { width: 204px; left: 280px; }

#procedures-bottom-01 a:hover { background: transparent url(../images/index/procedures-bottom.jpg) -76px -69px no-repeat; }
#procedures-bottom-02 a:hover { background: transparent url(../images/index/procedures-bottom.jpg) -280px -69px no-repeat; }

/* PROCEDURES____TOP ----------------------------------------------------------------------------- */

#procedures-top-it { background:url("../images/index/procedures-top-it.jpg") no-repeat; width:544px; height:76px; position:relative; padding:0px; margin:0px; }
#procedures-top-it li { position:absolute; top: 0px; }
#procedures-top-it li, #procedures-top-it a { height: 76px; display:block; }
#procedures-top-it span { display:none; }

#procedures-top-it-01 { width: 204px; left: 76px; }
#procedures-top-it-02 { width: 204px; left: 280px; }

#procedures-top-it-01 a:hover { background: transparent url(../images/index/procedures-top-it.jpg) -76px -76px no-repeat; }
#procedures-top-it-02 a:hover { background: transparent url(../images/index/procedures-top-it.jpg) -280px -76px no-repeat; }

/* PROCEDURES____BOTTOM ----------------------------------------------------------------------------- */

#procedures-bottom-it { background:url("../images/index/procedures-bottom-it.jpg") no-repeat; width:544px; height:69px; position:relative; padding:0px; margin:0px; }
#procedures-bottom-it li { position:absolute; top: 0px; }
#procedures-bottom-it li, #procedures-bottom-it a { height: 76px; display:block; }
#procedures-bottom-it span { display:none; }

#procedures-bottom-it-01 { width: 204px; left: 76px; }
#procedures-bottom-it-02 { width: 204px; left: 280px; }

#procedures-bottom-it-01 a:hover { background: transparent url(../images/index/procedures-bottom-it.jpg) -76px -69px no-repeat; }
#procedures-bottom-it-02 a:hover { background: transparent url(../images/index/procedures-bottom-it.jpg) -280px -69px no-repeat; }


/* footer
 * ------------------------------------------------------------------------- */
#footer { background:url("../images/index/footer-bg.jpg") no-repeat top; width:810px; height:111px; text-align:left; margin:0 auto;}
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer ul, #footer p {  padding:0 72px; }
#footer li { padding: 0 10px 0 12px; display:inline; border-left: 1px dotted #fff; line-height: 8px; }
#footer li.first { border: none; padding-left:0}
#footer ul.top {padding-top:40px;}


#footer-2 { background:url("../images/index/footer2-bg.jpg") repeat-y top; text-align:left; width:810px; height:60px; margin:0 auto;}
#footer-2  a:link, #footer-2  a:visited, #footer-2  p { text-decoration:none; color:#fff; }
#footer-2  a:hover, #footer-2  a:active { text-decoration:underline; }
#footer-2 ul, #footer-2 p { margin-bottom:10px; padding:0 72px; padding-top:20px; }
#footer-2 li { padding: 0 10px 0 12px; display:inline; border-left: 1px dotted #fff; line-height: 8px; }
#footer-2 li.first { border: none;  }