/* 
----------------------------------------------------------------------------

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari


CSS Document - styles.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,p,h3,h4,h5,h6,pre,code { font-size: 1em; }


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


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


/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }


body {
	margin: 0 auto;
	text-align: center;
	background: #94c2c3 url(../images/body-bg.jpg) repeat-x left top;
	font: 12px/17px arial,lucida grande,lucida sans,lucida sans unicode,helvetica;
	color: #000;
}


a { color: #7E1E18; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
fieldset { border: none; }


.header1 {
	font-size:14px;
	color: #7E1E18;
	margin-bottom:8px;
	}
.header2 { font-size:13px;
	 color:#465F60;
	 font-weight: bold; 
	 margin-bottom:8px;
	 }




.header3 { font-size:13px;
	color:#465F60;
	font-weight: bold;
	margin-bottom:8px;
	 }


/* Layout
---------------------------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 775px;
	background: url(../images/wrap-bg.jpg) repeat-y left top;
}


#sub-wrap {
	margin: 0 auto;
	text-align: left;
	width: 775px;
	background: url(../images/sub/sub-wrap-bg.jpg) repeat-y left top;
}


#mast {
	width: 775px; height: 121px;
	background: url(../images/mast.jpg);
}
	#mast span { display: none; }
	#mastTxt	{ position: relative; top: 20px; right: 20px; font-size: 11px; float: right; }


#left, #right { float: left; }
	#left { width: 215px; }
	#right { width: 560px; }


#splash {
	width: 560px; height: 253px;
	background: url(../images/splash.jpg);
}

#btmTxt	{ font-size: 11px; line-height: 12px; margin: 0 0 5px; display: block; }
	#btmTxt a:link, #btmTxt a:visited, #btmTxt a:hover	{ text-decoration: underline; font-weight: normal; }


/* Navigation
---------------------------------------------------------------------------- */
#nav, #actual-nav { width: 215px; height: 253px; }
#actual-nav { background: url(../images/nav.jpg); }
#actual-nav li, #actual-nav a { display: block; width: 182px; height: 20px; }
#actual-nav li { float: left; _display: block; }
#btn1 { padding: 16px 0 0 20px; }
#btn2, #btn3, #btn4, #btn5, #btn6, #btn7, #btn8, #btn9, #btn10, #btn11 { padding-left: 20px; }


#btn1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -16px; }
#btn2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -36px; }
#btn3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -56px; }
#btn4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -76px; }
#btn5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -96px; }
#btn6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -116px; }
#btn7 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -136px; }
#btn8 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -156px; }
#btn9 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -176px; }
#btn10 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -196px; }
#btn11 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -216px; }


/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#left div span { display: none; }
#left p { margin: 0 12px 11px 37px; text-align:center; }
#right p { padding: 0 42px 11px 28px; }
#right h1 { padding: 0 28px 0 28px; }
#right p { padding: 0 28px 0 28px;}
#right h3 { padding: 0 28px 0 28px;}


/*
#right ul { padding: 0 28px 0 28px;
			font-weight:bold;
			}
*/
#hdr-contact-dr-rowen {
	width: 215px; height: 57px;
	background: url(../images/headers/hdr-contact-dr-rowen.jpg);
}


#hdr-office-locations {
	width: 215px; height: 34px;
	background: url(../images/headers/hdr-office-locations.jpg);
}


#hdr-knowledge-experience {
	width: 215px; height: 55px;
	background: url(../images/headers/hdr-knowledge-experience.jpg);
	margin-bottom: 12px;
}


#img-ascrs {
	width: 215px; height: 45px;
	background: url(../images/img-ascrs.jpg) no-repeat;
	padding-bottom: 16px;
}


#img-aao {
	width: 215px; height: 37px;
	background: url(../images/img-aao.jpg) no-repeat;
	padding-bottom: 44px;
}


#img-ascrs a, #img-aao a { width: 190px; margin-left: 18px; display: block; }
#img-ascrs a { height: 45px; }
#img-aao a { height: 37px; }


#hdr-index {
	width: 560px; height: auto;
	background: url(../images/headers/hdr-index.jpg) no-repeat left top;
}
	#hdr-index span { display: block; visibility: hidden; height: 67px; }
	#index-bg { background: url(../images/index-bg.jpg) repeat-y left top; width: 560px; height: auto; }
	
/* Subpage Headers */
#hdr-special { background: url(../images/specials.gif) no-repeat left top; height:200px; }


#hdr-about-dr-rowen ul, #hdr-about-dr-lakhanpal ul, #hdr-about-dr-stone ul, #hdr-about-our-doctors ul, #hdr-cataract-procedures ul, #hdr-contact-us ul, #hdr-cosmetic-procedures ul, #hdr-icl ul, #hdr-iol ul, #hdr-lasik-procedures ul, #hdr-refractive-procedures ul, #hdr-skin-care ul, #hdr-technology ul { padding: 0 28px 0 28px;font-weight:bold; }
			
#hdr-about-dr-rowen, #hdr-about-dr-lakhanpal, #hdr-about-our-doctors, #hdr-about-dr-stone, #hdr-cataract-procedures, #hdr-contact-us, #hdr-cosmetic-procedures, #hdr-icl, #hdr-iol, #hdr-lasik-procedures, #hdr-refractive-procedures, #hdr-skin-care, #hdr-technology { width: 560px; height: auto; }
#hdr-about-dr-rowen { background: url(../images/sub/hdr-about-dr-rowen.jpg) no-repeat left top;}
#hdr-about-dr-stone { background: url(../images/sub/hdr-about-dr-stone.jpg) no-repeat left top;}
#hdr-about-dr-lakhanpal { background: url(../images/sub/hdr-about-dr-lakhanpal.jpg) no-repeat left top;}
#hdr-about-our-doctors { background: url(../images/sub/hdr-about-our-doctors.jpg) no-repeat left top;}
#hdr-cataract-procedures { background: url(../images/sub/hdr-cataract-procedures.jpg) no-repeat left top; }
#hdr-contact-us { background: url(../images/sub/hdr-contact-us.jpg) no-repeat left top; }
#hdr-cosmetic-procedures { background: url(../images/sub/hdr-cosmetic-procedures.jpg) no-repeat left top; }
#hdr-icl { background: url(../images/sub/hdr-icl.jpg) no-repeat left top; }
#hdr-iol { background: url(../images/sub/hdr-iol.jpg) no-repeat left top; }
#hdr-lasik-procedures { background: url(../images/sub/hdr-lasik-procedures.jpg) no-repeat left top; }
#hdr-refractive-procedures { background: url(../images/sub/hdr-refractive-procedures.jpg) no-repeat left top; }
#hdr-skin-care { background: url(../images/sub/hdr-skin-care.jpg) no-repeat left top; }
#hdr-technology { background: url(../images/sub/hdr-technology.jpg) no-repeat left top; }
	#hdr-about-dr-rowen span, #hdr-about-dr-stone span, #hdr-about-dr-lakhanpal span, #hdr-about-our-doctors span, #hdr-cataract-procedures span, #hdr-contact-us span, #hdr-cosmetic-procedures span, #hdr-icl span, #hdr-iol span, #hdr-lasik-procedures span, #hdr-refractive-procedures span, #hdr-skin-care span, #hdr-technology span { display: block; visibility: hidden; height: 67px; }


#hdr-featured-procedures {
	width: 560px; height: 42px;
	background: url(../images/headers/hdr-featured-procedures.jpg);
}
	#hdr-featured-procedures span { display: none; }


#right dl { width: 560px; }
#right dd { float: left; }
#right dd.img { width: 187px; }

#right dd.copy { width: 373px; }
#right dd.copy div img { padding: 12px 0 4px 5px; }
#right dd.copy p { margin: 0 6px 11px -18px; }


#footer {
	width: 775px; height: 51px;
	background: url(../images/footer.jpg);
	clear: both;
}


#other-footer {

	width: 750px;
	margin: 0 auto;
	padding-bottom: 12px;
	color: #1c3839;
}
	#other-footer a { color: #1c3839; }
	#other-footer ul { margin: 0 0 7px; }
	#other-footer li {
		padding: 0 6px 0 8px;
		display: inline;
		border-left: 1px solid #1c3839;
		font-size: 11px; line-height: 11px;
		background: none;
	}
	#other-footer li.first { border: none; }


/* Quick Contact
---------------------------------------------------------------------------- */
#left form { margin: 0 12px 11px 37px; }
#left input, #left textarea {
	width: 144px;
	font: 11px/11px arial,helvetica,sans-serif;
	background-color: #fff;
	border: 1px solid #315c5e;
	margin-bottom: 2px;
	padding: 2px 3px;
}


#left textarea { height: 64px; overflow: hidden; }


#left input.hidden { display: none; }
#left input.btn-send { width: 64px; }


/* Main Contact
---------------------------------------------------------------------------- */
#right form { margin: 0 42px 21px 28px; height: auto; clear: both; }
#right fieldset { margin-bottom: 2px; height: 32px; line-height: normal; clear: both; }
#right form div { float: left; width: 200px; }
#right form div.clear { width: 95%; padding: 12px 0; margin: 0; }
.field-label { padding-right: 12px; text-align: right; }
#right input, #right select {
	width: 140px;
	font: 11px/11px arial,lucida grande,lucida sans,lucida sans unicode,helvetica;
	padding: 2px 3px;
}


#right textarea {
	width: 340px;
	font: 11px/11px arial,lucida grande,lucida sans,lucida sans unicode,helvetica;

	margin: 0 auto 5px;
	padding: 2px 3px;
	overflow: hidden;
	display: block;
}
#right input.hidden { display: none; }
#right input.btn-send { width: 64px; padding: 1px; margin: 0; }


/* Classes
---------------------------------------------------------------------------- */
.btn-learn-more { height: 19px; padding-left: 10px; width:120px; }
	.btn-learn-more a {
		height: 19px;
		display: block;
		font: normal 11px/11px tahoma,sans-serif; 
		color: #9e2834;
		text-decoration: none;
	}
	.btn-learn-more a:hover { text-decoration: underline; }
	.btn-learn-more a span { margin-top: 4px; }

.btn-back { height: 15px; width:163px; padding-left: 10px; float:right; margin-bottom: 15px; }

.clear { clear: both; }


.ht-space { margin-top: 11px; }


.img-left { float: left; margin-right: 6px; }


.rule {
	width: 560px; height: 24px;
	background: url(../images/rule.jpg) no-repeat left center;
	clear: both;
}


div.txt-center { margin: 6px 24px 12px 36px; text-align: center; }
.txt-center { text-align: center; }


/* Holiday special 
------------------------------------------------------------------------- */


#specials-02 { 
	background: url("../images/specials_02.gif") no-repeat; 
	width:560px; 
	height:50px; 
	margin-bottom:0; 
	}


#specials-02 span { display: none; }


#specials-02 li, #specials-02 a { height: 30px; display: block; }


#specials-02 li { float: left; list-style: none; _display: inline; }


#specials-02-01 { width: 215px; padding-left: 77px;}
                                              /*49*/


#specials-02-01 a:hover {background: transparent url("../images/specials_02.gif") -77px -50px no-repeat;}

.one:link, .one:hover, .one:visited	{ /*text-decoration: none;*/ font-weight: bold; }
select { width:150px!important; }
#contact-quick input[type="submit"] { width:60px!important; margin:5px 0; }
span#contact_subject { display:none; }
