
/*

TABLE OF CONTENTS

SECTION I    -- ONLINE FORM TEMPLATE
SECTION II   -- MAIN FORM TEMPLATE
SECTION III  -- HEADER CONTROL
SECTION IV   -- NAVIGATION CONTROL
SECTION V    -- MAIN IMAGE CONTROL
SECTION VI   -- PROMOTIONAL CONTROL
SECTION VII  -- 
SECTION VIII -- 
SECTION IX   -- 
SECTION X    -- 


*/


/* ====================================================================== 
   ONLINE FORMS
   tmplOnlineForms.master   
     Online Form Template Layout and Positioning
/* ====================================================================== */
/* ====================================================================== 
   END ONLINE FORMS
/* ====================================================================== */
.BIGBLACK
{
 z-index: 25; 
 position: absolute; 
 color:Black;
 font-family:Arial;
 font-size:18px;
 font-weight:normal;
 text-align:left;
}

/* ====================================================================== 
   SECTION I -- ONLINE FORM TEMPLATE
   tmplOnlineForms.master   
     Online Form Template Layout and Positioning
/* ====================================================================== */
div.formMainContent
{
 font-weight: bold; 
 font-size: 10pt; 
 z-index: 101; 
 left: 185px; 
 top: 150px; 
 height: 100px;
 width: 460px; 
 color: #efe3d2; 
 font-family: Arial, Sans-Serif; 
 position: absolute; 
}

.formDisclaimer
{
 z-index: 25; 
 position: absolute; 
 color:Black;
 font-family:Arial;
 font-size:11px;
 font-weight:normal;
 text-align:left;
}
.formLabelHeader
{
 z-index: 25; 
 height: 15px;
 position: absolute; 
 color:Orange;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 text-align:left;
}
.formRequiredLabel
{
 z-index: 25; 
 height: 15px;
 position: absolute; 
 color:Red;
 font-family:Arial;
 font-size:13px;
 font-weight:bold;
 text-align:left;
}
.formRequiredFieldIndicator
{
 z-index: 25; 
 height: 15px;
 width:7px;
 position: absolute; 
 color:Red;
 font-family:Arial;
 font-size:13px;
 font-weight:bold;
 text-align:left;
}
.formUserMessage
{
 z-index: 25; 
 height: 15px;
 position: absolute; 
 color:Red;
 font-family:Arial;
 font-size:11px;
 font-weight:bold;
 text-align:left;
}
.formControl
{
 z-index: 25; 
 height: 15px;
 position: absolute; 
 color:black;
 font-family:Arial;
 font-size:11px;
 font-weight:normal;
 text-align:left;
}
.formLabelRJ
{
 z-index: 0; 
 height: 15px;
 position: absolute; 
 color:Gray;
 font-family:Arial;
 font-size:11px;
 font-weight:bold;
 text-align:right
}
/* ====================================================================== 
   END ONLINE FORMS
/* ====================================================================== */



.main {
/*
 The main class sets the website into the center of the browser and adjusts it
 when webvisitors make changes to the width and height of their browsers.

 It is set relatively to the browser, and all internal elements are positioned absolutely.
*/
 position: relative;
 visibility: inherit;
 z-index: 1;
 margin-left: auto;
 margin-right: auto;
 Top: 0px;
 height: 745px;
 width: 820px;
 left: 0px;
}

.header {
 position: absolute;
 visibility: inherit;
 z-index: 2;
 left: 200px;
 Top: 0px;
 height: 450px;
 width: 750px
} 

div.WindowContainer
{
 Z-INDEX:100; 
 LEFT:50%; 
 MARGIN-LEFT:-250px; 
 WIDTH:800px; 
 POSITION:absolute; 
 BACKGROUND-COLOR:Fuchsia
}

/* === Header Control ===================================== */
div.Header
{
 z-index: 101; 
 left: 0px; 
 top: 0px; 
 height: 150px;
 width: 800px; 
 position: absolute; 
}
/* === Content Control ==================================== */
/* Main Graphic */
div.MainGraphic
{
 z-index: 19; 
 left: 174px; 
 top: 148px; 
 height: 207px;
 width: 465px; 
 position: absolute; 
}
div.MainMovie
{
 z-index: 19; 
 left: 182px; 
 top: 152px; 
 height: 207px;
 width: 465px; 
 position: absolute; 
}

/* Body Copy */
div.MainContent
{
 font-weight: bold; 
 font-size: 10pt; 
 z-index: 101; 
 left: 185px; 
 top: 438px; 
 height: 100px;
 width: 460px; 
 color: #efe3d2; 
 font-family: Arial, Sans-Serif; 
 position: absolute; 
}


.formLabel
{
 z-index: 25; 
 height: 15px;
 position: absolute; 
 color:Black;
 font-family:Arial;
 font-size:11px;
 font-weight:bold;
 text-align:left;
}


/* Body Copy */
div.PageCopy
{
 font-weight: bold; 
 font-size: 10pt; 
 z-index: 101; 
 left: 188px; 
 top: 440px; 
 height: 100px;
 width: 460px; 
 color: #efe3d2; 
 font-family: Arial, Sans-Serif; 
 position: absolute; 
}
div.FormContent
{
 z-index: 101; 
 left: 3px; 
 top: 4px; 
 height: 388px;
 width: 457px; 
 position: absolute; 
}


/* === Promotional Control ================================ */
/* Right-Side Crossmarketing Section */
div.CrossMarket
{
 z-index: 101; 
 left: 640px; 
 top: 150px; 
 height: 657px;
 width: 158px; 
 position: absolute; 
}
div.PromoMovie
{
 z-index: 19; 
 left: 662px; 
 top: 360px; 
 height: 215px;
 width: 130px; 
 position: absolute; 
}


/* === Navigation Control ================================= */
/* Left-Side Navigation Section */
div.MainNavigation
{
 z-index: 101; 
 left: 5px; 
 top: 152px; 
 height: 207px;
 width: 165px; 
 position: absolute; 
}
/* === Footer Control ===================================== */

.SubHeading
{
    BACKGROUND-COLOR: white;
    color:#ff6700;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: Bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}
.SubHeading2
{
    BACKGROUND-COLOR: white;
    color:#ff6700;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: Bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}


.bodytext
{
    BACKGROUND-COLOR: white;
    color:Gray;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.docList
{
    BACKGROUND-COLOR: white;
    color:#f15f22;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    text-decoration:	underline;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.docDesc
{
    BACKGROUND-COLOR: white;
    color:#431502;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.docLongDesc
{
    BACKGROUND-COLOR: white;
    color:#553324;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}

/* ====================================================================== 
   SECTION I -- ONLINE CATALOG TEMPLATE
   tmplOnlineCatalog.master   
     Online Catalog Template Layout and Positioning
/* ====================================================================== */
.WideMain {
/*
 The main class sets the website into the center of the browser and adjusts it
 when webvisitors make changes to the width and height of their browsers.

 It is set relatively to the browser, and all internal elements are positioned absolutely.
*/
 position: relative;
 visibility: inherit;
 z-index: 1;
 margin-left: auto;
 margin-right: auto;
 Top: 0px;
 height: 745px;
 width: 980px;
 left: 0px;
}

div.WideWindowContainer
{
 Z-INDEX:100; 
 LEFT:50%; 
 MARGIN-LEFT:-250px; 
 WIDTH:981Px; 
 POSITION:absolute; 
 BACKGROUND-COLOR:Fuchsia
}
div.formOnlineCatalog
{
 font-weight: bold; 
 font-size: 10pt; 
 z-index: 101; 
 left: 10px; 
 top: 150px; 
 height: 100px;
 width: 980px; 
 color: #efe3d2; 
 font-family: Arial, Sans-Serif; 
 position: absolute; 
}