body { margin: 0px; padding: 0px; font-size: 11px; color: #808080; font-family: Arial, Tahoma, Verdana; background: url(../i/bg.png) repeat-x 0px 0px #000000; } #Wrapper { } /***** HEADER ******/ #Wrapper #Header { height: 60px; background: url(../i/bg_header.gif) repeat-x; } #Wrapper #Header .area { text-align: left; width: 980px; height: 36px; } #Wrapper #Header .area .memberarea .membername { float: left; width: 100px; padding: 5px 0px 0px 0px; font-weight: bold; color: #ffffff; } #Wrapper #Header .area .memberarea .membermenu { float: left; width: 380px; } #Wrapper #Header .area .memberarea { float: left; width: 480px; padding: 7px 0px 0px 0px; } #Wrapper #Header .area .memberarea .formarea { float: left; width: 300px; } #Wrapper #Header .area .memberarea .formarea form.formLogin { margin: 0px; padding: 0px; } #Wrapper #Header .area .memberarea .input_login { float: left; margin: 0px 7px 0px 0px; width: 110px; height: 23px; background: #56065f; } #Wrapper #Header .area .memberarea .input_login input { margin: 0px 0px 0px 7px; padding: 4px 0px; width: 103px; font-size: 11px; color: #ffffff; background: none; border: 0px; } #Wrapper #Header .area .memberarea ul { float: left; margin: 5px 0px 0px 10px; } #Wrapper #Header .area .memberarea ul li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 10px; background: url(../i/bullet_navy_4x4.gif) no-repeat 0px 5px; } #Wrapper #Header .area .memberarea ul li a { color: #ffffff; } #Wrapper #Header .area .topmenu { float:right; margin: 0px; padding: 0px; width: 380px; height: 50px; } #Wrapper #Header .area .topmenu li{ float:left; margin: 0px 22px 0px 0px; padding: 0px; } #Wrapper #Header .area .topmenu li a{ display: block; padding: 12px 0px 10px 0px; color: #fff; text-decoration: none; } #Wrapper #Header .area .topmenu li a:hover{ text-decoration: none; background: url(../i/topmenu_act.gif) no-repeat center 1px; } #Wrapper #Header .area .topmenu li.selected a{ color: #fff; text-decoration: none; background: url(../i/topmenu_act.gif) no-repeat center 1px; } #Wrapper #Header .formresultarea { text-align: left; margin: 0px; padding: 0px; width: 980px; height: 24px; } #Wrapper #Header .formresultarea .warningarea { width: 980px; height: 24px; } #Wrapper #Header .formresultarea .warningarea .w_left { float: left; width: 20px; height: 24px; background: url(../i/warning_left.png) no-repeat; } #Wrapper #Header .formresultarea .warningarea .w_middle { float: left; text-align: center; width: 260px; height: 24px; color: #ffffff; line-height: 19px; background: url(../i/warning_middle.png) repeat-x; } #Wrapper #Header .formresultarea .warningarea .w_right { float: left; width: 20px; height: 24px; background: url(../i/warning_right.png) no-repeat; } /***** TOP ******/ #Wrapper #Top { text-align: left; margin: 0px; width: 980px; height: 95px; } #Wrapper #Top .logo { float:left; width: 630px; height: 70px; background: url(../i/moda_sende.gif) no-repeat 0px 20px; } #Wrapper #Top .logo a{ float:left; display: block; margin: 20px 0px 0px 0px; width: 260px; height: 35px; } #Wrapper #Top .kolon { float: right; width: 350px; } #Wrapper #Top .kolon .kargo_banner { float: left; width: 142px; height: 35px; } #Wrapper #Top .kolon .socialbox { float: right; margin: 0px 15px 10px 0px; padding: 0px 0px 0px 0px; width: 188px; height: 35px; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #Wrapper #Top .kolon .socialbox span { float: left; padding: 11px 10px 0px 10px; font-size: 11px; font-weight: bold; color: #353535; } #Wrapper #Top .kolon .socialbox .ikon { float: left; margin: 2px 0px 0px 15px; width: 30px; height: 30px; } #Wrapper #Top .kolon .socialbox .ikon a { float: left; display: block; width: 30px; height: 30px; } #Wrapper #Top .kolon .socialbox .ikon a.ikon_facebook { background: url(../i/icon_facebook.gif) no-repeat 0px 0px; } #Wrapper #Top .kolon .socialbox .ikon a.ikon_twitter { background: url(../i/icon_twitter.gif) no-repeat 0px 0px; } #Wrapper #Top .kolon .socialbox .ikon a.ikon_mail { background: url(../i/icon_mail2.gif) no-repeat 0px 0px; } #Wrapper #Top .chartbox { float:left; margin: 0px 0px 0px 0px; padding: 0px; width: 350px; height: 27px; background: url(../i/bg_icon_sepet.gif) no-repeat 0px 0px; } #Wrapper #Top .chartbox .txt_sepet { float: left; margin: 0px 0px 0px 39px; padding: 0px 0px 0px 16px; width: 200px; height: 27px; line-height: 27px; color: #ffffff; background: #ff6600; } #Wrapper #Top .menu { clear: both; float: left; margin: 20px 0px 0px 0px; } #Wrapper #Top .menu ul { float: left; width: 630px; margin: 0px; padding: 0px; } #Wrapper #Top .menu ul li { float: left; width: 101px; height: 30px; } #Wrapper #Top .menu ul li.last { float: left; width: 122px; height: 30px; } #Wrapper #Top .menu ul li a { display: block; width: 100px; height: 30px; } #Wrapper #Top .menu ul li a.kadin { background: url(../i/kadin.png) no-repeat; } #Wrapper #Top .menu ul li a.erkek { background: url(../i/erkek.png) no-repeat; } #Wrapper #Top .menu ul li a.aksesuar { background: url(../i/aksesuar.png) no-repeat; } #Wrapper #Top .menu ul li a.kozmetik { background: url(../i/kozmetik.png) no-repeat; } #Wrapper #Top .menu ul li a.markalar { background: url(../i/markalar.png) no-repeat; } #Wrapper #Top .menu ul li a.indirimdekiler { width: 121px; background: url(../i/indirimdekiler.png) no-repeat; } #Wrapper #Top .menu .search { float:left; margin: 0px; padding: 0px; width: 350px; height: 30px; } #Wrapper #Top .menu .search .input_search{ float:left; margin: 0px 8px 0px 0px; padding: 0px; width: 275px; height: 25px; background: #ffffff;} #Wrapper #Top .menu .search .input_search input{ margin: 0px; padding: 3px; width: 269px; font-size: 14px; border: 0px; } /***** MĘDDLE ******/ #Wrapper #Middle{ clear:both; text-align: left; margin: 0px; width: 980px; } #Wrapper #Middle .home { display: block; } #Wrapper #Middle .home .spot{ float: left; width: 630px; height: 420px; } #Wrapper #Middle .home .products { float: left; height: 414px; background: #fff; } #Wrapper #Middle .home .products .details { float: left; margin: 0px 5px 0px 10px; width: 100px; height: 207px; text-align: center; } #Wrapper #Middle .home .products .details .img { margin: 0px; } #Wrapper #Middle .home .products .details .img img{ width: 100px; height: 133px; } #Wrapper #Middle .home .products .details .txt { width: 100px; height: 74px; line-height: 12px; } #Wrapper #Middle .home .products .details .txt .name { padding: 3px 0px 0px 0px; width: 100px; height: 32px; font-size: 11px; font-weight: normal; } #Wrapper #Middle .home .products .details .txt .name a { color: #2c4691; } #Wrapper #Middle .home .products .details .txt .lastprice { float: left; width: 100px; padding: 10px 0px 7px 0px; font-size: 11px; font-weight: bold; color: #000000; background: url(../i/bg_price.gif) no-repeat center 5px; } #Wrapper #Middle .home .boxes{ clear: both; margin: 4px 0px 0px 0px; width: 980px; } #Wrapper #Middle .home .boxes .box{ float: left; height: 160px; background: #fff; } #Wrapper #Middle .home .boxes .box .title{ width: 160px; margin: 0px 0px 0px 5px; padding: 5px; } #Wrapper #Middle .home .boxes .box h1{ display: inline; margin: 0px; padding: 0px 0px 0px 12px; font-size: 14px; color: #ffffff; font-weight: bold; } #Wrapper #Middle .home .boxes .box .detail_dukkan{ float: left; margin: 8px 0px 0px 0px; width: 175px; } #Wrapper #Middle .home .boxes .box .detail_dukkan img { float: left; margin: 0px 5px 0px 0px; } #Wrapper #Middle .home .boxes .box .detail_dukkan h2 { margin: 10px 0px 0px 0px; padding: 0px; font-size: 13px; color: #380047; } #Wrapper #Middle .home .boxes .box .detail_dukkan h2 a{ margin: 10px 0px 0px 0px; padding: 0px; font-size: 13px; color: #380047; } #Wrapper #Middle .home .boxes .box .detail_dukkan ul { margin: 10px 0px 0px 0px; } #Wrapper #Middle .home .boxes .box .detail_dukkan ul li { float: left; width: 80px; padding: 0px 0px 8px 12px; color: #333333; background: url(../i/bullet_purple_6x9.gif) no-repeat 0px 3px; } #Wrapper #Middle .home .boxes .box .detail_vitrin { margin: 10px 7px 0px 5px; width: 260px; height: 140px; } #Wrapper #Middle .home .boxes .box .detail_vitrin .img { float: left; width: 100px;} #Wrapper #Middle .home .boxes .box .detail_vitrin .img img{ width: 90px; height: 120px; } #Wrapper #Middle .home .boxes .box .detail_vitrin .txt { float: left; width: 160px; } #Wrapper #Middle .home .boxes .box .detail_vitrin .txt .name { padding: 0px 0px 0px 5px; font-size: 12px; font-weight: bold; } #Wrapper #Middle .home .boxes .box .detail_vitrin .txt .description { padding: 7px 0px 10px 5px; font-weight: normal; } #Wrapper #Middle .home .boxes .box .detail_vitrin .txt .price { float: left; width: 75px; padding: 10px 0px 7px 0px; font-size: 12px; font-weight: bold; text-align: center; color: #000000; background: url(../i/bg_price.gif) no-repeat left 5px; } #Wrapper #Middle .home .boxes .box .detail_vitrin .txt .noprice { float: left; width: 75px; padding: 10px 0px 7px 0px; font-size: 12px; font-weight: bold; text-align: center; color: #000000; background: url(../i/bg_old_price.gif) no-repeat left 5px; text-decoration: line-through; } #Wrapper #Middle .home .boxes .box #BultenResult .detail_bulten { font-size: 12px; } #Wrapper #Middle .home .boxes .box .detail_bulten { margin: 8px 7px 0px 5px; width: 340px; } #Wrapper #Middle .home .boxes .box .detail_bulten p { margin: 0px; padding: 0px 0px 10px 0px; line-height: 19px; } #Wrapper #Middle .home .boxes .box .detail_bulten .bulten_obj { float: left; width: 170px; height: 35px; font-weight: bold; } #Wrapper #Middle .home .boxes .box .detail_bulten .bulten_obj input { margin: 2px 0px 0px 0px; width: 160px; font-size: 12px; background: #e0f0d0; border:1px solid #b1d76c; } #Wrapper #Middle .home .boxes .box .detail_bulten #imgLoading { float: left; margin: 15px 7px 0px 10px; width: 240px; } #Wrapper #Middle .home .boxes .box .detail_bulten #txtWarning { float: left; margin: 10px 7px 0px 0px; width: 250px; color: #b20000; font-weight: bold; } #Wrapper #Middle .home .boxes .box .detail_bulten .btn_save { float: right; margin: 10px 7px 0px 0px; } #Wrapper #Middle .home .boxes .bg_gift { background: url(../i/bg_hediye_onerileri.jpg) no-repeat 0px 0px; } #Wrapper #Middle .home .boxes .box .gift_area { width: 350px; height: 160px; } #Wrapper #Middle .home .boxes .box .gift_area ul { margin: 70px 0px 0px 27px; } #Wrapper #Middle .home .boxes .box .gift_area ul li { width: 300px; margin: 0px; padding: 0px 0px 6px 0px; } #Wrapper #Middle .home .boxes .box .gift_area ul li a { padding: 0px 0px 0px 15px; font-size: 12px; color: #333333; font-weight: bold; text-decoration: none; background: url(../i/icon_gift.gif) no-repeat 0px 4px; } #Wrapper #Middle .home .categorybox { clear:both; text-align: left; margin: 4px 0px 0px 0px; width: 980px; background: #ffffff; } #Wrapper #Middle .home .categorybox .title { width: 160px; margin: 0px 0px 5px 5px; padding: 5px; } #Wrapper #Middle .home .categorybox h1{ display: inline; margin: 0px; padding: 0px 0px 0px 12px; font-size: 14px; color: #ffffff; font-weight: bold; } #Wrapper #Middle .home .categorybox .product { float: left; text-align: center; margin: 0px 9px 20px 5px; width: 180px; border: 1px solid #e0e0e0; } #Wrapper #Middle .home .categorybox .product img.thumb { margin: 5px 0px 0px 0px; width: 180px; height: 240px; } #Wrapper #Middle .home .categorybox .product h1 { display: block; height: 35px; margin: 5px 0px 0px 0px; padding: 0px; font-size: 12px; } #Wrapper #Middle .home .categorybox .product .price { margin: 0px 0px 5px 0px; padding: 10px 41px 4px 41px; font-size: 12px; font-weight: bold; text-align: center; color: #000000; background: url(../i/bg_price.gif) no-repeat center 5px; } #Wrapper #Middle .bant { float: left; margin: 1px 0px 1px 0px; width: 980px; height: 35px; } #Wrapper #Middle .bant .kadin { background: #ca1dbd; } #Wrapper #Middle .bant .erkek { background: #1d8cca; } #Wrapper #Middle .bant .aksesuar { background: #ca611d; } #Wrapper #Middle .bant .kozmetik { background: #ca1d5a; } #Wrapper #Middle .bant .markalar { background: #746680; } #Wrapper #Middle .bant .indirimdekiler { background: #631dca; } #Wrapper #Middle .bant .other { background: #000000; } #Wrapper #Middle .bant .title { padding: 10px 0px 10px 15px; font-weight: bold; color: #ffffff; font-size: 14px; line-height: 15px; } #Wrapper #Middle .sub { display: block; } #Wrapper #Middle .sub .left { float: left; width: 180px; } #Wrapper #Middle .sub .left .leftmenu { margin: 0px; width: 180px; } #Wrapper #Middle .sub .left .leftmenu .btn { margin: 0px 0px 1px 0px; padding: 0px; width: 180px; } #Wrapper #Middle .sub .left .leftmenu .kadin { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #ca1dbd; } #Wrapper #Middle .sub .left .leftmenu .erkek { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #1d8cca; } #Wrapper #Middle .sub .left .leftmenu .aksesuar { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #ca611d; } #Wrapper #Middle .sub .left .leftmenu .kozmetik { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #ca1d5a; } #Wrapper #Middle .sub .left .leftmenu .markalar { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #746680; } #Wrapper #Middle .sub .left .leftmenu .indirimdekiler { margin: 0px 0px 2px 0px; ; padding: 0px; width: 180px; background: #631dca; } #Wrapper #Middle .sub .left .leftmenu ul { margin: 0px 2px; width: 176px; } #Wrapper #Middle .sub .left .leftmenu ul li a { display: block; padding: 8px 5px 5px 17px; color: #fff; background: url(../i/bullet_leftmenu_1.png) no-repeat 5px 12px; } #Wrapper #Middle .sub .left .leftmenu ul li ul { margin: 0px; padding: 0px; width: 176px; } #Wrapper #Middle .sub .left .leftmenu ul li ul li a { display: block; padding: 8px 5px 5px 27px; color: #fff; background: url(../i/bullet_leftmenu_2.png) no-repeat 15px 13px; } #Wrapper #Middle .sub .left .leftmenu ul li ul li ul{ margin: 0px; padding: 0px; width: 176px; } #Wrapper #Middle .sub .left .leftmenu ul li ul li ul li a { display: block; padding: 8px 5px 5px 34px; color: #fff; background: url(../i/bullet_leftmenu_3.png) no-repeat 25px 18px; } #Wrapper #Middle .sub .left .leftmenu .kadin ul li { border-top: 1px solid #96158e; } #Wrapper #Middle .sub .left .leftmenu .kadin ul li ul li { background: #bb1ab1; } #Wrapper #Middle .sub .left .leftmenu .erkek ul li { border-top: 1px solid #0e4561; } #Wrapper #Middle .sub .left .leftmenu .erkek ul li ul li { background: #1676a5; } #Wrapper #Middle .sub .left .leftmenu .aksesuar ul li { border-top: 1px solid #622e0f; } #Wrapper #Middle .sub .left .leftmenu .aksesuar ul li ul li { background: #a54916; } #Wrapper #Middle .sub .left .leftmenu .kozmetik ul li { border-top: 1px solid #671031; } #Wrapper #Middle .sub .left .leftmenu .kozmetik ul li ul li { background: #a5164d; } #Wrapper #Middle .sub .left .leftmenu .markalar ul li { border-top: 1px solid #423a49; } #Wrapper #Middle .sub .left .leftmenu .markalar ul li ul li { background: #5d5268; } #Wrapper #Middle .sub .left .leftmenu .indirimdekiler ul li { border-top: 1px solid #301063; } #Wrapper #Middle .sub .left .leftmenu .indirimdekiler ul li ul li { background: #4c16a5; } #Wrapper #Middle .sub .left .leftmenu ul li.first { border-top: 0px; } #Wrapper #Middle .sub .right { float: left; width: 800px; } #Wrapper #Middle .sub .right .spot { margin: 0px 0px 10px 0px; width: 800px; height: 226px; } #Wrapper #Middle .sub .right .content { width: 800px; background: #ffffff; } #Wrapper #Middle .sub .right .content_bg { background: #ffffff; } #Wrapper #Middle .sub .right .content .area { padding: 15px 20px 15px 20px; } #Wrapper #Middle .sub .right .content .area #imgLoading { padding: 5px 0px 5px 0px; text-align: center; } #Wrapper #Middle .sub .right .content .area .locator { margin: 0px 0px 15px 0px; } #Wrapper #Middle .sub .right .content .area .locator a{ padding: 0px 7px 0px 10px; background: url(../i/bullet_locator_3x14.gif) no-repeat 0px 0px; } #Wrapper #Middle .sub .right .content .area .locator a.noicon{ padding: 0px 7px 0px 0px; background: transparent; } #Wrapper #Middle .sub .right .content .area .pager { display: block; padding: 0px 10px; height: 25px; line-height: 24px; background: #f0f0f0; border: 1px solid #e0e0e0; } #Wrapper #Middle .sub .right .content .area .pager .pleft { float: left; width: 300px; } #Wrapper #Middle .sub .right .content .area .pager .pright { float: right; width: 400px; text-align: right;} #Wrapper #Middle .sub .right .content .area .pager .pright a{ margin: 0px 5px 0px 0px; padding: 2px 5px; font-weight: bold; color: #6f0098; background: #e0e0e0; } #Wrapper #Middle .sub .right .content .area .pager .pright a:hover{ background: #e2ccea; } #Wrapper #Middle .sub .right .content .area .pager .pright a.selected{ background: #e2ccea; } #Wrapper #Middle .sub .right .content .area .product_list { margin: 10px 0px 20px 0px; } #Wrapper #Middle .sub .right .content .area .product_list .product { float: left; text-align: center; margin: 0px 0px 20px 0px; width: 190px; } #Wrapper #Middle .sub .right .content .area .product_list .product img.thumb { width: 180px; height: 240px; } #Wrapper #Middle .sub .right .content .area .product_list .product h1 { height: 35px; margin: 5px 0px 0px 0px; padding: 0px; font-size: 12px; } #Wrapper #Middle .sub .right .content .area .product_list .product .price { padding: 10px 41px 4px 41px; font-size: 12px; font-weight: bold; text-align: center; color: #ffffff; background: url(../i/bg_price.gif) no-repeat center 5px; } #Wrapper #Middle .sub .right .content .area .product_list .product .remove { width: 180px; height: 20px; color: #f33; cursor: pointer; text-align: left; } #Wrapper #Middle .sub .right .content .area .subleft { float: left; width: 760px; } #Wrapper #Middle .sub .right .content .area .subleft a { color: #ff6600; } #Wrapper #Middle .sub .right .content .area .subleft .product_details{ float:left; width: 760px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left { float: left; width: 320px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .p_img { margin: 0px 0px 10px 0px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .p_img .img { width: 300px; height: 400px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .p_img_txt { font-size: 10px; font-weight: bold; color: #bb2bc4; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .thumbs { margin: 5px 0px 10px 0px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .smallpicp { float: left; margin: 0px 10px 0px 0px; padding: 2px; width: 60px; height: 80px; border: 1px solid #e0e0e0; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left .smallpica { float: left; margin: 0px 10px 0px 0px; padding: 0px; width: 60px; height: 80px; border: 3px solid #e0e0e0; } #Wrapper #Middle .sub .right .content .area .subleft .pd_left img.thumb { width: 60px; height: 80px;} #Wrapper #Middle .sub .right .content .area .subleft .pd_right { float: right; width: 440px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right h1 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 18px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .musteri_memnuniyeti_iade_hakki { float: right; width: 140px; height: 280px; text-align: right; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .txt { line-height: 17px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .txtUrl { margin: 20px 0px 0px 0px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .txtUrl a{ color: #ff6600; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .pricearea { float: left; padding: 20px 50px 20px 0px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .pricearea .price { float: left; width: 75px; padding: 10px 0px 7px 0px; font-size: 12px; font-weight: bold; text-align: center; color: #000000; background: url(../i/bg_price.gif) no-repeat left 5px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .pricearea .noprice { float: left; width: 75px; padding: 10px 0px 7px 0px; font-size: 12px; font-weight: bold; text-align: center; color: #000000; background: url(../i/bg_old_price.gif) no-repeat left 5px; text-decoration: line-through; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .extras { clear: both; margin: 0px; background: #f0f0f0; font-size: 11px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .extras .tit { padding: 5px; font-size: 12px; font-weight: bold; color: #380047; border-bottom: 1px dotted #ffffff; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .btn { float: left; margin: 10px; width: 100px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .button { float: left; margin: 10px 0px 10px 0px; width: 200px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right .button img { cursor: pointer; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right ul { margin: 10px 0px 0px 0px; padding: 0px; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right ul li { float: left; width: 220px; padding: 5px 0px; background: url(../i/bullet_purple_6x6.gif) no-repeat 20px 10px; cursor: pointer; } #Wrapper #Middle .sub .right .content .area .subleft .pd_right ul li span { padding: 0px 0px 0px 45px; font-size: 12px; font-weight: bold; color: #292626; } #Wrapper #Middle .sub .right .content .area .subleft h2 { margin: 0px; padding: 20px 0px 10px 0px; font-family: Georgia, Tahoma; font-size: 16px; font-weight: normal; color: #740c78; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac { width: 500px; height: 30px; border-bottom: 1px dotted #e0e0e0; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac .titles{ float: left; padding: 8px 0px 5px 0px; font-family: Arial, Verdana, Tahoma; font-size: 13px; color: #434343; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac .txts{ padding: 8px 0px 5px 10px; font-size: 12px; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac2 { width: 500px; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #e0e0e0; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac2 .titles{ padding: 8px 0px 5px 0px; font-family: Arial, Verdana, Tahoma; font-size: 13px; color: #434343; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .subleft .ayrac2 .txts{ font-size: 12px; } #Wrapper #Middle .sub .right .content .area .context { font-size: 12px; line-height: 19px; text-align: justify; } #Wrapper #Middle .sub .right .content .area .context h1 { margin: 0px; padding: 0px; font-family: Georgia, Tahoma; font-size: 16px; font-weight: bold; color: #bb2bc4; } #Wrapper #Middle .sub .right .content .area .context #memberWarningError { height: 72px; background: url(../i/bg_error.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #memberWarningError span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #992200; } #Wrapper #Middle .sub .right .content .area .context #memberWarningCorrect { height: 72px; background: url(../i/bg_correct.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #memberWarningCorrect span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #54984B; } #Wrapper #Middle .sub .right .content .area .context #WarningPassError { height: 72px; background: url(../i/bg_error.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #WarningPassError span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #992200; } #Wrapper #Middle .sub .right .content .area .context #WarningPassCorrect { height: 72px; background: url(../i/bg_correct.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #WarningPassCorrect span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #54984B; } #Wrapper #Middle .sub .right .content .area .context #orderWarningError { height: 72px; background: url(../i/bg_error.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #orderWarningError span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #992200; } #Wrapper #Middle .sub .right .content .area .context #orderWarningCorrect { height: 72px; background: url(../i/bg_correct.gif) no-repeat; } #Wrapper #Middle .sub .right .content .area .context #orderWarningCorrect span{ display: block; padding: 19px 0px 23px 90px; font-size: 14px; font-weight: bold; color: #54984B; } #Wrapper #Middle .sub .right .content .area .context ul { margin: 20px 0px; } #Wrapper #Middle .sub .right .content .area .context ul li { padding: 0px 0px 10px 10px; background: url(../i/bullet_locator_3x14.gif) no-repeat 0px 0px; } #Wrapper #Middle .sub .right .content .area .subright { float: left; width: 260px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail{ float: right; margin: 0px 0px 0px 35px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail .btn { margin: 0px 0px 10px 0px; width: 195px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail .btn img { cursor: pointer; } #Wrapper #Middle .sub .right .content .area .subright .pdetail .btn div { padding: 10px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail ul { margin: 10px 0px 0px 0px; padding: 0px; width: 225px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail ul li { padding: 5px 0px; background: url(../i/bullet_purple_6x6.gif) no-repeat 20px 10px; cursor: pointer; } #Wrapper #Middle .sub .right .content .area .subright .pdetail ul li span { padding: 0px 0px 0px 45px; font-size: 12px; font-weight: bold; color: #292626; } #Wrapper #Middle .sub .right .content .area .subright .pdetail ul.uye_kayit { padding: 0px; width: 240px; } #Wrapper #Middle .sub .right .content .area .subright .pdetail ul.uye_kayit li { padding: 5px 0px 15px 25px; font-family: Georgia, Tahoma; font-size: 12px; border-bottom: 0px; background: url(../i/bullet_blue_plus_10x10.gif) no-repeat 5px 7px; } #Wrapper #Middle .sub .right .content .area .suball { margin: 20px 0px 0px 0px; line-height: 17px; } #Wrapper #Middle .sub .right .content .area .suball h2 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #bb2bc4; } #Wrapper #Middle .sub .right .content .area .suball h2.topsale { padding: 0px 0px 0px 26px; background: url(../i/icon_star.gif) no-repeat 5px 2px; } #Wrapper #Middle .sub .right .content .area .suball p { font-size: 12px; line-height: 19px; text-align: justify; } #Wrapper #Middle .sub .right .content .area .suball .product_list { margin: 10px 0px 20px 0px; } #Wrapper #Middle .sub .right .content .area .suball .product_list .product { float: left; text-align: center; margin: 0px 0px 20px 0px; width: 190px; } #Wrapper #Middle .sub .right .content .area .suball .product_list .product img.thumb { width: 180px; height: 240px; } #Wrapper #Middle .sub .right .content .area .suball .product_list .product h1 { height: 35px; margin: 5px 0px 0px 0px; padding: 0px; font-size: 12px; } #Wrapper #Middle .sub .right .content .area .suball .sepet { clear: both; margin: 5px 0px; } #Wrapper #Middle .sub .right .content .area .suball .sepet a { color: #740c78; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles { background: #efedf1; margin: 0px 0px 2px 0px; padding: 10px 0px; font-family: Arial, Verdana, Tahoma; font-size: 13px; color: #4e4e4e; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .urun { float: left; padding: 0px 0px 0px 10px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .adet { float: left; text-align: center; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .fiyat { float: left; text-align: right; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .toplam { float: left; text-align: right; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .rtits { float: left; text-align: right; padding: 0px 20px 0px 0px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .titles .ltits { float: left; text-align: left; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products { background: #eae6ed; margin: 0px 0px 2px 0px; padding: 10px 0px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .urun { float: left; padding: 0px 0px 0px 10px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .urun .img { float: left; padding: 0px 10px 0px 0px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .urun .img img { width: 36px; height: 47px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .urun .txt { float: left; padding: 5px 0px 0px 0px; line-height: 17px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .adet { float: left; text-align: center; padding: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #000000; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .fiyat { float: left; text-align: right; padding: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #000000; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .toplam { float: left; text-align: right; padding: 15px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #000000; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .sil { float: left; text-align: center; padding: 11px 0px 0px 0px; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .sil img{ cursor: pointer; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .ltxt { float: left; text-align: left; font-size: 13px; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .rtxt { float: left; text-align: right; font-size: 13px; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .suball .sepet .btn_alisveris_devam { float:left; } #Wrapper #Middle .sub .right .content .area .suball .sepet .btn_satin_al { float:right; } #Wrapper #Middle .sub .right .content .area .suball .sepet .products .oldprice { text-decoration: line-through; } #Wrapper #Middle .sub .right .content .area .suball .siparis { clear: both; margin: 5px 0px; } #Wrapper #Middle .sub .right .content .area .suball .siparis .sheaderLeft { float: left; width: 440px; height: 100px; } #Wrapper #Middle .sub .right .content .area .suball .siparis .sheaderRight { float: left; width: 300px; height: 100px; } #Wrapper #Middle .sub .right .content .area .suball .siparis .rtxt { text-align: right; } #Wrapper #Middle .sub .right .content .area .suball .addresses { background: #eae6ed; margin: 0px 0px 2px 0px; padding: 10px 0px; } #Wrapper #Middle .sub .right .content .area .suball .addresses h2 { padding: 0px 0px 0px 10px; font-family: Arial, Verdana, Tahoma; font-size: 13px; color: #740c78; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .suball .addresses .adres { float: left; padding: 0px 0px 0px 10px; line-height: 21px; } #Wrapper #Middle .sub .right .content .area .suball .addresses .btn_sec { float: right; padding: 15px 0px 0px 10px; } #Wrapper #Middle .sub .right .content .area .suball .addresses .btn_sec img { cursor: pointer; } #Wrapper #Middle .sub .right .content .area .suball .kutu { background: #eae6ed; margin: 0px 0px 2px 0px; padding: 10px 0px; } #Wrapper #Middle .sub .right .content .area .suball .kutu .secenek { float: left; padding: 0px 0px 0px 10px; } #Wrapper #Middle .sub .right .content .area .suball .kutu .secenek img { width: 110px; height: 73px; } #Wrapper #Middle .sub .right .content .area .suball .kutu .txt { float: left; padding: 0px; } #Wrapper #Middle .sub .right .content .area .suball .kutu .btn_sec { float: right; padding: 15px 0px 0px 10px; } #Wrapper #Middle .sub .right .content .area .suball .kutu .btn_sec img { cursor: pointer; } #Wrapper #Middle .sub .right .content .area .suball .tits { float: left; cursor: pointer; } #Wrapper #Middle .sub .right .content .area .frame { margin: 0px 0px 15px 0px; padding: 20px; border: 1px solid #e0e0e0; background: #f6f6f6; } #Wrapper #Middle .sub .right .content .area .frame h1 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; font-family: Verdana, Tahoma; font-size: 16px; } #Wrapper #Middle .sub .right .content .area .frame h1 a { color: #2c4661; } #Wrapper #Middle .sub .right .content .area .frame .frameCategory { margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #e0e0e0; background: #ffffff; } #Wrapper #Middle .sub .right .content .area .frame .frameCategory a { margin: 0px 20px 0px 0px; padding: 0px 0px 3px 0px; font-family: Verdana, Tahoma; font-size: 14px; font-weight: bold; } #Wrapper #Middle .sub .right .content .area .frame .frameCategory a.category { padding: 0px 5px 3px 0px; border-bottom: 1px solid #808080; } #Wrapper #Middle .sub .right .content .area .frame .frameCategory a:hover { text-decoration: none; } .frame2 { margin: 0px 0px 5px 0px; padding: 10px 20px; border: 1px solid #e0e0e0; background: #f6f6f6; cursor: pointer; } .frame2 .img { float: left; margin: 0px 20px 0px 0px; padding: 5px; border-right: 1px dotted #c0c0c0; background: #ffffff; } .frame2 .txt { float: left; } .frame2 .txt h2 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #740c78; } /***** FOOTER ******/ #Wrapper #Footer{ clear:both; text-align: left; margin: 4px 0px 50px 0px; width: 980px; } #Wrapper #Footer .bottommenu{ margin: 0px; padding: 0px; width: 980px; background: #ffffff; } #Wrapper #Footer .bottommenu ul li.group{ float: left; width: 195px; margin: 10px 0px 15px 0px; } #Wrapper #Footer .bottommenu ul li ul li { margin: 0px 10px 5px 10px; } #Wrapper #Footer .bottommenu ul li ul li h1 { margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; color: #2c4661; font-weight: bold; } #Wrapper #Footer .bottommenu ul li ul li a { margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; background: url(../i/bullet_gri_5x5.gif) no-repeat 0px 5px; } #Wrapper #Footer .bottom{ margin: 5px 0px 0px 0px; padding: 0px; width: 980px; height: 90px; background: #ffffff; } #Wrapper #Footer .bottom .left{ float: left; margin: 0px; padding: 31px 20px; width: 280px; } #Wrapper #Footer .bottom .left img{ float: left; margin: 0px 0px 0px 10px; } #Wrapper #Footer .bottom .right{ float: right; margin: 0px; padding: 10px 20px 10px 20px; } /***** MODAL ******/ #Wrapper #loaderLayer #pageContent .modal { padding: 3px; background: #ffffff; border: 1px solid #aaaaaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #Wrapper #loaderLayer #pageContent .modal #modalHeader { clear: both; padding: 3px; background: #cccccc; height: 20px; border: 1px solid #aaaaaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #Wrapper #loaderLayer #pageContent .modal #modalHeader #modalTitle { float: left; padding: 0px 20px 0px 5px; color: #222222; font-weight: bold; line-height: 18px; } #Wrapper #loaderLayer #pageContent .modal #modalHeader #modalClose { float: right; width: 20px; } #Wrapper #loaderLayer #pageContent .modal #modalHeader #modalClose a { display: block; width: 19px; height: 19px; background: url(../i/modal_close.png) no-repeat 0px 0px;} #Wrapper #loaderLayer #pageContent .modal #modalHeader #modalClose a:hover { background: url(../i/modal_close.png) no-repeat 0px 0px #dadada; border: 1px solid #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle { clear: both; padding: 10px 3px; text-align: left; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle #imgLoadingModal { padding: 20px 5px; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle #txtContent { padding: 20px 5px; line-height: 19px; } #Wrapper #loaderLayer #pageContent .modal #modalFooter { clear: both; text-align: right; padding: 15px 3px; border-top: 1px solid #aaaaaa; } #Wrapper #loaderLayer #pageContent .modal #modalFooter a { padding: 5px 15px; background: #e6e6e6; border: 1px solid #d3d3d3; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #Wrapper #loaderLayer #pageContent .modal #modalFooter a:hover { padding: 5px 15px; background: #dadada; border: 1px solid #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle .wish_list_product { float: left; width: 120px; text-align: center; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle .wish_list_product img { width: 90px; height: 120px; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle .wish_list_product .txt { width: 100px; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle .wish_list_product .txt a { color: #808080; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle #payment_types .tits { float: left; cursor: pointer; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle h2 { margin: 0px; padding: 20px 0px 10px 0px; font-family: Georgia, Tahoma; font-size: 16px; font-weight: normal; color: #740c78; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle h2 .black{ color: #000000; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle h3.Bonus { color: #4e4e4e; width: 240px; height: 23px; background: url(../i/content/bonus.gif) no-repeat 174px 0px;} #Wrapper #loaderLayer #pageContent .modal #modalMiddle h3.World { color: #4e4e4e; width: 240px; height: 23px; background: url(../i/content/world.gif) no-repeat 174px -1px;} #Wrapper #loaderLayer #pageContent .modal #modalMiddle h3.Axess { color: #4e4e4e; width: 240px; height: 23px; background: url(../i/content/axess.gif) no-repeat 165px -8px;} #Wrapper #loaderLayer #pageContent .modal #modalMiddle h3.Maximum { color: #4e4e4e; width: 240px; height: 23px; background: url(../i/content/maksimum.gif) no-repeat 170px 0px;} #Wrapper #loaderLayer #pageContent .modal #modalMiddle h3.CardFinans { color: #4e4e4e; width: 240px; height: 23px; background: url(../i/content/cardfinans.gif) no-repeat 134px 0px;} #Wrapper #loaderLayer #pageContent .modal #modalMiddle tr.secili { background: #e6e6e6; } #Wrapper #loaderLayer #pageContent .modal #modalMiddle a { color: #ff6600; }