body
{
	font-family: Tahoma, Verdana, MS Sans Serif, Sans-Serif, sans serif;
	font-size: 12px;
	/*scrollbar-3dlight-color: #DDDDDD;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkShadow-color: #fd4703;
	scrollbar-face-color: #fd4703; 
	scrollbar-highlight-color: #fd4703;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-track-color: #DDDDDD;*/

	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkShadow-color: #EEEEEE; /*fd4703;*/
	scrollbar-face-color: #FFFFFF; /*fd4703;*/
	scrollbar-highlight-color: #EEEEEE; /*fd4703;*/
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-track-color: #EEEEEE;
	
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

P
{
	margin: 0 0 .75em 0;
}

TD, DIV
{
	font-size: 12px;
}

.SmallCopy
{
	font-size: 11px;
}

/* button text - medium grey */
.Button, INPUT
{
    font-family:	MS Sans-Serif, MS Sans Serif, sans serif;
    font-size:		8px;
    color:			#404040;
}

SELECT, OPTION
{
	font-family: MS Sans Serif, Tahoma, Verdana, Sans-Serif, sans serif;
	font-size: 10px;
	color: #404040;
}

H1
{
	font-family: Agency FB1, Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 22px;
	color: Black;
	margin: 10px 0px 10px 0px;
}

H2
{
	font-family: Agency FB1, Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin: 0px 0px 0px 0px;
}

H3
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

H4
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 14px;
	margin: 10px 0px 10px 0px;
}

H5
{
	font-size: 12px;
	margin: 0px;
}

.BodyTitle
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 12pt;
	color: #808080;
}

.BodyText
{
	font-family: Tahoma, Verdana, Trebuchet MS, Arial, Helvetica, sans serif;
	font-weight: normal;
	font-size: 12px;
}

/* SmallText - small text used anywhere on the website */
.SmallText
{
    font-family: Tahoma, Verdana, MS Sans Serif, Arial, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
    color: #333;
}

.SmallTextBlack
{
    font-family: Tahoma, Verdana, MS Sans Serif, Arial, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
    color: #000;
}

.SmallTextBold
{
    font-family: Tahoma, Verdana, MS Sans Serif, Arial, Verdana, sans serif;
    font-size:  11px;
    font-weight: bold;
    color: #000;
}


.SmallTextGray
{
    font-family: Tahoma, Verdana, MS Sans Serif, Arial, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
    color: Gray;
}

/* Text used in the footer and other low key areas*/
.FootNoteText
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans serif;
	font-weight: normal;
	font-size: 10px;
	color: #999;
}


.ThinSeparatorLineDark
{
	display: block;
	font-size: 0px;
	line-height:0;
	padding: 0px;
	margin: 0px;
	background-color: #333;
}

.ThinSeparatorLineLight
{
	display: block;
	font-size: 0px;
	line-height:0;
	padding: 0px;
	margin: 0px;
	background-color: #333;
}

.ThinSeparatorLineDotted
{
	display: block;
	font-size: 0px;
	line-height:0;
	padding: 0px;
	margin: 0px;
	background: url('/images/dotted.gif');
}



/* NewsTitle - text used for news title */
.NewsTitle
{
	display: block;
    font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
    font-size:  12px;
    font-weight: bold;
    color: #000;
    margin: 0px 0px 5px -1px;
}

/* NewsIntro - small text used for news introduction/summary on home page */
.NewsIntro
{
	display: block;
    font-family: Tahoma, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
}

/* NewsContent - text used for news title */
.NewsContent
{
    font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
    color: #555;
}

/* NewsDate - low key text used for news date introduction */
.NewsDate
{
    font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
    color: #888;
}

/* smalltextpassword - same as above but used for password textbox(es) */
.SmallTextPassword
{
    font-family: Trebuchet MS, Tahoma, Verdana, MS Sans Serif, sans serif;
    font-size:  8px;
    font-weight: normal;
    color: #404040;
}

.LargeText
{
    font-family: Trebuchet MS, Verdana, Geneva, Tahoma, Helvetica, Arial, sans-serif;
    font-size:  16px;
    font-weight: normal;
    color: #444444;
}

.StatusMessage
{
	display: block;
	position: relative;
    font-family: Verdana, Tahoma, Geneva, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size:  11px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    color: #090;
}

.StatusMessageBold
{
	display: block;
	position: relative;
    font-family: Verdana, Tahoma, Geneva, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size:  11px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    color: #090;
}

.SuccessMessage
{
	display: block;
	position: relative;
    font-family: Verdana, Tahoma, Geneva, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size:  11px;
    font-weight: bold;
    margin: 5px 0px 15px 0px;
    padding: 10px;
    color: #0D0;
}

.ErrorMessage
{
	display: block;
	position: relative;
    font-family: Verdana, Tahoma, Geneva, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size:  12px;
    font-weight: bold;
    margin: 5px 0px 15px 0px;
    /*border: solid 1px #D30;*/
    padding: 10px;
    color: #D30;
}

.LoginWelcomeMessage
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.LoginStatusMessage
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

/* Hyperlinks on the footer */
A.FootNoteLink:link
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: none;
    color:			#30353B;
}

A.FootNoteLink:visited
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: none;
    color:			#30353B;
}

A.FootNoteLink:active
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: underline;
    color:			#10353B;
}

A.FootNoteLink:hover
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: underline;
    color:			#10353B;
}


/* Hyperlinks on other low-profile areas */
A.LowKeyLink:link
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: none;
    color:			#808080;
}

A.LowKeyLink:visited
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: none;
    color:			#808080;
}

A.LowKeyLink:active
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: underline;
    color:			#000000;
}

A.LowKeyLink:hover
{
    font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:		11px;
    font-weight:	normal;
    text-decoration: underline;
    color:			#000000;
}

/* Blue Link */

A.SmallBlueLink:link
{
    font-family: Verdana, Tahoma, Trebuchet MS, sans serif;
    font-size:  10px;
    color: #0066cc;
    text-decoration: none;
}

A.SmallBlueLink:visited
{
    font-family: Verdana, Tahoma, Trebuchet MS, sans serif;
    font-size:  10px;
    color: #0066cc;
    text-decoration: none;
}

A.SmallBlueLink:active
{
    font-family: Verdana, Tahoma, Trebuchet MS, sans serif;
    font-size:  10px;
    color: #0066cc;
    text-decoration: underline;
}

A.SmallBlueLink:hover
{
    font-family: Verdana, Tahoma, Trebuchet MS, sans serif;
    font-size:  10px;
    color: #0066cc;
    text-decoration: underline;
}

/* Hyperlinks for news items on welcome/home page */
A.NewsTitleLink
{
    font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
    font-size:  14px;
    font-weight: bold;
}
A.NewsTitleLink:link
{
    color: #444;
    text-decoration: none;
}
A.NewsTitleLink:visited
{
    color: #444;
    text-decoration: none;
}
A.NewsTitleLink:active
{
    color: #000;
    text-decoration: underline;
}
A.NewsTitleLink:hover
{
    color: #000;
    text-decoration: underline;
}

A.NewsIntroLink
{
    font-family: Tahoma, Verdana, sans serif;
    font-size:  11px;
    font-weight: normal;
}
A.NewsIntroLink:link
{
    color: #444;
    text-decoration: none;
}
A.NewsIntroLink:visited
{
    color: #444;
    text-decoration: none;
}
A.NewsIntroLink:active
{
    color: #000;
    text-decoration: underline;
}
A.NewsIntroLink:hover
{
    color: #000;
    text-decoration: underline;
}

A.SmallLink:link, A.SmallLink:visited
{
    color: #606060;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 11px;
    text-decoration: none
}



A.SmallLink:hover
{
    color: black;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 11px;
    text-decoration: underline
}

A.TinyLink:link, A.TinyLink:visited
{
    color: #606060;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 10px;
    text-decoration: none
}

A.TinyLink:hover
{
    color: black;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 10px;
    text-decoration: underline
}


A.BrightLink:link, A.BrightLink:visited
{
    color: #ee5a00;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}

A.BrightLink:hover
{
    color: Red;
    font-family: Tahoma, Verdana, Sans-serif sans serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}


/* Hyperlinks on regular body text */
.BodyText A:link, A.BodyTextLink:link
{
    color: Black;
    text-decoration: underline;
}

.BodyText A:visited, A.BodyTextLink:visited
{
    color: Black;
    text-decoration: underline;
}

.BodyText A:active, A.BodyTextLink:active
{
    color: Black;
    text-decoration: underline;
}

.BodyText A:hover, A.BodyTextLink:hover
{
    color: Black
    text-decoration: underline;
}

.TextBox
{
	font-family: Tahoma, Verdana, Sans-Serif, Sans Serif;
	font-size: 11px;
	margin: 0px;
	padding: 1px;
	border: solid 1px gray;
}

.ApplicationFields
{
	font-family: Tahoma, Verdana, Sans-Serif, Sans Serif;
	font-size: 11px;
	width: 150px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	border: solid 1px gray;
}

.ApplicationTextFields
{
	font-family: Tahoma, Verdana, Sans-Serif, Sans Serif;
	font-size: 11px;
	width: 150px;
	height: 17px;
	margin: 0px;
	padding: 1px;
	border: solid 1px gray;
}

.ApplicationTextMediumFields
{
	font-family: Tahoma, Verdana, Sans-Serif, Sans Serif;
	font-size: 11px;
	width: 200px;
	height: 17px;
	margin: 0px;
	padding: 1px;
	border: solid 1px gray;
}

.ApplicationTextWideFields
{
	font-family: Tahoma, Verdana, Sans-Serif, Sans Serif;
	font-size: 11px;
	width: 517px;
	height: 17px;
	margin: 0px;
	padding: 1px;
	border: solid 1px gray;
}

.AltAddressDropDown
{
	width: 122px;
	margin: 0px;
	padding: 0px;
	border: solid 1px gray;
}





/* MISC */

.TableHeaderRow
{
	background-color: #EEE;
}

.TableHeaderRow TD
{
	color: Black;
	border: solid 1px #DDD;
}

.FormFieldMandatory
{
	color: #663333;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
}




/* PRODUCTS */

.ProductNameSmall
{
	color: #666;
}

.ProductCategoryParentTitle
{
	font-family: Agency FB, Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: Black;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.ProductCategoryChildTitle
{
	font-family: Agency FB, Trebuchet MS, Tahoma, Verdana, sans-serif;	
	font-size: 21px;
	font-weight: bold;
	color: Gray;
	margin: 2px 10px 0px 0px;
	padding: 0px;
	/*border: solid 1px red;*/
}

.ProductCategoryTitleBarCategory
{
	/*vertical-align: top;*/
	/*background-color: #DDD;*/
	/*border: solid 1px #DDD;*/
}

.ProductCategoryTitleBarSubcategory
{
	/*vertical-align: top;*/
	background-color: #EEE;
}

.ProductLinkDataList
{
	margin: 0px;
	padding: 0px;
}

.ProductLinkDataList BR
{
	display: none;
}

.ProductLinkParent
{
	font-size: 12px;
	/*display: block;*/
	position: relative;
	color: #444;
	margin: 0px;
}

.ProductLinkParent:hover
{
	font-size: 12px;
	/*display: block;*/
	position: relative;
	text-decoration: underline;
	color: Black;
	margin: 0px;
}

.ProductLinkChild
{
	/*display: block;*/
	position: relative;
	/*left: 10px;*/
	color: #666;
	margin: 0px;
}

.ProductLinkChild:hover
{
	/*display: block;*/
	position: relative;
	text-decoration: underline;
	/*left: 10px;*/
	color: Black;
	margin: 0px;
}

.ProductCategoryTitle
{
	display: block;
	position: absolute;
	background-color: #fafafa;
	margin: 0px;
	height: auto;
	z-index: 2;
}

.ShowHideCategoryLink
{
	display: block;
	float: right;
	text-align: center;
	border: solid 1px #CCC;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 2px 4px;
	color: #666;
	background-color: #EEE;
	font-size: 11px;
}

.ShowHideCategoryLink:hover
{
	text-decoration: underline;
	color: Black;
}

.ProductCategoryDescription
{
	display: block;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.ProductGrid
{
	margin: 0px;
}

.ProductGridHeader
{
	height: 25px;
	margin: 10px;
	font-weight: bold;
	background: #DDD;
}

.ProductGridHeader TD
{
	color: Black;
	padding: 5px;
	border-left: solid 1px white;
	border-right: solid 1px white;	
}

.ProductGridItem
{
	/*border-top: solid 1px #red;*/
	vertical-align: top;
	background-color: white;
	height: 25px;
	margin: 5px;
}

.ProductGridItem TD
{
	/*border-top: solid 1px #red;*/
}

.ProductColorCube
{
	border: solid 1px black;
	margin-left: 3px;
	margin-right: 3px;	
}

.ProductColorCube2
{
	display: block;
	width: 15px;
	height: 15px;
	border: solid 1px black;
	
	/*display: block;
	position: absolute;
	left: 0px;
	top: -2px;
	height: 15px;
	width: 15px;
	margin: 0px;
	border: solid 1px black;*/
}


/* MISC */

.TableHeaderRow
{
	background-color: #E7ECF1;
}

.PortfolioItemsDataList BR
{
	display: none;
}


.PortfolioImagesDataList BR
{
	display: none;
}

.PortfolioClipsDataList BR
{
	display: none;
}

.PortfolioTitle
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 0px;
}

.PortfolioProductionYear
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.PortfolioIntro
{
	font-family: Tahoma, Verdana, sans serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.PortfolioBody
{
	font-family: Tahoma, Verdana, sans serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 1;
	margin: 0px;
}

.PortfolioBodyWhite
{
	font-family: Tahoma, Verdana, sans serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	line-height: 1;
	margin: 0px;
}

.PortfolioBodyOffWhite
{
	font-family: Tahoma, Verdana, sans serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
	line-height: 1;
	margin: 0px;
}

.PortfolioImageLinkImage
{
	/*border: solid 5px #BBB;*/
	/*width: 100px;*/
	height: 75px;
}

.PortfolioClipLinkImage
{
	border: solid 1px #fd4703;
	width: 100px;
	height: 75px;
}

.PortfolioSmallThumbnail
{
	display: block;
	margin: 0px 10px 10px 0px;
}

.PortolioItemSeparator
{
	display: block;
	margin: 10px 0px 10px 0px;
	height: 1px;
	width: 90%;
	font-size: 1px;
	line-height: 0px;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px White;
}


.ItemSeparator
{
	display: block;
	margin: 10px 0px 10px 0px;
	height: 1px;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
	border-top: solid 1px White;
}

.BioNameWhite
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 16px;
	font-weight: bold;
	color: White;
	display: block;
	margin: 0px 10px 0px 0px
}

.BioJobTitleWhite
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	display: block;
	margin: 0px 10px 0px 0px
}

.BioDescription
{
	font-size: 11px;
	font-weight: bold;
	color: White;
	display: block;
}






.PortfolioItemTitleWhite
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 16px;
	font-weight: bold;
	color: White;
	margin: 0px 5px 0px 0px
}

.PortfolioItemProductionYearWhite
{
	font-family: Trebuchet MS, Tahoma, Verdana, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	margin: 0px 10px 0px 0px
}

.PortfolioItemTitleBlock
{
	display: block;
	width: 100%;
	clear: both;
	color: White;
	background: #555;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif, sans serif;
	font-size: 14px;
	/*border: solid 1px white;*/
}

.PortfolioItemTitleBlock .PortfolioItemTitleBlockInner
{
	display: block;
	padding: 2px 8px;
}

