/* Theme Name: Magicard Theme URI: http://wordpress.org/ Description: Custom WP theme for the project MAGICARD Version: 1.0 */ *{ padding:0; margin:0;} img{ border:0;} body{ color:#333333; font-size:12px; font-family:Arial, Geneva, Helvetica, sans-serif; background:#f3f3f3; } .hidden{ display:none;} a{ outline:none;} #wrap{ width:983px; margin:0 auto;} h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-1px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- H E A D E R --------------------------------------------------------------------------------------------------------------------------------------------*/ #header{ width:983px; margin-bottom:8px;} .top_header{ position:relative; z-index:1002; height:32px;/*43*/ padding-top:11px;} .gform{ position:relative; display:inline; float:right; width:196px; height:22px; margin-right:6px; margin-left:20px; } .gtxt{ position:absolute; width:148px; height:16px; top:0; left:0; padding:3px 5px; font-family:Arial, Geneva, Helvetica, sans-serif; font-size:12px; border:0; background:url(images/background/gtxt-bg.gif) no-repeat #ffffff;} .gsbmt{ position:absolute; width:27px; height:27px; top:-2px; left:163px;} *html .gtxt{ background-attachment:fixed;} .lan_selector{ position:relative; float:right; width:202px; height:22px; } .lan_flag{ position:absolute; width:24px; height:22px; top:0px; left:0; } .lan_choice{ position:absolute; width:180px; height:22px; top:0; left:30px; cursor:pointer; background:url(images/background/lan-selector-bg.gif) no-repeat} #languages{ display:none;} .languages{ position:absolute; width:178px; top:22px; left:31px; background:url(images/background/languages-bottom-bg.png) bottom no-repeat;} .languages ul{ width:160px; overflow:hidden; margin-bottom:3px; padding:9px 9px 0 9px; background:url(images/background/languages-bg.png) repeat-y;} .languages ul li{ width:100%; float:left; list-style:none;} .languages ul li a{ display:block; outline:none; height:22px; line-height:22px; padding-bottom:8px; padding-left:38px; text-decoration:none; color:#ffffff;} .languages .fr, .lan_flag .fr{ background:url(images/background/flag-fr.png) no-repeat} .languages .es, .lan_flag .es{ background:url(images/background/flag-es.png) no-repeat} .languages .pt, .lan_flag .pt{ background:url(images/background/flag-pt.png) no-repeat} .languages .ar, .lan_flag .ar{ background:url(images/background/flag-ar.png) no-repeat} .languages .cn, .lan_flag .cn{ background:url(images/background/flag-cn.png) no-repeat} .languages .en, .lan_flag .en{ background:url(images/background/flag-en.png) no-repeat} /*-------------------------------------------------------------------------------------------------------------------------------------------- N A V I G A T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ #nav{ width:983px; overflow:hidden; height:43px; color:#ffffff; font-size:11px; background:url(images/background/nav-bg.gif) repeat-x #333333;} #nav .left{ float:left; width:9px; height:43px; background:url(images/background/nav-left-bg.gif) no-repeat} #nav .right{ float:left; width:8px; height:43px; background:url(images/background/nav-right-bg.gif) no-repeat} #nav .cont{ float:left; width:966px; height:43px;} .logo{ display:block; float:left; display:inline; width:186px; height:43px; margin-left:6px; background:url(images/logo.png) no-repeat;} .nav_items{ display:block; float:left; width:758px;/*774*/ height:43px; padding:9px 0 0 10px; font-size:11px; font-weight:bold;} .nav_items li{ display:block; float:left; display:inline; margin-right:3px; height:21px; line-height:21px; list-style:none;} .nav_items a{padding:4px 10px 3px 10px; color:#ffffff; text-decoration:none; text-align:center;} .nav_items a:hover{ background: url(images/menu/menu_hover.gif) repeat-x left bottom; } .nav_items .ni_cont { margin-right:0; } /*-------------------------------------------------------------------------------------------------------------------------------------------- L E F T H A N D N A V I G A T I O N --------------------------------------------------------------------------------------------------------------------------------------------*/ .lhn_hero{ width:983px; overflow:hidden;} .lhn{ width:157px; float:left; padding-bottom:6px; background:url(images/background/lhn-bottom-bg.gif) bottom no-repeat} .lhn_cont{ position:relative; background:url(images/lhn-cont-bg.gif) repeat-y; } .lhn_title{ position:relative; display:block; width:145px;/*157*/ height:34px; padding-left:12px; line-height:34px; cursor:pointer; font-size:14px; background:url(images/background/lhn-title-bg.gif) no-repeat} .lhn_title small{ position:absolute; display:block; width:24px; height:28px; top:9px; right:14px; } .rsslink a{display:block; width:145px; height:35px; padding-left:12px; line-height:35px; color:#333333; text-decoration:none; font-size:14px; background:url(images/rss-bg.gif) no-repeat left top} .rsslink a:hover{ background-position:left bottom;} .collapse{ background:url(images/collapse.gif) no-repeat;} .expand{ background:url(images/expand.gif) no-repeat;} .lhn_items{ width:141px; overflow:hidden; background:url(images/lhn-items-bottom-bg.gif) left bottom no-repeat; padding:0 8px 0px 8px;} .lhn_items li{ display:block; float:left; width:100%; background:url(images/lhn-li-bg.gif) left bottom no-repeat; } .lhn_items li a{ display:block; padding:10px 20px 10px 4px; text-decoration:none; color:#333333; font-size:11px;} .lhn_items .last{ background:none;} .newsletter{ padding:2px 4px 4px 4px; background:url(images/lhn-items-bottom-bg.gif) left bottom no-repeat; } .newsletter_box{ width:149px; background:url(images/newsletter-bg.gif) repeat-y #ebf6fa;} .newsletter_box .top{ padding-top:10px; background:url(images/newsletter-top-bg.gif) no-repeat left top; } .newsletter_box .bottom{ padding-bottom:7px; padding-left:7px; padding-right:10px; background:url(images/newsletter-bottom-bg.gif) no-repeat left bottom; } .newsletter_box h4{ padding-left:3px; font-size:14px; text-transform:uppercase;} .newsletter_box label{ padding-left:4px; padding-bottom:5px; cursor:pointer; font-size:11px; } .news_email{ width:120px; height:17px; padding:3px 5px 2px 5px; border:0; background:url(images/news-email-bg.gif) no-repeat #ffffff;} *html .news_email{ background-attachment:fixed;} .newsletter_box .sbmt{} .checks{ width:100%; overflow:hidden; padding-top:5px;} .checks label{ display:block; float:left; width:30px; height:24px; padding-left:25px; } .checks labbel input{ float:left;} .checks .en{ background:url(images/ch-en.gif) no-repeat;} .checks .fr{ background:url(images/ch-fr.gif) no-repeat;} .checks .es{ background:url(images/ch-es.gif) no-repeat;} .checks .cn{ background:url(images/ch-cn.gif) no-repeat;} #nl_wait{ display:none; font-size:11px;} #nl_mess{ display:none; height:116px; font-size:11px;} #nl_mess .error{ display:block; margin-top:10px; background:#ffebe8; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc0000; padding:5px; } #nl_mess .success{ display:block; margin-top:10px; background:#fffbcc; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #e6db55; padding:5px; } .lhn_color1 li a{ background:url(images/background/lhn-bg-color1.gif) no-repeat 125px center;} .lhn_color1 li a:hover, .lhn_selected_color1{ color:#ac0070!important; background-position:-75px center!important;} .lhn_color2 li a{ background:url(images/background/lhn-bg-color2.gif) no-repeat 125px center;} .lhn_color2 li a:hover, .lhn_selected_color2{ color:#3a1c71!important; background-position:-75px center!important;} .lhn_color3 li a{ background:url(images/background/lhn-bg-color3.gif) no-repeat 125px center;} .lhn_color3 li a:hover, .lhn_selected_color3{ color:#203995!important; background-position:-75px center!important;} .lhn_color4 li a{ background:url(images/background/lhn-bg-color4.gif) no-repeat 125px center;} .lhn_color4 li a:hover, .lhn_selected_color4{ color:#3aa4cf!important; background-position:-75px center!important;} .lhn_color5 li a{ background:url(images/background/lhn-bg-color5.gif) no-repeat 125px center;} .lhn_color5 li a:hover, .lhn_selected_color5{ color:#1dab75!important; background-position:-75px center!important;} .lhn_color6 li a{ background:url(images/background/lhn-bg-color6.gif) no-repeat 125px center;} .lhn_color6 li a:hover, .lhn_selected_color6{ color:#6bc724!important; background-position:-75px center!important;} .lhn_color7 li a{ background:url(images/background/lhn-bg-color7.gif) no-repeat 125px center;} .lhn_color7 li a:hover, .lhn_selected_color7{ color:#e95419!important; background-position:-75px center!important;} .lhn_color8 li a{ background:url(images/background/lhn-bg-color8.gif) no-repeat 125px center;} .lhn_color8 li a:hover, .lhn_selected_color8{ color:#cd0011!important; background-position:-75px center!important;} .lhn_color9 li a{ background:url(images/background/lhn-bg-color9.gif) no-repeat 125px center;} .lhn_color9 li a:hover, .lhn_selected_color9{ color:#7a0e19!important; background-position:-75px center!important;} .mc_social{ width:100%; overflow:hidden;} .mc_social a{ display:block; width:76px; height:30px;} .mc_social .left{ float:left;} .mc_social .right{ float:right;} .social_linked{ margin-bottom:6px; background:url(images/social-linked.gif) no-repeat left top} .social_linked:hover{ background-position:left bottom} .social_newsvine{ margin-bottom:6px; background:url(images/social-newsvine.gif) no-repeat left top} .social_newsvine:hover{ background-position:left bottom} .social_digg{ background:url(images/social-digg.gif) no-repeat left top} .social_digg:hover{ background-position:left bottom} .social_del{ background:url(images/social-del.gif) no-repeat left top} .social_del:hover{ background-position:left bottom} /*-------------------------------------------------------------------------------------------------------------------------------------------- B R E A D C R U M B S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ #bread_nav{ width:983px; } .breadcrumb{ position:relative; height:31px; padding:0 20px; color:#ffffff; text-transform:uppercase; font-weight:bold; line-height:31px; background:url(images/background/breadcrumb-bg.gif) repeat-x #3d3d3d;} .breadcrumb .tl{ position:absolute; width:5px; height:5px; top:0px; left:0px; background:url(images/background/breadcrumb-tl-bg.gif) no-repeat; } .breadcrumb .tr{ position:absolute; width:5px; height:5px; top:0px; right:0px; background:url(images/background/breadcrumb-tr-bg.gif) no-repeat; } *html .breadcrumb .tr{ right:-1px;} .breadcrumb a{ color:#ffffff; text-decoration:none;} .breadcrumb a:hover{ color:#3aa4cf; } .foo_nav{ margin-bottom:10px; position:relative; width:962px;/*981*/ padding:6px 10px 21px 9px; color:#666666; font-size:10px; border:1px solid #d6d6d6; background:#ffffff;} .foo_nav .tl{ position:absolute; width:5px; height:4px; top:-1px; left:-1px; background:url(images/background/fn-tl-bg.gif) no-repeat; } .foo_nav .tr{ position:absolute; width:5px; height:4px; top:-1px; right:-1px; background:url(images/background/fn-tr-bg.gif) no-repeat; } .foo_nav .bl{ position:absolute; width:4px; height:4px; bottom:-1px; left:-1px; background:url(images/background/fn-bl-bg.gif) no-repeat; } .foo_nav .br{ position:absolute; width:4px; height:4px; bottom:-1px; right:-1px; background:url(images/background/fn-br-bg.gif) no-repeat; } *html .foo_nav .tr{ right:-2px;} *html .foo_nav .bl{ bottom:-2px;} *html .foo_nav .br{ right:-2px; bottom:-2px; } .foo_nav a{ color:#666666; text-decoration:none;} .foo_nav_links{ width:962px; overflow:hidden;} .foo_nav ul{ float:left; width:147px; margin-right:16px;} .foo_nav .last{ margin:0; } .foo_nav ul li{ list-style:none; line-height:18px; overflow:hidden;} .foo_nav_links .title{ color:#333333; font-size:11px; font-weight:bold;} .foo_nav ul li a{ display:block; height:18px; line-height:18px; padding:0 16px 0 10px; background:url(images/background/fn-hover-bg.gif) 0 -100px no-repeat;} .foo_nav ul li a:hover{ background-position:top left;} .foo_nav_links .selected{ background-position:0 -19px!important;} .foo_nav ul li span{ padding:0 16px 0 10px; line-height:18px;} /*-------------------------------------------------------------------------------------------------------------------------------------------- F O O T E R --------------------------------------------------------------------------------------------------------------------------------------------*/ #footer{ width:983px; overflow:hidden; padding-bottom:100px;} #footer .left{ float:left; width:396px;/*460*/ min-height:50px; height:auto!important; height:50px; margin-top:8px; padding-left:64px; color:#151515; font-size:11px; background:url(images/logo-ue.gif) 1px 0 no-repeat;} #footer .left a{ color:#151515;} #footer .left a:hover{ text-decoration:none} #footer .right{ float:right; width:523px; margin-top:4px; text-align:right; font-size:11px; } #footer .right ul{ float:right; margin-bottom:10px;} #footer .right li{ list-style:none; display:inline; line-height:16px;} #footer .right a{ color:#151515;text-decoration:none;} #footer .right a:hover{ text-decoration:underline;} #footer .footer_icons{ clear:both; width:100%; overflow:hidden; } #footer .footer_icons img{ float:right; margin-left:10px; } #footer .right .share{ float:right; margin-right:18px; display:inline;} /*=============================================== B L O G ==================================================*/ .colorT1 a, .colorT1 li h5{color:#ac0070} .colorT2 a, .colorT2 li h5{color:#3a1c71} .colorT3 a, .colorT3 li h5{color:#203995} .colorT4 a, .colorT4 li h5{color:#3aa4cf} .colorT5 a, .colorT5 li h5{color:#1dab75} .colorT6 a, .colorT6 li h5{color:#6bc724} .colorT7 a, .colorT7 li h5{color:#e95419} .colorT8 a, .colorT8 li h5{color:#cd0011} .colorT9 a, .colorT9 li h5{color:#7a0e19} .colorT1 a:hover{color:#ac0070; } .colorT2 a:hover{color:#3a1c71; } .colorT3 a:hover{color:#203995; } .colorT4 a:hover{color:#3aa4cf; } .colorT5 a:hover{color:#1dab75; } .colorT6 a:hover{color:#6bc724; } .colorT7 a:hover{color:#e95419; } .colorT8 a:hover{color:#cd0011; } .colorT9 a:hover{color:#7a0e19; } .eachPost .big a, .eachPost .small a{color:#fff} #calendar, #calendarTop, #calendarBtm{background:url(images/blog/boxSetCalendar.gif) center top no-repeat} #calendar{width:817px; float:right; background-repeat:repeat-y; margin-bottom:9px; overflow:hidden} #calendarTop{width:802px;/*817*/ padding:7px 7px 0 8px; background-repeat:no-repeat; background-position:left top; overflow:hidden} #calendarBtm{width:817px;/*817*/ height:45px;/*59*/ padding:12px 0 2px; background-position:right top; overflow:hidden} #calendarScroll{width:100%; overflow:hidden; height:88px; position:relative;} #calendarScrollInner{width:10000px; position:absolute; overflow:hidden /*background:url(images/blog/boxSetCalendarRpt.gif) repeat*/} .box1, .box2, .box3{width:260px; float:left; font-size:11px; background:url(images/blog/boxSetCalendarRpt.gif) repeat-y; margin-right:3px; } .box1 a, .box2 a, .box3 a{ color:#3aa4cf;} .box2{width:276px; background-position:-263px top;} .box1 div, .box2 div{width:100%; padding-top:4px; background:url(images/blog/boxSetCalendarTp.gif) no-repeat} .box2 div{background-position:-263px top} .box1 div div, .box2 div div{width:250px;/*260*/ min-height:72px; padding:0 4px 6px 6px; background:url(images/blog/boxSetCalendarBtm.gif) no-repeat left bottom} .box2 div div{width:250px;/*276*/ padding:0 11px 6px 15px; background-position:-263px bottom} *html .box1 div div, *html .box2 div div{height:72px} #calendarTop h5{color:#3aa4cf; font-size:11px; font-weight:bold; font-style:italic; margin-bottom:4px} #calendarTop h6{color:#333; font-size:11px; font-weight:bold; margin-bottom:2px} #calendarTop p{ font-size:11px; line-height:16px; margin:0} #calendarTop p a{color:#3aa4cf} #calendarBtm h4{width:100%; text-align:center; font-size:14px; margin-bottom:3px} #calendarBar{width:463px;/*817*/ height:23px; padding:0 177px 0; overflow:hidden;} #calendarBar a{width:24px; height:23px; float:left; text-indent:-1000px; overflow:hidden} #calendarBar #lftCalndr{ background-image:url(images/blog/weekbutnsLeft.gif);} #calendarBar #rgtCalndr{ background-image:url(images/blog/weekbutnsRight.gif);} #lftCalndr{background-position:left bottom} #rgtCalndr{background-position:left top} /*#lftCalndr:hover{background-position:left center} #rgtCalndr:hover{background-position:left center}*/ #calendarBar div{ width:399px; height:100%; float:left; margin:0 6px; display:inline; background:url(images/blog/calendarBar.gif); } #calendarBar div p{ position:relative; margin:0 5px; } #calendarBar div p img{ position:absolute; left:0px; top:7px; display:block; cursor:pointer;} #postnav{ float:right; width:817px; height:40px; margin-bottom:8px; background:url(images/background/post-nav-bg.gif) repeat-x; } .postnav_left{ width:100%; height:40px; background:url(images/background/post-nav-left-bg.gif) no-repeat; } .postnav_right{ width:100%; height:40px; background:url(images/background/post-nav-right-bg.gif) no-repeat right; } #postBar{ width:240px; height:23px; padding-top:9px; margin:0 auto; background:url(images/background/post-nav-divider.gif) no-repeat 117px 14px; } #postBar a{ color:#b3b3b3;} #lftWeek, #rgtWeek{line-height:23px; background-image:url(images/blog/weekbutnsLeft.gif); background-repeat:no-repeat; float:left; text-transform:uppercase; font-weight:bold; font-size:12px} #rgtWeek{ background:url(images/blog/weekbutnsRight.gif) no-repeat right;} #lftWeek{ width:92px; padding-left:28px; text-decoration:none;} #rgtWeek{ width:92px; padding-right:28px; text-decoration:none; text-align:right;} #lftWeek.active{ color:#3aa4cf;background-position:left top;} #rgtWeek.inactive{ color:#b3b3b3;background-position:right bottom;} #rgtWeek.active{ color:#3aa4cf;background-position:right top;} #lftWeek.inactive{ color:#b3b3b3;background-position:left bottom;} #lftWeek.active:hover{background-position:left center} #rgtWeek.active:hover{background-position:right center} /*--Blog posts---*/ #allPosts{width:817px; display:block; position:relative; float:right;} .eachPost, .eachPostBtm, .eachPostRptY{background:url(images/blog/boxSetPostC.gif) no-repeat} .eachPost{width:267px; position:absolute; background-color:#fff} .eachPostBtm{width:100%; background-position:-536px bottom; padding:5px 0} .eachPostRptY{width:245px;/*267*/ background-position:-268px top; background-repeat:repeat-y; padding:5px 11px} .eachPost img{ display:block; margin:0 auto 13px} .eachPost h2{font:bold 18px/18px Arial, Helvetica, sans-serif; margin-bottom:6px; color:#333} .eachPost h4, .eachPost h5, .eachPost h6{font:bold italic 11px/11px Arial, Helvetica, sans-serif; margin-bottom:6px} .eachPost p{ line-height:16px; font-size:11px; margin-bottom:13px} .eachPost .small{ padding-bottom:12px; display:block} .entry a{ text-decoration:none;} .entry a:hover{ text-decoration:underline;} .more-link{ text-decoration:none;} /*=============Single Post Page======================*/ #singlePost{width:817px;/*826*/ padding-left:9px; float:right} .singlePostCont{width:542px; float:left} .boxSet2, .boxSet2_1, .boxSet2_2{background:url(images/blog/boxSet2.gif) center top no-repeat} .boxSet2{width:542px; background-repeat:repeat-y; margin:0 0 9px} .boxSet2_1{width:100%; background-position:left top} .boxSet2_2{width:510px;/*542*/ background-position:right bottom; padding:16px} .boxSet3, .boxSet3_1, .boxSet3_2{background:url(images/blog/boxSet3.gif) center top no-repeat} .boxSet3{width:267px; background-repeat:repeat-y; margin:0 0 9px; float:right} .boxSet3_1{width:100%; background-position:left top} .boxSet3_2{width:247px;/*267*/ background-position:right bottom; padding:10px} .postImg img{ display:block; margin:0 auto} .mainPost{ font-size:11px;} .mainPost h5, .mainPost h5 small{font-size:11px; font-style:italic; margin-bottom:12px} .mainPost h5 small{padding-top:7px; display:block; margin:0} .mainPost h3{font-size:24px; line-height:24px; margin-bottom:14px} .mainPost p{font-size:11px; line-height:16px; margin-bottom:18px} .mainPost .small{padding-top:20px} .mainPost ul, .mainPost ol{ margin-bottom:18px; line-height:16px; padding-left:30px;} .commentPost h4{font-size:18px; margin-bottom:9px; text-transform:uppercase} .commentPost ul{width:100%; list-style:none; overflow:hidden} .commentPost li{width:492px;/*510*/ padding:16px 0px; float:left; border-top:1px solid #d6d6d6} .commentPost li.firstChild{border-top:0} .commentPost li p{line-height:16px; font-size:11px; margin-bottom:3px} .commentPost li h5, .commentPost li h5 small{font-size:11px; font-style:italic; margin-bottom:1px; /*color:#3aa4cf*/} .commentPost li h5 small{padding-top:3px; display:block; margin:0; color:#333} .commentForm{width:512px; background:url(images/blog/postForm.gif) repeat-y center top;} .commentForm div, .commentForm fieldset{width:100%; background:url(images/blog/postForm.gif) no-repeat;} .commentForm fieldset{width:490px;/*512*/ padding:8px 11px 10px; background-position:right bottom; border:0} .commentForm input, .commentForm textarea{width:232px;/*240*/ line-height:14px; height:14px;/*20*/ padding:3px 4px; border:1px solid #e3e3eb; border-top-color:#acadb2; font-size:11px; display:block; margin-bottom:15px} .commentForm textarea{width:480px;/*488*/ line-height:14px; height:130px;/*136*/ margin-bottom:0; font-family:Arial, Helvetica, sans-serif;} .commentForm label{line-height:12px; padding:0 0 4px 2px; font-size:12px; font-weight:bold; font-style:italic; display:block} .commentForm .small{ padding-top:15px;} .comformcolor1{ background:#f7e5f0;} .comformcolor2{ background:#ebe8f1;} .comformcolor4{ background:#ebf6fa;} .comformcolor6{ background:#f0f9e9;} .comformcolor7{ background:#fdeee8;} .comformcolor9{ background:#f1e6e8;} #warning{display:none; padding:5px; margin-bottom:10px; font-weight:bold; color:#333333; background:#fffbcc; border:1px solid #e6db55;} #comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment{ display:none;} /*-------------------------------------------------------------------------------------------------------------------------------------------- B U T T O N S T Y L E S --------------------------------------------------------------------------------------------------------------------------------------------*/ .small{ display:block; line-height:27px; font-weight:bold; font-size:13px; } .big{ display:block; line-height:29px; font-weight:bold; font-size:13px; } .small a{ display:block; width:103px; height:27px; text-align:center; color:#ffffff!important; text-decoration:none;} .big a{ display:block; width:135px; height:29px; text-align:center; color:#ffffff!important; text-decoration:none;} .small .color1{ background:url(images/buttons/color1-small.gif) no-repeat;} .small .color1:hover{ background:url(images/buttons/color1-small.gif) 0 -27px no-repeat;} .small .color2{ background:url(images/buttons/color2-small.gif) no-repeat;} .small .color2:hover{ background:url(images/buttons/color2-small.gif) 0 -27px no-repeat;} .small .color3{ background:url(images/buttons/color3-small.gif) no-repeat;} .small .color3:hover{ background:url(images/buttons/color3-small.gif) 0 -27px no-repeat;} .small .color4{ background:url(images/buttons/color4-small.gif) no-repeat;} .small .color4:hover{ background:url(images/buttons/color4-small.gif) 0 -27px no-repeat;} .small .color5{ background:url(images/buttons/color5-small.gif) no-repeat;} .small .color5:hover{ background:url(images/buttons/color5-small.gif) 0 -27px no-repeat;} .small .color6{ background:url(images/buttons/color6-small.gif) no-repeat;} .small .color6:hover{ background:url(images/buttons/color6-small.gif) 0 -27px no-repeat;} .small .color7{ background:url(images/buttons/color7-small.gif) no-repeat;} .small .color7:hover{ background:url(images/buttons/color7-small.gif) 0 -27px no-repeat;} .small .color8{ background:url(images/buttons/color8-small.gif) no-repeat;} .small .color8:hover{ background:url(images/buttons/color8-small.gif) 0 -27px no-repeat;} .small .color9{ background:url(images/buttons/color9-small.gif) no-repeat;} .small .color9:hover{ background:url(images/buttons/color9-small.gif) 0 -27px no-repeat;} .big .color1{ background:url(images/buttons/color1-big.gif) no-repeat;} .big .color1:hover{ background:url(images/buttons/color1-big.gif) 0 -29px no-repeat;} .big .color2{ background:url(images/buttons/color2-big.gif) no-repeat;} .big .color2:hover{ background:url(images/buttons/color2-big.gif) 0 -29px no-repeat;} .big .color3{ background:url(images/buttons/color3-big.gif) no-repeat;} .big .color3:hover{ background:url(images/buttons/color3-big.gif) 0 -29px no-repeat;} .big .color4{ background:url(images/buttons/color4-big.gif) no-repeat;} .big .color4:hover{ background:url(images/buttons/color4-big.gif) 0 -29px no-repeat;} .big .color5{ background:url(images/buttons/color5-big.gif) no-repeat;} .big .color5:hover{ background:url(images/buttons/color5-big.gif) 0 -29px no-repeat;} .big .color6{ background:url(images/buttons/color6-big.gif) no-repeat;} .big .color6:hover{ background:url(images/buttons/color6-big.gif) 0 -29px no-repeat;} .big .color7{ background:url(images/buttons/color7-big.gif) no-repeat;} .big .color7:hover{ background:url(images/buttons/color7-big.gif) 0 -29px no-repeat;} .big .color8{ background:url(images/buttons/color8-big.gif) no-repeat;} .big .color8:hover{ background:url(images/buttons/color8-big.gif) 0 -29px no-repeat;} .big .color9{ background:url(images/buttons/color9-big.gif) no-repeat;} .big .color9:hover{ background:url(images/buttons/color9-big.gif) 0 -29px no-repeat;}