/*Copyright 2012 BigBenBets. All rights reserved.*/

body {
background: url("../images/nav-bg.png") no-repeat center 0;
background-color:#f6e3c2;
}

#wrapper {
background: url("../images/bg.png") no-repeat center 0;
width: 980px;
margin: 0 auto;
}

/*TEXT HEADER*/
header {
width: 100%;
overflow: hidden;
height: 116px;
position: relative;
}

header .icon {
background: url("../images/icon24-7.png") no-repeat 185px 1px transparent;
width: 245px;
height: 37px;
position: absolute;
left:596px;
top: 7px;
}

header .icon p {
font-family: Verdana, Geneva, sans-serif;
color: #4f1807;
font-size: 1.1em;
line-height: 28px;
margin-top:4px;
}

#logo {
position: absolute;
height: 97px;
width: 277px;
top: 14px;
left: 31px;
}

#logo a {
display: block;
background: url("../images/logo.png") no-repeat 0 0 transparent;
height: 97px;
width: 277px;
text-indent: -999999px;
margin-left: -48px;
margin-top: -7px;
}

.login {
background: url("../images/arrow-login.png") no-repeat 97px 16px transparent;
width: 121px;
float: right;
padding: 10px 0 0;
}

.login a {
display:block!important;
font-family: 'lilyupcregular'!important;
color: #4f1807!important;
font-size: 1.8em!important;
text-transform: uppercase;
margin-top: 5px;
}

nav {
float: right;
min-width: 405px;
padding: 64px 0 0 0;
}

nav ul li {
float: left;
margin: 0 0 0 39px;
height: 40px;
line-height: 40px;
font-family: 'lilyupcregular';
}

nav ul li a {
color: #4f1807!important;
font-size: 3em!important;
text-transform: uppercase!important;
text-align: center!important;
display: block!important;
font-family: 'lilyupcregular';
}
/*END TEXT HEADER*/


/* LOGIN AREA */
#login-area {
margin: 45px auto 50px;
background: #ffa042;
width: 307px;
height: 172px;
border: solid 0px #f17700;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 25px;
}

#login-area h3 {
font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif;
font-weight: 800;
font-stretch: normal;
font-size: 1.4em;
color: #4f1807;
text-align: center;
text-transform: uppercase;
margin: 1px 0 27px 27px;
}

#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;
color: #000000;
}

#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: 1em;
color: #001435;
line-height: 30px;
font-family: helvetica;
margin: 0 0 15px 15px;
text-transform: uppercase!important;
}

#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 53px;
}

#login-area form {
background: url("../images/lines-bottom.png") no-repeat 6px 103px transparent;
}

#login-area input {
background: url("../images/input.png") no-repeat 0 0 transparent;
border: none;
height: 30px;
width: 176px;
font-size: 1.9em;
color: #333;
line-height: 30px;
font-family: 'lilyupcregular';
margin: 0 0 15px 15px;;
}

#login-area input.submit {
background: url("../images/btn-login.png") no-repeat 0 0 transparent;
border: none;
height: 30px;
width: 83px;
text-indent: -99999px;
margin: 0 0 0 75px;
}
/* END LOGIN AREA */


/*CONTAINER STYLES*/
#container{
width:100%;
overflow: hidden;
padding-bottom: 30px
}
/*END CONTAINER STYLES*/


/* TEXT STYLES */
article#text {
	width: 940px;
	margin: 0 0 0 11px;
	padding: 10px 10px 10px 10px;
	font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif!important;
	font-weight: 500;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #1f0d00;
}
article#text h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	color:#ff8500;
	margin-bottom:5px;
	font-family:'oldsansblackregular'!important;
}

article#text h3{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:5px;
	color: #febe79;
	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;
	color:#ffa13a;
}

article#text p{
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}

strong.color{
	font-size: 1.2em;
	margin-top: 10px;
	color: #ffa13a;

}


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:#ffa13a;
	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:#ffa13a;
	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 */


/*TEXT BOX*/
#boxes {
overflow: hidden;
width: 981px;
min-height: 63px;
margin: 19px auto;
border-bottom: 1px solid #651700;
border-top: 1px solid #651700;
}

.box {
float: left;
width: 288px;
margin: 0 0 0 12px;
}

.box h7 a{
float: left;
display:block;
width: 306px;
color: #4f1807;
font-size: 3em;
text-transform: uppercase;
height: 33px;
padding: 10px 0 0 132px;
line-height: 39px;
font-family: 'lilyupcregular';
}
/*TEXT BOX*/


/*TEXT FOOTER*/
footer {
width: 100%;
text-align: center;
padding: 5px 0 20px 0;
}

footer p{
font-family: Helvetica, sans-serif;
font-size: 1em;
color:#4f1807;
margin-top: -26px;
}


/*TEXT FOOTER*/


@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;
}


@font-face {
    font-family: 'lilyupcregular';
    src: url('../fonts/lilyupc-webfont.eot');
    src: url('../fonts/lilyupc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lilyupc-webfont.woff') format('woff'),
         url('../fonts/lilyupc-webfont.ttf') format('truetype'),
         url('../fonts/lilyupc-webfont.svg#lilyupcregular') 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);
padding-top: 50px;
}

#login-area-lone .enter label {
color: #000;
float: left;
cursor: default;
width: 72px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 9px;
}

#login-area-lone .enter input {
background: url("../images/input.png") no-repeat 0 0 transparent;
border: none;
height: 29px;
width: 170px;
font-size: 14px;
color: #878787;
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: 72%;
display: table;
margin: 0 auto;
float: left;
}

#login-area-lone .enter  {
padding-left: 55px;
color: #878787;
font-size: 1.3em;
padding: 0px 0px 0px 0px;
display: table;
margin: 0 auto;
background-color: #ffa042;
border-radius: 3px;
padding-left: 60px;
}

#login-area-lone h3 {
font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif;
color: #4f1807;
font-weight: normal;
padding: 0 0 19px 70px;
font-size: 15px;
margin-top: 20px;
}

#login-area-lone .button-agent{
	background-image: url("../App_Themes/Classic/images/btn-login.png")!important;
	width: 82px!important;
	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{
	padding-top: 20px;
}