<.subCatitem a:hover img {
width:100;
height:75;
/*position: absolute;*/
margin-left:-1; 
}
.subCatitem {
display:block; width:149px; height:130px; 
}
.subCatitem:hover { background-color:#FFFFCC}
.yeniurun {
position: absolute;
margin-left:0;
margin-top:-25;z-index:3;
}
.indirimli {
position: absolute;
margin-left:-60;
margin-top:-30;z-index:3;
}
.trcart { cursor:pointer}
.trcart tr:hover { background-color:#BED6F1}


.ha{ cursor:pointer}
#step3 form div { float:left;  margin-right:10; display:block; width:340 }
#payinfo .pout {display:block; font-weight:bolder; margin-left:3; float:left; width:100; height:44; font-size:11px;  font:Georgia, "Times New Roman", Times, serif}
#payinfo .pinput {display:block; float:left; width:230;  height:44;font:Georgia, "Times New Roman", Times, serif}
#payinfo br {clear:both}
#payform div {display:block; margin-bottom:5}
#payform div:hover {display:block; margin-bottom:5; background-color:#FF0}
#payform b {display:block; font-size:11px; margin-left:20;}
#payform b span img { text-align:right; margin-left:-23;}

	#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		
	}

	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}
	h1{
		margin-top:0px;
	}
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
.head_list {
	height:35px;
	width:211px;
	background-image: url('/yp/img-header-bg.jpg');
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: capitalize;
	text-align: left;
}
.head_list_alt {
	height:35px;
	width:211px;
	background-image: url('/yp/img-header-bg-alt.jpg');
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: capitalize;
	text-align: left;
}
.head_list_alt strong { margin-left:10px;}
.head_list span { margin-left:10px;}


#login { display:block; width:300; height:300;}
#login .left { display:block; width:100;  height:30; font-size:10px; font-weight:bolder;
float:left}
#login .right { display:block; width:200; height:30; font-size:10px; font-weight:bolder;
float:right;}
#login .right input { width:200}
#login br { clear:both}
#butonlogin {width:300; border-color:#99CC00; border-width:thin}
#kurlistesi {
display:none;position:absolute;width:200px; margin-left:-200px; z-index:999;
}
#kurlistesi a{
	display:block;
	cursor:pointer;
	font-weight: bolder;
}
#kurlistesi a:hover{ background-color:#FFFFFF; color:#999900;}

#overl { position: absolute; width: 100%; height: 3000px; z-index: 100; background-color:#000;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
display:none;cursor:wait;}
#payform tr:hover {background-color:#9FFF40;}
#payform input {width:20;}
#payform span img {width:20;height:20}

a.boldbuttons{
background: transparent url(/images/roundedge-green-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color:white;
}

a:link.boldbuttons, a:visited.boldbuttons {
color: white; /*button text color*/
}

a:hover.boldbuttons, a:active.boldbuttons {
background: transparent url(/images/roundedge-blue-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:hover.boldbuttons span, a:active.boldbuttons span {
background: transparent url(/images/roundedge-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

}

a.boldbuttons span{
background: transparent url(/images/roundedge-green-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
//margin: 10px; /*margin around each panel*/
width: 781px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.trlu{z-index:3;
position: absolute; background-color:#fff;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

a.squarebutton{
background: transparent url('/images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('/images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a:hover.squarebutton{ /* Hover state CSS */
background-position: bottom left;
}

a:hover.squarebutton span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.line strong {
	size:+1;
	color:#FF00FF;
	font-weight: bolder;
	width: 200px;
}
.contentplace { background-color:rgb(135,205,253);color:#000000;  }
.contentplace p { margin: 0 10px 0 10px; }
.topplace{ background: url(/images/8YtJUkw2c-1.png) no-repeat top right; }
.bottomplace { background: url(/images/YhaBE5BxT-2.png) no-repeat top right; }
img.placeborder { width: 20px; height: 20px;border: none;display: block !important; }
.line { text-align:left}
.stex {
	display:block; font-size:30px;color:maroon;clear:both
}
.skat {
 	display:block;font-size:13px; color:green; clear:both
}
.sren a{
 display:block;}
#bigsample img{
	background-image:url(/yp/img-load.gif);
}
.line_yellow table tr td img {
	background-image:url(/yp/img-load.gif) no-repeat top right; text-decoration:none;
	width:92px; height:68px; border:0; 
}
.urn {display:block;width:240px;height:140px;float:left}
.fline a {discplay:block}
.fline a:hover {color: #FFFFFF; text-decoration: none;  background-color: 
               #FF00FF}



.prm { display:block; width:32px; height:32px; background-image:url(/images/icon/coquette/32x32/favorite.png); position:absolute }



/* jQuery Countdown styles 1.5.8. */
.hasCountdown {

}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 175%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}

#fmenu {}
#fmenu ul { margin: 0 0 0 -20px}
#fmenu span { display:block; height:25px; font-size:16px; font-weight:bolder; background-color:#FFFFFF; margin:0 0 0 -20px}
#fmenu li { list-style:none;}
#fmenu a { text-decoration:none; font-weight:200; display:block;}
#fmenu a:hover { text-decoration:underline; font-weight:bolder; color:#CC0099; font-size:12px }
.ts {width:100px;margin-top:3px;}
.arrow_dot { width:9px; height:17px; background-image:url(/yp/images/arrow_dot.gif)}
.seperator_dot { width:1px; height:17px; vertical-align:middle; background:url(/yp/images/seperator_dot.gif) no-repeat center }