/*************************************************************************
// 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.com
'**************************************************************************/

/* General Tag specifications */
 BODY     {COLOR: #111111; 
 						FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia; 
						FONT-SIZE: 11px;	
						margin-left: 0px;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						background-color : #666666; 
						/*background-image : url('/images/bg.jpg'); 
						background-position : top center; 
						background-repeat : repeat-n;*/
						/*scrollbar-base-color: #2E0203; 
			            scrollbar-face-color:#2E0203;
					    scrollbar-arrow-color:#7F0F0E;
					    scrollbar-track-color:#2E0203;
					    scrollbar-shadow-color:#2E0203;
					    scrollbar-highlight-color:#7F0F0E;
					    scrollbar-3dlight-color:#000000 ;
					    scrollbar-darkshadow-color:#000000
						*/ 
						}
TD 	{			COLOR: #000000; 
 						FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia; 
						FONT-SIZE: 12px;}
					
						
/*li .listitem 	    {background-image:  url(../images/doc_icon.gif)}*/
h2   				{COLOR: #000000; FONT-SIZE: 17px} 
h3   				{COLOR: #555555; FONT-SIZE: 15px} 
h4   				{COLOR: #555555; FONT-SIZE: 13px} 

input.styled, textarea.styled, select.styled      {COLOR: #000000; FONT-SIZE: 11px;
						FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia; 
						BACKGROUND-COLOR: #EFEFEF; 
						border-left-width: 0; 
						border-right-width: 0; 
						border-top-width: 0; 
  						/*border-bottom-style: dotted; */
						border-bottom-width: 1;
						padding: 2px;
						border: 1px solid #555555}

.table1 { BACKGROUND-COLOR: #FFFFFF; 
			 border-collapse: collapse; padding-left:4; padding-right:4; padding-top:4; padding-bottom:4;
			 border-left:1px solid #CCCCCC;
			 border-top:1px solid #DDDDDD;
			 border-right:1px solid #EFEFEF;
			 border-bottom:1px solid #EFEFEF;}
.table2 {border:1px solid #DDDDDD; border-collapse: collapse; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; background-color: #EFEFEF}

#cell {background-image: url(/images/shadow1.gif); background-color: #ffffff; color: #000000; width: 125px}
#cell:hover {background-color: #555555; color: #cccccc; width: 125px}

/*#cell:hover {background-image: url(/images/shadow2.gif); background-color: #555555; color: #ffffff; width: 125px}
*//*#cell a {margin-top: 5px}*/
#mo: hover {
	text-align: center; 
	/*margin: 4px; */
/*	background-color: #555555; 
*/	color: #ffffff; 
	z-index: 100; 
	position: relative; 
	top: -115px;	
	opacity: opaque;
	background-color: #cccccc;    
	MozOpacity:opaque;                   
	width: 133px;
    filter : 'alpha(opacity=0.8)'; 
	}
/*img.shade:hover {background-color: #555555;}
*/
u {COLOR: #000000}
/*b {COLOR: #0E3668; }*/
.front { position: relative; margin: 1px;  FONT-SIZE: 12px}
.thumb {border: 1px #333333 solid}

.nav                {COLOR: #FCBC25; FONT-SIZE: 12pt; BACKGROUND-COLOR: #0D2A51; BORDER: 1px solid #BBC3D3}
.nav A:link       {COLOR: #FCBC25; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:visited   {COLOR: #FCBC25; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.nav A:hover    {COLOR: #FFFFFF; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITHOUT Headings */
.box1            {COLOR: #000000;  BORDER: 1px solid #B2B2B3; BACKGROUND-COLOR: #B3CBEA;}
.box1 A:link     {COLOR: #000000; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:visited  {COLOR: #000000; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box1 A:hover    {COLOR: #800000; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.box2            {COLOR: #333333; FONT-SIZE: 12pt; BACKGROUND-COLOR: #438D9C; BORDER: 1px solid #AAAAAA}
.box2 A:link     {COLOR: #333333; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box2 A:visited  {COLOR: #333333; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.box2 A:hover    {COLOR: #CCCCCC; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.box3 {COLOR: #333333; FONT-SIZE: 12pt; BACKGROUND-COLOR: #CCCCCC; BORDER-RIGHT: 1px dashed #AAAAAA}

td A:link     {COLOR: #0066CC; FONT-SIZE: 12px; TEXT-DECORATION: none}
td A:visited  {COLOR: #0066CC; FONT-SIZE: 12px; TEXT-DECORATION: none}
td A:hover    {COLOR: #000000; FONT-SIZE: 12px;  TEXT-DECORATION: underline}

.footer      {COLOR: #AAAAAA; FONT-SIZE: 7pt; TEXT-DECORATION: none}
.footer A:link     {COLOR: #AAAAAA; FONT-SIZE: 7pt; TEXT-DECORATION: none}
.footer A:visited  {COLOR: #AAAAAA; FONT-SIZE: 7pt;  TEXT-DECORATION: none}
.footer A:hover    {COLOR: #FF9C01; FONT-SIZE: 7pt;  TEXT-DECORATION: underline}

.menu      			{FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia;COLOR: #555555; FONT-SIZE: 11pt; TEXT-DECORATION: none}
.menu A:link     	{FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia;COLOR: #555555; FONT-SIZE: 11pt; TEXT-DECORATION: none}
.menu A:visited  {FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia;COLOR: #555555; FONT-SIZE: 11pt;  TEXT-DECORATION: none}
.menu A:hover   {FONT-FAMILY:  Arial, Helvetica, sans-serif, Trebuchet MS, Georgia;COLOR: #222222; FONT-SIZE: 11pt;  TEXT-DECORATION: none}

.topmenu      			{background-color: #666666; font-family: 'Myriad Pro', Tahoma, Verdana; font-size:18px; color:#FFF; height: 30; TEXT-DECORATION: none}
.topmenu A:link     	{font-family: 'Myriad Pro', Tahoma, Verdana; font-size:18px; color:#FFF; TEXT-DECORATION: none}
.topmenu A:visited  {font-family: 'Myriad Pro', Tahoma, Verdana; font-size:18px; color:#FFF; TEXT-DECORATION: none}
.topmenu A:hover   {font-family: 'Myriad Pro', Tahoma, Verdana; font-size:18px; color:#000;  TEXT-DECORATION: none}


A.onwhite:link     {COLOR: #999999; FONT-SIZE: 13px; TEXT-DECORATION: none; font-style: italic}
A.onwhite:visited  {COLOR: #999999; FONT-SIZE: 13px;  TEXT-DECORATION: none; font-style: italic}
A.onwhite:hover    {COLOR: #FF9C01; FONT-SIZE: 13px;  TEXT-DECORATION: underline; font-style: italic}

A.ondark:link     {COLOR: #ffffff; FONT-SIZE: 13px; TEXT-DECORATION: none; font-style: italic}
A.ondark:visited  {COLOR: #ffffff; FONT-SIZE: 13px;  TEXT-DECORATION: none; font-style: italic}
A.ondark:hover    {COLOR: #333333; FONT-SIZE: 13px;  TEXT-DECORATION: none; font-style: italic}

.arial17 { TEXT-DECORATION: none; FONT-SIZE: 25px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: arial}

.text14 { TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Verdana}

.text11 { TEXT-DECORATION: none; FONT-SIZE: 11px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Verdana}

.arial11b { TEXT-DECORATION: none; FONT-SIZE: 13px; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: arial}

.text12 { TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Verdana}

.text13 { TEXT-DECORATION: none; FONT-SIZE: 13px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Verdana}

/* Box - Page Headings */
.pageHead {	FONT-FAMILY: Helvetica, sans-serif; 
                     FONT-SIZE: 20px;
					 COLOR: #333333;
					 font-weight:bold;
					  /*
					  background-image : url('../images/bg.jpg'); */	
				 }

td.pageHead {
	FONT-FAMILY: Helvetica, sans-serif; 
	 BORDER-BOTTOM: 1px solid #DDDDDD; 
	 PADDING-BOTTOM: 2px; 
	 PADDING-LEFT: 6px; 
	 PADDING-TOP: 4px; 
	 FONT-SIZE: 24px;
	 COLOR: #333333;
	 font-weight:bold;
}				 
					
.genHeadings {
	FONT-FAMILY: Helvetica, sans-serif; 
	PADDING-TOP: 4px; 
	FONT-SIZE: 14px;
	COLOR: #1A222D;
	font-weight:bold;
	background-color: #CFCFCF	
				 }
				 
div.defaultstyle {
	border:1px solid #000000; width:120px;  z-index: 90;
	visibility: hidden;display: none;	
/*	border: 1px solid #000000; 
	background-color: #ceffff; 
	z-index: 90;
	width: 125px;
	height: 125px;
	visibility: hidden;
	display: none;
	position: static;*/
	
}

/*a.overlay {
	position: relative;
	opacity: 0.65;
	filter:alpha(opacity = 65);
	bottom:18px;
	color:#fff;
	width: 133px;
	padding: 5px;
	text-align: left;
	font-weight:normal;
	font-size:9.5px;
	background-color:#000;
}
a.overlay:hover {
	text-decoration:none;
}
a.overlay:hover,a.overlay:visited {
	color:#fff;
}

img {
border: 0;
}

table.overlay td {
vertical-align:top;
}
table.overlay a.overlay {
bottom: 14px;
}*/

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