/* CSS Document */
/* general */
body 			{background: #823f7c; margin: 0; padding: 0 0 20px 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; text-align:center;}
img				{border: 0;}
p				{padding: 0; margin: 12px 0 0 0; line-height: 16px;}
ul 				{padding: 0; margin: 0; list-style: inside; list-style-type:none;}
li				{padding: 0; margin: 0;}
a:link 			{color: #823f7c; text-decoration: none;}
a:visited 		{color: #823f7c; text-decoration: none;}
a:hover 		{color: #ed1261; text-decoration: underline;}
a:active 		{color: #823f7c; text-decoration: none;}
h1 				{font-size:medium; color: #ed1261; font-weight: bold; margin: 0; padding: 0;}
h2 				{font-size: medium; color: #ed1261; font-weight: bold; margin: 12px 0 0 0; padding: 0;}
.hextra			{color: #823f7c;}
h3 				{font-size: small; color: #ed1261; font-weight: bold; margin: 0; padding: 0;}
h3.news			{display: inline;}
h4 				{font-size: small; color: #ed1261; font-weight: bold; margin: 0; padding: 0;}
blockquote.clientquote {padding: 0; margin: 0.4em 10px; font-style: italic; text-align: left; font-size: x-small; font-weight: bold;}
/* forms  */
label			{font-size:x-small; padding: 0 5px 6px 0;}
select			{padding: 1px; font-size: x-small;}
form			{padding: 0; margin: 0;}
input			{padding: 1px; font-size: x-small;}
/* contact forms */
div.row {margin: 0; padding: 10px 0 0 0; clear:both;}
* html div.row {margin: 8px 0 0 0; padding: 0;}
div.row span.label, div.row label {float: left; text-align: right; width: 110px; padding: 0 5px 0 0; vertical-align: bottom; line-height: 1.8em;}
* html div.row span.label, * html div.row label {padding-top: 0;}
div.row span.form {float: left; text-align: left; padding-right: 10px; vertical-align: bottom; line-height: 1.8em;}
div.row label.rightLabel {float: none; display: inline; text-align: left; width: 0; padding: 0;}
div.row label {font-size:x-small;}
input.inputNormal, select.inputNormal, textarea.inputNormal {width: 320px; color: #000000; border: 1px solid #b2b2b2; margin: 0; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
textarea.inputNormal {height: 60px;}
select.inputNormal {height: 20px;}
input.inputNormal {height: 14px;}
input.inputCheckbox {background: none; border: none; margin: 0; padding: 0;}
input.inputButton2 {margin: 0 0 0 117px;}
* html input.inputButton2 {margin: 0 0 0 110px;}
/* accessibility nav */
#acc_nav 		{left: -999px; position: absolute;}/* hides links used for accessibility: screen readers can link direct to nav or content: must link to these*/
/* text */
.purpletxt		{color: #823f7c;}
.pinktxt		{color: #ed1261;}
/* utility */
.clearer		{height: 1px; line-height: 1px;}
div.hr 			{height: 16px; line-height: 16px; background: url(../images/divider_wide.gif) no-repeat scroll center;}
div.hr hr 		{display: none;}
div.hr2 		{height: 8px; line-height: 8px; background: url(../images/divider_thin.gif) no-repeat scroll center; width: 171px;}
div.hr2 hr 		{display: none;}
/* main sections */
#holder 		{margin: 0 auto; vertical-align: top; width: 717px; background: #efefef; padding: 0; text-align:left;}
#content		{margin: 0 8px 0 8px; padding: 8px 0 0 0;}
/* left col */
#col_left		{float: left; margin: 0 8px 0 0; width: 203px;}
#area_nav		{background: #cecece url(../images/background_dots.gif); border: 1px solid #bfbfbf;}
.topnav			{padding: 0; margin: 0;}
.topnav li		{display: inline; padding: 0;}
.p1	{margin: 0 1px 0 0;}
.p2	{margin: 0 1px 0 0;}
.p3	{margin: 0;}
.mainnav		{margin: 10px 0 0 -3px; text-align:center;}
* html .mainnav {margin: 10px 0 0 -16px;}
.mainnav li		{margin: 0 0 4px 0;}
#area_address	{background: scroll #cecece top left url(../images/background_dots.gif); border: 1px solid #bfbfbf; padding: 12px 0 12px 12px; margin: 8px 0 0 0; height: 100%;}
.addspace		{margin: 10px 0 0 0;}
/* right col */
#col_right		{float: right; width: 489px;}
#area_flash		{margin: 0;}
* html #area_flash		{margin: 0 0 -3px 0;}/* this fixes ie putting in a margin at the bottom */
.title			{float: right; margin: 0 0 8px 0;}
#area_copy		{background: url(../images/background_dots.gif); border: 1px solid #bfbfbf; padding: 12px 12px 5px 12px;}
.prod_list			{list-style-image:url(../images/bullet.gif);}
* html .prod_list	{list-style-image:url(../images/bulletie.gif);}
.prod_list li		{margin: 3px 0 4px 4px; color: #823f7c;}
/* home list */
.home_list1			{list-style-image:url(../images/bullet.gif); float: left; width: 200px;}
* html .home_list1	{list-style-image:url(../images/bulletie.gif);}
.home_list1 li		{margin: 3px 0 4px 4px; color: #823f7c;}
.home_list2			{list-style-image:url(../images/bullet.gif); float: left; width: 200px;}
* html .home_list2	{list-style-image:url(../images/bulletie.gif);}
.home_list2 li		{margin: 3px 0 4px 4px; color: #823f7c;}
.home_content		{width: 420px;}
/* newsletter */
#newsletter		{}
#newsletter ul	{margin: 8px 0 0 0;}
#newsletter li	{display: inline; margin: 0 5px 0 0;}
#newsletter img	{vertical-align:bottom;}
#newsletter input	{width: 130px;}
#newsletter input.inputButton1	{width: 73px; vertical-align:bottom;}
.textfield1		{color: #636363; font-size: x-small;}
.textfield2		{color: #000000; font-size: x-small;}
/* bottom */
#base			{margin: 0 auto; vertical-align: top; width: 717px; padding: 0; text-align:left; background: #efefef url(../images/base.gif) no-repeat bottom;}
#base img		{float: left;}
#copyline		{}
#copyline p 	{float: left; padding: 3px 0 10px 10px;}
#copyline img 	{float: right; padding: 10px 10px 10px 0;}
/* support */
#search_area	{float: left; width: 200px; margin: 12px 0 0 0;}
#search_area ul	{margin: 10px 0 0 0;}
#search_area li	{margin: 0 0 10px 0;}
#search_area label	{width: 80px; display: block; clear: none;}
* html #search_area label	{margin: 0 0 0 -15px;}
* html #search_area img	{margin: 0 0 0 -15px;}
#search_area select	{width: 180px;}
#result_area	{float: right; width: 230px; min-height: 200px; margin: 12px 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #A9A9A9;}
* html #result_area {height: 200px;}
#result_area li	{margin: 5px 0 20px 0; vertical-align: middle;}
* html #result_area li	{margin: 5px 0 20px -15px;}
#result_area select	{width: 200px;}
#result_area ul	{margin: 10px 0 0 0;}
#result_area img	{vertical-align:middle; margin: 0 0 0 5px;}

.showthis {width: 460px;}

.botpart		{margin: 0px;}

#tameside	{margin: 0 auto; vertical-align: top; width: 717px; padding: 6px 0 0 0; text-align:left;}