/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#19365E; background:#d0d3d6; margin:0;}

h1 {font-size:180%; font-weight:normal; color:#50a100; margin:10px 0 15px 0;} 
h2 {font-size:120%; margin-bottom:15px;}
h3 {font-size:110%; color:#50a100; margin-bottom:0;}
h3.mainpage {font-size:110%; color:#50a100; font-weight:normal; margin-bottom:15px;}
p {margin:0 0 15px 0;}

a, a:link, a:active, a:visited {color:#19365E; text-decoration:none;}
a:hover {text-decoration:underline;}
#main a {font-weight:bold;}

table	{border-collapse:collapse; border-spacing:0; margin-bottom:5px;}
th {text-align:left; padding:4px;}
td {font-weight:normal; padding:4px;}

/* images */
a img {border:none;}

img, .box#lftbx h3, .box#ctrbx h3, .box#rgtbx h3 
{behavior: url("iepngfix.htc"); }

/* misc */
.hidden {display:none;}
.lft {float:left;}
.rgt {float:right;}
.clear {clear:both;}

#shadow { 
	width:882px;
  margin:0 auto;
  padding:0 9px;
  background:url("http://hostranet.com/theme-images/shadow.gif") top center repeat-y #d0d3d6;
  }
#site { 
  width:864px;
  margin:0 auto;
  background:#ffffff;
  }
  
#header { 
  width:97%;
  height:115px;
  margin:0 auto;
  padding-top:7px;
  }
  #logo {
    float:left;
    height:87px;
    width:352px;
    background-image:url(http://hostranet.com/theme-images/logo.gif);
		margin:10px 0 0 10px;
    }

	#quicklinks-top ul {float:right; margin:18px 10px 0 0; padding:0;}
  #quicklinks-top li {float:left; list-style:none; font-size:76%; margin:6px; padding:45px 0 0 0;}	
  #quicklinks-top li a {padding:45px 0 0 0; text-decoration:none;}	
  #quicklinks-top li.about {width:50px;}
  #quicklinks-top li.about a {background:url(http://hostranet.com/theme-images/icon-about.gif) top center no-repeat;}
  #quicklinks-top li.about a:hover {background:url(http://hostranet.com/theme-images/icon-abouton.gif) top center no-repeat;}		
  #quicklinks-top li.contact a {background:url(http://hostranet.com/theme-images/icon-contact.gif) top center no-repeat;}	
  #quicklinks-top li.contact a:hover {background:url(http://hostranet.com/theme-images/icon-contacton.gif) top center no-repeat;}	
  #quicklinks-top li.control a {background:url(http://hostranet.com/theme-images/icon-cpanel.gif) top center no-repeat;}		
  #quicklinks-top li.control a:hover {background:url(http://hostranet.com/theme-images/icon-cpanelon.gif) top center no-repeat;}	
  #quicklinks-top li.basket a {background:url(http://hostranet.com/theme-images/icon-basket.gif) top center no-repeat;}	
  #quicklinks-top li.basket a:hover {background:url(http://hostranet.com/theme-images/icon-basketon.gif) top center no-repeat;}	
  #quicklinks-top li.webmail {width:50px;}
  #quicklinks-top li.webmail a {background:url(http://hostranet.com/theme-images/icon-webmail.gif) top center no-repeat;}	
  #quicklinks-top li.webmail a:hover {background:url(http://hostranet.com/theme-images/icon-webmailon.gif) top center no-repeat;}	
  #quicklinks-top li.status a {background:url(http://hostranet.com/theme-images/icon-status.gif) top center no-repeat;}		
  #quicklinks-top li.status a:hover {background:url(http://hostranet.com/theme-images/icon-statuson.gif) top center no-repeat;}	
	
  #quicklinks-top a {font-weight:normal;}


	#close {position:absolute; top:3px; right:6px;}
	#close a {text-decoration:none;}
	#login {
		display:none; 
		position:absolute; 
		top:90px; 
		left:730px;
		width:206px;
		height:95px; 
    background:#B7D8F4;
    padding:10px 0 0 10px;
		border:3px solid white;
    }
    #login h2, #loginhome h2, 
		#login label, #loginhome label {
      font-size:90%;
      margin:0 0 5px 0;
      }
    #login input#username, 
		#login input#password {
      width:125px;
	    border:1px solid #19365E;
	    margin:1px 0;
    	}
		#login input#password {
	  	margin-left:4px;
     	}
		#login p {
	  	font-size:85%;
	  	text-align:right;
			margin-right:13px;
     	}
		#login a {
			text-decoration:underline;
			}
		#login .button {
			margin-top:2px;
			}
		
		/* button style for all forms */
		.button {
			background:#50a100;
			color:#fff !important;
			border:1px solid #19365E;
			}

	
#tabs {
  width:864px;
  height:32px;
  border-bottom:4px solid #50a100;
  }
  #tabs ul {
  	margin:0;
  	padding:0;
  	list-style:none;
  }
  #tabs li {
  	display:inline;
  	margin:0;
  	padding:0;
  }
  #tabs a {
  	float:left;
  	margin:0 2px 0 0;
  	padding:0 0 0 8px;
  	text-decoration:none;
  	font-weight:normal;
  	background:   url(http://hostranet.com/theme-images/tab-l.gif) no-repeat left top;
  }
  #tabs a span {
  	float:left;
  	display:block;
  	padding:9px 20px 9px 12px;
  	color:#FFF;
  	background:  url(http://hostranet.com/theme-images/tab-r.gif) no-repeat right top;
  }
  #tabs a#end {margin:0;}
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #tabs a span {float:none;}
  /* End IE5-Mac hack */
  #tabs a:hover {text-decoration:none;}
  #tabs a:hover, #tabs #selected a {background-position:0% -42px;}
  #tabs a:hover span, #tabs #selected a span {background-position:100% -42px;}
  
  
#banner { 
  width:100%;
  height:30px;
  padding-top:5px;
  background:url(http://hostranet.com/theme-images/banner-home3.jpg) top left no-repeat;
  }
  #banner label, #banner span {
    font-weight:bold;
		color:white;
    }
  #banner input#domain {
    width:150px;
		border:1px solid #525252;
    }
  #banner select {
		width:70px;
		border:1px solid #525252;
    }


  
/* homepage */

#content.home { 
  width:100%;
  padding:0;
  }
  
  #intro {
    float:left;
		width:512px;
    margin:8px 0 0 30px;
    }
  #intro h1 {margin-bottom:5px;}
  
  #loginhome {
    float:right;
    width:246px;
    height:109px;
    background:url(http://hostranet.com/theme-images/login-bg.gif) top left no-repeat;
    padding:12px 0 0 25px;
    margin-bottom:20px;
    }  
    #loginhome h2, #loginhome label {
      font-size:90%;
      margin:0 0 5px 0;
      }
    #loginhome input#username, #loginhome input#password {
      width:150px;
	    border:1px solid #19365E;
	    margin:1px 0;
    	}
		#loginhome input#password {
	  	margin-left:4px;
     	}
		#loginhome p {
	  	font-size:85%;
	  	margin:0 0 0 62px;
     	}
		#loginhome a {
			text-decoration:underline;
      }
  
	#central {
	  clear:both;
	  height:459px;
		background:url("http://hostranet.com/theme-images/bgpic.jpg") top left no-repeat #ffffff;
		position:relative;
	  }
		
	#boxes {
	  position:absolute;
		top:25px; 
		left:294px;
		width:450px; 
		height:282px;
		}
	  #boxes h2 {  
      color:#ffffff;
      font-size:100%; 
      font-weight:normal;
      margin:0 0 8px 0;
      }
			.box {
				float:left;
				width:144px;
				height:260px;
				margin-right:6px;
				background:#fff;
				position:relative;
				}
		  .box#rgtbx {
				margin-right:0;
				}				
			.box h3 {
				font-size:110%;
				color:#fff;
        font-weight:normal;
				padding:5px 10px;
				margin-top:0;
				}
			.box#lftbx h3 {background:url("http://hostranet.com/theme-images/boxh2.png") top left no-repeat #1a2c44;}
			.box#ctrbx h3 {background:url("http://hostranet.com/theme-images/boxh2.png") top left no-repeat #22b04b;}
			.box#rgtbx h3 {background:url("http://hostranet.com/theme-images/boxh2.png") top left no-repeat #525353;}
			.box h3 a {color:#ffffff;}
			
			#boxes #star { 
		    position:absolute;
				width:93px;
				height:93px;
				text-align:center;
				padding:19px 0 0 0;
		    }
			.box#lftbx #star {background:url(http://hostranet.com/theme-images/star-l.png) top left no-repeat; top:14px; right:-8px;}
			.box#ctrbx #star {background:url(http://hostranet.com/theme-images/star-c.png) top left no-repeat; top:2px; right:-8px;}
			.box#rgtbx #star {background:url(http://hostranet.com/theme-images/star-r.png) top left no-repeat; top:14px; right:-8px;}
		  #boxes #star p { 
		    color:#fff;
		    font-size:71%;
				margin:0;
		    }
		  #boxes #star p.price { 
		    font-family:impact;
		    font-size:200%;
				margin:0 0 -2px 0;
		    }
			
			.box#lftbx ul {padding:0; margin:76px 0 0 0;}
			.box#ctrbx ul {padding:0; margin:58px 0 0 0;}
			.box#rgtbx ul {padding:0; margin:68px 0 0 0;}
			.box li {
				font-size:90%;
				padding:0;
				margin:0 15px 0 25px;
			  }	
			.box#lftbx li {color:#1a2c44; list-style-image: url("http://hostranet.com/theme-images/bullet-l.gif");}	
			.box#ctrbx li {color:#22b04b; list-style-image: url("http://hostranet.com/theme-images/bullet-c.gif");}	
			.box#rgtbx li {color:#525353; list-style-image: url("http://hostranet.com/theme-images/bullet-r.gif");}	
				
		  
			
				

				
				
			
	
	
	
	
  #boxes { 
		clear:both;
    width:838px;
		height:368px;
		margin:auto;
    }
	  #box-left {
			float:left;
			width:270px;
			height:368px;
			background:url(http://hostranet.com/theme-images/box-l.gif) top left no-repeat;
		}
	  #box-middle {
			float:left;
			width:270px;
			height:368px;
			background:url(http://hostranet.com/theme-images/box-m.gif) top left no-repeat;
			margin-left:14px;
		} 
	  #box-right {
			float:right;
			width:270px;
			height:368px;
			background:url(http://hostranet.com/theme-images/box-r.gif) top left no-repeat;
			margin-left:14px;
		}
		#boxes h2, #boxes p.readmore { 
		  font-family:impact;
		  font-size:180%;
		  color:#fff;
		  width:100%;
		  text-align:center;
		  font-weight:normal;
		  margin:9px 0 30px 0;
		  }
		#boxes p.readmore a { 
		  color:#fff;
		  }
		#boxes #images { 
		  width:230px;
		  height:115px;
  		margin:0 auto 10px auto;
		  }
		  #boxes #images #star { 
		    float:right;
				width:105px;
				height:105px;
				text-align:center;
				padding:19px 0 0 0;
		    }
		  #boxes #images #star p { 
		    color:#fff;
				margin:0;
		    font-size:80%;
		    }
		  #boxes #images #star p.price { 
		    font-family:impact;
		    font-size:240%;
		    }
		  #boxes #box-left img {margin:25px 0 0 8px;}
		  #boxes #images #star.l {background:url(http://hostranet.com/theme-images/star-l.gif) top left no-repeat;}
		  #boxes #box-middle img {margin:25px 0 0 22px;}
		  #boxes #images #star.m {background:url(http://hostranet.com/theme-images/star-m.gif) top left no-repeat;}
		  #boxes #box-right img {margin:25px 0 0 25px;}
		  #boxes #images #star.r {background:url(http://hostranet.com/theme-images/star-r.gif) top left no-repeat;}
		  
		#boxes #list {
		  clear:both; 
		  width:250px;
		  height:132px;
  		margin:auto;
		  }
		#boxes #list ul { 
  		margin-top:0;
		  }
		#boxes #list li { 
		  line-height:140%;
		  }
  
  
  #extras {  
    width:752px;
		height:140px;
    margin:20px auto 0 auto;
    padding:15px 56px;
    background:#e5f8d2;
    }
  #extras p { 
    clear:both; 
    font-size:90%;
    }
  #extras img {  
    float:left;
		margin-top:5px;
		margin-right:8px;
    }
	#ns {
	  float:left;
	  width:350px;
    }
	#resources {
	  float:right;
	  width:350px;
    }
	
/* content pages */

#content { 
  width:804px;
  padding:10px 50px 0 10px;
  }

	#menu {
		float:left;
		width:204px; 
		font-size:90%;
		margin-top:10px;
		}
		#menu a {
			text-decoration:none;
			}
		#menu ul, #menu li {
			margin:0; 
			padding:0;
			list-style:none;
			}	
			
		/* top level standard */
		#menu li a {
		  display:block;
			color:#01142f;
			height:21px;
			padding:8px 0 0 20px;
			background-image:url(http://hostranet.com/theme-images/v-nav.gif);
			background-position:0 0; 
  		background-repeat:no-repeat;
			}			
		/* top level hover/select */
		#menu li a:hover, #menu li.selected a {
  		background-position:0 -29px;
			color:#fff;
			}
			
		/* sub level standard */
		#menu li li a {
		  display:block;
			color:#01142f;
			height:21px;
			padding:8px 0 0 20px;
			background-image:url(http://hostranet.com/theme-images/v-nav.gif);
			background-position:0 -58px; 
  		background-repeat:no-repeat;
			}	
		/* sub level hover/select */
		#menu li li a:hover, #menu li li.selected a {
			background-position:0 -87px ; 
			color:#fff;
			}	
		
		/* submenu override to counteract select from above li */
		#menu li.selected li a {
			background-position:0 -58px;
			color:#01142f;
			}	
		#menu li.selected li a:hover {
			background-position:0 -87px ; 
			color:#fff;
			}	
			
	#main {
		float:right;
		width:580px; 
		min-height:300px;
		}
	#main.nomenu {
	  width:774px;
		padding-left:30px;
		}
	#main.cpanel {
	  width:774px;
		padding-left:30px;
		text-align:center; 
		}	
		#main .mainpic {
			float:left;
			border:2px solid #50a100;
			margin:0 15px 5px 0;
			}
		#main p {
			text-align:justify;
			}
		#main li {
			margin-bottom:3px;
			}
		
		/* default fault style within 'main' */
		#main form span {font-size:80%;}
		#main form .formLegend {font-weight:bold;}
		#main form fieldset {border:1px solid #525252; margin-bottom:10px; width:450px;	float:left;}
		#main form table p {margin:0;}
		#main form select, #main form input, #main form textarea {border:1px solid #19365E;	color:#19365E; padding:1px;}
		#main form .radio, #main form .check {border:0;}
		#main form .focus {border:1px solid #50a100 !important;}
		#main form td.buttons {text-align:right;}		
		/* add - onfocus="this.className='focus'" onblur="this.className=''" - to form fields */
		/* add -  - to form buttons */
	
/* page specific */


		#contactform input, #contactform textarea {
			width:350px;
			}
		#contactform select {
			width:236px !important;
			}
		#contactform .button {
			width:100px;	
			}

/* control panel */

#back {
  background:#d8f3be;
	padding:4px;
	}
#back p {
  font-size:80%;
	margin:0;
	}	
	
	.frontpagetbl td {
		padding:7px !important;
		}
	
	ul.cp a {
		font-weight:normal !important;
		line-height:140%;
		}
	.supportdb-action {
		float:right;
		height:25px;
		}
	.supportdb-action a {
		color:#FF6600;
		}
	
	table.basket th, 
	table.dac-results-table th, 
	table.price-and-description th {
		padding:2px 5px;
		border:1px solid #19365E;
		background:#19365E;
		color:#fff;
		}
	table.basket td, 
	table.dac-results-table td,
	table.price-and-description td {
		padding:2px 5px;
		border:1px solid #999;
		}
 
  
/* footer */

#payment {
  clear:both;
 	width:836px;
 	height:50px;
	background:url(http://hostranet.com/theme-images/payment.gif) bottom right no-repeat;
	margin:0 auto;
	}
 
#footer { 
  clear:both;
  width:882px;
  height:32px;
  margin:auto;
  padding:0;
  background:url(http://hostranet.com/theme-images/footer.gif) top left no-repeat #01142f;
  }
#footer p { 
  float:left;
  font-size:80%;
  margin:4px 0 0 25px;
  }
#footer p, #footer li, #footer a { 
  color:#ffffff !important;
  }
  #quicklinks-bottom ul {float:right; margin:3px 25px 0 0; padding:0;}
  #quicklinks-bottom li {display:inline; list-style:none; font-size:85%; margin:0; padding:0;}		
  #quicklinks-bottom a {font-weight:normal;}