/*	Nexx - Web Hosting, Domain Names and E-commerce for Business
	www.nexx.com - www.nexx.ca
	D&D: Jay Dalisay
	Made on Mac!
*/

/* initial settings */
html,body {	margin:0; padding:0; height:100%; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; color: #000000; }
html { overflow-y: scroll; overflow-x: hidden;}
a { text-decoration: none; color: #0094d1; outline: none;}
a:visited { text-decoration: none; color: #0094d1;}
a:hover { text-decoration: none; color: #00628b;}

/* them divs */
#center { width:850px; height:auto; margin:0 auto; padding: 0;}
#center1 { width:850px; height:auto; margin:0 auto; padding: 0;}
#center2 { width:850px; height:auto; margin:0 auto; padding: 0;}
#center3 { width:850px; height:auto; margin:0 auto; padding: 0;}
#center4 { width:850px; height:auto; margin:0 auto; padding: 0;}
#center5 { width:850px; height:auto; margin:0 auto; padding: 0;}
#container { min-height:100%; position:relative; background: #dbdbdb;}
#loginpanel { height: 130px; background: #33353c; display: none;}
#navigation { height: 50px; width:100%; background: url(../graphics/navigationbg.png) repeat-x top; border-bottom: 1px solid #164a9f; border-top: 5px solid #33353c;}
#header { background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 260px; }
#body { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
#subfooter { position: absolute; bottom: 40px; width: 100%; height: 180px; background: #eeeeee; border-top: 1px solid #d8d8d8; border-bottom: 2px solid #131313;}
#footer { position:absolute; bottom:0; width:100%; height:40px; background:#33353c; border-top: 2px solid #434343;}

/* login panel */
table.loginpanelform { width:600px; height:130px; float:right; background: #33353c; font-size: 11px; }
input.field { width:150px; padding:3px; background:#ffffff url(../graphics/fieldbg.gif) repeat-x; border:1px solid #dddddd; color:#a6a5a5; font-size:11px;}
.loginbutton { background:url(../graphics/clientlogin.png) 0 0 no-repeat; width:150px; height:30px; border:none; outline:none; }
.loginbutton:hover { background:url(../graphics/clientlogin.png) 0 -30px no-repeat; width:150px; height:30px; border:none; outline:none; }
.loginbutton:active {background:url(../graphics/clientlogin.png) 0 -60px no-repeat; width:150px; height:30px; border:none; outline:none;}

/* logo */
a.logo { background: url(../graphics/nexx-sprite.png) 0 0 no-repeat; width: 100px; height: 25px; border: 0; outline: none; display: block;}
a.logo:hover { background: url(../graphics/nexx-sprite.png) 0 -25px no-repeat; width: 100px; height: 25px;}

/* menu */
table.menu { width:850px; height:50px; }
table.menu ul { list-style:none; padding:0; margin:0; }
table.menu li { float:left; text-indent: -9999px; }
li.liner { padding-right: 10px; background: url(../graphics/liner.png) no-repeat; width: 5px; height: 17px; position: relative; top:3px;}
li.home { background: url(../graphics/nexx-sprite.png) -120px 0 no-repeat; width: 33px; height: 25px; padding-right: 10px;}
li.webhosting { background: url(../graphics/nexx-sprite.png) -175px 0 no-repeat; width: 73px; height: 25px; padding-right: 10px;}
li.domainnames { background: url(../graphics/nexx-sprite.png) -270px 0 no-repeat; width: 80px; height: 25px; padding-right: 10px;}
li.aboutnexx { background: url(../graphics/nexx-sprite.png) -376px 0 no-repeat; width: 63px; height: 25px; padding-right: 10px;}
li.contactus { background: url(../graphics/nexx-sprite.png) -465px 0 no-repeat; width: 62px; height: 25px; }

table.menu li a { display: block; height: 25px; text-decoration: none; outline: none;}

li.home:hover { background: url(../graphics/nexx-sprite.png) -120px -25px no-repeat; }
li.webhosting:hover { background: url(../graphics/nexx-sprite.png) -175px -25px no-repeat; }
li.domainnames:hover { background: url(../graphics/nexx-sprite.png) -270px -25px no-repeat; }
li.aboutnexx:hover { background: url(../graphics/nexx-sprite.png) -376px -25px no-repeat; }
li.contactus:hover { background: url(../graphics/nexx-sprite.png) -465px -25px no-repeat; }

li.homeselected { background: url(../graphics/nexx-sprite.png) -120px -25px no-repeat; width: 33px; height: 25px; padding-right: 10px;}
li.webhostingselected { background: url(../graphics/nexx-sprite.png) -175px -25px no-repeat; width: 73px; height: 25px; padding-right: 10px;}
li.domainnamesselected { background: url(../graphics/nexx-sprite.png) -270px -25px no-repeat; width: 80px; height: 25px; padding-right: 10px;}
li.aboutnexxselected { background: url(../graphics/nexx-sprite.png) -376px -25px no-repeat; width: 63px; height: 25px; padding-right: 10px;}
li.contactusselected { background: url(../graphics/nexx-sprite.png) -465px -25px no-repeat; width: 62px; height: 25px; }

/* footer */
table.subfootertext { width:850px; height:150px;}
table.footercopy { width:850px; height:40px; color:#dfdfdf; font-size: 11px;}

/* content top-bottom */
#contenttop { background: url(../graphics/contenttop.png) no-repeat top; width: 850px; height: 10px; margin-top: 20px;}
#contentbottom { background: url(../graphics/contentbottom.png) no-repeat bottom; width: 850px; height: 10px; margin-bottom: 20px;}

#contenttophomepage { background: #dbdbdb; width: 850px; height: 10px; margin-top: 10px;}
#contentbottomhomepage { background: #dbdbdb; width: 850px; height: 10px; margin-bottom: 10px;}

/*--homepage--*/
#headerhomepage {background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f;  height: 280px;}
#bodyhomepage { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
table.homepageinfo {  height: auto; width: 850px;}

.description {  padding-right: 20px;}
div.lfeatures img { float: left; padding-right: 10px;}
div.lfeatures ul { list-style: none; padding: 0; margin: 0;}
div.lfeatures li { padding: 10px; list-style: none; background: url(../graphics/flistbg.png) no-repeat; width: 530px; height: 100px; font-size: 11px; color: #515151; }
div.lfeatures label { font-size: 13px; font-weight: bold; color: #115b9a;}
div.lfeatures { text-align: left; width: 530px; height: auto;}
div.lfeatures .grind { margin: 0 auto; width: 530px; height: 10px; }
div.lfeatures .first { width: 530px; height: 100px; padding: 0; margin: 0; border: 1px solid #000000;}


div#rightpaneltop { background: url(../graphics/rptop.png) no-repeat top; width: 290px; height: 10px;}
div#rightpanelbottom { background: url(../graphics/rpbottom.png) no-repeat bottom; width: 290px; height: 10px;}
div#rightpanelcenter { background:#ffffff; border: none; height: auto; width: 290px;}
div#rightpanelcentertop { background:url(../graphics/buynowbg.png) no-repeat; border: none; width: 294px; height: 205px; }

div#rightpaneltop2 { background: url(../graphics/rptop2.png) no-repeat top; width: 290px; height: 10px;}
div#rightpanelbottom2 { background: url(../graphics/rpbottom2.png) no-repeat bottom; width: 290px; height: 10px;}

table.rightpanelfeatures { padding: 10px; width: 290px;}
table.rightpanelfeatures h1 { padding: 0; margin: 0; text-decoration: none; font-weight: normal;}
table.rightpanelfeatures h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px;}

div.border { width: 285px; border-top: 1px solid #ebebeb; margin: 0 auto;}
span.rightpanelleft { float: left;}
span.rightpanelright { float: right; width: 70px; text-align: center; font-weight: bold;}

.homefeatures { height: 50px;}
div#buynow2 { position:relative; top:10px;}

table.homepagesignup h1 { padding: 0; margin: 0; text-decoration: none; font-weight: normal;}
table.homepagesignup h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px;}
table.homepagesignup sup { font-size: 40px; position: relative; top:-8px;}
table.homepagesignup sub {  position: relative; right: 45px; top:-5px;}
table.homepagesignup b { font-size: 80px; padding: 0; margin: 0;}
table.homepagesignup strong { font-size: 11px; color: #0d0d0d;}

table.homepagesignuptop h1 { font-size: 15px; padding: 0; margin: 0; text-decoration: none; font-weight: normal; color: #ffffff;}
table.homepagesignuptop h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px; color: #ffffff;}
table.homepagesignuptop sup { font-size: 40px; position: relative; top:-8px; color: #ffffff;}
table.homepagesignuptop sub {  position: relative; right: 45px; top:-5px; color: #ffffff;}
table.homepagesignuptop b { font-size: 80px; padding: 0; margin: 0; color: #ffffff;}
table.homepagesignuptop strong { font-size: 11px; }

table.homepagesignuptop2 h1 { font-size: 15px; padding: 0; margin: 0; text-decoration: none; font-weight: normal;}
table.homepagesignuptop2 h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px;}
table.homepagesignuptop2 sup { font-size: 20px; position: relative; top:-8px; }
table.homepagesignuptop2 sub {  position: relative; right: 30px; top:-5px; }
table.homepagesignuptop2 b { font-size: 50px; padding: 0; margin: 0;}
table.homepagesignuptop2 strong { font-size: 11px; }

div#pricebgtop { background: url(../graphics/pricebgtop.png) no-repeat top; width: 314px; height: 10px;}
table.homepagesignuptopbg { background:#ffffff; border-right:1px solid #164a9f; border-left:1px solid #164a9f;}
div#pricebgbottom { background: url(../graphics/pricebgbottom.png) no-repeat top; width: 314px; height: 10px;}

input.signupnowsmall2 { background: url(../graphics/smallsignup2.png) 0 0 no-repeat; width: 130px; height: 50px; outline: none; }
input.signupnowsmall2:hover { background: url(../graphics/smallsignup2.png) 0 -50px no-repeat; width: 130px; height: 50px; }
input.signupnowsmall2:active { background: url(../graphics/smallsignup2.png) 0 -100px no-repeat; width: 130px; height: 50px; }


/*---web-hosting---*/
#headerwebhosting {background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px;}
#bodywebhosting { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
table.webhostingbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}

.whtd { background: #f6b927; width: 170px; height: 50px; }
.whcp { border: 1px solid #f6b927; width: 170px; height: 30px;}

table.webhostinginfo { background: #ffffff; height: auto; width: 850px;}
table.webhostinginfo strong { font-size: 15px;}
table.webhostingfeatures { width: 350px; border: 1px solid #9d9d9d;}
table.webhostingfeatures td { padding: 10px;}
span.webfeaturesleft { float: left;}
span.webfeaturesright { float: right; width: 120px; text-align: center; font-weight: bold;}
div#fullfeatures { display: none; height: auto;}
.fullfeaturesbutton { display:block; border: none; background: url(../graphics/viewfullbutton.png) 0 0 no-repeat; height: 30px; text-decoration: none; }
.fullfeaturesbutton:hover { display:block; border: none; background: url(../graphics/viewfullbutton.png) 0 -30px no-repeat; height: 30px; text-decoration: none; }
.fullfeaturesbutton.active { display:block; border: none; background: url(../graphics/viewfullbutton.png) 0 -60px no-repeat; height: 30px; text-decoration: none; }
.fullfeaturesbutton.active:hover { display: block; border: none; background: url(../graphics/viewfullbutton.png) 0 -90px no-repeat; height: 30px; text-decoration: none;}
div.fullfeatures { width: 130px; margin: 0 auto;}
table.webhostingoverview { width: 400px; font-size: 11px;}
table.webhostingoverview td { padding-left: 10px;}
table.webhostingoverview strong { font-size: 11px; color: #0d0d0d;}
div#breadcrumb { margin-top: 20px; width: 850px; text-align: right;}
div#breadcrumb a { text-decoration: none;}
div#breadcrumb a:hover { text-decoration: underline;}
div#breadcrumb ul { list-style: none; padding: 0; margin: 0;}
div#breadcrumb li { padding-right: 15px; margin: 0; float: left; }
.fullfeaturesbutton2 { display:block; border:none; }

div#clear { clear: both;}

table.webhostingoverview h1 { padding: 0; margin: 0; text-decoration: none; font-weight: normal;}
table.webhostingoverview h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px;}
table.webhostingoverview sup { font-size: 40px; position: relative; top:-8px;}
table.webhostingoverview sub {  position: relative; right: 45px; top:-5px;}
table.webhostingoverview b { font-size: 80px; padding: 0; margin: 0;}

table.webhostingfeaturessignup { border: none;}
table.webhostingfeaturessignup h1 { padding: 0; margin: 0; text-decoration: none; font-weight: normal;}
table.webhostingfeaturessignup h2 { padding: 0; margin: 0; text-decoration: none; font-weight: normal; font-size: 20px; position: relative; left:20px;}
table.webhostingfeaturessignup sup { font-size: 40px; position: relative; top:-8px;}
table.webhostingfeaturessignup sub {  position: relative; right: 45px; top:-5px;}
table.webhostingfeaturessignup b { font-size: 80px; padding: 0; margin: 0;}
table.webhostingfeaturessignup strong { font-size: 11px; color: #0d0d0d;}

input.signupnow { background: url(../graphics/bigsignup.png) 0 0 no-repeat; width: 150px; height: 40px; outline: none;}
input.signupnow:hover { background: url(../graphics/bigsignup.png) 0 -40px no-repeat; width: 150px; height: 40px; }
input.signupnow:active { background: url(../graphics/bigsignup.png) 0 -80px no-repeat; width: 150px; height: 40px; }

input.signupnowsmall { background: url(../graphics/smallsignup.png) 0 0 no-repeat; width: 100px; height: 35px; outline: none;}
input.signupnowsmall:hover { background: url(../graphics/smallsignup.png) 0 -35px no-repeat; width: 100px; height: 35px; }
input.signupnowsmall:active { background: url(../graphics/smallsignup.png) 0 -70px no-repeat; width: 100px; height: 35px; }

input.signupnowsmall2 { background: url(../graphics/smallsignup.png) 0 0 no-repeat; width: 100px; height: 35px; outline: none; position:relative; float:right; right:50px;  bottom:21px;}
input.signupnowsmall2:hover { background: url(../graphics/smallsignup.png) 0 -35px no-repeat; width: 100px; height: 35px;position:relative; float:right; right:50px;  bottom:21px; }
input.signupnowsmall2:active { background: url(../graphics/smallsignup.png) 0 -70px no-repeat; width: 100px; height: 35px; position:relative; float:right; right:50px;  bottom:21px;}

/*---domain-names---*/
#headerdomainnames {background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px;}
#bodydomainnames { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
table.domainnamesbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.domainnamesbanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.domainnamesinfo { background: #ffffff; height: auto; width: 850px; }
table.domainnamesinfo strong { font-size: 15px;}
table.domainnamesinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
li.withpadtb { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #e5e5e5;}
li.nopadtop { padding-top: 0; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}

input.dmsearch { width: 250px; padding: 5px; font-size: 15px; background: #ffffff url(../graphics/fieldbg.gif) repeat-x top; border: 1px solid #215dc1;}
select.tld { width: 70px; font-size: 15px;}


#priceupdate { background: #ffffff; height: auto; width: 810px; padding: 20px; }

input.search { background: url(../graphics/searchbtn.png) 0 0 no-repeat; width: 100px; height: 30px; outline: none;}
input.search:hover { background: url(../graphics/searchbtn.png) 0 -30px no-repeat; width: 100px; height: 30px; }
input.search:active { background: url(../graphics/searchbtn.png) 0 -60px no-repeat; width: 100px; height: 30px; }
/*---about-nexx---*/
#headeraboutnexx {background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px;}
#bodyaboutnexx { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
table.aboutnexxbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.aboutnexxbanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.aboutnexxinfo { background: #ffffff; height: auto; width: 850px; }
table.aboutnexxinfo strong { font-size: 15px;}
table.aboutnexxinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
li.withpadtb { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #e5e5e5;}
li.nopadtop { padding-top: 0; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}

/* testimonials */
#bodytestimonials { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
#headertestimonials { background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px; }
table.testimonialsbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.testimonialsbanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.testimonialsinfo { background: #ffffff; height: auto; min-height: 500px; width: 850px; }
table.testimonialsinfo strong { font-size: 15px;}
table.testimonialsinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
#quote { background: #dfdfdf; padding: 10px;}
#quotebottom { background: url(../graphics/quotebottom.png) no-repeat; height: 30px; width: 30px; position: relative; left:20px;}

/* affiliates */
#bodyaffiliates { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
#headeraffiliates { background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px; }
table.affiliatesbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.affiliatesbanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.affiliatesinfo { background: #ffffff; height: auto;  width: 850px; }
table.affiliatesinfo strong { font-size: 15px;}
table.affiliatesinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
ul#points { list-style: outside; color: #000000; padding-left: 40px;}

/* customer-care */
#bodycustomercare { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
#headercustomercare { background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px; }
table.customercarebanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.customercarebanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.customercareinfo { background: #ffffff; height: auto; width: 850px; }
table.customercareinfo strong { font-size: 15px;}
table.customercareinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
div#csform { width: 850px;}
div.csforms { position: relative; right: 13px; background: #ebebeb; padding: 20px 10px 20px 10px;}
div.csforms strong { font-size: 15px; font-weight: normal; padding-right: 10px;}
div.csforms select { width: 447px;}
div.csforms span { position: relative; left:42px;}
input.csname:hover { border: 1px solid #000000;}
input.csname { position: relative; left: 13px; padding: 5px; width: 165px; border: 1px solid #989898; background: #ffffff url(../graphics/fieldbg.gif) repeat-x top;  }
textarea.cstextarea { width: 443px; position: relative; left: 9px; font-family: Verdana; font-size: 11px; border: 1px solid #989898; background: #ffffff url(../graphics/fieldbg.gif) repeat-x top;}
textarea.cstextarea:hover { border: 1px solid #000000;}

/* terms-of-service */
#bodytermsofservice { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
#headertermsofservice { background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px; }
table.termsofservicebanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.termsofservicebanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.termsofserviceinfo { background: #ffffff; height: 600px; width: 850px;}
table.termsofserviceinfo strong { font-size: 15px;}
table.termsofserviceinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}
/* web-hosting *//*<---terms of service--*/
#webhostingfull { display: none; height: auto; color: #666666; }
/* domain-name *//*<---terms of service--*/
#domainnamefull { display: none; height: auto; color: #666666;}
/* privacy *//*<---terms of service--*/
#privacyfull { display: none; height: auto; color: #666666;}
/* private domain name *//*<--term of service--*/
#privatedomainnamefull { display: none; height: auto; color: #666666;}

/*---contact-us---*/
#headercontactus {background:#215dc1; border-top: 1px solid #5882c8; border-bottom: 1px solid #164a9f; padding:10px; height: 120px;}
#bodycontactus { padding-bottom:225px; height: auto; margin: 0 auto; border-top: 1px solid #eeeeee; background: #dbdbdb;}
table.contactusbanner { background: none; height: 120px; width: 850px; font-size: 12px; color: #eeeeee;}
table.contactusbanner h1 { font-size: 25px; font-weight: normal; padding: 0; margin: 0; color: #ffffff;}
table.contactusinfo { background: #ffffff; height: auto; width: 850px; }
table.contactusinfo strong { font-size: 15px;}
table.contactusinfo ul { list-style: none; padding: 0; margin: 0; color: #909090;}