@charset "utf-8";
/* CSS Document */

/* hosting content */
	ul.promobox { float: left; margin-bottom: 15px;}
		ul.promobox p {margin: 0; padding: 0;}
		ul.promobox li {width: 270px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(../images/hosting/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; list-style:none; }
			ul.promobox ul {margin: 0 0 10px 0;}
			ul.promobox li ul li {margin: 5px 0 0 0; background: url(../images/hosting/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;}
			ul.promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
			ul.promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;}
			ul.promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
			
			ul.promobox a, ul.promobox a:visited, p.package_desc a, p.package_desc a:visited {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;}
			ul.promobox a:hover, p.package_desc a:hover {background: #005773;}
			
		ul.promobox li.two{background: #00ACE6 url(../images/hosting/bg_promo2.png) repeat-x bottom; }
		ul.promobox li.three {margin-right: 0; background: #09C1FF url(../images/hosting/bg_promo3.png) repeat-x bottom;}
		
		ul.promobox li#toptwo {margin-left:45px;}
		ul.promobox li#lowerone {margin-left:45px;}
		
.hostingtopbox {width:100%;}
.hostingsecondbox {width:100%; margin-bottom:20px;}

ul.promobox p.package_desc {float:left; margin-right:10px; width:330px; background:#FFF; color:#000;}
ul.promobox p.package_desc a { margin:0;}

	#quotes {width: 620px; float:left; background: #09C1FF url(../images/hosting/bg_promo3.png) repeat-x bottom; -moz-border-radius: 10px; color: #fff; margin-left:15px; padding:20px;}
		#quotes p {margin: 0; padding: 0;}
		#quotes h3 {line-height: 1; letter-spacing: -1px; font-size: 25px; margin: 0; padding: 0;}
		#quotes li {margin-top: 12px; font-size: 12px; letter-spacing:normal; font-weight:normal; }
		#quotes a {float: left; color: #fff; padding: 0; margin-top: 15px;}

/* Basket and Order Now custom buttons */
.cont_r li#basket { background: #999 url(../images/generic/basket_button.jpg) no-repeat; height:41px; list-style: none; width:240px; overflow:hidden; margin-bottom:1px;}
.cont_r li#basket p { font-size:12px; color:#666; padding-top:16px; text-decoration:none; }
.cont_r li#basket a { padding-left:75px; color:#666; text-decoration:none; outline:none; display:block; height:41px; width:240px; }

.cont_r li#ordernow { background: #999 url(../images/generic/ordernow_button.jpg) no-repeat; height:28px; list-style: none; width:240px; overflow:hidden; margin-bottom:1px;}
.cont_r li#ordernow:hover { background:url(../images/generic/ordernow_button.jpg) 0px 27px;}
.cont_r li#ordernow p { font-size:12px; color:#FFF; padding-top:6px; text-decoration:none; }
.cont_r li#ordernow a { padding-left:45px; color:#FFF; text-decoration:none; outline:none; display:block; height:27px; width:195px; }

/* hosting client login, links for login cont_r */
.cont_r li#clientuser, li#clientuser p {background:none; color:#000; margin-left:4px; height:35px;}
.cont_r li#clientpass, li#clientpass p {background:none; color:#000; margin-left:6px; height:35px;}
.cont_r .hostindex_username, .hostindex_password {width:140px; border:none; padding:5px;}
.cont_r .hostindex_username:hover, .hostindex_password:hover, .cont_r .hostindex_username:focus, .hostindex_password:focus { border:solid 1px #06F; padding:4px;}
.hosting_login { background:#e0e3e7; padding:10px; }
.hosting_login #login_user { width:200px;border:1px #09F solid;margin-bottom:5px;margin-top:20px; padding:3px;}
.hosting_login #login_user:hover, .hosting_login #login_pwd:hover, .hosting_login #login_pwd:focus, .hosting_login #login_user:focus {border: 1px #00F solid;}
.hosting_login #login_pwd { width:200px; padding:3px; border:1px #09F solid;margin-bottom:5px;margin-left:3px;}
p.forgot_pwd {margin-top:5px; margin-left:25px;}
p.forgot_pwd a:visited {color:#06F;}

/* Continue to checkout button  - basket */
.continue_to_checkout {float: right; margin-top:10px; margin-right:30px; margin-bottom:40px;}

/* System Status styling */
.unplanned_status {background-color:#e0e3e7; padding:10px;}
.unplanned_status h3 { font-size:16px; color:#06F; margin-bottom:8px; margin-top:10px; }
.unplanned_status p.status_date {font-size:14px; font-weight:bold; }
.unplanned_status p.status_message { margin-bottom:20px;}

/* Progress Bar Styling */
.progress_bar {width:940px; height:74px; overflow:hidden; position:relative; margin-bottom:10px; }
.progress_bar p {width:940px; font-size:14px; color:#06F; font-weight:bold; text-align:center; margin-bottom:6px;}
.progress_bar ul {margin-left:6px; padding:0; display:inline; height:42px; position:relative; float:left; }
.progress_bar li { position:relative; float:left;}

/* Three Stages */
.progress_bar ul li.progress { background:url(../images/hosting/progress-bar.jpg) 0px 0px no-repeat; margin-left:0; margin-bottom:0; list-style:none; width:180px; height:35px; margin-right:6px;}
.progress_bar ul li.current { background:url(../images/hosting/progress-bar.jpg) no-repeat 0px -35px; margin-left:0; margin-bottom:0; list-style:none; width:180px; height:43px; margin-right:6px;}
.progress_bar ul li.complete { background:url(../images/hosting/progress-bar.jpg) no-repeat 0px -79px; margin-left:0; margin-bottom:0; list-style:none; width:180px; height:35px; margin-right:6px;}

/*P and link styling */
.progress_bar ul li.progress p {width:180px; font-size:12px; color:#FFF; font-weight:normal; height:35px; padding-top:10px; text-align:center; }
.progress_bar ul li.current p {width:180px; font-size:14px; color:#FFF; font-weight:bold; height:43px; padding-top:15px; text-align:center; }
.progress_bar ul li.complete p { width:141px; font-size:12px; color:#FFF; height:35px; padding-top:10px; text-align:center;  font-weight:normal; }
.progress_bar ul li p a {text-decoration:none; color:#FFF; display:block;}
.progress_bar a#progress_product:hover, .progress_bar a#progress_basket:hover, .progress_bar a#progress_login:hover, .progress_bar a#progress_contact:hover, .progress_bar a#progress_payment:hover {color:#FFF; text-decoration:none; }
.progress_bar a#progress_product:visited, .progress_bar a#progress_basket:visited, .progress_bar a#progress_login:visited, .progress_bar a#progress_contact:visited, .progress_bar a#progress_payment:visited {color:#FFF; text-decoration:none; }
.progress_bar ul li.complete a#progress_product:hover {font-size:12px; font-weight:normal; text-decoration:none; color:#FFF;}

/* Button Styling */
input.hosting_next { background:url(../images/hosting/buttons.jpg) 0px -107px no-repeat; height:34px; width:54px; margin-top:2px; outline:none; margin-left:250px;}
input.hosting_next:hover { background:url(../images/hosting/buttons.jpg) no-repeat -55px -107px; height:34px; width:54px; margin-top:2px; outline:none; margin-left:250px;}
input.hosting_addtobasket { background:url(../images/hosting/buttons.jpg) 0px 0px no-repeat; height:34px; width:104px; margin-top:2px; outline:none; margin-bottom:10px;}
input.hosting_addtobasket:hover { background:url(../images/hosting/buttons.jpg) -106px 0px no-repeat; height:34px; width:104px; margin-top:2px; outline:none; margin-bottom:10px;}
input.hosting_adddomains { background:url(../images/hosting/buttons.jpg) 0px -71px no-repeat; height:34px; width:158px; margin-top:15px; outline:none; margin-bottom:10px; float:right; margin-right:10px;}
input.hosting_adddomains:hover { background:url(../images/hosting/buttons.jpg) -109px -106px no-repeat; height:34px; width:158px; margin-top:15px; outline:none; margin-bottom:10px; float:right; margin-right:10px;}
input.hosting_continue {background:url(../images/hosting/buttons.jpg) 0px -35px no-repeat; height:34px; width:149px; margin-top:10px; outline:none; margin-bottom:10px; float:right; margin-right:10px; }
input.hosting_continue:hover {background:url(../images/hosting/buttons.jpg) -151px -35px no-repeat; height:34px; width:149px; margin-top:10px; outline:none; margin-bottom:10px; float:right; margin-right:10px; }
input.hosting_register {background:url(../images/hosting/buttons.jpg) -212px 0px no-repeat; height:34px; width:105px; margin-top:10px; outline:none; margin-bottom:10px; margin-left:120px;}
input.hosting_register:hover {background:url(../images/hosting/buttons.jpg) -160px -70px no-repeat; height:34px; width:105px; margin-top:10px; outline:none; margin-bottom:10px; margin-left:120px;  }
input.hosting_logincontinue {background:url(../images/hosting/buttons.jpg) -234px -143px no-repeat; height:34px; width:80px;  outline:none; }
input.hosting_logincontinue:hover {background:url(../images/hosting/buttons.jpg) -151px -143px no-repeat; height:34px; width:80px; outline:none; }
input.hosting_login_login {background:url(../images/hosting/buttons.jpg) 0px -144px no-repeat; height:34px; width:53px;  outline:none; margin-left:20px; }
input.hosting_login_login:hover {background:url(../images/hosting/buttons.jpg) -54px -144px no-repeat; height:34px; width:53px;  outline:none; margin-left:20px; }

/* order holding for continue */
.order_holder {width:100%; position:relative; float:left;}
.order_holder_email {width:350px; overflow:hidden; float:left; position:relative; padding-top:7px;}
.order_holder_continue {width:200px; float:left; position:relative;}

/* Control Panel Styles */	
ul#menu {width: 160px; padding: 15px; margin-right: 15px; background: #f4f4f4; -moz-border-radius: 5px; float: left; list-style:none; margin-left:10px; }
	ul#menu li {margin: 0; background: url(../images/hosting/bullet_menu.png) no-repeat left center; padding-left: 10px; width: 155px;}
		ul#menu li a {color: #666; font-weight: bold; display: block; padding: 4px 0 4px 5px;}
		ul#menu li a:hover {color: #333; background: #ccc; padding: 4px 0 4px 5px; }
		
ul#cp {width: 710px;}
	ul#cp li a{width: 135px; height: 105px; background: url(../images/hosting/bg_cp.png) no-repeat; text-align: center; float: left; margin: 0 7px 20px 0; font-size: 11px; font-weight: bold; display: block; color: #666; text-decoration: none; border: none;}
	ul#cp li {display: inline; }
	ul#cp li.end {margin-right: 0; }
	ul#cp li a:hover {color: #999;}
		ul#cp img {margin: 7px auto 3px auto;}
		
.bad-input {color: red; background: yellow}
.contact-1 {float: left}
table.ticketsummary {margin-left:20px;}
table.price-and-description {border: 1px solid #888; width: 95%}
table.price-and-description td {border: 1px solid #888; padding: 5px;background: #f6f6f6}
.error {color: red; margin-bottom:5px;}
table.basket {width: 100%; border-collapse: collapse; border: 1px solid #ccc; border-spacing: 2px;}
	
table.basket thead th {
	background: #888;
	color: white;
}
table.basket tbody td,
table.basket tbody th,
table.basket tfoot th,
table.basket tfoot td {
	background: #eee;
	color: black;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.basket tfoot th,
table.basket tbody th {
	text-align: left;
}

table.basket tbody td:first-child {
	text-align: left;
}
td.unit_price_left {
	border-width: 1px 0px 1px 1px;
}
td.unit_price_mid {
	border-width: 1px 0px 1px 0px;
}
td.unit_price_right {
	border-width: 1px 1px 1px 0px;
	text-align: right;
}

.contact-1 table th {
	text-align: left;
}
a:link img#check-cookie { border: none; }
a:visited img#check-cookie { border: none; }
a:hover img#check-cookie { border: none; }
.bottom-links span {font-size: smaller;}
.left-th th {text-align: left;}
input[type="text"]{width: 200px; border: 1px solid #ccc; padding: 3px;}
select {width: 200px;}
.normal-input-width input[type="text"],
.normal-input-width select {width: auto;}
.dac-results-table {width: 100%; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 2px;}
.dac-results-table td, th {padding: 5px;}

.basket .item-name {text-align: left; padding: 5px;}
.basket tbody th {text-align: left;}
.basket tfoot th {text-align: left;}


/*webmail styling */
#defcontainer h1 {color: #3B94E8; font-size: 40px; padding: 10px 0 0 0; margin: 30px; letter-spacing: -2px;}
#defcontainer h3 {color: #3B94E8; font-size: 25px; padding: 10px 0; margin: 0; letter-spacing: -2px;}
#defcontainer form {line-height: .7em;}
#defcontainer form th {line-height: 1.6em;}
#defcontainer p {line-height: 1.6em;}
#bg-r {margin: 0 auto;}
#defcontainer a {color: #3B94E8;}
#defcontainer a:hover {color: #6ABFFD;}
#defcontainer tr, th, td {color: #3B94E8; font-size: 12px; padding: 0; margin: 0;}
#defcontainer th {padding: 10px 0; line0height: 1.6em;}
#defcontainer input[type="text"], #defcontainer input[type="password"] {width: 228px; padding: 12px 10px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff url(http://webmail.morrisproject.co.uk/images/bg_input.png) repeat-x top; font-size: 15px; font-weight: bold; color: #666; margin-top: 10px;}
#defcontainer input[type="text"]:focus, #defcontainer input[type="password"]:focus {border: 1px solid #F7D45B;}
#defcontainer input[type="submit"] {background: url(http://webmail.morrisproject.co.uk/images/btn_login.png) no-repeat top; width: 108px; height: 36px; color: #fff; border: none; cursor: pointer; margin-bottom: 10px; text-align: center; font-size: 14px; padding: 0; text-shadow:1px 1px 1px #102C60; font-weight: bold; margin-left:222px;}
#defcontainer input[type="submit"]:hover {background: url(http://webmail.morrisproject.co.uk/images/btn_login.png) 0 -36px;}
* html #defcontainer td input {padding: 6px 10px; border: 1px solid #fff; background: url(http://webmail.morrisproject.co.uk/images/bg_input.png) repeat-x top; font-size: 15px; font-weight: bold; color: #666; margin-top: 8px;}
#bg-r td {line-height: 1.6em; font-size: 12px; padding: 5px 0 5px 10px; color: #fff;}
#bg-r input {margin-right: 5px;}

/* invoice table */
table.invoice {width:100%;}