smdGR | Aranan Yardım..! - smdGRv1 Tasarim

smdGRv1 Tasarim

smdGR v1RED Tasarım

FreeCss Tabanlı Bir Tasarımdır.Fakat Gerçeği ile Arasında Dağlar Var Diyebilirim. Kısaca Güzel ve Şık Bir Tasarımdır...

Tasarım Özellikleri:

https://img.webme.com/pic/o/osmantalay/bltbtn.png

Tasarim İsmi: -v1RED

Kategorisi: -Css Tasarım

Telif Hakkı: -smdGR

Eklenme: -05/Eylül/2011

Eklenme: 05 Eylül 2011 Pazartesi

Tasarımın Üzerindeki Yazı:

<a target="_blank" href="http://www.enbuyukseninsiten.tr.gg" _fcksavedurl="http://www.enbuyukseninsiten.tr.gg" _fcksavedurl="http://www.enbuyukseninsiten.tr.gg"><img title="Sende Yarışmaya Katıl! " border="0" alt="" style="position: fixed; top: 0px; right: 0px" src="https://img.webme.com/pic/e/enbuyukseninsiten/ebssyaov.png" _fcksavedurl="https://img.webme.com/pic/e/enbuyukseninsiten/ebssyaov.png" _fcksavedurl="https://img.webme.com/pic/e/enbuyukseninsiten/ebssyaov.png" /></a><div id="sidebar_content"> <div id="sidebar_content"> <div style="z-index: 0; position: fixed; overflow: hidden; top: 0px; left: 0px;" id="bayrak"><a href="http://fikra-okuru.tr.gg/Yarisma.htm" _fcksavedurl="http://fikra-okuru.tr.gg/Yarisma.htm" _fcksavedurl="http://fikra-okuru.tr.gg/Yarisma.htm"><img height="135" width="135" border="0" alt="Yarışma Başladı" src="https://img.webme.com/pic/f/fikra-okuru/yarissssssmaaaaaa.gif" _fcksavedurl="https://img.webme.com/pic/f/fikra-okuru/yarissssssmaaaaaa.gif" _fcksavedurl="https://img.webme.com/pic/f/fikra-okuru/yarissssssmaaaaaa.gif" /></a></div> </div><div id="main_container"> <div class="top_bar"> <div class="top_search"> <div class="Arama Yap"><a href="http://www.google.com/" _fcksavedurl="http://www.google.com/"></a></div> <input type="Arama Yap" class="search_input" name="search" /> <input type="image" src="https://img.webme.com/pic/s/smdgr/ara-buton.gif" class="search_bt"/> </div> </div> <div id="header"> <div id="logo"> <a href="http://www.smdgr.tr.gg/" _fcksavedurl="http://www.smdgr.tr.gg/"></a> </div> <div class="oferte_content"> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> </div>  </div> <div id="main_content">    <div id="menu_tab"> <div class="left_menu_corner"></div> <ul class="menu"> <li><a href="http://smdgr.tr.gg/ana-sayfa.htm" _fcksavedurl="http://smdgr.tr.gg/ana-sayfa.htm" class="nav1"> Ana Sayfa</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/Hizmetler.htm" _fcksavedurl="http://smdgr.tr.gg/Hizmetler.htm" class="nav2">Hizmetler</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/Banner-D-.-A.htm" _fcksavedurl="http://smdgr.tr.gg/Banner-D-.-A.htm" class="nav3">Banner D.A</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/Top-liste.htm" _fcksavedurl="http://smdgr.tr.gg/Top-liste.htm" class="nav4">Toplist</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/CSS-Tasar%26%23305%3Bmlar.htm" _fcksavedurl="http://smdgr.tr.gg/CSS-Tasar%26%23305%3Bmlar.htm" class="nav4">Css Tasarımlar</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://smdgr.tr.gg/Ziyaret%E7i-defteri.htm" class="nav5">Ziyaretci Def</a></li> <li class="divider"></li> <li><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" class="nav6">İletişim</a></li> <li class="divider"></li> <li class="currencies"></li> </ul> <div class="right_menu_corner"></div> </div>  <div class="left_content">   <div class="title_box">Ana Menü</div> <ul class="left_menu">  <li class="odd"><a href="http://smdgr.tr.gg/ana-sayfa.htm" _fcksavedurl="http://smdgr.tr.gg/ana-sayfa.htm">Ana Sayfa</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm" _fcksavedurl="http://smdgr.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">Hakkimizda</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://smdgr.tr.gg/Ziyaret%E7i-defteri.htm">Z.Defteri</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/Dost-Siteler.htm" _fcksavedurl="http://smdgr.tr.gg/Dost-Siteler.htm">Dost Siteler</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/Top-liste.htm" _fcksavedurl="http://smdgr.tr.gg/Top-liste.htm">Top Liste</a></li>            <li class="odd"><a href="http://smdgr.tr.gg/Banner-D-.-A.htm" _fcksavedurl="http://smdgr.tr.gg/Banner-D-.-A.htm">Banner D.A</a></li>           <li class="odd"><a href="http://smdgr.tr.gg/K-.-BDA-.--h-lar.htm" _fcksavedurl="http://smdgr.tr.gg/K-.-BDA-.--h-lar.htm">Katıldığım B.D.A</a></li>         </ul> <div class="title_box">Kank Siteler</div> <ul class="left_menu">    <li class="odd"><a href="http://sademind.tr.gg" _fcksavedurl="http://sademind.tr.gg">SademinD</a></li>  <li class="odd"><a href="http://gameong.tr.gg" _fcksavedurl="http://gameong.tr.gg">GameonG</a></li>  <li class="odd"><a href="http://sosyoweb.tr.gg" _fcksavedurl="http://sosyoweb.tr.gg">soSyoWeb</a></li>  <li class="odd"><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Kank Olak</a></li>  <li class="odd"><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Kank Olak</a></li>

Tasarımın Altındaki Yazı:

</div>  <div class="right_content"> <div class="title_box">Siten İçin</div> <ul class="left_menu">     <li class="odd"><a href="http://smdgr.tr.gg/HTML-Kodlar.htm" _fcksavedurl="http://smdgr.tr.gg/HTML-Kodlar.htm">HTML Kodlar</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/CSS-Kodlar%26%23305%3B.htm" _fcksavedurl="http://smdgr.tr.gg/CSS-Kodlar%26%23305%3B.htm">CSS Kodlar</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/CSS-Tasar%26%23305%3Bmlar.htm" _fcksavedurl="http://smdgr.tr.gg/CSS-Tasar%26%23305%3Bmlar.htm">CSS Tasarımlar</a></li>     <li class="odd"><a href="http://smdgr/ana-sayfa.htm" _fcksavedurl="http://smdgr/ana-sayfa.htm">Açıklamalı Anlatımlar</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/Modifiye-Siteler.htm" _fcksavedurl="http://smdgr.tr.gg/Modifiye-Siteler.htm">Modifiye Siteler</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/Photoshop-Dersleri.htm" _fcksavedurl="http://smdgr.tr.gg/Photoshop-Dersleri.htm">PS Dersleri</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/%26%23304%3Bkon-Ar%26%23351%3Bivi.htm" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bkon-Ar%26%23351%3Bivi.htm">İcon Arşivim</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/Canl%26%23305%3B-TV.htm" _fcksavedurl="http://smdgr.tr.gg/Canl%26%23305%3B-TV.htm">Canlı TV</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/M.ue.zik.htm" _fcksavedurl="http://smdgr.tr.gg/M.ue.zik.htm">Müzik</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/Gazete.htm" _fcksavedurl="http://smdgr.tr.gg/Gazete.htm">Gazete</a></li>     <li class="odd"><a href="http://smdgr.tr.gg/Flash-Oyunlar.htm" _fcksavedurl="http://smdgr.tr.gg/Flash-Oyunlar.htm">Flash Oyunlar</a></li> </ul> <div class="right_content"> <div class="title_box">Facebook Fan Sayfamız</div> <ul class="left_menu"> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/komiksegulerim" width="195" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>     <div class="https://img.webme.com/pic/s/smdgr/ara-buton.gif"> </div> </ul> </div> </div>  <div class="footer"> <div class="right_footer"><a href="http://Bab-Hunk.tr.gg/" _fcksavedurl="http://Bab-Hunk.tr.gg/">Bab Hunk</a> <a href="http://neoncocuk.tr.gg/" _fcksavedurl="http://neoncocuk.tr.gg/">NeonCocuk</a><a href="http://sademind.tr.gg/" _fcksavedurl="http://sademind.tr.gg/">SademinD</a><a href="http://GameonG.tr.gg/" _fcksavedurl="http://GameonG.tr.gg/">GameonG</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a><a href="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/" _fcksavedurl="http://smdgr.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm/">Link Takas</a></div> </div>

Css Kodu:

table {margin-left: auto;margin-right: auto}  h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}    body { background:url(https://img.webme.com/pic/s/smdgr/rrklamssnnn.png) no-repeat #fff center top; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px auto auto auto; color:#000; } p{ padding:2px; margin:0px; } #main_container{ width:1000px; height:auto; margin:auto; padding:0px; } .top_bar{ width:1000px; height:38px; background-color:#FFFFFF; } .top_search{ width:370px; height:32px; margin:0px 20px 0 0; _margin:0px 10px 0 0; float:right; background:url(https://img.webme.com/pic/c/capkin-power/top_search_bg.gif) no-repeat center; } input.search_input{ width:182px; height:18px; float:left; margin:5px 0 0 0 ; border:1px solid #cc0000; border-bottom-color:#ffffff; border-right-color:#ffffff; } .search_text{ float:left; width:110px; padding:8px 0 0 15px; color:#999999; } .search_text a{ text-decoration:none; color:#FFFFFF; } .search_bt{ float:left; padding:2px 0 0 15px; } .languages{ float:right; width:150px; padding:8px 0 0 0; } .lang_text{ float:left; padding:0 5px 0 0; color:#FFFFFF; } a.lang{ display:block; float:left; padding:0 5px 0 5px; } #header{ width:1000px; height:173px; background:url(https://img.webme.com/pic/s/smdgr/basliksmd.png) no-repeat center; background-position:0px 0px; margin:auto; } #logo{ float:left; padding:15px; } /*------------------------------oferte_content-----------------------*/ .oferte_content{ width:600px; height:164px; float:left; padding:0 0 0 50px; } .top_divider{ float:left; width:1px; height:164px; } .oferta{ width:538px; float:left; padding:15px 30px 0 30px; } .oferta_img{ float:left; padding:0 0 10px 0; } .oferta_title{ font-size:15px; color:#b72c24; font-weight:bold; } .oferta_details{ width:400px; float:left; padding:0 0 0 30px; } .oferta_text{ padding:5px 0 5px 0; font-size:12px; color:#FFFFFF; text-align:justify; line-height:15px; } a.details{ width:83px; height:21px; display:block; float:right; margin:5px 0 0 0; padding-left:5px; background:url(https://img.webme.com/pic/c/capkin-power/details_bt_bg.gif) no-repeat center; text-align:center; line-height:21px; text-decoration:none; color:#000000; } /*---------------------oferta_pagination-----------------------------*/  div.oferta_pagination { clear:both; padding:10px 0 0 0; _padding:0px 0 0 0; margin:5px; text-align:center; float:left; font-size:10px; }  div.oferta_pagination a { width:22px; height:22px; display:block; float:left; margin:0 0 0 5px; _margin:0 0 0 3px; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg.gif) no-repeat center; text-decoration:none; color:#FFFFFF; } div.oferta_pagination a:hover, div.pagination a:active { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#FFFFFF; } div.oferta_pagination span.current { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#ad1614; } #main_content{ clear:both; } /*---------------- menu tab----------------------*/ #menu_tab{ width:1000px; height:50px; background-color:#fff; } .left_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/s/smdgr/menusmdgr_01.gif) no-repeat center; } .right_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/s/smdgr/menusmdgr_03.gif) no-repeat center; } ul.menu { list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;background:url(https://img.webme.com/pic/s/smdgr/menusmdgr_02.gif) repeat-x;}  ul.menu li { display:inline; font-size:11px; font-weight:bold; line-height:50px; } ul.menu li.divider { display:inline; width:2px; height:50px; float:left; background:url(https://img.webme.com/pic/s/smdgr/menusmdgr_02.gif) no-repeat center; }  a.nav1:link, a.nav1:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/home.png) no-repeat left; color:#FFFFFF;} a.nav2:link, a.nav2:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/services.png) no-repeat left; color:#FFFFFF;} a.nav3:link, a.nav3:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/favs.png) no-repeat left; color:#FFFFFF;} a.nav4:link, a.nav4:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/user_add.png) no-repeat left; color:#FFFFFF;} a.nav5:link, a.nav5:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/car.png) no-repeat left; color:#FFFFFF;} a.nav6:link, a.nav6:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/contact-new.png) no-repeat left; color:#FFFFFF;}  a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover { color:#cc0000;}   li.currencies{ width:180px; float:left; padding:0 0 0 15px; _padding:12px 0 0 15px; color:#676d77; font-size:11px; font-weight:bold; } /*----------------crumb_navigation-------------*/ .crumb_navigation{ width:980px; height:15px; padding:5px 10px 0 20px; color:#333333; background:url(https://img.webme.com/pic/c/capkin-power/navbullet.png) no-repeat left; background-position:5px 6px; } .crumb_navigation a{ color:#cc0000; text-decoration:underline; } span.current{ color:#cc0000; }  /*-------------left_content------------------*/ .left_content{ width:196px; float:left; } .title_box{ width:196px; height:30px; margin:5px 0 0 0; background:url(https://img.webme.com/pic/s/smdgr/menuustu.png) no-repeat center; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px; } /*--------left menu---------*/ ul.left_menu{ width:196px; padding:0px; margin:0px; list-style:none; } ul.left_menu li{ margin:0px; list-style:none; } ul.left_menu li.odd a{ width:166px;height:25px;display:block;background:url(https://img.webme.com/pic/s/smdgr/resm2smd.png) no-repeat left #FFFFFF; background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a{ width:166px;height:25px;display:block;background:url(<https://img.webme.com/pic/s/smdgr/resm2smd.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{ background:url(https://img.webme.com/pic/s/smdgr/resm2smd.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px; }  .border_box{ width:194px; height:auto; text-align:center; border:1px #cc0000 solid; } .product_title{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a{ text-decoration:none; color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a:hover{ color:#cc0000; } .product_img{ padding:5px 0 5px 0; } .prod_price{ padding:5px 0 5px 0; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } /*----------newsletter--------------*/ input.newsletter_input{ width:160px; height:16px; border:1px #FFFFFF solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; } a.join{ width:17px; display:block; margin:5px 0 5px 140px; _margin:5px 0 5px 130px; background:url(https://img.webme.com/pic/c/capkin-power/blue-add.png) no-repeat left; padding:0 0 0 20px; text-decoration:none; color:#cc0000; } .banner_adds{ width:194px; text-align:center; padding:10px 0 10px 0; }  /*center content--------------------------*/ .center_content{ width:585px; float:left; padding:5px 10px; } .center_title_bar{ width:520px; height:33px; float:left; padding:0 0 0 40px; margin:0 0 0 12px; _margin:0 0 0 6px; line-height:33px; font-size:12px; color:#cc0000; font-weight:bold; background: none no-repeat center; }  /*----------------------right content--------------*/ .right_content{ width:196px; float:left; padding:5px 0 0 0; } .shopping_cart{ width:195px; height:84px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/cart_bg.gif) no-repeat center; } .cart_title{ font-size:12px; font-size:12px; color:#cc0000; font-weight:bold; padding:8px 0 0 0; } .cart_details{ width:115px; float:left; padding:5px 0 0 15px; text-align:left; } .cart_icon{ float:left; padding:5px 0 0 5px; } span.border_cart{ width:100px; height:1px; margin:3px 0 3px 0; display:block; border-top:1px #999999 dashed; } /*---------prod_box----------*/ .prod_box{ width:173px; height:auto; float:left; padding:10px 10px 10px 11px; } .top_prod_box{ width:173px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box{ width:173px;height:10px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box{ width:173px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .prod_details_tab{ width:173px; height:31px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/products_details_bg.gif) no-repeat center; margin:3px 0 0 0; } img.left_bt{ float:left; padding:6px 0 0 6px; } a.prod_details{ width:25px; display:block; float:left; background:url(https://img.webme.com/pic/c/capkin-power/square-blue-add.gif) no-repeat left; padding:0 0 0 20px; margin:7px 0 0 38px; _margin:6px 0 0 35px; text-decoration:none; color:#cc0000; } /*---------prod_box_big----------*/ .prod_box_big{ width:554px; height:auto; float:left; padding:10px 10px 10px 15px; } .top_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box_big{ width:554px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .product_img_big{ width:170px; padding:5px 0 5px 10px; float:left; } .details_big_box{ width:345px; float:left; padding:0 0 0 15px; text-align:left; } .product_title_big{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; font-size:14px; } .specifications{ font-size:12px; font-weight:bold; line-height:18px; } .thumbs{ padding:8px 5px 8px 5px; border:1px #FFFFFF solid; margin:3px 0 0 0; } .thumbs a{ padding:3px; } .prod_price_big{ padding:5px 0 5px 0; font-size:16px; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } a.addtocart{ width:76px; height:27px; display:block; float:left; background:url(images/addtocart.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#ea2222; } a.compare{ width:76px; height:27px; display:block; float:left; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/compare.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#ea2222; } span.blue{ color:#cc0000; } /*---------------contact_form------------------*/ .contact_form{ width:355px; float:left; padding:0px 0 0 75px; } .form_row{ width:335px; clear:both; padding:10px 0 10px 0; _padding:5px 0 5px 0; color:#a53d17; } label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; } input.contact_input{ width:253px; height:18px; background-color:#fff; color:#999999; border:1px #DFDFDF solid; float:left; } textarea.contact_textarea{ width:253px; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; background-color:#fff; border:1px #DFDFDF solid; float:left; } a.contact{ width:99px; height:27px; display:block; float:right; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/contact_bt.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; line-height:27px; color:#cc0000; } /*--------------footer----------------*/ .footer{ width:1000px; clear:both; height:65px; background:url(https://img.webme.com/pic/c/capkin-power/footer_bg.gif) repeat-x top; } .left_footer{ float:left; width:300px; padding:5px 0 0 10px; } .right_footer{ float:right; padding:15px 30px 0 0; } .right_footer a{ padding:0 0 0 7px; text-decoration:none; color: #666666; } .right_footer a:hover{ text-decoration:underline; }  .center_footer{ float:left; width:200px; text-align:center; color:#666666; padding:10px 0 0 60px; }