/* CSS Document */

body{font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#000;margin:0px;background:#f5f5f5;}
a:link,a:visited,a:active{text-decoration:none;color:#292727;font-weight:bold;}
.color-black{ color:#000 !important;}
a:hover{text-decoration:none;}
img{border:0}
h1,h2{font-weight:normal;}
h1{}
h2{}
h3{margin:0px;padding:0px;}
.star{color:#F00;vertical-align:top;margin-right:5px;display:inline-block;}
.logintextBox {
outline: 0px;
border:0px;
}

.topSection{overflow:hidden;margin:auto;padding:15px 0px;}
.topContainer{width:1100px;margin:auto;overflow:hidden;}
.logoSection{float:left;text-align:center;}
.rjmText{font-size:22px;float:left;margin:35px 0px 0px 15px;}
.logoutBtn{float:right;margin:35px 0px 0px 0px;}
.logoutBtn .logoutIcon{display: inline-block;
width: 24px;
height: 29px;
background-position: 0px -48px;
padding-left:5px;float:left;}
.logoutText{display:inline-block;float:left;font-size:18px;margin-top:2px;}
.logoutText:hover{text-decoration:underline;}
.section{width:1100px;margin:auto;border-bottom:solid 2px #a5a5a5;border-top:solid 2px #a5a5a5;padding:15px 0px;text-align:center;}


.contianer{width:900px;margin:auto;}
.loginContainer {
margin: 0px auto;
margin-bottom: 40px;
width: 550px;
}
#msgSection {
height: 30px;
margin-top: 10px;
}
.loginContainer .logo {
margin: 20px 0px 15px 0px;
text-align:center;
}
.loginContainer .loginDiv {
text-align:center;
margin-top:35px;
}
.loginContainer .loginData {
clear: both;
overflow: hidden;
position:relative;
height:45px;
padding:10px 0px;
border-bottom:solid 1px #cccccc;
background:#fff;
}
.logoText{text-align:center;font-size:25px;}
.loginContainer label {
font-size: 17px;
width: auto !important;
font-weight: bold;
color: #000 !important;
display:block;
}
.loginContainer .userName {
background-position: 7px -2px;
}
.loginContainer .textBox {

width: 340px;
margin:0px;
border:none;
height:45px;
float:right;
border-left:solid 1px #cccccc;
padding-left:10px;
}
.Btn{
padding: 7px 25px;
color: #fff !important;
font-size: 14px;
border: 1px solid #000;cursor:pointer;transition: all 0.2s linear;}
.lightgrayBtn {background: #efefef;color:#333333 !important;}
.grayBtn {background: #333333;color:#fff;margin:0px;}
.grayBtn:hover{text-decoration:none !important;background: #2A2A2A;}
.lightgrayBtn:hover{text-decoration:none !important;background: #e5e5e5;}
.loginBtn{width:412px;cursor:pointer;padding:10px 0px !important;font-size:18px !important;margin-top:10px;border:0px;}
span.errorClass {
margin-left: 5px;
display: inline-block;
margin-top: 5px;
position: absolute;
right: 5px;
bottom: 5px;
z-index: 555;
width: auto;
height: auto;
font-size: 11px;
color: #F00;
}
.iconSprit {
background-image:url(../image/icon_sprite.png);
background-repeat:no-repeat;
}
.emailIcon{
background-position: 15px 14px;
display:inline-block;
float:left;
width:45px;
height:36px;
}
.passwordIcon{
background-position: 17px -19px;
display:inline-block;
float:left;
width:42px;
height:31px;
margin-top:5px;
}
.editIcon{float:left;display:inline-block;width:22px;height:24px;background-position:-2px -73px;}
.deleteIcon{float:right;display:inline-block;width:22px;height:24px;background-position:-1px -99px;}
.loginbtnSection{margin-top:15px;}
.loginBox{overflow:hidden;width:410px;margin:auto;
-webkit-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
-moz-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
box-shadow:0px 1px 1px 1px rgba(150,150,152,0.8);
background:#F1F1F1;
}
.titleSection{border-bottom:solid 1px #cccccc;padding:20px 0px;overflow:hidden;}
/*-----Common Css-----*/
.pull-right{float:right !important;}
.pull-left{float:left !important;}
.oh{overflow:hidden !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-12{margin-left:12px;}
.ml-30{margin-left:30px;}
.mr-5{margin-right:5px;}
.mr-20{margin-right:20px;}
.mb-10{margin-bottom:10px;}
.pt-10{padding-top:10px;}

.input-lg{width:520px;}
.input-md{width:260px;}
.input-sm{width:170px;}
.input-xsm{width:80px;}
.blueText{color:#003366;}
.tb{font-weight:bold;}
.selectBox{width:182px;height:37px !important;}
.selectBox1{width:120px !important;}
.formControl{position:relative;}
.font-16{font-size:16px;}
.col-1{width:50%;}
.col-2{width:32%;}
.link:hover{text-decoration:underline !important;}
/*--------------------*/
.titleText{color:#000;font-size:18px;font-weight:bold;}
.subHeading{font-size:15px;font-weight:bold;}
.fieldName{width:130px;float:left;margin-top:15px;font-weight:bold;margin-right:15px;}
.inputBox{border:solid 1px #cccccc;padding:5px;height:25px;}
.formSection{padding:20px;overflow:hidden;width:750px;margin:auto;}
.showPassword{color:#666666 !important;font-weight:bold;display:inline-block;margin:10px 0px 0px 20px;text-decoration:none;}
.showPassword:hover{text-decoration:underline;}
.formRadio{margin:0px 10px 0px 0px;vertical-align:middle;}
.statusSection{display:block;cursor:pointer;margin-bottom:10px;}
.middleLine{border-bottom:solid 1px #cccccc;margin:0px auto 0px auto;width:80%;padding-top:20px;}
.fieldName-lg{width:180px !important;}
.inventoryText{text-align:justify;padding:10px 70px 0px 10px;line-height:1.4;}
.inventorySection{padding:20px 0px;}
.orderstatusBox{width:120px;margin-left:10px;height:32px;}
.detailSection{background:#fff;overflow:hidden;padding:10px;margin-top:20px;-webkit-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
	-moz-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
	box-shadow:0px 1px 1px 1px rgba(150,150,152,0.8);}
.serachSection{width:90%;margin:10px auto 10px auto;}
.retailserachSection{width:60%;margin:10px auto 10px auto;}
.resultGrid{overflow:hidden;margin-top:20px;}
.TableGenerator {
	padding:0px;
	width:100%;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
	-moz-box-shadow: 0px 1px 1px 1px rgba(150,150,152,0.8);
	box-shadow:0px 1px 1px 1px rgba(150,150,152,0.8);
	
}.TableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.tableBorder{border-bottom:1px solid #a5a5a5;}

.TableGenerator .even{background-color:#fff;}
.TableGenerator td{
	vertical-align:middle;
	border-right:1px solid #a5a5a5;
	text-align:center;
	padding:8px 10px;
	font-size:12px;
	color:#000000;
}
.TableGenerator tr:first-child td{
	background-color:#DBDBDB;
	border-right:1px solid #a5a5a5;
	text-align:center;
	border-width:0px 1px 0px 0px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#000;
}
.TableGenerator tr:first-child td:first-child{
	border-width:0px 1px 0px 0px;
}
.TableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.gridFooter #tbl_bottom {
width: 100%;
}
.gridFooter #tbl_bottom #td_action {
text-align: left;
}
.gridFooter #tbl_bottom td {
width: 33%;
text-align: center;
}
.gridFooter #tbl_bottom #td_paging {
text-align: right;
}
.productImg{float:left;width:150px;height:150px;}
.productDetail{float:left;margin-left:25px;width:485px;}
.productName{font-size:18px;color:#292727;margin-bottom:5px;}
.productAttr{font-size:14px;padding:5px 0px;display:block;}
.attriuteName{width:150px;float:left;}
.commentArea{padding:10px 20px;text-align:justify;}
.commentText{resize:none;}

.msgSection{
	margin: 20px auto;
	text-align: center;
	width: 600px;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
	padding: 10px 0px;
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #c09853;
	padding: 10px 0px;
}

.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #b94a48;
	padding: 10px 0px;
}
.importcsv {position:relative;overflow:hidden;}
.importcsv input[type=file] {
position: absolute;
top: 0;
right: 0;
font-size: 999px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: block;
}
input[type=file] {
display: block;
}
.deleteRecore{vertical-align:middle;}

/*Order Detail Page */
.pending{color:#f94545 !important; }
.completed{color:#5eb10e !important;}
.cancelled{color:#d90808 !important;}
.shipped{color:#5eb10e !important;}
.cp{cursor:pointer !important;}

.percentage{display: inline-block;
vertical-align: middle;
margin: 10px 0px 0px 5px;}

span.tooltip {
top: 2px;
left: 20px;
white-space: nowrap;
}
.arrow {
width: 0;
height: 0;
border-top: 11px solid white;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
position: absolute;
left: 38px;
top: 35px;
z-index: 1001;
}
.box {
display: block;
background: white;
border: solid 1px #BBB;
border-radius: 5px;
box-shadow: 0px 0px 15px #999;
position: absolute;
padding: 10px 5px;
min-width: 200px;
min-height: 15px;
text-align: center;
color: #ff0000;
margin-top: -50px;
}
.PopupBox {
display: none;
top: -300px;
right: 110px;
font-size: 12px;
font-weight: normal !important;
}
.pr{position:relative;}
.clear-both{clear:both;}
.errorRed {
border: solid 1px #F23f00 !important;
}
input:focus, textarea:focus, keygen:focus, select:focus {
outline-offset: 0px;
}
#EnableLimitedBrowsing{vertical-align:middle;}
.orText{float:left;margin-right:10px;}
.note{font-size:11px;color:#666;}