/* div tags are block elements used to hold other html elements. Use them for formatting and positioning */
/* span tags are used for simple inline styles. They should NOT hold any html tags */
/* font-weight: can have values 100-900 */

body {
	background-image:url(../images/bg1.gif); /* blue colour with gradients */
	/*	background-image:url(../images/pin_stripes.jpg); */
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color:#111111; /*prev #001166 and before that #00448e */
	/*good practice to 0 margin and padding to account for differing browser defaults*/
	margin:0px;
	padding:0px;
	/*this centres the container for IE5 browsers*/
	text-align:center
}
p {
	margin:10px 40px 10px 40px
}  /*top right bottom left*/
b {
	color:#007070;
	font-size:115%;
	font-weight:900
}
input {
	background-color: #f4eeff;
	color: #111111
}
select {
	background-color: #f4eeff;
	color: #111111
}
textarea {
	background-color: #f4eeff;
	color: #111111
}
ul {
	list-style-position:outside
}
ol {
	list-style-position:outside
}
li {
	vertical-align:right;
	margin:15px 40px 5px 20px
}
/* headings are pre-defined to be bold */
h1 {
	font-size:20px;
	margin:20px 40px 10px 40px;
	font-weight:600
}
h2 {
	font-size:16px;
	margin:20px 40px 10px 40px;
	font-weight:600
}
h3 {
	font-size:16px;
	margin:20px 40px 10px 40px;
	font-weight:200;
	font-style:italic
}
/* h4, h5 reserved for ailment and remedy text */
h4 {
	font-size:16px;
	margin:20px 40px 20px 40px;
	font-weight:600
}
h5 {
	font-size:14px;
	margin:10px 40px 10px 40px;
	font-weight:600
}
/* h6 currently unused*/
h6 {
	font-size:13px;
	margin:10px 40px 10px 40px;
	font-weight:900 font-family:"Comic Sans MS", "Monotype Corsiva", "Bradley Hand ITC", "Lucida Handwriting", cursive
}
.testimonial {
	font-style:normal;
	font-size:13px;
	font-color:black;
	border:solid;
	border-width:3px;
	border-color:#d5d8ff;
	margin:0px 40px 0px 0px;
	padding:15px;
	/* margin:10px 40px 10px 40px; padding:15px; */
	background-color:#e0e7ff
}
.scriptheader {
	margin:20px 0px 0px 40px;
	padding:0px
}
.colleft {
	float:left;
	width:735px;
	margin:0px;
	padding:0px;
	text-align:left
}
.colright {
	float:right;
	width:225px;
	margin:0px;
	padding:0px;
	text-align:left
}
.columnleft {
	float:left;
	width:700px;
	margin:0px;
	padding:0px;
	text-align:left
}
.columnright {
	float:right;
	width:260px;
	margin:0px;
	padding:0px;
	text-align:left
}
.buttonleft {
	margin:5px 10px 5px 40px;
	float:left
}
.buttonright {
	margin:5px 0px 5px 40px;
	float:right
}
.floatleft {
	float:left;
	margin:10px 40px 10px 40px;
	padding:0px
}
.floatright {
	float:right;
	margin:10px 40px 10px 40px;
	padding:0px
}
.txtr {
	text-align:right
}
.txtl {
	text-align:left
}
.light {
	color:#446666;
	font-size:11px
} /* grey */
.footer {
	color: #466;
	margin: 10px 40px 10px 40px;
	background-color: transparent;
}
.error {
	color:red
}
.submitted {
	color:#008f8f;
	font-size:18px;
	font:bold
} /* pale blue-green, larger */
.voteyes {
	color:#080;
	font-size:16px;
	font-weight:900;
	background-color:#efe
} /* dark green on light green */
.voteno {
	color:#C00;
	font-size:16px;
	font-weight:900;
	background-color:#fee
} /* dark red on light red*/
#contact {
	margin:0px 40px 0px 40px
}
.blackbar {
	border:solid;
	border-width:3px;
	border-color:black;
	margin:0;
	padding:0
}
#wrapper {
	background-color:#fff;
	width:960px;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	padding-bottom:20px;
}
table.main td {
	vertical-align:top
}
a {
	background-color:white;
	text-decoration:underline;
	font-weight:normal;
	font-size:100%;
	margin:0px 0px 0px 0px
}
a img {
	border:0
}
a:link {
}
a:visited {
	color:purple
}
a:hover {
	color:#ff6600
} /* orange */
a:active {
	color:red
}
/* IMPORTANT that sequence is link, visited, hover, active */

 .zing {
	font-size:15px;
	font-weight:bold;
	color:black;
	background-color:white;
	text-decoration:underline;
}
a.zing:link {
	color:black
}
a.zing:visited {
	color:purple
}
a.zing:hover {
	color:#ff6600
} /* orange */
a.zing:active {
	color:red
}
h2 span.footer {
	font-size:12px;
	color:#446666;
	font-weight:normal;
}
table {
	border:none;
	margin:10px;
}
table tr td {
	vertical-align:top;
	padding:10px;
}
.cartButton {
	position:absolute;
	margin-left: 60px;
	margin-top: 22px;
	font-size: 13px;
	color: #cc0000;
	font-weight: bold;
}
ul.MenuBarHorizontal li, ul.MenuBarHorizontal li ul li {
	list-style-image:none !important;
}
ul li {
	list-style-image:url(images/icon-positive.png);
	margin-left:20px;
	margin-top:0px;
}
ul li.negative {
	list-style-image:url(images/icon-negative.png);
	margin-left:20px;
}
ul li.none {
	list-style-image:none;
	margin-left:20px;
}
.image_container {
	float: left;
	margin-left: 40px;
	margin-right: 10px;
	max-height: 300px;
	max-width: 300px;
	background: #FAFAFA;
	border: 1px solid #CCC;
	padding: 4px;
	clear:left;
}
.image_container.right {
	float: right;
	margin-left: 10px;
	margin-right: 40px;
	max-height: 300px;
	max-width: 300px;
	background: #FAFAFA;
	border: 1px solid #CCC;
	padding: 4px;
	clear:left;
}
.image_container img {
	max-height: 295px;
	max-width: 295px;
	border: 1px solid #666;
}
.image_container .caption p {
	margin: 0px;
	font-size:11px;
}
.test {
	margin:0px 40px;
	padding:10px;
	float:left;
}
.odd {
	background:#FEF7AF;
}
.even {
	background:#FCF9D6;
}
.author {
	float:left;
	margin-right:10px;
	width:150px;
	text-align:center;
}
.comments {
	float: left;
	width: 698px;
	line-height: 26px;
}
.caption {
	font-size:10px;
	line-height:12px;
}