.clear { clear:both;}
#rCartTitle, #rCartHide i, i.rCartIco, a.rCartDelete, .IconDelete, #set-view-grid, #set-view-list {background:url("v212.png") no-repeat scroll 0 0 transparent;}
#rCartTitle { background-position: -30px 0px; width:74px; height:58px; float:right;}
#rCartHide i { background-position: 0px -18px; width:12px; height:10px; float:right; margin:8px 4px 0 0;}
a.rCartDelete, .IconDelete { background-position: 0px 0px; width:18px; height:18px; float:right; cursor:pointer;}
i.rCartIco { background-position: 0px -27px; width:28px; height:27px; float:left; margin-right:8px;}

#set-view-grid, #set-view-list{ width:21px; height:19px; float:right; display:inline; margin-left:3px; cursor:pointer;}
#set-view-grid{ background-position: -105px -23px;}
#set-view-list{ background-position: -127px -23px;}
#set-view-grid:hover, a.set-view-grid-current{ background-position: -105px 0px !important;}
#set-view-list:hover, a.set-view-list-current{ background-position: -127px 0px !important;}

#rCart { bottom:0; direction:ltr; left:auto; position:fixed; right:0; z-index:9999;}
#rCartTitle { display:block; cursor:pointer; }
#rCartHide { float:right; cursor: pointer; height: 25px; width: 40px;}
.rCartIn { margin:0 10px 10px 10px; float:right;}
#rCartBody  
{
    display:none;
    background:none repeat scroll 0 0 #7f7f7f;
    padding:6px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-shadow:1px 6px 16px #333;
    -moz-box-shadow:1px 6px 16px #333;
    -webkit-box-shadow:1px 6px 16px #333;
}

.rCartBodyIn
{
    background-color:#FFFFFF;
    font:normal 12px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.rCartBodyIn a, .rCartBodyIn a:visited, .rCartBodyIn a:active { color:#55A4F2; text-decoration:none;}
.rCartBodyIn a:hover { color:#1071D1; text-decoration:none;}
.rCartItem {}
.rCartItemHover {}
.rCartPhoto  { float:left; width:56px;}
.rCartPhoto img { border:1px solid #e5e9ec;}
a.rCartName { float:left; width:176px; text-decoration:none; color:#55A4F2; font-weight:bold;}
.rCartPrice { float:left; width:100px; color:#4d9630; text-align:right; font-weight:bold; margin-top:16px;}
a.rCartDelete { margin-top:16px; margin-left: 14px;}
.rCartClear { clear:both;}
.rCartTotal { float:right; background-color:#f7f7f7; text-align:right; padding:4px 10px; font-size:16px;}
.rCartTotal span { color:#4d9630; font-weight:bold; padding-left:6px;}
.rCartHead 
{ 
    height:27px;
    padding:8px 6px 6px 6px; 
    background-color:#edf3f7; 
    border-bottom:1px solid #dee8ef;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft:  10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-right-topleft:  10px;
    -webkit-border-top-right-radius: 10px;
}
a.rCartInfo { font-size:18px; font-weight:normal; border-bottom:1px solid; float:left;}
.rCartSeparator { border-bottom:1px solid #ebeef0; margin:7px 0; }
.rCartFooter { padding:5px 12px 12px 12px;}
.rCartItems { padding:0 12px;}
#rCartCheckout
{
    background-color:#53ab30;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:7px 12px;    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:left;
}
#rCartCheckout:hover { background-color:#387320; }

#commentlist, #commentlist li, #commentlist ul { list-style:none; margin:0px; padding:0px;}
#commentlist ul.children { padding:10px 0 16px 30px;}
#commentlist .comment { padding:10px; border-top: 1px solid #DFDFDF;}
#commentlist ul.children .comment { border-top-color:#eee;}
#commentlist .fromAuthor { background-color:#F5F5F5; border:1px solid #DFDFDF; border-radius:6px; margin-bottom:10px;}
#commentlist .rate { margin-right:10px;}
#commentlist .title { font-style:italic;}
#commentlist .date { font-size:11px; float:right;}
#commentlist .buttons a { font-size:11px;}

.order_amount .name, .order_selected th.name, .order_report th.name, .orderItems th.name { text-align:left;}
.order_amount .price, .order_selected td.price, .order_report td.price, .orderItems td.price { white-space: nowrap; text-align: right;}
.order_amount .count, .order_selected td.qty, .order_report td.qty, .orderItems td.qty { min-width: 70px; text-align: center;}
.order_amount td.photo { width:110px;}
.order_amount .delete { min-width: 30px;}
.order_amount .total { text-align:right;}
input.inputWithTitleGray, textarea.inputWithTitleGray { color:#BDBDBD;}

.order_report 
{ 
    margin:20px 0;
    padding:14px; 
    background-color:#f9fbfb;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.order_report th { border-bottom:2px solid #d7dce0; font-weight:bold; padding-bottom:6px;}
.order_report td { border-bottom:1px solid #ebeef0; padding:6px 2px;}
.order_report .total { text-align:right; padding:6px 0; font-weight:bold;}
.order_report .total b { padding-right:8px;}
.order_purchase .paymentBox { padding-bottom:20px; text-align:right;}
.order_purchase a.paymentButton
{
    float:right;
    background-color:#53ab30;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    padding:7px 38px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.order_purchase a.paymentButton:hover { background-color:#387320;}
.order_purchase .paymentFee { clear: both; color: #7D7D7D; font-size: 11px; font-style: italic; padding-top: 4px;}
.order_purchase h1.orderSuccessTitle { color:#49912c;}
.orderMessageUpdateButtons { text-align:center; padding:0 0 10px 0;}
.orderMessageAddButtons { text-align:right; padding:10px 0;}
#orderMessage .fromSeller, #orderMessage .fromClient { font-weight:bold;}
#UserAgree { font-size:11px; margin-bottom:10px;}
#vk_login_button td { vertical-align: top; }
em.invalid { color: #CC3366; display: block; }

.OrderHistory
{
    margin:20px 0;
    padding:14px; 
    background-color:#f9fbfb;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.OrderHistory .orderHead { font-size: 14px; padding-bottom: 12px;}
.OrderHistory .variant { font-size:11px; color:#7d7d7d;}
.orderItems table { width:100%;}
.orderItems th { border-bottom:2px solid #d7dce0; font-weight:bold; padding-bottom:6px;}
.orderItems td { border-bottom:1px solid #ebeef0; padding:6px 2px;}
.orderItems .total { text-align:right; padding:6px 0; font-weight:bold;}
a.userOrderCancel { cursor:pointer; text-decoration:none; border-bottom:1px dashed;}
a.userOrderCancel i { margin-right:5px;}
.OrderHistory .orderFooter { padding:10px 0;}
.OrderHistory .orderButtons { float:left;}
.OrderHistory .orderTotals { float:right; text-align:right;}
.OrderHistory .orderClear { clear:both;}

.PointsHistoryList { background-color: #F9FBFB; border-radius: 8px; padding: 14px;}
.PointsHistoryTable { width:100%;}
.PointsHistoryTable th { border-bottom: 2px solid #D7DCE0; font-weight: bold; padding-bottom: 6px; text-align:left;}
.PointsHistoryTable td { border-bottom: 1px solid #EBEEF0; padding: 6px 2px;}
.PointsHistoryTable th.column_value { text-align:right; padding-right:20px;}
.PointsHistoryTable td.column_date { width:20%; color:#a1a1a1;}
.PointsHistoryTable td.column_value { width:10%; text-align:right; padding-right:20px;}

.pointsField{text-align:right; padding-top:5px}
.pointsField label{padding-right:5px}
.pointsField span{font-weight:bold; padding-right:5px;}
a.pointsLink, a.pointsCancel{text-decoration:none; border-bottom:1px dashed; cursor:pointer;}

/* AutoComplite */
.ui-menu {
	list-style:none;
	padding: 0;
	margin: 0;
	display:block;
	float: left;
	background-color:#fff;
	border:1px solid #999;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; float: left; clear: left; width: 100%;}
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:4px 14px; line-height:12px; font-size:11px; color:#444444; cursor:pointer;}
.ui-menu .ui-menu-item a b { color:#000;}
.ui-menu a.ui-state-hover { background-color:#36A2F6; color:#fff;}

/*------------------>>>    Rate   <<<------------------*/
a.ShopRate1, a.ShopRate2 { text-decoration:none; overflow: hidden; position:relative; display:inline-block; vertical-align:middle;}
a.ShopRate1:hover, a.ShopRate2:hover { text-decoration:none;}
.ShopRate1 { background:url("review1.png") no-repeat scroll 0 0 transparent; width: 150px; height: 44px;}
.ShopRate2 { background:url("review2.png") no-repeat scroll 0 0 transparent; width: 150px; height: 44px;}
.ShopRate1 strong, .ShopRate2 strong { font:bold 12px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; position:absolute;}
.ShopRate1 strong { color:#fff; top:5px; left:75px;}
.ShopRate2 strong { color:#777; top:4px; left:8px;}

.ShopStar11 { background-position: 0px 0px;}
.ShopStar12 { background-position: 0px -46px;}
.ShopStar13 { background-position: 0px -92px;}
.ShopStar14 { background-position: 0px -138px;}
.ShopStar15 { background-position: 0px -184px;}

.ShopStar21 { background-position: 0px 0px;}
.ShopStar22 { background-position: 0px -46px;}
.ShopStar23 { background-position: 0px -92px;}
.ShopStar24 { background-position: 0px -138px;}
.ShopStar25 { background-position: 0px -184px;}
/*------------------>>>    END. Rate   <<<------------------*/

/*------------------>>>    Poll   <<<------------------*/
.pollResult, .pollVote
{
    font-family:Arial;
    font-size:11px;
    color:#333333;
    padding:10px;
    margin:15px 0;
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1;
    width:160px;
    -moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px;
	-moz-box-shadow: 2px 2px 3px #DEDEDE;
	-webkit-box-shadow: 2px 2px 3px #DEDEDE;
	box-shadow: 2px 2px 3px #DEDEDE;
}
.pollTitle { margin-bottom:10px; font-weight:bold; font-size:12px;}
.pollItem { margin-bottom:6px;}
.pollItemTitle { float:left;}
.pollItemCounts { float:right;}
.pollItemPercent { font-weight:bold;}
.pollItemCount { padding-left:5px;}
.pollBarBox { margin: 0; padding: 0; background-color: #F1F1F1; border: 1px solid #D1D1D1;}
.pollBar { margin: 0; padding: 0; font-size: 2px; height: 10px; background-color: #009900;}
.pollTotal { margin:14px 0; font-size:12px;}
/*Vote*/
.pollVoteItem { margin-bottom:6px;}
.pollVoteItem label {cursor:pointer;}
.pollVoteButtonBox { margin:14px 0px;}
.pollVoteButtonBox input { padding:2px 10px;}
.pollLinkBox {}
.pollLinkBox a { cursor:pointer;}
/*------------------>>>    END. Poll   <<<------------------*/
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('box/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('box/fancybox.png') -42px -210px;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('https://cdn.gollos.com/common/blank.gif');z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:52px;height:52px;margin-top:-35px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('box/fancybox.png');background-position:-40px -52px}#fancybox-right-ico{background-image:url('box/fancybox.png');background-position:-40px 0px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('box/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('box/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('box/fancybox-y.png');background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('box/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('box/fancybox-x.png');background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('box/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('box/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('box/fancybox.png');background-position:-40px -122px}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{padding:10px;background-image:url('box/fancy_title_over.png');display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:none;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url('box/fancybox.png') -40px -90px no-repeat}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('box/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('box/fancybox.png') -55px -90px no-repeat}
/*------------------>>>    Effects   <<<------------------*/
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
.pcss3f-modal-form { z-index: 99999!important; }
.pcss3f-overlay-layout { z-index: 9999; }

#ProductSkuList .ProductVariant select, #ProductSkuList .ProductVariant label {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

#modal-product-box {font: 12px/16px Arial, Verdana, sans-serif; color:#000;	width: 620px;}
.modal-product-message {background: #555555; border-radius: 4px; font-size: 20px; line-height: 24px; padding: 10px 20px; color: #ffffff;}
.modal-product-message-qty {font-weight: bold;}
.modal-product-wrapper {padding: 20px 0; overflow: hidden;}
.modal-product {float: left; width: 370px; margin-right: 20px;}
.modal-product-photo {float: left; width: 100px; height: 100px; margin-right: 20px;}
.modal-product-photo img {max-width: 100px; max-height: 100px; border: none;}

.modal-product-info-wrapper{float: right; width: 250px;}
.modal-product-title {font-size: 14px; line-height: 21px; margin: 0; padding: 0;}
.modal-product-properties {padding: 5px 0 20px;}
.modal-product-property-name,
.modal-product-property-value {font-size: 11px; line-height: 12px; font-style: italic; color: #8d8d8d;}
.modal-product-price-wrapper {font-size: 13px;color: #000;}
.modal-product-price-old {color: #8d8d8d; margin: 0 4px 0 0;}
.modal-product-price {text-decoration: none; font-weight: bold; }

.modal-product-checkout {float: left; width: 190px; padding: 20px; background: #f2f2f2;}
.modal-product-checkout-total {line-height: 24px; padding: 0 0 20px;}
.modal-product-checkout-total-text {font-size: 14px;}
.modal-product-checkout-total-price {font-size: 20px; font-weight: bold;}
a.modal-product-checkout-button {display: block; text-decoration: none; padding:7px 0; text-align: center;  font-size: 18px; line-height: 24px; font-weight: bold; color: #fff; background: #53ab30; border-radius: 3px;}
a.modal-product-checkout-button:hover {background: #387320; color:#fff;}
.modal-product-checkout-links {padding: 15px 0 0;}
a.modal-product-checkout-cart-link,
a.modal-product-checkout-continue-link {font-size: 12px; line-height: 21px; color:#000; cursor: pointer;}
a.modal-product-checkout-cart-link {text-decoration: underline;}
a.modal-product-checkout-cart-link:hover {text-decoration: none; color:#000;}
a.modal-product-checkout-continue-link {text-decoration: none; border-bottom: 1px dashed #000;}
a.modal-product-checkout-continue-link:hover{ color:#000; }

.modal-related-products-box {clear: both; border-top: 1px solid #dddddd;}
.modal-related-products-box-title {font-size: 20px; line-height: 24px; padding: 20px 0;}
.modal-related-products-wrapper {clear: both; overflow: hidden;}
.modal-related-product {float: left; width: 140px; text-align: center;}
.modal-related-product+.modal-related-product {margin-left: 20px;}
.modal-related-product-photo {margin: 0 auto; padding: 0 0 14px; width: 100px; height: 100px; font-size: 0; line-height: 0;}
.modal-related-product-photo img {max-width: 100px; max-height: 100px; border: none;}
				
a.modal-related-product-title {font-size: 12px; line-height: 17px; text-decoration: none; color: #000; display: block; max-height: 38px; overflow: hidden; width: 140px;}
a.modal-related-product-title:hover {color: #000;}
.modal-related-product-price-wrapper {padding: 5px 0 0; font-size: 12px;color: #000;}
.modal-related-product-price-old {color: #8d8d8d; margin: 0 4px 0 0;}
.modal-related-product-price {text-decoration: none; font-weight: bold;}