@charset "utf-8";

/* CSS Document */

/*starting how to order panel*/

#bg_overlay {

    background: url("../img/overlay.png") repeat scroll 0 0 transparent!important;

    bottom: 0;

    cursor: pointer;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000;

}

.how_to_order_wrapper {

  /* background-color: #FFFFFF;*/

    left: 50%;

    margin-left: -474px;

    position: absolute;

    /*top: 118px;*/

    width: 950px;

    z-index: 1300;

}

.how_to_order_wrapper2 {

    /*background: none repeat scroll 0 0 transparent;*/

    /*margin-top: 50px;*/

     /*padding-bottom: 40px;*/

    text-align: left;

}

.close_hto {

    position: absolute;

    right: 23px;

    top: 15px;

}

.hto_inner {

    background: none repeat scroll 0 0 #FFFFFF;

    margin: 0 auto;

    width: 936px;

}

.hto_inner table {

    margin: 0;

    padding: 0;

}

.hto_chapter_title {

    cursor: pointer;

}

.hto_inner table td {

    text-align: left;

    vertical-align: top;

}

.hto_chapter_title td {

    border-bottom: 2px solid #FFFFFF;

}

.hto_title_icon {

    width: 42px;

}

.hto_title_icon img, .hto_inner img {

    display: block;

}

.hto_title1 {

    background: none repeat scroll 0 0 #F6295E;

}

.hto_title {

    color: #FFFFFF;

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

    font-size: 17px;

    font-weight: 900;

    padding-left: 10px;

    text-transform: uppercase;

}

.hto_title1 {

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

	background: none repeat scroll 0 0 #804045;

}

.hto_title2 {

   /* background: none repeat scroll 0 0 #00CAFF;*/

	background: none repeat scroll 0 0 #728697;

}

.hto_title3 {

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

	background: none repeat scroll 0 0 #b3bdc6;

}

.hto_title4 {

   /* background: none repeat scroll 0 0 #87BA68;*/

	 background: none repeat scroll 0 0 #bbbbbb;

}

.hto_title5 {

    background: none repeat scroll 0 0 #777777;

}

.hto_chapter {

    width: 936px;

}

#hto1arrow {

    background: url("../img/hto1arrow.png") no-repeat scroll 0 0 transparent;

    height: 17px;

    width: 17px;

}

#hto2arrow {

    background: url("../img/hto1arrow.png") no-repeat scroll 0 0 transparent;

    height: 17px;

    width: 17px;

}

#hto3arrow {

    background: url("../img/hto1arrow.png") no-repeat scroll 0 0 transparent;

    height: 17px;

    width: 17px;

}

#hto4arrow {

    background: url("../img/hto1arrow.png") no-repeat scroll 0 0 transparent;

    height: 17px;

    width: 17px;

}

#hto5arrow {

    background: url("../img/hto1arrow.png") no-repeat scroll 0 0 transparent;

    height: 17px;

    width: 17px;

}

.hto_inner table td {

    text-align: left;

    vertical-align: top;

}

.hto_inner table td h1{

	font-size:14px;

	text-align:left;

	color:#FFF;

}

.hto_inner table td h1:hover{

	color:#000;

}

.hto_last_content {

    padding-bottom: 60px;

}

.hto_content {

    /*border-left: 1px solid #999999;

    border-right: 1px solid #999999;*/

    color: #000000;

    font-family: 'Droid Sans',sans-serif;

    font-size: 13px;

    line-height: 19px;

    padding: 0 30px;

    width: 851px;

}

.hto_right {

    width: 12px;

}

.hto_left {

    width: 11px;

}

.hto_content hr {

    background-color: #999999;

    border: 0 none;

    color: #999999;

    height: 1px;

}

.hto_content #rx_info_table {

    border-collapse: collapse;

    margin-top: 5px;

}

.hto_content #rx_info_table td {

    border: 1px solid #979797;

    font-weight: bold;

    padding: 7px 10px;

    text-align: center;

    vertical-align: middle;

}

.hto_content #rx_info_table td {

    border: 1px solid #979797;

    font-weight: bold;

    padding: 7px 10px;

    text-align: center;

    vertical-align: middle;

}

.hto_content td.not_available {

    background: url("../img/vusion/not_available.gif") repeat scroll 0 0 transparent;

}

/*ending how to order panel*/