/* reset styles with base classes by Gabriel Borel */
div, ul, li, h1, h2, h3, h4, p, a, span,img { position:relative;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0;}
li { list-style:none; }
a { outline:none; text-decoration:none!important; color: #333; font-weight:bold;}
a:hover { text-decoration:none!important;}
a img { border:none;}

.imgp {background-position:center;}
.row { width:100%;}
.altTxt { display:none;}
.adjFlow { overflow:hidden; }
.noMargin {margin:0 auto;}

body { background: #e6e6e6 url(/images/default/body-bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.page {width: 800px; margin: 0 auto;}
.space { width:431px; height:92px; display:block; border:none; float:left;}

.menu {width:800px; height:23px; float:left;}
.menu ul, .menu li {height:23px; float:left; border:none;}
.menu ul {width:100%;}

.menuImg {width:121px; height:23px; margin:0 0; float:left; background-repeat:no-repeat;}

.image {border:none; width:800px; height:619px;}

/* login Box */
.page.product .signUpHome  { display: none; }
.page.home .signUpHome {position:absolute; float:left; right:12px;width: 195px;  height:298px;  top:116px;  clear:both; z-index: 1500; }
.loginBox {width: 470px; position:absolute; right:0; top:30px; float:left; clear:both;   }


.loginBox .panelBox { overflow:hidden; width: 100%; height: 100%; }
.loginBox .innerpanelBox { width:94%; left:3%; float:left;}
.loginBox .innerpanelBox ul { clear:both; width:96%;  overflow:hidden;}
.loginBox .innerpanelBox ul ul { width:100%; left:0;}
.loginBox .innerpanelBox ul ul li span { color: #fff;  margin-right:3px;}
.loginBox .innerpanelBox li {  padding: 0 2px; float:left; }
.loginBox .innerpanelBox h3 {text-align:center; padding:3px 0;}
.loginBox .loginSection { width: 100%; float:left;}
.loginBox .loginsliderBtn {display:none;}
.loginBox .innerpanelBox li .passEspecialLi {width: 170px;}

.loginBox { border: none;  text-align:left; padding:0; margin:0; float:left;}
.loginBox .textfield { width:100px; height: 15px;  clear:none;}
.loginBox .remembertxt {float:left; left:55px; margin-top: 2px;}
.loginBox .remembertxt .remember {margin:0; padding:0;}
.loginBox .remembertxt span{color: #fff; font-size:10px; left:2px; top: -2px!important; float:none;}

.loginBox .dropdownBox { z-index: 5550; }
.loginBox .dropdownBox .dropContent { float:left; }
.loginBox .dropdownBox li {}
.loginBox .dropdownBox li.DDBox { display:none; border-top:1px solid gray; background-color:#fff;}

.loginBox .dropdownBox .dropContent{ height:20px; width: 105px }
.loginBox .dropdownBox ul#cssdropdown { width:100px; position:absolute; background: #fff url(/images/default/dropdownArrow.jpg) 100% 0 no-repeat;  left:0; border:2px inset threedface; cursor:pointer;}
.loginBox .dropdownBox .optionlink { padding:3px; width:99px; }
.loginBox .dropdownBox .optionlink a { display: block; width:99px;float:left;}
.loginBox .dropdownBox .slctd { display:block; width:99px;}
.loginBox .dropdownBox .slctd span { padding:0  3px;width: 100%; float:left;}
.loginBox .dropdownBox .slctd a { text-decoration:none; color:#000; cursor:default}
.loginBox .dropdownBox .slctd a:hover span { text-decoration: none;}
.loginBox .dropdownBox li .slctd { background-color:silver; padding:3px 0;}

.loginBox .loginBtn input { /*float:none!important;*/}
.loginBox .loginBtn .login_button {float:left;}
.loginBox .loginBtn .remembertxt { padding: 4px 0 8px; font-weight: normal; float:left; left: 5px;}
.loginBox .loginBtn .remembertxt .remember { top: 2px;}

.loginBox .loginBtn .remembertxt a { padding: 0 2px;  font-weight: bold; color:#007ccd; text-decoration:underline;}
.loginBox .loginBtn .remembertxt a:hover { color:#ffa500}
.loginBox .loginBtn .remembertxt p { padding:5px 0;}
.loginBox .loginBtn .row {  text-align:center; }

/* top info */
.topInfo { height:20px; float:none; border-bottom: 1px solid #fff; display:block;  }
.topInfo h1 { color:#fff; font-size:11px;top:2px; text-align:center;}
.topInfo h1 strong { color: #007ccd}

/* header */
.header {border-bottom: 1px solid #FFF; background: url(/images/default/header-bg.jpg) repeat-x top #535353; height:auto; padding-top:9px; clear:both; float:left; overflow: hidden; width: 100%;}

/* logo */
.header .logo {display:block; width:397px; height:56px; left:20px}
.header .logo img { padding:0;}

/* header Main Menu*/
.header .mainMenu {  width: 100%; clear:both; height:20px;  bottom:0; right:0; float:left;}
.header .mainMenu ul { right:7px; height:20px; text-align:center; position:absolute;}
.header .mainMenu li {  float:left; width: 120px; height: 20px; padding: 0; background:url(/images/default/tab-bottomMenu.gif) no-repeat center;  }
.header .mainMenu li a { font-size: 12px; font-weight: bold; color:#000; top: 4px;}
.header .mainMenu li a:hover {color:#ffa500; }



/* right dynamic content*/
.content { width: 800px; background-color: #1f346e; padding: 10px 0 0;  border-bottom:1px solid #FFF;float: left; text-align:left; }
.content .wrapper {  float: left; width:780px; background: url(/images/default/col-bg.gif) repeat-x #FFF; left:10px; padding: 10px 0;}
.content .wrapper .row {float:left; width:750px; left: 10px;}
.content .wrapper .rowsimpleWidth {  float:left; width:90%; left:5%;top:7px;} 
.content .bottomMenu { width: 100%; overflow: hidden; text-align: right; }
.content .bottomMenu ul {padding: 5px;}
.content .bottomMenu ul li { display: inline; padding: 0 5px;}
.content .bottomMenu ul li a { color: #fff;}
.content .mainBanner { float:left; left: 10px;}
.signUpHome { float:left; left: 20px; }

/* product boxes - front page and sportsbook*/
.content .productBox {overflow: hidden; float:left;}
.content ul.main_box {text-align: left; float: left; top: 10px; margin-bottom: 10px;  }
.content ul.main_box li.miniBoxLi {width: 182px; float: left; margin-right: 6px;}
.content ul.main_box li.boxEnd { width: 182px; float: left; margin-right: 0px;}
.content ul.main_box li ul {margin-bottom: 4px;}
.productBox li.txtLink { background: url(/images/default/arrow.jpg) no-repeat left; padding-left: 12px; }
.content ul.main_box li h2 a{ font-size: 12px; color: #000; }
.content li.txtLink a { font-size: 10px;color:#007CCD;}
.content li.txtLink a:hover {text-decoration: underline;  }


/*footer*/
.footer { text-align: center; overflow: hidden; }