/* Stylesheet for Tigerhost - Grey by copyright to Nadia of Perrelink Web Solutions www.perrelink.com.au  */



body {

background:  url(../images/main-bg.gif) repeat-x;

background-color:#FFFFFF;

color: #444444;

font-family: "Trebuchet MS", Helvetica, sans-serif;

font-size: 101%;

margin: 0;

padding: 0;

text-align: center;

}



/* this is used so that any shorter pages do not jumpt around due to no default scrollbar */

html { min-height:100%; margin-bottom:1px; }



/* main container - holding everything together  */

#container {

margin: 0 auto;

padding: 0;

text-align: left;  /* to offset the center style on the body */

width: 760px;

}



img {

border: 0px;

}

/* padding for all paragraphs - give it breathing room away from the edges of the content areas it is in */

p {	

padding-left: 10px;

}



/* general link styles */

a:link { 

background-color: inherit; 

color: #DD9317;

font-family: "Trebuchet MS", Helvetica, sans-serif;

text-decoration: none;

}

	

a:visited { 

background-color: inherit; 

color: #DD9317;

font-family: "Trebuchet MS", Helvetica, sans-serif;

text-decoration: none;	

}

	

a:hover, a:active { 

background-color: inherit; 

color: #444444;

text-decoration: underline;

}



/* styles the nav menu on the left */

#nav {
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
	width: 200px;
	font-weight: bold;

}



#nav ul {

list-style: none;

margin-left: 0;

margin-right: 0;

margin-bottom: 0;

margin-top: 1px;

padding: 0;

}

/* for IE - so the left navbar sits correctly positioned */

* html #nav ul { margin-top: 0px; }



#nav li {

list-style: none;

margin: 0;

padding: 0;

}



#nav a:link { 

background:  url(../images/btn-bg.gif) no-repeat;

background-color: inherit; 

color: #FFFFFF;

display: block;

font-size: 0.85em;

height: 18px;

padding-left: 15px;

padding-top: 3px;

text-decoration: none;

}

	

#nav a:visited { 

background:  url(../images/btn-bg.gif) no-repeat;

background-color: inherit; color: #FFFFFF;

display: block;

height: 18px;

padding-left: 15px;

padding-top: 3px;

text-decoration: none;

font-size: 0.85em;

}

	

#nav a:hover, #nav a:active { 

background:  url(../images/btn-bg-over.gif) no-repeat;

background-color: inherit; color: #FFFFFF;

display: block;

height: 18px;

padding-left: 15px;

padding-top: 3px;

text-decoration: none;

}

/* end navbar styles */



/* holds the large top image */

#strap {

float: left;

margin-left: 1px;

width: 559px; 

}



/* footer div styles */

#footer {

font-family: "Trebuchet MS", Helvetica, sans-serif;

font-size: 0.80em;

border-top: 2px solid #B6B6B6;

clear: both;

padding-top: 5px;

width: 760px

}



/* style the links in the footer */

#footer a:link { 

background-color: inherit; 

color: #E68A00;

font-family: "Trebuchet MS", Helvetica, sans-serif;

/*font-size: 0.85em;*/

text-decoration: none;

}

	

#footer a:visited { 

background-color: inherit; 

color: #E68A00;

font-family: "Trebuchet MS", Helvetica, sans-serif;

text-decoration: none;	

}

	

#footer a:hover, #footer a:active { 

background-color: inherit; 

color: #444444;

text-decoration: underline;

}



/* the right hand side div - holding news */

#causes {

float: left;

width: 275px;

}



#causes ul {

margin-top: 6px;

color: #000000;

}



#causes a {

background-color: inherit; 

color: #E68A00;

font-family: "Trebuchet MS", Helvetica, sans-serif;

text-decoration: none;

}



#header {

clear: both;

width: 760px;

}



/* for IE - to make sure the header sits in correct position */

* html #header { margin-top: -4px; }



/* far left div - holding testimonials */

#left {

background-color: #EFEFEF;

border-bottom: 2px solid #444444;

border-top: 1px solid #444444;

color: #282828;

float: left;

font-size: 0.75em;

padding-bottom: 8px;

width: 199px;

}



/*  IE browsers */

* html #left {

width: 198px;

}



/* styles the paragraphs in the left div - giving padding  */

#left p {

padding-right: 6px;

}

/* div holding the company logo */

#logo {

float: left;

height: 90px;

width: 200px;

}



/* grey bar holding the newsletter signup - remove the div in the html if not needed */

#newsletter {

clear: both;

background-color: inherit; 

color: #FFFFFF;

font-size: 0.80em;

height: 35px;

padding-left: 15px;

padding-top: 5px;  

padding-bottom: 4px;

width: 760px;  /* 660px */

}

	

/* div holding the hosting package images at bottom of page */

#package {

float: right;

padding-left: 10px;

width: 551px;

padding-bottom: 2px;

}



#package ul {

list-style: none;

margin: 0;

padding: 0;

}



#package li {

float: left;

list-style: none;

margin: 0;

padding: 0;

}



/* the rounded search / account bar at top of page */

#quicklinks {

background:  url(../images/top-right.gif) no-repeat;

background-color: inherit; 

color: #DDA647;

display: block;

height: 24px;

font-family: "Trebuchet MS", Helvetica, sans-serif;float: left;

padding-left: 183px;

padding-top: 66px; 

width: 377px;

}



/* TOP NAVBAR STYLES inside the quicklinks div*/

#navBar {

	background-color: inherit;

	margin: 0;

	padding: 0;

	}	

	

#navBar ul {

	margin: 0px; 

	padding: 0px;

	list-style-type: none; 

	height: 24px;

}

#navBar li {

	display: inline;

	list-style-type: none;

	padding: 0px;

	margin: 0px; 

	color: white;

	}



#navBar a {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

font-size: 0.80em;

	background: transparent;

	margin: 0px;

	text-decoration: none;

	padding-right: 15px;

	padding-left: 15px;

}



#navBar a:link {

	color: white;

	text-decoration: none; 

	background-color: inherit;

}



#navBar a:visited {

	color: #EDEAED;

	text-decoration: none; 

	background-color: inherit;

}





#navBar a:hover {

	color: #DDA647;

	background-color: inherit;

	background-color: transparent;

}



#navBar a:active {

	background-color: transparent;

	color: #FFFFFF;

}

/*End NavBar styles */



/* styles the 'current' page links */

#current a:link, #current a:visited, #current a:active {

color: #FFCC00;

text-decoration:none;

background-color: inherit;

}

#current a:hover {

	color: white;

}



/* container div for the right side content */

#right {

float: left;

font-size: 0.8em; 

width: 560px;

background-color: inherit;

}

/* services div on the left side  */

#services {	

float: left;

width: 275px;

background-color: inherit;

}



#services ul {

margin-top: 6px;

color: #000000;

}



#services a {

	color: #E68A00;

}

#services a:hover {

	color: #666666;

}



/* gives a 1px white border above the large image */

.strap { margin-top: 1px; }



/* to keep IE happy with the white spacing */

* html .strap { margin-top: 0px; }



/* placement of the menu in the top and the newsletter div */

.budge { margin-left: 25px; }



.budge a {

background-color: inherit; 

color: #E9A62F;

font-family: tahoma, Verdana, sans-serif;

font-size: 0.80em;

font-weight: bold;

text-decoration: none;

}

/* class float to the right */

.flt-rgt { 

float: right;

margin-top: 5px;

} 



/* class to float right  */

.flt-rgt2 { 

float: right; 

margin-right: 10px; }



/* class to float left */

.flt-lft { 

float: left; 

margin-left: 10px; }



/* basic form style to remove default margins */

.form {	

/*border: 1px solid #000000;*/

margin: 0;

padding: 0;

 }



 /* basic heading styles */

h1 {

border-bottom: 1px solid #949494;    

background-color: inherit; 

color: #428442;

display: block;

font-size: 1.2em;

font-weight: bold;

letter-spacing: 2px;

margin-bottom: 5px;

margin-left: 10px;

margin-top: 5px;

padding-bottom: 2px;

}



h2 {

border-bottom: 1px solid #949494;

background-color: inherit; 

color: #428442;

font-size: 1.2em;

font-weight: bold;

letter-spacing: 2px;

margin-bottom: 5px;

margin-left: 10px;

margin-top: 2px;

padding-bottom: 2px;

}



h3 {

clear: both;  /* need to clear the div after the causes div so that the heading positions correctly */

border-bottom: 1px solid #B6B6B6;

background-color: inherit; 

color: #428442;

font-size: 1.1em;

font-weight: bold;

letter-spacing: 2px;

margin-bottom: 5px;

margin-left: 15px;

padding-bottom: 2px;

padding-top: 0px;

}

h4 {

background-color: inherit; 

color: #428442;

font-size: 1.1em;

font-weight: bold;

margin-top: 4px;

margin-bottom: 4px;

margin-left: 15px;

}

/* class for the bold name in the testimonial box */

.name {

float: right;

font-weight: bold;

margin-top: 2px;

margin-right: 10px;

padding-bottom: 4px;

}



/* for IE */

* html .submit2 {

height: 17px;

width: 28px;

}

/* class to set text to orange */

.orange {

background-color: inherit; 

color: #FF9E0B;

font-size: 1.0em;

border-bottom: 1px dotted #E9A62F;

}



/* button style used for newsletter submit */

.send {

border: 0px;

margin: 0; 

width:52px; 

height: 18px;

text-align: center; 

background-color: #E9A62F;

color: White; 

padding: 0;

border: 1px solid white;

vertical-align: text-bottom;

}



.sendlogin {

margin: 0; 

width:52px; 

height: 20px;

text-align: center; 

background-color: #E9A62F;

color: White; 

padding: 2px;

border: 1px solid black;

vertical-align: middle;

}



/* FORM STYLES */

form#contactform div {

 clear: both; 

 padding-top: 6px; 

 }

 

 form#contactform {

font-size: 90%; 

color: #505050; 

margin: 20px 20px 30px 30px; 

padding: 5px; 

width: 80%;

background-color: #FEFEFE; 



}

#contactform fieldset { 

border: 1px solid black;

padding: 18px;

color: #428442;

}



#contactform legend {

 font-weight: bold; 

 font-size: 1.4em;

color: #FF9E0B;

 }



#contactform label {

 float: left; 

 width: 25%; 

 }

#contactform input,#contactform textarea { 

float: right; 

width: 70%; 

text-align: left;

border: 1px solid black; 

}



#contactform input {

border: 1px #000000 solid;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: 9px;

height: 20px;

}



#contactform textarea { 

height: 100px; 

}



#contactform #send { 

float: right; 

margin: 0; 

width:40%; 

text-align: center; 

background-color: #EFEFEF;

color: #666666; 

padding: 2px 2px;

}



#contactform textarea:focus, #contactform input:focus, #contactform select:focus {

	background-color: #E6E6E6;

	color: #464545;}

/* end form styles */



/* styles for hosting details table */

.hostingtable{

	width: 540px;

	margin: auto auto;

	margin-bottom: 6px;

	font-size: .85em;

	}

.hostingtable td {

	padding: 2px;

}



.rowcolorg{

	background-color: #f0f0f0;

}



.roworder{

background-color: #A3D1A3;

color: white;	

}



.roworder a {

	color: white;

}

.roworder a:hover{

	color: #252525;

	text-decoration: none;

}

/* WE DO NOT SUPPLY A LOG IN SCRIPT - UP TO YOU TO SOURCE THAT */

/* memberslogin */



#login {

	width: 500px;

	margin: 5px 20px 5px 20px;

	padding: 5px;

}



/* styles the testimonial page divs */

.testimonial {

	background-image: url(../images/quotes.gif);

	background-repeat: no-repeat;

	background-position: top right;

	width: 550px;

	border: 1px solid #CCCCCC;

	margin-top: 5px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 5px;

}

/* a $ background image on the resller page */

#reseller {

	background-image: url(../images/dollars.gif);

	background-repeat: no-repeat;

	background-position: center center;

}

/* this styles the div on the index page to promote the template 

you can remove the style from the div if you do not want a bordered, coloured box around your text - 

remove the style from the html code */

.templatespiel {

	background-color: #FCFCFC;

	border: 1px solid #E6E6E6;

	margin: auto auto;

	width: 500px;

	margin-bottom: 5px;

	margin-top: 5px;

}