/*
Theme Name: leboncredit
Theme URI: http://hcm-media.fr
Author: HCM Media
Author URI: http://hcm-media.fr
Description: 
Version: 2.0
Tags: 
*/

/*******************************************************************/
/*                          FONTS                                 */
/*******************************************************************/
/*@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: local('Cabin Medium'), local('Cabin-Medium'), url('http://themes.googleusercontent.com/static/fonts/cabin/v3/5G8rZVIWgF-SzszwX9LgGg.woff') format('woff');
}*/

@font-face {
  font-family: 'Yanone Kaffeesatz Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff') format('woff');
}

@font-face {
  font-family: 'Yanone Kaffeesatz Light';
  font-style: normal;
  font-weight: 300;
  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff') format('woff');
}

@font-face {
  font-family: 'Yanone Kaffeesatz Thin';
  font-style: normal;
  font-weight: 200;
  src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRYa6iXjgqaxY3DU3RqApPOI.woff') format('woff');
}


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

table{border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}

:focus {/* remember to define focus styles! */outline: 0;}
body {background: #fff; line-height: 1;}
ol, ul {list-style: none;}

caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}


/* =Structure
----------------------------------------------- */
.big-title{float: left; width: 500px; margin: 10px 0 0 20px; padding: 0; line-height: 20px; font-weight:bold; text-transform:uppercase; color:#accb07;}
h1.entry-title{float: left; width: 500px; margin: -10px 0 20px 0; font-size:18px; font-weight:bold; line-height: 20px; text-transform:uppercase; color:#accb07;}
h2{float: left; width: 100%; margin: 20px 0; font-size:15px; font-weight: 600; line-height: 20px; font-style: italic; color:#55626a;}

h3 { float: left; width: 100%; margin: 10px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #137eac; }

h3 a{ color: #ca1c23; }
h7 { font-weight:bold;}
.push-it {clear: both;visibility: hidden;}
.edit-link {float: left; width: 560px;}
.black-one{color: #333333;}
.grey-one{color:#6c6c6c;}

.border_b { border-bottom: 1px solid #dedede;}
.all-bordered { border: 1px solid #dedede;}
.top-padding{padding-top: 10px;}
.right-padding{padding-right: 10px;}
.bottom-padding{padding-bottom: 10px;}
.left-padding{padding-left: 10px;}
.right-margin-10{margin-right: 10px;}
.right-margin-20{margin-right: 20px;}

/*******************************************************************************************************/
/*                                               GLOBAL                                              */
/*******************************************************************************************************/
html, body{height: 100%; margin: 0; padding: 0; border: 0; outline: 0;}
body{ font-family: "Segoe UI", Calibri, Helvetica, Arial, sans-serif; font-size: 120%; line-height: 22px; color: #555454; background: transparent url('images/bg.png') repeat-x top left;}

/*******************************************************************************************************/
/*                                               GLOBAL                                                */
/*******************************************************************************************************/
#page{position: relative; float: left; width: 100%; height: 100%; margin: 0; padding: 0;}

/*******************************************************************************************************/
/*                                               HEADER                                                */
/*******************************************************************************************************/
#branding{position: relative; float: left; width: 100%; height: 150px; /*background: #0691e5 url('images/header-bkg.png') repeat-x bottom left; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/}

#branding-inner{position: relative; width: 980px; height: 150px; margin: 0 auto; /*background: #0691e5;*/}
#branding-inner hgroup{width: 980px; height: 100px;}
#site-logo{position: absolute; top: 35px; left: 0; width: 244px; height: 39px; background: transparent url('images/logo.png') no-repeat;}
#site-logo a {display: block; width: 244px; height: 39px; text-indent: -5000px;}

#site-desc{position: absolute; top: 25px; right: 0; width: 600px; height: 50px; padding: 0; font-family: "Yanone Kaffeesatz Thin"; font-size: 20px; text-align: right; line-height: 50px; color: #ffffff;}
#banner-468x60-area{position: absolute; top: 20px; right: 0; width: 468px; height: 60px; margin: 0; padding : 0;}

/** Primary menu **/
nav#access{position: absolute; bottom: 0; left: 0; width: 980px; height: 40px; font-family: "Cabin"; background-color: #ffffff; border-bottom: 10px solid #8cb302;}
#access ul {list-style: none; height: 40px; margin: 0; padding-left: 0; font-size: 11px; text-transform: uppercase;}
#access li {position: relative; float: left;}
#access a {display: block; height: 40px; padding: 0 14px; color: #555454; line-height: 40px;}
#access .current-menu-ancestor > a {border-right: 1px solid #23262e; border-left: 1px solid #23262e;}
/*#access ul:first-child a:first-child {border-right: 1px solid #080a13; border-left: none;}*/
/*nav#access li > a:last-child {border-right: none; border-left: 1px solid #10131b;}*/
#access ul ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 188px;
    margin: 0;
    padding: 0;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);    
    z-index: 99999;
}
#access ul ul ul {left: 100%;top: 0;}

#access ul ul a {
    width: 168px;
    height: auto;
    /*    height: 25px;*/
    padding: 0 10px;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    color: #444;
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;   
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {color: #ffffff; background: #8cb302 url('images/menu-bkg.png') repeat-x top left;}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {font-weight: bold; color: #ffffff; background: #8cb302 url('images/menu-bkg.png') repeat-x top left;}

/*******************************************************************************************************/
/*                                               CONTENT                                                */
/*******************************************************************************************************/
#container{position: relative; float: left; width: 100%;}
#content{position: relative; width: 980px; min-height: 600px; margin: 0 auto; padding: 0; font-size: 12px; line-height: 18px; color: #7b7b7b; background: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}

#lbc-center{float: left; width: 530px; min-height: 500px; padding: 20px 0; background: transparent url('images/bg_gradient.png') repeat-y top left;}

/** Post **/

.lbc-post{float: left; width: 500px; padding: 10px 15px; font-size: 13px; text-align: justify; color: #555454;}
.lbc-post .entry-content{float: left;}
.lbc-post p{float: left;}

.lbc-post ul{position: relative; float: left; width: 480px; padding: 20px 0 20px 20px;}
.lbc-post ul li{list-style-type: disc; list-style-position: 0 10px; float: left; width: 467px; min-height: 20px; margin: 0 0 0 10px; padding: 0 0 0 3px; font-size: 10px; font-weight: bold; text-transform: uppercase;}

.lbc-post a{font-weight: 600; color: #137eac; border-bottom: 1px dotted #137eac;}
.lbc-post a:hover, .lbc-post a:focus{color: #555454;}

/* Table */
.credit-partners{width: 500px; min-height: 200px; margin: 0 0 20px 0; border-bottom: 1px solid #d2d2d2;}
.credit-partners thead{width: 498px; background-color: #189fc6; border-right: 1px solid #189fc6; border-left: 1px solid #189fc6;}
.cp-title{height: 30px; font-size: 12px; font-weight: 600; text-align: center; line-height: 30px; color: #ffffff; border-right: 1px solid #d2d2d2;}
table.credit-partners .cp-title:last-child{border: 0 none;}
.cp-line{min-height: 40px; font-size: 11px; padding: 5px 0; text-align: center; color: #000000; vertical-align: middle; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.cp-line a{border: 0 none;}
/*table.credit-partners .cp-line:last-child{border-right: 0 none;}*/
.cp-even td{background-color: #dedede;}

table.credit-partners .cp-link{display: block; width: 100px; height: 20px; margin: 0 auto; font-size: 12px; font-weight: 600; text-align: center; line-height: 20px; color: #ffffff; background: #8cb302 url('images/menu-bkg.png') repeat-x top left; border: 0 none;}
/** Right / Left Sidebars **/
#lbc-left{float: left; width: 180px; min-height: 500px; padding: 20px 0;}
#lbc-right{float: left; width: 270px; min-height: 500px; padding: 20px 0; background: #efeff1;}

.widgetBlock{float: left; width: 270px; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #dedede;}

.widgetBlock ul{float: left; list-style-type: none; margin: 0; padding: 0 10px;}

.widgetBlock ul li{position: relative; float: left; width: 250px; margin: 0 0 5px 0; padding: 0; color: #555454; font-size: 12px; font-style: italic; line-height: 22px;}

.widgetBlock a{color: #115878; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;
                   -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;}
.widgetBlock a:hover{color: #9fa6a8;}

.widgetBlock h2{width: 250px; height: 35px; margin: 10px 0; padding: 0 10px; line-height: 35px; font-size: 14px; font-weight: bold; font-style: italic; letter-spacing: -0.4px; color: #ffffff; text-transform: uppercase; background-color: #189fc6;}

.widget-area ul {list-style: none; margin-left: 0;}
.widget-area ul ul { list-style: square; margin-left: 1.3em;}
.widget_search #s { width: 60%;}
.widget_search label { display: none;}
.widget-container { margin: 0 0 18px 0;}
.widget-title { color: #222; font-weight: bold;}
.widget-area a:link,
.widget-area a:visited { text-decoration: none;}
.widget-area a:active,
.widget-area a:hover { text-decoration: underline;}
.widget-area .entry-meta { font-size: 11px;}
#calendar_wrap, .tagcloud { float: left; min-width: 200px; margin: 0 10px;}
.tagcloud {line-height: 1.6em;}

#wp-calendar { width: 100%; text-transform: uppercase;}
#wp-calendar caption {color: #555454; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left;}
#wp-calendar thead {font-size: 11px; color: #575757;}
#wp-calendar thead th {}
#wp-calendar tbody {color: #575757;}
#wp-calendar tbody td {width: 30px; height: 20px; padding: 0; background: #f5f5f5; border: 1px solid #cccccc; text-align: center; line-height: 20px;}
#wp-calendar tbody td#today { width: 30px; height: 20px; padding: 0; text-align: center; line-height: 20px; color: #ffffff; background-color: #115878;}

#wp-calendar tbody td a {display: block; width: 100%; height: 20px; text-align: center; line-height: 20px; color: #ffffff; background: #000000;}
#wp-calendar tbody .pad { background: none;}
#wp-calendar tfoot #prev {display: block; text-align: left; color: #575757;}
#wp-calendar tfoot #next {text-align: right; color: #575757;}
.widget_rss a.rsswidget {color: #000;}
.widget_rss a.rsswidget:hover {color: #ff4b33;}
.widget_rss .widget-title img {width: 11px;height: 11px;}

.offres_title{
    float: left;
    width:490px;
    height:25px;
    background:#189fc6;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.4px;	
    color:#fff;
    padding:10px 0 0 10px;
    margin:40px 0 20px 0;
    text-transform:uppercase;
    font-style:italic;
}
.title_green
{
    width:170px;
    height: 35px;
    padding: 0 0 0 10px;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-0.4px;
    text-transform:uppercase;
    font-style:italic;
    line-height: 35px; 
    text-decoration:none;
    color:#fff;
    background:#a8c805;
}
.tg-actus{margin: 0 0 20px 0;}
.title_green a{display: block; width:170px; height: 35px; color:#fff;}

.title_green_right{
    width:260px;
    height:26px;
    background:#a8c805;
    color:#fff;
    margin:10px 0 0 0;
    padding:9px 0 0 10px;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-0.4px;
    text-transform:uppercase;
    font-style:italic;
}

.title_blue_right{
    float: left;
    width: 250px;
    height: 35px;
    background:#189fc6;
    color:#fff;
    padding: 0 10px;
    margin:0 0 20px 0;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-0.4px;
    text-transform:uppercase;
    font-style:italic;
    line-height: 35px; 
}

.title_blue{
    color:#55626a;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.4px;
    text-transform:uppercase;
    font-style:italic;
    padding:20px 0 20px 20px;
}


#lbc-left ul{padding: 10px 0 0 30px;}
#lbc-left li{list-style:none; margin: 0 0 5px 0;}
#lbc-left ul li a{text-transform:uppercase; font-style:italic; font-weight:bold; font-size:11px; color:#868686;}
#lbc-left a:hover{text-decoration:underline;}

.lbc-right-thumbs{float: left; width: 270px; padding: 0;}

/** Advertising **/
.lbc-250-banner{float: left; width: 250px; height: 250px; margin: 0 10px 20px 10px;}
.lbc-160-banner{float: left; width: 160px; height: 600px; margin: 20px 10px;}
.lbc-in-content-468x60{float: left; width: 468px; height: 60px; margin: 10px 16px;}


/*home ranking*/
.home_news{float: left; width: 500px; min-height: 100px; margin: 20px 0;}

/*home ranking*/
.offers-comparator{float: left; width: 500px; min-height: 500px; margin: 20px 0; }
.oc-inner{float: left; width: 482px; margin: 10px 0; border: 1px solid #dedede;}
div.oc-inner h2{float: left; width: 100%; margin: 10px 0; padding: 0 10px; font-size: 14px; font-weight: 600;}

#home-ranking{width:475px;}
.home-ranking-bot{
    background-image:url(images/classement_book_bot.png);
    background-repeat:no-repeat;
    background-position:bottom;
    height:9px;
}

.home-ranking-mid{
    float: left; 
    background-image:url(images/classement_book_mid.png);
    background-repeat:repeat-y;

}
.home-ranking-top{
    background-image:url(images/classement_book_top.png);
    background-repeat:no-repeat;
    background-position:top;
}

.rankingc-bookie, .rankingc-bookiename, .rankingc-bonus, .rankingc-rate, .rankingc-bet,.rankingc-date{
    float:left;
    color:#000;
    font-size:10px;
    text-align:center;
}

.rankingc-bookie img{
    margin:5px 0 0 0;
}

.rankingc-bookie a, .rankingc-bookiename a, .rankingc-bonus a, .rankingc-rate a, .rankingc-bet a{
    color:#000;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
}

.rankingc-bookie{
    vertical-align:middle;
}

.rankingc-bookiename, .rankingc-bonus, .rankingc-rate, .rankingc-bet,.rankingc-date{
    padding-top:10px;
    text-align:center;
}

.rankingc-bookie{
    width:142px;
}
.rankingc-bookiename{
    width:87px;
    font-size:12px;
    font-weight:bold;
}
.rankingc-bonus{
    width:170px;
    font-size:11px;

}

.rankingc-date{
    width:92px;
}

.rankingc-rate{
    width:75px;
    font-size:11px;
}

div.offers-comparator .rankingc-bookie a{border-bottom: none;}

.rankingc-bookie a img{
    align:middle;
}

.rankingc-bet{
    margin-left:18px;
}

.ranking-bookie, .ranking-bonus, .ranking-rate, .ranking-bet, .ranking-montant{
    float:left;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}

.ranking-bookie{
    width:142px;
}

.ranking-bonus{
    width:75px;
}

.ranking-montant{
    width:84px;
}

.ranking-rate{
    width:170px;
}

.ranking-bet{
    width:86px;
    text-align:center;
}

.home-ranking-header{
    height:24px;
    margin: 0 0 10px;
    background-color:#189fc6;
    overflow:hidden;
}
.home-ranking-content{
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
}
.home-ranking-content-last{
    margin-top:10px;
    border-bottom:none;
}


.stars{
    background-image:url(images/star.png);
    background-repeat:repeat-x;
    height:13px;
    margin:0 auto;
}

div.lbc-post div.btn_center a{border-bottom: none;}

a.btn:link{
width: 229px;
height:22px;
display: block;
color: #464c52;
font-weight:bold;
text-align:center;
padding:4px 0 0 0;
text-transform:uppercase;
font-size:12px;
text-decoration: none;
background:url(images/btn.png) no-repeat;
}

a.btn:visited{
width: 229px;
height:26px;
display: block;
color: #464c52;
font-weight:bold;
text-align:center;
text-decoration: none;
background:url(images/btn.png) no-repeat;
} 

a.btn:hover{
width: 229px;
height:26px;
display: block;
color: #464c52;
text-align:center;
font-weight:bold;
text-decoration: none;
background:url(images/btn2.png) no-repeat;
}

a.btn_vert:link{
width: 289px;
height:22px;
display: block;
color: #fff;
font-weight:bold;
text-align:center;
padding:4px 0 0 0;
text-transform:uppercase;
font-size:12px;
text-decoration: none;
background:url(images/btn_vert.png) no-repeat;
}

a.btn_vert:visited{
width: 289px;
height:22px;
display: block;
color: #fff;
padding:4px 0 0 0;
font-weight:bold;
text-align:center;
text-decoration: none;
background:url(images/btn_vert.png) no-repeat;
} 

a.btn_vert:hover{
width: 289px;
height:22px;
display: block;
color: #fff;
padding:4px 0 0 0;
text-align:center;
font-weight:bold;
text-decoration: none;
background:url(images/btn_vert2.png) no-repeat;
}

.btn_center{float: left; width: 100%; margin: 20px 0; padding: 0 105px 0 106px; text-align: center;}
/************************* ******************************************************************************/
/*                                               FOOTER                                                */
/*******************************************************************************************************/
#colophon{float: left; width: 100%; height: 220px; background: #282828 url('images/footer_bg.png') repeat-x top left;}
#colophon-inner{width: 980px; height: 220px; margin: 0 auto; font-size: 11px; text-align: left; color: #ffffff;}
#colophon-inner a{font-weight: 600; color: #ffffff;}
#colophon-inner a:hover{color: #93b803; border-bottom: 1px dotted #93b803;}

.colophon-left-content{position: relative; float: left; width: 360px; height: 170px; padding: 20px 0 0 0;}
.lbc-footer-logo{float: left; width: 231px; height: 42px; margin: 0 0 10px 0; background: transparent url('images/logo_footer.png') no-repeat top center;}
.lbc-footer-logo a{display: block; width: 231px; height: 42px; text-indent: -9000px; }
div#colophon-inner .lbc-footer-logo a:hover{border-bottom: none;}
.lbc-copyright{float: left; width: 360px; margin: 0 0 5px 0; line-height: 18px;}

.lbc-social{position: relative; float: left; width: 176px; height: 34px; margin: 0;}
.lbc-social ul{float: left;}

.lbc-social ul li.sn-primary-li{display: block; position: relative; float: right; width: 34px; margin: 0 10px 0 0; padding: 0;}
.lbc-social ul li.sn-primary-li a.sn-links{display: block; width: 34px; height: 34px; margin: 0; padding: 0; text-indent: -9000px; background: transparent url('images/social-network-icons.png') no-repeat;}
div#colophon-inner div.lbc-social ul li.sn-primary-li a.sn-links:hover{border-bottom: none;}
.lbc-social ul li.sn-primary-li a#sn-twitter{background-position: 0 0;}
.lbc-social ul li.sn-primary-li a#sn-facebook{background-position: -34px 0;}
.lbc-social ul li.sn-primary-li a#sn-rss{background-position: -102px 0;}

.colophon-right-content{position: relative; float: left; width: 580px; height: 170px; padding: 20px 0 0 20px; background: transparent url('images/sep.png') no-repeat left center;}
.colophon-right-content ul{position: relative; float: left; width: 193px; height: 170px; padding: 0;}
div#colophon-inner .colophon-right-content ul li{list-style: disc outside; float: left; width: 180px; height: 20px; margin: 0 0 0 10px; padding: 0 0 0 3px; font-size: 10px; text-transform: uppercase; line-height: 20px;}


/*******************************************************************/
/*                        PAGINATION                                 */
/*******************************************************************/
#mw24-pagination{float: left; width: 500px; height: 50px; margin: 0 10px 20px 10px; padding: 0 0 0 0; text-transform: uppercase; color: #555454;}

.pagenavi {float: right; height: 30px; margin: 10px 20px 10px 30px; padding: 0;}
.pagenavi a {float: left;}
.pagenavi span.pages {float: left; height: 30px; padding: 0 10px 0 0; margin: 0 20px 0 0; font-size: 11px; font-weight: bold; line-height: 30px; color: #666666; border-right: 1px solid #cccccc;}
.pagenavi span.current, .pagenavi span.expand {display: block; float: left; height: 30px; margin: 0 5px 0 5px; padding: 0;}
.pagenavi span.current{font-size: 32px; font-weight: 600; color: #7da216;}
.pagenavi span.expand {font-size: 32px; font-weight: 600; color: #7da216;}

.pagenavi .single_page, .pagenavi .last, .pagenavi .first { height: 30px; margin: 0 5px; padding: 0; font-size: 14px; font-weight: 300; line-height: 30px; color: #555454; text-decoration: none;}
.pagenavi .single_page:hover, .pagenavi .single_page:focus, .pagenavi .last:hover, .pagenavi .last:focus, .pagenavi .first:hover, .pagenavi .first:focus {color: #000000;}
.pagenavi .next-arrow{display: block; width: 12px; height: 30px; margin: 0 0 0 10px; background: transparent url('images/medium-right-arrow.png') no-repeat left center;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.pagenavi .next-arrow:hover
{
    -webkit-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    transform: translate(10px, 0);
}
.pagenavi .previous-arrow{display: block; width: 12px; height: 30px; margin: 0 10px 0 0; background: transparent url('images/small-left-arrow.png') no-repeat left center;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.pagenavi .previous-arrow:hover
{
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    transform: translate(-10px, 0); 
}