/*site styles by L.D. Buta
written on 1/17/2005*/

body {margin: 0; padding: 0}
a {outline: none;}
a {text-decoration: none;}
a.visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/*css for NFS logo and tabs*/
#logobox {position: absolute; top: 0px; left: 0px; width: 228px; height: 108px;}
#tab1 {position: absolute; top: 78px; left: 200px; width: 63px; height: 26px;}
#tab2 {position: absolute; top: 78px; left: 263px; width: 80px; height: 26px;}
#tab3 {position: absolute; top: 78px; left: 343px; width: 103px; height: 26px;}
#tab4 {position: absolute; top: 78px; left: 446px; width: 88px; height: 26px;}
#tab5 {position: absolute; top: 78px; left: 534px; width: 68px; height: 26px;}
/*end css for NFS logo and tabs*/

/*css for horizontal links such as Login, Registration, etc*/
#mainmenu {position: absolute; top: 104px; left: 0px; width: 850px; height: 27px; background-color: #000000; visibility: visible; border-right: 1px solid #808080; z-index: 1;}

#menu1 {position: absolute; top: 5px; left: 105px; width: 48px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu11 {position: absolute; top: 5px; left: 102px; width: 55px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu2 {position: absolute; top: 5px; left: 165px; width: 95px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu3 {position: absolute; top: 5px; left: 270px; width: 103px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu4 {position: absolute; top: 5px; left: 309px; width: 140px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu5 {position: absolute; top: 5px; left: 380px; width: 155px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps; border-right-style: solid; border-right-width: 1px; border-right-color: white;}

#menu6 {position: absolute; top: 5px; left: 545px; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: white; font-variant: small-caps;}
/*end css for horizontal links*/

/*dropdown css for menus*/
#coinmenu {
	border: 1px solid #ffffff;
	background-color: #000000;
	position: absolute;
	top: 131px;
	padding: 4px;
	width: 82px; height: 58px;
	visibility: hidden;
	z-index: 3;
}

#sitemenu {
	border: 1px solid #ffffff;
	background-color: #000000;
	position: absolute;
	top: 131px;
	padding: 4px;
	width: 172px; height: 96px;
	visibility: hidden;
	z-index: 3;
}

.menu {font-family: verdana, arial;
	width: 78px;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-bottom-width: 0px;
	line-height: 18px;
	padding-left: 4px;}
.menubottom {font-family: verdana, arial;
	width: 78px;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ffffff;
	border: 1px solid #ffffff;
	line-height: 18px;
	padding-left: 4px;}
	
.menu2 {font-family: verdana, arial;
	width: 172px;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-bottom-width: 0px;
	line-height: 18px;
	padding-left: 4px;}
.menubottom2 {font-family: verdana, arial;
	width: 172px;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #ffffff;
	border: 1px solid #ffffff;
	line-height: 18px;
	padding-left: 4px;}

a.navlink:link {text-decoration: none; color: white;}
a.navlink:visited {text-decoration: none; color: white;}
a.navlink:hover {text-decoration: underline;}

a.nav_link:link {text-decoration: none; color: white;}
a.nav_link:visited {text-decoration: none; color: white;}
a.nav_link:hover {text-decoration: none;}
/*end css for dropdown menus*/

#machine {position: absolute; top: 131px; left: 0px; width: 850px; height: 253px; background-color: #000000; border-right: 1px solid #808080;}
#fill {position: absolute; top: 384px; left: 0px; width: 850px; height: 8px; background-color: #FFE8B2; border-right: 1px solid #808080;}
#bluefill {position: absolute; top: 392px; left: 0px; width: 850px; height: 33px; background-color: #E8E8E8; border-right: 1px solid #808080; border-bottom: 1px solid #808080;}

#bluefilltext {position: absolute; top: 6px; left: 30px; font-family: verdana, arial; font-size: 13px; font-weight: bold; color: black; font-variant: small-caps;}

#bluefilltext2 {position: absolute; top: 6px; left: 220px; font-family: verdana, arial; font-size: 13px; font-weight: bold; color: #2171C8; font-variant: small-caps;}

/*div {border: 1px solid black;}*/
	#section1 {position: absolute; top: 440px; left: 10px; height: 275px; width: 385px; padding: 5px; font-family: verdana; font-size: 12px; font-weight: normal; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;}
	#section2 {position: absolute; top: 440px; left: 462px; height: 275px; width: 379px; padding: 5px; font-family: verdana; font-size: 12px; font-weight: normal; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
	#section3 {position: absolute; top: 750px; left: 10px; height: 275px; width: 385px; padding: 5px; font-family: verdana; font-size: 12px; font-weight: normal;}
	#section4 {position: absolute; top:750px; left: 470px; height: 250px; width: 375px; padding: 5px;}

.section1pic {float: left; padding: 5px;}
.section2pic {float: left; padding: 5px;}
.section3pic {float: left; padding: 5px;}

/*set tab css*/
div.tabArea {
  padding-top: 5px; font-family: verdana, arial; font-size: 11px; font-weight: normal;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #dad7d7;
  color: #000000;
  z-index: 102;
}

/*set content css*/
div.tabMain {
  background-color: #dad7d7;
  border: 1px solid #000000;
  padding: 1em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #c0c0c0;
  border: 1px solid #000000;
  width: 100%;
}

/*set bottom graphic and link css*/
#bottom {position: absolute; top: 1040px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#bottomtext {position: absolute; top: 1060px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#bottomtext2 {position: absolute; top: 1080px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
a.bottomlinks {text-decoration: none; background-color: transparent;}
a.bottomlinks:visited {color: #000000; background-color: transparent;}
a.bottomlinks:hover {text-decoration: underline; background-color: transparent;}

#insidebottom {position: absolute; top: 780px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#insidebottomtext {position: absolute; top: 800px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#insidebottomtext2 {position: absolute; top: 820px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
a.insidebottomlinks {text-decoration: none; background-color: transparent;}
a.insidebottomlinks:visited {color: #000000; background-color: transparent;}
a.insidebottomlinks:hover {text-decoration: underline; background-color: transparent;}
/*end bottom graphic and link css*/

/*css for privacy page*/
#privacyinsidebottom {position: absolute; top: 1120px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#privacyinsidebottomtext {position: absolute; top: 1140px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#privacyinsidebottomtext2 {position: absolute; top: 1160px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for privacy page*/

/*css for search box*/
#searchBox {position: absolute; top: 104px; left: 535px; width: 240px; height: 110px; z-index: 2; font-family: verdana; font-size: 10px; background-color: #FFFFFF; border: 2px solid #B8D6D6;}
.searchText {font-family: verdana; font-size: 12px; width: 200px; height: 16px;}
td {font-family: verdana; font-size: 12px;}
.subbutton {font-family: verdana; font-size: 12px; width: 85px; height: 22px; background-color: #c0c0c0; background-color: #7788AA; color: white;}
/*end css for search box*/

/*css for contactus page*/
#contactUs {position: absolute; top: 155px; left: 175px; width: 450px; height: 520px; background-image: url(../images/background.gif); border: solid 1px #808080;}
td.header {font-family: verdana; font-size: 12px; color: white; background-color: #7788AA; padding: 5px; font-weight: bold;}
td.debi {font-family: verdana; font-size: 12px; color: #000000; background-color: #FFFFFF; padding: 5px; font-weight: normal; height: 40px;}
td.contact {font-family: verdana; font-size: 12px; color: #000000; padding: 5px;}
.subbutton {font-family: verdana; font-size: 12px; width: 100px; height: 25px; background-color: #7788AA; color: white;}
input.name {font-family: verdana; font-size: 12px; width: 220px; height: 16px; background-color: #FFFFFF;}
input.zip {font-family: verdana; font-size: 12px; width: 60px; height: 16px; background-color: #FFFFFF;}
textarea {font-family: verdana; font-size: 12px; width: 220px; height: 16px; background-color: #FFFFFF; width: 260px; height: 100px;}
.red {color: red;}
/*end css for contactus page*/

/*css for login page*/
#login {position: absolute; left: 240px; top: 200px; width: 352px; height: 120px; border: 1px solid #888888; padding: 3px;}
input.textlogin {font-family: verdana, arial; font-size: 12px; font-weight: normal; width: 140px; height: 16px; background-color: #FFFFFF;}
td.login {padding: 3px; font-family: verdana, arial; font-size: 12px; font-weight: normal;}
.loginbutton {font-family: verdana; font-size: 12px; width: 80px; height: 23px; background-color: #c0c0c0; background-color: #7788AA; color: white;}
#logininsidebottom {position: absolute; top: 520px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#logininsidebottomtext {position: absolute; top: 540px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#logininsidebottomtext2 {position: absolute; top: 560px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for login page*/

/*css for thankyou page for contactus*/
#thanks {position: absolute; left: 135px; top: 150px; width: 570px; height: 30px; font-family: verdana, arial; font-size: 12px; border: 1px solid #888888; padding: 3px;}
/*end css for thankyou page*/

/*css for error page*/
#error {position: absolute; left: 135px; top: 150px; width: 570px; height: 30px; font-family: verdana, arial; font-size: 12px; border: 1px solid #888888; padding: 3px;}
/*end css for error page*/

/*css for breadcrumb trail [decided not to use]
#breadcrumb {font-family: verdana, arial; font-size: 12px; color: #000000; position: absolute; top: 135px; left: 80px;}
end css for breadcrumb trail*/

/*welcome css*/
#welcome {font-family: verdana, arial; font-size: 12px; color: #000000; position: absolute; left: 614px; top: 84px;}
/*end welcome css*/

/*about us css*/
.profile {font-size: 14px; font-family: verdana, arial; font-weight: bold; color: #000000;}
.profiletext {font-size: 12px; font-family: verdana, arial; font-weight: normal; color: #000000;}
#defaultaboutus {position: absolute; top: 150px; left: 40px; width: 700px; height: 300px; padding: 5px; border: 1px solid #CCCCCC;}
#aboutinsidebottom {position: absolute; top: 500px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#aboutinsidebottomtext {position: absolute; top: 520px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#aboutinsidebottomtext2 {position: absolute; top: 540px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end about us css*/

/*faq css*/
a.faqlink {font-family: verdana; font-weight: normal; font-size: 12px; color: black; text-decoration: none;}
a.faqlink:visted {color: black; text-decoration: none;}
a.faqlink:hover {color: red; text-decoration: none;}
#faq {position: absolute; top: 150px; left: 70px; width: 710px; height: 420px; border: 1px solid #CCCCCC;}
#faqdetails {position: absolute; top: 430px; left: 80px; width: 685px; height: 200px; font-family: verdana; font-size: 12px; font-weight: normal; color: black; padding: 3px;}
.nfsfaq {font-family: verdana; font-weight: bold; font-size: 14px; color: white; padding: 6px; height: 18px; background-color: #7788AA;}
.nfs {font-family: verdana; font-weight: bold; font-size: 14px; color: black; padding: 6px; height: 18px;  background-color: #c0c0c0;}
li {color: red; padding-left: 2px;}
a.list {color: red; padding-left: 2px;}
table.faqtable {border: 1px solid #dddddd; border-collapse: collapse;} 
td.nav {border-top: 1px solid #dddddd; background-color: white;}
td.navover {border-top: 1px solid #dddddd; background-color: white; background-color: #E0E0E0;}
td.navselect {background-color: #E0E0E0;}
#faqinsidebottom {position: absolute; top: 620px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#faqinsidebottomtext {position: absolute; top: 640px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#faqinsidebottomtext2 {position: absolute; top: 660px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end faq css*/

/*css for search results page*/
#search {position: absolute; top: 150px; left: 40px; width: 700px; height: 250px; border: 1px solid #; padding: 3px;}
H2.header {font-family: verdana, arial; font-size: 14px; font-weight: bold; font-variant: small-caps;}
.results {font-family: verdana, arial; font-size: 12px; font-weight: normal;}
#searchCCCCCCinsidebottom {position: absolute; top: 520px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#searchinsidebottomtext {position: absolute; top: 540px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#searchinsidebottomtext2 {position: absolute; top: 560px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for search results page*/

/*css for pdf in browser*/
#showPDF {position: absolute; top: 150px; left: 40px; width: 700px; height: 500px; border: 1px solid #CCCCCC; padding: 3px;}
H2.header {font-family: verdana, arial; font-size: 14px; font-weight: bold; font-variant: small-caps;}
/*end css for pdf in browser*/

/*css for privacy statement*/
#privacystatement {position: absolute; top: 150px; left: 40px; width: 700px; height: 950px; border: 1px solid #CCCCCC; padding: 5px; font-family: verdana, arial; font-size: 12px;}
h2.privacy {color: #336699;}
/*end css for privacy statement*/

/*registration css*/
#default {position: absolute; top: 150px; left: 40px; width: 700px; height: 380px; padding: 5px; border: 1px solid #CCCCCC;}
#registrationinsidebottom {position: absolute; top: 600px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#registrationinsidebottomtext {position: absolute; top: 620px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#registrationinsidebottomtext2 {position: absolute; top: 640px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end registration css*/

/*css for terms and conditions*/
#terms {position: absolute; top: 150px; left: 40px; width: 700px; height: 160px; border: 1px solid #CCCCCC; padding: 5px; font-family: verdana, arial; font-size: 12px; line-height: 18px;}
h2.terms {color: #336699;}
#termsinsidebottom {position: absolute; top: 520px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#termsinsidebottomtext {position: absolute; top: 540px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#termsinsidebottomtext2 {position: absolute; top: 560px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for terms and conditions*/

/*css for warranty*/
#warranty {position: absolute; top: 150px; left: 40px; width: 700px; height: 90px; border: 1px solid #CCCCCC; padding: 5px; font-family: verdana, arial; font-size: 12px; line-height: 18px;}
h2.warranty {color: #336699;}
#warrantyinsidebottom {position: absolute; top: 520px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#warrantyinsidebottomtext {position: absolute; top: 540px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#warrantyinsidebottomtext2 {position: absolute; top: 560px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for warranty*/

/*css for coin machine pages*/
#nfscontent {position: absolute; top: 150px; left: 10px; width: 750px; height: 610px; border: 1px solid #CCCCCC; padding: 3px; font-family: verdana, arial; font-size: 12px;}
#lowborder {position: absolute; top: 40px; left: 7px; border-bottom: 3px double #CCCCCC; width: 468px;}
#sideborder {position: absolute; top: 5px; left: 475px; border-right: 3px solid #CCCCCC; height: 70px;}
#showText {position: absolute; top: 80px; left: 15px; width: 450px; height: 300px;}
/*end css for coin machine pages*/

/*css for coin machine video pages*/
#nfscoincontent {position: absolute; top: 150px; left: 10px; width: 750px; height: 350px; border: 1px solid #CCCCCC; padding: 3px; font-family: verdana, arial; font-size: 12px;}
#alignVideo {position: absolute; top: 30px; left: 250px; width: 320px; height: 290px;}
#alignText {position: absolute; top: 5px; left: 215px; width: 450px; height: 20px; font-size: 16px; font-weight: bold; line-height: 20px;}
#videoinsidebottom {position: absolute; top: 520px; left: 0px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; height: 57px; width: 850px;}
#videoinsidebottomtext {position: absolute; top: 540px; left: 250px; font-family: verdana, arial; font-size: 12px;}
#videoinsidebottomtext2 {position: absolute; top: 560px; left: 290px; font-family: verdana, arial; font-size: 10px; color: #999999;}
/*end css for coin machine video pages*/

/*css to show coin pics*/
#showit {position: absolute; left: 480px; top: 5px; width: 270px; height: 400px; background-image: url(../images/frame.gif);}
#showPic {position: absolute; left: 5px; top: 10px; width: 250px; height: 390px;}
/*end css for show coin pics*/

/*css for added info*/
#infostatement {position: absolute; top: 150px; left: 40px; width: 700px; height: 575px; border: 1px solid #CCCCCC; padding: 5px; font-family: verdana, arial; font-size: 12px;}
h2.info {color: #336699;}
.default {color: black; line-height: 20px;}
/*end css for privacy statement*/

/*css for registration page*/
#reginfo {position: absolute; top: 430px; left: 530px; width: 200px; height: 35px; font-family: verdana; font-size: 10px; border: 1px solid #dddddd; padding: 3px;}
/*end css for registration page*/