/*
ODEVCSS
*/
@import url(table_template.css);
@import url(prod_list.css);
@import url(general.css);

body{
	text-align : center;
	margin : 18px 0 75px 0;
}

#wrapper{
	text-align : left;
	width : 908px;
	overflow : hidden;
	margin : 0 auto;
}

#header{
	height : 78px;
	background : url(layout/header_mid.gif) repeat-x left top;
	position : relative;
}

a#logo-link{
	width : 172px;
	height : 111px;
	display : block;
	text-indent : -9999px;
	position : absolute;
	top : 0;
	left : 16px;
	background : url(layout/transparent.gif) repeat;
}

#header #logo{
	height : 78px;
	background : url(layout/logo_top.jpg) no-repeat left top;
}

#header .header-right-part{
	height : 78px;
	background : url(layout/header_right.gif) no-repeat right top;
}

/**/
#content{
	background : url(layout/mid_area_bg.gif) repeat-y left top;
}

#content .content-top-part{
	background : url(layout/mid_area_top.jpg) no-repeat left top;
}

#content .content-btm-part{
	background : url(layout/mid_area_bottom.gif) no-repeat left bottom;
	min-height : 420px;
	padding-bottom : 10px;
}
/**/
#footer{
	height : 36px;
	background : url(layout/footer_mid.gif) repeat-x left top;
	clear : both;
}

#footer .footer-left{
	height : 36px;
	background : url(layout/footer_left.gif) no-repeat left top;
}

#footer .footer-right{
	height : 36px;
	background : url(layout/footer_right.gif) no-repeat right top;
}

#footer ul{
	height : 29px;
	padding : 3px 0 4px 16px;
	overflow : hidden;
	color : #fff;
	font-size : 11px;
}

#footer ul li{
	height : 29px;
	background : url(layout/footer_delim.gif) no-repeat right top;
	white-space : nowrap;
	overflow : hidden;
	line-height : 28px;
	text-transform : uppercase;
	padding : 0 7px 0 0;
	margin : 0 5px 0 0;
	float : left;
}

#footer ul li a{
	color : #fff;
	font-weight : bold;
}

#footer ul li.copyright{
	background : none;
	text-transform : none;
	width : 105px;
	padding-right : 12px;
	margin : 0;
	float : right;
}

#footer ul li.clear{
	clear : both;
	display : block;
	float : none;
	font-size : 0;
	height : 0;
	line-height : 0;
	margin : 0;
	padding : 0;
	visibility : hidden;
	background : none;
}

/**/
ul#top-menu{
	position : absolute;
	right : 25px;
	bottom : 3px;
	height : 35px;
	overflow : hidden;
}

ul#top-menu li{
	float : left;
	height : 35px;
	overflow : hidden;
	padding-left : 2px;
	background : url(layout/top_menu/delim.gif) no-repeat left top;
}

ul#top-menu li a{
	display : block;
	height : 35px;
	background-position : 0 0;
	background-repeat : no-repeat;
	text-indent : -9999px;
}
ul#top-menu li a:hover{
	background-position : 0 -35px;
}
ul#top-menu li a.crt{
	background-position : 0 -35px;
	cursor : auto;
}

a#ana-sayfa{
	width : 82px;
	background : url(layout/top_menu/ana_sayfa.gif);
}

a#odev-kapaklari{
	width : 118px;
	background : url(layout/top_menu/odev-kapaklari.gif);
}

a#deneme-sinavlari{
	width : 134px;
	background : url(layout/top_menu/deneme-sinavlari.gif);
}

a#sikca-sorulanlar{
	width : 126px;
	background : url(layout/top_menu/sikca-sorulanlar.gif);
}

a#iletisim{
	width : 62px;
	background : url(layout/top_menu/iletisim.gif);
}
/**/
#left-side{
	width: 201px;
	overflow : hidden;
	float : left;
}
#mid-col{
	width: 506px;
	overflow : hidden;
	float : left;
}
#right-side{
	width : 201px;
	overflow : hidden;
	float : left;
	color : #2D2D2D;
}
#right-side .inner{
	margin : 3px 4px 4px 0;
}
#left-side .inner{
	margin : 50px 0 4px 4px;
}
.promo{
	display : block;
}
.big-promo{
	margin : 0 0 10px 0;
}
.big-promo img{
	display : block;
}
#mid-col .inner{
	margin : 8px 5px;
}	
/**/
ul.side-comp-list{
	background-color : #D1D6D0;
	color: #444;
	font-size : 11px;
	font-weight: bold;
	padding : 4px 0 10px 17px;
	margin-bottom : 10px;
}
ul.side-comp-list a{
	color: #000;
	display : block;
	margin-top : 1px;
	height : 18px;
	line-height : 20px;
	background : url(layout/arrow/arrow3.gif) no-repeat 1px center;
	padding-left : 10px;
}
ul.side-comp-list a:hover,
ul.side-comp-list a.crt{
text-decoration : none;
background-color : #DADFD9;
}

ul.side-comp-list li a i{
	font-style : normal;
	display : block;
	height : 18px;
	line-height : 20px;
	background : url(layout/arrow/arrow2.gif) no-repeat right center;
	margin-right : 4px;
	cursor : pointer;
}
ul.side-comp-list li a:hover i,
ul.side-comp-list li a.crt i{
	background-image : url(layout/arrow/arrow5.gif);
}
ul.side-comp-list li a.crt i,
ul.side-comp-list li a.crt{
	cursor : auto;
}
ul.side-comp-list li{
	height : 19px;
	line-height : 20px;
	border-bottom : 1px solid #F4F6F4;
	overflow : hidden;
}
div.col-float-clear{
	width : 908px;
	overflow : hidden;
}
/**/
#left-side h1{
	text-indent : -9999px;
	font-size : 10px;
	height : 17px;
	overflow : hidden;
}
#left-side h1 img{
	display : block;
}
div.side-banner{
	text-align : center;
}
div.side-banner img{
	display : block;
	width : 170px;
	border : 1px solid #bebebe;
	margin : 5px auto;
}
/**/
.right-box{
	background : url(layout/hr.gif) repeat-x bottom;
	padding : 10px 10px 12px 10px;
	font-size : 11px;
}
#right-side h1{
	font-size: 10px;
	height : 17px;
	overflow : hidden;
}
#right-side h1 img{
	display : block;
}
.arrow{
	color: #2D2D2D;
	background : url(layout/arrow/arrow3.gif) no-repeat 2px center;
	padding-left : 10px;
}

/**/
div#side-cart-inf{
	font-size : 12px;
}
div#side-cart-inf .fright{
	color : #2E8D11;
	font-size : 11px;
}
#right-side p{
	margin : 0;
	padding : 0;
}

#right-side a{
	color: #2d2d2d;
}

ul#right-side-news li{
	border-bottom : 1px solid #f4f4f4;	
}
ul#right-side-news li img{
	border : none;
	display : block;
	margin : 0px auto;
	margin-top : 10px;
	background :#fff url(layout/preloader.gif) no-repeat center;
	color : #aaa;
	font-size : 10px;
	text-align : left;
}
#right-side ul#right-side-news li  p{
	padding-left : 10px;
	background : url(layout/arrow/arrow3.gif) no-repeat 2px 5px;
	line-height : 16px;
}
ul#right-side-news li .price{
	font-size : 13px;
	color : #2E8D11;
	font-weight: bold;
	text-align : center;
	line-height : 16px;
	margin-bottom : 8px;
}
ul#right-side-news li.hide{
	height : 2px;
	line-height : 0;
	font-size : 0;
	position : relative;
	background-color : #CDD2CB;
	top : -1px;
	border : none;
	margin : 0;
	padding : 0;
}
#mid-col h1{
	height: 23px;
	margin : 0 10px;
	padding : 0 0 0 0px;
	background: url(layout/heading_bg.gif) repeat-x bottom;
	line-height : 23px;
	font-size : 18px;
	text-transform : uppercase;
	overflow : hidden;
}
#mid-col h1 img{
	display : block;
	font-weight: bold;
	margin : 0;
	padding : 0;
	color : #333;
	font-size : 18px;
}
div#filtrare{
	margin : 7px 10px;
	height : 17px;
	line-height : 17px;
	font-size : 12px;
	color : #424242;
	position : relative;
	z-index : 10;
}
div#filtrare dl{
	float : left;
}
div#filtrare dl dd{
	float: left;
	height: 15px;
	line-height : 15px;
	font-size: 11px;
	color : #000;
	border : 1px solid #ddd;
	background :#fff url(layout/arrow/arrow1.gif) no-repeat right center;
	padding : 0 15px 0 6px;
	position : relative;
	cursor : pointer;
	margin-left: 3px;
}
div#filtrare dl dd ul{
	position : absolute;
	left : -1px;
	top: 15px;
	width : 100px;
	background-color: #fff;
	display : none;
	border : 1px solid #ddd;
}
div#filtrare dl dd:hover{
	background-color : #f5f5f5;
}
div#filtrare dl dd a{
	color:#000000;
	font-weight:bold;
}
div#filtrare dl dd:hover ul{
	display : block;
}
div#filtrare dl dd ul li{
	height : 20px;
	line-height : 20px;
	white-space : nowrap;
}
div#filtrare dl dd ul li a{
	height : 20px;
	line-height : 20px;
	display : block;
	padding : 0 6px;
	text-decoration: none;
	background : #fff;
	color: #000;
	white-space : nowrap;
}
div#filtrare dl dd ul li a:hover{
	background : #eee;
	text-decoration: none;
}

div.paging{
	height : 14px;
	line-height : 14px;
	width : 476px;
	margin : 0 10px;
	overflow : hidden;
	color : #525252;
}
div.paging b{
	color: #000;
}
div.paging a{
	color : #2E8D11;
}
div.paging div{
	height : 14px;
	line-height : 14px;

}
div.paging div.fright{
	word-spacing : 3px;
}

p.descr,
p.inf{
	font-size : 11px;
	line-height : 16px;
	margin : 5px 10px 5px 10px;
}
p.inf{
	color : #5D5D5D;
	margin-top :0; 
}
p.tel{
	background : url(layout/phone_icon.gif) no-repeat left center;
	padding : 0 0 0 24px;
	margin : 0 10px;
	font-size : 11px;
	color: #454545;
}
p.tel b{
	font-size : 12px;
}
form#fin-comanda{
	margin : 10px;
	padding : 5px;
	border-top : 2px solid #D3D8D2;
	border-bottom : 2px solid #D3D8D2;
}
form#fin-comanda .button{
	float : right;
	background :#D3D5D2 url(layout/arrow/arrow3.gif) no-repeat 4px center;
	text-indent : 2px;
	border-color: #B3B3B3;
}
form#fin-comanda textarea{
	width: 460px;
}

a.button{
	display : block;
	font-size : 11px;
	font-weight: bold;
	border : 1px solid #B3B3B3;
	background :#D3D5D2 url(layout/arrow/arrow3.gif) no-repeat 4px center;
	color: #2F322D;
	padding : 0 5px 0 11px;
	margin : 0;
	height : 16px;
	line-height : 16px;
	float : right;
}
.sayfalama {margin:0 auto; width:600px; padding:10px 0 0 0; clear:left; }
.sayfalama a {font:bold 12px Tahoma, Geneva, sans-serif; color:#fff; float:left; list-style:none; margin:0 2px; background:#619004; }
.sayfalama span {padding:5px 8px; display:block; font:bold 12px Tahoma, Geneva, sans-serif; float:left; list-style:none; margin:0 2px; }
.burda {color:#fff; background-color:#619004; }
.yok {color:#619004; background-color:#ccc; }
.sayfalama a {font:bold 12px Tahoma, Geneva, sans-serif; color:#619004; text-decoration:none; background-color:#ccc; padding:5px 8px; display:block; }
.sayfalama a:hover {background-color:#619004; color:#e2e2e2; }