/* just-computers.co.uk styling */
/* **************** */
/* Generic Settings */
/* **************** */

body {background-color:#17568f; min-height:900px;margin:0; padding:0; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/* Make spacing in IE/FF similar */
p, h1, h2, h3, h4, h5, h6 {margin:  0 0 1em 0; padding:  0; font-size:12px;} 	
/* Headings */
h1 {font-size:18px; color:#ff952c;} 									
h2 {font-size:16px; color:#ff952c;}
h3 {font-size:14px; color:#ff952c;}
h4 {font-size:13px; color:#ff952c;}
h5 {font-size:12px; color:#ff952c;}
h6 {font-size:10px; color:#ff952c;}

/* Link behaviour */
h1 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;} 									
h2 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;}
h3 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;}
h4 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;}
h5 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;}
h6 a:link, a:link:visited, a:link:active, a:link:hover {text-decoration: none; color:#ff952c;}
#navigation a:link, a:visited, a:active {text-decoration:none; color:#FFF;}
#navigation a:hover {text-decoration:none; color:#ff952c;}
a:link {text-decoration: underline; color:#fff;}
a:link:visited {text-decoration: underline; color:#ff952c;}
a:link:active {text-decoration: underline; color:#ff952c;}
a:link:hover {text-decoration: none; color:#ff952c;}
a:link img {border:0; padding:0;}
a img {border:0;}

/* Form objects */
.input_medium{width:250px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_large{width:350px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xlarge{width:450px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_small{width:50px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xsmall{width:10px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input{width:100px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_error{border:1px solid #F00}
input:hover,
input:active,
input:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus {
	border:1px solid #ff952c; /* Hover, Active and Focus Behaviour */
}
.button{margin:5px auto; border:1px solid #000; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle;}
TEXTAREA{width:400px; height:200px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; vertical-align:middle;}
SELECT{border:1px solid #000; margin:5px auto; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; vertical-align:middle;}


/* *********** */
/* Main System */
/* *********** */

/* Wrappers */
#wrap{margin:20px auto;}
#header{width:815px; height:132px; margin:0 auto; padding:0; background-color:#FFF;}
#footer{width:815px; height:55px; margin:0 auto; background-color:#FFF;}
#content{width:815px; margin:0 auto; background-color:#FFF;}
#blue{width:774px; margin:0 auto; padding:5px; background-color:#17568f;}
#text{width:600px; margin:5px 0 5px 5px; float:left; color:#FFF;}
#navigation{width: 774px; text-align:center; font-family:Verdana, Geneva, sans-serif; margin:10px auto; text-transform:uppercase; color:#FFF; font-size:15px; font-weight:bold; float:left;}
#light_blue{background-color:#547dae; margin:8px; padding:10px;}
#affiliates{float:right; width:120px; margin:5px; }


/* *********** */
/* Drop down! */
/* *********** */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	color: #ff952c;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 0;
	border-bottom-width: 0;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: #17568f;
	width: 100px; /* default width for menu */
}

.anylinkcss ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.anylinkcss ul li a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
	background: #547dae;
	color: #ff952c;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}