/*Global Styles*/

/* Hide dotted image outline from Firefox and Netscape */ a, input {
outline: none; }

div#tracking{ position: absolute; left:0; top:0; }

A:link {text-decoration: none; color: #fff;}
A:visited {text-decoration: none; color: #fff;}
A:active {text-decoration: none; color: #fff;}
A:hover {text-decoration: underline; color: #fff;}

#btn-send-friend{
    position: absolute;
    top: 26px;
    left: 884px;
    width: 102px;
    height: 52px;
    z-index:1111;
}

/*Positioning*/
.fltLt{
    float: left;
    display: inline;
}

.fltRt{
    float: right;
    display: inline;
}

.clrLt{
    clear: left;
}   

.clrRt{
    clear: right;
}

.clrAll{
    clear: both;
}

form{
    margin: 0;
    padding: 0;
}


/*Footer Styles*/
#footer-logo{
    float: left;
    display: inline;
    width: 39px;
    height: 39px;
}

#footer-text{
    float: left;
    display: inline;
    width: 861px;
    height: 29px;
    padding: 10px 0 0 0;
}

.footerLink{
    float: left;
    display: inline;
    margin: 0px 10px 0px 0px;
}


/*Popup Layers*/
#lyr-sign{
    width: 424px;
    height: 462px;
    position: absolute;
    left: 360px;
    top: 107px;
    visibility: hidden;
    z-index: 1;
}

#lyr-sign2{
    width: 424px;
    height: 462px;
    position: relative;
    visibility: hidden;
    z-index: 1;
}

#sign{
    width: 424px;
    height: 462px;
    position: relative;
    top: 0; left: 0;
    visibility: hidden;
    z-index: 3;
}

#sign2{
    width: 424px;
    height: 462px;
    position: absolute;
    top: 0; left: 0;
    visibility: hidden;
    z-index: 3;
}

#sign-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#sign-close{
    position: absolute;
    left: 358px;
    top: 81px;
    width: 20px;
    height: 18px;
    z-index: 4;
}

#btn-clear{
    position: absolute;
    left: 152px;
    top: 151px;
    width: 113px;
    height: 39px;
    z-index: 4;
    
}

.sign-form{
    position: absolute;
    left: 39px;
    top: 260px;
    width: 350px;
    font-size: 10px;
    color: #000;
    z-index: 3;
}

#sign-form input{
    font-size: 10px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.fld1-sign{    
    border: 1px solid #c1c1c1;
    width: 100px;
}

.fld2-sign{
    border: 1px solid #c1c1c1;
    width: 113px;
}

.fld3-sign{    
    border: 1px solid #c1c1c1;
    width: 162px;
}

.fld4-sign{    
    border: 1px solid #c1c1c1;
    width: 94px;
}

.fld5-sign{    
    border: 1px solid #c1c1c1;
    width: 56px;
}

.fld6-sign{    
    border: 1px solid #c1c1c1;
    width: 28px;
}

.frm-fld{
    float: left;
    display: inline;
    margin-right: 8px;
    text-transform: uppercase;
    font-size: 10px;
}

.sign-btns{
    position: absolute;
    left: 213px;
    top: 359px;
    width: 173px;
    height: 39px;
    z-index: 3;
}

#agreement{
    clear: left;
    padding-top: 8px;
}   

#register{
    padding-top: 13px;
}

/*Error Styles*/
.err{
    color: #ff0000;
}

.fld1-sign-err{    
    border: 1px solid #ff0000;
    width: 100px;
}

.fld2-sign-err{
    border: 1px solid #ff0000;
    width: 113px;
}

.fld3-sign-err{    
    border: 1px solid #ff0000;
    width: 162px;
}

.fld4-sign-err{    
    border: 1px solid #ff0000;
    width: 94px;
}

.fld5-sign-err{    
    border: 1px solid #ff0000;
    width: 56px;
}

.fld6-sign-err{    
    border: 1px solid #ff0000;
    width: 28px;
}

/*Send to a Friend Layer Styles*/
#lyr-send{
    width: 232px;
    height: 235px;
    position: absolute;
    top: 70px;
    left: 741px;
    visibility: hidden;
    z-index: 1000;
}

#send{
    width: 232px;
    height: 235px;
    position: relative;
    top: 0px; left: 0px;
    visibility: hidden;
    z-index: 1;
}

#send-bg{
    width: 232px;
    height: 235px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#send-close{
    width: px;
    height: px;
    position: absolute;
    left: 208px;
    top: 13px;
    z-index: 4;
}

#send-iframe{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 184px;
    color: #000;
    font-size: 10px;
    z-index: 3;

}

#send-form{
    position: absolute;
    left: 18px;
    top: 23px;
    width: 184px;
    color: #000;
    font-size: 10px;
    z-index: 3;
}

#send-btn{
    position: absolute;
    left: 18px;
    top: 187px;
    z-index: 3;
}


.frm-fld2{
    position: relative;
    line-height: 18px;
    padding-bottom: 3px;
}

.frm-cb{
    position: absolute;
    top: 6px;
    left: 0;
}

.frm-cb-text{
    font-size:11px;
    position: absolute;
    top: 7px;
    left: 27px;
}

.fld1-send{    
    border: 1px solid #c1c1c1;
    width: 180px;
    color: #000;
    font-size: 10px;
}

/*Contact Layer Styles*/
#lyr-contact1{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 155px;
    top: 360px;
    visibility: hidden;
    z-index: 1;
}

#lyr-contact2{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 155px;
    top: 630px;
    visibility: hidden;
    z-index: 1;
}

#lyr-contact3{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 155px;
    top: 554px;
    visibility: hidden;
    z-index: 1;
}

#lyr-contact5{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 155px;
    top: -203px;
    visibility: hidden;
    z-index: 1;
}

#contact{
    position: relative;
    top: 0;
    left: 0;
    width: 346px;
    height: 203px;
    visibility: hidden;
    z-index: 1;
}

#contact-bg{
    width: 346px;
    height: 203px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}

#contact-content{
    color: #000;
    font-size: 12px;
    width: 305px;
    position: absolute;
    top: 22px;
    left: 18px;
    z-index: 3;
}

#contact-cls{
    position: absolute;
    top: 11px;
    left: 318px;
    z-index: 4;
}



#ticker6-1, #ticker6-2, #ticker6-3, 
#ticker6-4, #ticker6-5, #ticker6-6{
    position: absolute;
    top: 8px;
    width: 19px;
    height: 24px;
}

#ticker6-1{ left: 1px;  }
#ticker6-2{ left: 22px; }
#ticker6-3{ left: 42px; }
#ticker6-4{ left: 72px; }
#ticker6-5{ left: 93px; }
#ticker6-6{ left: 113px;}

#ticker7-1, #ticker7-2, #ticker7-3, 
#ticker7-4, #ticker7-5, #ticker7-6, #ticker7-7{
    position: absolute;
    top: 8px;
    width: 19px;
    height: 24px;
}
#ticker7-1{ left: 1px;  }
#ticker7-2{ left: 32px; }
#ticker7-3{ left: 52px; }
#ticker7-4{ left: 72px; }
#ticker7-5{ left: 104px; }
#ticker7-6{ left: 124px;}
#ticker7-7{ left: 144px;}



/* Buy Your Friend a Pint */

.pe-buypint-holder{
	position:relative;
	height:1px;
	overflow:visible;
	width: 1050px;
	border: 0px solid red;
	clear:both;
	z-index:9999;
    background-image: url('../images/pe-bg-tile.jpg');
    background-repeat: repeat-y;
}

#btn-buy-pint-pe{
    position: absolute;
    left: 888px;
	/* top defined in template-specific stylesheet */
    width: 168px;
    height: 168px;
	z-index:900;	
}

#btn-buy-pint-lyr-pe{
    visibility: hidden;
    position: absolute;
	/* top defined in template-specific stylesheet */
    left: 754px;
    width: 264px;
    height: 142px;
	z-index:950;
}

#btn-buy-pint{
    position: absolute;
    left: 888px;
	/* top defined in template-specific stylesheet */
    width: 131px;
    height: 134px;
	z-index:900;	
}

#btn-buy-pint-lyr{
    visibility: hidden;
    position: absolute;
	/* top defined in template-specific stylesheet */
    left: 754px;
    width: 264px;
    height: 142px;
	z-index:950;
}

#btn-buy-pint-hold{
    position: relative;
    width: 264px;
    height: 142px;
}

#btn-buy-pint-lyr-bg{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 264px;
    height: 142px;
}

#btn-buy-pint-lyr-lnk{
    position: absolute;
    top: 73px;
    left: 150px;
    width: 93px;
    height: 42px;
}


#btn-buy-pint-lyr-txt{
    position: absolute;
    top: 20px;
    left: 18px;
    width: 222px;
    height: 50px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    z-index: 1000;
}

/* Nonflash styles */

/* not used, since container can be placed inside lyr-sign */
div#nonflash{
    position: absolute;
    left: 397px;
    top: 201px;
    width: 319px;
    height: 274px;
    /*visibility: hidden;*/
}

div#nonflash-container{
    position: relative;
    left: 35px;
    top: 40px;
    width: 319px;
    height: 274px;
}

div#nonflash-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 319px;
    height: 274px;
    z-index: 100;
}

div#nonflash-btn{
    position: absolute;
    left: 23px;
    top: 202px;
    width: 158px;
    height: 39px;
    z-index: 200;
}

div#nonflash-text{
    position: absolute;
    left: 23px;
    top: 28px;
    width: 270px;
    height: 170px;
    color: #cfe5d7;
    z-index: 200;
    font-size:12px;
    line-height:14px;
}


div#nonflash-close{
    position: absolute;
    left: 252px;
    top: 8px;
    width: 270px;
    height: 170px;
    color: #cfe5d7;
    z-index: 200;
    font-size:10px;
}


div#nonflash-text a{
    color: #fff;
    font-weight:bold;
}

.tickerText
{
	font-family: Arial;
	font-size: 10;
	font-weight:bolder;
	
}



/*Webstore Layer Styles*/
#lyr-store1{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 95px;
    top: 394px;
    visibility: hidden;
    z-index: 1;
}

#lyr-store2{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 95px;
    top: 664px;
    visibility: hidden;
    z-index: 1;
}

#lyr-store3{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 95px;
    top: 554px;
    visibility: hidden;
    z-index: 1;
}

#lyr-store5{
    width: 346px;
    height: 203px;
    position: absolute;
    left: 95px;
    top: -170px;
    visibility: hidden;
    z-index: 1;
}

#store{
    position: relative;
    top: 0;
    left: 0;
    width: 346px;
    height: 203px;
    visibility: hidden;
    z-index: 1;
}

#store-bg{
    width: 346px;
    height: 203px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
}

#store-content{
    color: #000;
    font-size: 12px;
     line-height:14px;
    width: 220px;
    position: absolute;
    top: -9px;
    left: 18px;
    z-index: 3;
}

#store-cls{
    position: absolute;
    top: 11px;
    left: 240px;
    z-index: 4;
}

#store-btn{
    position: absolute;
    top: 123px;
    left: 15px;
    z-index: 4;
}

.store-disclaim{
   padding-top: 6px;
	line-height:12px;
    font-size:10px;
}


