html {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #F6F8E7;
}

a { color: #B3A2CE; text-decoration: none; font-weight: bold; }
a:hover { color: white; }

h1 { 
	font-family: Times, Arial, Verdana, Helvetica, san-serif, serif;
	color: #7C7E80;
	font-size: 16pt;
	font-weight: normal;
}
h2 { color: #B3A2CE; font-size: 11pt; }
h3, p, label { color: #7C7E80; font-size: 9pt; }
ul, ol {
	color: #7C7E80;
	font-size: 9pt;
	line-height: 12pt;
	margin: 0.5em 0px 0.5em 20px;
	padding: 0px;
}
td, th { color: #7C7E80; text-align: left; font-size: 9pt; vertical-align: top; }

form { margin: 0; padding: 0; }
input, select, textarea {
	color: #7C7E80;
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 9pt;
	background: #F6F8E7;
}
select { border: 1px solid #7C7E80; }

b { color: #B3A2CE; }
img { border: 0px; }
hr { color: #F6F8E7; height: 2px; border: 0px; border-bottom: 2px solid #F6F8E7; }

.cream-lt { color: #F6F8E7; }
.cream-dk { color: #E7E9AB; }
.grey { color: #939597; }
.grey-lt { color: #D9D9D9; }
.blue { color: #B3A2CE; }
.red { color: red; }

.clear { height: 0px; clear: both; overflow: hidden; }
.picleft { float: left; margin: 0 10px 0 0; }
.picright { float: right; margin: 0 0 0 10px; }

.white-dots { list-style: url(../images/bullet.gif); }
.grey-back { background: #F6F8E7; border: 1px dashed #7C7E80; clear: both;}
.grey-back h2, .grey-back p { margin: 10px 0 10px 0; padding: 0.2em 10px 0.2em 10px; }
.grey-back td, .grey-back th { padding: 2px 2px 2px 5px }


#site-border {
	text-align: justify;
	width: 750px;
	background-color: #E7E9AB;
	margin: 40px auto 0px auto;
	padding: 0;
	border-bottom: 3px solid #939597;
}

#site-head { width: 100%; }
#site-head #head1 { 
	width: 100%;
	background: url(../images/head-back1.jpg) no-repeat 0% 0%;
	padding: 5px 0 0 0;
}
#site-head #head1 #logo { vertical-align: bottom; margin: 0 0 0 20px; }
#site-head #head1 #bucket { vertical-align: bottom; margin: 0 0 0 350px; }

#site-head #head2 { 
	text-align: right;
	width: 100%;
	background: url(../images/head-back2.jpg) no-repeat 0% 0%;
	padding: 5px 0 0 0;
}

#site-head #head2 img { margin: 10px 10px 0 0; }

#site-body { width: 100%; }
#site-body .left { width: 20%; float: left; }
#site-body .left ul {
	font-size: 10pt;
	list-style: none;
	line-height: 16pt;
	margin: 3.2em 0 0 0;
}
#site-body .left a { font-weight: normal; color: #939597; margin: 0 0 0 20px; }
#site-body .left a:hover { color: #B3A2CE; }
#site-body .left #current { color: #B3A2CE; }
#site-body .left  #flash { margin: 0; padding: 0 0 0 20px; background: url(../images/flash-arrow.gif) no-repeat 5% 3px; }
#site-body .left .padlock { margin: 50px 0 0 10px; }
#site-body .left .cards { margin: 20px 0 0 20px; }
#site-body .right { width: 75%; float: right; margin: 0 10px 0 0; }
#site-body:after { content: ""; height: 0px; display: block; clear: both; }

.botlinks { width: 100%; margin: 20px 0 0 0; }
.botlinks td { font-size: 12pt; }
.botlinks .tdl { text-align: left; }
.botlinks .tdr { text-align: right; }

#site-body .right-img	{
	float:right;
	margin:0 0 0.6em 0.6em;
	background:#F6F8E7;
	width:200px;
	height:150px;
}

#foot {
	margin: 10px 0 0 0;
	padding: 3px 0 0 0;
	width: 100%;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}
#foot ul { list-style: none; margin: 0; padding: 0; }
#foot li { display: inline; }

#contactform { margin: 0.5em 0 1em 0;	}
#contactform label {
	font-weight: bold;
	width: 100px;
	float: left;
}
#contactform input, #contactform textarea, #contactform select {
	color: black;
	font-weight: bold;
	width: 200px;
	border: 1px solid #7C7E80;
	margin: 0px 0px 2px 0px;
}
#contactform #submit {
	width: 55px;
	margin: 0px 0px 0px 103px;
	padding: 0;
	background-color: transparent;
	border: 0;
}

#confirmation #submit {
	text-align: left;
	font-size: 10pt;
	color: #939597;
	font-weight: bold;
	width: 80px;
	border: 0px;
	background-color: transparent;
	background: url(../images/but-back.gif) no-repeat 100% 100%;
	padding: 0 0 2px 0;
	margin: 0;
}

#webform { margin: 0.5em 10px 1em 10px;	}
#webform label {
	font-weight: bold;
	width: 100px;
	float: left;
}
#webform input, #webform textarea, #webform select {
	width: 200px;
	color: #939597;
	border: 1px solid #D9D9D9;
	margin: 0px 0px 2px 0px;
}
#webform #submit { margin: 0px 0px 0px 103px; }

#orderform { width: 330px; padding: 0 0 1em 0; margin: 0; }
#orderform p { margin: 0 0 0.5em 0; padding: 0; }
#orderform #details1, #orderform #details2, #orderform #details3, #orderform #details4 { 
	border: 1px dashed #7C7E80;
	background-color: #F6F8E7;
	padding: 10px 0 10px 0;
}
#orderform label {
	font-weight: bold;
	width: 100px;
	height: 17px;
	float: left;
	margin: 0 0 0 10px;
}
#orderform input, #orderform textarea, #orderform select {
	color: black;
	width: 200px;
	margin: 0px 0px 1px 0px;
	padding: 2px;
	background-color: white;
	border: 1px solid #7C7E80;
}
#orderform #details3 input { width: auto; border: 0px; background: #F6F8E7; }
#orderform #details3 label { float: none; height: auto; }
#orderform #WaMsg {
	color: #DE002A;
	font-weight: bold;
	border: 0px;
	width: 100%;
	background-color: transparent;
}
#orderform #submit {
	text-align: left;
	font-size: 10pt;
	color: #939597;
	font-weight: bold;
	width: 80px;
	border: 0px;
	background-color: transparent;
	background: url(../images/but-back.gif) no-repeat 100% 100%;
	padding: 0 0 5px 0;
	margin: 10px 0 0 115px;
}

#dateform { width: 100%; }
#dateform select {
	width: 400px;
	margin: 10px 0px 10px 0;
	padding: 0;
}
#dateform #submit {
	text-align: left;
	font-size: 10pt;
	color: #939597;
	font-weight: bold;
	width: 110px;
	border: 0px;
	background-color: transparent;
	background: url(../images/but-back.gif) no-repeat 100% 100%;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0;
}

#basketform { margin: 0 0 10px 0; }

.addpack { margin: 0; padding: 0 10px 5px 0; }