/*
    AUTHOR: James Bench
            james@jbench.co.uk
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html,body {height:100%; /* needed for container min-height */}
html { overflow-y: scroll; }
body { font: 80% Helvetica, sans-serif; background: url(images/background.png) repeat-x; }
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#page-wrap {
	width: 750px;
	margin: 0 auto;
	background: url(images/contentBackground.png) repeat-y;
	position:relative; /* needed for footer positioning*/	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header {
	height: 50px;
	background: #222;
}
#navigation {
	float: right;
	line-height: 50px;
	font-size: 1.5em;
}
#navigation ul li {
	float: left;
	padding,margin:0;
}
#navigation a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	height: 50px;
	padding: 0 5px;
}
#navigation a.current, #navigation a:hover {
	background: #4e4e4e;
}
#line {width: 740px; background: #c80815; height:3px; margin: 0 auto;}
#content {
	padding:20px 20px 50px; /* bottom padding for footer */
}
#footer {
	position:absolute;
	width: 100%;
	bottom:0; /* stick to bottom */
	text-align: center;
}
/* END STRUCTURE */

a {color: #c80815;}
a:hover {text-decoration:none;}
#hostingPackages,#orderTable {width: 100%; border-collapse:collapse; margin-bottom: 2em;}
#hostingPackages td,#orderTable td {border: 1px solid #222; border-top:none; border-left:none; padding:2px 2px 2px 5px;}
#hostingPackages td.end {border-right:none;}
#hostingPackages td.top {border-bottom:2px solid #c80815;}
#hostingPackages td.first {border-right:2px solid #c80815;}
#hostingPackages td {width:15%;}

#orderTable td {border: none;}
#orderTable .label {width:150px;}
#orderTable input,#orderTable textarea,#orderTable select {width:220px;}
.image {text-align:center; font-style:italic;}
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/msg/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/images/msg/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/msg/warning.png');
}
.error, .validation {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/msg/error.png');
}
.validation {
	background-image: none;
}
.checker {
	display: none;
}