/* CSS Document*/



.main-container{overflow:visible; padding-bottom:25px;}



.main-container .main {



  position: relative;



  z-index: 2;



  background-color: #ffffff;



  -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05);



  -moz-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05);



  box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05);



  min-height: 380px;



}



.page-title-wrap{padding:0 15px 15px;}



.animated {



    animation-duration: 1s;



    animation-fill-mode: both;



}



.animated.infinite {



    animation-iteration-count: infinite;



}



.animated.hinge {



    animation-duration: 2s;



}



@keyframes bounce {



0%, 20%, 53%, 80%, 100% {



    transform: translate3d(0px, 0px, 0px);



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



40%, 43% {



    transform: translate3d(0px, -30px, 0px);



    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



}



70% {



    transform: translate3d(0px, -15px, 0px);



    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



}



90% {



    transform: translate3d(0px, -4px, 0px);



}



}



.bounce {



    animation-name: bounce;



    transform-origin: center bottom 0;



}



@keyframes flash {



0%, 50%, 100% {



    opacity: 1;



}



25%, 75% {



    opacity: 0;



}



}



.flash {



    animation-name: flash;



}



@keyframes pulse {



0% {



    transform: scale3d(1, 1, 1);



}



50% {



    transform: scale3d(1.05, 1.05, 1.05);



}



100% {



    transform: scale3d(1, 1, 1);



}



}



.pulse {



    animation-name: pulse;



}



@keyframes rubberBand {



0% {



    transform: scale3d(1, 1, 1);



}



30% {



    transform: scale3d(1.25, 0.75, 1);



}



40% {



    transform: scale3d(0.75, 1.25, 1);



}



50% {



    transform: scale3d(1.15, 0.85, 1);



}



65% {



    transform: scale3d(0.95, 1.05, 1);



}



75% {



    transform: scale3d(1.05, 0.95, 1);



}



100% {



    transform: scale3d(1, 1, 1);



}



}



.rubberBand {



    animation-name: rubberBand;



}



@keyframes shake {



0%, 100% {



    transform: translate3d(0px, 0px, 0px);



}



10%, 30%, 50%, 70%, 90% {



    transform: translate3d(-10px, 0px, 0px);



}



20%, 40%, 60%, 80% {



    transform: translate3d(10px, 0px, 0px);



}



}



.shake {



    animation-name: shake;



}



@keyframes swing {



20% {



    transform: rotate3d(0, 0, 1, 15deg);



}



40% {



    transform: rotate3d(0, 0, 1, -10deg);



}



60% {



    transform: rotate3d(0, 0, 1, 5deg);



}



80% {



    transform: rotate3d(0, 0, 1, -5deg);



}



100% {



    transform: rotate3d(0, 0, 1, 0deg);



}



}



.swing {



    animation-name: swing;



    transform-origin: center top 0;



}



@keyframes tada {



0% {



    transform: scale3d(1, 1, 1);



}



10%, 20% {



    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);



}



30%, 50%, 70%, 90% {



    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);



}



40%, 60%, 80% {



    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);



}



100% {



    transform: scale3d(1, 1, 1);



}



}



.tada {



    animation-name: tada;



}



@keyframes wobble {



0% {



    transform: none;



}



15% {



    transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);



}



30% {



    transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);



}



45% {



    transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);



}



60% {



    transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);



}



75% {



    transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);



}



100% {



    transform: none;



}



}



.wobble {



    animation-name: wobble;



}



@keyframes bounceIn {



0%, 20%, 40%, 60%, 80%, 100% {



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



0% {



    opacity: 0;



    transform: scale3d(0.3, 0.3, 0.3);



}



20% {



    transform: scale3d(1.1, 1.1, 1.1);



}



40% {



    transform: scale3d(0.9, 0.9, 0.9);



}



60% {



    opacity: 1;



    transform: scale3d(1.03, 1.03, 1.03);



}



80% {



    transform: scale3d(0.97, 0.97, 0.97);



}



100% {



    opacity: 1;



    transform: scale3d(1, 1, 1);



}



}



.bounceIn {



    animation-duration: 0.75s;



    animation-name: bounceIn;



}



@keyframes bounceInDown {



0%, 60%, 75%, 90%, 100% {



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



0% {



    opacity: 0;



    transform: translate3d(0px, -3000px, 0px);



}



60% {



    opacity: 1;



    transform: translate3d(0px, 25px, 0px);



}



75% {



    transform: translate3d(0px, -10px, 0px);



}



90% {



    transform: translate3d(0px, 5px, 0px);



}



100% {



    transform: none;



}



}



.bounceInDown {



    animation-name: bounceInDown;



}



@keyframes bounceInLeft {



0%, 60%, 75%, 90%, 100% {



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



0% {



    opacity: 0;



    transform: translate3d(-3000px, 0px, 0px);



}



60% {



    opacity: 1;



    transform: translate3d(25px, 0px, 0px);



}



75% {



    transform: translate3d(-10px, 0px, 0px);



}



90% {



    transform: translate3d(5px, 0px, 0px);



}



100% {



    transform: none;



}



}



.bounceInLeft {



    animation-name: bounceInLeft;



}



@keyframes bounceInRight {



0%, 60%, 75%, 90%, 100% {



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



0% {



    opacity: 0;



    transform: translate3d(3000px, 0px, 0px);



}



60% {



    opacity: 1;



    transform: translate3d(-25px, 0px, 0px);



}



75% {



    transform: translate3d(10px, 0px, 0px);



}



90% {



    transform: translate3d(-5px, 0px, 0px);



}



100% {



    transform: none;



}



}



.bounceInRight {



    animation-name: bounceInRight;



}



@keyframes bounceInUp {



0%, 60%, 75%, 90%, 100% {



    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



}



0% {



    opacity: 0;



    transform: translate3d(0px, 3000px, 0px);



}



60% {



    opacity: 1;



    transform: translate3d(0px, -20px, 0px);



}



75% {



    transform: translate3d(0px, 10px, 0px);



}



90% {



    transform: translate3d(0px, -5px, 0px);



}



100% {



    transform: translate3d(0px, 0px, 0px);



}



}



.bounceInUp {



    animation-name: bounceInUp;



}



@keyframes bounceOut {



20% {



    transform: scale3d(0.9, 0.9, 0.9);



}



50%, 55% {



    opacity: 1;



    transform: scale3d(1.1, 1.1, 1.1);



}



100% {



    opacity: 0;



    transform: scale3d(0.3, 0.3, 0.3);



}



}



.bounceOut {



    animation-duration: 0.75s;



    animation-name: bounceOut;



}



@keyframes bounceOutDown {



20% {



    transform: translate3d(0px, 10px, 0px);



}



40%, 45% {



    opacity: 1;



    transform: translate3d(0px, -20px, 0px);



}



100% {



    opacity: 0;



    transform: translate3d(0px, 2000px, 0px);



}



}



.bounceOutDown {



    animation-name: bounceOutDown;



}



@keyframes bounceOutLeft {



20% {



    opacity: 1;



    transform: translate3d(20px, 0px, 0px);



}



100% {



    opacity: 0;



    transform: translate3d(-2000px, 0px, 0px);



}



}



.bounceOutLeft {



    animation-name: bounceOutLeft;



}



@keyframes bounceOutRight {



20% {



    opacity: 1;



    transform: translate3d(-20px, 0px, 0px);



}



100% {



    opacity: 0;



    transform: translate3d(2000px, 0px, 0px);



}



}



.bounceOutRight {



    animation-name: bounceOutRight;



}



@keyframes bounceOutUp {



20% {



    transform: translate3d(0px, -10px, 0px);



}



40%, 45% {



    opacity: 1;



    transform: translate3d(0px, 20px, 0px);



}



100% {



    opacity: 0;



    transform: translate3d(0px, -2000px, 0px);



}



}



.bounceOutUp {



    animation-name: bounceOutUp;



}



@keyframes fadeIn {



0% {



    opacity: 0;



}



100% {



    opacity: 1;



}



}



.fadeIn {



    animation-name: fadeIn;



}



@keyframes fadeInDown {



0% {



    opacity: 0;



    transform: translate3d(0px, -100%, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInDown {



    animation-name: fadeInDown;



}



@keyframes fadeInDownBig {



0% {



    opacity: 0;



    transform: translate3d(0px, -2000px, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInDownBig {



    animation-name: fadeInDownBig;



}



@keyframes fadeInLeft {



0% {



    opacity: 0;



    transform: translate3d(-100%, 0px, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInLeft {



    animation-name: fadeInLeft;



}



@keyframes fadeInLeftBig {



0% {



    opacity: 0;



    transform: translate3d(-2000px, 0px, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInLeftBig {



    animation-name: fadeInLeftBig;



}



@keyframes fadeInRight {



0% {



    opacity: 0;



    transform: translate3d(100%, 0px, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInRight {



    animation-name: fadeInRight;



}



@keyframes fadeInRightBig {



0% {



    opacity: 0;



    transform: translate3d(2000px, 0px, 0px);



}



100% {







    opacity: 1;



    transform: none;



}



}



.fadeInRightBig {



    animation-name: fadeInRightBig;



}



@keyframes fadeInUp {



0% {



    opacity: 0;



    transform: translate3d(0px, 100%, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInUp {



    animation-name: fadeInUp;



}



@keyframes fadeInUpBig {



0% {



    opacity: 0;



    transform: translate3d(0px, 2000px, 0px);



}



100% {



    opacity: 1;



    transform: none;



}



}



.fadeInUpBig {



    animation-name: fadeInUpBig;



}



@keyframes fadeOut {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



}



}



.fadeOut {



    animation-name: fadeOut;



}



@keyframes fadeOutDown {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(0px, 100%, 0px);



}



}



.fadeOutDown {



    animation-name: fadeOutDown;



}



@keyframes fadeOutDownBig {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(0px, 2000px, 0px);



}



}



.fadeOutDownBig {



    animation-name: fadeOutDownBig;



}



@keyframes fadeOutLeft {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(-100%, 0px, 0px);



}



}



.fadeOutLeft {



    animation-name: fadeOutLeft;



}



@keyframes fadeOutLeftBig {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(-2000px, 0px, 0px);



}



}



.fadeOutLeftBig {



    animation-name: fadeOutLeftBig;



}



@keyframes fadeOutRight {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(100%, 0px, 0px);



}



}



.fadeOutRight {



    animation-name: fadeOutRight;



}



@keyframes fadeOutRightBig {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(2000px, 0px, 0px);



}



}



.fadeOutRightBig {



    animation-name: fadeOutRightBig;



}



@keyframes fadeOutUp {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(0px, -100%, 0px);



}



}



.fadeOutUp {



    animation-name: fadeOutUp;



}



@keyframes fadeOutUpBig {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(0px, -2000px, 0px);



}



}



.fadeOutUpBig {



    animation-name: fadeOutUpBig;



}



@keyframes flip {



0% {



    animation-timing-function: ease-out;



    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);



}



40% {



    animation-timing-function: ease-out;



    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);



}



50% {



    animation-timing-function: ease-in;



    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);



}



80% {



    animation-timing-function: ease-in;



    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);



}



100% {



    animation-timing-function: ease-in;



    transform: perspective(400px);



}



}



.animated.flip {



    animation-name: flip;



    backface-visibility: visible;



}



@keyframes flipInX {



0% {



    opacity: 0;



    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);



    transition-timing-function: ease-in;



}



40% {



    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);



    transition-timing-function: ease-in;



}



60% {



    opacity: 1;



    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);



}



80% {



    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);



}



100% {



    transform: perspective(400px);



}



}



.flipInX {



    animation-name: flipInX;



    backface-visibility: visible !important;



}



@keyframes flipInY {



0% {



    opacity: 0;



    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



    transition-timing-function: ease-in;



}



40% {



    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



    transition-timing-function: ease-in;



}



60% {



    opacity: 1;



    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



}



80% {



    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



}



100% {



    transform: perspective(400px);



}



}



.flipInY {



    animation-name: flipInY;



    backface-visibility: visible !important;



}



@keyframes flipOutX {



0% {



    transform: perspective(400px);



}



30% {



    opacity: 1;



    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);



}



100% {



    opacity: 0;



    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);



}



}



.flipOutX {



    animation-duration: 0.75s;



    animation-name: flipOutX;



    backface-visibility: visible !important;



}



@keyframes flipOutY {



0% {



    transform: perspective(400px);



}



30% {



    opacity: 1;



    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);



}



100% {



    opacity: 0;



    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



}



}



.flipOutY {



    animation-duration: 0.75s;



    animation-name: flipOutY;



    backface-visibility: visible !important;



}



@keyframes lightSpeedIn {



0% {



    opacity: 0;



    transform: translate3d(100%, 0px, 0px) skewX(-30deg);



}



60% {



    opacity: 1;



    transform: skewX(20deg);



}



80% {



    opacity: 1;



    transform: skewX(-5deg);



}



100% {



    opacity: 1;



    transform: none;



}



}



.lightSpeedIn {



    animation-name: lightSpeedIn;



    animation-timing-function: ease-out;



}



@keyframes lightSpeedOut {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(100%, 0px, 0px) skewX(30deg);



}



}



.lightSpeedOut {



    animation-name: lightSpeedOut;



    animation-timing-function: ease-in;



}



@keyframes rotateIn {



0% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, -200deg);



    transform-origin: center center 0;



}



100% {



    opacity: 1;



    transform: none;



    transform-origin: center center 0;



}



}



.rotateIn {



    animation-name: rotateIn;



}



@keyframes rotateInDownLeft {



0% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, -45deg);



    transform-origin: left bottom 0;



}



100% {



    opacity: 1;



    transform: none;



    transform-origin: left bottom 0;



}



}



.rotateInDownLeft {



    animation-name: rotateInDownLeft;



}



@keyframes rotateInDownRight {



0% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, 45deg);



    transform-origin: right bottom 0;



}



100% {



    opacity: 1;



    transform: none;



    transform-origin: right bottom 0;



}



}



.rotateInDownRight {



    animation-name: rotateInDownRight;



}



@keyframes rotateInUpLeft {



0% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, 45deg);



    transform-origin: left bottom 0;



}



100% {



    opacity: 1;



    transform: none;



    transform-origin: left bottom 0;



}



}



.rotateInUpLeft {



    animation-name: rotateInUpLeft;



}



@keyframes rotateInUpRight {



0% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, -90deg);



    transform-origin: right bottom 0;



}



100% {



    opacity: 1;



    transform: none;



    transform-origin: right bottom 0;



}



}



.rotateInUpRight {



    animation-name: rotateInUpRight;



}



@keyframes rotateOut {



0% {



    opacity: 1;



    transform-origin: center center 0;



}



100% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, 200deg);



    transform-origin: center center 0;



}



}



.rotateOut {



    animation-name: rotateOut;



}



@keyframes rotateOutDownLeft {



0% {



    opacity: 1;



    transform-origin: left bottom 0;



}



100% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, 45deg);



    transform-origin: left bottom 0;



}



}



.rotateOutDownLeft {



    animation-name: rotateOutDownLeft;



}



@keyframes rotateOutDownRight {



0% {



    opacity: 1;



    transform-origin: right bottom 0;



}



100% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, -45deg);



    transform-origin: right bottom 0;



}



}



.rotateOutDownRight {



    animation-name: rotateOutDownRight;



}



@keyframes rotateOutUpLeft {



0% {



    opacity: 1;



    transform-origin: left bottom 0;



}



100% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, -45deg);



    transform-origin: left bottom 0;



}



}



.rotateOutUpLeft {



    animation-name: rotateOutUpLeft;



}



@keyframes rotateOutUpRight {



0% {



    opacity: 1;



    transform-origin: right bottom 0;



}



100% {



    opacity: 0;



    transform: rotate3d(0, 0, 1, 90deg);



    transform-origin: right bottom 0;



}



}



.rotateOutUpRight {



    animation-name: rotateOutUpRight;



}



@keyframes hinge {



0% {



    animation-timing-function: ease-in-out;



    transform-origin: left top 0;



}



20%, 60% {



    animation-timing-function: ease-in-out;



    transform: rotate3d(0, 0, 1, 80deg);



    transform-origin: left top 0;



}



40%, 80% {



    animation-timing-function: ease-in-out;



    opacity: 1;



    transform: rotate3d(0, 0, 1, 60deg);



    transform-origin: left top 0;



}



100% {



    opacity: 0;



    transform: translate3d(0px, 700px, 0px);



}



}



.hinge {



    animation-name: hinge;



}



@keyframes rollIn {



0% {



    opacity: 0;



    transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);



}



100% {



    opacity: 1;



    transform: none;



}



}



.rollIn {



    animation-name: rollIn;



}



@keyframes rollOut {



0% {



    opacity: 1;



}



100% {



    opacity: 0;



    transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);



}



}



.rollOut {



    animation-name: rollOut;



}



@keyframes zoomIn {



0% {



    opacity: 0;



    transform: scale3d(0.3, 0.3, 0.3);



}



50% {



    opacity: 1;



}



}



.zoomIn {



    animation-name: zoomIn;



}



@keyframes zoomInDown {



0% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);



}



60% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);



}



}



.zoomInDown {



    animation-name: zoomInDown;



}



@keyframes zoomInLeft {



0% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);



}



60% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);



}



}



.zoomInLeft {



    animation-name: zoomInLeft;



}



@keyframes zoomInRight {



0% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);



}



60% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);



}



}



.zoomInRight {



    animation-name: zoomInRight;



}



@keyframes zoomInUp {



0% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);



}



60% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);



}



}



.zoomInUp {



    animation-name: zoomInUp;



}



@keyframes zoomOut {



0% {



    opacity: 1;



}



50% {



    opacity: 0;



    transform: scale3d(0.3, 0.3, 0.3);



}



100% {



    opacity: 0;



}



}



.zoomOut {



    animation-name: zoomOut;



}



@keyframes zoomOutDown {



40% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);



}



100% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);



    transform-origin: center bottom 0;



}



}



.zoomOutDown {



    animation-name: zoomOutDown;



}



@keyframes zoomOutLeft {



40% {



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);



}



100% {



    opacity: 0;



    transform: scale(0.1) translate3d(-2000px, 0px, 0px);



    transform-origin: left center 0;



}



}



.zoomOutLeft {



    animation-name: zoomOutLeft;



}



@keyframes zoomOutRight {



40% {



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);



}



100% {



    opacity: 0;



    transform: scale(0.1) translate3d(2000px, 0px, 0px);



    transform-origin: right center 0;



}



}



.zoomOutRight {



    animation-name: zoomOutRight;



}



@keyframes zoomOutUp {



40% {



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    opacity: 1;



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);



}



100% {



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    opacity: 0;



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);



    transform-origin: center bottom 0;



}



}



.zoomOutUp {



    animation-name: zoomOutUp;



}



@keyframes slideInDown {



0% {



    transform: translateY(-100%);



    visibility: visible;



}



100% {



    transform: translateY(0px);



}



}



.slideInDown {



    animation-name: slideInDown;



}



@keyframes slideInLeft {



0% {



    transform: translateX(-100%);



    visibility: visible;



}



100% {



    transform: translateX(0px);



}



}



.slideInLeft {



    animation-name: slideInLeft;



}



@keyframes slideInRight {



0% {



    transform: translateX(100%);



    visibility: visible;



}



100% {



    transform: translateX(0px);



}



}



.slideInRight {



    animation-name: slideInRight;



}



@keyframes slideInUp {



0% {



    transform: translateY(100%);



    visibility: visible;



}



100% {



    transform: translateY(0px);



}



}



.slideInUp {



    animation-name: slideInUp;



}



@keyframes slideOutDown {



0% {



    transform: translateY(0px);



}



100% {



    transform: translateY(100%);



    visibility: hidden;



}



}



.slideOutDown {



    animation-name: slideOutDown;



}



@keyframes slideOutLeft {



0% {



    transform: translateX(0px);



}



100% {



    transform: translateX(-100%);



    visibility: hidden;



}



}



.slideOutLeft {



    animation-name: slideOutLeft;



}



@keyframes slideOutRight {



0% {



    transform: translateX(0px);



}



100% {



    transform: translateX(100%);



    visibility: hidden;



}



}



.slideOutRight {



    animation-name: slideOutRight;



}



@keyframes slideOutUp {



0% {



    transform: translateY(0px);



}



100% {



    transform: translateY(-100%);



    visibility: hidden;



}



}



.slideOutUp {



    animation-name: slideOutUp;



}



.data-table {



    border-collapse: collapse;



    font-size: 12px;



    line-height: 1.4;



    table-layout: fixed;



    width: 100%;



	margin-bottom:20px;



}



.data-table thead th {



    background-color: #fff;



    color: #818181;



    font-size: 14px;



    font-weight: normal;



    padding: 15px 20px;



}



.data-table thead th:first-child {



    padding-left: 0;



}



.data-table thead th:last-child {



    padding-right: 0;



}



.data-table tbody td {



    border-bottom: 1px solid #e8e5e5;



    border-top: 1px solid #e8e5e5;



    padding: 15px 20px;



    vertical-align: top;



}



.data-table tbody td:first-child {



    padding-left: 0;



}



.data-table tbody td:last-child {



    padding-right: 0;



}







.data-table tbody td



.data-table tbody td.qty-cell {



    color: #a3a3a3;



}



.data-table tbody td dl {



    margin-bottom: 0;



}



.data-table tbody td time {



    color: #818181;



}



.data-table .order_nr {



    color: #000000;



    font-size: 14px;



}



.data-table .price {



    color: #fa4969;



    font-family: "Roboto Condensed",sans-serif;



    font-size: 26px;



}



.data-table ul {



    display: block;



    margin: 0;



    padding: 0;



}



.data-table ul li {



    color: #000000;



    display: block;



    font-size: 14px;



    margin: 0 0 5px;



    padding: 0 0 0 15px;



    position: relative;



}



.data-table ul li::before {



    background: #d9d9d9 none repeat scroll 0 0;



    content: "";



    display: block;



    height: 2px;



    left: 0;



    position: absolute;



    top: 10px;



    width: 10px;



}



.data-table ul li span {



    color: #818181;



}



#my-orders-table.data-table a {



    border-bottom: 1px dashed #fa4969;



    font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 16px;



    font-style: italic;



    line-height: 1;



    text-decoration: none;



}



#my-orders-table.data-table a:hover {



    border-bottom: medium none;



}



@media (min-width: 767px) and (max-width: 991px) {



.data-table tbody td {



    padding: 20px 10px;



}



}



@media only screen and (min-width: 767px) {



.hashover tbody tr:hover td {



    background-color: #f3f3f3;



}



}



@media only screen and (max-width: 767px) {



.data-table.mobile-data-table {



}



.data-table.mobile-data-table, .data-table.mobile-data-table thead, .data-table.mobile-data-table tbody, .data-table.mobile-data-table th, .data-table.mobile-data-table tbody td, .data-table.mobile-data-table tbody tr {



    display: block;



}



.data-table.mobile-data-table thead tr {



    left: -9999px;



    position: absolute;



    top: -9999px;



}



.data-table.mobile-data-table tbody tr {



    border-bottom: 1px solid #fdc8d2;



}



.data-table.mobile-data-table tbody tr:first-child {



    border-top: 1px solid #fdc8d2;



}



.data-table.mobile-data-table tbody td {



    border-color: #ebebeb !important;



    border-width: 0 0 1px !important;



    padding: 10px 10px 10px 10% !important;



    position: relative;



}



.data-table.mobile-data-table tbody td:last-child {



    border-bottom: medium none !important;



}



.data-table.mobile-data-table tbody td::before {



    color: #818181;



    content: attr(data-title);



    font-size: 14px;



    left: 10px;



    overflow: hidden;



    padding-right: 10px;



    position: absolute;



    text-overflow: ellipsis;



    top: 16px;



    white-space: nowrap;



    width: 35%;



}



.data-table.mobile-data-table tfoot {



    display: table;



    width: 100%;



}



.data-table.mobile-data-table .text-right {



    text-align: left !important;



}



}



.customer-account-login .main.container > .messages {



    margin: 20px 0 !important;



}



.customer-account-create .account-create .messages {



    margin-bottom: 20px !important;



}



.my-account {



    padding-top:15px;



}



.my-account .page,.my-account .page a{



	font-size:13px;



}



.my-account .page a{



	padding:5px 10px;



	display:inline-block;



	margin:0 5px;



}



.my-account .page #page_box a:hover{



	background: #fa4969;



    border-radius: 3px;



    color: #fff;



}



.my-account .page b{



	background: #fa4969;



    border-radius: 3px;



    color: #fff;



    padding: 5px 10px;



}



.my-account table td,.my-account table th{font-size:14px;}



.my-account .customer-name label {



    display: none !important;



}



.account-create {



    padding-top: 20px;



}



.account-create .news-subscrib {



    padding-left: 0;



}



.account-create #is_subscribed {



    margin-top: 11px;



}



.account-create .customer-name label {



    display: none;



}



@media only screen and (min-width: 767px) {



.account-create .customer-name .field {



    display: block;



    float: left;



    margin-bottom: 10px;



    width: 50%;



}



.account-create .customer-name .field:first-child {



    padding-right: 10px;



}



.account-create .customer-name .field:last-child {



    padding-left: 10px;



}



}



.page-title {



    border-bottom: 1px dashed #d9d9d9;



    display: block;



    margin: 0 -20px;



    padding: 0 20px;



}



@media only screen and (max-width: 767px) {



.page-title {



    margin-left: -10px;



    margin-right: -10px;



}



}



.my-account .page-title {



    margin-bottom: 20px;



}



.page-title h1 {



    font-size: 38px;



}



.section_title{font-size:20px; text-transform:inherit;}



.section_title span{ font-size:14px; color:#0000ff;}



.form-horizontal .form-group{margin:0; border:none;}



.account-login-reg #login-form-part {



    margin: 0 auto;



    max-width:300px;



    text-align: center;



}



.account-login-reg #login-form-part .form-group {



    margin-bottom: 10px;



}



.account-login-reg #login-form-part a {



    border-bottom: 1px dashed #818181;



    color: #818181;



    font-size: 12px;



    text-decoration: none;



}



.account-login-reg #login-form-part a:hover {



    border-bottom: medium none;



}



.account-login-reg .as_guest, .account-login-reg .as_customer {



    padding:30px 0;



}



.account-login-reg .as_guest {



    background: #fafafa none repeat scroll 0 0;



    min-height: 500px; padding-top:100px;



}



.account-login-reg .as_guest .inner {



    margin: 0 auto;



    max-width: 336px;



    text-align: center;



}



.account-login-reg .as_guest .inner p {



    font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 19px;



    font-style: italic;



}







/*select*/



.tMid{height:10px;}



.select_box{cursor:pointer;padding:0;border:1px solid;border-color:#ccc #999999 #999999 #ccc;background:url("http://www.irealbest.com/catalog/template/irealbest/image/select_bg_account.png") no-repeat scroll right 0 #FFFFFF; position:relative; z-index:9; color:#000;}



.select_box span {cursor:pointer; display:block;width:100%;height:38px; line-height:38px;overflow:hidden; text-align:left;}



.select_box span .default{ text-indent:10px; margin-bottom:0; font-weight:normal;}



.select_box span img{ display:inline-block; margin:0 10px;}



.son_ul {width:482px; position:absolute;right:-13px; top:37px;background:#fff;display:none; z-index:999; color:#000;}



.son_ul li{display:block;cursor:pointer; font:12px/20px Arial;width:150px; padding:0 0 0 10px;text-align:left; z-index:999999; float:left; clear:none;}



.son_ul li img{float:left; margin:3px 4px 0 0;}



.hover {background:#7f7b72; color:#fff;}



.tLt, .tRi, .bLt, .bRi {background: url("http://www.irealbest.com/catalog/template/irealbest/image/popup-frame1.png") no-repeat scroll 0 0 transparent;}



.tLt {background-position: 0 0;padding-left: 15px;}



.tRi {background-position: right -28px;padding-right: 15px;}



.bLt {background-position: 0 -56px;}



.bRi {background-position: right -99px;}



.mLt, .mRi {background: url("http://www.irealbest.com/catalog/template/irealbest/image/popup-frame2.png") repeat-y scroll 0 0 transparent;}



.mRi {background-position: right 0;}



.tMid, .bMid {background: url("http://www.irealbest.com/catalog/template/irealbest/image/popup-frame1.png") repeat-x scroll 0 0 transparent;}



.tMid {background-position: 0 -185px;height: 12px;}



.bMid {background-position: 0 -142px;height: 33px;}







@media only screen and (max-width:480px) {



.son_ul {width:330px;}



}







@media only screen and (max-width:320px) {



	.son_ul {width:243px;}



	.son_ul li{width:213px;}



}







.col-main {



    padding-bottom: 20px;



}



.dash_blocks {



    border-bottom: 1px dashed #d9d9d9;



    margin-bottom: 30px;



    padding-bottom: 30px;



}



.welcome-msg {



    padding: 0 4%;



    text-align: center;



}



.welcome-msg .section_title {



    color: #000000;



}



.welcome-msg p {



    color: #818181;



    font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 20px;



    line-height: 1.2;



}



.dash_block_title {



    color: #818181;



    display: block;



    font-size: 12px;



    font-weight: bold;



    letter-spacing: 0.5px;



    line-height: 1.2;



    margin: 0 0 5px;



    padding: 10px 0;



    text-align: center;



    text-transform: uppercase;



}



#account_dashboard_discount #discount_content {



    background: #f4f4f4 none repeat scroll 0 0;



    border-image: url("https://www.pursevalley.cn/skin/frontend/flat_mall/default/images/border_img.png") 27 27 27 27 / 20px 20px 20px 20px / 5px 5px 5px 5px round round;



    color: #fa4969;



    display: block;



    font-family: "GaramondPremierProCaption",sans-serif;



    margin: 0 auto;



    max-width: 240px;



    min-height: 240px;



}



#account_dashboard_discount #discount_content > div {



    border-bottom: 1px dashed #fa4969;



    padding: 15px 10px;



    text-align: center;



}



#account_dashboard_discount #discount_content > div:last-child {



    border: medium none;



}



#account_dashboard_discount #discount_content > div.info {



    font-size: 20px;



    font-style: italic;



    line-height: 1.2;



    padding: 15px 30px;



}



#account_dashboard_discount #discount_content > div.ammount {



    font-size: 70px;



    font-style: italic;



    line-height: 1;



}



#account_dashboard_discount #discount_content > div.logo {



    height: 60px;



}



#account_dashboard_discount #discount_content > div.logo i {



    display: inline-block;



    font-size: 159px;



    height: 30px;



    line-height: 30px;



    overflow: hidden;



    padding-top: 3px;



}



#account_dashboard_level .dash_block_title {



    text-align: left;



}



#account_dashboard_level .dashboard_level_content {



    font-family: "GaramondPremierProCaption",sans-serif;



    line-height: 1.2;



    max-width: 200px;



}



#account_dashboard_level .dashboard_level_content .next_discount {



    color: #000000;



    font-size: 24px;



    font-style: italic;



}



#account_dashboard_level .dashboard_level_content .next_discount span {



    color: #fa4969;



}



#account_dashboard_level .dashboard_level_content .remaining {



    color: #818181;



    font-size: 20px;



}



#account_dashboard_level .dashboard_level_content .remaining span {



    color: #000000;



}



.sidebar .block-account ul {



    display: block;



    margin: 0;



    padding: 0;



}



.sidebar .block-account ul li {



    display: block;



    margin: 0 0 15px;



    padding: 0;



}



.sidebar .block-account ul li a{



    color: #9b9b9b;



    display: block;



    font-size: 14px;



    font-weight: 400;



    padding: 0 15px 0 30px;



	background: url("http://www.irealbest.com/catalog/template/irealbest/image/account/listICO.gif") no-repeat scroll 16px -266px transparent;



    text-decoration: none;



    transition: all 0.2s ease-in-out 0s;



}



.sidebar .block-account h3{



	position: relative;



	border-bottom:1px dashed #ccc;



	padding-bottom:10px;



	font-size:20px;



	padding-left:20px;



}



@media (max-width: 767px) {



	.sidebar .block-account h3{



		color:initial;}



}



.sidebar .block-account h3::before {



    content: "";



    display: inline-block;



    font-family: "pv-icomoon";



    font-size: 16px;



    font-style: normal;



    font-variant: normal;



    font-weight: normal;



    left: 0;



    line-height: 16px;



    margin-top: -11px;



    position: absolute;



    text-transform: none;



    top: 50%;



}



.sidebar .block-account h3 i{position:absolute; top:5px; left:1px; font-size:16px;}



.sidebar .block-account ul li a:hover,.sidebar .block-account ul li.current a{



  text-decoration: none;



  color: #fa4969;



}



.sidebar .block-account h3.link_2::before{



  content: "\e61b";



}



.sidebar .block-account h3.link_3::before{



  content: "\e61a";



  left: 1px;



}



.sidebar .block-account h3.link_4::before{



  content: "\e619";



  left: 2px;



}



.sidebar .block-account h3.link_5::before{



  content: "\e618";



}



.sidebar .block-account h3.link_6::before{



  content: "\e614";



}



.sidebar .block-account h3.ugiftcerts::before{



  content: "\e637";



  font-size: 14px;



  left: 1px;



}



.sidebar .block-account ul li a span, .sidebar .block-account ul li strong span {



    position: absolute;



    right: 0;



    top: 0;



}



.sidebar .block-account ul li.current strong {



    color: #fa4969;



}



.wishlist-main{



	position:relative;



}



#wishlist-table .qty-group {



    float: left;



    margin-right: 10px;



}



#wishlist-table .prod_info {



    min-height: 130px;



    padding-left: 140px;



    position: relative;



}



#wishlist-table .prod_info .product-image {



    border: 1px solid #ebebeb;



    border-radius: 50%;



    display: inline-block;



    height: 130px;



    left: 0;



    overflow: hidden;



    padding:15px;



    position: absolute;



    text-align: center;



    top: 0;



    width: 130px;



}



#wishlist-table .prod_info .product-image:hover {



    border-color: #818181;



}



#wishlist-table .prod_info .product-image img {



    height: auto;



    max-width: 100%;



}



#wishlist-table .prod_info .product-name{



    display: block;



    font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 22px;



}



#wishlist-table .prod_info .product-name a {



    color: #000000;



    text-decoration: none;



	font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 22px;



}



#wishlist-table .prod_info .product-name a:hover {



    color: #fa4969;



}



#wishlist-table .prod_info .product-options{



	color:#ff0000;



	font-size:13px;



	display:block; margin-bottom:10px;



}



#wishlist-table .price-box p {



    margin: 0;



}



#wishlist-table .price-box .old-price .price {



    color: #818181;



    font-size: 18px;



    text-decoration: line-through;



}



#wishlist-table .item-options {



    display: block;



    font-size: 12px;



    margin: 0 0 10px;



}



#wishlist-table .item-options dt {



    color: #818181;



    display: inline;



    font-weight: 400;



    text-transform: uppercase;



}



#wishlist-table .item-options dd {



    color: #000000;



    display: inline;



    font-weight: 700;



    margin: 0 10px 0 0;



}



#atc-box,#wishlist{



	display:none;



	z-index:9999;



	position:absolute;



	top:30%;



	left:30%;



    /*;background: #f8af2c none repeat scroll 0 0;



    border-bottom: 3px solid #cecece;



    padding: 1px;



    font-size:14px;left:143px;bottom:13px;*/



	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);



	border:1px solid #c4c4c4;



}



#atc-box .atc-inner,#wishlist .atc-inner{



    /*background: #ffffff none repeat scroll 0 0;



    border: 3px solid #fedda7;*/



	background-color:#fff;



	padding:20px 30px 10px 70px;



	position:relative;



}



#atc-box .atc-inner .icon_success,#wishlist .atc-inner .icon_success{



	background:url("http://www.irealbest.com/catalog/template/irealbest/image/icon_success_27x27.png") no-repeat scroll 0 0;



	display:block;



	width:27px;



	height:27px;



	position:absolute;



	left:30px;



}



#atc-box .atc-close,#wishlist .atc-close {



    background: transparent url("http://www.irealbest.com/catalog/template/irealbest/image/spr_we_buyer_common.png") no-repeat scroll 0 -1600px;



    display: block;



    float: right;



    height: 17px;



    margin: 4px 4px 0 0 !important;



    width: 17px;



}



#atc-box .atc-caption,#wishlist .atc-caption {



	color: #079b00;



    font-size: 18px;



    font-weight: bold;



    line-height: 27px;



    /*background: #fedda7 none repeat scroll 0 0;



    font-weight: bold;



    padding: 6px 8px 9px;*/



}



#atc-box .atc-message-success,#wishlist .atc-message-success {



    padding: 18px 0 5px;



    text-align:left;



	font-size:14px;



}



#atc-box .atc-message-success em,#wishlist .atc-message-success em{



    font-size: 14px;



    font-style: normal;



    font-weight: bold;



}



#atc-box .atc-message-success .price,#wishlist .atc-message-success .price{



	color:#fa4969;



}



#atc-box .btn,#wishlist .btn{



	text-transform:inherit;



	font-size:14px;



}



#atc-box .atc-actions,#wishlist .atc-actions {



    padding:10px 0 15px;



}







.buttons-set.buttons-set2 {



    padding: 20px 0;



    text-align: right;



}



.buttons-set.buttons-set2 .btn-add {



    float: right;



    margin-left: 4px;



}



.my-account .tab-links {



    border-collapse: collapse;



    display: block;



    font: 0px/0 a;



    margin: 0 0 15px;



    padding: 0;



    text-align: left;



}



.my-account .tab-links li {



    border: 1px solid #fa4969;



    display: inline-block;



    margin: 0 -1px;



}



.my-account .tab-links li a {



    background: #fff none repeat scroll 0 0;



    color: #fa4969;



    display: block;



    font-family: "Roboto",sans-serif;



    font-size: 12px;



    line-height: 1;



    outline: medium none;



    padding: 10px 20px;



    text-decoration: none;



    text-transform: uppercase;



}



.my-account .tab-links li a span {



    color: #a3a3a3;



}



.my-account .tab-links li.active a {



    background: #fa4969 none repeat scroll 0 0;



    color: #ffffff;



}



.my-account .tab-links li.active a span {



    color: #ffffff;



}



.my-account .tab-links li:first-child {



    border-bottom-left-radius: 3px;



    border-top-left-radius: 3px;



}



.my-account .tab-links li:last-child {



    border-bottom-right-radius: 3px;



    border-top-right-radius: 3px;



}



.status_col {



    background: #f9f9f9 none repeat scroll 0 0;



}



.order-title {



    font: 700 16px "Roboto Condensed",sans-serif;



    text-transform: uppercase;



}



.order-title span {



    color: #a3a3a3;



}



.order-date {



    color: #a3a3a3;



    display: block;



    font: 700 12px "Roboto Condensed",sans-serif;



    margin: 0 0 10px;



    padding: 0 0 10px;



    position: relative;



}



.order-date::before {



    background: #ebebeb none repeat scroll 0 0;



    bottom: 0;



    content: " ";



    display: block;



    height: 2px;



    left: 0;



    position: absolute;



    width: 50px;



}



.order-info-box .col-1, .order-info-box .col-2 {



    margin: 0 0 15px;



    padding: 0 0 15px;



    position: relative;



}



.order-info-box .col-1::before, .order-info-box .col-2::before {



    background: #ebebeb none repeat scroll 0 0;



    bottom: 0;



    content: " ";



    display: block;



    height: 2px;



    left: 0;



    position: absolute;



    width: 50px;



}



.order-info-box .box .box-title h2 {



    font: italic 400 20px/20px "GaramondPremierProCaption",sans-serif;



    margin-bottom: 10px;



}



.order-info-box .box .box-content {



    color: #818181;



    font-size: 14px;



}



.order-info-box .box address {



    margin: 0;



}



.order-details #my-orders-table tfoot tr td {



    color: #818181;



    font-size: 16px;



}



.order-details #my-orders-table tfoot tr td:first-child {



    padding-right: 10px;



}



.order-details #my-orders-table tfoot tr td .price {



    font-family: "Roboto",sans-serif;



    font-size: 16px;



}



.order-details #my-orders-table tfoot tr.first td, .order-details #my-orders-table tfoot tr.last td {



    padding-top: 10px;



}



.order-details #my-orders-table tfoot tr.discount td {



    padding-bottom: 10px;



}



.order-details #my-orders-table tfoot tr.shipping td .price, .order-details #my-orders-table tfoot tr.discount td .price {



    color: #fa4969;



}



.order-details #my-orders-table tfoot tr.grand_total td {



    border-top: 1px solid #ebebeb;



    color: #000000;



    font-family: "Roboto Condensed",sans-serif;



    font-size: 26px;



}



.order-details #my-orders-table tfoot tr.grand_total td strong {



    font-weight: 400;



}



.order-details #my-orders-table tfoot tr.grand_total td .price {



    color: #fa4969;



    font-size: 26px;



    font-weight: 400;



}



.order-details #my-orders-table tbody tr td .item_info {



    display: block;



    min-height: 100px;



    padding: 0 0 0 120px;



    position: relative;



}



.order-details #my-orders-table tbody tr td .item_info .product-image {



    border: 1px solid #ebebeb;



    border-radius: 50%;



    display: block;



    height: 90px;



    left: 0;



    overflow: hidden;



    padding: 15px;



    position: absolute;



    text-align: center;



    top: 0;



    width: 90px;



}



.order-details #my-orders-table tbody tr td .item_info .product-image:hover {



    border-color: #818181;



}



.order-details #my-orders-table tbody tr td .item_info .product-image img {



    height: auto;



    max-width: 100%;



}



.order-details #my-orders-table tbody tr td .item_info .product-name {



    display: block;



    font-family: "GaramondPremierProCaption",sans-serif;



    font-size: 22px;



    max-height: 73px;



    overflow: hidden;



}



.order-details #my-orders-table tbody tr td .item_info .item-options {



    display: block;



}



.order-details #my-orders-table tbody tr td .item_info .item-options dt, .order-details #my-orders-table tbody tr td .item_info .item-options dd {



    display: inline-block;



}



.order-details #my-orders-table tbody tr td .item_info .item-options dt {



    color: #555555;



    font-weight: 400;



}



.order-details #my-orders-table tbody tr td .item_info .item-options dd {



    color: #000000;



    font-weight: 700;



    margin-right: 20px;



}



.addresses-list {



    padding-top: 20px;



}



.addresses_list {



    display: inline-block;



    margin: 0;



    padding: 0;



    position: relative;



    vertical-align: top;



}



.addresses_list .primary {



    background: #fa4969 none repeat scroll 0 0;



    color: #ffffff;



    display: block;



    font-size: 10px;



    font-weight: 700;



    height: 16px;



    left: 20px;



    line-height: 16px;



    padding: 0 5px;



    position: absolute;



    text-transform: uppercase;



    top: -16px;



}



.addresses_list .item {



    background: #fdfdfd none repeat scroll 0 0;



    border: 1px dashed #d9d9d9;



    border-radius: 5px;



    display: block;



    float: left;



    margin: 0 40px 40px 0;



    position: relative;



    width: 240px;



}



.addresses_list .item h3 {



    border-bottom: 1px solid #ebebeb;



    color: #000000;



    display: block;



    font: italic 400 20px/1.2 "GaramondPremierProCaption",sans-serif;



    padding: 10px 20px;



}



.addresses_list .item .content {



    color: #313131;



    font-size: 14px;



    padding: 20px;



}



.addresses_list .item .content address::first-line {



    font-weight: 700;



}



.addresses_list .item .actions {



    color: #a3a3a3;



    display: block;



    margin: 0;



    text-align: right;



}



.addresses_list .item .actions a {



    font-weight: 700;



    text-transform: uppercase;



}



.my-account .icon_link {



    color: #818181;



    margin-right: 10px;



    text-decoration: none;



}



.my-account .icon_link .icon {



    background: #ffffff none repeat scroll 0 0;



    border: 1px solid #dbdbdb;



    border-radius: 50%;



    color: #999;



    display: inline-block;



    font-size: 15px;



    height: 34px;



    line-height: 32px;



    text-align: center;



    vertical-align: middle;



    width: 34px; cursor:pointer;



}



.my-account a.icon_link:hover,



.my-account a.icon_link:hover .icon{



	border-color:#fa4969;



	color:#fa4969;



}



.my-account .icon_link .icon i.icon-badge, .my-account .icon_link .icon i.icon-eye {



    font-size: 18px;



}



.my-account .icon_link .icon i {



    font-size: 16px;



    line-height: 32px;



}



.my-account .icon_link .icon:hover {



    color: #fa4969;



}



.personal_info {



    margin: 0 auto;



    max-width: 620px;



}



.personal_info .control-label {



    padding-top: 0;



    text-align: left;



}



@media (min-width: 767px) {



.personal_info .customer-name {



    padding: 0 20px;



}



.personal_info .customer-name .field {



    float: left;



    width: 50%;



}



.personal_info .customer-name .field:first-child {



    padding-right: 10px;



}



.personal_info .customer-name .field:last-child {



    padding-left: 10px;



}



}



@media (max-width: 767px) {



.personal_info .customer-name {



    padding: 0 10px;



}



}



.personal_info .customer-name label {



    display: none !important;



}



@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {



}



@media (max-width: 1199px) {



#account_dashboard_discount #discount_content > div.logo i {



    font-size: 140px;



}



#wishlist-table th:nth-child(1), #wishlist-table th:nth-child(2) {



    width: 15%;



}



#wishlist-table .prod_info {



    padding-left: 100px;



}



#wishlist-table .prod_info .product-image {



    height: 90px;



    padding: 10px;



    width: 90px;



}



}



@media (max-width: 991px) {



.addresses_list {



    display: block;



}



.addresses_list .item {



    margin-right: 5%;



    width: 45%;



}



#wishlist-view-form .btn {



    margin-bottom: 5px;



}



}



@media (min-width: 767px) and (max-width: 991px) {



#account_dashboard_discount #discount_content > div.ammount {



    font-size: 54px;



}



#account_dashboard_discount #discount_content > div.logo i {



    font-size: 100px;



}



#wishlist-table th:nth-child(1), #wishlist-table th:nth-child(2) {



    width: 11%;



}



#wishlist-table .prod_info {



    padding-left: 70px;



}



#wishlist-table .prod_info .product-image {



    height: 60px;



    padding: 10px;



    width: 60px;



}



#wishlist-table .prod_info .product-name {



    font-size: 16px;



}



#wishlist-table .qty-group {



    width: 110px;



}



#wishlist-table .qty-group .qty {



    padding: 0 5px;



}



}



@media only screen and (max-width: 767px) {



.my-account {



    padding-top: 10px;



}



.page-title-wrap {



    display: none;



}



.page-title {



    border-bottom: medium none;



    padding: 7px 0 0;



    text-align: center;



}



.page-title h1 {



    display: block;



    font-size: 28px;



    font-weight: bold;



    margin: 0;



    text-align: center;



    text-transform: uppercase;



}



.account-login-reg {



    padding-top: 15px;



}



.account-login-reg .as_customer, .account-login-reg .as_guest {



    min-height: 0;



    padding: 20px 20px 30px;



}



.account-login-reg .as_guest {



    background-color: #ffffff;



    border-top: 1px dashed #d9d9d9;



}



.account-create .news-subscrib {



    padding-left: 10px;



}



#account_dashboard_level {



    margin: 30px auto;



    padding: 0 4%;



    text-align: center;



}



#account_dashboard_level .dash_block_title {



    text-align: center;



}



#account_dashboard_level .dashboard_level_content {



    max-width: 100%;



}



}



@media only screen and (max-width: 640px) {



.order-details #my-orders-table tbody tr td .item_info, #wishlist-table .prod_info {



    padding: 105px 0 0;



}



.order-details #my-orders-table tbody tr td .item_info .product-image, #wishlist-table .prod_info .product-image {



    left: 50%;



    margin-left: -45px;



}



.addresses_list .item {



    margin-right: 0;



    width: 100%;



}



.account-create .news-subscrib {



    padding-left: 10px;



}



}







/*============================*/











#account .b, #account .d{border: 1px solid #EEEEEE;padding: 5px;margin-bottom: 10px}







#account .a, #account .c{margin-bottom: 2px;font-weight: bold;color: #000000;display: block}







#account a{text-decoration: none}







#account a:hover{text-decoration: underline}







.foot2_p2{border: 1px solid #D5D5D5;margin: 10px auto 0;width: 958px}







.foot2_p2title{background: url("http://www.irealbest.com/catalog/template/irealbest/image/DD_index1.gif") repeat-x scroll 0 -1690px transparent;color: #000000;display: inline;float: left;font-size: 16px;font-style: italic;font-weight: bold;height: 32px;line-height: 32px;padding-left: 20px;width: 938px}







.foot2_p2title span{color: #CC0001}







.foot2_p2title{color: #000000;font-size: 16px;font-style: italic;font-weight: bold;line-height: 32px}







.foot2_p2nei{float: left;margin-top: 20px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;width: 918px}







.foot2_p2neileft{float: left;padding-right: 25px;display: inline;width: 445px}







.foot2_p2neiright{float: left}







.foot2_p2neilist01{width: 445px}







.foo2_tb01{background-position: 0 -1367px}







.foo2_p2neilist01_01{background: url("http://www.irealbest.com/catalog/template/irealbest/image/DD_index1.gif") no-repeat scroll 0 0 transparent;display: inline;float: left;height: 47px;margin-right: 10px;text-align: left;width: 55px}







.foo2_p2neilist01_02{float: left;width: 380px;text-align: left}







.foo2_p2neilist01_02tt{color: #000000;float: left;font-weight: bold;width: 380px}







.foo2_p2neilist01_02nei{float: left;line-height: 18px;margin-top: 8px;width: 380px}







.autoaddheight{clear: both;display: block;font: 0px/0px sans-serif}







.foo2_p2neilist01_011{background: url("http://www.irealbest.com/catalog/template/irealbest/image/index_nbt1.gif") no-repeat scroll 0 0 transparent;display: inline;float: left;height: 47px;margin-right: 10px;text-align: left;width: 55px}







.foo2_p2neilist01_012{background: url("http://www.irealbest.com/catalog/template/irealbest/image/index_nbt2.gif") no-repeat scroll 0 0 transparent;display: inline;float: left;height: 47px;margin-right: 10px;text-align: left;width: 55px}







.foo2_tb01{background-position: 0 -1367px}







.foo2_tb03{background-position: 0 -1424px}







.foo2_tb05{background-position: 0 -1481px}







.foot2_margin30{margin-top: 30px}







#account-title{background: url("http://www.irealbest.com/catalog/template/irealbest/image/categoriesBg.gif") repeat-x scroll 1px -90px transparent;text-indent: 20px;display: block;height: 34px;line-height: 34px;width: 208px;position: relative;margin-top: 12px}







#account-title a{color: #fff;font-size: 14px;font-weight: bold}







#account-title a:hover{text-decoration: underline}











.member_rh{width: 1000px;float: right;padding-bottom: 20px; font-family:Verdana, Geneva, sans-serif;; font-size:11px;}







.member_rhtop{border: 1px solid #ccc;font-weight: normal;margin-bottom: 10px;padding: 10px 5px;position: relative}







.member_rhtop b{color: #AE3D00}







.member_rhtop i{clear: both;display: block;float: none;font-style: normal;padding-left: 11px;font-family: Arial;padding-top: 12px;width: 550px}







.member_rhtop .live_chat{display: block;height: 53px;position: absolute;right: 5px;top: 12px;width: 184px}







.chear10{height: 10px;font-size: 1px}







.user_title{color: #000000;font-size: 13px;font-weight: bold;padding-bottom: 5px;text-indent: 5px}







.user_mian{border: 1px solid #ccc;background: #e8e8e8;height: 25px;line-height: 25px;text-align: center;border-left: none}







.user_mian ul li{float: left;color: #DF351B;font-weight: bold;border-left: 1px solid #ccc}







.user_title2{color: #fff;font-size: 14px;height: 36px;line-height: 36px;padding-left: 40px;font-weight: bold;background-position: 0 0;position: relative}







.user_mian2{border: 1px solid #ccc;background: #FFEED3;height: 25px;line-height: 25px;text-align: center;border-left: none}







.user_mian2 .fix_frist{width: 190px}







.user_mian2 ul li{float: left;width: 140px;color: #904603;font-weight: bold;border-left: 1px solid #ccc}







.user_box dl{height: 30px;line-height: 30px;display: block;border: 1px solid #ccc;line-height: 30px;border-top: none}







.user_fix dd{float: left;width: 140px;text-align: center;margin: 0;padding: 0;display: block}







.user_fix dd a{}







.user_fix .fix_frist{width: 190px}







.user_fix .fix_last{width: 100px}







.user_fix .fix_status{width: 180px}







.user_fix dd img{vertical-align: middle}







.hei10{height: 10px}







.item_style6{border: 1px solid #CCCCCC;padding: 10px 15px 15px;width: 160px;margin-bottom: 20px}







.item_style6 h3{color: #333333;font-size: 13px;font-weight: bold}







.userCenter_help{color: #666666;padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}







.userCenter_help a{color: #DF351B}







.membership{margin-bottom: 10px}







.quickWrap li,.user_title2,.icon_pic,.ordersIco,.pointsIco,.couponsIco,.questionsIco,.wishlistIco,.affiliateIco,.stockIco,.needsIco,.newsletterIco,.editIco,.topicsIco{background: url("http://www.irealbest.com/catalog/template/irealbest/image/account.png") no-repeat 0 0 transparent}







.member_photo{float: left}







.member_info{padding:10px 0;}







.welcome{color: #999999}







.welcome span{color: #666666;font-size: 20px;font-weight: bold}







.welcome strong{color: #F66907;font-size: 20px;margin-left: 3px;margin-right: 10px}







.quickWrap{background: #FFFCEA;border-style: solid;border-width: 1px 0;border-color: #FCE8D1;padding: 5px;margin-top: 10px}



.quickWrap ul{margin:0;}



.quickWrap li{line-height: 28px;margin-right: 50px;padding-left: 10px;background-position: -720px -89px}







.quickWrap li span{color: #333333}







.quickWrap li a{color: #777}







.quickWrap li a:hover,.quickWrap li a:hover span{color: #ff5a00;text-decoration: underline}







.acctip dt,.acctip dd{display:inline-block;}







.acctip dd{font-weight: normal;font-size:14px;}



@media only screen and (max-width: 991px) {

	.acctip dd{display:none;}	

}







.icon_pic{background-position: -166px -36px;width: 24px;height: 21px;position: absolute;top: 8px;left: 8px}











/*waiting_feedback*/



.review_desc{



	background:#e9e9e9;



	padding:25px;



	font-family:"GaramondPremierProCaption",sans-serif;



	font-size:20px;



	line-height:1.1; margin-bottom:30px;



}



.crt-review{padding: 0 0 0 20px;border-left: 1px solid #ddd; font-size:14px;}







@media only screen and (max-width:767px) {



.crt-review{



		border-top:1px solid #ddd;



		border-left:none; margin-top:15px; padding-top:15px;}



}







.crt-review h2{



	font:normal 24px/1.2 "GaramondPremierProCaption",sans-serif;



	margin-bottom: 5px;



}







.crt-review ul li textarea{vertical-align: middle;width:623px;display: block;margin: 5px 0;border: 1px solid #ccc;border-width: 2px 1px 1px;height: 50px;padding: 5px}







.crt-review .tip{display: block;margin-bottom: 10px;color: #ff0000}







.crt-review .title{font-family:"GaramondPremierProCaption",sans-serif; font-size:18px;}



.crt-review .posted-date{



	float:right;



	font-size:12px;



	color:#888;



	margin-right:0;



}







.crt-review .fillbox tr th,.crt-review .fillbox tr td{padding: 4px 0}







.crt-review .fillbox tr th{padding-right: 5px;font-weight: normal;vertical-align: middle;text-align: left}







.crt-review .fillbox tr td .text{height: 20px;width: 363px;border: 1px solid #d5d5d5}







.crt-review .fillbox tr td .pr{position: relative;width: 430px}







.crt-review .fillbox tr td .pr .fakefile{position: absolute;top: 0;left: 0;z-index: 1}







.crt-review .fillbox tr td .pr .fakefile input{float: left}







.crt-review .fillbox tr td .pr .fakefile img{float: left;margin-left: 5px}







.feedback_list .delete{position: absolute;right: 10px;top: 0;background: none}







.select_stars{font-size: 9px}







.crt-review .selected li.u-review{margin: 15px 0 10px}







.crt-review ul li.u-review textarea{width:623px;height:80px;color: #888; font-family:Arial, Helvetica, sans-serif;}







.crt-review .selected li.attached-img{margin:10px 0}



.crt-review .selected li.attached-img img{

	

	border:1px solid #f2f2f2;

	width:80px;

	height:80px;

	margin-right:10px;	

}



#fancybox-loading{

	position: fixed;

	top: 50%;

	left: 50%;

	height: 40px;

	width: 40px;

	margin-top: -20px;

	margin-left: -20px;

	cursor: pointer;

	overflow: hidden;

	z-index: 1104;

	display: none;

}



* html #fancybox-loading {	/* IE6 */

	position: absolute;

	margin-top: 0;

}



#fancybox-loading div {

	position: absolute;

	top: 0;

	left: 0;

	width: 40px;

	height: 480px;

	background:url('http://www.pairbaby.com/catalog/template/pairbaby/image/loader.gif') no-repeat 0 0;

}



#fancybox-overlay {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background: #000;

	z-index: 1100;

	display: none;

}



* html #fancybox-overlay {	/* IE6 */

	position: absolute;

	width: 100%; height:800px;



}



#fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0;

	overflow: auto;

	display: none;

}



#fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

	padding:0;

	z-index: 1101;

	display: none;

	border-radius:6px;

	box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);

}



#fancybox-outer {

	position: relative;

	width: 100%;

	height: 100%;

	background: #FFF;

}



#fancybox-inner {

	position: absolute;

	top: 0;

	left: 0;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: 0;

	outline: none;

	overflow: hidden;

}



#fancybox-close {

	position: absolute;

	top: -15px;

	right: -15px;

	width: 30px;

	height: 30px;

	background: url('http://www.irealbest.com/catalog/template/irealbest/image/fancy_close.png') no-repeat scroll left top;

	cursor: pointer;

	z-index: 1103;

	display: none;

}



#fancybox-title {

	position: absolute;

	bottom: 0;

	left: 0;

	font-family: Arial;

	font-size: 12px;

	z-index: 1102;

}



.fancybox-title-inside {

	padding: 10px 0;

	text-align: center;

	color: #333;

}



.fancybox-title-outside {

	padding-top: 5px;

	color: #FFF;

	text-align: center;

	font-weight: bold;

}



.fancybox-title-over {

	color: #FFF;

	text-align: left;

}



#fancybox-title-over {

	padding: 10px;

	text-align:left;

	background: url('http://www.irealbest.com/catalog/template/irealbest/image/fancy_title_over.png');

	display: block;

}



#fancybox-left, #fancybox-right {

	position: absolute;

	bottom: 0px;

	height: 100%;

	width:50%;

	cursor: pointer;

	outline: none;

	background: url('http://www.irealbest.com/catalog/template/irealbest/image/blank.gif');

	z-index: 1102;

	display: none;

}



#fancybox-left {

	left: 0px;

}



#fancybox-right {

	right: 0px;

}



#fancybox-left-ico, #fancybox-right-ico {

	position: absolute;

	top: 50%;

	left: -9999px;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	cursor: pointer;

	z-index: 1102;

	display: block;

}



#fancybox-left-ico {

	background:url('http://www.irealbest.com/catalog/template/irealbest/image/fancy_nav_left.png') no-repeat scroll left top;

}



#fancybox-right-ico {

	background:url('http://www.irealbest.com/catalog/template/irealbest/image/fancy_nav_right.png') no-repeat scroll left top;

}



#fancybox-left:hover, #fancybox-right:hover {

	visibility: visible;    /* IE6 */

}



#fancybox-left:hover span {

	left: 20px;

}



#fancybox-right:hover span {

	left: auto;

	right: 20px;

}



.crt-review .selected li .jslct{background: none}







.crt-review .selected li .jslct em{color: #888}







.select_list{padding-right: 19px}







@media only screen and (max-width:1199px) {



	.select_list{display:block;}



	.select_list span.title, .title_2{display:inline-block; width:70px;}



}







@media only screen and (max-width:767px) {



	.select_list, .select_list span.title, .title_2{display:initial;}

}





@media only screen and (max-width:640px) {

	.select_list{display:block}

	.select_list span.title, .title_2{display:inline-block; width:70px;}

}

.jslct{color: #666;display: inline-block;*display: inline;zoom: 1;position: relative;height:20px;line-height:18px;vertical-align: middle;cursor: default;z-index: 0;background: url("http://www.irealbest.com/catalog/template/irealbest/image/select_bg.gif") no-repeat right -5px #fff;border-width: 1px;border-color: #BBBBBB #999999 #999999 #BBBBBB;border-style: solid;cursor: pointer}







.jslct div.jslct_t{position: relative;z-index: 2;*display: block!important;*display: inline;zoom:1;width: 100px;padding-left: 4px}







.jslct em{font-style: normal;margin: 0;padding: 0;display: block;overflow: hidden;white-space: nowrap;}







.jslct dl, .jslct dl dd{padding: 0;margin: 0;list-style: none}







.jslct dl{background: #fff;position: absolute;top: 18px;left: -1px;border: 1px solid #ccc;cursor: default;line-height: 22px;z-index: 1;display: none}







.jslct_hover dl{border-width: 1px;border-color: #BBBBBB #999999 #999999 #BBBBBB;border-style: solid;background: #fff}







.jslct dl dd{padding: 0 0 2px 4px;cursor: pointer}







.jslct dl dd.hover{background: #666;color: #fff}







.jslct .jslcted{background: #efefef}







.jslct dl dd.noborder{border: none!important}







.star{display:inline-block;height: 16px;margin: 2px 0 0 0;_margin: 2px 2px 0 0;width: 59px;}







.star-x{background: url("http://www.irealbest.com/catalog/template/irealbest/image/star_big_gray_16.gif") repeat-x scroll left top transparent}







.star-x span{background: url("http://www.irealbest.com/catalog/template/irealbest/image/star_big_color_16.gif") repeat-x scroll left top transparent}







.star span{display: block;height: 100%;width: 0}











/*=====ticket=========*/







.ticketBox{margin-top:20px;}



.ticketBox fieldset { background:url("http://www.irealbest.com/catalog/template/irealbest/image/topshadow.jpg") no-repeat 113px 4px scroll;border: 1px solid #d2d2d2;height: auto;margin: 0 0 20px;padding:20px;background:#fff;}



.ticketBox legend {color:#022A4D;font-size:18px;margin:4px 0 0 10px;padding:0 20px; width:auto; border-bottom:none;}



.addTicket{text-align:right; margin-bottom:15px;}



.addnewemailbtn,.createnewticketbtn,.post_reply{color: #022B52;display:inline-block;font:bold 17px/34px roboto;height:34px;text-decoration: none; background:url("http://www.irealbest.com/catalog/template/irealbest/image/ticket.png") no-repeat 0 0 scroll; border:none; cursor:pointer; text-align:left; text-indent:20px;}



.addnewemailbtn{margin:0 15px 0 0;padding:0 0 0 40px;width:241px; background-position:right 0; }



.createnewticketbtn{ background-position:right -68px;width: 221px; text-indent:14px; text-indent:40px;}







@media (max-width: 640px) {



.addnewemailbtn{margin:0 0 15px;}







}



.post_reply{background-position:right -136px; width:166px; border:none; text-indent:15px; cursor:pointer;}



.addnewemailbtn:hover{background-position:right -34px; color:#fff; text-decoration:none;}



.createnewticketbtn:hover{background-position:right -102px;color:#fff; text-decoration:none;}



.post_reply:hover{background-position:right -170px;color:#fff;}



#suppor .thbak{height:28px; line-height:28px;}



#suppor .thbak th{color:#fff; padding:0 8px;font-size:13px;font-weight:bold;background:url("http://www.irealbest.com/catalog/template/irealbest/image/thead.jpg") 50% 0 repeat-y scroll; text-align:left;}



#suppor .thbak th.revimg,#suppor .thbak th.rigimg{background:url("http://www.irealbest.com/catalog/template/irealbest/image/thead.jpg") 0 0 no-repeat scroll;}



#suppor .thbak th.rigimg{background-position:right 0;}



.tdbak td{border-width:0 1px 1px 1px; border-style:solid; border-color:#eee; padding:8px; font-size:11px;}



.tdbak td.magglass{padding:1px 4px 1px;}



.tdbak.one {background-color:#F5f5f5;}



.tdbak.two{ background-color:#fff;}



.tdbak.one:hover, .tdbak.two:hover {background-color: #FFF5E2;}



.tdbak td a{font-weight:700; color:#CC6600; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}



.tdbak td a:hover{color:#000;}



.tdbak .ticksub{width:250px; padding:0 5px; overflow:hidden;}



td.magglass{width:10px;}



td.borderLeft{border-left:1px solid #ccc;}



td.borderRight{border-right:1px solid #ccc; text-align:center;}



td.textRight{text-align:right;}



td.vertTop{vertical-align:top;}



td.vertBottom{vertical-align:bottom;}



.status img,.status span{display:inline-block; vertical-align:middle;}



#invstats{margin:0 0 20px; background:#f9f9f9;}



#invstats .labeltxtbg{background:#f2f2f2;}



#invstats,#invstats td,#invstats th{border:1px solid #d2d2d2;}



#invstats td,#invstats td p{line-height:150%;font-size:14px; margin-bottom:0;}



#invstats td,#invstats th{padding:5px 10px;}



#invstats th{font-weight:500; font-size:14px; text-align:right; padding-right:10px;}



#invstats td.secrowover{width:80%;}



#invstats td.last{padding-bottom:15px;}



#invstats td textarea{width:100%; height:100px;}



#email_address,#invstats select{width:100%;}



#invstats select option{padding:2px 3px;}



#detail_ticket{width:100%;}



#detail_ticket td{background:#f9f9f9; border-width:0 1px 1px 0; border-style:solid; border-color:#fff; font-size:11px;padding:5px 8px;}



#detail_ticket .ttop,#detail_ticket .tspace{background:#e4e4e4;}



#detail_ticket td.text-rhbold{text-align:right; font-weight:bold;}



#reply-form{margin-top:15px;}



#reply-form .ticket-sub input,#reply-form .ticket-sub a{display:inline-block; vertical-align:text-bottom;}



#reply-form .ticket-sub a{margin-left:20px;background: url("http://www.irealbest.com/catalog/template/irealbest/image/icon_back.png") no-repeat scroll 0 6px transparent; padding-left:15px; color:#F66907; font-size:18px; font-family:arial;}



#reply-form .ticket-sub a:hover{color:#ff5a00; text-decoration:underline;}



.ticket_reply_form{width:945px; height:110px; padding:5px; font-size:11px; margin-bottom:10px;}



.reply_title{background:#E4E7F0;margin-top:30px; height:33px; border-bottom:2px solid #B7BED1; line-height:33px; font-weight:bold; text-indent:10px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}



#reply_box{margin-top:30px; font-size:11px;}



#reply_box li{ont-size:11px; line-height:150%;}



#reply_box li.content-box{background:#EFF9FF;border-top: 1px solid #DDDDDD;padding:10px;}



#reply_box li.content-box-reply{background:#FFFDF0}



#reply_box li .message-name{float:left; width:130px; padding-right:25px; text-align:right;}



#reply_box li .message-name p{color:#666666;font-size:10px;}



#reply_box li .message-name p.message-author {color: #000000;font-size: 12px;font-weight: bold;word-wrap: break-word; font-family:Arial;}



#reply_box li .message-name p.message-me{background:url("http://www.irealbest.com/catalog/template/irealbest/image/ticket_logo.png") right 0 no-repeat scroll;height:23px;}



#reply_box li .message-info{float:right; width:503px;}



#reply_box li .message-info .cont{margin-bottom:6px; word-wrap:break-word;}



#reply_box li .message-info .tips{background:#FFFFFF;border: 1px solid #DAE3F1;clear: both;padding: 6px;}



#reply_box li .message-info .tips a{font-size:11px; color:#0066cc;}



#reply_box li .message-info .tips a:hover{color:#ff5a00; text-decoration:underline;}



#reply_box li .review_reply em,#reply_box li .review_reply b{background: url("http://www.irealbest.com/catalog/template/irealbest/image/reply_bg_titck.gif") no-repeat scroll 0 0 transparent;}



#reply_box li .review_reply b{background-position:0 100%;}











/*Star css*/







.selectStar{position: relative;margin-bottom: 5px}







.selectStar li{text-align: left;margin:10px 8px 10px 0;line-height: 20px;}







.selectStar li span{display:inline-block;}







.selectStar li #dpCont1{ position:absolute; left:280px; top:12px; line-height: 22px;vertical-align:text-top;}







.selectStar li em{height: 24px;display:inline-block; background: url(/catalog/template/irealbest/image/dpForm_1_0_0.gif) no-repeat 0 0;margin: 0 8px; vertical-align:middle;}







.selectStar li em.selectS1{background-position: 0 -25px}







.selectStar li em.selectS2{background-position: 0 -49px}







.selectStar li em.selectS3{background-position: 0 -73px}







.selectStar li em.selectS4{background-position: 0 -97px}







.selectStar li em.selectS5{background-position: 0 -121px}







.selectStar li em a{text-indent: -999em;overflow: hidden;display: block;float: left;width: 25px; margin-right:3px;}







.selectStar li em a.last{margin-right:0;}







.dpCont{color: #f60}







/*----account_order----*/



.btn_orange{padding:3px 25px;}



.heading{border-bottom: 2px solid #F66907;color: #333333;text-indent:0;position: relative;}



.heading_r{text-indent: 36px}



.heading s{display: block;width: 20px;height: 24px;position: absolute;left: 0;top: 8px}



.heading .acctip dt{font-size:22px; font-family:"GaramondPremierProCaption",sans-serif; padding-right:10px;}



.heading .acctip dt i{margin-right:10px;}



table.page tr td,table.page tr td select{ font-size:12PX;}



table.hisorder th,table.hisorder td{text-align: center;font:14px/150% Roboto;padding: 5px}



table.hisorder td a{font:13px/150% "Microsoft YaHei",Arial,Helvetica,sans-serif}



table.hisorder th{background:#efefef;/*url("http://www.irealbest.com/catalog/template/irealbest/image/categoriesBg.gif") repeat scroll 0 bottom transparent;*/border: 1px solid #ccc;font-weight:500;color: #000;padding: 8px 5px}



table.hisorder td{border: 1px solid #ccc}



table.hisorder td .acct1{color: #1BB974;font-size: 13px}



table.hisorder td .blue,table.hisorder td a{color: blue}



.right_big_con_left{float: left;overflow: hidden;width: 724px}



.margin_t{margin-top: 20px}



.allborder{border: 1px solid #DDDDDD}



.shopping_cart_Offer{background: url("http://www.irealbest.com/catalog/template/irealbest/image/shoppingcart-bg.gif") repeat-x scroll 0 0 transparent;padding: 10px 10px 0}



.border_b{border-bottom: 1px solid #E5E5E5}



h4{color: #000000;}



.pad_10px{padding: 10px}



.recent_view li{float: left;height: 158px;padding-left: 20px;width: 115px;text-align: center}



.recent_view a.bors{border: 1px solid #FFFFFF}



.dd-list a.bors, .recent_view a.bors, #feautre_category a.bors, #feautre_category_no_child_e a.bor, #feautre_category_no_child a.bors{border: 1px solid #F8F8F8;height: 110px;width: 115px}



a.bors{border: 1px solid #FFFFFF;display: block;overflow: hidden}



.product_name{display: block;height: 28px;line-height: 120%;overflow: hidden;width: 115px}



.product_name a{color: #000000;text-decoration: none;font: 11px Arial,Helvetica,sans-serif,""}



.product_name a:hover{color: #A72D2C;text-decoration: underline}



.recent_view li label{color: #A72D2C}



.highlight1{background-color: #FFFFFF}



#history .a,#history .b,#history .c,#history .d,#history .d table td{}







/*account_edit*/



#edit .b,#password .b,#address .c, #address .f,#newsletter .b{border: 1px solid #EEEEEE;padding: 10px;margin-bottom: 10px;background: #fff; font-size:14px;}



#edit .a,#password .a,#address .b, #address .e,#newsletter .a{margin-bottom: 2px;font-weight:500;color: #000000}



#edit table,#password table,#newsletter table{width: 100%}



#edit .b table td input,#edit .b table td,#password .a,#password .b table td,#address .c table td,#invoice .a table td,#invoice .c td,#invoice .c td a,#invoice .f table td,#invoice .e table td,#invoice .buttons,#invoice .buttons table td,#newsletter .a,#newsletter .b table td{line-height: 150%; font-size:14px;}



#edit .b table td,#password .b table td{padding:5px 0}



#edit .b table td input,#password .b table td input{padding: 0 5px}



.elmbBlur{height:28px;padding:5px;width: 240px; font-size:14px;}



.inbg{background: #fffff0;border: 1px solid #999}



#address .f table th{ font-weight:normal;}







@media (max-width: 640px) {



	



#address .f table th,#address .f table td{display:block;}



#address .f table th{font-weight:600;}



#address .f table td select{margin-bottom:10px;}







}







/*points*/







#Points{border-left: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom: 10px}







#Points th,#Points td{text-align: center}







#Points th{background: #FFEED3;height: 25px;line-height: 25px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #904603}







#Points td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 8px 0}











/*invoice*/



#invoice .a, #invoice .b, #invoice .e{border: 1px solid #ddd;margin-bottom: 10px;padding: 10px;line-height: 150%;background: #fff}







#invoice .a td{width: 33.3%;vertical-align: top}







@media (max-width: 1199px) {



	#invoice .a td.billing-address{display:none;}



}







@media (max-width: 779px) {



	#invoice .item-id, #invoice .buttons .cancel{display:none;}



}







#invoice .d{padding-bottom: 3px}







#invoice .a table, #invoice .c{width: 100%;background: #fff}







#invoice .c th,#invoice .c td{vertical-align: middle; font-size:14px;}







#invoice .f{text-align: right}







#invoice .left{text-align: left}







#invoice .right{text-align: right}







#invoice .center{text-align: center}







#invoice .g{width: 100%}







.highlight th{border: 1px solid #DDDDDD;padding: 8px 0;background: #EFEFEF}







.highlight td{border: 1px solid #DDDDDD;padding: 10px;vertical-align: middle}







.buttons table.tablewarp{margin-bottom: 10px;border-left: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD}







.tablewarp th, .tablewarp td{background: none repeat scroll 0 0 #FFFFFF;border-bottom: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;text-align: left;text-indent: 10px;padding: 4px 0}







.tablewarp th a, .tablewarp td a{text-decoration: underline;color: #0066CC}







.f table td{padding: 3px 0}







.e table td{padding: 8px 0}







.buttons{border: none}







#invoice .e{border: 1px solid #ddd;margin-top: 5px}











/*==========my_reviews===========*/







#my_reviews .blue{color: #666666}







.border_b margin_t pad_bottom,.border_b margin_t pad_bottom li.border_b margin_t pad_bottom table td{line-height: 150%}







.wra_line{background: url("http://www.irealbest.com/catalog/template/irealbest/image/dash.gif") 0 0 repeat-x scroll;height: 5px;overflow: hidden;font-size: 1px}







.pro_reviews{margin: 12px 0}







.pro_reviews_left{float: left;width: 170px;padding: 0 20px 0 4px}







.pro_reviews_left span{display: block;font-size: 10px;line-height: 150%;margin-bottom: 2px}







.pro_reviews_left span.fontbold{color: #B30000;font-family: Georgia;font-weight: bold;margin-top: 5px}







.pro_reviews_left span.fontbold label{color: blue;font-weight: normal}







.pro_reviews_left span a{color: #333333;font-size: 10px}







.pro_reviews_left a img{border: 1px solid #f2f2f2}







.pro_reviews_left a:hover img{border: 1px solid #ccc}







.pro_reviews_left span a:hover{color: #ff5a00;text-decoration: underline}







.pro_reviews_right h3{color: blue;text-decoration: underline;height: 24px;overflow: hidden}







.prcNumber{display: block}







.prcstar a{color: #333}







.prcstar a:hover{color: #ff5a00;text-decoration: underline}







.pro_reviews_right .prcNumber{margin: 15px 0 3px}







.pro_reviews_right .generalReview{margin: 20px 0 5px;font-weight: bold}







.cr_ip_tit1{color: #936744}







.cr_ip_tit2{color: #017AAF}







.cr_ip_tit3{color: #BA911F}







.cr_ip_tit4{font-weight: normal}







.pro_reviews_right .reviewInfo{margin: 12px 0 0}







.pro_reviews_right .queTitle{}







.generalReview{position: relative}







.quedate{position: absolute;top: 1px;right: 10px;font-weight: normal;line-height: 150%}







.quedate i{font-style: normal;color: #666}







.review_reply{margin-top: 5px}







.review_reply ul{border-color: #DDDDDD;border-style: solid;border-width: 0 1px;padding: 0 10px}







.review_reply ul.ReplyMain{padding: 2px 10px 10px}







.ReplyMain strong{float: left}







.Reply_date{float: right;color: #000}







.Reply_date i{color: #666;font-style: normal}







.review_reply em, .review_reply b{background: url("http://www.irealbest.com/catalog/template/irealbest/image/reply_bg2.gif") no-repeat scroll 0 0 transparent;display: block}







.review_reply em{height: 20px}







.review_reply b{background-position: 0 100%;height: 10px}







.crt-product_img {



  display: block;



  max-width:80%;



  width:270px; margin:0 auto;



  /*padding: 15px;*/



  border: 1px solid #d9d9d9;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  background: #ffffff;



  overflow: hidden;



  -webkit-transition: all 0.2s ease-in-out;



  -moz-transition: all 0.2s ease-in-out;



  -ms-transition: all 0.2s ease-in-out;



  -o-transition: all 0.2s ease-in-out;



  transition: all 0.2s ease-in-out;



  /* Animation Fix */



  -webkit-backface-visibility: hidden;



  -webkit-perspective: 1000;



  -webkit-transform: translateZ(0);



}



.crt-product_img img {



  display: block;



  max-width: 100%;



  height: auto;



  -webkit-border-radius: 10%;



  -moz-border-radius: 10%;



  border-radius: 10%;



}



a.crt-product_img:hover {



  border-color: #000;



}



#customer-questions{



	margin-top:15px;



}



#customer-questions table td{



	font-size:14px;



}



#customer-questions .questions_list,



#customer-review .review_list{



	padding-bottom:20px;



	margin-bottom:20px;



	border-bottom:1px dotted #ccc;



}



#customer-questions .col-sm-8{



	text-align:center;}



#customer-questions .col-sm-8 a{



	color:#818181;}



	



#customer-questions .qa-sorter,



#customer-questions-mobile .qa-sorter {



  display: block;



  margin: 0 0 30px;



  text-align: center;



  font: 0/0 a;



}



@media only screen and (max-width: 767px) {



	#customer-questions .col-sm-8,#customer-questions .col-sm-16{float:left;}



	#customer-questions .col-sm-8{width:33.3333%}



	#customer-questions .col-sm-16{width: 66.6667%}



}



	



#customer-questions .qa-sorter a,



#customer-questions-mobile .qa-sorter a {



  display: inline-block;



  *display: inline;



  zoom: 1;



  vertical-align: middle;



  padding: 10px 20px;



  margin: 0 -1px;



  font: 700 12px/12px 'Roboto', sans-serif;



  border: 1px solid #ebebeb;



  color: #818181;



  background-color: #ffffff;



  text-decoration: none;



  text-transform: uppercase;



  -webkit-transition: all 0.2s ease-in-out;



  -moz-transition: all 0.2s ease-in-out;



  -ms-transition: all 0.2s ease-in-out;



  -o-transition: all 0.2s ease-in-out;



  transition: all 0.2s ease-in-out;



  /* Animation Fix */



  -webkit-backface-visibility: hidden;



  -webkit-perspective: 1000;



  -webkit-transform: translateZ(0);



}



#customer-questions .questions_title a{



	font:normal 24px/1.2 "GaramondPremierProCaption",sans-serif;



	margin-bottom: 5px;



	color:#333;



	display:block;



}



#customer-questions .qa-sorter a.selected,



#customer-questions-mobile .qa-sorter a.selected,



#customer-questions .qa-sorter a:hover,



#customer-questions-mobile .qa-sorter a:hover {



  border-color: #fa4969;



  background-color: #fa4969;



  color: #ffffff;



}



#customer-questions .qa-sorter a:first-child,



#customer-questions-mobile .qa-sorter a:first-child {



  border-bottom-left-radius: 2px;



  border-top-left-radius: 2px;



}



#customer-questions .qa-sorter a:last-child,



#customer-questions-mobile .qa-sorter a:last-child {



  border-bottom-right-radius: 2px;



  border-top-right-radius: 2px;



}



#customer-questions .cont #expand-questions,



#customer-questions-mobile .cont #expand-questions {



  padding: 30px 120px 0;



  margin: 0 -120px;



  border-top: 1px solid #ebebeb;



  text-align: center;



  text-transform: uppercase;



}



#customer-questions .cont ul.qa-list,



#customer-questions-mobile .cont ul.qa-list,



#customer-questions .cont ul.qa-list-mobile,



#customer-questions-mobile .cont ul.qa-list-mobile {



  display: block;



  margin: 0;



  padding: 0;



}



#customer-questions .cont ul.qa-list > li,



#customer-questions-mobile .cont ul.qa-list > li,



#customer-questions .cont ul.qa-list-mobile > li,



#customer-questions-mobile .cont ul.qa-list-mobile > li {



  display: block;



  margin: 0;



  padding: 25px;



}



#customer-questions .cont ul.qa-list > li.question,



#customer-questions-mobile .cont ul.qa-list > li.question,



#customer-questions .cont ul.qa-list-mobile > li.question,



#customer-questions-mobile .cont ul.qa-list-mobile > li.question {



  background-color: #e9e9e9;



}



#customer-questions .cont ul.qa-list > li.answer,



#customer-questions-mobile .cont ul.qa-list > li.answer,



#customer-questions .cont ul.qa-list-mobile > li.answer,



#customer-questions-mobile .cont ul.qa-list-mobile > li.answer {



  background-color: #ffffff;



}



#customer-questions .cont ul.qa-list > li .pr-qa,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa {



  position: relative;



  padding: 0 0 0 60px;



  line-height: 1.2;



}



#customer-questions .cont ul.qa-list > li .pr-qa.hasVoting,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa.hasVoting,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa.hasVoting,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa.hasVoting {



  padding-right: 15px;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_nr,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_nr,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_nr,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_nr {



  display: block;



  position: absolute;



  top: 0;



  left: 0;



  font-size: 30px;



  font-weight: 400;



  font-family: 'Roboto Condensed', sans-serif;



  color: #a3a3a3;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_title,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_title,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_title,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_title {



  font-family: 'GaramondPremierProCaption', sans-serif;



  font-size: 22px;



  color: #000000;



  margin-bottom: 10px;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_text,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_text,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_text,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_text {



  margin: 0 0 10px;



  font-family: 'GaramondPremierProCaption', sans-serif;



  font-size: 18px;



  font-weight: 400;



  font-style: normal;



  color: #a3a3a3;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_text.answer,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_text.answer,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_text.answer,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_text.answer {



  color: #000000;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_author,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_author,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_author,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_author {



  font-size: 16px;



  font-family: 'GaramondPremierProCaption', sans-serif;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_author .pr-question_author_name,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_author .pr-question_author_name,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_author .pr-question_author_name,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_author .pr-question_author_name {



  color: #fa4969;



  margin: 0 5px 0 0;



}



#customer-questions .cont ul.qa-list > li .pr-qa .pr-question_author .pr-question_author_date,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .pr-question_author .pr-question_author_date,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .pr-question_author .pr-question_author_date,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .pr-question_author .pr-question_author_date {



  color: #818181;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness {



  display: block;



  width: 160px;



  position: absolute;



  top: 0;



  right: 0;



  text-align: center;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness .helpfulness_title,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness .helpfulness_title,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness .helpfulness_title,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness .helpfulness_title {



  display: block;



  margin: 0 0 5px;



  font-size: 16px;



  font-family: 'GaramondPremierProCaption', sans-serif;



  font-style: italic;



  color: #818181;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness a,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness a,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness a,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness a {



  display: inline-block;



  *display: inline;



  zoom: 1;



  position: relative;



  vertical-align: middle;



  font-size: 12px;



  text-decoration: none;



  cursor: pointer;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness a span,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness a span,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness a span,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness a span {



  display: inline-block;



  *display: inline;



  zoom: 1;



  vertical-align: middle;



  text-align: center;



  width: 24px;



  height: 24px;



  line-height: 24px;



  font-size: 18px;



  color: #818181;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness a:hover .icon-thumbs-o-up,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness a:hover .icon-thumbs-o-up,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness a:hover .icon-thumbs-o-up,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness a:hover .icon-thumbs-o-up {



  color: #008000;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness a:hover .icon-thumbs-o-down,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness a:hover .icon-thumbs-o-down,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness a:hover .icon-thumbs-o-down,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness a:hover .icon-thumbs-o-down {



  color: #ff0000;



}



#customer-questions .cont ul.qa-list > li .pr-qa .helpfulness .messages li,



#customer-questions-mobile .cont ul.qa-list > li .pr-qa .helpfulness .messages li,



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness .messages li,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness .messages li {



  font-size: 11px;



}



#customer-questions .cont ul.qa-list-mobile > li .pr-qa,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa {



  padding: 0 0 0 30px;



}



#customer-questions .cont ul.qa-list-mobile > li .pr-qa.hasVoting,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa.hasVoting {



  padding-right: 0;



}



#customer-questions .cont ul.qa-list-mobile > li .pr-qa .helpfulness,



#customer-questions-mobile .cont ul.qa-list-mobile > li .pr-qa .helpfulness {



  position: relative;



  text-align: left;



}







#customer-questions .pro_reviews_right .reviews_title a{color:#333; font-size:24px;}







#customer-questions .cont .item_price,



#customer-review .cont .item_price {margin:20px 0 0;}







#customer-questions .cont .item_price .special-price,



#customer-review .cont .item_price .special-price{



	color:#fa4969;



	font-family:"GaramondPremierProCaption",sans-serif;



	font-size:26px;



}



#customer-questions .cont .item_price .item-sold,



#customer-review .cont .item_price .item-sold{



	font-size:12px;



	color:blue;



}



#customer-questions .cont .rating,



#customer-review .cont .rating{



	display:inline-block;



	vertical-align:text-bottom;



}



#customer-review .cont .col-sm-8{text-align:center;}







#customer-review .cont .date{font-size:14px; color:#333;}







#customer-review .cont .item_review,



#customer-questions .cont .item-question{



	font-size:12px;



	color:#818181;



}







#customer-review .cont .item_review .rating,



#customer-questions .cont .item-question .rating{



	margin-right:5px;



}







#customer-review .cont .item_review .line,



#customer-questions .cont .item-question .line{



	padding:0 5px;



}



	 



/*wish list*/



.box_shadow{background-color: #fff;border: 1px solid #EEEEEE}







.box_shadow:hover{background: #fefefe;border: 1px solid #ccc;box-shadow: 2px 2px 6px #b7b9b6}







.goods_list{padding: 5px;margin:15px 0px;overflow: hidden;position: relative}







.goods_list .hot-iocn{position: absolute;top: 0;left: 0;width: 37px;height: 35px}







.goods_list .goods_picture{height: 100px;width: 100%;overflow: hidden;text-align: left;position: relative;}







.list_stars a{font-size: 10px;fossnt-family: Verdana,Arial,Helvetica,sans-serif}







.tags_pic .goods_list .goods_name{display: block;font-weight: normal;height: 28px;overflow: hidden;line-height: 14px;padding: 0 0 2px;margin-bottom: 34px}







.goods_list .tags_price{float: right;width: 80px}







.goods_list .tags_pro{float: left;width: 140px;color: #414141;height: 54px;overflow: hidden;font-size: 10px}







.goods_list .goods_info{float: left;width: 410px;margin: 0 10px}







.goods_list .goods_title{display: block;max-height: 35px;overflow: hidden;padding: 0 0 2px;/*margin-top: 10px;*/







}







.goods_list .goods_title a{color: #000; font-size:22px;}







.goods_list .goods_title a:hover{color: #ff5a00;text-decoration: underline}







.goods_list .Reference_Price{padding: 0 0 4px;margin-top: 4px;text-align: left}







.goods_list .Reference_Price span{color: #B30000;font-family: Georgia;font-weight: bold;}







.goods_list .Reference_Price del{font-style: oblique;font-weight: normal;color: #999;font-weight: bold}







.goods_list .list_stars_rew{margin: 4px 0}







.goods_list .list_stars_rew a{font-size: 10px}







.goods_list .list_stars_rew img{float: left;margin: 1px 5px 0 -1px}







.goods_list .goods_name{margin-top: 4px;padding: 0 0 4px}







.goods_list .other_info{float: right;width: 160px;height: 100px;text-align: right;margin-right: 10px;position: relative}







.goods_list .other_info a{color: #114EA6;text-decoration: underline}







.view_all,.freeShip,.wishlist{background: url("http://www.irealbest.com/catalog/template/irealbest/image/view_det.gif") no-repeat scroll 0 0 transparent}







.view_all{background-position: 0 0;padding: 0 0 0 25px;height: 19px;line-height: 19px;display: inline-block;margin-top: 5px}







.freeShip{background-position: 0 -18px;color: #6BAB01;margin-top: 6px;text-align: left;padding-left: 16px;clear: both}







.wishlist{background-position: 79px -31px;margin: 22px 0 25px;height: 19px;line-height: 19px}







.addcart .add_to_cart,.addcart .out_of_stock{background: url("http://www.irealbest.com/catalog/template/irealbest/image/public.png") no-repeat scroll -510px -250px transparent;width: 121px;height: 22px;border: none}







.addcart .add_to_cart{background-position: -510px -250px;cursor: pointer}







.addcart .out_of_stock{display: block;background-position: -510px -273px;float: right}







.addcart .stock{margin-top: 37px;display: block}







.delete{position: absolute;bottom: 10px;right: 0}







.clear10{font-size: 0;overflow: hidden;height: 10px}











/*myaffiliate*/







.affiliate-tips{padding:10px; font-size:14px;}



.affiliate-tips img{ max-width:100%;}



.share-list{padding:10px;}







.share-list h3,.affiliate-tips h3{font-size:22px;}







.info h4{margin-bottom: 10px}







.share-list .blk{margin-bottom: 0;padding-bottom: 20px}







.coupons-table{margin-top: 0}







.coupons-table{margin: 10px 10px 30px;border-color: #ddd;border-width: 1px 0 0 1px;border-style: solid}







.coupons-table td, .coupons-table th{border-width: 0 1px 1px 0;border-style: solid;border-color: #ddd;padding: 10px;line-height: 150%;text-align: center}







.coupons-table .alt td, .coupons-table .alt th{background: none repeat scroll 0 0 #F1F1F1}







.content p{line-height: 150%}







.content p strong{display: block;margin-bottom: 10px}







/*In-Stock Notices*/







.right_big_con table{background: none repeat scroll 0 0 #FFFFFF;color: #666666;font: 11px/150% Arial,Helvetica,sans-serif,"ËÎÌå"}







#in_stock{margin-bottom: 10px}







#in_stock th.wc{text-align: center}







#in_stock th.w1{text-align: left}







#in_stock th{background: none repeat scroll 0 0 #EBE9DF;padding: 5px;text-align: left}







#in_stock td{border-bottom: 1px solid #DDDDDD;padding: 10px 5px;text-align: left;vertical-align: top;line-height: 150%}







#in_stock tr.tips td{vertical-align: middle}







#in_stock td strong{color: blue;overflow: hidden}







#in_stock td a:hover{text-decoration: none}







#in_stock td a{}







#in_stock a: link, a: visited{color: #000000;text-decoration: none}







#in_stock a:hover{color: #A72D2C;text-decoration: underline}







#in_stock .Price{margin: 5px 0 3px}







#in_stock .Price span{color: #B30000;font-family: Georgia;font-weight: bold}







.ask_btn{margin-top: 15px;text-align: center}







/*points*/







	#tabbar{text-align: left;height: auto;margin: 5px auto 10px}







.tab_menu{clear: both}







#review table.hisorder td{padding: 12px 5px}







.tab_menu ul{background: url("http://www.irealbest.com/catalog/template/irealbest/image/tabbar_line.jpg") repeat-x scroll 0 0 transparent;height: 29px; margin-bottom:0;}







.tab_menu li{float: left;height: 28px;line-height: 28px;margin-right: 3px;text-align: center}







.tab_menu li a{background: url("http://www.irealbest.com/catalog/template/irealbest/image/tab_selected_left_bk2.gif") no-repeat scroll left -29px transparent;display: block;color: #000000;text-decoration: none;width: auto;cursor: pointer}







.tab_menu li a span{background: url("http://www.irealbest.com/catalog/template/irealbest/image/tab_selected_right_bk2.gif") no-repeat scroll right -29px transparent;display: block;padding: 0 12px}



@media only screen and (max-width:640px) {

	.tab_menu li a span{

		padding:0 10px;

		font-size:12px;

 }

}



.tab_menu li b{color: #0066CC}







.tab_menu li.selected{color: #FFF;background: #6D84B4}







.tab_menu li.selected a{background: url("http://www.irealbest.com/catalog/template/irealbest/image/tabbar_left.jpg") no-repeat scroll left 0 transparent;border-bottom: 1px solid #FFFFFF;font-weight: bold}







.tab_menu li.selected a span{background: url("http://www.irealbest.com/catalog/template/irealbest/image/tabbar_right.jpg") no-repeat scroll right 0 transparent}







.tab_box{clear: both;padding: 10px 0 0;text-align: center}







table.hisorder{background: #fff}







.hide{display: none







}







.my_topocs_box{background: #fff}