@charset "utf-8";
/* CSS Document */

img, div { behavior: url(/css/iepngfix.htc); }

*{
	padding:0;
	margin:0;
	color:#333333;
}
p{
	line-height:170%;
	margin-bottom:20px;
}
a{ color:#006699; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ font-size: 140%; margin-bottom:8px; font-family: Garamond, Georgia, "Times New Roman", Times, serif;}
h2{ font-size: 120%; margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif;}
h3{ font-size: 110%; font-family:Georgia, "Times New Roman", Times, serif;}
h4{}
input{}
img{ border:none; outline:none;}
body{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 0.8em;
	background-image: url(../img/body-bg.png);
	background-repeat:repeat-x;
	background-color:#d5efff;
	min-height: 100%; 
	height: 100%; 
}

.clear{
	clear:both;
}

.wrapper{
	width:900px;
	margin:auto;
	position:relative;
}
.clearer{ clear:both;}

.container{
	margin: auto;
	width:860px;
	padding:10px 20px 0;
	background-image:url(../img/container-bg.png);
	background-repeat:repeat-y;
	float:left;
	display:inline;
}

.header{
	background-image:url(../img/container-bg.png);
	width:860px;
	padding:0px 20px;
	font-size:80%;
	margin:auto;
	height:auto;
}

.header-top{
	background-image:url(../img/header-top.png);
	background-repeat:no-repeat;
	width:860px;
	padding:0px 20px;
	height:96px;
	margin:10px auto 0px;
}

.drkaraca{
	background-image:url(../img/drkaraca2.jpg);
	height:232px;
	width:378px;
	position:absolute !important;
	z-index:1000;
	color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/
	top: 10px;
	left:20px;
}
.drkaraca a{ 
	height:0;
	width:378px;
	padding-top:232px;
	display:block;
	overflow:hidden;
}
.nav{
	background-image:url(../img/nav-bg3.gif);
	background-repeat:repeat-x;
	height:47px;
	clear:both;
	padding:0px 0px;
	display:block;
	width:100%;
	z-index: 300;

}

.nav ul{
padding:0;
margin:0;
list-style:none;
}

.nav a{
	display:block;
}
.nav ul li{ 

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;  
	float:left;
	display:inline;
	height:40px;
	font-size:125%;
	margin-top:4px;
	font-weight:bold;
	color:#333333;
	 
}

.nav ul li:hover{
	background-image:url(../img/nav-bg3-hover.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
} 


.nav ul li a{
		padding:11px 15px 0px;
		display:block;
		height:30px;
		float:left;
} 

.nav ul li a:hover{ 
}
.nav li a.toggle {
   background-image: url("../img/icon-arrowdn.gif");
   background-repeat: no-repeat;
   background-position: 92% 42%;
   padding-right: 2em;
   }
.nav li ul {
   clear: both;
   z-index: 9999;
   padding: 0;  
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #CCCCCC;
   background: url("../img/actions-bg.png");
   position: absolute;
   font-size:70%;
   float:none;
   width:180px;
   margin: 40px 0px;
   left: -999em;
}
.nav li.more ul {
   width: 150px;
   }
.nav li:hover ul,
.nav li.sfhover ul {
   left: auto;
   }
   
li:hover ul { display: block; }   
.nav li.advanced a {
   font-size: 70%; 
   line-height: 2.25em; 
   font-weight: normal; 
   /* width: 20px; padding: .6em 2px; background-position: 50% 50% */
   }
.nav li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
clear:both;
float:left;
height:20px;
margin:0 0 4px;
width:180px;
   }
.nav li li a { 
   margin: 0;
   padding: 5px 7px; 
   background: transparent !important;
   height:auto;
   float:none;
   width:166px;
   }
.nav li.more li a {
   width: 136px; /* 150px - 14px (padding) */
   }
.nav li li a:hover {
   background-color: #C7DDF8 !important;
   color:#006699;
   }







.nav ul li .b{
	background-image: url(../img/separator.gif);
	background-repeat:no-repeat;
	width:2px;
	height:25px;
	margin-top:7px;
}

.dropdown {float:left; display:inline; padding-right:5px}
.dropdown dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; text-align:center;}
.dropdown dt:hover {background:url(../img/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

.navigationfooter{
	clear:both;  
	text-transform: capitalize;}

.procedure-box{width:520px; height:440px; border: 3px solid #333333;}
.procedure-nav {list-style:none;  display:block; overflow:hidden;}
.procedure-nav li {float:left; display:inline; overflow:hidden}

.logos{
	float:right;
	display:inline;
	padding-top: 40px;
	padding-bottom: 10px;
	width:450px;
	height:100px;
	text-align:right;
	background-color:#FFFFFF;
}

.left-content{
	width: 605px;
	padding-right:10px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
}

.left-content-header{
	width:605px;
	height:60px;
	background-repeat:no-repeat;
}


.left-content ul{
margin-left:20px; }
.left-content ul li{
margin-bottom:5px;
line-height: 15px; }

.left-content-header #index{background-image:url(../img/welcome.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #procedures{background-image:url(../img/procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #about{background-image:url(../img/about-dr-karaca.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #directions{background-image:url(../img/maps-directions.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #contact{background-image:url(../img/contact-us.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #before-after{background-image:url(../img/before-after.gif); height:50px; background-repeat:no-repeat;}



.left-content-header #payment{background-image:url(../img/payment.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #insurance{background-image:url(../img/insurance.gif); height:50px; background-repeat:no-repeat;}

.left-content-header #body-procedures{background-image:url(../img/body-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #breast-procedures{background-image:url(../img/breast-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #nonsurgical-procedures{background-image:url(../img/nonsurgical-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #special-procedures{background-image:url(../img/special-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #face-procedures{background-image:url(../img/face-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #special-procedures{background-image:url(../img/special-procedures.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #facility{background-image:url(../img/our-facility.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #testimonials{background-image:url(../img/patient-testimonials.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #media{background-image:url(../img/media.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #newsletter{background-image:url(../img/newsletter.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #upcoming{background-image:url(../img/upcoming.gif); height:50px; background-repeat:no-repeat;}
.left-content-header #choosing{background-image:url(../img/choosing-plastic-surgeon.gif); height:50px; background-repeat:no-repeat;}

.left-content-header #upcoming{background-image:url(../img/upcoming.gif); height:50px; background-repeat:no-repeat;}



.clear-contentunitHeader { 
	background:#D2D2D2 none repeat scroll 0 0;
	border:medium none;
	clear:both;
	color:#D2D2D2;
	height:0.25em;
	margin-bottom:15px;
	margin-top:0;
	width:605px;
	padding:0px;
}

.beforeafterseparator{
background-image:url(../img/break.png);
height:31px;
width:500px;
background-repeat:no-repeat;
background-position:center;
margin: 25px auto 35px; 
	
}

.beforeafter{ 
}
.beforeafter img{
	border:1px solid #006699;
}
.beforeafter h3{
	text-align:center;
	font-size: 90%;
}
.beforeafter h2{
	font-size:110%;
	margin-top:30px;
	margin-bottom: 1px;
}

.right-container{
	width:245px;
	float:right;
	background-color:#FFFFFF;
}
.right-bar{
	width: 215px;
	height: auto;
	background-image:url(../img/right-bar.png);
	background-repeat:repeat-y;
	text-align:right;
	float:right;
	display:inline;
	padding: 20px 10px 20px 20px;
	border-top:#DDDDDD 1px solid; 
	border-bottom:#DDDDDD 1px solid; 
}

.right-bar-procedures-header{
	background-image:url(../img/right-bar-procedures.png);
	width:215px;
	height:55px;
}
.right-bar-category-header{
	color: #333333;
	margin-top:25px;
	font-weight:bold;
	font-size:110%;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}
.right-bar-category-header a{color:#333333;}

.right-bar ul li{
	font-size: 90%;
	list-style:none;
	list-style-image:none;
	list-style-position:inside;
}



.footer{
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	height:auto;
	margin: auto;
	width:860px;
	padding:20px;
	font-size:85%;
	clear:both;
 	text-align:center;
}



// MESSAGES INFO SUCCESS WARNING ERROR
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/icons/info.png');
}
.success {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/icons/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/icons/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/icons/error.png');
}

#inputArea
{
	font-family: Arial, Sans-Serif;
	background-color: #d6e5f4;
	padding: 10px;
	width:580px;
	margin:20px auto;
}
#inputArea label
{
		font-size: 80%;
} 
#inputArea input, #inputArea textarea
{
	font-family: Arial, Sans-Serif; 
	font-size:100%;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	width: 570px;
}

.activeField
{
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #33677F;
}

.idle
{
	border: solid 1px #85b1de;
	background-image: url( '../img/blue_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
}




.dropCap {
	float:left;
	font-family:georgia,serif;
	font-size:45px;
	line-height:0.8em;
	padding:0.1em 2px 0 0;
	text-transform:uppercase;
}


.media-more{
	text-align:left;
	font-size:90%;
	font-style:italic;	
}

.mediaseparator{
background-image:url(../img/break.png);
height:31px;
width:500px;
background-repeat:no-repeat;
background-position:center;
margin: 15px auto;
	
}

.book-now{
	width:245px;
	height:auto;
	margin-bottom:10px;
	clear:both;
}


.procedure-list{
list-style:square;
list-style-position:inside;
margin-left:35px;
font-size:110%;

}

.p8 p{
margin-bottom:8px;}


.beforeafter ul{
	margin: 0 0 20px 20px;
}

.beforeafter li{
	list-style-type:none;
	font-weight:bold;
}
.beforeafter li.title{
	margin-top:5px;
}

.beforeafter li a{
	font-weight:normal;
	margin-left:10px;
}

.nav ul ul li.subnav-title{background-image:url(../img/nav-bg3-hover.png);
color:#333333;
float:left;
font-size:13px;
height:17px;
margin:2px;
padding:2px 0 2px 10px;
text-transform:uppercase;
width:166px;}