body {
	font-family:'iransansweb', Tahoma, Geneva, sans-serif;
	color:#080c3f;
	font-size:12px;
	direction:rtl;
	padding:0;
	margin:0;
}
html {
	font-family:'iransansweb', Tahoma, Geneva, sans-serif;
	color:#080c3f;
}
@font-face {
	font-family:'iransansweb';
    src:url('../../fonts/iransansweb-light/iransansweb.eot?#') format('eot'),
        url('../../fonts/iransansweb-light/iransansweb.woff') format('woff'),
        url('../../fonts/iransansweb-light/iransansweb.ttf') format('truetype');
}
table {
	font-family:'iransansweb', Tahoma;
	font-size:12px;
	color:#080c3f;
}
.Alert {
	border:1px solid #060;
	background-color:#c9fb84; ;
	min-width:400px;
}
.Alert2 {
	border:1px solid #900;
	background-color:#FCDBD1; 
	min-width:400px;
}
.AlertLightbox {
	border:1px solid #060;
	background-color:#c9fb84;
	min-width:250px;
	margin:10px auto 10px auto;
	direction:rtl;
}
.AlertLightbox2 {
	border:1px solid #900;
	background-color:#FCDBD1;
	min-width:250px;
	margin:10px auto 10px auto;
	direction:rtl;
}
.Alert3 {
	border:1px solid #F90;
	background-color:#FFFF33; 
	min-width:400px;
}
a {
	font-family:"iransansweb",Tahoma;
	font-size:12px;
	color:#080c3f;
	-webkit-transition:color .25s ease-in;  
   	-moz-transition:color .25s ease-in;  
  	-o-transition:color .25s ease-in;  
   	transition:color .25s ease-in;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#04cbd2;
	-webkit-transition:color .25s ease-in;  
   	-moz-transition:color .25s ease-in;  
  	-o-transition:color .25s ease-in;  
   	transition:color .25s ease-in;
}
a:active {
	text-decoration:none;
	color:#036F03;
}
.forPaymentDetailTitle {
	width:95%;
	font-size:16px;
	height:auto;
	margin:20px auto 10px auto;
	color:#f6a10d;
	border:0px solid red;
}
.factorDetailTitle {
	width:95%;
	font-size:16px;
	height:auto;
	margin:5px auto 5px auto;
	border:0px solid red;
}
.TextF {
	max-width:295px;
	width:95%;
	font-size:12px;
	color:#000000;
	font-family:"iransansweb",Tahoma;
	text-indent:3px;
	background:#F6F3F3;
	border:1px solid #ccc;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
	height:27px;
	margin:5px;
	padding:0;
	background:linear-gradient(#eee, #fff);
  	transition:all 0.3s ease-out;
}
.TextF:focus {
  outline:none;
  background-position:0 -2.3em;
}
.TextArea {
	max-width:295px;
	width:95%;
	height:100px;
	font-family:"iransansweb",Tahoma;
	font-size:12px;
	color:#000000;
	background-color:#F6F3F3;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	margin:5px;
	text-indent:3px;
	background:linear-gradient(#eee, #fff);
  	transition:all 0.3s ease-out;
	border:1px solid #ccc;
}
.Submit {
	font-size:11px;
	color:#000000;
	background-color:#F6F3F3;
	border:1px solid #ccc;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
	cursor:pointer;
	height:30px;
	min-width:100px;
	background:linear-gradient(#eee, #fff);
}
.darkGrayButton {
	width:auto;
	line-height:20px;
	background:#069319;
	padding:4px 15px 8px 15px;
	font-family:"iransansweb",Tahoma;
	font-size:13px;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
.darkGrayButton:hover {
	background:#36D308;
}
a.darkGrayButton {
	padding:0px 15px 3px 15px;
	font-size:13px;
	color:#FFFFFF;
}
.TdFont {
	color:#f6a10d;
}
.loginTitle {
	font-weight:bold;
	color:#797979;
}
table#tableGrid td, table#tableGridFile td {
	padding:3px;	
}
table#tableGrid, table#tableGridFile {
	border:1px solid #CCC;
	padding:3px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
}
table#tableToolbar {
	background:url(../image/table-toolbar-bg.png) repeat-x;
	height:54px;
	border:1px solid #CCC;
	margin-bottom:10px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
    -webkit-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.2);	
}
table#tableToolbar td {
	padding:0px 5px 0px 5px;	
}
#tableGrid tr {
	background-color:#efefef;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
#tableGridFile tr {
	background-color:#E8E9E6;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
#tableGrid tr td {
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGridFile tr td {
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
#tableGrid tr:hover {
	background-color:#FEE5AE;
	text-align:center;
	-webkit-transition:color .25s ease-in-out;
	-moz-transition:color .25s ease-in-out;
	-o-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out;
}
#tableGridFile tr:hover {
	background-color:#fee4ab;
	text-align:center;
	-webkit-transition:color .25s ease-in-out;
	-moz-transition:color .25s ease-in-out;
	-o-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out;
}
.bgtd1 {
	background-color:#eaeaeb;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd2 {
	background-color:#dadadd;	
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd3 {
	background-color:#F93B3B;	
	text-align:center;
}
.bgtd4 {
	background-color:#ccdddf;
	text-align:center;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.bgtd5 {
	background-color:#FF9;
	text-align:center;
}
.bgtd6 {
	background-color:#6F3;
	text-align:center;
}
.bgtd7 {
	background-color:#090;
	text-align:center;
}
.bgtdhed {
	background-color:#fdbb2a !important;
	height:40px;
	color:#ffffff !important;	
	font-family:'iransansweb',tahoma;
	font-size:13px;
}
.inlineTable tr {
	background:none !important;
}
.stuffLevelColor {
	width:15px;
	height:15px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 auto;
	text-align:center;
	-webkit-box-shadow:2px 2px 4px 0px rgba(80, 50, 50, 0.2);
    -moz-box-shadow:2px 2px 4px 0px rgba(50, 80, 50, 0.2);
    box-shadow:2px 2px 4px 0px rgba(80, 50, 50, 0.2);
}
.shoppingCartTotalPrice {
	width:auto;
	height:30px;
	display:inline-block;
	padding:5px 50px;
	text-align:center;
	float:left;
	margin:10px 0px 0px 28px;
	border-top:1px solid #3f4343;
}
/*------------------------------- Login Panel ----------------------------*/
.forLoginPanel {
	width:100%;
	height:370px;
	display:inline-block;
	background:url(../../img/ward_top/login/login_back.png) center no-repeat;
	margin-top:30px;
}
.forLoginUserImg {
	width:265px;
	height:99px;
	display:inline-block;
	float:right;
	margin:10px 24px 0px 0px;
	background:url(../../img/ward_top/login/login_userimg.png) center no-repeat;
}
.forLoginInputs {
	width:275px;
	height:auto;
	display:inline-block;
	float:right;
	margin-right:18px;
	margin-top:5px;
	border:0px solid red;
}
.forLoginTextF {
	width:240px;
	height:29px;
	display:inline-block;
	text-align:left;
	background:url(../../img/ward_top/login/input_back.png) center no-repeat;
	border:0px solid red;
  	transition:all 0.3s ease-out;
}
.loginTextF {
	width:240px;
	height:35px;
	font-family:'iransansweb', Tahoma;
	font-size:12px;
	background:none;
	margin:0px 12px 0px 0px;
	color:#080c3f;
	direction:ltr;
	text-indent:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #080c3f;
}
.loginTextF:focus {
	border:1px solid #080c3f;
}
.orangeButton {
	width:100px;
	line-height:18px;
	background:#000ba2;
	padding:4px 15px 8px 15px;
	margin:8px 0px 0px -5px;
	font-family:"iransansweb",Tahoma;
	font-size:14px;
	color:#ffffff !important;
	border:none;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
a.orangeButton {
	padding:0px 15px 3px 15px;
}
.orangeButton:hover {
	background:#04cbd2;
}
.loginDivider {
	width:275px;
	height:3px;
	display:inline-block;
	margin:3px 3px 3px auto;
	background:url(../../img/ward_top/login/divider.png) center no-repeat;
}
.signinedDivider {
	width:275px;
	height:3px;
	display:inline-block;
	margin:3px 18px 3px auto;
	background:url(../../img/ward_top/login/divider.png) center no-repeat;
}
.forLoginItem {
	width:215px;
	height:24px;
	display:inline-block;
	float:right;
	margin-right:48px;
	text-align:right;
	border:0px solid red;
}
.forLoginImg{
	width:24px;
	height:24px;
	border-radius:50%;
	display:inline-block;
	float:right;
}
#userRegisterIcon{
	background:url(../../img/ward_top/login/register_icon.png) center center no-repeat #000ba2;
}
#userForgotPass{
	background:url(../../img/ward_top/login/forgetpassword_icon.png) center center no-repeat #000ba2;
}
#resendIcon{
	background:url(../../img/ward_top/login/resend_icon.png) center center no-repeat #000ba2;
}
.forLoginItemText {
	width:170px;
	height:auto;
	line-height:20px;
	display:inline-block;
	float:right;
	margin-right:8px;
}
.forLogout {
	float:left;
	width:55px;
	height:30px;
	line-height:25px;
	text-align:left;
	margin-left:15px;
	display:inline-block;
}
.forLogout a, .forLogout a:link, .forLogout a:active, .forLogout a:visited, .forLogout a:hover {
	color:#080c3f;
}
.forWelcomeMessage {
	width:200px;
	height:30px;
	line-height:25px;
	display:inline-block;
	float:right;
	margin-right:18px;
	text-align:right;
	font-family:'iransansweb', tahoma;
	font-weight:bold;
	font-size:12px;
	color:#080c3f;
}
.forSignedPanel {
	width:100%;
	height:370px;
	display:inline-block;
	background:url(../../img/ward_top/login/login_back.png) center no-repeat;
}
.forSignedPanel ul {
	padding:0;
	margin:0;
	list-style:none;
}
.forSignedItem {
	width:255px;
	height:24px;
	line-height:20px;
	display:inline-block;
	float:right;
	margin-right:27px;
	border:0px solid red;
}
.forSignedItemImg {
	width:27px;
	height:24px;
	float:right;
	overflow:hidden;
	margin-left:15px;
	display:inline-block;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	border:0px solid red;
}
.forSignedItem:hover .forSignedItemImg {
	background-position:-27px 0px !important;
}
.forSignedItemText {
	width:210px;
	height:100%;
	line-height:20px;
	display:inline-block;
	float:right;
	text-align:right;
	color:#080c3f;
}
.forSignedItemText a, .forSignedItemText a:link, .forSignedItemText a:active, .forSignedItemText a:visited {
	color:#000000;
}
.forSignedItem:hover .forSignedItemText {
	color:#04cbd2;
}
#totalPrice {
	color:#000000;
	width:300px;
	height:30px;
	line-height:20px;
	text-align:right;
	float:left;
	margin-top:10px;
	border-top:2px solid #a6a6a9;
}
#dispatchPrice {
	width:300px;
	height:30px;
	color:#000000;
	line-height:20px;
	text-align:right;
	float:left;
}
#totalPriceWithDispatch {
	width:300px;
	height:30px;
	color:#000000;
	line-height:20px;
	text-align:right;
	float:left;
}
/*--------------------------- End Login Panel ----------------------------*/
/*--------------------------- Major Order --------------------------------*/
#forMajorOrderPage {
	width:95%;
	height:auto;
	display:inline-block;
	margin:10px 17px 0px 0px;
	border:0px solid red;
}
#forContentStuff {
	height:auto;
	text-align:justify;	
	border:0px solid red;
}
#stuffImg {
	max-width:250px;
	max-height:250px;
	margin:0 auto;
	text-align:center;
	border:1px solid #FFDA00;
}
#stuffImg img {
	margin:0 auto;
}
#stuffName {
	font-size:20px;
	font-weight:bold;
	color:#080c3f;
	border:0px solid red;
}
#moreContactInfo {
	margin-top:15px;
	font-size:14px;
	font-weight:bold;
	color:#018B11;
}
#forOrderForm {
	height:auto;
	background:#F1F1F1;
	font-size:16px;
	font-weight:bold;
	color:#080c3f;
	border:0px solid blue;
}
#majorSubmitBtn {
	margin:15px auto;
}
#captchaInputTitle {
	height:27px;
	line-height:27px;
	margin:5px auto;
	text-align:left;
}
#captchaInput {
	text-align:right;
	max-width:170px !important;
}
.forLoading {
	width:100%;
	height:100%;
	display:none;
	background:url(../../img/loading_back.png) repeat;
	position:absolute;
	top:0px;
	z-index:50000;
}
.loadingAndFade {
	width:200px;
	height:100px;
	background:url(../../img/loading.gif) 180px center no-repeat #F4F7FE;
	padding:0px 20px;
	line-height:100px;
	display:inline-block;
	position:absolute;
	top:25%;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-family:'iransansweb',Tahoma;
	font-size:18px;
	color:#656565;
}
/*=========================== Fast Register =====================*/
.forRegisterAdminMessage {
	width:100%;
	height:auto;
	line-height:1.5;
	display:inline-block;
	text-align:center;
	margin:10px auto;
	font-size:13px;
	font-family:"iransansweb", Tahoma;
}
.signUpRow {
	text-align:center;
	height:30px;
	line-height:30px;
}
.rulesLink {
	text-decoration:underline !important;
}
.rulesLink:hover {
	color:#4f4e4e;
}
input[type="checkbox"].registerCheckBox {
    display:none;
}
input[type="checkbox"].registerCheckBox + label {
	text-align:center;
}
input[type="checkbox"].registerCheckBox + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:7px 0px 0px 4px;
    vertical-align:middle;
    background:url(../../img/checkbox/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
	border:0px solid red;
}
input[type="checkbox"].registerCheckBox:checked + label span {
    background:url(../../img/checkbox/check_radio_sheet.png) -19px top no-repeat;
}
input[type=number] {
  -moz-appearance:textfield;
}
input[type="text"]::placeholder { 
	/* Firefox, Chrome, Opera */ 
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
} 
input[type="text"]:-ms-input-placeholder { 
	/* Internet Explorer 10-11 */
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
}
input[type="text"]::-ms-input-placeholder { 
	/* Microsoft Edge */
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
}
input[type="password"]::placeholder { 
	/* Firefox, Chrome, Opera */ 
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
}
input[type="password"]:-ms-input-placeholder { 
	/* Internet Explorer 10-11 */
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
}
input[type="password"]::-ms-input-placeholder { 
	/* Microsoft Edge */
	text-align: right;
	font-size:11px;
	color:#8e8d8d;
}
/*=========================== End Fast Register =================*/
/*=========================== UserPackage =====================*/
#forSavingUserPackage {
	position:absolute;
	top:60px;
	width:100%;
}
/*=========================== End UserPackage =================*/
::-moz-selection {
	background-color:#FDBB2A;
	color:#ffffff;
}
::selection{
	background-color:#FDBB2A;
	color:#ffffff;
}
/*--------------------------- HELPER ----------------------------*/
.p0 {
    padding:0 !important;
}
.m0 {
    margin:0 !important;
}
.pr0 {
    padding-right:0px !important;
}
.pl0 {
    padding-left:0px !important;
}
.p10 {
    padding:10px;
}
.mr0 {
    margin-right:0px;
}
.ml0 {
    margin-left:0px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mb10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mb20 {
	margin-top:20px;
}
@media (max-width:500px) {
	#confirmBox {
		width:99% !important;
		max-width:460px !important;
		left:0px !important;
		right:0px !important;
		margin:-130px auto 0px auto !important;
	}
	#userPackagePage #confirmBox {
		margin:-75px auto 0px auto !important;
	}
}
@media (max-width:440px) {
	.majorOrderBox {
		float:none;
		margin:0 auto;
		width:70%;
	}
}
@media (max-width:380px) {
	.majorOrderBox {
		width:80%;
	}
}
@media (max-width:350px) {
	.majorOrderBox {
		width:90%;
	}
}