/* Flexible CSS development by HotScot Technology www.hotscot.net */
body /* Page colour */
{
	background: #A6DBFF url(../images/bg1.jpg);
	margin: 0px;
	padding: 0px;
	background-color: #D7D7D7;
}
p /* Body text paragraph formatting only - See content1 for font */
{
	margin: 0px; /* C */
	padding-bottom:10px; /* C */
}
#container
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px auto 0 auto; /* aligns to center */
}
#header /* Leader graphic behind H1 and H2 tags */
{
	margin: 0px auto 0px auto;
	width: 750px;
	background: url(../images/header.jpg) no-repeat; /* C */

	height: 150px; /* C */
}
#main 	/* Background Image is the navigation BG on the left. 
		Coloured GIF required.
		Background colour is the content area background */
{
	margin: 0px auto 0px auto;
	width: 750px;
		background: url(../images/main1bg.gif) repeat-y;		 /* C */
	margin: 0px;
		background-color:#ffffff;
}
#navigation
{
	margin: 0px;
	width: 172px;
	position: relative;
	background: url(../images/navbg.gif) no-repeat;
}
#mainl
{
	float: left;
	margin: 0px;
	padding: 0px;

	
}
#headertext
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 750px;
	height: 80px;
}
#contentzone
{
	position: relative;
	float: right;
	padding: 0px;
	width: 570px;
	background-color:#FFFFFF;
}
#footer /* Footer Space */
{
	position: relative;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 4px;
	width: 742px;
	text-align: center;
	background: url(../images/footer.jpg) no-repeat;
	border-bottom: 2px solid #000;

}
#footertext, #footertext a:link, #footertext a:visited /* C */
{
	color: #FFFFFF;
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#footertext a:hover /* C */
{
	text-decoration: underline;
}
#address /* Address space formatting */
{
	position: relative;
	float: right;
	clear: right;
	margin: 0px 10px 20px 0px;
	padding: 5px;
	width: 187px;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#address a:link, #address a:visited /* C */
{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;

}
#address a:hover  /* C */
{
	text-decoration: none;
}
#address ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:right; /* C */
}
#addressc
{
	display: none;
}
#contentshop /* Main body of the page text formatting */
{
	width: 568px;
	float: left;
	padding: 0px 5px 0px 0px;
	color: #666; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	font-weight: bold; /* C */
}


.items
{
margin-top:12px;
padding-left:35px;

}
.order
{
margin-top:12px;
padding-left:0px;
padding-right:0px;
}
.check
{
margin-top:12px;
padding-left:0px;
}
#pop p /* Main body of the page text formatting */
{
	width: 320px;
	float: left;
	padding: 15px 5px 0px 15px;
	color: #333; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 12px; /* C */
	font-weight: normal; /* C */
}
#pop{
padding-bottom:20px;
padding-right:30px;
}
#pop h1 /* This floats above the header graphic or colours */
{

	color: #000000; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 18px; /* C */
	font-weight: Bold; /* C */

	padding: 20px 0px 5px 15px; /* Change for position of header */
	margin: 0px;
	z-index: 1;
}
#pop h2  /* This floats above the header graphic or colours */
{

	color: #DF754B;   /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 14px; /* C */
	font-weight: Bold; /* C */

	padding: 7px 0px 5px 15px; /* Change for position of header */
	margin: 0px;
	z-index: 1;
}
#content1 /* Main body of the page text formatting */
{
	width: 320px;
	float: left;
	padding: 15px 5px 0px 0px;
	color: #333; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 12px; /* C */
	font-weight: normal; /* C */
}
#content-wide /* Main body of the page text formatting */
{
	width: 520px;
	padding: 15px 5px 0px 0px;
	color: #333; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 12px; /* C */
	font-weight: normal; /* C */
}
#content1 ul,
#content-wide ul/* Main body of the page text formatting */
{
	width: 275px;
	margin:5px 0px 15px 5px;
	padding: 0px 0px 0px 28px;
	color: #DF754B;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#content1 a:link, 
#content1 a:visited
#content-wide a:link, 
#content-wide a:visited /* C */
{
	color: #000;
	text-decoration: underline;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#content1 a:hover,
#content-wide a:hover /* C */
{
	color: #DF754B;
	text-decoration: none;
}
#contentshop a:link, #contentshop a:visited, /* C */
{

	color: #666;
	text-decoration: underline;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#contentshop a:hover /* C */
{
	color: #DF754B;
	text-decoration: none;
}




#content2 /* Image space. Text formatting for additional text if required */
{
	width: 200px;
	float: right;
	margin-top: 50px;
	margin-right: 5px;
	padding: 5px;
	color: #333; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	font-weight: normal; /* C */
}


#spread /* Main body of the spread pages text formatting */
{
	width: 540px;
	float: left;
	padding: 15px 5px 0px 15px;
	color: #333; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 12px; /* C */
	font-weight: normal; /* C */
}
#news /* News text */
{
	width: 310px;
	float: left;
	padding: 15px 5px 15px 0px;
	color: #333; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 12px; /* C */
	font-weight: normal; /* C */
}
#news a:link, #news a:visited /* C */
{
	color: #000;
	text-decoration: underline;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#news a:hover /* C */
{
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
}
h1 /* This floats above the header graphic or colours */
{

	color: #000000; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 18px; /* C */
	font-weight: Bold; /* C */

	padding: 0px 0px 5px 0px; /* Change for position of header */
	margin: 0px;
	z-index: 1;
}
h2  /* This floats above the header graphic or colours */
{

	color: #DF754B;   /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 14px; /* C */
	font-weight: Bold; /* C */

	padding: 7px 0px 5px 0px; /* Change for position of header */
	margin: 0px;
	z-index: 1;
}
h3  /* This floats above the header graphic or colours */
{

	color: #000; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	font-weight: Bold; /* C */

	padding: 4px 0px 5px 0px; /* Change for position of header */
	margin: 0px;
	z-index: 1;
}
h4
{
	color: #DF754B; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 14px; /* C */
	font-weight: Bold; /* C */
	padding-bottom: 10px; /* Change for space between header and paragraph text */
	margin: 0px;
}
#navh
{
padding-top:20px;
	text-indent: 5pt;
}
#navh ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#navh a
{
	display: block;
	padding: 2px;
padding-bottom:5px;
	margin: 0px;
	width: 166px;
/* Navigation background */
}
#navh a:link, #navh a:visited /* C */
{
	color: #FFF;

	text-decoration: none;
	font-weight: normal;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	/* Image behind text. Delete if not required */
}
#navh a:hover /* C */
{
	background-color: #fff;
	color: #000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-image:  url(../images/nav_hover1.gif); /* Image behind text on roll over. Delete if not required */
}
#overlink a:link, #overlink a:visited  /* C */ /* Selected page */
{

	color: #DF754B;
	 /* Image behind text. Delete if not required */
}
#overlink a:hover /* C */
{

	color: #000;
 /* Image behind text on roll over. Delete if not required */
}
.image1 /* First and middle images */
{
	margin-bottom: 10px;
	border-top: 2px solid #666666;
	border-right: 0px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 0px solid #666666;
}
.image2 /* Last Image */
{
	margin-bottom: 20px;
	border-top: 3px solid #CBCBCB;
	border-right: 1px none #CBCBCB;
	border-bottom: 3px solid #CBCBCB;
	border-left: 1px none #CBCBCB;
	float:right;
}
TABLE.tbl
{
	border: 1px solid #336699; /* C */
	border-collapse: collapse;
	margin-bottom: 25px;
	width: 100%;
}
#logo{
	position:absolute;
	top:310px;
	width:183px;
	height:128px;
	left:170px;

}
TR.tblr
{
	font-weight: bold; /* C */
	color: #fff; /* C */
	font-size: 13px; /* C */
	background: #336699; /* C */
	padding: 4px; /* C */
}
TR.tblh
{
	margin: 0px; /* C */
}
TD.tblh
{
	font-weight: bold; /* C */
	color: #336699; /* C */
	padding: 4px; /* C */
}
TD.tblmh
{
	padding: 4px; /* C */
}
TD.tbld
{
	padding: 4px; /* C */
	
}
TD.content
{
	vertical-align: text-top; /* C */
	padding: 4px; /* C */
}
INPUT
{
	color: #000;
	border: 1px solid #666;
	background: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
}
TEXTAREA
{
	color: #000;
	border: 1px solid #666;
	background: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
}
SUBMIT
{
	color: #000; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	font-weight: normal; /* C */
	background: #f0f0f0; /* C */
	border: 1px solid #336699; /* C */
}
#tariff
{
	border: 1px solid #CCCCCC; /* C */
	border-collapse: collapse;
	margin-bottom: 25px;
	width: 100%;
}

#tariff th
{
	font-weight: bold; /* C */
	color: #FFFFFF; /* C */
	font-size: 13px; /* C */
	background: #336699; /* C */
	padding: 4px;
	width: 165px; /* C */
}

#tariff h3
{

	margin-top: 0px; /* C */
	font-weight: bold; /* C */
	color: #366194;
	font-size: 15px; /* C */
}

#tariff td
{
	font-weight: bold; /* C */
	color: #366194; /* C */
	padding: 4px; /* C */
	text-align: left;
}
#tariff .left {
  text-align: left;
  }
#tariff .cent {
  text-align: center;
  }

#gallery {
	margin: 20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#gallery table p {
	margin: 5px 10px 15px 0px;
	padding:0px 0px 0px 0px;
}

img.photopic {
	display:block;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}