/*  
Author: GO4 Multimedia - Luke Moulton
Client: SmapCMS Templates 
Date: 20th October 2004
*/

body {
	font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333; text-align: center;
	margin: 0 auto; padding: 0;
	background: #666 url(../images/pg_bg.gif) repeat-y 50% 0;}

/* --------- Links ----------- */
a:link { color: #4485B0; text-decoration:underline;	}
a:visited { color: #4485B0; text-decoration:none;	}
a:hover { color: #4485B0; text-decoration:none;}

/* --------- Headings --------- */
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif;} 

h1 {font-size: 1.2em; color:#333; padding: 0;margin: 0;}
h2 {font-size: 1.3em; padding: .3em 1.8em ; margin: 0 0 1em 0; color:#333; 
	background: #d6d6d6 url(../images/hd_bullet.gif) no-repeat left;}
	
h3 {font-size: 1em; padding: .3em 1.5em ; margin: 0 0 .5em .8em; color:#C90C0C; 
	background: url(../images/hd_bullet_02.gif) no-repeat left;}

h4 {font-size: .8em; color:#999; font-weight: normal; padding: 0;margin: 0;}

#sidebar h2 { font-size: 1.1em;}

/* ------ Paragraphs ------------ */
p { font-size: 100%; line-height:1.6em;	letter-spacing: .04em; margin: 0; padding: 0 0 1em 0;}
p.footer, p.footer a:link, p.footer a:visited  {font-size:10px; color:#900; padding: 5px 5px 5px 0px;	margin:0;}

/* ----- Header Div----- */
#header {height: 93px;	background: #fff url(../images/header_bg.jpg) repeat-x top;margin-bottom:10px;	}

#logo {float: left; padding: 0;}	
	
/* ------ Main Container ------ */	
#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 746px;
}

#sidebar {float:right; width: 215px;  }
#content { float:left; width: 510px; background: #F4F4F4; margin-bottom: 3px;}
#sidebar div, #content div, #footer div {padding: .3em .8em;}

#footer { clear:both; width: 510px; border-top: 1px solid #ccc;}

/* ----------- Navigation ---------- */		

#nav {
	position: relative;
	margin: 1px 0 10px 0;
	padding: 0 0 0 0px;
	height: 30px;
	background-image:url(../images/nav_bg.jpg);
	}

#nav li {
	margin: 0; 	padding: 0;
	display: inline;list-style-type: none;}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 10px;
	line-height: 20px;
	margin: 0px 0px 0 0px;
	padding: 6px 11px 4px 11px;
	text-decoration: none;
	border-right: 1px solid #D6D6D6;
	color: #fff;
	}

#nav a:link.active, #nav a:visited.active {
	color: #333;
	padding-bottom: 4px;
	background: url(../images/nav_bg_hit.jpg) repeat-x;
	}
#nav a:hover {
	color: #333;
	padding-bottom: 4px;
	background: url(../images/nav_bg_hit.jpg) repeat-x;
	}
/* --------- Bits & Banner ------------ */
#feature {
	padding: 0;
	color: #fff;
	/*border: 1px solid #fff;*/
	/*border-width: 0 3px 1px 3px;*/
	/*height:195px;
	display:block;
	background: url(../images/banner_01.jpg) no-repeat top;*/
	}

#line {
	border-top: 5px solid #9C0;
	height:10px;
	margin:1px 0 1px 0;
	background: url(../images/line.gif) repeat-x;
	display:block;
	}

/* ----- Lists ------ */

ul {font-size: 1em; margin:0 .8em; padding: .8em;}
#sidebar ul {margin-top:0; padding-top:0;}
li {  list-style-image: url(../images/bullet.gif); padding: .2em; margin:.2em;}
ol { margin: 0 0 .5em 2em; padding: 0 0 .5em 2em;}

/* ------- Images --------- */

 .img-product{float: right; border: 1px solid #fff; margin: 0 5px 20px 15px;	padding: 3px;}
	
/* -------- Forms ------- */
form {
	line-height: 1.5em;
	padding: 0;
	margin: .3em 0 0 0;	}

fieldset {
	border:none;
	padding: .5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#900;}
	
input {
	border: 1px solid #036;
	font-size:10px;
	padding: 1px;
	margin: 2px;}

.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #900;
	padding:0 0 0 1.5em;
	margin: .2em;
	background: url(../images/bullet.gif) no-repeat left;
	border: none;}
			
/* --------- Admin ------------ */

.update, .add, .delete {
	padding:0;
	margin:5px;}

.admin {
	font-size:10px;
	color:#999;
	padding: 0px 5px 0px 0px;
	margin:0;}
	
.admin a:link, .admin a:visited {
	font-size:10px;
	color:#999;
	padding: 5px 5px 0px 0px;
	margin:0;} 	
	
/* -------- Other -------  */
.clear {clear:both;	height:0;}
.hide {	display:none; }	
.floatleft {float: left; margin: 5px 10px 5px 1px;}
.floatright {float: right;	margin: 5px 1px 10px 10px;}

/* Form Elements */	

textarea #content_text {background: #ccc;}
form {margin: 0;padding: 0;}
fieldset {	margin: 1em; padding: 0; border: 0px; position: relative; color: #c00; font-size: 1.2em;}
input {	border: 1px solid #036;	font-size:10px;	padding: 1px ;	margin: 0;}
select {	border: 1px solid #036;	font-size:10px;	padding: 1px;	margin: 2px;}
fieldset br {display: none;}
fieldset span {color: #333; font-size: .7em;}
legend {display: none;}
label {	display: block; font-weight:bold; font-size: .8em; color:#333; padding-bottom: .3em;}
fieldset div {	padding: .5em 1em;}
#error {float: right;	margin-left: 5em;	color: #903;}
.smallwidth {	width: 80px;}

/* ---- Search --- */
#search {float:right; height:93px; background: url(../images/search_bg.gif) no-repeat bottom right; width:232px;}
#search form {float:right; color:#fff; padding-top: 55px;}
#search label { display:inline; color: #333; font-weight:bold; font-size: 10px; padding-bottom: 10px;}
#search input.btn {	color:#fff; border: 1px solid #036;	font-size:10px;	padding: 1px; background: #EB3C12; font-weight:bold; font-size: 10px;}

/* -- Tables ---- */
th {font-size: .8em;}