.f-right{
    float: right;
}
.nopadding{
	padding: 0;
}
.clear{
    clear: both;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.line-type-2{
    width:100%;
    height: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
/*------------------------*/
.page-intro{
  background: url(../images/page-intro-bg.png) no-repeat;
  padding:10px;
  position: relative;
}
.page-intro .intro-icon{
  float: left;
}

.page-intro .intro-content {
    padding-left: 124px;
    position: absolute;
    bottom: 0;
    color: #fff;
}
.page-intro .intro-content .title{
  font-size: 30px;
    font-weight: bold;
}
.page-intro .intro-content .description{
  font-size: 16px;
}



/*breadcrumb*/
.breadcrumb-wrapper{
    background: #fcfcfd;
}
.breadcrumb {font-size:13px;}
.breadcrumb>li+li:before {
    padding: 0 20px;
    color: #ccc;
    background: url(../images/breadcrumb-icon.png) no-repeat 50% 50%;
    content:"";
}
.breadcrumb {
    padding: 16px 0;
    background: #fcfcfd;
}

/* SITEBAR */
.sitebar-group{

} 
.sitebar-group h3{ 
	padding-left: 20px;
	background: url(../images/sitebar-rec.png) no-repeat 0 50%;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.myaccount{
    padding-left:20%;
}
.myaccount li{
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: uppercase;
}



/* SQUARED THREE */


.squaredThree {
    position: relative;
}

.squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
}

.squaredThree .labelChecked {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 46px;
    border: 3px solid #96C11F;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@-moz-document url-prefix() { 
.squaredThree .labelChecked {
	left:20px;
	top:6px;
}
}
.squaredThree label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #96C11F;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
input[type=checkbox] {
	
}
/**/



/*BLOCK CONTENT*/
.orderdetail{
    font-size: 16px;
}
.orderdetail .label{
    width: 140px;
    color: #333333;
    padding: 0;
    display: inline-block;
    text-align: left;
    font-size: 16px;
}
.orderdetail .label2{
    width: 140px;
    color: #333333;
    padding: 0;
    padding-right:20px;
    display: inline-block;
    text-align: right;
    font-size: 16px;
        height: 50px;
}
.orderdetail .print{
    background: #96c11f;
    width: 200px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-left: 30px;
    height: 40px;
}
.orderdetail .pdf{
    background: #fff;
    width: 200px;
    color: #000;
    text-transform: uppercase;
    height: 40px;
    border: 2px solid black;
    font-weight: 700;
    background: url(../images/basket2.png) no-repeat 15px 50%;
    padding-left:33px;
}
.orderdetail .items{
        margin: 0 0 30px 0;
}
.orderdetail .items .group-id{
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    margin-top: 5px;
    padding-left: 15px;
    border-radius: 3px 0 0 3px;
}
.orderdetail .items .group-id .title{
    font-size: 13px;
}
.orderdetail .items .group-content {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    color: #777777;
    position: relative;
}
.group-id .fixed-column{
    position: absolute;
    right: 15px;
    top: 4px;
}
.group-content .fixed-column{
    position: absolute;
    right: 0;
    top: 0;
}
.group-content .fixed-column .quantity{
    width: 30px;
    text-align: center;
}
.orderdetail .items .group-content .container-fluid {
    margin-right: 140px;
    position: relative;
}
.orderdetail .items .group-content .title {
    font-size: 13px;
    font-weight: bold;
    padding-top: 100px;
}
.orderdetail .items .des{
    font-size: 13px;
}
.orderdetail .items img{
    max-heightwidth: 200px;
    max-height: 250px;
}
.total-order{
    min-width: 250px;
    color: #e3e6e9;
}
.total-order .label2{
    color: #e3e6e9;
}
.area-{
    width: 200px;
    height: 40px;
    background: #e3e6e9;
    margin-bottom: 10px;
}

.min-column{
    width: 70px;
    display: inline-block;

}

/*** SHOPPING CART ***/




.cart-footer {
	margin: 0 0 50px;
}
.cart-footer:after {
	content: "";
	display: block;
	clear: both;
}
.cart-footer .totals {
	width: 350px;
	max-width: 100%;
	margin: 0 auto 50px;
	background-color: #f9f9f9;
	padding: 10px;
	color: #444;
}
.cart-footer .total-info {
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
	padding: 5px 30px 15px;
}

.cart-total td {
	width: 50%;
	padding: 5px 0;
	text-align: right;
}
.cart-total td:first-child {
	text-align: left;
}
.cart-total .giftcard-remaining {
	display: block;
	font-style: italic;
}
.cart-total .order-total {
	font-size: 20px;
	color: #96c11f;
}
.cart-total .order-total strong {
	font-weight: normal;
}
.cart-total .earn-reward-points {
	font-style: italic;
}

.min-amount-warning {
	margin: 0 0 20px;
	padding: 0 30px;
	color: #e4434b;
}

.terms-of-service {
	margin: 0 0 20px;
	padding: 0 30px;
}
.terms-of-service label {
    cursor: pointer;
}
.terms-of-service a {
	margin: 0 0 0 3px;
	color: #4ab2f1;
}

.cart-footer .checkout-buttons {
	padding: 0 0;
}
.cart-footer .checkout-button {
	display: inline-block;
	min-width: 160px;
	border: none;
	background-color: #4ab2f1;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.cart-footer .checkout-button:hover {
	background-color: #248ece;
}
.cart-footer .addon-buttons {
	margin: 20px 0 0;
	padding: 0 10px;
}

.cart-collaterals {
	width: 350px;
	max-width: 100%;
	margin: 0 auto 50px;
	padding: 25px 0 0;
}
.cart-collaterals > div {
	max-width: 400px;
	margin: 0 0 50px;
}
.cart-collaterals .button-2 {
	display: inline-block;
	border: none;
	background-color: #aaa;
	padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
}
.cart-collaterals .button-2:hover {
	background-color: #999;
}

.cart-collaterals .title {
	margin: 0 0 5px;
	font-size: 18px;
	color: #444;
}
.cart-collaterals .title strong {
	font-weight: normal;
}
.cart-collaterals .hint {
	margin: 0 0 10px;
}
.cart-collaterals .deals > div {
	margin: 0 0 20px;
}
.cart-collaterals .coupon-code {
	overflow: hidden;
}
.cart-collaterals .coupon-code input[type="text"] {
	float: left;
	width: 60%;
	height: 36px; /*safari padding fix*/
	margin: 0 -1px 0 0;
}
.cart-collaterals .coupon-code input[type="submit"] {
	float: left;
	width: 40%;
	height: 36px; /*safari padding fix*/
	padding: 0;
}
.cart-collaterals .message-failure {
	margin: 5px 0 0;
	font-size: 12px;
	color: #e4434b;
}
.cart-collaterals .message-success {
	margin: 5px 0 0;
	font-size: 12px;
	color: #4cb17c;
}
.cart-collaterals .current-code {
	margin: 5px 0 0;
	color: #4cb17c;
}
.remove-discount-button,
.remove-gift-card-button {
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	background: #fff url('../images/close.png') center no-repeat;
	cursor: pointer;
}

.cart-collaterals .shipping select {
	height: 36px;
}
.cart-collaterals .shipping-results {
	margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
	margin: 20px 0;
}
.cart-collaterals .shipping-results li strong {
	display: block;
	margin: 0 0 5px;
	color: #444;
}
.shopping-cart-page .no-data {
	margin: 25px 0 0;
}



@media screen and (max-width: 768px)  {

.breadcrumb {
    padding: 10px;

}
}



@media all and (min-width: 1367px) {


/*** SHOPPING CART ***/


.cart-footer .totals {
	width: 395px;
	margin: 0;
}
.cart-footer .cart-collaterals {
	width: 760px;
	margin: 0;
}
.cart-footer .cart-collaterals .deals {
	float: left;
	width: 360px;
}
.cart-footer .cart-collaterals .shipping {
	float: right;
	width: 360px;
}
.cart-footer .estimate-shipping .inputs label {
	display: inline-block;
	width: 35%;
}
.cart-footer .estimate-shipping .inputs input,
.cart-footer .estimate-shipping .inputs select {
	width: 65%;
}


/*** CHECKOUT ***/


.shipping-method .method-list li,
.payment-method .method-list li {
	margin: 20px 1%;
}
.payment-info .info td:first-child {
	width: 375px !important;
}
.payment-info .info td:only-child {
	width: 100% !important;
}


/*** FORUM & PROFILE ***/


.forum-actions .pager,
.topic-actions .pager {
	max-width: 600px !important;
}

}


@media all and (min-width: 769px) {
/*** SHOPPING CART ***/


.order-progress {
	padding: 20px;
}
.order-progress li {
	margin: 0 10px;
}
.order-progress a {
	min-width: 80px;
}

.cart-options .common-buttons {
	text-align: right;
}
.cart-options .checkout-attributes,
.cart-options .selected-checkout-attributes {
	padding: 0 10px;
}

.cart-footer .totals {
	float: right;
	width: 45%;
	margin: 0 0;
}
.cart-footer .terms-of-service {
	text-align: left;
}
.cart-footer .checkout-buttons,
.cart-footer .addon-buttons {
	text-align: right;
}
.cart-footer .cart-collaterals {
	float: left;
	width: 45%;
	margin: 0 2.5%;
}
.cart-footer .cart-collaterals div,
.cart-footer .cart-collaterals label {
	text-align: left;
}
.cart-footer .estimate-shipping label {
	display: block;
	margin: 0 0 10px;
}
.cart-footer .estimate-shipping .buttons {
	text-align: right;
}



/**/


















