#cn_reward_incr_handle, #cn_reward_decr_handle{
	width: 20px;
	height: 18px;
	float:left;
	margin-top: 2px;
}

#cn_reward_incr_handle{
	background: url("../images/incr.gif") no-repeat scroll 0 0 transparent;
	position: absolute;
	right: -20px;
}

#cn_reward_incr_handle:HOVER{
	background: url("../images/incr_hover.gif") no-repeat scroll 0 0 transparent;
}

#cn_reward_decr_handle{
	background: url("../images/decr.gif") no-repeat scroll 0 0 transparent;
	position: absolute;
	margin-left: -20px;
}

#cn_reward_decr_handle:HOVER{
	background: url("../images/decr_hover.gif") no-repeat scroll 0 0 transparent;
}

.cn_reward_select { 
	background: url("../images/slider_handle.gif") no-repeat scroll 0 0 transparent; 
	font-weight: normal; 
	color: #555555;
	min-height: 16px;
	cursor: default;
    height: 2em;
    margin-top: 4px;
    position: absolute;
    width: 0.9em;
    z-index: 2;
}

.cn_reward_slider_contaner{
	background:url(../images/slider_rail.gif) repeat-x scroll 0 0 transparent;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left:20px;
	padding-right: 10px;
	position: relative;
	min-height: 16px;
}
.cart.display-single-price > div#rewardpoints_box {
    float: right;
    width: 36%;
}
.cart-forms, .cart-totals-wrapper{width: 38% !important;}
.cart-forms .shipping .shipping-form{margin-bottom: 20px; background: #F5F5F5; border: #CCC 1px solid; padding: 20px !important; width: auto !important;}
.opc-col-center #rewardpoints_box .discount{padding: 15px;}


.box-account #cn_rewardpoints_coupon{margin: 30px 0 0;}
.box-account #cn_rewardpoints_coupon .coupon-code{float: left; width: 65%;}
.box-account #cn_rewardpoints_coupon .coupon-code label{float: left; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 5px 0; width: 23%;}
.box-account #cn_rewardpoints_coupon .coupon-code .input-text{float: left; width: 77%; height: 33px;}
.box-account #cn_rewardpoints_coupon .coupon-button{float: left; margin: 0 0 0 15px;}
body[class*="customer"].cnrewardpoints-rewardpoints-index h2{margin: 0 0 30px; padding: 0 0 5px;}
body[class*="customer"].cnrewardpoints-rewardpoints-index textarea{width: 100%; max-width: 100%;}
body[class*="customer"].cnrewardpoints-rewardpoints-index .form-list .control{width: 50%; float: left;}
body[class*="customer"].cnrewardpoints-rewardpoints-index .buttons-set button.button{float: left; margin: 0;}
#rewardpoints_box .discount{padding: 20px;}
#rewardpoints_box .discount h2{font-family: 'Open Sans'; font-size: 16px; font-weight: 700;}
#rewardpoints_box .discount h2 a{margin: 3px 5px 0 0;}
.cn_reward_slider_contaner{width: 92%;}
.input-div{margin: 15px 0 10px; display: table; width: 100%;}
.input-div label{float: left; font-size: 14px; width: 33%; margin: 3px 0;}
.input-div input{width: 67%; float: right;}
.input-checkout input[type=checkbox]{float: left; margin: 7px 7px 0 0;}
.cn_rewardpoints img{display: inline !important; width: 15px !important; margin: -3px 0 0 !important;}
.input-reward{clear: both; width: 100%; float: none; padding: 10px 0 0;}
.opc-wrapper-opc .input-reward label{float: left; font-weight: 700; margin-top: 3px;}
.opc-wrapper-opc .input-reward input{float: left; width: 60px; background: #FFF; border: #CCC 1px solid; margin: 0 0 0 10px !important; text-align: center;}
#rewardpoints_box .discount-form{clear: both; display: table; width: 100%;}
.reward-logo{clear: both; display: table; width: 100%; margin: 0 0 10px;}

@media (max-width: 480px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 100% !important;}
    .box-account #cn_rewardpoints_coupon .coupon-code{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-button{margin: 0;}
    .box-account #cn_rewardpoints_coupon .coupon-code label{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-code .input-text{width: 100%; margin: 0 0 10px;}
    body[class*="customer"].cnrewardpoints-rewardpoints-index .form-list .control{width: 100%;}
    #transaction_history_box{overflow-x: scroll; width: 100%;}
}
@media (min-width: 481px) and (max-width: 640px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 100% !important;}
    .box-account #cn_rewardpoints_coupon .coupon-code{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-button{margin: 0;}
    .box-account #cn_rewardpoints_coupon .coupon-code label{width: 100%;}
    .box-account #cn_rewardpoints_coupon .coupon-code .input-text{width: 100%; margin: 0 0 10px;}
    body.cnrewardpoints-rewardpoints-index[class*="customer"] .form-list .control{width: 100%;}
    #transaction_history_box{overflow-x: scroll; width: 100%;}
}
@media (min-width: 641px) and (max-width: 768px){
    #rewardpoints_box, .cart.display-single-price > div#rewardpoints_box{width: 100%;}
    .cart-forms, .cart-totals-wrapper{width: 50% !important;}
}
@media (min-width: 769px) and (max-width: 1024px){
    .cart.display-single-price > div#rewardpoints_box, #rewardpoints_box{width: 50%;}
    .cart-forms, .cart-totals-wrapper{width: 50% !important;}
}