body {
	/* background:#508132; */
	font-family:Arial, Helvetica, sans-serif;
}
.home h1 {
    color: #BA9E2F;
}
.main {
    position: relative;
}
em {
    font-size: 13px;
}

/* START: iPhone */
input[type=button],
input[type=submit],
button {
    -webkit-appearance: none;
    border-radius: 0px;
}
select {
    -webkit-appearance: menulist-button;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    white-space: pre;
    font-family: Arial;
    text-align: left !important;
}
/* END: iPhone */

.container_12 {
    margin-left: auto !important;
    margin-right: auto !important;
}
.container_12 {
    box-shadow: 0 0 25px rgba(0, 0, 0, .3) !important;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .3) !important;
    overflow: hidden;
    background-color: #FFF;
	/* background:url(../images/body_bg.gif) repeat-y */
    /*
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90),
            progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180),
            progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=270);
    */
}
.full-width {
    width:100%;
}
.footer {
    /*position: relative;*/
    /* bottom: 0px; */
    /*width: 100%;*/
    /* padding: 10px 15px; */
    margin-top: 20px;
    background-color: #4D4D4F;
    color: #FFF;
    overflow: auto;
    /*clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;*/
}
.footer .left,
.footer .right {
    padding: 15px 25px;
}
#lblCustomer {
    font-size: 14px;
    position: relative;
    top: 13px;
}
.menu {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* display: inline; */
}
.body-content .menu-border {
    border-top: 1px solid #BA9E2F;
}
.btn-remove {
    /*
    background-color: #c82c3c !important;
    border: 1px solid #c82c3c !important;
    */
    background-color: #999 !important;
    border: 1px solid #999 !important;    
}
.footer p {
    margin-bottom: 0px !important;
}
.flex p {
    display: flex;
}

.ad_banner {
	float:left;
	width:900px;
	height:80px;
	margin-top:10px;
}
/* stick bottom */
* {
	margin: 0;
}
html, body {
    /*
	height: 100%;
    */
}
.wrapper {
    /*
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -35px
    */
}
.push {
	clear:both;
	/*height: 20px;*/
}

/* top_area */

.form-field {
    /* margin-right: 10px;*/
    border: 1px solid transparent;
    height: 18px;
    padding: 5px 15px 6px;
    /* background-color: #f2f2f2; */
    background-color: rgb(250, 255, 189);
    /* color: #666; */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    /* font-style: italic; */
    font-weight: 400;
}
select.form-field {
    min-height: 30px;
}
.validation {
    color: red;
    line-height: 2em;
}
.clear-both {
    clear:both;
}

.content {
    clear: both;
    padding: 10px 25px;
    min-height: 500px;
}
.form-div {
    width: 100%;
}
.form-div p,
.form-div div {
    margin-bottom: 10px;
}
.form-div p,
.form-div .field.no-mob,
.form-div .field,
.form-div .label.no-mob,
.form-div .label {
    float: left;
}
.form-div,
.form-div p {
    font-size: 14px;
}
.profileForm,
#firstForm {
    /* float:left; */
}
.profileForm,
#firstForm,
.form-div p,
.form-div .label.no-mob,
.form-div .label,
.form-div .submit {
    clear: both;
}
.form-div .label.no-mob,
.form-div .label {
    width: 35%;
}
.form-div .field.no-mob,
.form-div .field {
    width: 65%;
}
.form-div .field.no-mob .form-field,
.form-div .field .form-field {
    width: 85%;
}
.home .btn-div,
.home .submit {
    margin-bottom: 0px;
}
.home .submit {
    float: left;
}

.home #tdEmail {
    clear:both;
}

.shipping-address {
    margin-top: 20px;
    line-height: 18px;
}

.submit .btn {
    margin-right: 8px;
    width: 110px;
}
.welcome-msg h1 {
    margin-bottom: 20px;
}

.welcome-msg p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.welcome-msg .notification-message h6 {
    color: #BA9E2F;
    font-size: 16px;
}
.welcome-msg .notification-message p{
	font-style: italic;
}
.welcome-msg p a,
.welcome-msg p a:visited,
.welcome-msg p a:active {
    color: #BA9E2F;
}
.pad-left {
    padding-left: 10px;
 }
.pad-right {
    padding-right: 10px;
 }
.pad-left,
.pad-right {
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center {
    text-align: center;
}

.login_area {
    position: absolute;
    right: 15px;
    top: 15px;
	/* color:#FFF; */
	/* background:url(../images/login_bg.gif) top left no-repeat; */
	/*height:58px; */
    /*
	padding-left:10px;
	float:right;
	width:560px;
	padding-top:10px;
    */
}
.login_area .btn,
.login_area .btn_reg,
.login_area .welcome {
    float:right;
    margin-left: 10px;
}
.login_area .welcome {
    clear:both;
    margin-top: 10px;
}
.btn_home {
    width: 100%;
    height: 20em;
}
.pd_img {
    /*
	margin-left: 5px;
	margin-right: 10px;
    */
	margin-bottom: 2em;
    
}
.error-msg {
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    padding: 20px;
}

.btn_logout {
	/* margin-right:50px; */
    /*
    padding-top: 11px !important;
    padding-bottom: 10px !important;
    */
}
/* footer */
.footer a,
.footer div,
.footer p {
    color: #FFF;
}
.footer p {
	/*color: #666;*/
}
.footer a {
	/*text-decoration:none;
	color: #666;*/
}
.footer a:hover {
	text-decoration: none;
}
/* home */

.new_user_area {
	width:100%;
    /*
	height:120px;
	border:1px solid #666; 
    */
    border:1px solid #999;
    margin-bottom: 10px;
}
.new_user_area_head {
    /*
	background:url(../images/new_user_bg.gif) repeat-x;
	height:30px;
    */
    background-color: #999;
	padding:10px;
}
.new_user_area_head p {
	color:#FFF;
    margin-bottom: 0px !important;
}
/* search */
.search_area {
	background:url(../images/search_bg.gif) repeat;
	margin-bottom:20px;
	font-size:12px;
	padding: 6px;
}
.search_area span
{
	width:60px;
	display:inline-block;
}
.search_area .txtbox
{
	width:150px;
	margin-right:20px;
}
.search_area .btn 
{
	margin-left:152px;
}

.table_search {
	width:700px;
}
table td {
	padding:6px;
}
/* table_list */
.table_list {
	width: 100%;
}
.table_list td {
	vertical-align:top;
	border-top:solid 1px #666;
}
.table_list td,
.table_list td p {
    font-size: 14px;
}
.table_list td h3 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.table_list .odd1, .table_list .even1 {
	width: 60%;
}
.table_list .odd2, .table_list .even2 {
	width: 10%;
}
.table_list .odd1, .table_list .odd2 {
	background-color:#e1e9f6
}
.table_list .even1, .table_list .even2 {
	background-color:#CCC
}

/* .home #tdEmail, */
.home .login-msg {
    margin-bottom: 0px;
}
.home .login-msg .validate {
    float: left;
    margin-bottom: 4px;
}
.home .login-forgot p {
    margin-top: 5px;
    margin-bottom: 0px;
}
.home .login-msg #rfvpwdLogin {
    clear: both;
}


.odd_b, .odd_c,
.even_b, .even_c {
    /* margin-top: 1em; */
    width: 30%;
    float:left;
}

.product .btn,
.product .DropListField,
.product .btn_reg {
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
    min-width: 66px;
    text-align: center;
    clear: both;
}
.product .btn_reg {
    clear: both;
}
.product .DropListField
{
    width: 128px !important;
    height: 38px !important;
}

.space-right {
    margin-right: 10px;
}

/* pd_div */

.pages {
	text-decoration:none;
	color:#666;
	margin:0px 6px
}
.pages:hover {
	text-decoration:underline;
	color:#508132
}
.pages:active {
	text-decoration:underline;
}
.p_current {
	color:#508132;
	text-decoration:underline;
}
.group_odd {
	width:684px;
	background-color:#ddd;
	display:inline-block;
	margin-bottom:15px;
	padding-bottom:10px;
}
.group_even {
    width:684px;
	background-color:#D6E4D7;
	display:inline-block;
	margin-bottom:15px;
	padding-bottom:10px;
}
.pd_div {
	width:320px;
	float:left;
	background-color:#FFF;
	display:inline-block;
	margin:8px;
	border:solid 1px #666;
	height:200px;

}
.pd_div_head {
	background:#1682c6;
	padding:10px 6px;
	display:block;
	height:18px;
}
.pd_div_head h3 {
	color:#FFF;
	font-size:12px
}
.pd_div_head .btn {
	margin:20px 85px;
}
.pd_img_s {
	float:left;
	height:160px
}
.pd_div_content_p {
	padding:5px;
}
.pd_msg {
	float:left;
	font-size:12px;
}
/* inner_pd_div */
.pd_img {
	float:left;
    width: 25%;
}
.inner_pd_div {
	width: 100%;
	float:left;
	margin-right:15px;
	border:solid 1px #666;
}
.inner_pd_div_head {
	background:#1682c6;
	padding:10px 6px;
}
.inner_pd_div_head h3 {
	color:#FFF;
	font-size:12px
}
.inner_pd_div_content_p {
    width: 73%;
    float: left;
    padding-left: 2%;
}
.inner_pd_div_content {
}
.inner_pd_div_content img {
    width: 100%;
    /*
	padding-bottom:120px;
	clear:right
    */
}
.inner_pd_div_content_p .btn_cart, 
.inner_pd_div_content_p .btn_cart_del {
	clear:right;
}
.company_link p{}
.doc_link {
    width: 100%;
    margin-top: 3em;
    border-top:solid 1px #666
}
.company_link{text-decoration:underline;color:#00a950}
.doc_link td{}
.doc_link a{color:#00a950;text-decoration:underline;}
.downinfo {border-bottom:dotted 1px #666}
.company_link:hover{color:#666}
.doc_link a:hover{color:#666}


/* left_nav */

.left_nav {
    /*
	font: 12px "Arial";
	line-height:18px;
    */
    padding: 0px 20px;
}
.left_nav ul {
        display: flex;
}
.left_nav li {
	/* margin-bottom:5px; */
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.left_nav a {
	color:#000;
	text-decoration:none;
	/* margin-bottom:20px; */
	padding-left:20px;
	padding-right:20px;
    white-space: nowrap;
}
.left_nav li,
.left_nav a {
	padding-top:15px;
	padding-bottom:15px;
}
.left_nav a.current {
	/*color: #508132;*/ /* #00a950; */
	
    /*background:url(../images/home_list_deco.gif) no-repeat center left;*/
}
    .left_nav a.current,
    .left_nav a:hover {
        background-color: #BA9E2F;
        color: #FFF;
        background-image: none;
    }

.actions {
    margin-bottom: 20px;
}
.actions .left,
.actions .right {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.bubbleInfo .trigger {
    max-width:100%;
    max-height: 170px;
}

/* btn */
.new_user_area_content {
	padding: 10px;
}
.new_user_area_content p {
    margin-bottom: 10px;
    /* display: flex; */
}
.new_user_area_content .btn_reg {
    /*
	margin-left: auto;
    margin-right: auto;
    */
	/* margin-top:10px; */
}



a.btn_back {
	width: 40px;
	background: transparent url('../images/btn/bg_btn_l.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 24px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	margin-bottom:20px;
}
a.btn_back span {
	background: transparent url('../images/btn/bg_btn_span_l.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.btn_back:hover {
	background: transparent url('../images/btn/bg_btn_l.gif') no-repeat scroll bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_back:hover span {
	background-position: bottom left;
	padding: 5px 0 5px 18px;
}
a.btn_back:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_back:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}
a.btn_right {
    width: 60px;
    /* margin-top:5px; */
    /* background: transparent url('../images/btn/bg_btn.gif') no-repeat scroll top right; */
    color: #FFF;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 1px; /* sliding doors padding */
    text-decoration: none;
    background-color: #BA9E2F;
}
a.btn_right span {
	/* background: transparent url('../images/btn/bg_btn_span.gif') no-repeat; */
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 8px;
}
    a.btn_right:hover {
        /* background: transparent url('../images/btn/bg_btn.gif') no-repeat scroll bottom right; */
        color: #FFF;
        outline: none; /* hide dotted outline in Firefox */
        background-color: #c0a743;
    }
a.btn_right:hover span {
	background-position: bottom left;
	padding: 5px 0 5px 8px;
}
a.btn_right:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_right:active span {
	background-position: bottom left;
	padding: 6px 0 4px 8px; /* push text down 1px */
}

.home .login-form .loginMsg span,
.home .login-form .login-forgot p,
.home .login-form .label {
    font-size: 13px;
}

.home .login-form .clear-both {
    margin-bottom: 0px;
}
.green {
    color: #508132;
}
.red, 
.red a {
    color: red; /* #c82c3c; */
}

.btn,
.btn_reg {
    padding: 12px 30px 11px;
}
.btn,
.btn_reg,
.btn_reg a {
    color: #FFF !important;
    white-space: nowrap;
    font-size: 13px;
    text-decoration: none;
    cursor:pointer;
}
.home .reg_now {
    margin: 20px 0px;
    /* display: flex; */
}
.home .msg .img img {
    width: 100%;
}
.btn {
	/* background:url(../images/btn_green_bg.gif) repeat-x; */
    background-color:#508132;
    /* display: inline-block; */
}
.btn_reg {
    background-color: #BA9E2F;
    border: 1px solid #BA9E2F;
}
a.btn {
    border: 1px solid #508132;
}
input.btn,
input.btn_reg {
    border: 1px solid transparent;
}
.btn_reg {
    /*
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     */
    /*
    width:160px;
	display: block;
	font: bold 13px arial, sans-serif;
	height: 34px;
	padding-right: 1px;
    sliding doors padding 
    */
	/*margin-top:5px; */ 
	/* background: transparent url('../images/btn/bg_btn_reg.gif') no-repeat scroll top right; */
	/* float: left; */
	/* margin-right: 6px; */
}
.btn_reg span {
	/* background: transparent url('../images/btn/bg_btn_span_reg.gif') no-repeat; */
	/*
    display: block;
	line-height: 24px;
	padding: 5px 0 5px 50px;
    */
}
    .btn_reg:hover {
        /* background: transparent url('../images/btn/bg_btn_reg.gif') no-repeat scroll bottom right; */
        color: #FFF;
        outline: none; /* hide dotted outline in Firefox */
        background-color: #c0a743;
        border: 1px solid #c0a743;
    }
.btn_reg:hover span {
	/* background-position: bottom left; */
	/* padding: 5px 0 5px 50px; */
}
.btn_reg:active {
	/* background-position: bottom right; */
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
.btn_reg:active span {
	/* background-position: bottom left; */
	/* padding: 6px 0 4px 52px;  push text down 1px */
}
.btn:active,
.btn:hover {
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}
.btn:hover {
    background-color: #68a941;
    border: 1px solid #68a941;
}
.btn-remove:active,
.btn-remove:hover {
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}
.btn-remove:hover {
    background-color: #BBB !important;
    border: 1px solid #BBB !important;
}





a.btn_cart {
	width:80px;
	margin-top:5px;
	background: transparent url('../images/btn/bg_btn_cart.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.btn_cart span {
	background: transparent url('../images/btn/bg_btn_cart_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.btn_cart:hover {
	background: transparent url('../images/btn/bg_btn_cart.gif') no-repeat scroll bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart:hover span {
	background-position: bottom left;
	padding: 5px 0 5px 18px;
}
a.btn_cart:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}
a.btn_cart_del {
	width:80px;
	/* margin-top:5px; */
	background: transparent url('../images/btn/bg_btn_cart_del.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.btn_cart_del span {
	background: transparent url('../images/btn/bg_btn_cart_del_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.btn_cart_del:hover {
	background: transparent url('../images/btn/bg_btn_cart_del.gif') no-repeat scroll bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart_del:hover span {
	background-position: bottom left;
	padding: 5px 0 5px 18px;
}
a.btn_cart_del:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart_del:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}
a.btn_cart_large {
	width:150px;
	margin-top:5px;
	background: transparent url('../images/btn/bg_btn_bcart.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 34px;
	margin-right: 6px;
	margin-bottom:15px;
	padding-right: 28px; /* sliding doors padding */
	text-decoration: none;
}
a.btn_cart_large span {
	background: transparent url('../images/btn/bg_btn_bcart_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 10px 0 10px 18px;
}
a.btn_cart_large:hover {
	background: transparent url('../images/btn/bg_btn_bcart.gif') no-repeat scroll bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart_large:hover span {
	background-position: bottom left;
	padding: 10px 0 10px 18px;
}
a.btn_cart_large:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_cart_large:active span {
	background-position: bottom left;
	padding: 11px 0 9px 18px; /* push text down 1px */
}
a.btn_checkout {
	width:190px;
	margin-top:5px;
	background: transparent url('../images/btn/bg_btn_out.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	margin-bottom:15px;
	padding-right: 26px; /* sliding doors padding */
	text-decoration: none;
}
a.btn_checkout span {
	background: transparent url('../images/btn/bg_btn_out_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.btn_checkout:hover {
	background: transparent url('../images/btn/bg_btn_out.gif') no-repeat scroll bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_checkout:hover span {
	background-position: bottom left;
	padding: 5px 0 5px 18px;
}
a.btn_checkout:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.btn_checkout:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}


.checkout {
    font-size: 1.5em;
}


/* etc */
.solid_line {
	border-bottom:solid 1px #333;
	margin:10px 0px;
}
.dot_line {
	border-bottom:dotted 1px #333;
	margin: 10px 0px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.inline 
{
    display:inline;
}

.photo_w {
    /*
	border:#FFF solid 6px;
	margin:10px 20px 10px 0px;
    */
}

.odd_a,
.even_a {
    width:50%;
    float:left;
    padding-left: 2%;
}
.product {
    width: 100%;
    clear:both;
    display:flex;
    padding: 1em 0 1em 0;
	border-top: 1px solid #666;
}
.product h3 {
    margin-top: 5px;
}


/*etc*/
.lightg2 {}
.lightg2 a{color:#00a950;text-decoration:underline;}
.lightg2 a:hover{color:#666}
.privacy a,
#tdForgot a { 
    color:#000000;
}

/* Bubble pop-up */
.bubbleInfo {
    /* 
    position:relative; 
    min-height: 15%;
    */
    width: 20%;
    float: left;
    text-align: center;
}
.bubbleInfo,
.bubbleInfo a {
    max-height: 170px;
}

.popup {
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
}
.popup 
{
	width: 30%;
	border: 1px solid #666;
	background-color:#FFF;
	padding: 5%;
}

/* sponsor_link */
.sponsor_link
{
	position:absolute; 
	margin-left:960px; 
	width:220px;
}

.sponsor_link img
{
	margin-top: 10px;
	margin-bottom:10px;
}

.disclaimer {
    margin-top: 20px;
    display: inline-block;
}

@media screen and (max-width: 1023px) {
    .body-content .footer,
    .container_12 {
        width: 100%;
    }

    .grid_6 {
        width: 100% !important;
    }

    .pad-left {
        padding-left: 0px !important;
    }

    .pad-right {
        padding-right: 0px !important;
    }

    h4 {
        display: block !important;
        margin-top: 30px !important;
    }
}
@media screen and (min-width: 576px) and (max-width: 810px) {
    .login_area {
        position: unset;
        min-height: 52px;
    }
    .login_area .welcome {
        clear: unset;
        padding: 12px 30px 11px 10px;
        margin-top: 0px;
        float: left;
        width: 47%;
        text-align: left;
    }
}
@media screen and (min-width: 576px) {
    .home .reg_now,
    .home .btn-div {
        display: flex;
    }
    .registered {
        display: flex;
    }
}
@media screen and (max-width: 645px) {
    .footer .left,
    .footer .right {
        float: none;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer .left {
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .footer .right {
        padding-top: 10px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 575px) {
    .registered {
        width: 100%;
    }
    .profileForm span.required {
        display: none;
    }
    .btn_reg {
        display: block;
        text-align: center !important;
    }

    .form-div {
        display: block;
    }

    .form-div .submit,
    .form-div .label {
        float: unset;
        width: 100%;
    }

    .form-div .field {
        width: unset;
        float: unset;
        display: block;
        overflow: hidden;
    }

    .form-div .field .form-field {
        width: 100%;
    }

    .submit .btn {
        margin-right: 0px;
        width: 100%;
    }

    .cancel {
        margin-top: 20px;
    }

    .mob-center {
        text-align: center;
    }

    .login_area {
        position: relative;
        right: unset;
        top: unset;
        padding: 0px 15px;
    }

    .login_area .btn,
    .login_area .btn_reg {
        width: 100%;
        margin-top: 15px;
    }

    .login_area .btn,
    .login_area .btn_reg,
    .login_area .welcome {
        float: none;
        margin-left: unset;
    }

    .left_nav {
        background-color: #EEE;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #BA9E2F;
    }

    .left_nav ul,
    .left_nav ul li a {
        display: block;
    }

    .left_nav li {
        float: none;
    }
    /*
    .slicknav_btn {
        float: right;
        padding: .8em;
        cursor: pointer;
        background-color: #999;
        box-sizing: border-box;
    }
    .slicknav_btn .slicknav_icon-bar {
        box-sizing: border-box;
        background-color: #fff;
        display: block;
        width: 1.125em;
        height: .125em;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        box-shadow: 0 1px 0 rgba(0,0,0,.25);
    }
    .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
            margin-top: .188em;
    }
    */
    .slicknav_btn {
        float: right;
        padding: 0.2em 0.6em 0.6em 0.6em;
        cursor: pointer;
        /* background-color: #322d7b; */
    }
    .slicknav_icon-bar {
        width: 35px; 
        height: 5px; 
        /* background-color: #FFF;  */
        background-color: #000; 
        margin: 6px 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .mob-hide {
        display:none;
    }
    .actions .left,
    .actions .right {
        float: none;
        margin-bottom: 0px;
    }
    .actions .left .btn {
        display: block;
        text-align: center;
    }
    .bubbleInfo {
        width: 40%;
    }
    .odd_a {
        width: 57%;
    }
    .odd_b {
        clear:both;
        width: 100%;
        margin-top: 10px;
    }
    .product {
        display: block;
        margin-top: 10px;
    }

    .odd_b .btn,
    .odd_b .btn_reg {
        margin-left: 0px;
        display: block;
        float:none;
        text-align: center; 
    }
    .odd_b .btn_reg {
        margin-bottom: 30px;
    }
    .welcome {
        text-align:left;
    }
    .pd_img {
        width: 100%;
        margin-bottom: 0px;
    }
    .inner_pd_div_content_p {
        width: 100%;
        padding-left: 0px;
    }
    .product-actions .right {
        float: none;
    }
    .product-actions .space-right {
        margin-right: 0px;
    }
    .product-actions .btn {
        display: block;
        text-align: center;
    }
    .product-actions .btn, 
    .product-actions .btn_reg {
        margin-bottom: 15px;
    }
    .product .DropListField {
        width: 100% !important;
        float: none;
        margin-left: 0px;
    }
    .place-order .btn {
        width: 100%;
    }
    .left_nav li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.custom-reference {
    font-size: 10px !important;
}

.productOOSDiv{
    text-align:right;
}

.productOOSMessage {
    color: gray;
}