/* CSS Document */
/*
-----------------------------------------------------
FileName:   new_fastrack_style.css
Version:    07/20/2009
author: 	Neil Hingu
-----------------------------------------------------
*/

/*RESET TAG START HERE*/
body, table, tr, td, div, p, li, ol, ul, h1, h2, h3, h4, h5, h6
{

    font-size:11px; font-family:Tahoma; color:#797979; letter-spacing:0.02ems; text-decoration:none; padding:0; margin:0;}
input{font-size:11px; font-family:Tahoma;}
img{border:0;}

/*RESET TAG END HERE*/


form{ background:url(../images/main_shadow_bg.gif) #F6F6F6 center repeat-y; padding:0; margin:auto;}
.bggrey {background:url(../images/main_shadow_bg.gif) #F6F6F6 center repeat-y; margin:auto;}
.container {width:1000px; height:752px; margin:0 auto; padding:0; position:relative;}
.bd{position:absolute; top:0; left:0; padding:0; margin:0;}

#outer {position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; }
#inner {width: 1000px; height: 752px; margin-left: -500px;  /***  width / 2   ***/ position: absolute; top: -340px; /***  height / 2   ***/  left: 50%;}

.logo{z-index:1; position:absolute; top:2px; left:12px; padding:0; margin:0; border:none; outline:none;}
.close{z-index:30; color:#666!important; position:absolute; top:5px; right:5px; padding:0; margin:0; border:none; outline:none;}
.close a, .close a:link, .close a:visited, .close a:active{color:#666!important; font-size:10px; font: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; text-align:center;}
.close a:hover{color:#333!important; text-decoration:none;}


.hmhd{position:absolute; top:-1px;	z-index:35;	margin:26px 0 0 123px; left:41px;}
.reghereshllhm{position:absolute; margin:51px 0 0 163px; text-align:right;  xpadding:24px 20px 0 20px;  height:49px;  }
.reghereshllhm .reghldhm{float:left;}
.reghereshllhm .reghldhm .regflothm{position:absolute; padding:25px 0  0 6px; z-index:0;}
.reghereshllhm .reghldhm a.regherehm{ position:absolute; padding:0; width:100px; display:block;  color:#FFFFFF; font-weight:bold; text-decoration:none; }

.lnk4{ color:#999999; text-decoration:none;  font-weight:bold}
.lnk5{color:#999999; text-decoration:none;  font-weight:bold; border-width:0; background:none; cursor:pointer;}
.span_txtfield1{float:left; background:url(../images/txtfieldbg1.gif) top left no-repeat; padding:0 5px 0 0; }
.span_txtfield1 .txtfield1{ border:0; padding:4px 5px 4px 5px; background:none; color:#FFFFFF; }
.span_txtfield2 { float:left; background:url(../images/txtfieldbg2.gif) top left no-repeat; height:22px; width:128px}
.span_txtfield2 .txtfield2{ border:0; padding:4px 5px 4px 5px; color:#797979; background:none;}

.gobtn1{ border:0; padding:3px 5px 0 5px; background:none; color:#FFFFFF; font-weight:bold; cursor:pointer; }
.searchbtn{ border:0; width:20px; height:19px; background:url(../images/searchimg.gif) no-repeat left top; color:#FFFFFF; font-weight:bold;}
.searchbtn2{ border:0; width:20px; height:19px; background:url(../images/searchimg.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; padding:0; margin:0;}
.helpbtn{ border:0; width:27px; height:26px; background:url(../images/helpimg.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; cursor:pointer;}
.btn1{ background:#F8AB43; padding:3px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; border:0;}
.btn2{ background:#9a2a39; padding:3px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; border:0;}
.btn3{ background:#7e7e7e; padding:3px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; border:0;}
.resetbtn1{ background:url(../images/resetbtn1.gif) no-repeat; border:0; width:102px; height:32px }
.submitbtn1{ background:url(../images/submitbtn1.gif) no-repeat; border:0; width:102px; height:32px }
.chckavbtn1{ background:url(../images/chckavbtn1.gif) no-repeat; border:0; width:133px; height:26px }
.btn3{ background:#7e7e7e; padding:3px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; border:0;}
.gobtnbg{background:url(../images/btn_go.gif)  no-repeat top left; width:30px; padding:0 5px 8px 5px;}

.reg{z-index:50; position:absolute; text-align:center; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif 11px; font-weight:bold; top:73px; left:330px; padding:25px 0 5px 0; margin:0; background:url(../images/registerbg_index.gif) no-repeat; width:96px; height:24px; font-size:10px;}
.reg a, .reg a:link, .reg a:active, .reg a:visited, .reg a:hover{color:#FFFFFF; text-decoration:none; padding:30px 0 0 0!important; margin:0; font-size:10px;}
.reg a:hover {z-index:9999;}
.reg a span{display: none;}
.reg a:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top:40px; left:-100px; background-color:#ffffff; text-align: left; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979!important; font-size:11px; width:200px; font-weight:normal; border: Solid 2px #e77515;}

.urtake{z-index:400; position:absolute; right:592px; top:195px; padding:0; margin:0;}
.urtake a, .urtake a:link, .urtake a:active, .urtake a:visited, .urtake a:hover{color:#FFFFFF; text-decoration:none; padding:30px 0 0 0!important; margin:0; font-size:10px;}
.urtake a:hover {z-index:99999;}
.urtake a span{display: none;}
.urtake a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:-60px; left:-40px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}

.blog{z-index:25; position:absolute; left:285px; top:194px; padding:0; margin:0;}
.blog a{ font-size:10px; padding:0 10px 0 10px; text-decoration:none; position:relative; /*this is the key*/ z-index:24;}
.blog a:hover {z-index:-1800;}
.blog a span{display: none}
.blog a:hover span { /*the span will display just on :hover state*/display:block;position:relative;top:-150px; left:-100px; background-color:#e77515; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #ffffff; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}

.products{z-index:10; position:absolute; right:9px; top:8px; padding:0; margin:0;}
.products a:hover {z-index:-1800;}
.products a span {display: none;}
.products a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:100px; left:-70px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal; border: Solid 2px #e77515;}

.greenroom{z-index:25; position:absolute; right:11px; top:233px; padding:0; margin:0;}
.greenroom a:hover {z-index:-1800;}
.greenroom a span {display: none;}
.greenroom a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:40px; left:-170px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}


.buynow{z-index:25; position:absolute; left:360px; top:360px; padding:0; margin:0;}
.buynow a:hover {z-index:-1800;}
.buynow a span {display: none;}
.buynow a:hover span { /*the span will display just on :hover state*/display:block;position:relative;top:-20px; left:-30px; background-color:#e77515; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #ffffff; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}

.whatznew{position:absolute; 
}

.bunker{z-index:24; position:absolute; left:238px; top:399px; padding:0; margin:0;}
.bunker a{ font-size:10px; font-weight:bold; color:#747474; padding:0 10px 0 10px; text-decoration:none; position:relative; /*this is the key*/ z-index:24;}
.bunker a:hover {z-index:25;}
.bunker a span{display: none;}
.bunker a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:70px; left:-30px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}


.whatzup{z-index:26; position:absolute; left:48px; bottom:92px; padding:0; margin:0;}
.whatzup a{ font-size:10px; font-weight:bold; color:#747474; padding:0 10px 0 10px; text-decoration:none; position:relative; /*this is the key*/ z-index:24;}
.whatzup a:hover {z-index:-1800;}
.whatzup a span{display: none;}
.whatzup a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:-60px; left:-30px; background-color:#ffffff; color:#000; text-align: center; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px;	width:220px; font-weight:normal;border: Solid 2px #e77515;}

.chillzone{z-index:24; position:absolute; left:245px; bottom:90px; padding:0; margin:0;}
.chillzone a:hover {z-index:-1800;}
.chillzone a span {display: none;}
.chillzone a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:70px; left:-30px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}

.storelocator{z-index:24; position:absolute; right:314px; bottom:96px; padding:0; margin:0;}
.storelocator a:hover {z-index:-1800;}
.storelocator a span {display: none;}
.storelocator a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:60px; left:-30px; background-color:#ffffff; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px; width:220px; font-weight:normal;border: Solid 2px #e77515;}




.trialroom{z-index:26; position:absolute; right:320px; top:570px; padding:0; margin:0;}

.newbunker a:hover {z-index:-1800;}
.newbunker a span {display: none;}
.newbunker{z-index:26; position:absolute; right:216px; 
top:570px; padding:0; margin:0;
}
.newbunker a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:-60px; left:-30px; background-color:#ffffff; color:#000; text-align: center; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px;	width:220px; font-weight:normal;border: Solid 2px #e77515;}

.trialroom a{ font-size:10px; font-weight:bold; color:#747474; padding:0 10px 0 10px; text-decoration:none; position:absolute; /*this is the key*/ z-index:24;}
.trialroom a:hover {z-index:-1800;}
.trialroom a span{display: none;}
.trialroom a:hover span { /*the span will display just on :hover state*/display:block;position:absolute;top:-40px; left:-100px; background-color:#ffffff; text-align: center; text-decoration:none; padding: 8px 10px 8px 10px; margin:10px 0 0 0; color: #797979; text-align: left; font-size:11px;	width:220px; font-weight:normal;border: Solid 2px #e77515;}

.twitter{z-index:26; position:absolute; right:10px; top:505px; padding:0; margin:0;}
.facebook{z-index:24; position:absolute; right:0; top:550px; padding:0; margin:0;left:100px}

.placehldr1{position:absolute; z-index:11; top:205px; margin:0 0 0 0px;}
.placehldr2{position:absolute; z-index:7; top:40px; margin:0 0 0 0px;}
.placehldr3{position:absolute; z-index:3; top:20px; margin:0 0 0 350px;}
.placehldr5{position:absolute; z-index:8; top:50px; margin:65px 0 0 530px;}
.placehldr4{position:absolute; z-index:9; top:120px; margin:25px 0 0 220px;}
/*.placehldr5{position:absolute; z-index:8; top:50px; margin:0 0 0 640px;}
.placehldr4{position:absolute; z-index:9; top:120px; margin:0 0 0 450px;}*/
.placehldr6{position:absolute; z-index:10; top:260px; margin:0 0 0 742px;}


.footer_new{z-index:1; position:absolute; top:664px; left:0; padding:0; margin:0; width:1000px; background:url(../images/index_footerbg.gif) repeat-x; height:88px;}
.footer_new .innerfootcore{ background:#ffffff}


.footer_hm1 a:link, .footer_hm1 a:active, .footer_hm1 a:visited { font-size:10px; color:#747474; padding:0 10px 0 10px; text-decoration:none; font-weight:normal!important;}
.footer_hm1 a:hover {z-index:25;}
.footer_hm1 a span{display: none}
.footer_hm1 a{font-size:10px; font-weight:bold; color:#747474; padding:0 10px 0 10px; text-decoration:none; position:relative; /*this is the key*/ z-index:24;}
.footer_hm1 a:hover span { /*the span will display just on :hover state*/display:inline; position:absolute; top:20px; left:20px; background-color:#ffffff; text-decoration:none; padding:8px 10px 8px 10px; margin:10px 0 0 0; color:#797979; text-align:left; font-size:11px; width:300px; font-weight:normal;border:Solid 2px #e77515;}



.footer_hm2{width:100%}
.footer_hm2{padding:10px 0 0 0}
.footer_hm2 a{font-size:10px; font-weight:bold; color:#747474; padding:0 10px 0 10px; text-decoration:none; position:relative; /*this is the key*/ z-index:24;}
.footer_hm2 a:hover {z-index:20;}
.footer_hm2 a span{display:none}
.footer_hm2 a:hover span { /*the span will display just on :hover state*/display:block; position:absolute; top:20px; left:20px; background-color:#ffffff; text-decoration:none; padding:8px 10px 8px 10px; margin:10px 0 0 0; color:#797979; text-align:left; font-size:11px; width:300px; font-weight:normal;border: Solid 2px #e77515;}


.footer_hm3{font-size:10px; padding:10px 0 10px 10px}
.bottitan{ position:absolute; margin:0 0 0 900px}



/**********************************************************/
/******************* IMPORTANT NOTE ***********************/
/************ PLEASE DONOT EDIT BELOW STYLE SHEET **********/
/**********************************************************/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/*Login Panel*/

#divLoginPanel {
                position:absolute;
                width:190px;
                height:59px;
                z-index:40;
                background-color: #ecb654;        
                margin-top:2px;
                float:right;
                
}
.txtbox {
                height: 16px;
                width: 88px;
                border:0 none;
                color:#7e7e7e;
                background-attachment: scroll;
                background-color: #FFF;
                background-image: none;
                background-repeat: repeat;
                background-position: 0 0;             
}
a.loginlink2:link{ text-decoration:none; color:#5e5d5d; font-weight:normal}
a.loginlink2:visited{text-decoration:none; color:#5e5d5d; font-weight:normal}
a.loginlink2:hover{text-decoration:underline; color:#5e5d5d; font-weight:normal}
a.loginlink2:active{text-decoration:none; color:#5e5d5d; font-weight:normal}
