/*** Order Page CSS ***/

/*
	Containers
*/

.container-multi {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #D2D2D2;
	height:167px;
	margin-bottom:35px;
	padding:0px;
	margin-top:24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.licence-multi {
	font-size:11pt;
	position:relative;
	top:14px;
}

.container-multi p {
	font-size:9pt;
	margin-left:19px;
	width: 299px;
}

.container-multi a {
	text-decoration: none;
}

.container-multi-app {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #d2d2d2;
	float:left;
	margin-bottom:35px;
	padding:0;
	width:750px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.container-multi-app p {
	font-size: 9pt;
	margin-left:12px;
}

.container-multi h2, .container-multi-app h2 {
	font-size: 11pt;
}

div.container-multi-app .left-multi {
	float:left;
	margin-right:0px;
	width:302px;
	padding-top: 0px;
}

div.container-multi-app h2.black-multi {
	background:transparent url(/store/images/store-grad.jpg) repeat-x scroll 0 0;
	color:#000000;
	display:block;
	height:16px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	vertical-align:middle;
	padding:10px;
	width:730px;
	border-bottom:1px solid #DDDDDD;
}

div.container-multi h2.black-multi, div.licence-multi h2.black-multi {
	background:transparent url(/store/images/store-grad.jpg) repeat-x scroll 0 0;
	color:#000000;
	display:block;
	height:16px;
	margin:0;
	padding:13px;
	top:0;
	border-bottom:1px solid #DDDDDD;
}

div.licence-multi h2.black-multi {
	font-size: 11pt;
}

div.licence-multi span {
	cursor:pointer;
	float:right;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:9pt;
	font-weight:normal;
	position:relative;
	right: 20px;
	text-decoration:none;
	top:-27px;
}

div#webmail-features span {
	cursor:pointer;
	float:left;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:9pt;
	margin-left:44px;
	margin-top:25px;
}

div.isp-features span {
	margin-left:40px !important;
}

div.container-multi input {
	margin-right: 4px;
	border: none;
	background: none;
}

.left-multi {
	float: left;
	width: 326px;
}

.middle-multi {
	float: left;
	width: 326px;
}

.right-multi {
	float: left;
	width: 326px;
}

.licence-multi .left-multi {
	float: left;
	width:297px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border:1px solid #D2D2D2;
	border-bottom: none;
	border-right: none;
}

.licence-multi .middle-multi {
	float: left;
	width:370px;
	border:1px solid #D2D2D2;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.licence-multi .right-multi {
	float: left;
	width:311px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border:1px solid #D2D2D2;
	border-bottom: none;
	border-left: none;
}

.licence-multi .left-multi h2.black-multi {
	padding-left:23px;
}

.licence-multi .middle-multi h2.black-multi {
	padding-left:17px;
}

.licence-multi .right-multi h2.black-multi {
	padding-left:20px;
}

div.left-multi h2.black-multi {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

div.right-multi h2.black-multi {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#OrderWeb, #OrderSvr, #OrderVlt, #DistSw, #DistHc, #DistApp {
	cursor: pointer;
	float:left;
	height:167px;
}

#AppBase, #AppPro, #AppStr, #Ship {
	float:left;
	width: 750px;
}

#Ship select {
	clear:both;
	float:right;
	margin-right:20px;
	padding:3px;
}

#Ship p {
	margin-bottom: 15px;
}


#Ship .textinput {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #898D90;
	color:#6D6D6D;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:22px;
	line-height:normal;
	padding:3px;
	width:334px;
}

#Ship input.textinput {
	clear:both;
	float:right;
	margin-right:20px;
	padding:2px;
}

#Ship strong.ship {
	font-size:13px;
	vertical-align:middle;
}

img.shipping {
	position:relative;
	left:56px;
	top:12px;
}

/*
	Hover Colours
*/

#OrderWeb:hover, #OrderSvr:hover, #OrderVlt:hover, #DistSw:hover, #DistHc:hover, #DistApp:hover, #AppBase:hover, #AppPro:hover, #AppStr:hover{
	background: #ebf0f3;
}

.alertState {
	background: #FFFFCC;
}

/* 
	Selected State Colour
*/

.SelectState {
	background: #e3ecf3 !important;
}


/* 
	User Licence Table 
*/

table#orderpage {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border:1px solid #DDDDDD;
	clear:both;
	font-weight:bold;
	margin-bottom:35px;
	position:relative;
	top:14px;
	*top:0px;
	left:0px;
	width: 100%;
	*border-collapse: collapse; /* IE Only */
}

#orderpage td.head-b, td.head-i, td.head-c {
	background:transparent url(/store/images/store-grad.jpg) repeat-x scroll 0 0;
	color:#000000;
	display:block;
	font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
	font-size:11pt;
	font-weight:normal;
	height:16px;
	padding:13px 0 13px 23px;
	border-bottom: 1px solid #dddddd;
	border-collapse: separate;
}

#orderpage td.head-b {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#orderpage td.head-c {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#orderpage td.l-grey {
	background:transparent url(/store/images/store-grad.jpg) repeat-x scroll 0 0;
	border-bottom:1px solid #DDDDDD;
	padding-right:20px;
	text-align:right;
}

#orderpage td.l-grey a {
	font-size:9pt;
	font-weight:normal;
	margin-left:15px;
	text-decoration:none;
	cursor: pointer;
}

table#orderpage input {
	border: none;
	background: none;
}

input.textinput {
	border: 1px solid #DDD;
}

/*
	Add-Ons Table
*/

BODY#invoice table#order-options, BODY#invoice table#order-options-cfm {
	width: 710px !important;
}

table#order-options, table#order-options-cfm {
	width: 100%;
	text-align: center;
	background: #f9f9f9;
	border: 1px solid #ddd;
	margin-bottom: 40px;
	margin-top: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-collapse: separate;
	*border-collapse: collapse;
}


table#order-options a {
	color: #3C3C3C;
	text-decoration: none;
}

table#order-options td {
	font-weight: bold;
	text-align: left;
	padding-left:15px;
	vertical-align:middle;
}

table#order-options td p, table#order-options-cfm td p {
	padding: 0px;
	font-weight: normal;
	text-align: left;
	color: #616161;
	font-size: 9pt;
	padding-right: 12px;
}

table#order-options input {
	border: none;
	background: none;
}

td.ao-left {
	background: #f3f3f3;
	border-right: 1px solid #DDD;
}

td.ao-left:first-child, td.ao-left-cfm:first-child {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-collapse: separate;
}

td.ao-right:hover {
	background: #EBF0F3;
}

td.ao-right span {
	float:right;
	font-size:13px;
	font-weight:bold;
	margin-right:12px;
}

td.ao-left h2, td.ao-left-cfm h2 {
	color:#000000;
	display:inline;
	font-size:11pt;
	padding-left:5px;
	position:relative;
	top:2px;
}

td.ao-left-cfm {
	background:#F3F3F3 none repeat scroll 0 0;
	border-right:1px solid #DDDDDD;
	width:200px;
}

h2.black-multi {
	color:#000000;
	display:inline;
	padding-left:5px;
	vertical-align:middle;
}

.app-order {
	float:left;
	margin-top:20px;
	width:228px;
}

.app-order input {
	margin-right: 17px;
	position:relative;
	top:19px;
	vertical-align:top;
	border: none;
}

.left-multi input {
	border: none;
}

td.price-order, td.price-order-blank {
	background:#F9F9F9 none repeat scroll 0 0;
	color:#616161;
	font-size:9pt;
	font-weight:normal;
	padding-right:13px;
	text-align:right;
}

td.price-order-grey {
	background:#F9F9F9 none repeat scroll 0 0;
	color:#DDD;
	font-size:9pt;
	font-weight:normal;
	padding-right:20px;
	text-align:right;
}

td.user-basic, td.user-basic-blank, td.user-basic-grey {
	background: #f9f9f9;
	font-size: 14px;
	padding: 0;
	padding-left: 18px;
}


img:hover {
	cursor: pointer;
}

table#orderpage td {
	vertical-align: middle;
}

td.user-basic:hover, td.user-isp:hover, td.price-order:hover, td.price-order-isp:hover, td.ao-left:hover {
	background: #EBF0F3 none repeat scroll 0 0;
}

td.user-basic h2 {
	color:#000000;
	display:inline;
	font-size:11pt;
	padding-left:5px;
	position:relative;
	top:2px;
}

td.user-basic-grey h2 {
	color:#ccc;
	display:inline;
	font-size:11pt;
	padding-left:5px;
	position:relative;
	top:2px;
}

td.user-isp h2 {
	color:#000000;
	display:inline;
	font-size:11pt;
	padding-left:5px;
	position:relative;
	top:2px;
}

td.user-isp, td.user-isp-blank {
	background:#F3F3F3 none repeat scroll 0 0;
	border-left:1px solid #DDDDDD;
	font-size:14px;
	padding:13px;
}

td.price-order-isp, td.price-order-isp-blank {
	background:#F3F3F3 none repeat scroll 0 0;
	border-right:1px solid #DDDDDD;
	color:#616161;
	font-size:9pt;
	font-weight:normal;
	padding-right:16px;
	text-align:right;
}


/* 
	Learn More Div
*/

div#prod-slide, div#dist-slide {
	background:#F9F9F9 none repeat scroll 0 0;
	position:relative;
	top:-41px;
	border:1px solid #D2D2D2;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	height: 198px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

div#lic-slide, div#serv-slide, div#webmail-features, div#cloud-slide {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #D2D2D2;
	border-top: none;
	float:left;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	position:relative;
	width:978px;
	clear: both;
	border-bottom: none;
}

.basic-more, .basic-features, .isp-features, .corp-features {
	border-right:1px solid #DDDDDD;
	padding-right:20px;
	width:289px;
	float: left;
}

div#cloud-slide .basic-more {
	border-right:1px solid #DDDDDD;
	float:left;
	padding-right:20px;
	width:277px;
}

div#cloud-slide .isp-more {
	width:349px;
}

.basic-features {
	border:none;
	height:120px;
	width:277px;
	width:281px\9;
}

.isp-features {
	border: none;
	width:349px;
	background:#F3F3F3;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height:120px;
	width:347px\9;
}

.corp-features {
	border: none;
	height: 119px;
	width:288px\9;
}

div#serv-slide .basic-more {
	width:277px;
}

div#ASLicense {
	margin-top:40px\9;
}

.isp-more {
	border-right:1px solid #DDDDDD;
	padding-right:20px;
	width:345px;
	float: left;
	background: #F3F3F3;
	padding-bottom:7px;
	width:347px\9;
}

.basic-more {
	padding-bottom: 7px;
	width:281px\9;
}

div#serv-slide .isp-more {
	width:349px;
	width:347px\9;
}

.corp-more {
	float:left;
	width:289px;
}

div#lic-slide ul, div#serv-slide ul {
	margin-top: 0px;
}

.basic-more li, .isp-more li, .corp-more li, #webmail-features li {
	list-style-type: none;
	color:#3C3C3C;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:9pt;
	line-height:22px;
	padding-left:9px;
}

.isp-features li {
	padding-left:4px !important;
}

img.tick {
	float: right;
}

div#prod-slide p, div#dist-slide p, div#lic-slide p {
	color:#3C3C3C;
	font-size:9pt;
	line-height:18px;
	margin-left: 19px;
}

div.webmail-more, .server-more, .vault-more {
	border-top:1px solid #DDDDDD;
	color:#3C3C3C;
	float:left;
	font-size:9pt;
	line-height:18px;
	margin-bottom:17px;
	padding-top:8px;
	width:302px;
}

.server-more {
	width:314px;
	padding-left:24px;
}

.vault-more {
	padding-left:14px;
	padding-right:10px;
	width:314px;
}



/*
	Purchase & Quote Buttons
*/

div#quote-purchase {
	clear: both;
	width: 100%;
}

#store-gen-quote {
	background:transparent url(/imgs/gen-quote.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:41px;
	margin-right:6px;
	margin-top:1px;
	top:47px;
	width:145px;
}

#store-purchase-btn {
	background:transparent url(/imgs/purchase-btn.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:41px;
	width:145px;
}

#store-upgrade-btn {
	background:transparent url(../images/upgrade-btn.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:41px;
	width:145px;
}


/*
	Invoice
*/

body#invoice {
	margin:0;
	padding:0;
	text-align:center;
}

div#contain-invoice {
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.15);
	border:1px solid #E1E1E1;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:1.3;
	margin:40px auto;
	padding:50px 20px 50px 40px;
	width:750px;
}

div#hold-invoice {
	margin:1em auto;
	width:980px;
}

.invoice-address {
	width:190px;
	margin-left:15px;
	float: left;
}

.invoice-logo {
	position:relative;
	right:30px;
	text-align:right;
	height: 130px;
}

.invoice-details {
	position:relative;
	right:30px;
	text-align:right;
	height: 50px;
	line-height:1.3;
}

.invoice-details span {
	float:left;
	left:301px;
	position:relative;
}

.invoice-amount {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	float:right;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	right:30px;
	text-align:right;
	padding: 5px;
	width: 230px;
}

.invoice-amount span {
	float:left;
	position:relative;
}

table.invoice-info {
	clear:both;
	font-weight:bold;
	left:15px;
	position:relative;
	top:50px;
	width:704px;
}

table.invoice-info th {
	padding: 6px;
	background-color:#EEEEEE;
}

table.invoice-info tr.header {
	border:1px solid #DDDDDD;
}

table.invoice-info th.price {
	text-align: right;
}

table.invoice-info td {
	font-weight: normal;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	padding: 8px;
	border-bottom:1px solid #DDDDDD;
}

table.invoice-info td.unit {
	text-align: right;
}

table.invoice-summary {
	left:25px;
	position:relative;
	right:0;
	text-align:right;
	top:80px;
	width:695px;
}

table.invoice-summary td.unit {
	width: 120px;
}

table.invoice-summary td {
	font-size:12px;
	color: #000;
}

table.invoice-summary tr.total {
	font-weight: bold;
}

table.invoice-summary tr.total-due {
	font-weight: bold;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
}

.invoice-total {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	float:right;
	font-weight:bold;
	line-height:1.3;
	padding:5px;
	position:relative;
	right:30px;
	text-align:right;
	top: 85px;
	width:186px;
}

.invoice-total span {
	float: left;
}

.invoice-terms {
	clear:both;
	height:400px;
	left:15px;
	line-height:18px;
	margin-bottom:100px;
	position:relative;
	top:115px;
}

BODY#invoice table#order-options-cfm {
	margin-bottom:0px;
	margin-top:30px;
	margin-left: 10px;
}

table#order-options-cfm {
	margin-bottom:20px;
	margin-top:15px;
}

table#order-options-cfm td {
	font-weight:bold;
	height:10px;
	padding-left:15px;
	text-align:left;
}

#gen-quote-order {
	background:transparent url(/imgs/gen-quote.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:41px;
	left:0;
	margin:21px 0 0;
	position:relative;
	top:5px;
	width:149px;
}

textarea.quote {
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #898D90;
	color:#6D6D6D;
	padding:3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
}

/* Shipping Quote */

#ShippingQuote #City {
	display: none;
}

#ShippingQuote #Zip {
	display: none;
}

#Shipping {
	display: none;
}

.cloudDesc {
	display: none;
}

#price2 #currencySymbol, #price2 #value, strong.highlight {
	background: #FFFFCC none repeat scroll 0 0;
	padding: 1px;
}

/* Portal CSS */

#remotePayment {
	display: none;
}

TR.mysqlDetails {
	display: none;
}

TR.atmailURL {
	display: none;
}

td.tryme {
	background: url(../images/tryme.png) no-repeat left;
	/*width: 55px;*/
	padding-left:65px
}

td.tried {
	background: url(../images/silk-tick.png) no-repeat left;
	/*width: 55px;*/
	padding-left:65px
}