* { border: 0px; margin: 0px; padding: 0px; }
a { cursor: pointer; }
.gifts-panel
{
   font-family: Arial;
   font-size: 16px;
   background: url(../img/pattern2.png) left top repeat;
   padding: 10px 0px;
   width: 650px; 
   position: relative;
   margin: 0px auto;
}
.gifts-panel .close-btn
{
    background: url(../img/button-close-popup.png) left top no-repeat;
    display: block;
    height: 25px;
    position: absolute;
    top: -15px;
    right: 20px;
    width: 38px;
}
.gifts-panel .inner
{
    margin: 0px auto;
    width: 629px;
}
.gifts-panel .gp-top
{
    background: url(../img/popup-send-gift.png) left top no-repeat;
    padding-top: 5px;
}
.gifts-panel .gp-bottom
{
    background: url(../img/popup-send-gift.png) -2516px bottom no-repeat;
    padding-bottom: 5px;
}
.gifts-panel .gp-bottom.white
{
    background: url(../img/popup-send-gift.png) -3145px bottom no-repeat;
}
.gifts-panel .content1
{
    background: url(../img/popup-send-gift.png) -629px top repeat-y;
    padding: 18px 0px 10px 23px;
}
.gifts-panel .content2-decorator
{
    background: url(../img/popup-send-gift.png) -1258px top no-repeat;
}
.gifts-panel .content2
{
    background: url(../img/popup-send-gift.png) -1887px top repeat-y;
    display: none;
    padding: 12px 28px;
    margin-top: 1px;
}

.gifts-panel ul.gifts-list 
{
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.gifts-panel ul.gifts-list li
{
    float: left;
    margin-right: 18px;
}
.gifts-panel ul.gifts-list li a
{
    display: block;
    border: 1px solid #fff;
}
.gifts-panel ul.gifts-list li a:hover,
.gifts-panel ul.gifts-list li a.selected
{
    border: 1px solid #e2e2e2;
}

.gifts-panel div.gifts-pagination
{
    overflow: hidden;
}
.gifts-panel div.gifts-pagination a.prev
{
    float: left;
}
.gifts-panel div.gifts-pagination a.next
{
    float: right;
    padding-right: 23px;
}
.gifts-panel .content2
{
    overflow: hidden;
}
.gifts-panel .content2 .col1
{
    float: left;
}
.gifts-panel .content2 .col2
{
    float: right;
    width: 416px; 
}
.gifts-panel .content2 .col2 .row1
{
    overflow: hidden;
    line-height: 31px;
    margin-bottom: 15px;
}
.gifts-panel .content2 .col2 .row1 span
{
    float: left;
    margin-right: 5px;
}
.gifts-panel .content2 .col2 .row1 span.gift-name
{
    font-weight: bold;
}
.gifts-panel .content2 .col2 .row1 .input
{
    float: left;
    margin-right: 5px;
    width: 50px;
}
.gifts-panel .content2 .col2 .row1 span
.gifts-panel .content2 .image-holder
{
    height: 130px;
    width: 130px;
}
.gifts-panel .content2 img
{
    border: 1px solid #e2e2e2;
}

.gifts-panel .content2 p { margin: 0px; text-align: center; }
.gifts-panel .confirm
{
    line-height: 28px;
    display: none;
}
.gifts-panel .content2 .col2 .confirm .row1 { margin-bottom: 0px; }
.gifts-panel .content2 .col2 .confirm .row2 { margin-bottom: 15px; }
.gifts-panel .confirm span.quantity, .gifts-panel .confirm span.gift-name, .gifts-panel .confirm span.username, 
.gifts-panel span.price, .gifts-panel .confirm span.b { font-weight: bold; }
.gifts-panel .confirm span.username { white-space: nowrap; }

/* PIPENO INPUT */
.gifts-panel div.input { width: 292px; }
.gifts-panel div.input div { background-image: url(../img/form-textfield.png); height: 31px; }
.gifts-panel div.input div.left  { background-position: left -93px; padding-left: 6px; }
.gifts-panel div.input div.right { background-position: right -155px; padding-right: 6px; }
.gifts-panel div.input div.content { background-position: left -124px; background-repeat: repeat-x; padding-right: 6px; }
.gifts-panel div.focus div.left  { background-position: left top; padding-left: 6px; }
.gifts-panel div.focus div.right { background-position: right -62px; padding-right: 6px; }
.gifts-panel div.focus div.content { background-position: left -31px; background-repeat: repeat-x; padding-right: 6px; }
.gifts-panel div.error div.left  { background-position: left -186px; padding-left: 6px; }
.gifts-panel div.error div.right { background-position: right -248px; padding-right: 6px; }
.gifts-panel div.error div.content { background-position: left -217px; background-repeat: repeat-x; padding-right: 6px; }
.gifts-panel div.input input[type="text"] { background: none; border: 0px none; height: 17px; /*padding: 7px 0;*/ width: 100%; }
/* END PIPENO INPUT */

/* PIPENO TEXTAREA */
.gifts-panel div.textarea { margin-bottom: 15px; }
.gifts-panel div.textarea div.top div, div.textarea div.bottom div { background-image: url(../img/form-textarea-1.png); background-repeat: no-repeat; }
.gifts-panel div.textarea div.top div.left { background-position: left top; padding-left: 6px; }
.gifts-panel div.textarea div.top div.right { background-position: right -12px; padding-right: 6px; }
.gifts-panel div.textarea div.top div.middle { background-position: left -24px; background-repeat: repeat-x; height: 6px; } 
.gifts-panel div.textarea div.content div.left { background: url(../img/form-textarea-2.png) left top repeat-y; padding-left: 6px; }
.gifts-panel div.textarea div.content div.right { background: url(../img/form-textarea-3.png) right top repeat-y; padding-right: 6px; }
.gifts-panel div.textarea div.content div.middle { background: url(../img/form-textarea-fill.png) left top repeat; }
.gifts-panel div.textarea div.bottom div.left { background-position: left -6px; padding-left: 6px; }
.gifts-panel div.textarea div.bottom div.right { background-position: right -18px; padding-right: 6px; }
.gifts-panel div.textarea div.bottom div.middle { background-position: left -30px; background-repeat: repeat-x; height: 6px; }
.gifts-panel div.textarea textarea { background: none; font-family: Arial; font-size: 12px; width: 100%; height: 75px; }
/* END PIPENO TEXTAREA */

/* SUBMIT BUTTON */
.gifts-panel .button { margin: 0px 0px 0px auto; }
.gifts-panel .button, .gifts-panel .button span { background-image: url(../img/form-button.png); height: 35px; line-height: 35px; cursor: pointer; }
.gifts-panel .button
{
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #1b1b1b;
    width: 87px;
    text-align: center;
    padding-left: 6px;
    margin-right: 5px;
}
.gifts-panel .button:hover { text-decoration: none; }
.gifts-panel .button .right { background-position: right -70px; background-repeat: no-repeat; padding-right: 6px; display: block; }
.gifts-panel .button .content { background-position: left -35px; display: block; }
/* END SUBMIT BUTTON */

.gifts-panel p.success  
{
    clear: both; 
    padding: 10px;
    text-align: center;
}
.gifts-panel p.error  
{
    display: block; 
    padding: 10px;
    text-align: center;
}