/*
 * MyBusinessFax
 * Last updated: 14/7/2010 - 10:30 Nigel 
 */

body, html {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #EEEEEE;
    background-color: #272727;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(/usr/mybusinessfax/images/tile.png);
    background-repeat: repeat;
	text-decoration: none;
}

#site {
	border: 1px solid #000000;
	background-image: url(/usr/mybusinessfax/images/bg1.png);
	background-repeat: repeat-x;
	background-color: #1e1e1e;
	width: 900px;
	margin:20px auto;
	margin-bottom:20px;
	text-align:left;
	text-decoration: none;
}
#mainBody{
	padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 0;
    padding-left: 40px;
    position: relative;
    top: 0px;
    line-height: 13px;
    font-size: 9px;
	min-height: 250px;
}

#logo {
	padding: 0;
	margin: 0;
}

#mainBody li				{ margin-bottom: 4px; }
#mainBody .smallMenuBox li	{ margin-bottom: 0px; }

a:link, a:visited {color: #ffd13e; text-decoration: none;}
a:hover, a:active { color: #36de49; text-decoration: none;}

#login-button {
    position: absolute;
    left: 763px;
    top: 10px;
}

#footer {
    clear: both;
	font-size: 9px;
	background-image: url(/usr/mybusinessfax/images/footer.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 38px;
    padding-bottom: 0; 
    padding-left: 10px;
    padding-right: 0px;
    line-height: 36px;
}
#input {
    width: 833px;
    text-align: left;
    top: -15px;
    height: 88px;
    vertical-align: middle;
    position: relative;
    left: -8px;
    background-image: url(/usr/mybusinessfax/images/input.png);
    background-repeat: no-repeat;
}
.input-text {
    position: relative;
    height: 80px;
    width: 300px;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    left: 20px;
    top: 20px;
    text-shadow: #000000 1px 1px 1px;
}

.inputbox {
    position: absolute;
    top: 24px;
    left: 406px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #666;
}

.input-style {
    position: relative;
    width: 255px;
    height: 35px;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 5px;
    color: #333;
    border: thin solid #000;
}

.submit {
    height: 38px;
    width: 114px;
    left: 690px;
    position: absolute;
    top: 24px;
}

.yellow{
	color: #F9D53F;
}

.terms {
	font-size: 12px;
	margin-top: -20px;
	line-height: 15px;
	color: #FFFFFF;
}

.terms #address{
	top: 6px;
	padding: 40px;
	text-align:center;
	font-size: 20px;
	left:0px;
	line-height: 18px;
}

.terms #address #busnumbs {
	font-size: 12px;
	text-align:center;
}

.terms #donotcall{
	top: 6px;
	width: 400px;
	padding: 20px 0px 20px 0px;
}

.terms #verify{
	top: 6px;
	width: 400px;
	padding: 20px 0px 20px 0px;
}

.terms #weblink{
	position: relative;
	top: 6px;
	width: 200px;
	padding: 0px 0px 20px 0px;
}

.terms a:link, .terms a:visited {color: #ffd13e; text-decoration: none;}
.terms a:hover, .terms a:active { color: #36de49; text-decoration: none;}


#footer p {
    margin: 10; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}
.bold-yellow {
    font-weight: bold;
    color: #F9D53F;
    font-size: 16px;
    text-align: center;
}

.tiny-text {
    font-size: 7pt;
    color: #999;
}

.white-text{
	color: #FFFFFF;
}

.bfxerr{
	margin: 0;
	padding-bottom: 10px; 
    color: #ff0000;
	font-size: 16px;
}

#site.white #mainBody {
	padding: 10px;
}

#site.white {
	background-color: #fff;
	background-image: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293642;
	
}

#site.white #footer {
	color: #FFFFFF;
	margin: 0;
    padding: 0 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}


#site.white h1 {
	font-size: 16px;
	margin: 16px 0px 6px 0px;
}

#site.white h2 {
	margin: 16px 0px 5px 0px;
	padding: 0px;
	font-size: 14px;
}

#site.white h3 {
	font-size: 12px;
	margin: 6px 0px 1px 0px;
	padding: 0px;
	font-weight: bold;
}

.oneColFixCtr #container {
	width: 800px;
	/*margin: 0 auto;*/
	margin: 0px 0px 0px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 368px;
	background-color: #FFFFFF;
	background-image: url(/usr/mybusinessfax/images/yellow-pages.png);
}
#maintitle {
	position: relative;
	left: 405px;
	top: 46px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16pt;
	width: 450px;
}
#name-link {
	position: relative;
	left: 350px;
	top: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13pt;
	text-decoration: underline;
	color: #0078AD;
	width: 520px;
}
#address {
	position: relative;
	left: 312px;
	top: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	width: 550px;
}
#category {
	position: relative;
	left: 310px;
	top: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #999;
	width: 550px;
}
#directions {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #0376AC;
	width: 100px;
	top: -24px;
	left: 318px;
}


.tloneColFixCtr #tlcontainer {
	width: 890px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 190px;
	background-color: #FFFFFF;
	background-image: url(/usr/mybusinessfax/images/truelocal.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: -10px;
}
#tlmaintitle {
	position: relative;
	left: 278px;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22pt;
	width: 450px;
}
#tlphone {
	position: relative;
	left: 350px;
	top: 91px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #04ACDD;
	width: 227px;
}
#tladdress {
	position: relative;
	left: 278px;
	top: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	width: 305px;
}
#tlweb {
	position: relative;
	left: 299px;
	top: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #04ACDD;
	width: 280px;
}
#tlnational {
	position: relative;
	left: 350px;
	top: 84px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;
	color: #04ACDD;
	width: 227px;
}

.msgBox, #msgBox {
	width: 350px;
	border: 1px solid #343334;
	margin: 15px;
	padding: 0;
}

.msgBox-main, #msgBox-main {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 6px 12px 3px 12px;
	background-color: transparent;
	color: #000000;
}

.loginForm				{ border: 0; width: 100%; }
.loginForm th			{ text-align: right; padding: 7px 10px 7px 7px; border-top: none; border-left: none; border-right: 1px solid transparent; 
					  	  vertical-align: middle; border-bottom: 1px solid transparent; color: #FFFFFF; margin: 0;
						  font-weight: bold;  background: transparent;}
.loginForm td 			{ text-align: left; border-top: none; border-left: none; border-right: none; border-bottom: none; vertical-align: middle; 
						  padding: 7px 7px 7px 10px; }
.loginForm td input		{ width: 100%; }
.loginForm td input.n	{ width: auto; }
.loginForm tr.l td,
.loginForm tr.l th		{ border-bottom: none; }

.section{
	border-top: 2px solid #5d5d5d;
	background-color: #343334;
	color: #bbbbbb;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px -10px -10px -10px;
	padding: 30px;
}

.section p {
	font-size: 16px;
	line-height:normal;
	
}

.section a:link     {color: #ffd13e; text-decoration: none;}
.section a:visited	{ color: #ffd13e; text-decoration: none;}
.section a:hover,
.section a:active	{ color: #ffffff; text-decoration: none;}

.faxinfo {
	margin: -10px -10px 0 -10px;
}

.separator{
	margin: 2px -10px 0 -10px;
	background-color: #343334;
	color: #FFFFFF;
	padding: 15px 15px 15px 15px;
	font-size: 12px;
}

.separator #lefttext{
	text-align: left;
	
}

.separator #righttext{
	float: right;
	text-align: right;
}

.bfxTitle {
	white-space: nowrap;
	color: #FFFFFF;
}

.images {
	
}

.myoboneColFixCtr #container {
	width: 890px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 220px;
	background-color: #FFFFFF;
	background-image: url(/usr/mybusinessfax/images/myob-bg.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
}
#myobcust-name {
	position: relative;
	left: 385px;
	top: 46px;
	font-weight: normal;
	width: 180px;
}
#myobcompany-name {
	position: relative;
	left: 385px;
	top: 71px;
	font-weight: normal;
	width: 180px;
}
#myobbilling-address {
	position: relative;
	left: 385px;
	top: 77px;
	font-weight: normal;
	width: 180px;
}
#myobcontact {
	position: relative;
	left: 635px;
	top: -33px;
	font-weight: normal;
	width: 180px;
}
#myobalt-phone {
	position: relative;
	left: 635px;
	top: -19px;
	font-weight: normal;
	width: 180px;
}
#myobfax {
	position: relative;
	left: 635px;
	top: -12px;
	font-weight: normal;
	width: 180px;
}
#myobemail {
	position: relative;
	left: 635px;
	top: -7px;
	font-weight: normal;
	width: 180px;
}
#myobphone {
	position: relative;
	left: 635px;
	top: -27px;
	font-weight: normal;
	width: 180px;
}

.qboneColFixCtr #container {
	width: 890px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 220px;
	background-color: #FFFFFF;
	background-image: url(/usr/mybusinessfax/images/quickbooks.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
}
#qbcust-name {
	position: relative;
	left: 385px;
	top: 46px;
	font-weight: normal;
	width: 180px;
}
#qbcompany-name {
	position: relative;
	left: 385px;
	top: 71px;
	font-weight: normal;
	width: 180px;
}
#qbbilling-address {
	position: relative;
	left: 385px;
	top: 77px;
	font-weight: normal;
	width: 180px;
}
#qbcontact {
	position: relative;
	left: 635px;
	top: -33px;
	font-weight: normal;
	width: 180px;
}
#qbalt-phone {
	position: relative;
	left: 635px;
	top: -19px;
	font-weight: normal;
	width: 180px;
}
#qbfax {
	position: relative;
	left: 635px;
	top: -12px;
	font-weight: normal;
	width: 180px;
}
#qbemail {
	position: relative;
	left: 635px;
	top: -6px;
	font-weight: normal;
	width: 180px;
}
#qbphone {
	position: relative;
	left: 635px;
	top: -27px;
	font-weight: normal;
	width: 180px;
}

.goooneColFixCtr #container {
	width: 890px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 220px;
	background-color: #FFFFFF;
	background-image: url(/usr/mybusinessfax/images/google.png);
}
#goomaintitle {
	position: relative;
	left: 315px;
	top: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 13pt;
	width: 450px;
	color: #03F;
	text-decoration: underline;
}
#goodescription {
	position: relative;
	left: 315px;
	top: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000;
	width: 530px;
}
#goowebaddress {
	position: relative;
	left: 315px;
	top: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	width: 550px;
	color: #22891C;
}
#googlecache {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #3F78D1;
	width: 120px;
	top: -16px;
	left: 365px;
}
#goomaintitle2 {
	position: relative;
	left: 330px;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 13pt;
	width: 450px;
	color: #03F;
	text-decoration: underline;
}
#goodescription2 {
	position: relative;
	left: 330px;
	top: 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	color: #000;
	width: 550px;
}
#goowebaddress2 {
	position: relative;
	left: 330px;
	top: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	width: 550px;
	color: #22891C;
}
#googlecache2 {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #3F78D1;
	width: 120px;
	top: -16px;
	left: 150px;
}

#faxNum {
	position: absolute;
	z-index: 5;
	font-size: 40px;
	color: #edae05;
	top: 25px;
	left: 550px;
	white-space: nowrap;
}


a.banner {
	position: absolute;
	top: 15px;
	left: 10px;
	height: 75px;
	width: 450px;
	z-index: 5;
}

a.banner:link, a.banner:visited, a.banner:active, a.banner:hover {
	text-decoration: none;
} 

/*---iphonelogo---*/

.oneColFixCtr #ipcontainer {
	background-repeat: no-repeat;
	height: 600px;
	background-image: url(/usr/mybusinessfax/images/iphoneicon.png);
	background-position: center;
}

a.iconbanner {
	position: absolute;
	top: 225px;
	left: 220px;
	height: 175px;
	width: 360px;
	z-index: 5;
}

a.iconbanner:link, a.iconbanner:visited, a.iconbanner:active, a.iconbanner:hover {
	text-decoration: none;
}

a.submitBtn:link, a.submitBtn:visited {
	margin-right: 30px;
	font-size: 12px;
	color: #fff;
}  

.faxDataTable {
	background-color: #343334;
	width: 100%;
}

.faxDataTable th {
	color: #fff;
	text-align: right;
}

.f12px {
	font-size: 12px;
}

/*--------fax positioning--------*/

.showfax {
	margin-left: -20px;
}

.onepagefax{
	margin-left: 0px;
}

/*------order form section---------*/
.orderform {
	margin-left: 50px;
	text-align: left; 
	height: 1220px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:600;
	position: relative;
}

.container {
	position: relative;
	top: -420px;
	height: 350px;
}


#customer-name {
	position: relative;
	left: 70px;
	top: 70px;
	width: 180px;
}
#company-address {
	position: relative;
	left: 70px;
	top: 80px;
	width: 180px;
}
#suburb {
	position: relative;
	left: 70px;
	top: 90px;
	width: 180px;
}

#wholesaler {
	position: relative;
	left: 620px;
	top: 20px;
	width: 180px;
}
#account {
	position: relative;
	left: 620px;
	top: 30px;
	width: 180px;
}
#contact {
	position: relative;
	left: 620px;
	top: 40px;
	width: 180px;
}

#quantity1 {
	position: relative;
	left: 660px;
	top: 22px;
	width: 80px;
}
#quantity2 {
	position: relative;
	left: 660px;
	top: 28px;
	width: 80px;
}
#quantity3 {
	position: relative;
	left: 660px;
	top: 32px;
	width: 80px;
}
#quantity4 {
	position: relative;
	left: 660px;
	top: 38px;
	width: 80px;
}
#quantity5 {
	position: relative;
	left: 660px;
	top: 42px;
	width: 80px;
}

#quantity p{
	padding-top: 13px;
}

#remove{
	position: relative;
	left: 80px;
	top: 160px;
	width: 680px;
	font-size: 14px;
}