@charset "utf-8";
/* esports.com.sa CSS Document */

* {}

body {font: 100% Tahoma, Helvetica; background: #000; 	margin:0; padding:0;}

div.wrapper,#main-body-bg { margin: 0 auto; width: 959px;padding:0; }
#inset-block-left { width:0px;padding:0;}
#inset-block-right { width:0px;padding:0;}
#maincontent-block { margin-right:0px;margin-left:0px;}
a, legend, #main-body ul.menu li a:hover, #main-body ul.menu li.parent li a:hover, #main-body ul.menu li.parent ul li.parent ul li a:hover, #main-body ul.menu li.active a, #main-body ul.menu li.parent li.active a, #main-body ul.menu li.parent li.parent li.active a, #main-body ul.menu li.cat-open a, #main-body ul.menu li.parent li.cat-open a, #main-body ul.menu li.parent li.parent li.cat-open a, .roktabs-wrapper .roktabs-links ul li.active span, .color h3 span, #vmMainPage span.catbar-text h3, div.pathway a {color: #cf230b;}
#page-bg, .roktabs-wrapper .roktabs-links ul li.active span {border-top: 0px solid #cf230b;}
.tabs-bottom .roktabs-links ul li.active span {border-bottom: 3px solid #cf230b;border-top: 0;}
#page-bg #main-body ul.menu ul.submenu {padding-bottom: 0;background: none;}
#page-bg {background:url(http://www.esports.com.sa/forum/images/orangetheme/misc/bgbody.jpg) top no-repeat;}
#header {padding: 30px 0;}

/* This is the Main Logo */
#logo {}
#logo {width: 260px;height: 44px;}
#logo {float: left;margin-left: 10px;position: relative;}
#logo:hover {text-decoration: none;}
.logo-text {position: absolute;right: 3px;top: 15px;text-transform: uppercase;font-size: 13px;}

/* Horizontal Menu */
#horiz-menu li, #horiz-menu li .link {color: #ccc; font-size: 12pt; font-family:Arial; font-weight:bold;}
#horiz-menu li.parent.sfHover .link.topdaddy {background: url(/images/templet/menu-tab2-r.png) 100% 0 no-repeat;}
#horiz-menu li.parent.sfHover .link.topdaddy span {background: url(/images/templet/menu-tab2-l.png) 0 0 no-repeat;}
#horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {background: url(/images/templet/menu-tab-r.png) 100% 0 no-repeat;}
#horiz-menu li.active .link span, #horiz-menu li:hover .link span, #horiz-menu li.sfHover .link span {background: url(/images/templet/menu-tab-l.png) 0 0 no-repeat;}
/* IE6 Fix */
#horiz-menu li.parent-sfHover .link, #horiz-menu li.parent-sfHover .topdaddy {background: url(/images/templet/menu-tab2-r.png) 100% 0 no-repeat;}
#horiz-menu li.parent-sfHover .link span, #horiz-menu li.parent-sfHover .topdaddy span {background: url(/images/templet/menu-tab2-l.png) 0 0 no-repeat;}

#horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {color: #fff;}

#horiz-menu ul ul.columns-1 {background: url(/images/templet/drop-bg-1.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-2 {background: url(/images/templet/drop-bg-2.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-3 {background: url(/images/templet/drop-bg-3.png) 0 100% no-repeat;}
#horiz-menu ul ul.columns-4 {background: url(/images/templet/drop-bg-4.png) 0 100% no-repeat;}
#horiz-menu li li {border-bottom: 1px solid #333;}
#horiz-menu ul ul li .link.daddy, #horiz-menu ul li.parent.active:hover li .link.daddy, #horiz-menu ul li.parent.active.sfHover li .link.daddy, #horiz-menu ul li.parent:hover li .link.daddy,  #horiz-menu ul li.parent.sfHover li .link.daddy {background: url(/images/templet/drop-arrow.png) 95% 12px no-repeat;}
.menutop .submenu-animation-left {background: url(/images/templet/drop-hover.png) 0 0 repeat-x;}
#horiz-menu.suckerfish li li:hover, #horiz-menu.suckerfish li li.sfHover {background: url(/images/templet/drop-hover.png) 0 0 repeat-x;}

/* Top Main Menu */

#horiz-menu {padding: 8px 0;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: right;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;color: #fff;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 30px;line-height: 30px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;color: #fff;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;color: #fff;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px;height: 30px;}

/* Top Main Menu Dropdowns */

#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}
#horiz-menu li li {margin: 0;}
#horiz-menu li li .link {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}
#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}
/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/
.menutop li:hover ul, .menutop li.sfHover ul {left: -4px;top:0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -1px;top:30px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:169px;top: 0;}
.menutop .submenu-animation-left {height: 100%;}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}

/* Top Bar */
#topbar {background: url(/images/templet/topbar-m.png) 0 0 repeat-x;}
#topbar2 {background: url(/images/templet/topbar-l.png) 0 0 no-repeat;}
#topbar3 {background: url(/images/templet/topbar-r.png) 100% 0 no-repeat;}
#topbar {margin-left: 5px;margin-right: 5px;}
#topbar2 {margin-left: -5px;}
#topbar3 {height: 52px;margin-right: -5px;position: relative;z-index: 1;}
#topbar a, #botbar a {color: #ccc;}

#main-content {background: #fff;overflow: hidden;}
#main-content1 {background: url(/images/templet/mc1.gif); background-repeat: repeat-x; padding:10px; margin: 0 auto; width: 939px; }
#main-content2 {background:#210303 url(/images/templet/mc2.gif); background-repeat: repeat-x;padding:10px; margin: 0 auto; width: 939px;}
#main-content3 {background:#ECECEC ;padding:10px; margin: 0 auto; width: 939px;}
#main-content-surround {position: relative;}
#maincontent-block {padding: 0 15px;}
.corner, .show-bl, .show-br, .bottom-bl, .bottom-br, .bottom-tl, .bottom-tr {width:5px;height:5px;position:absolute;}
#bl.corner, .bottom-bl {bottom:0;left:0;}
#br.corner, .bottom-br {bottom:0;right:0;}
#tl.corner, .bottom-tl {top:0;left:0;}
#tr.corner, .bottom-tr {top:0;right:0;}
.show-bl {bottom:0;left:0;}
.show-br {bottom:0;right:0;z-index:2;}
.ad-module-top .moduletable {padding: 15px;}

/* Bottom Section */
#botbar {background: url(/images/templet/topbar-m.png) 0 0 repeat-x;}
#botbar2 {background: url(/images/templet/topbar-l.png) 0 0 no-repeat;}
#botbar3 {background: url(/images/templet/topbar-r.png) 100% 0 no-repeat;}
#footer2 {background: url(/images/templet/footer-bl.png) 0 100% no-repeat;}
#footer3 {background: url(/images/templet/footer-br.png) 100% 100% no-repeat;border-top: 1px solid #000;}
#footerbar {background: url(/images/templet/footerbar-m.png) 0 0 repeat-x;}
#footerbar2 {background: url(/images/templet/footerbar-l.png) 0 0 no-repeat;}
#footerbar3 {background: url(/images/templet/footerbar-r.png) 100% 0 no-repeat;}
#rocket {background: url(/images/templet/rocket.png) 0 0 no-repeat;}

/* Bottom Section */

#botbar {margin-left: 5px;margin-right: 5px;}
#botbar2 {margin-left: -5px;}
#botbar3 {height: 52px;margin-right: -5px;position: relative;}

#footer {background: #303030;}
#footer3 {padding-bottom: 5px;}
#mainmodules4 {color: #999;}
#mainmodules4 a {color: #ccc;}
#bottom-logo {background: url(/images/templet/bot-logo.png) 0 0 no-repeat;width: 105px;height: 30px;float: right;margin-top: 22px;margin-right: 15px;}
#bottom-menu {margin-right: 180px;padding: 25px 0;overflow: hidden;}
#footerbar3 {height: 50px;margin-top: 3px;}
#ql-button {float: right;line-height: 50px;background: url(/images/templet/topbar-div.png) 100% 50% no-repeat;position: absolute;left: 0;top: 0;}
a.ql-button-desc {background: url(/images/templet/ql-icon-d.png) 0 50% no-repeat;padding: 0 14px 0 20px;margin-left: 16px;color: #ccc;}
#top-button {float: right;line-height: 50px;background: url(/images/templet/topbar-div.png) 0 50% no-repeat;}
a.top-button-desc {background: url(/images/templet/top-icon-d.png) 0 50% no-repeat;padding: 0 14px 0 20px;margin-left: 16px;color: #ccc;}
#copyright {float: right;color: #666;padding: 15px; font-size: 9pt; font-family:Arial;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {float: left;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 11pt; font-family:Arial; font-weight:bold; color: #666;border-right: 1px solid #444;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {color: #ccc;text-decoration: none;}
#popup {display: none;padding: 15px;}
#rocket {width: 111px;height: 15px;float: left;margin-top: 15px;margin-left: 15px;}
#debug-mod {padding: 15px;}

.sec-div {clear:both;height: 5px;}
.clr {clear: both;}

/* Shopping Cart Panel */

#main-body-surround {position: relative;overflow: hidden;}
#cart-panel-surround, #font-panel-surround, #login-panel-surround {margin-bottom: 5px;padding: 0 4px;width: 320px;position: absolute;right: 0;top: 0;z-index: 10;visibility:hidden;overflow:hidden;}
#cart-panel, #font-panel, #login-panel {background: url(/images/templet/cart-drop.png) 0 100% no-repeat;padding: 15px 30px 30px 30px;color: #ccc;}
#cart-panel a, #font-panel a, #login-panel a {color: #fff;}
#font-panel a {display: block;margin: 8px;}
#font-panel .left, #font-panel .right {float: left; width: 125px;text-align: center;font-size: 1.3em;}
#cart-panel-surround {right: 215px;}
#login-panel-surround {right: 120px;}
#cart-panel .show-cart-button a {background: url(/images/templet/login-button.png) 0 0 no-repeat;border: 0;width: 77px;height: 16px;color: #ccc;display: block;padding: 4px 0;text-align: center;margin: 0 auto;}
#cart-panel .show-cart-button a:hover {text-decoration: none;color: #fff;}
#cart-panel .cart-qty {float: left;}
#cart-panel .cart-price {float: right;}
#cart-panel .cart-listings {overflow: hidden;border-bottom: 1px solid #606060;margin-bottom: 5px;padding-bottom: 5px;padding-left: 4px;padding-right: 4px;}
#cart-panel .cart-totals {overflow: hidden;margin-bottom: 15px;background: #666;padding: 4px;color: #fff;}
#cart-panel a.savedCart {margin: 0 auto;text-align: center;display: block;}



/*   bg  */
/* #logo{background: url(images/Darktheme/misc/logo.png) no-repeat;} */
#logo {width: 260px;height: 44px;}
#logo {float: left;margin-left: 10px;position: relative;}
#wrapper {
  margin: 0 auto;
  width: 960px;
  padding: 0;
  }

#header {
  padding: 0;
  margin: 0;
  height: 150px;
  }
#header #topright {
  text-align: right;
  float: right;
  width: 600px;
  margin: 5px 0 0 0;
}
#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#header #topright li {
  display: inline;
  }
#header #topright li a {
  color: #fff;
  font-size: 9pt;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }
#header #topright li a:hover {
  color: #000;
  text-decoration: none;
  }
#header #logo {
  float: left;
  width: 350px;
  margin: 15px 0 0 0;
  padding: 0;
}
.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }


#main {
  margin: 0px 5px 0 5px;
  clear: both;
  width: 950px;
  padding-bottom: 5px;
  }
/* Before footer */

#morefoot {
  background: #000 url(images/bggrad.jpg) top left repeat-x;
  border: 1px solid #070707;
  padding: 15px;
  color: #dfdfdf;
  margin: 0 0 10px 0;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 9pt;
  }
#morefoot a {
  text-decoration: underline;
  color: #ddd;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: #6598b8;
  }
#morefoot h3 {
  font-size: 12pt;
  font-weight: normal;
  color: #dfdfdf;
  letter-spacing: -1px;
  border-bottom: 1px dotted #444;
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 340px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 260px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }


/* footer*/
#footer {
  clear: both;
  background: #000;
  border: 1px solid #070707;
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 9pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration: underline;
  }
#footer a:hover {
  color: #fff;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }