/* Copyright 2012 WagerStoreOnline. All rights reserved.*/

body {
background: url("../images/nav-bg.png") no-repeat center 0;
background-color:#000000!important;
}

#wrapper {
/*background: url("../images/bg.png") no-repeat center 0;*/
width: 980px;
margin: 0 auto;
margin-top: -5px;
}


header {
width: 900px;
height: 114px;
overflow: hidden;
padding: 0 30px 0 51px;
}

#logo {
float: left;
padding: 13px 0 0 0;
height: 99px;
width: 209px;
}


#logo a {
background: url("../images/logo.png") no-repeat 0 0 transparent;
display: block;
height: 99px;
width: 209px;
text-indent: -9999999px;
margin-top:	-4px
}

header .right {
background: url("../images/24-icon.png") no-repeat 2px 0 transparent;
float: right;
width: 208px;
margin: 10px 6px -1px -52px;
height: 35px;
}

header .right .member {
background: url("../images/member-login-btn.png") no-repeat 0 0 transparent;
display: block;
height: 32px;
width: 131px;
text-indent: -999999px;
float: right;
padding-bottom: 5px;
}

/*header .right .member:hover, header .right .member:active {
background: url("../images/member-login-btn-hover.png") no-repeat 0 0 transparent;

}*/


header .right p{
	float: right;
	color: #ffffff;
	font-size: 1.4em;
	font-family: 'existencelight';
	margin-top: 11px;
	margin: 5px;
}


/*HOLDER STYLES*/

#holder {
margin: 0px 0 0 9px;
width: 980px;
height: 300px;
}



#option {
width: 100%;
height: 335px;
position: relative;
background: url("../images/greyline.png") no-repeat 0px 323px transparent;
margin: 17px 0 0 138px;
}




#option .banner {
float: left;
width: 800px;
padding: -1px 0 0 47px;
margin: 7px 0 0 -33px;
}





nav {
font-family: 'existencelight';
width: 429px;
margin:0px 0 -135px -494px;
padding: 9px 15px 13px 50px;
height:113px;
}


nav ul li {
float: left;
width: 54px;
height: 21px;
margin: 0 6px 0px 31px;
}


nav ul li a:hover {
background: url("../images/menu-bg-rollover.png") no-repeat 0 0 transparent;
color:#000!important;
}

nav ul li a {
background: url("../images/menu-bg.png") no-repeat 0 0 transparent;
display: block;
font-size: 1.8em;
color: #f4b400 !important;
text-transform: capitalize;
text-align: center;
line-height: 142px;
height: 116px;
width: 89px;
margin-top: -29px;
}



#login-area {
font-family: Times;
color: white;
width: 600px;
margin: 0 auto;
padding: 18px 0 33px 275px;
background: url("../images/greyline.png") no-repeat 120px 219px rgba(0, 0, 0, 0);
}


#login-area h3 {
font-family:"existence Light";
font-size: 2.4em;
color: #f0b90e;
font-weight: normal;
padding: 0 0 19px 136px;
}

#login-area .enter  {

color: #878787;
font-size: 1.3em;
padding: 0px 0px 0px 0px;
}
#login-area .enter label {
margin: 9px 0px 5px 20px;
float: left;
cursor: default;
width: 72px;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;

}
#login-area .enter form {
background: url("../images/lines-bottom.png") no-repeat 6px 103px transparent;
}

#login-area .enter input {
background: url("../images/input.png") no-repeat 0 0 transparent;
border: none;
height: 30px;
width: 176px;
font-size: 1.1em;
color: #FFFFFF;
line-height: 30px;
font-family: helvetica;
margin: 0 0 15px 15px;;
}

#login-area .enter input.submit {
background: url("../images/btn-login.png") no-repeat 0 0 transparent;
border: none;
height: 41px;
width: 83px;
text-indent: -99999px;
margin: 6px 0 0 px;
}

/* TEXT STYLES */
article#text {
	width: 940px;
	margin: 34px auto;
	padding: 10px 10px 10px 30px;
	font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif!important;
	font-weight: 500;
	font-stretch: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000000;
}
article#text h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	color:#f4b400;
	margin-bottom:5px;
	font-family:'oldsansblackregular'!important;
}

article#text h3{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:5px;
	color: #ffca35;
	font-family:'oldsansblackregular'!important;

}

article#text h4 {

font-size: 1.2em;
margin-top: 10px;
color: #cd7604;
}

article#text h6{
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top:20px;
}

article#text p{
	color:#ffffff;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}


strong.color{
	font-size: 1.2em;
	margin-top: 10px;
	color: #f4b400;

}


article#text ul{
	margin-left: 30px;
}

article#text ul li {
color:#ffffff;
font-size: 12px;
line-height: 17px;
list-style: disc;
margin-bottom:8px;
}

article#text ol{
	margin-left: 30px;
}
article#text ol li{
	color:#ffffff;
	font-size: 12px;
	line-height: 17px;
	list-style: decimal;
	margin-bottom:10px;
	
}

article#text ol.numeric-decimals { counter-reset:section; list-style-type:none; }
article#text ol.numeric-decimals li { list-style-type:none; }
article#text ol.numeric-decimals li ol { counter-reset:subsection; }
article#text ol.numeric-decimals li:before{
    counter-increment:section;
    content:counter(section) ". ";/*content:"Section " counter(section) ". ";*/
}
article#text ol.numeric-decimals li ol li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}

article.white h3{
	color: #ffffff;
}
.boxes{
background: white;
border: 1px solid #E5E5E5;
padding: 1px;
color: #666;
width:553px;
height:auto;
margin:8px 0 8px 62px;
}
.boxes .enter{
background: #F2F2F2;
padding: 10px;
height:auto;
}
.boxes .enter .head{
border-bottom: 1px inset lightGrey;
}
.boxes .enter .row{
border-top: 1px solid white;
}

.boxes .enter h5{
	font-weight:bold;
	color:#ffca35;
	font-size:1.4em!important;
	text-transform:none;
	word-spacing:183px;
	text-align:start;
	display:inline;
	padding-left:34px;
	margin-right:98px;

}
.boxes .enter h6{
	font-weight:bold;
	color:#ffca35;
	font-size:1.4em!important;
	text-transform:none!important;
	word-spacing:183px;
	text-align:start;
	display:inline;
	margin:0 183px 0 32px;


}
.action{
	margin-left:	5px;
}
.boxes .enter p{
	color:#012036!important;
	font-size:1em!important;
	text-transform:none;
	display:inline;
}
.call-center{
	margin-left:5px;
}
.fifty{
	margin-left:136px;
}
.fiftyth{
	margin-left:186px;
}
.internet{
	margin-left:10px;
}
.ten{
	margin-left:154px;
}
.twoth{
	margin-left:189px;
}
.asterix{
	margin-left:66px;
	font-size:1em!important;
}
.secondcolumn{
	margin-left:75px;
}
.secondcolumn1{
	margin-left:122px;
}
.secondcolumn2{
	margin-left:151px;
}
.secondcolumn3{
	margin-left:83px;
}
.secondcolumn4{
	margin-left:93px;
}
.secondcolumn5{
	margin-left:125px;
}
.secondcolumn6{
	margin-left:151px;
}
.secondcolumn7{
	margin-left:196px;
}
.secondcolumn8{
	margin-left:238px;
}

.secondcolumn11{
	margin-left:223px;
}

.otherp {
	margin-top:10px;
	font-style:italic;
}
.boxes .enter .info {
	word-spacing:158px;
}
.menu-one {
padding: 5px 0 0 12px;
margin-left:0px!important;
}
.menu-one a:link {
color: #424242;
cursor:default;
margin-right:126px;
padding-left:8px;
}
#guide {
	padding:22px;
}
/*END TEXT STYLES */



footer ul {
width: 397px;
margin: 0 auto;
overflow: hidden;
padding: 26px 0 30px 0;
}

footer ul li {
float: left;
padding: 0 0 0 54px;
}

footer ul li a{
	font-family:"existence Light" !important;
	display: block;
	font-size: 1.3em;
	color: #ffffff !important;
	background-color:#000000;
	padding: 5px;
}

footer p{
	font-family: Helvetica;
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	margin-left: 53px;
}

footer ul li a:hover {
	background-color: #232526;
	color: #FFF;
}


@font-face {
    font-family: 'existencelight';
    src: url('../fonts/existence-light-webfont.eot');
    src: url('../fonts/existence-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/existence-light-webfont.woff') format('woff'),
         url('../fonts/existence-light-webfont.ttf') format('truetype'),
         url('../fonts/existence-light-webfont.svg#existencelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oldsansblackregular';
    src: url('../fonts/oldsansblack-webfont.eot');
    src: url('../fonts/oldsansblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oldsansblack-webfont.woff') format('woff'),
         url('../fonts/oldsansblack-webfont.ttf') format('truetype'),
         url('../fonts/oldsansblack-webfont.svg#oldsansblackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#login-area-lone {
font-family:"existence Light";
font-size: 2.4em;
color: white;
width: 100%;
margin: 0 auto;
display: table;
background: url("../images/greyline.png") no-repeat 120px 270px rgba(0, 0, 0, 0);
height: 300px;
}

#login-area-lone .enter label {
color: #fff;
float: left;
cursor: default;
width: 72px;
font-size: 14px;
font-family: Helvetica;
padding-top: 9px;
}

#login-area-lone .enter input {
background: url("../images/input.png") no-repeat 0 0 transparent;
border: none;
height: 30px;
width: 206px;
font-size: 14px;
color: #fff;
line-height: 30px;
font-family: helvetica;
padding-left: 5px;
}

#login-area-lone .button-black{
font-size: 16px!important;
display: table;
margin: 0 auto!important;
}

#login-area-lone .login{
width: 100%;
display: table;
margin: 0 auto;
padding-top: 10px;
}

#login-area-lone .enter  {

color: #878787;
font-size: 1.3em;
padding: 0px 0px 0px 0px;
display: table;
margin: 0 auto;
}

#login-area-lone h3 {
font-family:"existence Light";
color: #fff;
font-weight: normal;
padding: 0 0 19px 70px;
font-size: 22px;
margin-top: 20px;
}

#login-area-lone .button-agent{
	background-image: url("../App_Themes/Classic/images/btn-login.png")!important;
	width: 99px!important;
	height: 34px;
	margin: 0 auto;
	display: table;

}

#login-area-lone .error-message{
display: table;
margin: 0 auto;
font-family:"existence Light";
color: #ace86b;
font-size: 15px;
}

#login-area-lone .login-error{
	margin-top: 55px;
}


#holderAgents {
margin: 0px 0 0 9px;
height: 300px;
}

.footer-agents{
	margin: 0 auto;
	overflow: hidden;
	display: table;
	margin-bottom: 20px;
	padding: 10px 0px;
	width: 342px;
}

.footer-li{
	padding: 0 20px 0 20px;
}

.footer-p{
	margin-left: -180px;
}
