@charset "utf-8";
/* ARABIC CSS */
@import url(http://reset5.googlecode.com/hg/reset.min.css);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,500,600);
/* GENERAL CSS */
body { background:#fff; font-family: Tahoma, Arial,sans-serif; font-size:14px; color:#58595b; line-height:16px; text-align: right; }
.clear-both { clear:both;}
h1,h2,h3,h4,h5,h6 {color:#58595b;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
p {margin:10px 0;} 
input, textarea, select, option { outline:none;font-family: Tahoma, Arial,sans-serif; font-size:14px;}
*:focus {outline: 0;}

/* CONTAINERS */
div#wrap { width:100%; height:auto; }
div#container { width:968px; min-height:630px; margin:78px auto 0 auto; position:relative; }
div#head { width:968px; height:90px; }
div#head h1 { width:227px; height:80px;position:absolute; left:0; }
div#dayrofa-text { position:absolute; left:252px; top:35px; }
div#inner-dayrofa-text { position:absolute; left:252px; top:65px; }
div#site-lang { position:absolute; /*right:0;*/ right: 15px; top:65px; }

/* INNER NAVIGATION */
ul#inner-nav {
	position: absolute;
	left: 363px;
	top: 48px;
	height: 39px;
}
ul#inner-nav li { list-style-type:none; display:inline; margin:0 8px; }
ul#inner-nav a { background:url(../images/nav.png) no-repeat; height:28px; display:inline-block; }
ul#inner-nav a:hover, ul#inner-nav a.selected { }

a#about-nav { width:50px; background-position:-200px 0 !important; }
a#product-nav { width:56px; background-position:-124px 0 !important; }
a#order-nav { width:36px; background-position:-68px 0 !important; }
a#contact-nav { width:50px; background-position:0 0 !important; }

a#about-nav:hover, a#about-nav-sel { width:50px; background-position:-200px -28px !important; }
a#product-nav:hover, a#product-nav-sel { width:56px; background-position:-124px -28px !important; }
a#order-nav:hover, a#order-nav-sel { width:36px; background-position:-68px -28px !important; }
a#contact-nav:hover, a#contact-nav-sel { width:50px; background-position:0 -28px !important; }
/* END */

/* ABOUT  */
div#column-one { width:230px; min-height:582px; padding-right:23px; /*border:#666 1px dashed;*/  }
div#about-dayrofa { width:230px; height:230px; margin:0 0 23px 0; background:url(../images/home/about.jpg) no-repeat left center; }
a#about-link { width:230px; height:230px; background:url(../images/home/about.jpg) no-repeat left center; display:block; }
a#about-link:hover { background:url(../images/home/about-hover.jpg) no-repeat left center; }

div#aboout-side-box { width:230px; height:329px;position:relative;}
div#aboout-side-box-icon {width:123px; height:160px; position:absolute; top:-70px; right:-30px; z-index:10;}

/* ORDER */
div#order-games {
	width:230px;
	height:330px;
	background:url(../images/home/order.jpg) no-repeat left center;
	position:relative;
	background-image: url(../images/home/order.jpg);
}
a#order-link { width:230px; height:330px; background:url(../images/home/order.jpg) no-repeat left center; display:block; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
a#order-link:hover { background:url(../images/home/order-hover.jpg) no-repeat left center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
div#order-icon { width:147px; height:150px; position:absolute; top:146px; left:-30px; z-index:10;}
div#inner-head h1 { width:375px; height:44px; float:left; }
div#inner-head h1 img { padding:10px 0; }
div#inner-head a { display:block; }

div#order-side-box { width:230px; height:231px;position:relative;margin:0 0 23px 0; }
div#order-side-box-icon {
	width:137px;
	height:150px;
	position:absolute;
	bottom:-107px;
	right:-60px;
	z-index:10;
}

div#column-two { width:380px; min-height:582px; padding-right:23px; }
div#learning-fun { width:380px; height:582px; }

/* PRODUCTS */
div#column-three { width:312px; min-height:582px;}
div#products { width:312px; height:379px; background:url(../images/home/products.jpg) left center; margin:0 0 23px 0; position:relative;}
a#products-link {width:312px; height:379px; display:block; background:url(../images/home/products.jpg) left center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
a#products-link:hover {background:url(../images/home/products-hover.jpg) left center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
div#products-icon { width:130px; height:150px; position:absolute; top:76px; left:-62px; z-index:10;}
div#products-icon-inner { width:130px; height:150px; position:absolute; bottom:-10px; left:-62px; z-index:10;}
div#product-side-box { width:312px; height:179px;position:relative;margin:0 0 23px 0; }
div#product-side-box-icon {width:137px; height:150px; position:absolute; bottom:-107px; right:-50px; z-index:10;}

/* PRODUCT LIST */
.product-container {width: 531px; padding-bottom:24px; }
.product-thumbnail {
	width: 1;
	height: 1;
	padding: 0 0 0 20px;
	position: relative;
	overflow: hidden;
}
.product-desc { width:337px; }
.last-product { padding-bottom:44px; }
.product-desc p { margin:0 !important; text-align: right; direction: rtl; }
.coming-soon { width:174px; height:167px; background:url(../images/products/coming-soon.png) no-repeat center; display:block; position:absolute;}

/* CONTACT  */
div#contact{ width:312px; height:179px; background:url(../images/home/contact.jpg) left center; position:relative; }
div#contact-inner{ width:312px; height:179px; background:url(../images/contact/contact-side-box.jpg) left center; position:relative; }
a#contact-link {width:312px; height:179px; display:block; background:url(../images/home/contact.jpg) left center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
a#contact-link:hover {background:url(../images/home/contact-hover.jpg) left center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
div#contact-icon { width:123px; height:152px; position:absolute; top:-20px; right:-10px; z-index:10;}
div#contact-side-box { width:312px; height:379px;position:relative;margin:0 0 23px 0; }
div#contact-icon-inner { width:123px; height:152px; position:absolute; top:-95px; left:-80px; z-index:10;}

div#content-column-wrap {width:715px; min-height:582px; }
div#content-column { width:715px; min-height:502px; background:#f3f4f4 url(../../common/images/content-top-bar.png) no-repeat top center; padding:80px 0 0 0;}
div#story-container { width:606px; margin:0 auto; min-height:425px; padding-bottom:30px; position:relative; }
div#story-container p img{ vertical-align:middle; }

div#content-column-left-wrap {width:631px; min-height:582px; }
div#content-column-left { width:631px; min-height:502px; background:#f3f4f4 url(../../common/images/content-top-bar.png) no-repeat top center; padding:80px 0 0 0;}
div#story-container-left { width:531px; margin:0 auto; min-height:425px; }

div#contact-left { width:298px; }
div#contact-right { width:200px;}

/* CONTACT FORM */
table#contact-form-table {}
table#contact-form-table td { padding:5px 0;}
table#contact-form-table input[type=text] { background:#f3f4f4; color:#949698; border:#d1d3d4 2px solid; padding:3px; width:220px; }
div.contact-select {width: 225px; height: 30px;overflow: hidden; border:#d1d3d4 2px solid; background: url(../../common/images/icons/select-arrow-gray.png) no-repeat left;}
div.contact-select select {  background: transparent; padding-top:3px; margin:3px; width:220px; border: 0;   border-radius: 0; -webkit-appearance: none; color:#949698; }
table#contact-form-table textarea{background:#f3f4f4; border:#d1d3d4 2px solid; padding:3px; width:220px; height:50px; color:#949698;}
div#button-container { width:299px; height:47px; position:relative;}
div#contact-message {width:294px; height:47px; position:absolute; background:#69be5b; display:none; text-align:center; vertical-align:middle; }
div#contact-message img { margin:0 auto; padding-top:10px; }
table#contact-form-table input[type=submit] { cursor:pointer; width:294px; height:47px; border:none; background:#69be5b url(../images/contact/send-message.png) no-repeat center; text-indent:-9999px; line-height:0; }
.form-error {border-color:#F00 !important;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
div#social-network { position:relative; margin-top:8px;}
div#social-network a { width:61px; height:61px; position:absolute; }

a#connect-twitter { left:0; background:url(../../common/images/icons/social/twitter.png) no-repeat; }
a#connect-twitter:hover { left:0; background:url(../../common/images/icons/social/twitter-hover.png) no-repeat; }
a#connect-facebook { left:68px;background:url(../../common/images/icons/social/facebook.png) no-repeat; }
a#connect-facebook:hover { left:68px;background:url(../../common/images/icons/social/facebook-hover.png) no-repeat; }
a#connect-instagram { left:136px;background:url(../../common/images/icons/social/instagram.png) no-repeat; }
a#connect-instagram:hover { left:136px;background:url(../../common/images/icons/social/instagram-hover.png) no-repeat; }
a#connect-youtube { left:68px; top:68px;background:url(../../common/images/icons/social/youtube.png) no-repeat;  }
a#connect-youtube:hover { left:68px; top:68px;background:url(../../common/images/icons/social/youtube-hover.png) no-repeat;  }
a#connect-linkedin { left:136px; top:68px;background:url(../../common/images/icons/social/linkedin.png) no-repeat;  }
a#connect-linkedin:hover { left:136px; top:68px;background:url(../../common/images/icons/social/linkedin-hover.png) no-repeat;  }

/* ORDER FORM */
table#order-table th { background:#d1d3d4; padding:5px; text-align:right;}
table#order-table tr { border-bottom:#d1d3d4 2px solid;}
table#order-table td { padding:5px; height:20px;}
div.order-lang-select {width:270px; height: 25px; overflow: hidden; background: url(../../common/images/icons/select-arrow.png) no-repeat left;}
div.order-lang-select select {  background:transparent; height:55px; padding:2px; width:270px; border: 0;   border-radius: 0; -webkit-appearance: none; height:25px;color:#58595b; }
div.order-qty-select {width: 40px; height: 25px;overflow: hidden; background: url(../../common/images/icons/select-arrow.png) no-repeat left;}
div.order-qty-select select {  background: transparent; padding: 3px;width:40px;line-height: 1;   border: 0;   border-radius: 0; -webkit-appearance: none;color:#58595b; }

table.order-details-table td { padding:5px; height:20px; }
td.align-top { vertical-align:top; }
table.order-details-table input[type=text] { background:#f3f4f4; border:#d1d3d4 2px solid; padding:3px; width:300px; color:#58595b; }
table.order-details-table input[type=checkbox] { width:12px; height:12px; border:none;  }
div#order-button-container { width:200px; height:150px; position:relative;}
div#order-message {width:200px; height:150px; position:absolute; background:#804097; display:none; text-align:center; vertical-align:middle; }
div#order-message img { margin:0 auto; padding-top:70px; }
div#order-product-message { width:602px; height:113px; border:#F00 2px solid; position:absolute; top:90px; background:rgb(128,64,151); background:rgba(128,64,151,0.8); color:#fff; text-align:center; font-weight:bold;display:none;}
div#order-product-message p { padding-top:30px;}
table.order-details-table input[type=submit] { cursor:pointer; width:200px; height:150px; border:none; background:#804097 url(../images/order/place-order.png) no-repeat center; text-indent:-9999px; line-height:0; }

table.order-details-table textarea{background:#f3f4f4; border:#d1d3d4 2px solid; padding:3px; width:300px; height:50px;color:#58595b;}
.ulist { margin:5px 20px 10px 0; }
.ulist li { margin:5px 0; }

.float-left { float:left; }
.float-right { float:right; }

/* FOOTER */
div#footer { padding:10px 0 78px 0; }
div#copyright-container { width:220px; font-size:11px;}
div#inner-copyright-container { width:220px; font-size:11px; margin-top:5px; }
div#saio-container { width:195px; height:35px; background: url(../images/saio-text.png) no-repeat left top; }
div#inner-saio-container { width:195px; height:35px; background: url(../images/saio-text.png) no-repeat left top; margin-top:5px; }

a#saio { width:195px; height:35px; background:url(../../common/images/saio.png) no-repeat right top; display:inline-block; float:right; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
a#saio:hover { background-image:url(../../common/images/saio-hover.png);transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.hidden { visibility:hidden; }

/* POPUP MODAL WINDOW */
div#order-popup, div#contact-popup{ display:none; width:513px; height:280px;}
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:280px; width:513px; }
#simplemodal-container a.modalCloseImg {background:url(../../common/images/close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:15px; right:16px; cursor:pointer;}