/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
.green-p {
    background-color: #EFFBBF;
    border: 1px solid #D7F460;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    color: #6F8809;
    font: 11pt "GESS",tahoma;
    margin: 30px auto 20px;
    padding: 10px;
    text-align: center;
    width: 95%;
}
.errorbox {
    background-color: #FFE1E1;
    border: 1px solid #FF8080;
    border-radius: 5px 5px 5px 5px;
    color: #CC3300;
    font: 10pt "GESS",tahoma;
    margin: 10px 20px 20px;
    padding: 10px;
    text-align: right;
}
.well {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 20px 0 rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}


/* --------------------------------------------------------------
   QUOTES
-------------------------------------------------------------- */

.quotecontainer {
    border: 1px solid #ccc;
    background-color: #fff;
    background-image:url('../../images/quote.png');
    background-repeat:no-repeat;
    background-position: 10px 11px;
    color: #666;
    margin: 10px;
}

.quotecontainer:hover {
    background-color: #efefef;
    cursor: hand;
    cursor: pointer;
}

.quotecontainer .quoteid {
    float: left;
    width: 80px;
    padding: 13px 0 0 40px;
    text-align: center;
    font-size: 24px;
}

.quotecontainer .quoteleft {
    float: left;
    padding: 10px 0 10px 0;
    font-size: 11px;
}

.quotecontainer .quoteleft .subject {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px;
    color: #000;
    width: 350px;
}

.quotecontainer .quoteright {
    float: right;
    padding: 10px 15px 0 0;
    text-align: right;
}

.quotecontainer .quoteright .stage {
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 4px;
}
#blocking {
    height: auto;
    margin: 0 auto;
    width: 960px;
}
#blocking .blocking-head {
    background-image: url("images/blocking_head.png");
    height: 55px;
	border: 1px #D8D8D8 solid;
	border-radius: 8px;
}
#blocking .blocking-body {
    background: url("images/blocking_body.png");
    background-repeat: repeat;
	border-radius: 8px;
    height: auto;
	border: 1px #D8D8D8 solid;
    padding: 0 10px;
    text-align: right;
    width: 940px;
}
#blocking .blocking-footer {
    background-image: url("images/blocking_footer.png");
    height: 35px;
    width: 960px;
}
.blocking-head-title {
	border: 1px #D8D8D8 solid;
	border-bottom: 0px;
	font: 14pt "font towm", tahoma;
	right: -10px;
	top: 8px;
	bottom: 10px;
	width: 300px;
	height: 40px;
	position: relative;
	-webkit-box-shadow: 0px 1px 2px -1px #888888;
	-moz-box-shadow: 0px 1px 2px -1px #888888;
	box-shadow: 0px 1px 2px -1px #888888;
	color: #666666;
	line-height: 40px;
	background-color: #F5F5F5;
	text-align: center;
	cursor: help;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
		-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-radius: 6px 6px 0px 6px;
}
.blocking-arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-right: 10px solid transparent;
	border-top: 10px #808080 solid;
	top: 100%;
	right: 0px;
	position: absolute;
}
#blocking .blocking-words {
	font: 10pt "font towm", tahoma;
	background-image: url('images/grid_dot.png');
	background-position: right,top;
	background-repeat: no-repeat;
	padding: 10px 30px 10px 0;
	text-align: right;
	color: #749A02;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	cursor: pointer;
}
#blocking .blocking-words:hover {
	color: #666666;
}


.payment-sprite,.payment-egypost,.payment-ncb,.payment-nsgb,.payment-rjhy,.payment-wunion{background:url('../img/payment-s99cae7ec12.png') no-repeat}.payment-egypost{background-position:0 -300px}.payment-ncb{background-position:0 -200px}.payment-nsgb{background-position:0 -400px}.payment-rjhy{background-position:0 -100px}.payment-wunion{background-position:0 0}.whous-sprite,.whous-whous,.whous-whous2{background:url('../img/whous-sb820957f6a.png') no-repeat}.whous-whous{background-position:0 -315px}.whous-whous2{background-position:0 0}blockquote img{width:210px;height:110px;position:relative !important;right:50%;margin-right:-105px;margin-bottom:20px;border:5px #fff solid;box-shadow:0 5px 5px -4px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2)}a.paymentA{min-width:120px;position:relative;right:50%;margin-right:-60px}.payment{min-height:100px;margin:20px 0;cursor:pointer;padding:15px 10px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}.payment:hover{background:#fff}.payment span.paymentImg{width:210px;height:110px;position:relative;display:block;float:right;border:5px #fff solid;box-shadow:0 5px 5px -4px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2);-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.payment span.paymentInfo{width:60%;height:auto;position:relative;display:block;float:right;margin:0px 20px 0 0;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.payment span.paymentInfo i{width:98%;font:13px "droid", Tahoma, Verdana, Segoe, sans-serif;color:#222;display:block}.payment:hover>span.paymentImg{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.payment:hover>span.paymentInfo{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}.payment2{min-height:100px;margin:20px 0;cursor:pointer;padding:15px 10px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}.payment2:hover{background:#fff}.payment2 blockquote span{font-size:13.5pt}.payment3{overflow:hidden;height:315px;cursor:pointer}.payment3 img{position:relative;right:-90px;margin-right:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.payment3 img.whoushover{top:-640px}.payment3:hover img{top:640px}.payment3:hover img.whoushover{top:-315px}
@media only screen and (max-width: 480px){.payment span.paymentImg{float:none;right:-100px;margin-right:50%}.payment span.paymentInfo{float:none;width:80%;margin:10px 20px 0 0}}@media only screen and (max-width: 321px){.payment span.paymentImg{float:none;right:-100px;margin-right:50%}.payment span.paymentInfo{width:90%;margin:10px 10px 0 0}}@media only screen and (max-width: 767px){.payment span.paymentInfo i{font-size:15px}}@media only screen and (max-width: 768px){.payment span.paymentInfo i{font-size:15px}}



.design{position:relative;height:auto}.design h3{width:100%;height:40px;color:#0171e3 !important;text-shadow:0 1px 1px rgba(0,0,0,0.5);margin:0 0 15px 0;padding-bottom:10px;font:25pt/40px "arsoo", Tahoma, Verdana, Segoe, sans-serif !important}.design ul.designUl{width:100%;height:auto;padding-right:5px;margin-bottom:30px}.design ul.designUl li{position:relative;cursor:pointer;width:100%;height:auto;min-height:30px;font:10pt/30px "gs med", Tahoma, Verdana, Segoe, sans-serif;color:#666;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.design ul.designUl li:hover{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px);color:#000}.design ul.designUl li i{display:inline-block;margin-left:5px;font-size:10pt;line-height:1.8}.design ul.designUl li.DesEng{font-family:Tahoma, Verdana, Segoe, sans-serif;font-size:11pt}.design ul.designUl li.DesImp{font-weight:bold;font-size:11pt}.design a{position:relative;min-width:200px;height:40px;background:#198afe;display:inline-block;padding-left:20px;left:0;right:0;margin-left:auto;margin-right:auto;overflow:hidden;font:11.5pt/40px "gs med", Tahoma, Verdana, Segoe, sans-serif;color:#f0f0f0;text-shadow:0 1px 0 rgba(0,0,0,0.5);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.design a:hover{background:#000c18}.design a span{display:inline-block;padding:0 10px;margin-left:20px;color:#fff;font-size:11pt;border-left:1px #e0e0e0 solid;background:#198afe}.design a:hover>span{background:#198afe}.homeBox{position:relative;overflow:hidden;width:auto;height:110px;cursor:pointer;margin-bottom:10px}.homeBox span.homeBtitle{width:72%;height:90%;margin:10px 10px;position:relative;font:19pt/1em "arsoo", Tahoma, Verdana, Segoe, sans-serif;display:block;color:#198afe}.homeBox span.homeBtitle p{font:10.5pt/1.1em "gs med",Tahoma, Verdana, Segoe, sans-serif;color:#666;display:block;margin:10px 0}.homeBox img{position:relative;right:8px;top:10px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
@media only screen and (max-width: 479px){.homeBox{height:auto}.homeBox span.homeBtitle{width:60%}.homeBox span.homeBtitle p{font-size:10pt}}