@import url("etalage.css");

#apodc_logo 
{
	max-width: 130px;
	position: absolute;
	margin-left: 110px
}

#rtl_content
{
	width: 910px;
	padding: 30px;
	float: left;
	clear: both;
	background: #fff;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
}
/* ended top nav menu */

/* the generic button */
.genericbutton{padding: 2px 5px 2px 5px;}

/* the login box */
#login_left_half { clear: both; float: left; width: 50%; }
#login_right_half { float: right; width: 50% }
#rtl_loginbox{margin: auto;width: 400px;line-height: 20px;color: #002142;}
#rtl_loginbox .row{text-align: left;margin: 5px 0 5px 5px;}
#rtl_loginbox .row .label{display: block;width:170px;font-size: 14px; font-weight: bold;text-align: left;}
#rtl_loginbox .row .text{display: inline-block;width: 400px;text-align: left;}
#rtl_loginbox .error{font-size: 12px; color: red;}
#rtl_loginbox .center{text-align: center;}

#login {display: inline-block; width: 400px; text-align: center;}

/* stock cell */
.stock_no,
.stock_ava,
.stock_soo,
.stock_low,
.stock_yes{width: 25px;height: 25px;border: 1px solid #666666;display: inline-block;font-weight: bold; font-size: 12px;color: black;}
.stock_no{background-color: red;}
.stock_ava{background-color: #002142; color: white;}
.stock_soo{background-color: #002142; color: white;}
.stock_low{background-color: yellow;}
.stock_yes{background-color: white;}

#mbf_pdetails .rtl_item{margin:5px 10px 0 0;line-height: 24px;border-bottom: 1px solid #696697;}
#mbf_pdetails .rtl_item .thumb{display: inline;width:90px;vertical-align:middle;margin: 0 0 0 5px;}
#mbf_pdetails .rtl_item .colour{display: inline-block;font-size: 14px;color: #696697;margin: auto; line-height: 18px;
font-weight: bold;width: 90px;text-transform: Capitalize;vertical-align: middle;text-align: center;}
#mbf_pdetails .rtl_item .size{display: inline-block; width: 25px;text-align: center;margin: 10px 0 10px 0; vertical-align: middle;}
#mbf_pdetails .rtl_item .size_hide{display: inline-block; width: 25px;text-align: center;margin: 10px 0 10px 0; vertical-align: middle;}
#mbf_pdetails .rtl_item .size .label{text-align: center;display: block;font-weight: bold; font-size: 12px;width: 100px;height: 25px;
line-height: 25px;color:black;margin: 0;}
#mbf_pdetails .rtl_item .size .bo_quan{display:block;width:25px; height: 25px; line-height: 25px; text-align: center;margin: 2px 0 0 0;font-size: 12px;padding: 0; border: 1px solid #adaeb5; color: black; background-color: #00ADEE; }
#mbf_pdetails .rtl_item .size .quan{width:25px; height: 25px; text-align: center;margin: 2px 0 0 0;font-size: 12px;padding: 0; border: 1px solid #adaeb5; color: black; background-color: white; }
#mbf_pdetails .upp_alert {font-size: 14px;color: red;}

/* rtl_index and claim page */
#order_search { width: 200px; float: none; display: inline-block; margin-right: 10px;}

/* retail cart */
#mbf_rtl_cart{}
#mbf_rtl_cart .rtl_item {margin:5px 10px 0 0;line-height: 24px;border-bottom: 1px solid #696697;}
#mbf_rtl_cart .rtl_item .thumb{display: inline;width:90px;vertical-align:middle;margin: 0 0 0 5px;}
#mbf_rtl_cart .rtl_item .colour{display: inline-block;font-size: 14px;color: #696697;margin: auto; line-height: 18px;
font-weight: bold;width: 120px;text-transform: Capitalize;vertical-align: middle;text-align: center;}
#mbf_rtl_cart .rtl_item .size{display: inline-block; width: 25px;text-align: center;margin: 10px 0 10px 0; vertical-align: middle;}
#mbf_rtl_cart .rtl_item .l35{width: 60px;margin: 0 0 0 10px;}
#mbf_rtl_cart .rtl_item .size .label{text-align: center;display: block;font-weight: bold; font-size: 12px;width: 25px;height: 25px;
line-height: 25px;color:black;margin: 0 0 0 0;}
#mbf_rtl_cart .rtl_item .size .quan{width:21px;text-align: center;margin: 2px 0 0 0;font-size: 12px;padding: 0;}


/* for order review and submit */
#rtl_ordreview{clear: both;color:#002142;margin: 20px 0 0 30px;}
#rtl_ordreview .row{font-size: 12px;height: 18px;font-weight: normal;clear: both;}
#rtl_ordreview .row .product{width:150px;float: left;}
#rtl_ordreview .row .size{width:50px;float: left;text-align: center;}
#rtl_ordreview .row .quan{width:100px;float: left;text-align: center;}
#rtl_ordreview .row .mynote{width:260px;float: left;font-style: italic;}
#rtl_ordreview .hrow{font-weight: bold;font-size: 12px;font-style: normal;}
#rtl_ordreview .row .price{width:80px;float: left;text-align: right;}
#rtl_ordreview .row .subtotal{width:80px;float: left;text-align: right;}
#rtl_ordreview .row .tlabel{width: 680px;float: left;text-align: right;font-size: 12px;margin: 0 5px 0 0;}
#rtl_ordreview .row .tvalue{width: 155px;float: left;text-align: right;font-size: 12px;margin: 0 5px 0 0;}
#rtl_ordreview .row .despatch{width:120px;float: left;text-align: center;}
#rtl_ordreview .row .barcode{width:150px;float: left;text-align: center;}

.orderinfo{width: 280px;height: 150px;line-height: 16px;color:#002142;}
.orderinfo .label{width: 80px; float: left;text-align: right;font-size: 12px; font-weight: bold;}
.orderinfo .text{width: 180px; float:left; margin: 0 0 0 10px;font-size: 12px; font-weight: normal;font-style: italic;}

.rtl_ordsubmit{width: 410px;font-size: 14px;margin: 10px auto;border: 1px solid #696697;color:#002142;}
.rtl_ordsubmit .row{display: block;clear: both;margin: 5px 5px 5px 5px;}
.rtl_ordsubmit .row .label{width: 100px;float: left;text-align: left;font-size: 12px;margin: 0 10px 0 0;}
.rtl_ordsubmit .row .inputfield{width: 100%;float: left;font-size: 12px;text-align: left;}
.rtl_ordsubmit .row .hint{width: 250px;display:inline-block;font-size: 10px;text-align:left;margin: 0 10px 0 10px;}
.rtl_ordsubmit .row .required{font-weight:bold;}
.rtl_ordsubmit .form_submit{margin: 10px auto;clear: both;text-align: center;}
.rtl_ordsubmit #submit_button {text-align: center;}
.rtl_ordsubmit .instruction{font-size: 10px;font-size: 12px;line-height: 16px;margin:20px 10px 10px 10px;clear: both;}

.rtl_paysubmit{float: left;width: 410px;font-size: 14px;margin: 10px 20px 0 0;border: 1px solid #696697;color:#002142;}
.rtl_paysubmit .row{display: block;clear: both;margin: 5px 5px 5px 5px;}
.rtl_paysubmit .row .label{width: 100px;float: left;text-align: left;font-size: 12px;margin: 0 10px 0 0;}
.rtl_paysubmit .row .inputfield{width: 100%;float: left;font-size: 12px;text-align: left;}
.rtl_paysubmit .row .hint{width: 250px;display:inline-block;font-size: 10px;text-align:left;margin: 0 10px 0 10px;}
.rtl_paysubmit .row .required{font-weight:bold;}
.rtl_paysubmit .form_submit{margin: 10px auto;clear: both;text-align: center;}
.rtl_paysubmit #submit_button {text-align: center;}
.rtl_paysubmit .instruction{font-size: 10px;font-size: 12px;line-height: 16px;margin:20px 10px 10px 10px;clear: both;}

.rtl_ordsummary{float: left;width: 410px;font-size: 14px;margin: 10px 20px 0 0;border: 1px solid #696697;color:#002142;line-height: 22px;}
.rtl_ordsummary .label {width: 120px;float: left;text-align: right;font-size: 12px;font-weight: bold;margin: 0 10px 0 0;}
.rtl_ordsummary .value {width: 270px;float: left;font-size: 14px;text-align: left;}

/* for download files */
.rtl_download{width: 880px; margin: 10px 0 0 10px;}
.rtl_download .row{width: 100%;font-size: 14px;line-height: 24px;border-bottom:1px solid #aaa;color:#000}
.rtl_download .hrow{font-weight:bold;}
.rtl_download .row .name{width: 400px; display:inline-block;}
.rtl_download .row .date{width: 200px; display:inline-block;}
.rtl_download .row .size{width: 100px; display:inline-block;}
.rtl_download .row .action{width: 100px; display:inline-block;}

input[name="ord_initial"] {width: 50px !important;}
textarea[name="ord_note"] {display: block; clear: both; height: 5em;}