/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Datadog Store Frontend
' Version  : 1.1.3
' Modified : 10 March 2004
' Copyright: Copyright (C) 2004 Datadog.co.nz 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@datadog.co.nz
'**************************************************************************/

/**********************************************************/
/* General Tag specifications */

BODY      {BACKGROUND-COLOR: #333366; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Verdana; FONT-SIZE: 8pt;}
B, TD, P      {COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Verdana; FONT-SIZE: 8pt;}

A:link              {COLOR: #000033; text-decoration: none;}
A:visited           {COLOR: #000033; text-decoration: none;}
A:hover             {COLOR: #000033; text-decoration: underline;}

.Powered		{COLOR: white;}
.Powered A:link             {COLOR: white; text-decoration: none;}
.Powered A:visited         {COLOR: white; text-decoration: none;}
.Powered A:hover            {COLOR: white; text-decoration: none;}

.PoweredText		{COLOR: white;}

.editorBG {background-color: #FFFFFF;}

/**********************************************************/
/* System Messages */

.System_MessageCaption      {FONT-SIZE: 10pt}
.System_ErrorMessage        {COLOR: red; FONT-SIZE: 10pt}
.System_MessageURL          {FONT-SIZE: 10pt}


/**********************************************************/
/* Homepage */

.HomePage_ProductImage            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979}
.HomePage_ProductDescription      {BORDER-BOTTOM: 1px solid #7A7979}
.HomePage_PageHeadingText         {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;}
		
		
/**********************************************************/
/* Template */

.Template_BodyContent                 {background-color: #ffffff; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black; }
.Template_NavMenu_Table               {}
.Template_NavMenu_Cell                {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}

a:link.Template_NavMenu_Link         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:visited.Template_NavMenu_Link      {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}  
a:active.Template_NavMenu_Link         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}
a:hover.Template_NavMenu_Link         {font-weight: bold; color: #CCCCCC; font-family: Arial; text-decoration: none; text-align: right;font-size: 12px;}

.TreeNodeLink           {font-weight: bold;color: #CCCCCC ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:link.TreeNodeLink           {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:visited.TreeNodeLink        {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}  
a:active.TreeNodeLink         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}
a:hover.TreeNodeLink         {font-weight: bold; color: #CCCCCC; font-family: Arial; text-decoration: none; text-align: right;font-size: 12px;}

.treeNode                    {padding-left: 20px;padding-top: 2px; padding-bottom: 2px;text-indent: -14px;white-space: nowrap;}

.Template_Footer                      {COLOR: black; font-size: xx-small;}
.Template_Footer a:visited                      {COLOR: black; font-size: xx-small;}
.Template_Footer a:active                      {COLOR: black; font-size: xx-small;}
.Template_Footer a:hover                     {COLOR: black; font-size: xx-small;}

/**********************************************************/
/* Scroll contents  */
.button {background:	ButtonFace;border:	1px solid ButtonShadow;border-left:	0;border-right:	0;}
.scrollButton {font-family:	Webdings;text-align:		center;}
#scrollContainer {height:		329px; overflow:	hidden;padding:	3px;}
.border {width:			600px;}

#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} 
#divContainer{width:320; height:240; overflow:hidden; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{} 


/**********************************************************/
/* Standard:  */

.Standard_Heading                        {font-size: 12pt;font-weight: bold;color: #000033;PADDING-BOTTOM: 4px;}
.Standard_Heading a:link                 {COLOR: #FE0000; text-decoration: none;}
.Standard_Heading a:visited              {COLOR: #FE0000; text-decoration: none;}
.Standard_Heading a:hover                {COLOR: #999999; text-decoration: underline;}

.Standard_SubHeading                     {BACKGROUND-COLOR: #EEEEEE}
.Standard_Module_Header                  {COLOR: #ffffff; font-weight: bold; text-decoration: none;}

.Standard_Module_Content,
.Standard_Module_Content, a:link			
.Standard_Module_Content a:visited,		
.Standard_Module_Content a:active        {COLOR: #333333; text-decoration: none;}
.Standard_Module_Content a:hover         {COLOR: #FF0000; text-decoration: underline;}

.Standard_Horiz_Vert_Lines               {BACKGROUND-COLOR: #7A7979}
.Standard_HighlightSearchResults         {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* used on links that are used to raise an event. e.g. Update record, add record, view product, buy product */
.Standard_ActionLink,				
.Standard_ActionLink A:link,	
.Standard_ActionLink A:visited,	
.Standard_ActionLink A:hover             {font-family: arial; font-size: 12px; font-weight: bold; color: navy; letter-spacing: 1px;text-decoration: none;}


/**********************************************************/
/* Product Global: reused in different product pages */

.ProductGlobal_NavMenu                       {} 

.ProductGlobal_NavHeading                    {font-size: 0.6em;font-weight: bold;color: #999999;PADDING-BOTTOM: 4px;}
.ProductGlobal_NavHeading a:link,	
.ProductGlobal_NavHeading a:visited          {COLOR: #999999; text-decoration: none;}
.ProductGlobal_NavHeading a:hover            {COLOR: #999999; text-decoration: underline;}

.ProductGlobal_ShortDescription_Caption      {FONT-SIZE: 9pt;COLOR: red;}
.ProductGlobal_LongDescription_Caption       {COLOR: black;FONT-SIZE: 9pt;FONT-FAMILY: Verdana, Arial, Helvetica;}
.ProdViewLongDesc                            {font-family:Comic Sans MS;}
	
/**********************************************************/
/* Product List: reused in different product pages */

.ProductList_ColumnLayout                  {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979}
.ProductList_ColumnLayout a:link,     
.ProductList_ColumnLayout a:visited        {COLOR: #000099; TEXT-DECORATION: none}
.ProductList_ColumnLayout a:hover          {COLOR: #996666; TEXT-DECORATION: underline}

.ProductList_Description_Group             {margin-left: 20; margin-bottom: 15px;}

.ProductList_Description_Link						
.ProductList_Description_Link a:link,
.ProductList_Description_Link a:visited    {COLOR: #000000; font-weight: bold; text-decoration: none;}
.ProductList_Description_Link a:hover      {COLOR: #006699; font-weight: bold; text-decoration: underline;}

.ProductList_Description_Value             {font-weight: bold;}

.ProductList_ProductName_Link,						
.ProductList_ProductName_Link a:link,				
.ProductList_ProductName_Link a:visited    {COLOR: #666666; font-size:17pt; text-decoration: none;}
.ProductList_ProductName_Link a:hover      {COLOR: #666666; text-decoration: underline;}

	
/**********************************************************/
/* Product View: Only used in cs/prodView.asp */

.ProductView_Group_Table                  {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #FF0000}
.ProductView_Group_Heading                {BACKGROUND-COLOR: #000000; PADDING: 1px; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none}



.ProductView_ShortDescription_Caption     {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666;}

.ProductList_Price_Value {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #CC3300;}
.ProductView_Price_Value {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #CC3300;}/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Datadog Store Frontend
' Version  : 1.1.3
' Modified : 10 March 2004
' Copyright: Copyright (C) 2004 Datadog.co.nz 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@datadog.co.nz
'**************************************************************************/

/**********************************************************/
/* General Tag specifications */

BODY      {BACKGROUND-COLOR: #333366; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Verdana; FONT-SIZE: 8pt;}
B, TD, P      {COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Verdana; FONT-SIZE: 8pt;}

A:link              {COLOR: #000033; text-decoration: none;}
A:visited           {COLOR: #000033; text-decoration: none;}
A:hover             {COLOR: #000033; text-decoration: underline;}

.Powered		{COLOR: white;}
.Powered A:link             {COLOR: white; text-decoration: none;}
.Powered A:visited         {COLOR: white; text-decoration: none;}
.Powered A:hover            {COLOR: white; text-decoration: none;}

.PoweredText		{COLOR: white;}

.editorBG {background-color: #FFFFFF;}

/**********************************************************/
/* System Messages */

.CPsysMsg      {FONT-SIZE: 10pt}
.CPsysMsgErr        {COLOR: red; FONT-SIZE: 10pt}
.CPsysMsgURL          {FONT-SIZE: 10pt}


/**********************************************************/
/* Homepage */

.CPhomeImg            {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979}
.CPhomeDesc      {BORDER-BOTTOM: 1px solid #7A7979}
.headingText         {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;}
		
		
/**********************************************************/
/* Template */

.CustomBodyContentBgColor                 {background-color: #ffffff; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black; }
.NavMenuTable               {}
.NavMenuCell                {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}

a:link.NavMenuLink         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:visited.NavMenuLink      {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}  
a:active.NavMenuLink         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}
a:hover.NavMenuLink         {font-weight: bold; color: #CCCCCC; font-family: Arial; text-decoration: none; text-align: right;font-size: 12px;}

.TreeNodeLink           {font-weight: bold;color: #CCCCCC ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:link.TreeNodeLink           {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;} 
a:visited.TreeNodeLink        {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}  
a:active.TreeNodeLink         {font-weight: bold;color: white ;font-family: Arial;text-decoration: none;text-align: right;padding-right: 0px;padding-left: 0px;font-size: 12px;}
a:hover.TreeNodeLink         {font-weight: bold; color: #CCCCCC; font-family: Arial; text-decoration: none; text-align: right;font-size: 12px;}

.treeNode                    {padding-left: 20px;padding-top: 2px; padding-bottom: 2px;text-indent: -14px;white-space: nowrap;}

.CustomFooterText                      {COLOR: black; font-size: xx-small;}
.CustomFooterText a:visited                      {COLOR: black; font-size: xx-small;}
.CustomFooterText a:active                      {COLOR: black; font-size: xx-small;}
.CustomFooterText a:hover                     {COLOR: black; font-size: xx-small;}

/**********************************************************/
/* Scroll contents  */
.button {background:	ButtonFace;border:	1px solid ButtonShadow;border-left:	0;border-right:	0;}
.scrollButton {font-family:	Webdings;text-align:		center;}
#scrollContainer {height:		329px; overflow:	hidden;padding:	3px;}
.border {width:			600px;}

#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} 
#divContainer{width:320; height:240; overflow:hidden; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{} 


/**********************************************************/
/* Standard:  */

.CPpageHead                        {font-size: 12pt;font-weight: bold;color: #000033;PADDING-BOTTOM: 4px;}
.CPpageHead a:link                 {COLOR: #FE0000; text-decoration: none;}
.CPpageHead a:visited              {COLOR: #FE0000; text-decoration: none;}
.CPpageHead a:hover                {COLOR: #999999; text-decoration: underline;}

.CPgenHeadings                     {BACKGROUND-COLOR: #EEEEEE}
.CustomOtherMenuHeader                  {COLOR: #ffffff; font-weight: bold; text-decoration: none;}

.CustomOtherMenuText,
.CustomOtherMenuText, a:link			
.CustomOtherMenuText a:visited,		
.CustomOtherMenuText a:active        {COLOR: #333333; text-decoration: none;}
.CustomOtherMenuText a:hover         {COLOR: #FF0000; text-decoration: underline;}

.CPlines               {BACKGROUND-COLOR: #7A7979}
.CPhighlight         {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* used on links that are used to raise an event. e.g. Update record, add record, view product, buy product */
.CustomViewAddText,				
.CustomViewAddText A:link,	
.CustomViewAddText A:visited,	
.CustomViewAddText A:hover             {font-family: arial; font-size: 12px; font-weight: bold; color: navy; letter-spacing: 1px;text-decoration: none;}


/**********************************************************/
/* Product Global: reused in different product pages */

.CPpageNav                       {} 

.CPpageHeadNav                    {font-size: 0.6em;font-weight: bold;color: #999999;PADDING-BOTTOM: 4px;}
.CPpageHeadNav a:link,	
.CPpageHeadNav a:visited          {COLOR: #999999; text-decoration: none;}
.CPpageHeadNav a:hover            {COLOR: #999999; text-decoration: underline;}

.CPprodDesc      {FONT-SIZE: 9pt;COLOR: red;}
.CPprodDescLong       {COLOR: black;FONT-SIZE: 9pt;FONT-FAMILY: Verdana, Arial, Helvetica;}
.ProdViewLongDesc                            {font-family:Comic Sans MS;}
	
/**********************************************************/
/* Product List: reused in different product pages */

.CPcolsView                  {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979}
.CPcolsView a:link,     
.CPcolsView a:visited        {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView a:hover          {COLOR: #996666; TEXT-DECORATION: underline}

.CPcatDescList             {margin-left: 20; margin-bottom: 15px;}

.CPcatDescProd						
.CPcatDescProd a:link,
.CPcatDescProd a:visited    {COLOR: #000000; font-weight: bold; text-decoration: none;}
.CPcatDescProd a:hover      {COLOR: #006699; font-weight: bold; text-decoration: underline;}

.CPcatDesc             {font-weight: bold;}

.CustomProdItem,						
.CustomProdItem a:link,				
.CustomProdItem a:visited    {COLOR: #666666; font-size:17pt; text-decoration: none;}
.CustomProdItem a:hover      {COLOR: #666666; text-decoration: underline;}

	
/**********************************************************/
/* Product View: Only used in cs/prodView.asp */

.CPbox2                  {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #FF0000}
.CPbox2H                {BACKGROUND-COLOR: #000000; PADDING: 1px; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none}



.CPprodDescDet     {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666;}

.ProductList_Price_Value {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #CC3300;}
.CPprodPriceV {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #CC3300;}