﻿.defaultCta:after {
    content: 'SHOP NOW';
}

/* Container */
html, body {margin:0; padding:0;}			
.container, .container * {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.container {
    background:#fff; 
    border: 1px solid silver; 
    line-height: 1em; 
    font-weight: bold; 
    font-family: Arial,Verdana,sans-serif; 
    font-size:13px;  
    display:block; 
    text-decoration: none; 
    cursor: default; 
    -webkit-font-smoothing: antialiased; 
    position: relative; 
    overflow:hidden;
}
    
/* Reusables, clearfix, etc. */
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.hide {display: none;}
a {text-decoration: none; display:block;}
a img {border:none;}

/* Individual product container */
.prodGroup {
    cursor: pointer; 
    cursor: hand; 
    background:#fff; 
    cursor: pointer; 
    cursor:hand;
    border: 1px solid #676767; 
    border-radius: 5px; 
    position: relative;
}

.prodGroup:hover {
    border-color: #CC0000 !important;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.hook-img-holder {
    overflow: hidden; 
    background:#fff; 
    text-align:center;
    margin: 8px auto 0 auto; 
    width:70px;
}

.hook-img-holder img {
    display:inline-block; 
    vertical-align:middle; 
    border:none;
    width:auto; 
    max-width:70px; 
    height:auto; 
    max-height:70px;
}

.prodTitle {
    color:#0654ba; 
    line-height:14px; 
    height:42px; 
    width: 90px;
    font-size:13px; 
    overflow: hidden;
    margin: 5px auto 8px auto;
}
.prodPrice {
    font-family: Arial,Verdana,sans-serif; 
    font-size: 18px;
    width: 80px;
}
.prodAction {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    font-weight: 800;
    margin: 0 auto 0 auto; 
    width: 75px; 
    height: 18px; 
}

.brandingImage { 
    background-repeat:no-repeat;
}
.choices {position: absolute; top: 0; right: 0;}

/* 300x250 */
.s300x250 {width:298px; height:248px; text-align: center;}
.s300x250 .prodGroup {float:left; width:92px; height: 192px; margin: 5px 4px 0 0; }
.s300x250 .prodGroup.item0 { margin-left: 4px;}
.s300x250 .prodAction {position: absolute; bottom: 5px; left: 5.5px}
.s300x250 .prodTitle { font-size: 11px; line-height: 12px; margin: 0 2px 0 2px; height: 38px; width: 86px;}
.s300x250 .brandingImage {height: 40px; width: auto; max-width: 200px; margin: 4px auto 0 auto;}

/* 160x600 */
.s160x600 {width:150px; height:590px; text-align: center; padding: 4px;}
.s160x600 .prodGroup {width:148px; height: 180px; margin-top: 4px; }
.s160x600 .prodAction {position: absolute; bottom: 5px; left: 33px}
.s160x600 .prodPrice {position: absolute; left: 33px;}
.s160x600 .brandingImage {height: 31px; width: auto; max-width: 158px; margin: 0 auto 0 auto;}

/* 728x90 */
.s728x90 {width:726px; height:88px; text-align: center;}
.s728x90 .prodGroup {float:left; width:192px; height: 78px; margin: 4px 4px 4px 0;}
.s728x90 .prodGroup.item0 { margin-left: 4px;}
.s728x90 .hook-img-holder { margin: 1.5px 0 0 2px; }
.s728x90 .prodTitle { position: absolute; top: 2px; right: 4px; height: 28px }
.s728x90 .prodPrice { position: absolute; top: 38px; right: 8px;}
.s728x90 .prodAction {position: absolute; bottom: 5px; right: 12px; height: 12px; line-height: 12px; font-size: 9px; width: 65px;}
.s728x90 .brandignImageContainer { float: right; width: 124px; height: 76px; margin: 4px 4px 4px 0; line-height: 76px;}
.s728x90 .brandingImage { max-width: 100%; max-height: 76px; vertical-align: middle;}


/* Rakuten Branding */
.cid129 .prodGroup:hover {border-color: #CC0000;}
.cid129 .prodPrice { color: #CC0000; }
.cid129 .prodAction {
    background-color: #CC0000; 
    color: white; 
    border: 1px solid white; 
    outline: 1px solid #CC0000
}