body {
	color:#000000;
	font: 75%/140% 'Arial', helvetica, verdana,sans-serif;  /* Resets 1em to 12px */  
	}
	
#wrap {
	width: 1000px;
	position: relative;
	margin: 0px auto;
	text-align: left;
	min-height:750px;	
}	

a {color: #000; font-weight: bold; text-decoration:underline}
a:hover {text-decoration: none;}

/*Fonts */

h2 {color: #000000; font-size: 1.5em;  line-height: 1.6em; margin: 0px; padding: 3px 0px 0 0; }
h2 a {text-decoration: none;}
h2 span {color: #000000; }
h2 i {font-size: 0.8em; font-style: normal;}
h3 {font-size: 1.2em; color: #000000;}
h3 a {color: #000000; text-decoration: none;}
h4 {color: #000000; margin: 0px; padding: 2px 0px; font-size: 1.17em;}
h5 {margin: 6px 0px 0px 10px; padding: 0px; font-size: 1.1em;}
.intro {color: #000000; font-size: 1.17em;}
.highlight {background: #d2d2d2; padding: 10px; margin: 3px 10px}
.normalWeight {font-weight:normal;}



ul.topSubNav  {list-style: none; float: right; margin: 18px 55px 3px 10px; height: 16px;}
ul.topSubNav li {display: inline; font-size: 1.1em; color: #FFF; }
ul.topSubNav li a {color: #FFF; font-weight: normal; text-decoration: none; margin: 0 3px;}
ul.topSubNav li a:hover {color: #ffcc00}

/*Top Menu */
#TopMenu {position: relative; height: 49px; width: 959px; background: url("../images/bgNav.gif") no-repeat top; padding: 10px 15px 6px; margin: 10px 0 0 0; overflow: hidden;}
ul.TopNav {margin-left: 35px;}
.TopNav li {float: left; list-style: none;}
.TopNav li.back {background: url("../images/lava.gif") no-repeat right -30px; width: 9px; z-index: 8; position: absolute;}
.TopNav li.back .left {background: url("../images/lava.gif") no-repeat top left; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */}
.TopNav li a {font: bold 14px arial; text-decoration: none; color: #000; outline: none; text-align: center; top: 2px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 10px;}
.TopNav li a:hover, .TopNav li a:active, .TopNav li a:visited {border: none;}


.HCPNAV  li a {font-size: 22px; margin: auto 15px; font-weight: bold;  text-decoration: none}
.CONSUMERNAV li a {font-size: 22px; margin: auto 19px; font-weight: bold;  text-decoration: none;}

.ConsumerNav {font-size: 0.78em;}
.topElements {position: relative; display: block;}
.amd_awear {position: absolute; top: -32px; left: -5px; z-index: 20; display: block; width: 620px; height: 121px; background: url(../images/be_amd_aware.png) no-repeat; text-indent: -900em;}

/*Font Resizer */
.fontResizer {display: block; width: 136px; padding: 0px 0 2px 0; margin-bottom: 18px; color: #ffcc00; font-size: 1em; position:relative; top: 15px; left: 750px; text-align: center;}

.fontResizer a {color: #ffcc00; margin: 6px 6px; padding: 3px;  font-weight:  bold; text-decoration:none}
.fontResizer p {margin: 4px 0px 4px 0px}
.fontResizer .smallFont {font-size: 1em;}
.fontResizer .medFont {font-size: 1.33em}
.fontResizer .largeFont {font-size: 1.67em}
.fontResizer .curFont {background: #FFF; color: #000;}

/*Left Column */
.leftCol {width: 617px; float: left; margin: 0px 3px 10px 13px; color: #000000; display:inline;}
.leftColBox {width: 617px; float: left;  font-size: 1em; position: relative;}
.leftColBox .head {background:transparent url(../images/left_top.png) no-repeat; height:15px; width: 617px; padding:0px; margin-top: 0px; font-size: 0px; position:static;}
.leftColBox .body {background:transparent url(../images/left_body.png) repeat-y 0 0; padding:0 9px 0 18px;  position: relative; }
/*.leftColBox .body a {position: relative;}*/
.leftColBox .foot {background:transparent url(../images/left_foot.png) no-repeat; height:19px; width: 617px; padding:0px; overflow:hidden; position: relative;}
.leftColBox h2.top {margin-left: 10px; width:580px;}
.leftColBox h3 {margin-left: 10px;}
.leftColBox p {margin-left: 10px;}
.leftColBox ul {margin-left:25px;}
.rightCol ul {margin-left:15px;} 
.leftColBox dl {margin-left:10px;clear:both;}
.leftColBox dt {float:left;width:100px;font-weight:bold;padding-top:2px;}
.leftColBox dd {float:left;width:400px;margin-bottom:10px;}
.leftColBox div.references {font-size:0.8em;}
.leftColBox div.references p {margin-top:10px;margin-bottom:0;}
.leftColBox div.references ol {margin-top:0;margin-bottom:0;}

.leftColBox .iconFloat {float: left; margin: 0px 10px 10px;}
.leftColBox .practicePara {float:left; width:477px; margin:0 0 20px 3px;}
.leftColBox .displayBlock {float: left; display: block; width: 285px; margin: 3px 5px 25px 5px;}
.leftColBox .displayBlock h5 {font-size:1.1em; line-height: 1em;min-height:35px;height:auto !important; height:35px; background: #f7f3f7; margin: 0px !important; padding: 5px 8px 0px;}

.leftCol ol {margin: 15px 25px; padding: 5px;}
.leftCol ol li {margin: 3px;}

#Slider2 h2.top a { background: url(../images/open_btn.gif) 100% 50% no-repeat; outline: none; display: block;}
#Slider2 h2.selected a {background:  url(../images/close_btn.gif) 100% 50% no-repeat; color: #000; outline: none;}
#Slider2 h2.selected a:hover {background:  url(../images/close_btn.gif) 100% 50% no-repeat; color: #000000;}


.imageBlock {margin: 6px 0;}
.imageBlock #flashcontent p {padding:20px; height:250px;}

.Box_293 {width: 293px; float: left;  font-size: 1em; margin: 0 0 0 2px}
.Box_293 .head {background:transparent url(../images/box_293_top.gif) no-repeat; height:10px; width: 293px; padding:0px; margin-top: 0px; font-size: 0px}
.Box_293 .body {background:transparent url(../images/box_293_body.gif) repeat-y 0 0; padding:0 9px 0 18px; }
.Box_293 .foot {background:transparent url(../images/box_293_foot.gif) no-repeat; height:10px; width: 293px; padding:0px; overflow:hidden;}
.Box_293 .body h2 {margin-left: 0px;}

.doubleBox {width: 590px; float: left;  font-size: 1em; margin: 0 0 0 2px}
.doubleBox .head {background:transparent url(../images/double_box_top.gif) no-repeat; height:10px; width: 590px; padding:0px; margin-top: 0px; font-size: 0px}
.doubleBox .body {background:transparent url(../images/double_box_body.gif) repeat-y 0 0; padding:0 9px 0 10px; }
.doubleBox .foot {background:transparent url(../images/double_box_foot.gif) no-repeat; height:16px; width: 590px; padding:0px; overflow:hidden;}
.doubleBox .body h2 {margin-left: 0px;}
.doubleBox .left {float: left; width: 270px; margin-right: 25px; display: inline;}
.doubleBox .right {float: left; width: 270px;}
.doubleBox p {float: left; width: 170px}

.BoxIcon {float: left; margin: 0 ; position: relative; }
.BoxIcon img {display: block; position: relative; z-index: 200}

a.read{background: url(../images/arrow.gif) no-repeat; padding:  0 0px 0 15px;  color: #000000; font-weight: bold; text-decoration: underline; /*position:absolute; z-index: 100;*/ }



/*Right Column */
.rightCol {width: 353px; float: left;}
.rightColBox {width: 353px;}
.rightColBox .head {background:transparent url(../images/right_top.png) no-repeat; padding:13px 0 0 0px; margin-top: 0px; font-size: 0px}
.rightColBox .body {background:transparent url(../images/right_body.png) repeat-y 0 0; padding:0 15px; }
.rightColBox .foot {background:transparent url(../images/right_foot.png) no-repeat; height:20px; width: 353px; padding:0px; overflow:hidden;}
.rightColBox h5 {margin:6px 0 0 0px;}

/*Right Slider  */
#Slider {}		
#Slider .box {width: 321px; margin-left: 6px;}
#Slider .content {border: 1px solid #dedede; border-bottom: none; background: #f2f2f2; margin-top: -4px; padding: 8px 6px 0px 10px; }
#Slider .content a {text-decoration: underline; color: #000000; font-weight: bold;}
#Slider .content p a {text-decoration: underline; color: #000000; font-weight: normal;}
#Slider .accordianFoot {background: url(../images/accordion_foot.gif) bottom left no-repeat;  margin: 0px -0px 0px -11px; display: block; width: 321px; height: 7px;}
#Slider .contentClear { border: none; background: #FFF}

#Slider h2 {background: url(../images/accordion_top.gif) top left no-repeat;  padding: 6px 0px 0 0; margin: 0px; display: block; }
#Slider h2 span  {background: url(../images/accordion_btm.gif) bottom left no-repeat; display: block; padding: 0px 0 4px 4px }
		
#Slider h2.top a {color: #000; background: url(../images/open_btn.gif) 97% 50% no-repeat;  padding: 3px 6px; display: block; outline: none;}
#Slider h2.top a span {color: #000000; background: none; display: inline; }
#Slider h2.top a:hover {color: #000; background:  url(../images/open_btn.gif) 97% 50% no-repeat; outline: none;}
#Slider h2.selected a {background:  url(../images/close_btn.gif) 97% 50% no-repeat; color: #000; padding: 3px 6px; outline: none;}
#Slider h2.selected a:hover {background:  url(../images/close_btn.gif) 97% 50% no-repeat; color: #000000;}

		

/*Column495 */
.Column495 {width: 495px; float: left; margin: 20px 3px 10px 53px; color: #000000; position: relative; font-size: 1em;}
.Column495 .head {background:transparent url(../images/Column495_top.png) no-repeat; height:12px; width: 495px; padding:0px; margin-top: 0px; font-size: 0px; position:static;}
.Column495 .body {background:transparent url(../images/Column495_body.png) repeat-y 0 0; padding:0 9px 0 38px;  position: relative; }
.Column495 .body a {position: relative;}
.Column495 .foot {background:transparent url(../images/Column495_foot.png) no-repeat; height:25px; width: 495px; padding:0px; overflow:hidden; position: relative;}

/*greyBlock */
.greyBlock{background:  #f2f2f2; padding: 15px 5px; margin-bottom: 3px;}
.greyBlock2 {background:  #f2f2f2; padding: 5px; margin-bottom: 3px; width: 283px;}
.greyBlock2 .leftIndent {margin-left: 32px; font-size: 0.9em;}
.greyBlock3{background:  #f2f2f2; padding: 2px 5px; margin-bottom: 3px;}
.greyBlock ul, .greyBlock2 ul {margin: 0px 0 10px 30px;}
.greyBlock p.call-to-order {margin:20px 0 0 0;}

/*  carousel  */
.carousel {background: #FFF; width: 590px; margin-top: 10px; }
.carousel ul li {padding-left: 6px; overflow: hidden; float: left; width: 100px; height: 45px;}
.prev {background: url(../images/scroller_left.gif) no-repeat; float: left; display: block; width: 20px; height: 36px; text-indent: -900em; overflow: hidden;  border: none; outline: none; margin-top: 23px; cursor:pointer;}
.next{background: url(../images/scroller_right.gif) no-repeat; float: right; display: block; width: 20px; height: 36px; text-indent: -900em; overflow: hidden;  border: none; outline: none; margin-top: 23px; cursor:pointer;}
.scroller {background: #FFF; float: left; width: 550px; margin: 20px 0px 10px 8px; overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; }
.widget img {cursor:pointer;}


/* galleries */
#galleryImages {position: relative; z-index: 200; display: block; width: 540px; height: 340px; margin-left: 20px; background:#FFF}
#galleryImages a {position: static; font-weight: normal;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50; background: blue}

a.slidea {background:url(../images/100x45/mild_amd.jpg);}
a.slideb {background:url(../images/100x45/intermediate_amd.jpg);}
a.slidec {background:url(../images/100x45/advanced_amd.jpg);}
a.slided {background:url(../images/100x45/intraretinal_haemorrhage.jpg);}
a.slidee {background:url(../images/100x45/central_macular_elevation.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#containerImages {position:relative; width:540px;  border:1px solid #a49188;}
#containerImages img {border:0;}
#containerImages .thumbs {position:relative; left:0; top:260px;  height:240px;}


#containerImages a.gallery:active em, #containerImages a.gallery:focus em 
{display:block; position:absolute; width:300px; height:240px; top:-260px; left:0px; padding:0px; color:#000; z-index:50;}

#containerImages a.gallery:active span, #containerImages a.gallery:focus span
{display:block; position:absolute; width:220px; height:220px; top:-260px; left:300px; padding:10px; color:#000;  z-index:100; background:#FFF}

#containerImages .first {clear:both; margin:0; padding:0px; position: absolute; top: 0px; z-index: -110}
#containerImages .first span {position: absolute; top: 0px; left: 300px; width: 220px; padding: 10px;}


/* Eye Blocks */
.EyeBlock {display: block; width: 100%; background: #f2f2f2; font-size: 1.1em; margin-bottom: 10px;}
.EyeBlock img {float: left;  padding: 10px;}
.EyeBlock p {padding: 20px 20px 20px 0px}


/*Buttons */
.YellowButton a {
	color:#000; font-weight: bold; cursor:pointer; text-decoration:none; 
	font-size: 1.2em; padding: 0px 10px 0 0px; margin: 10px 0 0 0;
	background: transparent url(../images/yellow_btn.gif) repeat-x 100% 0;
	display:block; float:left; cursor:pointer;
}

.YellowButton a span {
	background: transparent url(../images/yellow_btn.gif) repeat-x 0 0;
	display:block; height: 40px; line-height:1em !important;	
	margin: 0px 18px 0 0px; padding: 10px 0px 0 25px; float: left;
}


.BlackButtonLrg a {
	color:#ffcc00; font-weight: bold; cursor:pointer; text-decoration:none; 
	font-size: 1.2em; padding: 0px 10px 0 0px; margin: 10px 0 0 0;
	background: transparent url(../images/black_btnLrg.gif) repeat-x 100% 0;
	display:block; float:left; cursor:pointer;
}

.BlackButtonLrg a span {
	background: transparent url(../images/black_btnLrg.gif) repeat-x 0 0;
	display:block; height: 40px; line-height:1em !important;	
	margin: 0px 18px 0 0px; padding: 10px 0px 0 25px; float: left;
}

.BlackButton a {
	color:#fcd11d; font-weight: bold; cursor:pointer; text-decoration:none; 
	font-size: 0.93em; padding: 0px; margin: 5px;
	background: transparent url(../images/black_btn.gif) repeat-y 100% 0;
	display:block; float:left; cursor:pointer;
}

.BlackButton a span {
	background: transparent url(../images/black_btn.gif) repeat-y 0 0;
	display:block; height: 28px; line-height:2.3em !important;	
	margin: 0px 18px 0 0px; padding: 0px 0px 0 25px; float: left;
}

.Yellow2Button a {
	color:#000; font-weight: bold; cursor:pointer; text-decoration:none; 
	font-size: 1.1em; padding: 0px 10px 0 0px; margin: 10px 0 0 12px;
	background: transparent url(../images/yellow2_btn.gif) repeat-y 100% 0;
	display:block; float:left; cursor:pointer;
}

.Yellow2Button a span {
	background: transparent url(../images/yellow2_btn.gif) repeat-y 0 0;
	display:block; height: 30px; line-height:2.4em !important;	
	margin: 0px 18px 0 0px; padding: 0px 0px 0 25px; float: left;
}

/* Link List */
ul.linkList {margin: 0px 0 6px 0; padding: 0px;}
ul.linkList li {list-style: none; padding: 0 0 8px 0}
ul.linkList li a {background: url(../images/arrow.gif) no-repeat; padding:  0 0px 0 15px; color: #000000; font-weight: bold; text-decoration: underline;}
ul.linkList li a:hover {text-decoration: none;}
.leftColBox ul.linkList {margin-left: 10px;}

ul.listNorm {margin: 5px 20px 5px 25px}
ul.listNorm li {margin: 5px 2px}

/* Video List */
ul.videoLinks {margin: 08px 0 6px 12px; padding: 0px;}
ul.videoLinks li {list-style: none; padding: 0 0 3px 0}
ul.videoLinks li.title {font-weight: bold; font-size:1.2em;}
ul.videoLinks li.names {font-style: italic;}
ul.videoLinks li.link {margin-bottom: 15px;}
ul.videoLinks li.link a {background: url(../images/arrow.gif) no-repeat 100% 0; padding-right: 10px; color: #000; font-weight: bold; text-decoration: underline;}
ul.videoLinks li.link a:hover {text-decoration: none;}

/* Video confirmation */
#confirm-brand, #confirm-gibson, #confirm-walters, #confirm-kelly, #confirm-tsaloumas,#confirm-pdf  {background:#F2F2F2;border:1px solid #DEDEDE;width:200px;padding:20px;display:none;position:absolute;top:50px;left:100px;}
#confirm-gibson {top:140px;}
#confirm-walters {top:230px;}
#confirm-kelly {top:320px;}
#confirm-tsaloumas {top:410px;}
#confirm-pdf {left:20px; top:430px;}

/* pagination */
ul.pagination {list-style: none; text-align:center; margin: 15px 0 0 0;}
ul.pagination li {display: inline}
ul.pagination li a {color: #000000; font-weight: bold; border-left: 1px solid #333333; padding: 0px 6px}
ul.pagination li a:hover {background-color: #ffcc00}

.lineBreak {clear: both; display: block; width: 100%; height: 2px; background: #f2f2f2; margin: 8px 0px; font-size: 1px;}

/* Terms List */
ol.terms {margin: 20px 15px 20px 23px}
ol.terms  li {margin: 8px 5px}


/*Footer */
.footer {clear: both; padding: 20px;  text-align: center; font-size: 1.1em; width: 960px; position: relative; margin: 0px auto;}
.footer ul {list-style: none;}
.footer li {display: inline; border-right: 1px solid #000000; padding: 0 30px}
.footer li.last {border: none;}
.footer li a {text-decoration: none;}
.footer li a:hover {text-decoration: underline;}
.footer p a {color:#FFCC00; font-weight:normal; text-decoration: underline;}
.footer p a:hover {color:#FFFFFF;}

