.AddToCartBig
{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f78828 0px, #dd771f 100%) repeat scroll 0 0;
    border: 1px solid #da7532;
    border-radius: 4px;
    color: #f9f9f9;
    cursor: pointer;
    outline: 0 none;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    padding: 7px 20px 6px 20px;
}

.AddToCartBig:hover
{   
      background: #f78828 none repeat scroll 0 0;
}

.AddToCartSmall
{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f78828 0px, #dd771f 100%) repeat scroll 0 0;
    border: 1px solid #da7532;
    border-radius: 4px;
    color: #f9f9f9;
    cursor: pointer;
    font-size: 10pt;
    line-height: 25px;
    outline: 0 none;
    padding: 3px 10px 2px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
    text-transform: uppercase;
}

.AddToCartSmall:hover
{
      background: #f78828 none repeat scroll 0 0;
}

.BuyNowBig
{
     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #7fbf4d;
    background-image: -moz-linear-gradient(center top , #7fbf4d, #63a62f);
    border-color: #63a62f #63a62f #5b992b;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #96ca6d inset;
    color: #fff;
    padding: 7px 20px 6px 20px;
    text-shadow: 0 -1px 0 #4c9021;
      font-size: 18px;
    line-height: 25px;
       text-transform: uppercase;
         border-radius: 4px;
}
.BuyNowBig:hover
{
      background: #7fbf4d none repeat scroll 0 0;
}

.BuyNowSmall
{
     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #7fbf4d;
    background-image: -moz-linear-gradient(center top , #7fbf4d, #63a62f);
    border-color: #63a62f #63a62f #5b992b;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #96ca6d inset;
    color: #fff;
    text-shadow: 0 -1px 0 #4c9021;
    font-size: 10pt;
    line-height: 25px;
    padding: 3px 10px 2px;
    text-transform: uppercase;
      border-radius: 4px;
}
.BuyNowSmall:hover
{
      background: #7fbf4d none repeat scroll 0 0;
}

.btn-blue {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #007fb8 1%, #6ebad5 3%, #007fb8 7%, #007fb8 100%) repeat scroll 0 0;
    border: 1px solid #004b91;
    color:#fff;
    font-size:15px;
    padding:4px 20px 4px 20px;
}
.btn-blue:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #007fb8 1%, #6ebad5 3%, #059fc6 7%, #007fb8 100%) repeat scroll 0 0;
    border: 1px solid #004b91;
}
.btn-blue:active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0073cf 0px, #007fb8 10%, #007fb8 25%, #007fb8 100%) repeat scroll 0 0;
    border: 1px solid #004b91;
}

 .paymentmehtod ul
 {
     margin:0;
     padding:0;
 }
  .paymentmehtod ul li
  {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    height: 40px;
    margin: 2px 0 0 2px;
  }
   .paymentmehtod ul li input
  {
      background-color:#f2f2f2;
      width:100%;
      color:Gray;
      text-align:left;
       border:0;
       height:38px;
  }
  
    .paymentmehtod ul li input.selected
  {
  background: #4d4d4d none repeat scroll 0 0;
    color: #fff;
    cursor: default;
    position: relative;
    text-decoration: none;
  }
  
   .paymentmehtod ul li input:hover
  {
      background-color:#e6e6e6;
  }
  
  .steps_button 
  {
        background: #f2f2f2;
    border-radius: 50px;
    color: #333333;
    float: left;
    font-size: 17px;
    font-weight: bold;
    height: 50px;
    list-style: outside none none;
    margin: 2px 5px 0;
    padding: 5px 44px;
    width: 32%;
}
  
  .step1
  {
    background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -10px;
  }
  .step2
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -174px;
  }
   .step3
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -282px;
  }
  
  .step11
  {
    background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -64px;
  }
  .step22
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -120px;
  }
   .step33
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -282px;
  }
  
   .step111
  {
     background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -64px;
  }
  .step222
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -174px;
  }
   .step333
  {
      background: #f2f2f2 url("../images/buyflow-icons_metro.png") no-repeat scroll -5px -229px;
  }
  
  .paymentWallet
  {
      background: #f2f2f2 url("../images/wallet.png") no-repeat scroll -5px -64px;
  }
   .paymentGateway
  {
      
  }
   .paymentCOD
  {
      
  }
	
.steps_button a{width:218px; height:35px; background:url(../images/button_steps_1.jpg) no-repeat; float:left; margin:8px 10px px 10px; color:#333333; font-weight:bold;padding:7px 0 0 10px;}

.steps_button a:hover{width:218px; height:35px; background:url(../images/button_steps.jpg) no-repeat; float:left;  color:Red; font-weight:bold; text-decoration:none;padding:7px 0 0 10px;}

.steps_button a.selected{width:218px; height:35px; background:url(../images/button_steps.jpg) no-repeat; float:left;  color:Green; font-weight:bold; text-decoration:none;padding:7px 0 0 10px;}


.print {
    background: rgba(0, 0, 0, 0) url("../images/manage-order.png") no-repeat scroll -16px -23px;
    display: block;
    height: 35px;
    margin: 0 auto 10px;
    width: 37px;
    cursor:pointer;
}
.contact {
    background: rgba(0, 0, 0, 0) url("../images/manage-order.png") no-repeat scroll -201px -20px;
    display: block;
    height: 35px;
    margin: 0 auto 10px;
    width: 37px;
     cursor:pointer;
}

.emailInvoice {
    background: rgba(0, 0, 0, 0) url("../images/manage-order.png") no-repeat scroll -147px -22px;
    display: block;
    height: 35px;
    margin: 0 auto 10px;
    width: 37px;
     cursor:pointer;
}

 .graph {
    background: #fff url("../images/dots-sprite.png") no-repeat scroll 5px -193px;
    width:100%;
    height:30px;
    margin-bottom:50px;
}
.approval {
    margin-left: 55px;
    margin-top: -38px;
}
.process {
  margin-left: 25px;
    margin-top: -26px;
}
.cancel {
    margin-left: 30px;
    margin-top: -25px;
}

.approved1 {
     margin-left: 55px;
    margin-top: -23px;
}
.approved2 {
     margin-left: 55px;
    margin-top: -23px;
}
.shippingProcess {
  margin-left: 25px;
    margin-top: -26px;
}

.orderProcess1
{
    background : rgba(0, 0, 0, 0) url("../images/order-infograhic.png") no-repeat scroll 0 0;
    color: gray;
    font-size: 17pt;
    height: 43px;
    margin-right: 10px;
    padding-left: 70px;
    vertical-align: middle;

}
.orderProcess2
{
    background : rgba(0, 0, 0, 0) url("../images/order-infograhic.png") no-repeat scroll 0 -44px;
    color: gray;
    font-size: 17pt;
    height: 43px;
    margin-right: 10px;
    padding-left: 70px;
    vertical-align: middle;

}
.orderProcess3
{
    background : rgba(0, 0, 0, 0) url("../images/order-infograhic.png") no-repeat scroll 0 -85px;
    color: gray;
    font-size: 17pt;
    height: 43px;
    margin-right: 10px;
    padding-left: 70px;
    vertical-align: middle;

}
.orderProcess4
{
    background : rgba(0, 0, 0, 0) url("../images/order-infograhic.png") no-repeat scroll 0 -127px;
    color: gray;
    font-size: 17pt;
    height: 43px;
    margin-right: 10px;
    padding-left: 70px;
    vertical-align: middle;
 
}

.fk-alert-user {
  background: #fffed5 url("../images/order-infograhic.png") no-repeat scroll 0 -85px;
    border: 1px solid #f9e2b2;
    margin: 10px 0;
    padding: 10px 75px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 768px)
{
 .steps_button 
  {     
    font-size: 12px;
    height: 50px;
    margin: 2px 5px 0;
    padding: 5px 44px;
    width: 65%;
}