coqnet - css gri tasarım

Tasarımın Üstüne :

<div   id="main_container"> <div class="top_bar"> <div   class="top_search"> <div class="search_text"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Advanced   Search</a></div> <input type="text" class="search_input"   name="search" /> <input type="image" src="images/search.gif"   class="search_bt"/> </div> </div> <div id="header">   <div id="logo"> <a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/"><img src="images/logo.png"   _fcksavedurl="images/logo.png" alt="" border="0" width="237"   height="140" /></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://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/" class="nav1"> Ana   Sayfa</a></li> <li class="divider"></li>   <li><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/" class="nav2">Html   Kod</a></li> <li class="divider"></li>   <li><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/"   class="nav3">Template</a></li> <li   class="divider"></li> <li><a   href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"   class="nav4">Toplist</a></li> <li   class="divider"></li> <li><a   href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"   class="nav4">Css Kod</a></li> <li   class="divider"></li> <li><a   href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"   class="nav5">Ziyaretci Def</a></li> <li   class="divider"></li> <li><a href="contact.html"   _fcksavedurl="contact.html"   class="nav6">İletişim</a></li> <li   class="divider"></li> <li class="currencies"></li>   </ul> <div class="right_menu_corner"></div>   </div>  <div   class="crumb_navigation"> Navigation: <span   class="current">Home</span> </div> <div   class="left_content">   <div   class="title_box">Categories</div> <ul class="left_menu">   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Desktops</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Laptops &   Notebooks</a></li> <li class="odd"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Desktops</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Laptops &   Notebooks</a></li> <li class="odd"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Desktops</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Laptops &   Notebooks</a></li> <li class="odd"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Desktops</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Laptops &   Notebooks</a></li> <li class="odd"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motherboards</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Processors</a></li>   </ul> <div class="title_box">Special Products</div>   <div class="border_box"></div>     </div>              <div class="center_content">

Tasarımın Altına :

</div>  <div   class="right_content"> <div class="title_box">Karışık Html   Kodları</div> <ul class="left_menu"> <li   class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Sony</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Samsung</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Daewoo</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">LG</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> <li class="even"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motorola</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Phillips</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Beko</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Sony</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Samsung</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Daewoo</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">LG</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> <li class="even"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motorola</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Phillips</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Beko</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Sony</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Samsung</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Daewoo</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">LG</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> <li class="even"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motorola</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Phillips</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Beko</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> <li class="even"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motorola</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Phillips</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Beko</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Sony</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Samsung</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Daewoo</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">LG</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> <li class="even"><a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Motorola</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Phillips</a></li>   <li class="even"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Beko</a></li>   <li class="odd"><a href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">Fujitsu   Siemens</a></li> </ul> <div   class="banner_adds"></div> </div>  </div>        <div class="footer"> <div class="right_footer"> <a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">home</a> <a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">about</a> <a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">sitemap</a> <a   href="http://www.free-css.com/"   _fcksavedurl="http://www.free-css.com/">rss</a> <a   href="contact.html" _fcksavedurl="contact.html">contact us</a>   </div> </div> </div>

Css Bölümüne :

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/c/capkin-power/bggm.jpg)   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:#4a4a4a; } .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 #dbdbdb;   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:#999999; } .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:#b3adad; } a.lang{ display:block; float:left; padding:0 5px 0   5px; } #header{ width:1000px; height:173px;   background:url(https://img.webme.com/pic/c/capkin-power/header_bg.jpg)   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:#9d8b8b; }   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:#ad1614; }   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/c/capkin-power/menu_left.gif)   no-repeat center; } .right_menu_corner{ width:9px; height:50px;   float:left;   background:url(https://img.webme.com/pic/c/capkin-power/menu_right.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/c/capkin-power/menu_bg.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/c/capkin-power/menu_divider.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:#676d77;} 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:#676d77;} 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:#676d77;} 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:#676d77;} 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:#676d77;} 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:#676d77;}  a.nav1:hover, a.nav2:hover,   a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover { color:#333333;}     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:#0fa0dd; text-decoration:underline; } span.current{ color:#0fa0dd;   }  /*-------------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/c/capkin-power/menu_title_bg.gif)   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/c/capkin-power/checked.png)   no-repeat left #dad0d0; 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/c/capkin-power/checked.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/c/capkin-power/checked.png)   no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px; }    .border_box{ width:194px; height:auto; text-align:center; border:1px   #6da6b1 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:#064E5A; } .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 #ddd9d9 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:#1c4a52;   } .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:#847676; 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:#847676; 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:#0fa0dd; }   /*---------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 #DFD1D1 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:#1c4a52; } 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:#1c4a52; } span.blue{ color:#5F9FAB; }   /*---------------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:#1c4a52; }   /*--------------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; }