/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 987px; height: 324px;  position: relative; margin: 0 auto 15px; background: url('../grafik/vitrin-cerceve.png') no-repeat center; display: inline-block; margin-top: 32px; }
.anythingSlider .wrapper                { width: 912px; overflow: auto; height: 299px; margin: 8px 0 0 39px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 912px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 324px; width: 39px;  text-indent: -9999px; position: absolute; cursor: pointer; }
.anythingSlider .forward                {  right: 0; }
.anythingSlider .back                   {  left: 0; }
/** .anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; } **/

#thumbNav                               { position: relative; top: 280px; text-align: right; right: 80px; }
#thumbNav a                             { font: 11px Arial, Serif; display: inline-block; font-weight: bold; text-decoration: none; color: white;  line-height: 17px; height: 20px; background: url(/static/temalar/tema2/grafik/numarator.png) repeat-x; text-align: center; width: 21px; }
#thumbNav a:hover                       { background-position: bottom; color: #3761b5; }
#thumbNav a.cur                         { background-position: bottom; color: #3761b5; }

#start-stop                             { background: url(/static/temalar/tema2/grafik/motor.png); width: 21px; height: 20px; text-align: center; position: absolute; right: 45px; top: 280px; text-decoration: none; }
#start-stop.playing                     { background-position: bottom; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }





/** slide 2 **/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 731px;
	height:160px;
	top:5px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:731px;
}

/* single scrollable item */
.scrollable img {
	background-color:#999;
	width:162px;
	height:111px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


.items div.cerceve { float: left; position: relative; width: 162px; height: 111px; 	margin:10px 10px 10px 8px;}

.cerceve span {
	width: 180px;
	height: 130px;
	display: table;
	position: absolute;
	top: -5px;
	left: -9px;
	background: url(/static/temalar/tema2/grafik/cerceve.png) no-repeat;
	
}

.cerceve a { text-decoration: none; color:white; font-size:12px; font-weight:bold; text-shadow:0 2px 3px #000;}

.cerceve p  {
background:url("../grafik/incele.png") no-repeat left;
height:20px;
line-height:15px;
margin-left:-6px;
padding-left:25px;
position:relative;
display: block;
margin-top: 15px;
}

/** navi **/

.navi {
height:16px;
margin-top: 22px;
margin-left: 3px;
}
.navi a {
background:url("../grafik/numarator2.png") no-repeat scroll 0 0 transparent;
display:inline-block;
float:left;
font-size:1px;
height:16px;
margin-right:5px;
width:15px;
}
.navi a:hover {
background-position: bottom;
}
.navi a.active {
background-position: bottom;
}


/** arrows **/


#son-eklenenler { float: left; margin-top: 42px; width: 731px; }
#son-eklenen-baslik  {display: inline-block;}

#son-eklenen-baslik img { float: left; margin-right: 10px;}


a.browse {
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:31px;
width:30px;
}
a.right {
background: url(/static/temalar/tema2/grafik/s-ileri.png);
clear:right;
margin-right:0;
}


a.left {
background: url(/static/temalar/tema2/grafik/s-geri.png);
margin-left:0;
}

a.disabled.left {
background-position: bottom;
}

a.disabled.right {
background-position: bottom;
}