html { background:#fff;}
body { font-size:13px; font-family:Arial, Helvetica, sans-serif; }

.clear {
	clear:both;
}

#page-wrapper{background:url(/images/backgrounds/main.jpg) repeat-x center top #ffffff; position:relative;}
#page-wrapper.inner {background-position:center -166px;}

#page-wrapper.support #content, #page-wrapper.benefits #content { clear: both; margin-top: 55px; }

#header { width:973px; margin:auto; position:relative; }

h2.logo { margin:20px 0 20px 0; padding:0; width:151px; float:left;}
h2.logo a { background:url(/images/logo.png) no-repeat; display:block; text-indent:-999999px; width:151px; height:62px; overflow:hidden;}

#header h1 { color: #fff; font-size: 28px; text-indent: 0px; background: none; width:400px;}

#header p {
	width:470px;
	height: 175px;
	display:block;
	margin:20px 0px;
	background:none;
	text-indent:-1px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5em;
	}

/*********************** TEST  STYLES - SHOULD BE REMOVED AND CHANGED WHEN SITE GOES LIVE *****************************************/
#header h1.new { color: #fff; font-size: 28px; text-indent: 0px; background: none; width:700px; font-weight:bold; padding-top:20px;}
#header p.new{ font-size:18px; width:500px; height:155px;}
/*********************** test styles *********************************************/

#header .pin-board { background:url(/images/backgrounds/pin-board-medium.png) no-repeat; width:480px; height:347px; position:absolute;
left:500px; top:70px;}

#header .money-stack { background:url(/images/backgrounds/money-stack.png) no-repeat; width:389px; height:343px; position:absolute;
left:550px; top:70px;}


/* nav styles Nov 2009 TJS */
#main-nav { float: right; background:url(/images/backgrounds/nav-background.png) repeat-x; margin-left:100px;}
#main-nav { padding: 10px; }
#main-nav li { display: inline; margin: 5px; padding: 5px; }
#main-nav a { color: #fff; font-size: 18px; text-decoration: none; }
#main-nav a:hover, .home #home a, .how #how a, .benefits #benefits a, .support #support a, .contact #contact a { text-shadow: 0 0 5px #fff; }


#content { width:977px; margin:0 auto; padding-top:33px; overflow:hidden;}
#content h3 { font-size:140%; margin:30px 0px;}
#content .title-bar { overflow:hidden; margin-bottom:20px; clear:both;}
#content .title-bar h3 { width:56%; float:left;}
#content .title-bar p { margin-top:25px; margin-bottom:-10px; line-height:150%;}
#content .title-bar ul { margin-top:20px; margin-right:5px; border:1px solid #eaeaea; background:#f8f8f8; margin-left:80%; padding:10px 10px 5px 10px;}
#content .title-bar.homepage ul { margin-top:20px;}
#content .title-bar ul li { margin-bottom:5px;}
#content .title-bar ul li a { text-decoration:none; color:#000000; padding:2px 0px 2px 22px;}
#content .title-bar ul li a.twitter { background:url(/images/icons/twitter.png) no-repeat;}
#content .title-bar ul li a.newsletter { background:url(/images/icons/newsletter.png) no-repeat;}
#content .title-bar ul li a.live-chat { background:url(/images/icons/chat.png) no-repeat;}
#content .title-bar ul li a:hover { text-decoration:underline;}
#content .title-bar .login-form { float:left; overflow:hidden; border:1px solid #eaeaea; background:#f8f8f8; padding:13px 5px 10px 5px; width:205px; margin-right:10px; margin-top:20px; margin-left:545px; }
#content .title-bar .login-form.home { margin-top:20px; margin-left:0px;}
#content .title-bar .login-form dt { float:left; clear:left; width:70px; padding:1px 5px 1px 0px; text-align:right;}
#content .title-bar .login-form dd { margin-bottom:5px;}
#content .title-bar .login-form dd input.input { padding:2px; font-family:Arial, Helvetica, sans-serif; border:1px solid #cccccc; width:120px;}
#content .title-bar .login-form dd input.input.password { width:70px;}
#content .title-bar .login-form dd .button { margin-left:5px;}
#content ul.buttons { overflow:hidden;}
#content ul.buttons li { float:left;}
#content ul.buttons li a { background-image:url(/images/backgrounds/home-buttons.png); background-repeat:no-repeat; width:218px; height:50px; display:block; text-indent:-99999px; overflow:hidden; margin-right:24px;}
#content ul.buttons li.free-signup a { background-position:-20px -20px;}
#content ul.buttons li.more-info a { background-position:-258px -20px;}
#content ul.buttons li.free-signup a:active { background-position:-20px -90px;}
#content ul.buttons li.more-info a:active { background-position:-258px -90px;}
#content .shadow { padding-right:7px; background:url(/images/backgrounds/shadow-repeat1.png) repeat-y right 7px;}
#content .shadow .shadow-top { background:url(/images/backgrounds/shadow-top1.jpg) no-repeat; width:7px; height:7px; position:absolute; margin-left:973px;}
#content .shadow-bottom { background:url(/images/backgrounds/shadow-bottom1.png) no-repeat; width:980px; height:7px; margin-bottom:30px;}
#content .products-box { border:1px solid #eaeaea; background:#f8f8f8; min-height:230px; border-bottom:0px; width:971px; overflow:hidden; margin-bottom:20px;}
#content .products-box ul.products {width:15265px;}
#content .products-box ul.products .product { width:911px; height:300px; margin:20px; float:left;}
#content .products-box ul.products .product img { float:left; margin-top:63px; margin-left:-301px; }
#content .products-box ul.products .product .overlay { background:url(/images/product-logos/screenshot-overlay.png) no-repeat; width:318px; height:213px; margin-top:45px; margin-left:15px; display:block; float:left; }
#content .products-box ul.products .product p { padding-left:360px; color:#7e7e7e; font-size:130%; margin-top:85px;}
#content .products-box ul.products .product p strong { font-weight:bold; line-height:150%; color:#000000;}
#content .products-box ul.products .product p a { font-weight:bold; line-height:150%; color:#000000; text-decoration:none;}
#content .products-box ul.products .product p a:hover { text-decoration:underline;}
#content .products-box ul.products .product p.signup { margin-top:10px;}
#content .products-box ul.products .product p.signup a { display:block; background:url(/images/backgrounds/sign_up.png) no-repeat; width:118px; height:30px; text-indent:-99999px; overflow:hidden;}
#content .products-box ul.products .product p.signup a:active { background:url(/images/backgrounds/sign_up_pushed.png) no-repeat;}

#content .products-box ul.products .product.intro { margin:20px; float:left;}
#content .products-box ul.products .product.intro p { padding-left:0px; color:#7e7e7e; font-size:130%; margin-top:60px;}
#content .products-box ul.products .product.intro p strong { font-weight:bold; line-height:150%; color:#000000;}
#content .products-box ul.products .product.intro h2 { font-size:200%; margin:0px 0px;}
#content .products-box ul.products .product.intro p { margin:10px 0px; font-size:110%; line-height:150%; color:#000000;}
#content .products-box ul.products .product.intro ul { margin:10px 0px; font-size:110%; line-height:150%; }
#content .products-box ul.products .product.intro ul li { margin:5px 10px; background:url(/images/backgrounds/bullet.gif) no-repeat 0px 9px; padding-left:9px;}
#content .products-box ul.products .product.intro ul li.no-bullet { margin:5px 0px; background:none;}
#content .products-box ul.products .product.intro .left { width:405px; float:left; margin-top:5px; margin-left:10px;}
#content .products-box ul.products .product.intro .right { width:490px; float:left; }
#content .products-box ul.products .product.intro .right .pin-board { background:url(/images/backgrounds/pin-board-small.png) no-repeat; width:431px; height:312px; margin-left:50px;} 


#content .product-nav { width:971px; overflow:hidden; border:1px solid #ebebeb; border-top:0px; border-bottom:0px; margin-bottom:20px; }
#content ul.product-items { margin-left:-1px;}
#content ul.product-items li { border:1px solid #ebebeb; margin-right:-1px; float:left; background:#f7f7f7; width:161px; height:118px;}
#content ul.product-items li a { width:161px; height:118px; display:block; background-repeat:no-repeat; overflow:hidden; margin-bottom:-3px; }
#content ul.product-items li a:hover { background-color:#efefef;}
#content ul.product-items li a .item-number { display:none;}
#content ul.product-items li a .logo { display:none;}
#content ul.product-items li a .price { display:block; text-indent:-99999px; width:57px; height:52px; margin-top:67px; margin-left:104px;}
/*#content ul.product-items li a .price.price-15 { background:url(/images/product-logos/price-15.png) no-repeat;}
#content ul.product-items li a .price.price-35 { background:url(/images/product-logos/price-35.png) no-repeat;}*/
#content ul.product-items li a .price.price-38 { background:url(/images/product-logos/price-38.png) no-repeat;}
#content ul.product-items li a .price.price-45 { background:url(/images/product-logos/price-45.png) no-repeat;}
#content ul.product-items li a .price.price-47 { background:url(/images/product-logos/price-47.png) no-repeat;}
#content ul.product-items li a .price.price-50 { background:url(/images/product-logos/price-50.png) no-repeat;}
#content ul.product-items li a .price.price-65 { background:url(/images/product-logos/price-65.png) no-repeat;}
#content ul.product-items li a .price.price-70 { background:url(/images/product-logos/price-70.png) no-repeat;}
#content ul.product-items li a .price.price-75 { background:url(/images/product-logos/price-75.png) no-repeat;}
#content ul.product-items li a .price.price-80 { background:url(/images/product-logos/price-80.png) no-repeat;}
/*#content ul.product-items li a .price.price-85 { background:url(/images/product-logos/price-85.png) no-repeat;}*/
#content ul.product-items li a .price.price-90 { background:url(/images/product-logos/price-90.png) no-repeat;}

#content ul.product-items li#link-1 a { background-image:url(/images/product-logos/midphase-logo.png); background-position:11px 37px;}
#content ul.product-items li#link-2 a { background-image:url(/images/product-logos/uk2-logo.png); background-position:14px 44px;}
#content ul.product-items li#link-3 a { background-image:url(/images/product-logos/west-host-logo.png); background-position:14px 40px;}
#content ul.product-items li#link-4 a { background-image:url(/images/product-logos/100tb-logo.png); background-position:20px 11px;}
#content ul.product-items li#link-5 a { background-image:url(/images/product-logos/vps-net-logo.png); background-position:23px 39px;}
#content ul.product-items li#link-6 a { background-image:url(/images/product-logos/anhosting-logo.png); background-position:10px 30px;}
#content ul.product-items li#link-7 a { background-image:url(/images/product-logos/re-seller-biz-logo.png); background-position:10px 48px;}
#content ul.product-items li#link-8 a { background-image:url(/images/product-logos/autica-logo.png); background-position:16px 40px;}
#content ul.product-items li#link-9 a { background-image:url(/images/product-logos/wing-six-logo.png); background-position:15px 20px;}

#content ul.product-items li#link-10 a { background-image:url(/images/product-logos/us2-logo.png); background-position:15px 42px;}
#content ul.product-items li#link-11 a { background-image:url(/images/product-logos/dotable-logo.png); background-position:16px 42px;}
#content ul.product-items li#link-12 a { background-image:url(/images/product-logos/supreme-support-logo.png); background-position:14px 32px;}
#content ul.product-items li#link-13 a { background-image:url(/images/product-logos/vi-logo.png); background-position:13px 14px;}
#content ul.product-items li#link-14 a { background-image:url(/images/product-logos/another-logo.png); background-position:13px 40px;}
#content ul.product-items li#link-15 a { background-image:url(/images/product-logos/mailfiltering-logo.png); background-position:13px 39px;}

#content ul.product-items li.shown { background:#ff0000}
#content ul.product-items li.active { border-top:0px; background:url(/images/backgrounds/active-item.gif) repeat-x bottom #f7f7f7; padding-top:1px;}


#content .page-nav a { display:block; text-indent:-99999px; position:absolute; width:21px; height:21px; margin-top:-70px; overflow:hidden;}
#content .page-nav #prev1 { background:url(/images/backgrounds/previous-arrow.png) no-repeat; margin-left:-10px;}
#content .page-nav #prev1-no-link { background:url(/images/backgrounds/previous-arrow.png) no-repeat; margin-left:-10px; display:none;}
#content .page-nav #next1 { background:url(/images/backgrounds/next-arrow.png) no-repeat; margin-left:963px;}
#content .page-nav #next1-no-link { background:url(/images/backgrounds/next-arrow.png) no-repeat; margin-left:963px; display:none;}

#content ul.flow { overflow:hidden; border:1px solid #e7e7e7; width:971px; background:#f8f8f8; margin:21px 0px 0px 0px;}
#content ul.flow li { float:left; background:url(/images/backgrounds/flow-arrow.gif) no-repeat right top; padding-right:30px; width:220px; height:104px;}
#content ul.flow li h4 { margin:10px 10px 8px 10px; font-size:130%; font-weight:bold; padding-top:5px; padding-bottom:4px;}
#content ul.flow li.tools h4 { background:url(/images/backgrounds/tools-icon.gif) no-repeat 166px 0px;}
#content ul.flow li.apps h4 { background:url(/images/backgrounds/apps-icon.gif) no-repeat 166px 0px;}
#content ul.flow li.sales h4 { background:url(/images/backgrounds/sales-icon.gif) no-repeat 166px 0px;}
#content ul.flow li.money { background:none; padding-right:0px; width:221px;}
#content ul.flow li.money h4 { background:url(/images/backgrounds/money-icon.gif) no-repeat 166px 0px;}

#content ul.flow li p { margin:8px 10px 10px 10px; font-size:90%; line-height:130%;}

#content .standard-page { background:#ffffff; min-height:100px; overflow:hidden; }
#content .standard-page h2 { font-size:200%; margin:20px 0px;}
#content .standard-page p { margin:20px 0px; font-size:110%; line-height:150%;}
#content .standard-page ul { margin:20px 0px; font-size:110%; line-height:150%; }
#content .standard-page ul li { margin:5px 10px; background:url(/images/backgrounds/bullet.gif) no-repeat 0px 9px; padding-left:9px;}
#content .standard-page ul li.no-bullet { margin:5px 0px; background:none;}
#content .standard-page .left { width:509px; padding:0px 0px 20px 0px; float:left;}
#content .standard-page .right { width:431px; margin-left:30px; float:left; }
#content .standard-page .right .pin-board { background:url(/images/backgrounds/pin-board-small.png) no-repeat; width:431px; height:312px;} 

#content .standard-page ul.the-team { }
#content .standard-page ul.the-team li { background:none; padding:0px; margin:5px 0px 15px 0px; width:455px; margin-right:20px; float:left; _background-color:#E0E0E0;}
#content .standard-page ul.the-team li.last {margin-left:25%;}
#content .standard-page ul.the-team li img { float:left; margin-right:10px;}
#content .standard-page ul.the-team li h4 { font-weight:bold; font-size:110%; padding-left:111px;}
#content .standard-page ul.the-team li p { font-weight:normal; font-size:90%; margin-top:5px;padding-left:111px;}


/* footer */
#footer-wrap { margin: 2em; color: black; }
#footnav { text-align: center; }
#footnav li { display: inline; margin: 5px; }


#footer-wrap a { color: #60952B; text-decoration: none;}
#footer-wrap a:hover { text-decoration: underline; } 
#footer-wrap p { margin-top: 0.5em; font-size:90%; text-align:center; }

/* login box code */
#login-wrap { background-color:#1f2510; overflow:hidden; padding-bottom:0px; display:none; clear:both; height:75px;}
#login-wrap .login { width:964px; margin:auto; padding:15px;}
#login-wrap .login p {
	color:#FFFFFF;
	display:block;
	width:379px;
	height:45px;
	float:left;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5em;
}
#login-wrap .login dl.login-form {
	position:relative;
	left:120px;
	top:10px;
}
#login-wrap .login dl.login-form dt { color:#ffffff; font-size:80%; margin:5px 10px 5px 15px; font-weight:bold; float:left; }
#login-wrap .login dl.login-form dd { float:left;}
#login-wrap .login dl.login-form dd a { color:#ffffff;}
#login-wrap .login dl.login-form dd.text-field input { border:none; padding:5px; margin:0; font-size:90%; color:#333333; background:#f1f1f1; width:175px; }
#login-wrap .login dl.login-form dd.text-field.password input {width:125px;}
#login-wrap .login dl.login-form dt.submit { margin:5px;}
#login-wrap .login dl.login-form dd.submit {margin-right:-30px;}
#login-wrap .login dl.login-form dd.submit input {}
#login-wrap .login dl.login-form.reqpass {  margin-left:185px; overflow:hidden; clear:left; display:none; }
#login-wrap .login dl.login-form.reqpass dt { margin-bottom:0px;}
#login-wrap .login dl.login-form.reqpass dd { margin-bottom:0px;}


/* inline code removed from support site */

.silverbox {border:solid #cccccc 1px; background:#eaeaea url(/images/features/bg.gif) no-repeat bottom right; padding:10px; cl_ear:all;}


.support #header {position:relative;}
.support #header {height:137px;overflow:visible;}
.support #visuals {position:absolute;background:url(/images/features/more-support.png) no-repeat top right; width:100%;height:165px;top:53px;left:0px;}

#content {padding-top:0px; overflow:visible; height:auto;}
#content .standard-page {background:transparent;}
#content2 { width:977px; margin:auto; padding-top:33px; clear:all;}

.support #content h3 {color:#60952B;margin:0px 0px 10px;}

.support-faq {float:left; width:300px; margin-right:17px;}
.support-faq div {border-bottom:dotted silver 1px; padding:5px 0px 5px 17px; background:url(/images/features/arrow.png) no-repeat 0px 6px;}
.support-faq div a {color:gray; text-decoration:none;}
.support-faq div a:hover {color:black; text-decoration:underline;}
.support-faq div.special {text-align:right;padding-right:18px;background:url(/images/features/arrow-current.png) no-repeat center right;}

.poweredby {text-align:center; margin:10px 0px;}

.support-ticket {float:left;width:345px; margin-right:5px; display:inline;}
label.required {font-weight:bold;}
input.input {width:204px;font-size:16px; padding:3px; margin:5px 0px;}
select.input {width:214px;font-size:16px; margin:7px 0px;}
select.input option.default {color:gray;}
textarea.input {width:390px; padding:3px;;font-family:Arial; font-size:16px;}
table .button {color:white; padding:3px 10px; background-color:#E97000; font-weight:bold; font-size:16px; border:solid #A03B00 0px; border-bottom-width:1px;padding:5px 13px 4px 13px;}
table .buttons {padding:7px 0px;}

.support-other {float:right;width:300px; margin-top:30px;}
.support-other a.button {display:block;background:url(/images/support-button.png) no-repeat; width:300px; height:65px; text-decoration:none; color:black; margin-bottom:7px;}
.support-other a.button div {padding:12px 10px 0px 72px; font-size:12px; height:48px;}
.support-other a.button div b {display:block;font-size:16px;}
.support-other a.button:hover div b {text-decoration:underline;}
a.button div {cursor:pointer;}
a.button div#chat {background:url(/images/icons/btn-chat.png) no-repeat 12px 0px;}
a.button div#faq {background:url(/images/icons/btn-book.png) no-repeat 12px 8px;}
a.button div#call {background:url(/images/icons/btn-phone.png) no-repeat 3px 4px;}
a.button div#skype {background:url(/images/icons/skype.png) no-repeat 16px 7px;}
a.button div#twitter {background:url(/images/icons/btn-twitter.png) no-repeat 16px 8px;}

.lefttabs {
	margin-bottom:20px;
}

ul.faq_questions {border:solid silver 1px;}
ul.faq_questions li {width:150px; display:inline;}
.faq_answers {}
.faq_answers .q {font-size:18px;margin-top:10px;padding-top:4px;border-top:solid silver 1px;}
.faq_answers .a {margin-left:5ex;margin-top:3px;margin-bottom:15px;}

/*new code*/
#content ul.buttons li.free-signup a {
    background-position: 0px 0px;
}
#content ul.buttons li.free-signup a:active {
    background-position: 0px -70px;
}
#content ul.buttons li a {
    background-image: url('/images/backgrounds/free-signup.png');
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    margin-right: 24px;
    overflow: hidden;
    text-indent: -99999px;
    width: 289px;
}
#content .products-box ul.products .product p.moreinfo a {
    background: url('/images/backgrounds/more_info.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -99999px;
    width: 118px;
}
#content .products-box ul.products .product p.moreinfo a:active {
    background: url('/images/backgrounds/more_info_pushed.png') no-repeat scroll 0 0 transparent;
}
#content .products-box ul.products .product p.moreinfo {
    margin-top: 10px;
}
h2.logo a {
    background: url("/images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 101px;
    margin-bottom: -10px;
    overflow: hidden;
    text-indent: -999999px;
    width: 250px;
}