/*************************************************************************
// Function : CSS defintions for the store.
// Product  : Webdesigns-studio Store Frontend
// Version  : 1.0
// Modified : September 2004
// Copyright: Copyright (C) 2004 Webdesigns-studio.Com 
//            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@Webdesigns-studio.com
/**************************************************************************/

/* General Tag specifications */
BODY,  TD, P  {COLOR: #333333; FONT-FAMILY: 'Cambria', Verdana, Arial, Helvetica; FONT-SIZE: 14px}
/*B, STRONG  {COLOR: #000000; FONT-FAMILY: 'Cambria', Verdana, Arial, Helvetica; FONT-SIZE: 14px}*/
INPUT, TEXTAREA {COLOR: #AAAAAA; FONT-FAMILY: 'Cambria', Verdana, Arial, Helvetica; FONT-SIZE: 14px}

h1  {COLOR: #801027; FONT-SIZE: 14pt}
h2    {COLOR: #801027; FONT-SIZE: 12pt}
h3    {COLOR: #801027; FONT-SIZE: 11pt}
h3    {COLOR: #801027; FONT-SIZE: 10pt}
.slogan {font-family: 'Cambria', Verdana, Arial; FONT-SIZE: 14pt; color: #820021}

li.form  {list-style-type: none; display: block; padding: 0px 0px 0px 10px; margin: 0px; background: transparent url(/images/create_form_sm.gif) no-repeat;}
b.title  {COLOR: maroon; FONT-FAMILY:  'Cambria', Arial Narrow, Helvetica; FONT-SIZE: 18px}
b.title2  {COLOR: #FFCC00; FONT-FAMILY:  'Cambria', Arial Narrow, Helvetica; FONT-SIZE: 14px}
input.login  {width: 150px;  font-size: 9pt; background-color: #410000; border: 1px solid #d9d9d9; color: yellow;}
input, textarea  			 {background-color: #CECECE; border: 1px solid #411111; FONT-SIZE: 14px; color: #000000}
ol b         {COLOR: #333333; FONT-FAMILY:  'Cambria', Arial Narrow, Helvetica; FONT-SIZE: 12pt}
.submitform {font-family: Arial Narrow; font-size: 18px; color: white; background-color: green}
.butt_cal			{font-size: 11px; font-family: 'Arial Narrow'; border: 1px solid #CECECE; padding: 0 0 0 0; height: 22px;}

/* Info Box WITHOUT Headings */
.lightblue       {COLOR: #333333; BACKGROUND-COLOR: #333333; BORDER: 5px solid #B1CCD5; COLOR: red; font-size: 16px}
.fldTitle          {font-size: 18px; color: #003300}
.fldBg          {background-color: #333333}
.fontred 		{COLOR: #FF0000}

.nav A:link     {COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:visited  {COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:hover    {COLOR: #336600; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

#pg_home   			{width: 103px; height: 23px; cursor : pointer;  text-align: center; color: #ffffff; font-weight: bold; }
#pg_home:hover 	{width: 103px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_news.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#home   			{width: 133px; height: 23px; cursor : pointer;  text-align: center; color: #ffffff; font-weight: bold; }
#home:hover 	{width: 133px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_news.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#aboutus   		{width: 89px; height: 23px; cursor : pointer;  text-align: center;  color: #ffffff; font-weight: bold;}
#aboutus:hover  {width: 89px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_aboutus.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#works  			{width: 106px; height: 23px; cursor : pointer;  text-align: center;  color: #ffffff; font-weight: bold;}
#works:hover 	{width: 106px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_contact.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#services  			{width: 106px; height: 23px; cursor : pointer;  text-align: center;  color: #ffffff; font-weight: bold;}
#services:hover 	{width: 106px; height: 23px; cursor : pointer; text-align: center;  color: #ffffff; background-image: url(/images/nav_bg_contact.gif); background-repeat: no-repeat; }

#careers  			{width: 106px; height: 23px; cursor : pointer;  text-align: center;  color: #ffffff; font-weight: bold;}
#careers:hover 	{width: 106px; height: 23px; cursor : pointer; text-align: center;  color: #ffffff; background-image: url(/images/nav_bg_contact.gif); background-repeat: no-repeat; }

#customers  			{width: 106px; height: 23px; cursor : pointer;  text-align: center;  color: #ffffff; font-weight: bold;}
#customers:hover 	{width: 106px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_contact.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#blog   			{width: 89px; height: 23px; cursor : pointer;  text-align: center; color: #ffffff; font-weight: bold; }
#blog:hover  {width: 89px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_aboutus.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

#contactus  			{width: 106px; height: 23px; cursor : pointer;  text-align: center; color: #ffffff; font-weight: bold; }
#contactus:hover 	{width: 106px; height: 23px; cursor : pointer; background-image: url(/images/nav_bg_contact.gif); background-repeat: no-repeat; text-align: center;  color: #ffffff;}

.box1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.box1 A:link     {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:visited  {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:hover    {COLOR: #336600; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.box2            {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3}
.box2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.box2H B         {COLOR: #333333; FONT-SIZE: 14px}
.box2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.box2B A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box2B A:hover   {COLOR: #336600; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.box3           {COLOR: #333333; BACKGROUND-COLOR: #E5C6E4; BORDER: 1px solid #BBC3D3}
.box3 A:link    {COLOR: #555555; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box3 A:visited {COLOR: #555555; FONT-SIZE: 10px; TEXT-DECORATION: none}
.box3 A:hover   {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline}

/* Generalr */
A:link     {COLOR: #801027; FONT-SIZE: 14px;  TEXT-DECORATION: none}
A:visited  {COLOR: #801027; FONT-SIZE: 14px;  TEXT-DECORATION: none}
A:hover    {COLOR: #000000; FONT-SIZE: 14px;  TEXT-DECORATION: underline}

/* General */
A.large:link     {COLOR: #47727C; FONT-SIZE: 11pt;  TEXT-DECORATION: none}
A.large:visited  {COLOR: #47727C; FONT-SIZE: 11pt;  TEXT-DECORATION: none}
A.large:hover    {COLOR: #000000; FONT-SIZE: 11pt;  TEXT-DECORATION: underline}

/* Footer */
.footer            {COLOR: #EFEFEF;  FONT-SIZE: 8pt; }
.footer A:link     {COLOR: #EFEFEF; FONT-SIZE: 8pt;  TEXT-DECORATION: none}
.footer A:visited  {COLOR: #EFEFEF; FONT-SIZE: 8pt;  TEXT-DECORATION: none}
.footer A:hover    {COLOR: #000000; FONT-SIZE: 8pt;  TEXT-DECORATION: underline}

/* Cell Shadings */
.shade1 {BACKGROUND-COLOR: #333333;}
.genHeadings {BACKGROUND-COLOR: #AAAAAA; FONT-WEIGHT: bold;}

/* Box - Page Headings */
td.pageHead {BORDER-BOTTOM: 2px solid #CCCCCC; 
				  BORDER-TOP: 0px solid #CCCCCC;  
				  PADDING-BOTTOM: 10px; 
				  PADDING-TOP: 10px; 
				  PADDING-LEFT: 5px; 
				  FONT-SIZE: 13pt;
				  FONT-WEIGHT: bold;
				  COLOR: #00427b;
				  BACKGROUND-COLOR: #DFDFDF;
				  FONT-FAMILY: Verdana, Helvetica, Arial, Verdana;
}
				  
.pageHead2 {BORDER-BOTTOM: 2px solid #CCCCCC; 
				  PADDING-BOTTOM: 2px; 
				  FONT-SIZE: 8pt;
				  FONT-WEIGHT: bold; 
				  COLOR: #336699;}
				  
/* Box - Page Navigation */
.pageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.homeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.lines {BACKGROUND-COLOR: #CCCCCC}

/* System Messages */
.sysMsg    {FONT-SIZE: 10pt}
.sysMsgErr {COLOR: red; FONT-SIZE: 10pt}
.sysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.highlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

div.message_open
      {
      position: absolute;
      left:50%;
      top:50%;
      border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:400px; height:200px; z-index: 90;visibility: hidden;display: none;
      margin-left: -200px; /* half of width */
      margin-top: -100px;  /* half of height */
      }
div.upload_open
      {
      position: absolute;
      left:50%;
      top:50%;
      border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:500px; height:400px; z-index: 90;visibility: hidden;display: none;
      margin-left: -250px; /* half of width */
      margin-top: -200px;  /* half of height */
      }