/* CSS Document */


/* Email Overview Page */

div.dot_body div.dot_page div.tab_body div.topper.emailover {
	background: url(/images/dv7/email/email-over-top.jpg) 2px 0 no-repeat;
	min-height: 550px;
}

div.emailover h1, div.emailover h2 {
	display: none;
}

div.emailover p.top {
	padding: 145px 385px 10px 19px;
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}

div.emailover p.top2 {
	padding: 5px 385px 0 19px;
	margin: 0;
	font-size: 14px;
	line-height: 1.5em;
}

div.emailover ul.col {
	margin: 0;
	padding: 25px 0 0 40px;
	list-style: none;
}

div.emailover ul.col li {
	float: left;
	width: 197px;
	margin: 0 26px 0 0;
	height: 340px;
}

div.emailover ul.col li h3 {
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px;
}

div.emailover ul.col li p {
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

div.emailover ul.col li a.buynow {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	height: 158px;
	width: 197px;
}

div.emailover ul.col li.basic a.buynow {
	background: url(/images/dv7/email/basic-email-block.jpg) 0 0 no-repeat;
}

div.emailover ul.col li.deluxe a.buynow {
	background: url(/images/dv7/email/deluxe-email-block.jpg) 0 0 no-repeat;
}

div.emailover ul.col li.business a.buynow {
	background: url(/images/dv7/email/ox-email-block.jpg) 0 0 no-repeat;
}

div.emailover ul.col li a.buynow:hover {
	background-position: 0 -158px;
}

div.emailover ul.col ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 20px;
	position: absolute;
	width: 215px;
}

div.emailover ul.col li li {
	float: none;
	width: auto;
	margin: 0;
	background: url(/images/dv7/dot_check.gif) 0 3px no-repeat;
	padding-left: 12px;
	height: auto;
}

/* deluxe email page */

div.dot_body div.dot_page div.tab_body div.topper.deluxetop {
	background: url(/images/dv7/email/email-deluxe-bg.jpg) 2px 0 no-repeat;
	min-height: 550px;
}

div.deluxetop h1 {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	background: url(/images/dv7/email/deluxe-email-title.jpg) 20px 20px no-repeat;
	height: 65px;
	width: 363px;
	margin: 0;
	padding: 20px 0 0 20px;
}

div.deluxetop.basic h1 {
	background: url(/images/dv7/email/basic-email-title.jpg) 25px 30px no-repeat;
	height: 55px;
	width: 327px;
	margin: 0;
	padding: 30px 0 0 25px;
}

div.deluxetop h2 {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	background: url(/images/dv7/email/deluxe-email-desc.jpg) 0 0 no-repeat;
	height: 51px;
	width: 332px;
	margin: 15px 0 0 20px;
}

div.deluxetop.basic h2 {
	background: none;
	width: 355px;
	text-indent: 0;
	margin: 10px 0 0 25px;
	font-weight: normal;
	font-family: 'TradeGothic LT Light', Helvetica, Arial, sans-serif;
	font-size: 25px;
	line-height: normal;
	height: auto;
}

div.deluxetop p.top {
	padding: 20px 400px 0 25px;
	margin: 0;
	font-size: 14px;
	line-height: 1.6em;
}

div.deluxetop p.bottom {
	clear: both;
	font-size: 11px;
	color: #888;
	padding: 0 0 0 106px;
	margin: 0;
}

div.deluxetop p.top2 {
	padding: 15px 400px 0 25px;
	margin: 0;
	font-size: 14px;
	line-height: 1.6em;
}

div.deluxetop div.left {
	float: left;
	padding: 40px 0 0 79px;
	width: 230px;
	margin: 0;
}

div.deluxetop a.adddeluxe {
	display: block;
	height: 176px;
	width: 215px;
	background: url(/images/dv7/email/deluxe-email-buy.jpg) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999%;
}

div.deluxetop a.adddeluxe:hover, div.deluxetop a.adddeluxe:focus, div.deluxetop a.adddeluxe:active {
	background-position: 0 -176px;
} 

div.deluxetop a.addbasic {
	display: block;
	height: 172px;
	width: 209px;
	background: url(/images/dv7/email/email-basic-buy.jpg) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999%;
}

div.deluxetop a.addbasic:hover, div.deluxetop a.addbasic:focus, div.deluxetop a.addbasic:active {
	background-position: 0 -172px;
} 

div.deluxetop div.right {
	float: left;
	width: 400px;
	padding: 75px 0 0 60px;
}

div.deluxetop h4.trade {
	font-family: 'TradeGothic LT Light', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
}

div.deluxetop div.right p, div.deluxetop div.right ul, div.deluxetop div.left ul {
	font-size: 14px;
	line-height: 1.5em;
}

div.deluxetop div.left ul {
	margin: 0;
	padding: 10px 0 0 40px;
	list-style: none;
}

div.deluxetop div.left ul li {
	background: url(/images/dv7/dot_check.gif) 0 7px no-repeat;
	padding-left: 12px;
}

/*** OX Overview Page ***/
div.dot_body div.dot_page div.tab_body div.topper.oxover {
	background: url(/images/dv7/email/ox-over-top.jpg) 2px 0 no-repeat;
}

div.oxover h1, div.oxover h2, div.oxover h3.rapid {
	display: none;
}

div.oxover p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 405px 15px 19px;
}

div.oxover p.top {
	margin: 0;
	padding: 199px 405px 15px 19px;
}

div.oxover div.sale {
	position: absolute;
	background: url(/images/dv7/email/ox-business-block-bg.jpg) 0 0 no-repeat;
	width: 197px;
	margin: 243px 0 0 450px;
	padding-top: 114px;
	text-align: center;
}

div.oxover div.sale h4, div.oxover div.sale h5 {
	display: none;
}

div.oxover div.sale a.buy {
	display: block;
	background: url(/images/dv7/email/ox-buynow-btn.jpg) 0 0 no-repeat;
	width: 104px;
	height: 45px;
	text-indent: -999%;
	overflow: hidden;
	margin: 0 auto;
}

div.oxover div.sale a.learn {
	padding: 3px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.oxover div.sale a.buy:hover {
	background-position: 0 -45px;
}

div.oxover div.sale a.learn:hover {
	background: #009cd7;
	color: #fff;
	text-decoration: none;
}

div.oxover h3.features {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	background: url(/images/dv7/email/ox-feat-include.jpg) 0 0 no-repeat;
	height: 21px;
	width: 171px;
	margin: 0 0 0 55px;
}
div.oxover ul.feats {
	margin: 0;
	padding: 10px 0 15px 63px;
	list-style: none;
}

div.oxover ul.feats li {
	background: url(/images/dv7/dot_check.gif) 3px 7px no-repeat;
	padding-left: 15px;
	font-size: 16px;
	line-height: 1.4em;
}

div#discover-how.expander h4 {
	background: url(/images/dv7/email/ox-discover-how.jpg) 0 0 no-repeat;
	text-indent: -500px;
	overflow: hidden;
}

div#discover-how.expander h4 span {
	padding-left: 750px;
}

/*** OX Personal Mobility Page ***/
div.dot_body div.dot_page div.tab_body div.topper.oxpers {
	background: url(/images/dv7/email/ox-personal-top.jpg) 2px 0 no-repeat;
}

div.oxpers h1, div.oxpers h2 {
	display: none;
}

div.oxpers p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 405px 15px 19px;
}

div.oxpers p.top {
	margin: 0;
	padding: 140px 405px 15px 19px;
}

div.oxpers div.sale {
	position: absolute;
	background: url(/images/dv7/email/ox-pers-box-bg.jpg) 0 0 no-repeat;
	width: 197px;
	margin: 293px 0 0 450px;
	padding-top: 114px;
	text-align: center;
}

div.oxpers div.sale h4, div.oxpers div.sale h5 {
	display: none;
}

div.oxpers div.sale a.buy {
	display: block;
	background: url(/images/dv7/email/ox-buynow-btn.jpg) 0 0 no-repeat;
	width: 104px;
	height: 45px;
	text-indent: -999%;
	overflow: hidden;
	margin: 0 auto;
}

div.oxpers div.sale a.learn {
	padding: 3px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.oxpers div.sale a.buy:hover {
	background-position: 0 -45px;
}

div.oxpers div.sale a.learn:hover {
	background: #009cd7;
	color: #fff;
	text-decoration: none;
}

div#the-benefits.expander h4 {
	background: url(/images/dv7/email/ox-the-benefits.jpg) 0 0 no-repeat;
	text-indent: -500px;
	overflow: hidden;
}

div#the-benefits.expander h4 span {
	padding-left: 730px;
}

/*** OX Business Email Page ***/
div.dot_body div.dot_page div.tab_body div.topper.oxbus {
	background: url(/images/dv7/email/ox-business-top.jpg) 2px 0 no-repeat;
	height: 535px;
}

div.oxbus h1, div.oxbus h2, div.oxbus h3 {
	display: none;
}

div.oxbus p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 405px 15px 19px;
}

div.oxbus p.top {
	margin: 0;
	padding: 192px 405px 15px 19px;
}

div.oxbus div.sale {
	position: absolute;
	background: url(/images/dv7/email/ox-businesspage-block-bg.jpg) 0 0 no-repeat;
	width: 197px;
	margin: 293px 0 0 450px;
	padding-top: 114px;
	text-align: center;
}

div.oxbus div.sale h4, div.oxbus div.sale h5 {
	display: none;
}

div.oxbus div.sale a.buy {
	display: block;
	background: url(/images/dv7/email/ox-buynow-btn.jpg) 0 0 no-repeat;
	width: 104px;
	height: 45px;
	text-indent: -999%;
	overflow: hidden;
	margin: 0 auto;
}

div.oxbus div.sale a.buy:hover {
	background-position: 0 -45px;
}

div.oxbus div.sale ul {
	margin: 0;
	padding: 9px 0 0 14px;
	text-align: left;
	position: absolute;
	width: 260px;
	list-style: none;
}

div.oxbus div.sale ul li {
	padding-left: 15px;
	background: url(/images/dv7/dot_check.gif) 3px 7px no-repeat;
	font-size: 14px;
	line-height: 1.4em;
}

div#popular-business.expander {
	margin: 65px 0 10px 17px;
}

div#popular-business.expander h4 {
	background: url(/images/dv7/email/ox-popular-business.jpg) 0 0 no-repeat;
	text-indent: -500px;
	overflow: hidden;
}

div#popular-business.expander h4 span {
	padding-left: 698px;
}

/*** OX Webmail Page ***/
div.dot_body div.dot_page div.tab_body div.topper.oxweb {
	background: url(/images/dv7/email/ox-webmail-top.jpg) 2px 0 no-repeat;
}

div.oxweb h1, div.oxweb h2, div.oxweb h3 {
	display: none;
}

div.oxweb h4 {
	background: url(/images/dv7/email/ox-links-text.jpg) 0 0 no-repeat;
	height: 19px;
	width: 56px;
	display: block;
	overflow: hidden;
	text-indent: -999%;
	padding: 0;
	margin: 0 0 0 20px;
}

div.oxweb p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 405px 15px 19px;
}

div.oxweb p.top {
	margin: 0;
	padding: 192px 405px 15px 19px;
}

div.oxweb p.two {
	margin: 0;
	padding: 0 405px 0 19px;
}

div.oxweb ul.top {
	margin: 0;
	padding: 5px 0 15px 39px;
	list-style: none;
}

div.oxweb ul.top li {
	padding-left: 15px;
	background: url(/images/dv7/dot_check.gif) 3px 7px no-repeat;
	font-size: 16px;
	line-height: 1.4em;
}

div.oxweb ul.bottom {
	margin: 0;	
	list-style: none;
	padding: 5px 0 20px 20px;
}

div.oxweb ul.bottom li {
	font-size: 14px;
	line-height: 1.4em;
}

div.oxweb div.sale {
	position: absolute;
	background: url(/images/dv7/email/ox-webmail-block-bg.jpg) 0 0 no-repeat;
	width: 197px;
	margin: 293px 0 0 450px;
	padding-top: 114px;
	text-align: center;
}

div.oxweb div.sale h4, div.oxweb div.sale h5 {
	display: none;
}

div.oxweb div.sale a.buy {
	display: block;
	background: url(/images/dv7/email/ox-buynow-btn.jpg) 0 0 no-repeat;
	width: 104px;
	height: 45px;
	text-indent: -999%;
	overflow: hidden;
	margin: 0 auto;
}

div.oxweb div.sale a.buy:hover {
	background-position: 0 -45px;
}

/*** OX Features ***/
div.dot_body div.dot_page div.tab_body div.topper.oxfeat {
	background: url(/images/dv7/email/ox-feat-top.jpg) 2px -1px no-repeat;
}

div.oxfeat p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 380px 15px 19px;
}

div.oxfeat p.top {
	margin: 0;
	padding: 100px 380px 15px 19px;
}

div.oxfeat h1 {
	display: none;
}

div.oxfeat h2 {
	display: block;
	background: url(/images/dv7/email/ox-features-list.jpg) 0 0 no-repeat;
	width: 146px;
	height: 31px;
	overflow: hidden;
	text-indent: -999%;
	margin: 0 0 0 17px;
}

div.oxfeat div.table-con {
	display: block;
	margin: 200px 0px 0px 0px;	
}

div.oxfeat table.light {
	margin: 0 0 20px 16px;
}

div.oxfeat table.light tr th.col1 {
	border-right: none;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	width: 312px;
}

div.oxfeat table.light tr.row1 th.col4 {
	width: 95px;
}

div.oxfeat div.sale {
	position: absolute;
	background: url(/images/dv7/email/ox-businesspage-block-bg.jpg) 0 0 no-repeat;
	width: 197px;
	margin: 20px 0 0 120px;
	padding-top: 114px;
	text-align: center;
}

div.oxfeat div.sale h4, div.oxfeat div.sale h5 {
	display: none;
}

div.oxfeat div.sale a.buy {
	display: block;
	background: url(/images/dv7/email/ox-buynow-btn.jpg) 0 0 no-repeat;
	width: 104px;
	height: 45px;
	text-indent: -999%;
	overflow: hidden;
	margin: 0 auto;
}

div.oxfeat div.sale a.buy:hover {
	background-position: 0 -45px;
}

div.oxfeat div.sale ul {
	margin: 0;
	padding: 9px 0 0 14px;
	text-align: left;
	position: absolute;
	width: 260px;
	list-style: none;
}

div.oxfeat div.sale ul li {
	padding-left: 15px;
	background: url(/images/dv7/dot_check.gif) 3px 7px no-repeat;
	font-size: 14px;
	line-height: 1.4em;
}


/*** new light table style ***/

p.fs_change {
	display: block;
	position: absolute;
	font-size: 11px;
	margin: -21px 0 0 612px;
	color: #669900;
}

p.fs_change a {
	text-decoration: none;
}

p.fs_change a.active {
	color: #999;
}

p.fs_change a.font1 {
	font-size: 9px;
}

p.fs_change a.font2 {
	font-size: 12px;
}

p.fs_change a.font3 {
	font-size: 15px;
}

table.light {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0;
	width: 700px;
	line-height: normal;
}

table.light th {
	font-size: 10px;
	text-align: right;
	color: #666;
	padding: 3px 4px 4px;
}

table.light tr.row1 th {
	font-size: 12px;
	text-align: center;
}

table.light td {
	font-size: 9px;
	color: #666;
	padding: 3px 4px 4px;
	text-align: center;
}
table.light tr th {
	background: url(/images/dv7/tb-mid-grad.jpg) 0 bottom no-repeat;
}

table.light tr th.col1 {
	width: 110px;
	border-right: 1px solid #c4c4c4;
}

table.light tr td {
	background: url(/images/dv7/tb-mid-grad.jpg) center bottom no-repeat;
}

table.light tr td.col4 {
	background: url(/images/dv7/tb-top-grad.jpg) right bottom no-repeat;
}

table.light tr.row1 th {
	background: url(/images/dv7/tb-top-grad.jpg) center bottom no-repeat;
}

table.light tr.row1 th.col1 {
	background: url(/images/dv7/tb-top-grad.jpg) 0 bottom no-repeat;
	border-right: none;
}

table.light tr.row1 th.col4 {
	background: url(/images/dv7/tb-top-grad.jpg) right bottom no-repeat;
}

span.tb_two {
	display: block;
	margin: 0 auto;
	background: url(/images/dv7/tb-rate-two.jpg) 0 0 no-repeat;
	text-indent: -100px;
	height: 13px;
	width: 16px;
	overflow: hidden;
}

span.tb_three {
	display: block;
	margin: 0 auto;
	background: url(/images/dv7/tb-rate-three.jpg) 0 0 no-repeat;
	text-indent: -100px;
	height: 13px;
	width: 16px;
	overflow: hidden;
}

span.yes {
	display: block;
	margin: 0 auto;
	background: url(/images/dv7/dot_check.gif) 0 0 no-repeat;
	text-indent: -100px;
	height: 8px;
	width: 7px;
	overflow: hidden;
}


/*** Order Page (non-javascript) ***/
div.dot_body div.dot_page div.tab_body div.topper.order {
	min-height: 460px;
	height: auto !important;
	height: 460px;
}

div.order p.js_alert {
	display: block;
	margin: -30px 0 0 -20px;
	padding: 0;
	position: absolute;
	background: #ffddde;
	color: #000;
	font-size: 14px;
	line-height: normal;
	padding: 10px;
	width: 764px;
	border-bottom: 1px solid #bbb;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-box-shadow: 0 2px 4px 0 #bbb;
}

p.js_alert a {
	float: right;
	margin: 0 5px;
}

div.order div.grnd {
	background: #eeeee8;
	width: 656px;
	padding: 10px 15px;
	margin: 15px 0 15px 29px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 0 4px 0 #ddd;
	-moz-box-shadow: 0 0 4px 0 #ddd;
	box-shadow: 0 0 4px 0 #ddd;
}

div.order div.halfgrnd {
	background: #eeeee8;
	width: 456px;
	padding: 10px 15px;
	margin: 15px 0 15px 29px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 0 4px 0 #ddd;
	-moz-box-shadow: 0 0 4px 0 #ddd;
	box-shadow: 0 0 4px 0 #ddd;
}

div.order div.halfgrnd.full {
	width: 657px;
}

div.order div.halfgrnd div.upsell {
	background: #DDDDD8;
	border: 1px solid #aaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 5px 0;
	padding: 5px;
}

div.order div.sidegrnd {
	background: #666;
	color: #fff;
	width: 153px;
	padding: 10px 15px;
	position: absolute;
	top: 313px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 0 4px 0 #ddd;
	-moz-box-shadow: 0 0 4px 0 #ddd;
	box-shadow: 0 0 4px 0 #ddd;
}

div.order div.sidegrnd p {
	padding: 2px 0 13px 0;
	margin: 0;
}

div.order div.grnd h3 {
	font-size: 18px;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0;
	line-height: normal;
}

div.order h1 {
	padding: 35px 0 0 30px;
	margin: 0;
	font-size: 32px;
	font-weight: normal;
	color: #444;
	line-height: normal;
}

div.order h2 {
	display: block;
	margin: 0 55px 15px 30px;
	padding: 0;
	font-size: 22px;
	color: #666;
	font-weight: normal;
	line-height: normal;
	border-bottom: 1px dotted #ccc;
}

div.order ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.order ul.option1 {
	padding: 20px 0 0 20px;
}

div.order ul.option2 {
	padding: 30px 0 0 20px;
}

div.order ul li ul li {
	padding: 0;
}

div.order ul li h3 {
	font-weight: normal;
	font-size: 19px;
	margin: 0;
	padding: 0;
}

div.order input#email_submit, div.order input#email_submit2 {
	border: 0;
	padding: 0;
	margin: 0;
	background: url(/images/dv7/continue.jpg) 0 0 no-repeat;
	width: 108px;
	height: 49px;
	cursor: pointer;
}

div.order input#email_submit:hover, div.order input#email_submit:active, div.order input#email_submit:focus, div.order input#email_submit2:hover, div.order input#email_submit2:active, div.order input#email_submit2:focus {
	background-position: 0 -49px;
}

div.order .none {
	display: none;
}

a.cont {
	display: block;
	height: 44px;
	width: 105px;
	background: url(/images/dv7/cont-btn-gry.jpg) 0 0 no-repeat;
	text-indent: -999%;
	overflow: hidden;
}

a.cont:hover {
	background-position: 0 -44px;
}

a.wcont {
	display: block;
	height: 49px;
	width: 108px;
	background: url(/images/dv7/continue.jpg) 0 0 no-repeat;
	text-indent: -999%;
	overflow: hidden;
}

div.order a.wcont {
	margin: 0 0 0 24px;
}

a.wcont:hover {
	background-position: 0 -49px;
}

div.order div.step0 {
	height: 42px;
}

div.order div.step0 h3 {
	float: left;
	display: block;
	padding: 8px 10px 0 0;
}

div.order div.step0 a.cont {
	display: block;
	float: left;
}

div.order input#domain {
	background: url(/images/dv7/email/request_input.jpg) no-repeat 0 0;
	height: 28px;
	width: 235px;
	border: 0;
	padding: 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 4px 0;
	color: #444;
}

div.order form.login, div.order fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

div.order form.login {
	padding: 15px 0 5px 20px;
}

div.order form.login label {
	display: block;
	font-size: 15px;
	color: #333;
}

div.order ul {
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}

div.order div.halfgrnd ul {
	padding: 0;
}

div.order form.login ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.order form.login ul li {
	padding-bottom: 15px;
}

div.order div.halfgrnd ul li label span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	background: #666;
	color: #fff;
	position: relative;
	top: 0;
	left: 3px;
	line-height: 13px;
	text-align: center;
	font-size: 9px;
}

div.order form.login input.text {
	height: 27px;
	width: 233px;
	overflow: hidden;
	font-size: 18px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 7px 5px 0;
	border: 0;
	background: url(/images/dv7/login/account-input.jpg) 0 0 no-repeat;
}

div.order form.login input.submit {
	background: url(/images/dv7/cont-btn-gry.jpg) 0 0 no-repeat;
	width: 105px;
	height: 44px;
	border: 0;
	cursor: pointer;
	margin: -53px 0 0 277px;
	padding: 0;
	position: absolute;
}

div.order form.login input.submit.hover {
	background-position: 0 -44px;
}

div.order form.login label.error {
	background: #660000;
	color: #fff;
	padding: 0 0 0 5px;
	display: block;
	width: 237px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

div.halfgrnd h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #666;
}

div.halfgrnd h5 {
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

div.halfgrnd h6 {
	margin: 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

div.sidegrnd h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

/* top steps style */

div.order div.grnd.steps {
	padding: 4px 15px;
	background: #fffff8;
	font-weight: bold;
}

div.order div.grnd.steps span.num {
	display: inline-block;
	background: #eeeee8;
	font-weight: normal;
	width: 18px;
	text-align: center;
	border: 1px solid #aaa;
	margin: 0 104px 0 26px;
}

div.order div.grnd.steps span.num.active {
	background: #666;
	color: #fff;
	border: 1px solid #000;
	-moz-box-shadow: #000 0 0 3px 0;
	-webkit-box-shadow: #000 0 0 3px 0;
	box-shadow: #000 0 0 3px 0;
}

/* Step 1 specific */

div.step1 label {
	width: 311px;
	line-height: 20px;
	display: block;
	float: left;
}

div.step1 input {
	border: 1px solid #999;
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 30px;
}

div.step1 ul.labels {
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 0 302px !important;
	height: 22px;
}

div.step1 ul.labels li {
	float: left;
	padding-right: 20px;
}

div.step1 ul.boxes li {
	padding-bottom: 10px;
}

div.step1 span.price {
	padding-left: 42px;
	color: #666;
}

/* Step 2 Specific */

div.step2 ul.email {
	background: #ddddd8;
	width: 424px;
	padding: 10px 15px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
	margin: 0 0 10px;
}

div.step2  div.hosting {
	background: #ddddd8;
	width: 424px;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
}

/* Step 3 Specific Styles */

div.step3 h5 {
	margin: 0;
	padding: 14px 10px 0 8px;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	float: left;
}

div.step3 ul li.one {
	height: 55px;
}

div.step3 ul li.two {
	height: 96px;
}

div.step3 ul li.two h5 {
	float: none;
}

div.step3 a.cont {
	float: left;
}

div.step3 ul li.two span {
	position: relative;
	top: 23px;
	left: -90px;
	color: #666;
}

div.step3 ul li.two input {
	position: relative;
	background: url(/images/dv7/domains/domain-search-input.jpg) 0 0 no-repeat;
	height: 27px;
	width: 232px;
	border: 0;
	padding: 7px 5px 0 5px;
	line-height: normal;
	font-size: 20px;
	color: #666;
	left: -84px;
	top: 26px;
}

div.step3 ul li.two a.cont {
	position: relative;
	left: 301px;
	top: 21px;
}

/*** Email Sales ***/

div.order div.halfgrnd.opt label.opt {
	margin: 0;
	line-height: normal;
	font-weight: normal;
	padding: 0;
	font-size: 18px;
	color: #669900;
	cursor: pointer;
}

div.order div.halfgrnd.opt input.opt {
	margin: 0 5px 0 0;
}

div.order div.sidegrnd.email {
	background: #eeeee8;
	color: #333;
	display: none;
}

div.order div.sidegrnd.email h4 {
	color: #666;
}

div.order div.sidegrnd.email ul {
	list-style: disc;
}

div.order div.halfgrnd div.info {
	padding: 10px 0;
}

div.order div.halfgrnd.opt.domain h5 {
	padding: 0 0 75px 0;
}

div.order div.halfgrnd.opt p {
	padding: 0;
	margin: 0;
	line-height: normal;
}

div.order div.halfgrnd.opt.domain span.www {
	font-size: 13px;
	color: #555;
	position: relative;
	top: 10px;
}

div.order div.halfgrnd.opt.domain input.dom_search {
	background: url(/images/dv7/domains/domain-search-input.jpg) 0 0 no-repeat;
	height: 27px;
	width: 232px;
	border: 0;
	padding: 7px 5px 0 5px;
	line-height: normal;
	font-size: 20px;
	color: #666;
	position: relative;
	top: 10px;
	left: 5px;
}


div.order div.halfgrnd.opt.oxe label.per {
	width: 311px;
	line-height: 20px;
	display: block;
	float: left;
}

div.order div.halfgrnd.opt.oxe p {
	float: left;
	width: 385px;
	padding-right: 20px;
}

div.order div.halfgrnd.opt.oxe div.oxu {
	float: left;
	width: 160px;
	padding-left: 10px;
}

div.order div.halfgrnd.opt.oxe input.per {
	border: 1px solid #999;
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 30px;
}

div.order div.halfgrnd.opt.oxe ul.labels {
	font-size: 10px;
	font-weight: bold;
	height: 22px;
}

div.order div.halfgrnd.opt.oxe ul.labels li {
	float: left;
	padding-right: 20px;
}

div.order div.halfgrnd.opt.oxe span.price {
	padding-left: 42px;
	color: #666;
}

div.order h6.alert {
	background: #eed7d7;
	width: 456px;
	padding: 10px 15px;
	margin: 15px 0 15px 29px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	-webkit-box-shadow: 0 0 4px 0 #ddd;
	-moz-box-shadow: 0 0 4px 0 #ddd;
	box-shadow: 0 0 4px 0 #ddd;
	line-height: normal;
	font-size: 14px;
	display: none;
}

div.order h6.alert a.upgrade.btn {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	height: 48px;
	float: right;
	background: url(/images/dv7/error-upgrade-btn.jpg) 0 0 no-repeat;
	width: 106px;
	margin-left: 15px;
}

div.order h6.alert a.upgrade.btn:hover {
	background-position: 0 -48px;
}



/*** UI dialog css (javascript enabled) ***/

#dialog {
	display: none;
}

.ui-widget-overlay {
	background: #666 url(/images/dv7/modal_bg.png) repeat scroll 50% 50%;
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	left: 0;
	top: 0;
	position: absolute;
}

.ui-corner-all {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ui-widget-content {
	background: #fff;
	border: 0;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px #000;
	color: #333;
	padding: 10px;
}

.ui-widget-content a.dbtn {
	padding: 4px 8px;
	border: 1px solid #999;
	background: #ccc;
	color: #333;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-widget-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ui-widget-content ul li h3 {
	font-size: 16px;
	color: #444;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-weight: bold
}

.ui-widget-content ul li ul {
	padding: 9px 0;
}

.ui-widget-content .none {
	display: none;
}

.ui-widget-content input#email_submit, .ui-widget-content input#email_submit2 {
	border: 0;
	padding: 0;
	margin: 0;
	background: url(/images/dv7/continue.jpg) 0 0 no-repeat;
	width: 108px;
	height: 49px;
	cursor: pointer;
}

.ui-widget-content input#email_submit.hover, .ui-widget-content input#email_submit2.hover {
	background-position: 0 -49px;
}

.ui-widget-content input#domain {
	background: url(/images/dv7/email/request_input.jpg) no-repeat 0 0;
	height: 28px;
	width: 235px;
	border: 0;
	padding: 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 4px 0;
	color: #444;
}

.ui-widget-content label.domain {
	padding: 8px 5px 0 0;
	display: block;
	float: left;
	font-weight: bold;
	color: #999;
}

.ui-widget-content p.loading {
	background: #fff url(/images/dv7/loading_bar.gif) center 30% no-repeat;
	font-size: 19px;
	font-weight: normal;
	text-align: center;
	display: block;
	position: absolute;
	width: 385px;
	margin: 0;
	height: 100%;
	padding: 10% 0 0;
}

.ui-widget-content ul li.domain {
	padding: 10px 0 0 0;
}

.ui-widget-content a.dbtn:hover {
	background: #eee;
	color: #333;
}

.ui-widget-content .ui-widget-content {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.ui-dialog .ui-dialog-content {
	border: 0;
}

.ui-widget-header {
	background: url(/images/dv7/ui-dialog-top.jpg) 0 0 no-repeat;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 400px;
	height: 30px;
}

.ui-widget-header span#ui-dialog-title-dialog {
	float: left;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 0 0 13px;
}

.ui-widget-header a.ui-dialog-titlebar-close {
	display: block;
	text-indent: -999%;
	overflow: hidden;
	height: 17px;
	width: 19px;
	background: url(/images/dv7/ui-dialog-close.jpg) 0 0 no-repeat;
	float: right;
	margin: 6px 9px 0 0;
}

.ui-widget-header a.ui-dialog-titlebar-close:hover, .ui-widget-header a.ui-dialog-titlebar-close:active, .ui-widget-header a.ui-dialog-titlebar-close:focus {
	background-position: 0 -17px;
}

/*** general expander styles ***/
div.expander {
	clear: both;
	background: url(/images/dv7/expand_bottom.jpg) 0 bottom no-repeat;
	padding-bottom: 11px;
	width: 693px;
	margin: 0 0 0 17px;
}

div.expander h4 {
	margin: 0;
	padding: 0;
	background: url(/images/dv7/expand_top.jpg) 0 0 no-repeat;
	height: 37px;
	line-height: 45px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	text-indent: 31px;
	overflow: hidden;
}

div.expander h4 a {
	display: block;
	height: 37px;
	color: #666;
	text-decoration: none;
}

div.customtop div.expander h4 a {
	text-indent: -340px;
	overflow: hidden;
}

div.expander h4 a span {
	text-decoration: underline;
	margin-left: 10px;
}

div.expander div {
	padding: 10px 0;
	background: url(/images/dv7/expand_mid.jpg) repeat-y;
}

div.expander div div {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	width: 622px;
	margin: 0 0 0 16px;
	-moz-box-shadow: #bbb 0 0 8px 5px;
	-webkit-box-shadow: #bbb 0 0 8px 5px;
}
