﻿
    /* Text Button */
    .button, .button:visited, input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"]
        { left:0; top:0; display:inline-block; position:relative; cursor:pointer; font:italic 400 21px/39px Georgia, Times, "Times New Roman", serif; box-shadow:3px 3px 0 #dadada; vertical-align:middle; height:39px; line-height:39px; padding:0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background:#fff; border:1px solid #dadada; color:#333; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -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;}
        .ie7 .button { height:37px;}
    
    input.button[type="button"], input.button[type="submit"], input.button[type="reset"], button.button[type="button"], button.button[type="submit"], button.button[type="reset"]    
        { padding:0 12px;}
        
    .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button[type="button"]:hover, button[type="submit"]:hover, button[type="reset"]:hover
        { background-color:#f8f8f8; color:#000; text-decoration:none;}
        
    .button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button[type="button"]:focus, button[type="submit"]:focus, button[type="reset"]:focus
        { left:3px; top:3px; box-shadow:none;}
        
    .button > span { padding:0 12px;}
    
    .button.disabled, .button.disabled:hover { text-shadow:none; background-color:#fff; background-position:0 -480px; color:#aaa; border-color:#eee; box-shadow:none; font-weight:normal; cursor:default; opacity:0.5;}
    .button.disabled > span { border-color:#eee; background-position:right -288px;}
    .button.disabled.cta > span { background-position:right -284px; text-shadow:none; border-color:transparent;}
    .button.selected, .button.selected:hover, .current .button.control, .current .button.control:hover { background-color:#2178B2; border-color:#2178B2; color:#fff; font-weight:bold; opacity:1;}
            
    /* Call to Action */
    
    .button.cancel { position:absolute; bottom:5px; right:0;}
    .button.cancel > span { background:none;}
    
   
    /* Product page buttons */
    .addtocart, .addtomailorder, .addtowishlist { white-space:nowrap;}
    .addtowishlist { text-transform:none; background:#F5F5F5 url(../images/common/buttons.png) repeat-x 0 0; border:1px solid #ddd; color:#4e5359;}
    
    
    /* MiniCart */
    .panelup, .panelup:hover { height:12px; line-height:12px; background:#bac0c4 url(../images/common/icons.png) center 3px no-repeat; cursor:pointer;}
    .paneldown, .paneldown:hover { height:12px; line-height:12px; background:#bac0c4 url(../images/common/icons.png) center -27px no-repeat; cursor:pointer;}
    .panelup:hover, .paneldown:hover { background-color:#A6ADB3;}    
    .panelup[disabled], .paneldown[disabled], .panelup.disabled, .paneldown.disabled { background-color:#e4e7e9;}
    .panelup span, .paneldown span { display:none; line-height:0; height:0; padding:0; margin:0;}


    /* View Mode */
    .viewmode { background-color:#f0eeee; width:40px; text-indent:-9000px; padding:0;}
    .viewmode:hover { background-color:#cdd2d7;}
    .viewmode.selected, .viewmode.selected:hover { background-color:#cdd2d7; border-color:#c6c6c6; cursor:default; box-shadow:none;}
    .viewmode.thumbview { background:url(../images/common/extras.png) -50px -62px no-repeat;}
    .viewmode.detailview { background:url(../images/common/extras.png) -160px -62px no-repeat;}
    .viewmode.thumbview.selected, .viewmode.thumbview:hover { background-position:0 -62px;}
    .viewmode.detailview.selected, .viewmode.detailview:hover { background-position:-110px -62px;}
    
    
     /** Paging **/
    .paging .button:not([href]) { display:none;}
    .paging .button.selected { background-image:none; display:inline-block;}
    .paging .pagefirst, .paging .pagelast { background:none; border-color:transparent; box-shadow:none;}
    .paging .pagefirst:hover, .paging .pagelast:hover { text-decoration:underline;}
    .paging .viewall { margin-left:10px;}
    .paging .pagefirst, .paging .pagelast { display:none;}
    .paging .pagenext, .paging .pageprev { padding:0;}
    .paging .pagenext span, .paging .pageprev span { text-indent:-9000px; width:12px; height:20px; display:inline-block; background:url(../images/common/icons.png) no-repeat center -453px;}
    .ie7 .paging .pagenext span, .ie7 .paging .pageprev span { display:block;}
    .paging .pagenext span {}
    .paging .pageprev span { background-position:center -493px;}


    /* Checkout and account */
    #cartbuttons .paypal { float:right; margin: 5px 20px 0 0;}
    #pp-confirmation .pp-confirm{float:right;}
    

    /* Global Image Slider Controls */
    .button.control { background:#fff; color:#4e5359; border:none; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50px; position:absolute; top:50%; margin-top:-18px; height:35px; line-height:35px; width:35px;}
    .button.control > span { text-indent:-9000px; text-transform:capitalize; border-width:0; background:url(../images/common/icons.png) no-repeat center -495px; display:inline-block; width:15px; height:15px; padding:0; margin:0 auto; position:relative; top:7px;}    
    .button.control:hover { box-shadow:0 0 10px rgba(0,0,0,0.5);}
    .button.control.moveleft, .button.control.moveright { padding:0;}
    .button.control.moveleft span { background-position:center -495px;}
    .button.control.moveright span { background-position:center -455px;}
    .button.control.moveup, .button.control.movedown {}
    .button.control.moveup span, .button.control.movedown span { height:15px;}
    .button.control.moveup span { background-position:center -223px;}
    .button.control.movedown span { background-position:center -262px;}
    
    /* Stars */
    .review-stars-rating { position:absolute; top:0; left:-9000px;}
    .stars { height:20px; line-height:0;}
    .stars .icon { width:20px; height:20px; line-height:0; display:inline-block; text-indent:-9000px; background:url(../images/common/icons.png) no-repeat center -1615px;}
    .ie7 .stars .icon { display:block; float:left;}
    .stars .staron { background-position:center -1615px;}
    .stars .starhalf { background-position:center -1655px;}
    .stars .staroff { background-position:center -1695px;}
    .stars .starhover { background-position:center -1735px;}