/*<![CDATA[*/
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}
body{
font: 76% Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
}
a { text-decoration: none; }
a:hover { text-decoration: none; }
hr {
	margin: 15px 0px 15px 0px;
	height: 1px;
	width: 100%;
}

/* reset header fonts */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
padding:0 0 5px 0;
}
h1{font-size:22px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}

p {
  padding: 0;
}
form {
	margin: 0;
}

/* template specific */
#wrapper{
width:950px;
top:0;
left:0;
margin:0 auto;
padding:0;
}

/* top banner */
#topbanner{
  padding:0;
  height:83px;
  background-image: url(photographic-gallery.jpg);
  background-repeat: no-repeat;
}
#logo {
  position:relative;
  float:left;
  width:200px;
  height:83px;
  top:0;
  left:0;
  padding:0 0 0 30px;
  margin:0;
}
#banner{
  float:right;
  width:400px;
  margin-right:10px;
  padding-top:15px;
}
#banner img{
  margin:0;
  padding:0;
}
#topnav{
  height:20px;
  padding:0;
}

.spacergap{height:4px;}

#leftcol{
  width:188px;
  padding:5px 5px;
}
#content{
  width:560px;
  border:0;
  padding:20px;
  margin:0;
}
#content img{
  margin:10px;
}
#subnav{
  height:20px;
  margin-bottom:15px;
}
#rightcol{
  width:188px;
  padding:5px 5px;
}
#footer{
  height:50px;
  padding:0 30px;
  text-align: center;
}
#footer p{
  margin:0;
  padding:0;
}
#footer a {
  padding:0;
  text-decoration: none;
}
#logintable{
    padding:5px 0 10px;
}
.login {
	padding: 2px 3px 2px 3px;
	font-size: 10px;
}
.login-field input {
	font-size: 10px;
	border: 0;
}
.login-text a {
	text-decoration: none;
}
.login-text a:hover {
	text-decoration: none;
}
.login-button {
	font-size: 10px;
	text-align: center;
}
#clickit{
  position:relative;
  height:50px;
  margin-top:20px;
  font-size: 10px;
  text-align: center;
}
#clickit a {
padding:0;
text-decoration: none;
}
.buttonSubmit {
	font-size: 10px;
	padding: 0px 3px 0px 3px;
}
.buttonSubmitRoll {
	font-size: 10px;
	padding: 0px 3px 0px 3px;
}
/* as used in HTML class */
.button {
	font-size: 10px;
	padding: 0px 3px 0px 3px;
}
.buttonRoll {
	font-size: 10px;
	padding: 0px 3px 0px 3px;
}


/* generic form styles */
.genform_table{
	padding:10px;
}
.genform_text{
	font-weight:bold;
	text-align:right;
}
.genform_field{
	text-align:left;
}
.genform_button{
	text-align:center;
}

/* basket styles */
#fsbasket_wrapper{
	width:100px;
	text-align:center;
	padding: 5px;
	margin: 10px 0;
}
#fsbasket_value{
	font-size:10px;
	text-align:center;
}
#fsbasket_link{
	font-size:10px;
	text-align:center;
}
#fsbasket_link a {
	text-decoration: none;
}



/* ##########  COLOURS SET HERE ############ */
body{ color:#000;background:#fff; }
a{ color:#00f; }
a:hover{ color:#f00; }
hr { color: #ccc; }
h1,h2,h3,h4,h5,h6 { color: #333; }

#topbanner{ border: 1px solid #fff; }
#banner{ color:#000;}

#topnav{ border:1px solid #000; background:#999; }
#subnav{ background:#fff; }

.h-title h3 { font-size:16px;text-align:center;color:#fff;padding:1px;background:#666;border:1px solid #D4D4D4;}

#leftcol{background: #999; border:1px solid #000;}
#rightcol{background: #999; border:1px solid #000;}
#content{background: #fff;}
#content img{ }

#footer { background: #999; border:1px solid #000; color: #fff; }
#footer a { color: #00f; }
#footer a:hover{ color: #f00; }

#logintable{border: 0;}
.login { color: #fff; }
.login-field input{ border:1px solid #000; }

#clickit{ color: #666; }
#clickit a { color: #666; }
#clickit a:hover{ color: #000;  }

.buttonSubmit { background-color: #666; color: #fff; border: 1px solid #000; }
.buttonSubmitRoll { background-color: #fff; color: #000; border: 1px solid #000; }
/* as used in HTML class */
.button { background-color: #666; color: #fff; border: 1px solid #fff; }
.buttonRoll { background-color: #fff; color: #000; border: 1px solid #000; }
/* basket styles */
#fsbasket_wrapper{border:1px solid #fff;}
#fsbasket_value{color:#000;}
#fsbasket_link a {color: #00f;}
#fsbasket_link a:hover{color: #f00;}
/* generic form styles */
.genform_table{border:1px solid #fff;}
.genform_text{color:#000;}
.genform_field input{background: #fff;border:1px solid #000;}
.genform_button{color: #000;}



/* photodirectory list styles */
div.photodirdiv { width: 200px; }
#photodirectory { border-left: 8px solid #DDC5A0; border-right: 4px solid #DDC5A0; margin-bottom: 0px; background-color: #DDC5A0; }
div.photodirdiv ul ul { margin-left: 10px; }
div.photodirdiv ul, div.photodirdiv li { padding: 0px; margin: 0px; list-style-type: none; color: #fff; font-weight: bold; }
div.photodirdiv li a { margin-left: 0px; padding: 3px; border-top: 1px solid #fff; text-decoration: none; width: 100%; height: 100%; color: #633; font-weight: bold; background-color: #B79974; display: block; }
div.photodirdiv li { display: inline; } /* fix for IE blank line bug */
div.photodirdiv ul > li { display: list-item; }
div.photodirdiv li > a { width: auto; height: auto; }
div.photodirdiv li li a { background-color: #DDC5A0; }
div.photodirdiv li li li a { background-color: #DDC5A0; }
div.photodirdiv li a:hover { background-color: #633; color: #fff; }
div.photodirdiv li li a:hover { background-color: #633; }
div.photodirdiv li li li a:hover { background-color: #633; }



/*]]>*/