/* global styles */

.test {
border: 1px solid black;
}

.error {
	color: #ff0000;
}

body {
margin:0;
padding:0;
font: 14px Georgia, "Times New Roman", Times, serif; 
color: #666666;
background-color:#000000;
text-align: center;
}

img {
border: 0
}

a {text-decoration: none; color: #7d008b }
a:hover {text-decoration: underline;}

h1 {
font:140% Verdana, Arial, Helvetica, sans-serif bold;
color: #008b8b;
margin: 0px;
padding-bottom: 10px;
}

h2 {
font-weight: bold;
font-size: 110%;
color: #008b8b;
margin: 0px;
padding-bottom: 10px;
padding-top: 5px;
}

div.clearer {clear: left; line-height: 0; height: 0;}

.contentimage {
	margin: 0px 8px 0px 8px;
}

.contentimagecorp {
	margin: 0px 3px 0px 3px;
}

.contentimageleft {
	margin: 0px 8px 0px 0px;
}

.contentimagemon1 {
	margin: 5px 8px 5px 8px;
align: left;
}

.contentimagemon2 {
	margin: 5px 0px 5px 0px;
align: right;
width:290px;
}



/* main structural styles */

#content {
text-align: left;
width: 100%;
margin: 0 auto;
background-color:#000000;
}

.greybar {
background-color:#8b8b8b;
height:121px;
width: 960px;
margin-left:auto;
margin-right:auto;
width:952px;
border-left:#993399 4px solid;
border-right:#993399 4px solid;
}

#logo {
position: relative; 
top:17px;
left:2px;
float:left;
}

#topimage {
float:right;
}

#header {
width: 952px;
margin-left:auto;
margin-right:auto;
}

.whitebar {
background-color:#ffffff;
width:952px;
height: 2px;
border-left:#993399 4px solid;
border-right:#993399 4px solid;
margin-left:auto;
margin-right:auto;


}

#central {
background: url(/images/backgrounds/greygradient.gif) repeat-y top left;
width:952px;
border-left:#993399 4px solid;
border-right:#993399 4px solid;
background-color:#fff;
margin-left:auto;
margin-right:auto;
}

#mainimage {
background: url(/images/structure/mainimage.jpg) no-repeat top right;
float: right;
width: 402px;
height: 314px;
}


.fleft {
float: left
}

.fright {
float: right
}

#clearall {
clear: both;
float: left
height: 1px;
margin: 0px;
padding: 0px;
}


#centralcontent {
float: left; 
width: 420px; 
position: relative; 
top: 27px; 
left: 76px; 
padding-top: 17px;
margin-bottom: 50px;
}

#internalcontent {
float: left; 
width: 720px; 
position: relative; 
top: 13px; 
left: 76px; 
padding-top: 17px;
margin-bottom: 30px;
}

#widecontent {
float: left; 
width: 720px; 
position: relative; 
top: 13px; 
left: 76px; 
padding-top: 17px;
margin-bottom: 30px;
}



/* nav styles */

#navcontainer {
position: relative; 
left:22px; 
top: 27px; 
float: left; 
width: 120px; 
margin-bottom:50px;
}

#nav {
clear:both; 
float:left; 
width: 160px;

}

#nav ul {
	clear:both;
	margin:0;
	padding:0;
	font:110% Verdana, Arial, Helvetica, sans-serif;
	color: #008b8b
}

#nav ul li {
	margin:0; 
	padding:10px 10px 9px 10px;
	list-style:none;
	clear: both;
	border-top: 1px dotted #999999;

}


#nav ul li a:hover {
	text-decoration: none;
	color: #008b8b;
	
}

#nav ul li.notopline {
	background-image: none;
	border:none;
}

#nav ul li.topline {
	/*background: url(/images/backgrounds/navdivider.gif) repeat-x top left;*/
	border:none;
}

#nav ul ul {
	padding-top: 6px;
}

#nav ul li ul li{
	font-size: 0.6em;
	color: #008b8b;
	background-image: none;
	padding: 3px 0px 3px 8px;
}

.navon {
	color: #008b8b;
}

.navon a {
	color: #008b8b;
}



/* page tools styles */

#pagetools {
width: 450px;
float: right;
position: relative;
right: 22px;
top: 9px;
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
clear: both;
}

#pagetools ul {
	margin: 0;
	padding: 0;
	color: #7d008b
}

#pagetools ul li {
	margin:0;
	list-style:none;
	display:inline;
	
}

#pagetools ul li.last a {
	border-right:none;
}

#pagetools ul li a {
	color: #7d008b;
	text-decoration: none;
	border-right: 1px solid #7d008b;
	padding: 0 .3em 0 .2em;
}

#pagetools ul li a:hover {
	color: #7d008b;
	text-decoration: underline;
}

/* footer styles */

#footer {
clear:both;
width:960px;
margin-left:auto;
margin-right:auto;
}

#footerl {
float:left; 
width: 750px;
position: relative;
left: 22px;
top: 16px
}

#footerr {
float:right; 
width: 210px;
position: relative;
right: 22px;
top: 16px;
text-align: right;
}

#footer ul {
	margin: 0;
	padding: 0;
	color: #fff
}

#footer ul li {
	margin:0;
	list-style:none;
	display:inline;
	
}

#footer ul li.last a {
	border-right:none;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 0 .3em 0 .2em;
}

#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.borderrt {
	border-right: 1px solid #fff;
	padding: 0 .3em 0 0;
}

.pad {
	padding: 0 0 0 .3em;
}


/* text styles */

#centralcontent p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
	
}

#internalcontent p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
}

#internalcontent ul li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
}

#widecontent p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
}

#widecontent ul li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
}

.redtext {
	color: #ff0000;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: 145%;
	
}

.footer { font-size: 80%; }

/* form styles */

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


.form input {
	display: block;
	width: 60%;
	float: left;
	margin-bottom: 10px;
	font-size: 80%;
	border: solid 1px #008b8b;
	
}

.form input.radio {
	display: inline;
	width: 5%;
	border: 0;
}

.form input.hidden {
	border: 0;
}

.form label {
	display: block;
	width: 30%;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 20px;
}

.form label.radio {
	display: inline;
	width: 15%;
	padding-right: 5px;
}

.form textarea {
	width: 60%;
	border: solid 1px #008b8b;
	float: left;
	margin-bottom: 10px;
}

.form br {
	clear: left;
}


.submit {
	background: #fff;
	color: #666666;
	font-weight: bold;
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	border: solid 1px #008b8b;
	float:right;
}

.submitcu {
	background: #fff;
	color: #666666;
	font-weight: bold;
	font-size: 100%;
	margin: 10px 30px 0px 0px;
	border: solid 1px #008b8b;
	float:right;
}

/* gallery styles */

.thumbnav {
	float:left;
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 0;
}

.thumbnav .right {
	float:right; 
	text-align:right; 
	width: 20%;
}

.thumbnav .left {
	float:left; 
	text-align:left; 
	width: 20%;
}

.thumbnav .numbers {
	font-weight:bold; 
	float:right; 
	width: 55%; 
	text-align:center; 
	letter-spacing: .4em;
}

.thumbnav .numbers a {
	font-weight:normal;
}

.minithumbnav {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 300px;
}

.minithumbnav .right {
	float:right; 
	text-align:right; 
	width: 40%;
}

.minithumbnav .left {
	float:left; 
	text-align:left; 
	width: 40%;
}

.thumbnail {
	height: 120px;
	float: left;
	padding: 0;
}

.thumbnailsq {
	height: 100px;
	float: left;
	padding: 0;
}

.thumbnail span {
	padding: 0px 0px 10px 0px;	
}

.thumbnailsq span {
	padding: 0px 0px 10px 0px;	
}
	
.portthumb {
	margin: 20px 30px 0px 0px;
	height: 83px;
	width: 57px;
	border: 1px solid #000
}

.landthumb {
	margin: 46px 30px 0px 0px;
	height: 57px;
	width: 83px;
	border: 1px solid #000
}
.squarethumb {
	margin: 20px 30px 0px 0px;
	height: 65px;
	width: 65px;
	border: 1px solid #000
}


/* popup styles */

#popupimage {
float:left;
padding: 14px 10px 3px 10px;
}


.popbground {
background: url(/images/backgrounds/greygradient.gif) repeat-y top left; 
}

#poporder {
width: 400px;
float:left;
text-align:justify;
padding: 14px 20px 0 20px; 
}

#poporder form {
	width:400px;
}

#poporder .submit {
	float: right;
}

.popform {
	width:200px:
}

.popform input {
	display: block;
	width: 20px;
	float: left;
	margin-bottom: 5px;
	font-size: 80%;
	border: solid 1px #008b8b;
}

.popform label {
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 20px;
}

.popform br {
	clear: left;
}


/* basket styles */



th {
width: 10%;
vertical-align: top;
border-bottom: solid 1px #008b8b;
border-top: solid 1px #008b8b;
padding: 5px 2px 5px 2px;
}

td {
width: 10%;
vertical-align: middle;
padding: 5px 2px 5px 2px;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

.basketform {
margin: 0;
padding; 0;

}

.basketform input {
margin: 0;
padding: 0;
font-size:78%;
text-align: center;
}

.selectwidth {
	width: 15px;
}

.bordertop {
	border-top: solid 1px #008b8b;
}

.basketform select {
	width: 65px;
	font-size: 80%;
	border: solid 1px #008b8b;
}

.border {
	border: solid 1px #008b8b;
}

.padded {
	padding: 10px 0 10px 0;
}


/* comment on order of shorthand for top bottom etc padding-top padding-right padding-bottom padding-left */

/* Call to action box */

.callBox
{
	margin: 0 10px 10px 10px;
	padding: 10px;
	width: 160px;
	float: right;
	clear: left;
	border: 1px solid #008b8b;
}