/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
*html {font: 11px Tahoma ;}
body { font: 11px Tahoma ; margin-top: 0 ;  }
div { padding:0 ; margin:0 }
a { color: #bf2f2f; text-decoration: none ; }
a:hover { color: #000; text-decoration: underline ; }
p { font: 12px Tahoma ; font-size: 12px; line-height: 18px;}
select , input, textarea{ font: 11px Tahoma ; } 

h1{ font-size: 16px; font-weight: bold;  }
h2{ font-size: 16px; font-weight: bold;}
h4 { font-size: 12px; font-weight: bold;}

img {  }
img.noborder{ padding: 0; border: 0; }
.tdasol { font-weight:bold; background-color: #ecf6ef;  border-bottom: 1px solid #ddd ; padding: 3px 5px; width: 660x; }
.tdasolo { background-color: #ecf6ef;  border-bottom: 1px solid #ddd ; padding: 3px 5px; width: 660px; }
.tdasag { font-weight:bold; border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 3px 5px; width: 40px; }
.tdasago { border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 3px 5px; width: 40px; }
.tdabuyuk { font-weight:bold; border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 10px 10px; width: 100%; }
.tdabuyuktop { font-weight:bold; background-color: #fff;  padding: 5px 5px; width: 100%; }
.tdasolw { font-weight:bold; background-color: #ecf6ef; border-bottom: 1px solid #ddd ;  padding: 3px 5px; width: 150px; font-size: 11px; }
.tdasagw { font-weight:bold; border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 3px 5px; width: 550px; font-size: 11px; }
.tdaortaw { border-bottom: 1px solid #ddd ; background-color: #fefefe;  padding: 3px 5px; width: 550px; font-size: 11px; }
.tdasolwo{ font-weight:bold; background-color: #ecf6ef; border-bottom: 1px solid #ddd ;  padding: 3px 5px; width: 120px; }
.tdasagwo { border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 3px 5px; width: 330px; }

.tdasolbuyuk{ font-weight:bold; background-color: #ecf6ef; border-bottom: 1px solid #ddd ;  padding: 3px 5px; width: 450px; }

.tdasolwor{ font-weight:bold; background-color: #ecf6ef; border-bottom: 1px solid #ddd ;  padding: 3px 5px; width: 60px; }
.tdasagwor { border-bottom: 1px solid #ddd ; background-color: #ecf6ef;  padding: 3px 5px; width: 390px; }

.w1 { width:40px; }
.w50 { width:100px; }
.w70 { width:140px; }
.krmz { color: #CC0000; }
.buyukkrmz { font-size: 18px; color: #fff; text-align:center ; }
.buyukkrmza { font-size: 18px; color: #000; text-align:center ; }
.buyukkrmzi { font-size: 18px; color: #CC0000; text-align:center ; font-weight: bold ; }
.italic { font-size: 10px; font-weight:normal; color: #000; }
.bold { font-weight:bold; color: #000; }

.osayfa { font-size: 12px; padding: 3px 5px; background-color: #fff; border:1px solid #999; }
.busayfa { font-size: 12px; padding: 3px 5px; background-color: #000; color: #fff; border:1px solid #999; }
.silik { color: #aaa; } 
span.formbaslik { display:block; background-color: #7d1211;  color: #fff; padding: 5px; font-size:14px; font-weight: bold; border-bottom: 1px solid #999; margin: 5px 0 2px 0 ; }
.formbaslik { display:block; background-color: #7d1211;  color: #fff; padding: 5px; font-size:14px; font-weight: bold; border-bottom: 1px solid #999; margin: 5px 0 2px 0 ; }
span.formbaslika { display:block; background-color: #7d1211;  color: #fff; padding: 5px; font-size:11px; font-weight: bold; border-bottom: 1px solid #999; margin: 5px 0 2px 0 ; }
span.formbaslikust { display:block; color: #111; font-size:15px; font-weight: bold; border-bottom: 1px solid #ccc; margin: 0 0 2px 0 ; }
#nav {margin:0 0 0 0;}

/* the styling */
#nav {float:left; width:938px; height:auto;  position:relative; border-bottom: 1px solid #000 ;}

#nav .select, #nav .current, #nav .currento {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height:21px; float:left; background: url("dropline/left_blue.gif") no-repeat left top; padding:0 0 0 3px; border-bottom:1px solid #000; text-decoration:none; font-size:13px; line-height:20px; white-space:nowrap; margin-left:2px;}
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .currento a {display:block; height:21px; float:left; background: url("dropline/left_red.gif") no-repeat left top; padding:0 0 0 3px; border-bottom:1px solid #000; text-decoration:none; font-size:13px; line-height:20px; white-space:nowrap; margin-left:2px;}
* html #nav .select a, * html #nav .currento a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("dropline/right_blue.gif") no-repeat right top; padding:0 6px 0 3px; color:#000;}
#nav .currento a b {height:100%; display:block; background:url("dropline/right_red.gif") no-repeat right top; padding:0 6px 0 3px; color:#000;}

#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}

#nav .sub {display:none;}
#nav .subu {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

#nav .current a {background-position:0 -75px; border-color:#046;}
#nav .current a b {background-position:100% -75px; color:#fff;}

#nav .currento a {background-position:0 -75px; border-color:#046;}
#nav .currento a b {background-position:100% -75px; color:#fff;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#000 url(dropline/sub_sep.gif) top right no-repeat; color:#fff; text-decoration:underline;}

#nav .subu li a:hover, 
#nav .select a:hover .subu li a:hover, 
#nav .select li:hover .subu li a:hover {background:#000 url(dropline/sub_sep.gif) top right no-repeat; color:#fff; text-decoration:underline;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#000 url(dropline/sub_sep.gif) top right no-repeat; color:#ff6; text-decoration:underline;}

#nav .sub_activeu .current_sub a, 
#nav .sub_activeu a:hover {background:#000 url(dropline/sub_sep.gif) top right no-repeat; color:#ff6; text-decoration:underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:938px; top:21px; left:0; background:#000; margin-top:1px; padding:0; z-index:100; border-bottom:0 solid #fff;}

#nav .select li a:hover .subu, 
#nav .select li:hover .subu {display:block; position:absolute; width:938px; top:21px; left:0; background:#000; margin-top:1px; padding:0; z-index:100; border-bottom:0 solid #fff;}

#nav .sub, #nav .subu, #nav .sub_active, #nav .sub_activeu {margin:0; padding:0; list-style:none;}
#nav .sub_active , #nav .sub_activeu {display:block; position:absolute; width:938px; top:21px; left:0; background:#000; margin-top:1px; padding:0; z-index:10; color:#000; border-bottom:0 solid #fff;}
* html #nav .sub_active, * html #nav .sub_activeu, * html #nav .select a:hover .sub , * html #nav .select a:hover .subu {z-index:-1; margin-top:0; margin-t\op:1px;}


#nav .sub_active a {height:25px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .sub_activeu a {height:25px; float:right; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .sub a {height:25px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .subu a {height:25px; float:right;  text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, #nav .sub_activeu a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#000 url(dropline/sub_sep.gif) top right no-repeat; padding:0 10px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#fff; height:25px; line-height:24px; }

#nav .select a:hover .subu li a, 
#nav .select li:hover .subu li a {display:inline; background:#000 url(dropline/sub_sep.gif) top right no-repeat; padding:0 10px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#fff; height:25px; line-height:24px; }


#basic-accordian{
	padding:0px;
	width:180px;
	z-index:2;
	margin:  0 0 0 30px;

}


.accordion_child a { display: block ; color: #006600 ; text-decoration: none ; padding: 3px 5px; border-bottom: 1px dotted #999 ; font-size:11px; }
.accordion_child a:hover { display: block ; background-color: #fff; color: #006600 ; text-decoration: none ; padding: 3px 5px; border-bottom: 1px dotted #999 ; }

.accordion_headings{
	padding:5px 5px;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-size: 13px; 
	font-weight:bold;

}

.accordion_headings a{
color: #000 ;
text-decoration: none ;
}

.accordion_headings:hover{
	background:#33271b;
	color: #fff ; 
}

.accordion_headings:hover a{
	color: #fff ; 
}

.accordion_child{
	padding:15px;
}

.header_highlight{
border-bottom: 1px solid #222;
	font-size: 14px; 
}

.menutop { color: #eee ; font-size:20px; background-color: #fff; padding: 10px; width:160px; margin:  5px 0 0 30px; }
.menutop a{
color: #000 ;
text-decoration: none ;
}






/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:670px;
	height:170px;
	float:left;
	background:#fff;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}

#box4 span{
background-color: #d5d5d5 ;
padding: 5px ;
}

#box4 img{

	float:left;
	margin:0 10px 0 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}






/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:670px;
	height:170px;
	overflow:hidden;
}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}


.mask1{
	position:relative;
	width:240px;
	height:100px;
	overflow:hidden;
}
span img{
	border:none;
}


div.blogsticker {
	right: 0px;
	position: absolute ;
	z-index: -999;
}



.sample{padding:6px;  border:0px solid #f2f2f2;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 2px;cursor:pointer;font:10px;}
.buttons span.active, .buttons span:hover {background:#0080FF;color:#fff}