/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/
html 						{background: #e8f4fb; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body						{background: #e8f4fb; width: 900px; color: #000000; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 14px; margin: 0px auto; padding: 0 0 0 0; text-align:center; }
h1 						{color: #000000; font-size: 18px; font-weight: bold; line-height: 20px;}
h2 						{color: #000000; font-size: 16px; font-weight: bold; line-height: 18px;}
h3 						{color: #000000; font-size: 14px; font-weight: bold; line-height: 16px;}
h4 						{color: #000000; font-size: 12px; font-weight: bold; line-height: 14px;}
a, a:link 					{color: #66cc00; font-weight: bold; text-decoration: none;}
a:visited					{color: #66cc00; font-weight: bold; text-decoration: none;}
a:hover 					{color: #66cc00; text-decoration: underline;}
a:focus 					{color: #66cc00;}
a:active 				{color: #66cc00;}

.enableJS 				{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 					{clear: both; padding: 5px 0px;}
div.row span.left 		{float: left; text-align: left;}
div.row span.right 	{float: right; text-align: right;}
.left 						{float:left;}
.right 					{float:right;}
.spacer 					{clear: both;}
.textcenter 			{text-align:center;}
.textleft 					{text-align:left;}
.textright 				{text-align:right;}
.pad5 					{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 												{width: 240px; text-align: center; margin: 0px; font-size: 12px; color: #ed1d78;}
.auto_form .form_input 								{width: 120px; float: left;  border: 2px solid #cccccc;  color: #ed1d78;}
.auto_form .form_input-highlighted 				{width: 120px; border: 2px solid #cccccc;  color: #ed1d78;}
.auto_form div.row span.label_col 				{width:	90px; margin: 0px 5px 0px 0px; float: left; text-align: right; vertical-align: bottom;}
.auto_form div.row span.input_col 				{width: 120px; margin: 0px; float: left; text-align: left; padding-left: 0px; padding-top:0px;}
.auto_form .submit_div 								{text-align: left; padding-right:0px; padding-top:0px; padding-bottom:0px;}
.auto_form .submit_div input[type='button']	{float: right; text-align: left; width: 83px; height: 24px; margin-right: 10px;}
#agreed /**force checkbox styling**/			{width: 20px; margin-left: 92px;}

.wide_form 												{width: 440px; text-align: center; margin: 0px; font-size: 12px; color: #ed1d78;}
.wide_form .form_input 								{width: 320px; float: left;  border: 2px solid #cccccc;  color: #ed1d78;}
.wide_form .form_input-highlighted 				{width: 320px; border: 2px solid #cccccc;  color: #ed1d78;}
.wide_form div.row span.label_col 				{width:	90px; margin: 0px 5px 0px 0px; float: left; text-align: right; vertical-align: bottom;}
.wide_form div.row span.input_col 				{width: 320px; margin: 0px; float: left; text-align: left; padding-left: 0px; padding-top:0px;}
.wide_form .submit_div 								{text-align: left; padding-right:0px; padding-top:0px; padding-bottom:0px;}
.wide_form .submit_div input[type='button']	{float: right; text-align: left; width: 83px; height: 24px; margin-right: 10px;}
/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
.wrapper																{width: 900px; min-height: 600px; height: auto;  margin: 0px; auto;}
.wrapper .masthead												{background: url(../../graphics/masthead.jpg) no-repeat; width: 900px; height: 215px; margin: 0px auto;}
.wrapper .masthead .homebutton							{background: url(../../graphics/buttons/home.png) no-repeat; width: 128px; height: 44px; float: left; margin: 168px 0px 0px 330px;}
.wrapper .masthead .productsbutton						{background: url(../../graphics/buttons/products.png) no-repeat; width: 128px; height: 44px; float: left; margin: 168px 0px 0px 10px;}
.wrapper .masthead .forumbutton							{background: url(../../graphics/buttons/forum.png) no-repeat; width: 128px; height: 44px; float: left; margin: 168px 0px 0px 10px;}
.wrapper .masthead .contactbutton							{background: url(../../graphics/buttons/contact.png) no-repeat; width: 147px; height: 44px; float: left; margin: 168px 0px 0px 10px;}
.wrapper .main														{background: url(../../graphics/body.jpg) repeat-y; width: 900px; min-height: 600px; height: auto; float: left;}
.wrapper .main .leftcol											{float: left; width: 620px; height: auto; min-height: 600px; padding:10px;}
.wrapper .main .leftcol h1										{text-align: left; color: #ed1d78; font-size: 24px; margin-left: 10px;}
.wrapper .main .leftcol h3										{text-align: left; color: #87d738; font-size: 20px; margin-left: 10px;}

.wrapper .main .rightcol											{float: left; width: 260px; height: auto; min-height: 600px; margin: 20px 0px 0px 0px;}
.wrapper .main .rightcol .login									{width: 250px; height: auto; float: left;}
.wrapper .main .rightcol .login .top							{background: url(../../graphics/topround.png) no-repeat; width: 250px; height: 45px; padding: 0px 0px 0px 0px;}
.wrapper .main .rightcol .login .top .login_header		{background: url(../../graphics/forum_login.png) no-repeat; width: 158px; height: 44px; margin: 0px 0px 0px 10px;} 
.wrapper .main .rightcol .login .top .logged_in_header	{background: url(../../graphics/logged_in.png) no-repeat; width: 158px; height: 44px; margin: 0px 0px 0px 10px;} 
.wrapper .main .rightcol .login .middle						{background: url(../../graphics/middleround.png) repeat-y; width: 250px; min-height: 60px; height: auto;}
.wrapper .main .rightcol .login .bottom						{background: url(../../graphics/bottomround.png) no-repeat; width: 250px; height: 30px;}
.wrapper .footer													{background: url(../../graphics/footer.jpg) no-repeat; width: 900px; height: 40px;}
.wrapper .footer .footcontent									{padding-top: 10px;}
/**************************************************************************************************
***************************************************************************************************
CUSTOM

***************************************************************************************************
***************************************************************************************************/



p																{color: #999; text-align: justify; margin: 0px 0px 0px 10px; line-height: 14px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
p b																{color: #66cc00;}
ul																{color: #D90365; text-align:left;}
.blue															{color: #0082D6;}
.orange															{color: #FF6600;}
.green															{color: #66CC00;}

.treeview														{margin: 0px;padding: 0px; width: 600px; margin-left: 10px;}
.treeview ul 													{margin: 0;	padding: 0;}
.treeview li 														{background: white url(../../graphics/greenarrow.png) no-repeat left 1px;list-style-type: none;padding-left: 20px;margin-bottom: 5px;margin-top: 5px;margin-left: 2px;}
.treeview li.submenu 										{background: white url(../../graphics/purplearrow.png) no-repeat left 4px;cursor: hand !important;cursor: pointer !important;padding-left: 20px;margin-left: 0px;margin-bottom: 5px; text-align: left;}
.treeview li.submenu ul 										{display: none;margin-left: 20px;}
.treeview .submenu ul li 									{cursor: default;}
.listDisplay 														{margin: 0 auto;}
.listDisplay .headtitle 										{color: #2696dc;font-weight: bold;font-size: 16px;padding: 3px;margin: 2px;}
.listDisplay .mainmenu 										{color: #000000;font-size: 12px;padding: 3px;}
.listDisplay .mainmenu b 									{color: #2696dc;font-weight: normal;}
.listDisplay .mainmenu h2 									{margin: 0px;padding: 0px;}
.listDisplay .submenu 										{color: #2696dc;font-size: 12px;padding: 3px 3px 3px 3px;font-weight: normal;background: #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.listDisplay .listbody 											{color: #000000;font-size: 12px;padding: 3px 3px 3px 0px;font-weight: normal;}
.listDisplay .listbody b 										{color: #2696dc;font-weight: normal;height: auto;}
.listDisplay .submenu a 										{color: #2696dc;font-size: 12px;padding: 3px;font-weight: normal;}
.listDisplay .mainmenu .submenu a:hover 				{color: #000000;font-size: 10px;padding: 3px;font-weight: normal;}
.listDisplay .mainmenu .submenu a:visited 			{font-size: 10px;padding: 3px;font-weight: normal;}
/**************************************************************************************************
***************************************************************************************************
DIALOGS
***************************************************************************************************
***************************************************************************************************/
.greyout 								{position: fixed; left: 0px; 	top: 0px; width: 0px; height: 0px; background-color: #e8f4fb; z-index: 100; filter: alpha(opacity = 80); -moz-opacity: .80; opacity: .80; visibility: hidden;}
.greyout_show 						{position: fixed; left: 0px; 	top: 0px; width: 100%; height: 100%; background-color: #e8f4fb; 	z-index: 100; filter: alpha(opacity = 80); -moz-opacity: .80; opacity: .80; visibility: visible;}
.dialog 									{position: fixed; width: 0px; height: 0px; z-index: 101; visibility: hidden;}
.dialog_show 							{position: fixed; width: 100%; height: 100%; z-index: 101; visibility: visible; text-align: left;}
.dialog_show .container 			{background-color: #e8f4fb; border: 4px double #66cc00; width: 400px; position: fixed; font-size: 12px;}
.dialog_show .top 					{color: #ed1d78; 	font-size: 14px; font-weight: bold; 	padding: 5px 5px 3px 5px; background-color: #e8f4fb; border-bottom: 1px solid #555555;}
.dialog_show .middle 				{color: #0082d6; padding: 5px 5px 5px 5px; font-weight: bold; padding-left: 20px;}
.dialog_show .bottom 				{background-color: #e8f4fb; color: #ffffff; padding: 6px 10px 6px 10px; border-top: 1px solid #555555;}
.dialog_show .pad5 					{padding: 5px;}
.dialog_show .button_outer 		{border: 1px outset #ed1d78; background-color: #ed1d78; padding: 2px 4px; width: 80px; text-align: center; margin-bottom: 8px; color: #ffffff;}
.dialog_show .button_inner 		{cursor: default; color: #ffffff;}
.dialog_show .nolink 					{color: #000000; 	text-decoration: none;}
.dialog_show .imageDialogTable 	{background-color: #ffffff; border: 10px solid #66cc00; margin: 0 auto; margin-top: 5%; padding: 0;}
.textcontent 							{font-family: Arial, Helvetica, sans-serif; font-size:12px; width:520px; padding:15px;}
.textcontent img						{border:0px;}
.rightcontent 							{border-bottom: 1px dotted #ffffff; font-size:12px; height:60px; margin-top:-20px;}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 								{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 						{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 									{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted 	{}
.shopcart_form div.row span.label_col 		{float: left;	width: 0;}
.shopcart_form div.row span.input_col 		{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 								{border:1px solid #9999ff; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 											{text-align:center;}
.checkout 											{margin:10px; padding:10px; border:5px solid #3B425F;}
.declined 											{margin:10px; 	padding:10px; 	border:2px solid #FF0000;}
.approved 											{margin:10px;	padding:10px;	border:2px solid #00FF00;}

/**************************************************************************************************
***************************************************************************************************
WYSIWYG
***************************************************************************************************
***************************************************************************************************/
.toolbar1   				{border: 1px solid #666666; height: 26px; background-image: url(../../images/wysiwygicons/background_silver.jpg);}
.toolbar2   				{border: 1px solid #666666; height: 24px; background-image: url(../../images/wysiwygicons/background_silver.jpg); border-bottom: 0px; border-top: 0px;}
.button     				{width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent;}
.buttonOver 			{width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px;}
.dropdown          		{background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px;}
button.mouseOver   	{background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    	{background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}
.on   						{background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  						{background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}
.selectColorTable  	{border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px;}
.selectColorBorder 	{border: 1px solid #F7F7F7;}
.selectColorOn     	{border: 1px solid #999999; background-color: #CCCCCC;}
.selectColorOff    		{border: 1px solid #F7F7F7; background-color: #F7F7F7;}
.selectColorBox    	{border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px;}

#newletter_link.link
{
	text-align:left;
	margin-left:10px;
	text-align:left;
}

.newsletter_wrapper
{
	border:0px solid #000000;
}
.newsletter_wrapper h2
{
	color:#ED1D78;
	font-size:17px;
	margin-left:10px;
	text-align:left;
}