/*RESET CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}

td{text-align:left;vertical-align:top}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
	font-weight:600;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong{font-weight:600;font-size:14px}

/*RESET CSS ENDS HERE*/

/*WEB SKIN STARTS HERE*/


		body{margin:0; padding:0; color:#959595; background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px;}
		a:link,a:visited,a:hover{color:#959595;}
		h1{ font-size:19px; margin:0px 0 10px 0; color:#444;}
		h2{    /*background-color: #FAFAFA;
    border-bottom: 1px solid #CCCCCC;*/
    color: #444444;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 5px 0px;}
    h3{font-weight:bold;}
		       .w900{width:990px;margin:0 auto;}
		h1+p{margin:10px 40px 0 40px; color:#ccc; font-style:italic;}
		p{margin:0 0 20px 0;}
		hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(0,0,0,0.9); margin:20px 10px; clear:both;}
		.links{margin:10px 0 0 10px;}
		.links a{display:inline-block; padding:2px 10px; margin:10px; background:#C30; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
		.links a:hover{background:#959595;color:#959595}
.transparent {
        width: 100%; 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=84)";
        filter: alpha(opacity=84);
        -moz-opacity:0.84;
        -khtml-opacity: 0.84;
        opacity: 0.84;
}

.fl{float:left}
.fr{float:right}
.cb{clear:both}

.show{display:block;}
.hide{display:none;}

.w10{width:10px}
.w20{width:20px}
.w25{width:25px}
.w30{width:30px}
.w50{width:50px}
.w60{width:60px}
.w75{width:75px}
.w90{width:90px}
.w108{width:108px;}
.w100{width:100px}
.w125{width:125px}
.w135{width:135px}
.w145{width:145px;}
.w150{width:150px}
.w168{width:168px}
.w175{width:175px}
.w200{width:200px}
.w240{width:240px}
.w225{width:225px}
.w270{width:270px}

.w250{width:250px}
.w275{width:275px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px;}
.w510{width:510px;}
.w600{width:600px;}
.w413{width:413px}
.w700{width:700px;}
.w770{width:770px;}
.w840{width:840px;}
.w900{width:900px;}
.w990{width:990px;}

.main{width:990px;}
.cellwidthbig{width:135px;}
.cellwidthmedium{width:100px}
.cellwidthsmall{width:75px}

.minh{min-height:500px;}
.VAM{vertical-align:middle;}

.bt{border-top:1px solid #ddd}
.br{border-right:1px solid #ddd}
.bb{border-bottom:1px solid #ddd}
.bl{border-left:1px solid #ddd}

.dbb{border-bottom:1px dashed #efefef}
.btd{ border-top:1px dashed #959595}

.p3{padding:3px;}
.pt3{padding-top:3px;}
.pt5{padding-top:3px;}
.pt6{padding-top:6px;}
.pt9{padding-top:3px;}
.pt10{padding-top:3px;}
.pt12{padding-top:3px;}
.pt15{padding-top:3px;}
.pt20{padding-top:3px;}
.pt30{padding-top:3px;}
.pt40{padding-top:3px;}
.pt100{padding-top:100px;}
.pt300{padding-top:300px;}
.h3{height:3px;}
.h23{height:23px;}
.h160{height:160px;}
.h180{height:180px;}
.h200{height:200px;}
.h220{height:220px;}
.h650{height:650px;color:#000;}
.hauto{height:auto;}
.w3{width:3px;}

.TAC{text-align:center;}
.TAL{text-align:left;}
.TAR{text-align:right;}

a{color:#959595;text-decoration:none;}
a:hover{color:#959595;text-decoration:underline;}
.center{padding:0px; margin:0 auto;}
.td{text-decoration:underline;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt5{margin-top:5px;}
.mt3{margin-top:3px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}
.mt150{margin-top:150px;}
.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.ml30{margin-left:30px;}
.ml50{margin-left:60px;}
.ml60{margin-left:50px;}
.ml100{margin-left:100px;}
.ml105{margin-left:105px;}
.ml110{margin-left:110px;}
.ml115{margin-left:115px;}
.ml150{margin-left:150px;}
.ml170{margin-left:170px;}
.ml190{margin-left:190px;}
.ml300{margin-left:300px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml40{margin-left:40px;}
.mr10{margin-right:10px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr130{margin-right:130px;}
.mr150{margin-right:150px;}

.mb50{margin-bottom:50px;} 
.mb60{margin-bottom:60px;} 
.mb20{margin-bottom:20px;} 
.mb5{margin-bottom:10px;} 
.mnb20{margin-bottom:-20px;}
.fs11{font-size:11px;} 
.fs14{font-size:14px;} 
.fs13{font-size:13px;} 
.fs12{font-size:12px;}   
.fs30{font-size:27px;} 
.fsb{ line-height:30px; font-size:26px;}
.fs20{font-size:20px;}

.cp{cursor:pointer;}

#links a{display:block}
.sep{border-top:1px solid #999;height:1px;margin:10px 0px}
.scroller{overflow:auto;height:419px;width:789px;}
.scroll{height:500px;overflow:auto;width:-moz-fit-content;}

*[disabled=disabled]{background-color:#efefef;}
input[type=button]
{
    background-color: #CCCCCC;
    border: medium none;
    color: #FFFFFF;
    padding: 3px 13px;
    text-decoration: none;
    cursor:pointer;
}
select{width:125px;margin-bottom:10px;}

.productrow{width:860px;margin:0 0 35px auto;}
.productrow input{width:52px;}

.cell{padding:0 10px 0 0;float:left;}
.cellR{padding:0;float:right;}

#footer{font-size:10px;}
#register{margin-top:20px;font-size:11px;}
#register input[type=text]
{
    width:200px;
    
    }
#register input[type=password]{width:200px;}
#register select{width:200px;}
.submit{text-align:right;}
.err{color:Red;font-size:11px;}
.success{color:#090;font-size:11px;}
.inv{display:none;}
.fb{ font-weight:bold}
.fi{ font-style:italic}
.Result{padding: 5px;border:1px dashed #bbb;margin:0px 0 15px 0px;background-color:#F1F1F1;font-size:19px;}
.CartHeader{margin:0px 0 7px 0px;background-color:#F1F1F1;font-size:19px;}
.oResult{border:1px dashed #bbb;padding:5px;margin:50px 0 15px 0px;background-color:#F1F1F1;font-size:19px;}
.oResultSupplier{border:1px dashed #bbb;padding:5px;margin:50px 0 15px 105px;background-color:#F1F1F1;font-size:19px;}
#Login{margin:100px auto;}
.orderbutton{border:1px solid #efefef!important;padding:3px;margin-top:5px;}
#total{}
#Loginsuccess{border:1px dashed #bbb;padding:5px;margin:0px 0 15px 0px;background-color:#FFFFB5;font-size:12px;}
#AllProductsDiv{max-height: 357px;overflow: auto;}
.Processing{border:1px solid #bbb;padding:5px;margin:27px 265px 0px;background-color:#F1F1F1;font-size:19px;}
input
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C8C8C8 -moz-use-text-color;
    border-left: medium none;
    border-right: medium none;
    border-style: solid none;
    border-width: 1px medium;
    color: #949494;
    font-size: 11px;
    outline: medium none;
    padding: 2px 0;
}
select
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C8C8C8 -moz-use-text-color;
   /* border-left: medium none;
    border-right: medium none;*/
    border-style: solid none;
    border-width: 1px medium;
    color: #949494;
    font-size: 11px;
    outline: medium none;
    padding: 2px 0;
     border-left:1px solid #FFFFFF;
    border-right:1 px solid #FFFFFF;
    
   
}

 input[type=submit] {border:none; color:#949494; font-size:11px; outline:none; cursor:pointer; font-style:normal; background:none;}
 
/* table tr td{font-size:13px;border-color: #CCCCCC;border-width: 1px 1px 0 0;border-style: solid;margin: 0;padding: 4px;}
 table tr th{font-size:13px;border-color: #CCCCCC;border-width: 1px 1px 0 0;border-style: solid;margin: 0;padding: 4px;}*/
 table tr td,th{font-size:13px;border-color: #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;margin: 0;padding: 4px;}
 
/*table{ border-color: #CCCCCC;border-width: 0 0 1px 1px;border-style: solid;}*/
.datadiv{overflow-x:scroll ;}
 table{border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}

.show{ display:block;}
#Login input[type="text"]{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
#Login input[type="password"]{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.display{text-align:center;}
.content{text-align:left;}
.otherPages{margin:50px auto;width:820px;text-align:justify;}
.otherPages ul li{ list-style-type:disc;margin-top:10px;}

.#menu ul li a:visited{ text-decoration:underline;}
.otherPages h2{}
/*#oResult{padding-left:380px;}*/
.adminmenu{border-right:1px solid;margin-top:5px!important;}
#menu, .adminmenu {border-left:1px solid;border-top:1px solid;border-bottom:1px solid;margin-top:20px;}
#menu li, .adminmenu li {  display:inline;list-style:none;border-right:1px solid;padding:2px;}
.adminmenu li:last-child {  border:none;}
#objSuppliers table tr,td,th{font-size:11px !important;}
#addEdit{font-size:11px;}
.addEdit input[type="text"]{width:200px;}
.addEdit input[type="password"]{width:200px;}
.addEdit select{width:200px;}
.listing table tr,td,th{font-size:11px !important;}
.fileupload{width:150px;}
/*#Tabs{border-left:1px solid #CCCCCC;}
#Tabs .fl {border-right:1px solid #CCCCCC;padding:3px;border-top:1px solid #CCCCCC;}
#content{display:block;height:300px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;
         border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}

#objOrders{display:none;width:922px;height:255px;}
#objReplacements{display:none;width:922px;height:255px;}
#objDispatched{display:none;width:922px;height:255px;}
#objConfirmed{display:none;width:922px;height:255px;}*/
.tab_content{height:300px;}
.forgotPass{border:1px dashed #bbb;padding:5px;margin:0px 0 15px 0px;background-color:#F1F1F1;font-size:12px;}

.unsuspend{background-color:#EEEEEE;}
.disablelink{cursor:default !important;color:#CCCCCC !important; text-decoration:none !important;}
.color{color:Red;}
.linkColor{color:#00AEDD !important;}
.account{width:820px;margin:0 0 35px auto;}
.bbdashed{ border-bottom-style:dashed;}
.fwb{ font-weight:bold;}
.bzero{border:0px;}
.payment{margin: 70px 0 0 auto;}
.borderBlack{border:1px solid #000000 !important;color:#000000 !important;}
.borderGray{border:1px solid #C8C8C8 !important;}
#err{color:Red;font-size:11px;}
.warning{color:#F79C41;font-size:11px;}
#CODSticker
{
    color:Black;font-size:25px;
  /*  width:295px; */
    font-family:@Arial Unicode MS;border:1px solid #CCCCCC;padding-left:20px;
   /* height:151px;*/
   width:385px;
   height:291px;
}
.IsCodColor{color:#22B14C;margin: 0 0 35px auto;width:820px;}
.productContainer{margin:0 0 35px auto;}
.productContainer input{width:52px;}
.annxTable { padding:0;margin:0;border:none!important;}
.annxTable tr th, .annxTable tr td{width:150px;border:none!important;}
.annxTable tr th:last-child, .annxTable tr td:last-child{border:none;}

.annxContainer tr th:last-child{ padding:0;margin:0;}
.annxContainer tr th:nth-child(4){ padding:0;margin:0;}
.annxContainer tr td:last-child{ padding:0;margin:0;}
.alertText{border:1px dashed #bbb;padding:5px;margin:0 170px;background-color:#F1F1F1;font-size:19px;width:500px;}
.pay{background-color:#CCCCCC !important;text-align:center;color:#FFFFFF !important;}


.local-env{background-color:Yellow;color:black;position:fixed;top:100px;left:0px;border:2px solid #acacac;padding:3px;}
.beta-env{background-color:green;color:white;position:fixed;top:100px;left:0px;border:2px solid #acacac;padding:3px;}
.cc-div{background-color: #F1F1F1;border: 1px solid #BBBBBB;font-size: 12px;margin: 0 242px;padding: 5px;position: fixed;right: 0;top: 0;width: 300px;}
.admin-div{background-color: #F1F1F1;border: 1px solid #BBBBBB;font-size: 12px;padding: 5px;position: fixed;right: 0;bottom: 0px;}
.CartDiv{background-color: #F1F1F1;border: 1px solid #BBBBBB;font-size: 12px;padding: 5px;position: fixed;left: 0;top: 40%; width:300px;}
.cc-logout-div{background-color: #F1F1F1;border: 1px dashed #BBBBBB;font-size: 19px;margin: 0 619px;padding: 5px;position: absolute;top: 60px; width:153px;}
.bg{background-color: #F1F1F1;};
/*PROGRESS BAR*/
#progressBar {
		height: 22px;
		border: 1px solid #111;
		background-color: #f9f9f9;
		border-radius:5px 5px 5px 5px;
		box-shadow:0 0 5px #333333;
		margin: 0 0 35px auto;
        width: 820px;
}

#progressBar div {
		height: 100%;
		color: #000;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background-color:#7e7e7e;
		background:-moz-linear-gradient(center top , #7e7e7e, #777) repeat scroll 0 0 transparent;
}


.infoText{color:#c00;font-size:12px;font-weight:600;}

#payment .ml20 {display:none!important;}

.downloads {text-align:center;float:left; width:120px; height:100px;margin:right:20px;}
.downloads:hover{background-color:#ececec;}
.downloads img{display:block;margin:3px;}
.downloads a{display:block; }

.filter{background:#f7f7f7;border:1px solid #aaa;padding:4px;margin-top:10px;}
.filter b{margin-right:10px;}
.filter input{margin-right:5px;}
.filter label{margin-right:10px;}
.oFilteredResults{background:#fafafa;border:1px solid #eee;font-size:15px;font-weight:600;padding:5px;}
.PopupDiv{ height:500px; overflow:auto;}
.DateModifyDiv{background-color: #990000; color: #FFFFFF;left: 0;margin: 10px 0;padding-left: 5px;}