/*
------------------------------------------------------------------------------------------
MASTER PAGE
------------------------------------------------------------------------------------------
*/

/* Default styles used throughout unless overridden by other classes */
body
{
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    background-color: #054688;   /* color that surrounds the outer edges of the page */
    background-image: url(../images/ThemeFreshBlue/MainBackground.png);
    background-position: left top;
    background-repeat: repeat-x;
    font-family: verdana, arial;
    text-align: justify;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}

/* Encase all page content*/
.PageOuterWrapper
{
    display: block;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
}

.PageHeader
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 140px;
    background-image: url(../images/ThemeFreshBlue/SiteHeaderBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: solid 1px #aaaaaa;
}

.PageMenuPageContainerWrapper
{
    display: block;
    position: inherit;
    top: 0px;
    left: 0px;
    width: 960px;
}

.PageMainTable
{
    width: 960px;
    border-collapse: collapse;
}

.PageMainMenuCell
{
    width: 190px;
    text-align: left;
    vertical-align: top;
    background-color: #b0c6db;
    border-right: solid 1px #aaaaaa;
}

.PageMainContentCell
{
    width: 670px;
    vertical-align: top;
    padding-left: 50px;
    padding-right: 50px;
}


/* All links from the navigation menu are repeated at the bottom of each page   */
.PageBottomLinksArea
{
    display: block;
    width: 666px;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 10px;
    text-align: center;
}

.PageBottomLinksArea ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    text-align: center;
}

.PageBottomLinksArea li
{
    display: inline;
    padding: 5px 6px 5px 6px;
}

.PageBottomLinksArea a, .PageBottomLinksArea a:active, .PageBottomLinksArea a:visited
{
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #555555;
}

.PageBottomLinksArea a:hover
{
    color: #4396b4;
}

.PageBottomLinksSpacerAbove
{
    display: block;
    width: 666px;
    height: 60px;
}

.PageFooter
{
    display: inherit;
    position: relative;
    top: 0px;
    left: 0px;
    width: 666px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 80px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #777777;
}


/*
------------------------------------------------------------------------------------------
MAIN NAVIGATION MENU
------------------------------------------------------------------------------------------
*/

.MainNavigationMenu
{
    display: block;
    padding-top: 106px;
    padding-left: 16px;
    padding-right: 0px;
    width: 140px;
    margin-bottom: 30px;
}

.MainNavigationMenu ul
{
    text-align: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
/*
    border: solid 1px #346091;
*/
}

.MainNavigationMenu li
{
/*    float: left;   */   /*  UNCOMMENT TO MAKE HORIZ MENU  */
    margin: 0;
}

.MainNavigationMenu li a, .MainNavigationMenu li a:active, .MainNavigationMenu li a:visited
{
    height: 22px;
    display: block;
    text-align: left;
    padding: 8px 5px 3px 12px;
    font-family: verdana, arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    background-image: url(../images/ThemeFreshBlue/MenuNormal.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.MainNavigationMenu li a:hover
{
    padding: 8px 5px 3px 12px;
    color: #333333;
    background-image: url(../images/ThemeFreshBlue/MenuHover.png);
    background-position: left top;
    background-repeat: no-repeat;
}



/*
------------------------------------------------------------------------------------------
FCKeditor
------------------------------------------------------------------------------------------
*/

/* 
Text created in an FCKeditor has HTML tags for such traits as bold or list items.
Define any basic HTML here if the FCKeditor-generated text, read from the database, 
isn't displaying properly.
*/

/* Without this, li items are indented too far to the right from the text decoration. */
li
{
    text-indent: 1px;
    padding-left: 5px;
}



/*
------------------------------------------------------------------------------------------
ALL PAGES
------------------------------------------------------------------------------------------
*/

/**** Page Intro ****/

.PageTitleArea
{
    display: block;
    vertical-align: middle;
    width: 670px; 
    height: 40px;
    text-align: left;
    padding-bottom: 15px;
}

.PageTitle
{
    height: 40px;
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    background-color: #ffffff;   
    background-image: url(../images/ThemeFreshBlue/MainHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
    font-family: verdana, arial;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ffffff;   
}

.PageIntroTextArea
{
    display: block;
    width: 666px;
}

.PageStandardText
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    line-height: 20px;
    text-align: justify;
}


/* Uniform vertical spacing between the bottom of the main header and the top of the    */
/* page content                                                                         */
div.VertSpacerUnderMainHeader
{
    height: 70px;
}

/* Home page may display the news & events under a horizontal menu - so this vertical */
/* spacing might be different than that used on other pages. */
div.VertSpacerUnderHomeMainHeader
{
    height: 70px;
}

div.VertSpacerUnderLoginMainHeader
{
    height: 30px;
}

div.VertSpacerUnderLoginBox
{
    height: 300px;
}

/* Space under the page's introductory text. */
div.VertSpacerUnderIntroText
{
    height: 55px;
}

div.VertSpacerUnderContactUsIntroText
{
    height: 45px;
}

div.VertSpacerUnderAboutUsIntroText
{
    height: 45px;
}

div.VertSpacerUnderFileDownloadIntroText
{
    height: 35px;
}

div.VertSpacerUnderPhotosIntroText
{
    height: 35px;
}

div.VertSpacerUnderProductsIntroText
{
    height: 25px;
}

div.VertSpacerUnderFAQIntroText
{
    height: 10px;
}

div.VertSpacerPhotosPageBottom
{
    height: 100px;
}


/* Style of "normal" buttons */
/* 
Note: 
IE bug adds extra padding to a button's width as the button's text gets longer, resulting 
in buttons having too much spacing on either side of the button's text. The fix:
include width: 1px and overflow: visible, then setting the padding-left, padding-right to
the desired amount of "side" padding - as in the below class.
*/
.ButtonStandard
{
    /*  width: 1px;  */
    overflow: visible;
    color: #333333;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-color: #d4d4d4;
    border: outset 2px #cccccc;
    padding: 2px 8px 2px 8px;
}


.TextBoxStandard,
.TextBoxStandardMultiLine
{
    padding: 2px 2px 4px 4px;
    background-color: #d4d4d4;    /* define in themes database table */
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}


/* TextBoxes of various widths */
.TextBox75
{
    width: 75px;
}

.TextBox90
{
    width: 90px;
}

.TextBox125
{
    width: 125px;
}



/*
------------------------------------------------------------------------------------------
PRODUCTS PAGE MAIN "BRANCH OFF" PAGE
------------------------------------------------------------------------------------------
*/

.ProductPageMainLinksAllDiv,
.DownloadPageMainLinksAllDiv
{
}

.ProductPageMainLinksAllTable,
.DownloadPageMainLinksAllTable
{
    border-collapse: collapse;
    border: none;
    width: 670px;
    text-align: center;
}

.ProductPageMainOneMenuItemLinkRow,
.DownloadPageMainOneMenuItemLinkRow
{
}

.ProductPageMainOneMenuItemLinkCell,
.DownloadPageMainOneMenuItemLinkCell
{
    width: 670px;
    text-align: left;
    padding-left: 200px;
}

.ProductPageMainOneMenuItemLink,
.DownloadPageMainOneMenuItemLink
{
    display: block;
}

.ProductPageMainOneMenuItemLink a, .ProductPageMainOneMenuItemLink a:active, .ProductPageMainOneMenuItemLink a:visited,
.DownloadPageMainOneMenuItemLink a, .DownloadPageMainOneMenuItemLink a:active, .DownloadPageMainOneMenuItemLink a:visited
{
    width: 270px;
    height: 22px;
    display: block;
    text-align: center;
    padding: 8px 0px 3px 0px;
    font-family: verdana, arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    background-image: url(../images/ThemeFreshBlue/MenuCategoryNormal.png);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #ffffff;   
    border-right: groove 2px #ffffff;
    border-bottom: solid 1px #999999;
}

.ProductPageMainOneMenuItemLink a:hover,
.DownloadPageMainOneMenuItemLink a:hover
{
    color: #333333;
    background-image: url(../images/ThemeFreshBlue/MenuCategoryHover.png);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #ffffff;   
}

.ProductPageMainOneMenuItemIntroTextRow,
.DownloadPageMainOneMenuItemIntroTextRow
{
}

.ProductPageMainOneMenuItemIntroTextCell,
.DownloadPageMainOneMenuItemIntroTextCell
{
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: justify;
    line-height: 20px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #29292a;
}



/*
------------------------------------------------------------------------------------------
NEWS & EVENTS
------------------------------------------------------------------------------------------
*/

.NewsEventsArea
{
    display: block;
    padding-left: 17px;
    padding-right: 0px;
    width: 140px;
}

.NewsEventsTitleAndShortTextTable
{  
    border-collapse: collapse;
    width: 139px;
    background-image: url(../images/ThemeFreshBlue/NewsEventsTableBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.NewsEventsTitleAndShortTextLegendCell
{ 
    padding-top: 16px;
    padding-bottom: 12px;
    text-align: center;
    color: #303030;
    font-weight: bold;
    font-family: arial, verdana;
    font-size: 14px;
}

.OneNewsEventsTitleCell
{
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    font-family: arial, verdana;
    font-size: 12px;
    color: #303030;
}

.OneNewsEventsTextCell
{
    text-align: justify;
    line-height: 15px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 20px;
    font-weight: normal;
    font-family: arial, verdana;
    font-size: 12px;
    color: #444444;
}

.NewsEventsMoreInfoLink
{
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #4396b4;
}


div.VertSpacerUnderNewsEventsTitleArea
{
    height: 0px;
}

/* Area that displays a popup with a NewsEvents long text (news/event description) in it. */
.DivNewsEventsTextLongArea
{
    width: 500px;
    padding: 30px;
    background-color: #e2e2e2;
    border: outset 3px #888888;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #555555;
    text-align: left;
    z-index: 10001;
}



/*
------------------------------------------------------------------------------------------
MUSIC PAGE
------------------------------------------------------------------------------------------
*/

.MusicPlayerArea
{
    border: solid 1px #777777;
    background-color: #eeeeee;
}

div.VertSpacerUnderMusicList
{
    width: 100%;
    height: 10px;
}

div.VertSpacerMusicPageBottom
{
    width: 100%;
    height: 60px;
}

.PlayMusicButtonArea
{
    margin-top: 20px;
    margin-bottom: 15px;
}

.MusicFileListBoxItemStyle
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #222222;   
}



/*
------------------------------------------------------------------------------------------
MOVIES PAGE
------------------------------------------------------------------------------------------
*/

.MoviePlayerArea
{
    border: solid 1px #777777;
    background-color: #eeeeee;
}

div.VertSpacerUnderMoviePlayer
{
    width: 100%;
    height: 35px;
}

div.VertSpacerUnderMovieList
{
    width: 100%;
    height: 10px;
}

div.VertSpacerMoviePageBottom
{
    width: 100%;
    height: 60px;
}

.PlayMovieButtonArea
{
    margin-top: 20px;
    margin-bottom: 15px;
}

.MovieFileListBoxItemStyle
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #222222;   
}



/*
------------------------------------------------------------------------------------------
ADMIN LOGIN PAGE
------------------------------------------------------------------------------------------
*/

.EmailForPasswordArea
{
    margin-top: 20px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    color: #222222;   
}

/* Area that holds the Login control                                                */
div.LoginTaskBoxArea
{
    display: block;
    width: 300px;
    position: relative;
    top: 50px;
    padding-left: 165px; /* text-align: center; won't center in FF */
}

.AdminFieldset
{
    _position: relative;
    _display: block; 
    width: 300px;
    border: solid 1px #888888;
    background-color: #d5d5d5;
}

.AdminLegend
{
    _position: absolute; /* Hack to remove the excess background        */
    _top: -8px; /* color that slops above the fieldset.        */
    _left: 5px;
    color: #29292a;
    font-weight: bold;
    font-family: verdana, arial;
    font-size: 14px;
}

.LoginRow
{
    height: 40px;
}

.LoginRowTop
{
    height: 35px;
}

.LoginLabelCell,
.LoginLabelCellTop
{
    width: 130px;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
    color: #29292a;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
}

.LoginLabelCellTop
{
    padding-top: 30px;
}

.LoginContentCell,
.LoginContentCellTop
{
    width: 155px;
    text-align: left;
    padding-left: 5px;
}

.LoginContentCellTop
{
    padding-top: 30px;
}


.LoginButtonRow
{
    height: 40px;
}

.LoginButtonCell
{
    text-align: right;
    padding-top: 15px;
    padding-right: 10px;
}



/*
------------------------------------------------------------------------------------------
RETURN FROM MEMBER AREA TO MAIN BOX
------------------------------------------------------------------------------------------
*/

div.ReturnToMainSiteArea
{
    display: block;
    width: 100px;
    position: relative;
    top: 115px;
    padding-left: 40px;
    padding-bottom: 50px;
}

.ReturnToMainSiteLink /* Look of this link is the same as main page links: class MainNavigationMenu */
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

.ReturnToMainSiteLink:active, .ReturnToMainSiteLink:visited
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #333333;}

.ReturnToMainSiteLink:hover
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #888888;
}



/*
------------------------------------------------------------------------------------------
MEMBERSHIP REGISTER PAGE
------------------------------------------------------------------------------------------
*/

div.VertSpacerRegistrationPageBottom
{
    width: 500px;
    height: 150px;
}

div.VertSpacerAboveAddToCartButton
{
    width: 500px;
    height: 40px;
}

.MembershipPricingAllTable
{
    border-collapse: collapse;
    width: 580px;
    padding: 0;
    margin: 0;
    border: solid 1px #054688;
}

.MembershipPricingHeadingRow
{
    height: 50px;
    border: solid 1px #054688;
}

.MembershipPricingHeadingCell
{
    font-family: arial, verdana;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    border-top: solid 1px #054688;
}

.MembershipPricingSubscriptionRow
{
    height: 50px;
    font-family: arial, verdana;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #424242;
    border-top: solid 1px #054688;
}



/*
------------------------------------------------------------------------------------------
MEMBERSHIP LOGIN
------------------------------------------------------------------------------------------
*/

div.VertSpacerUnderLoginMainHeader   /* cut from elsewhere in this file, paste here */
{
    height: 70px;
}

.MemberLoginRegisterButtonArea
{
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 50px;
    text-align: center;
}

.MemberLogoutButtonArea
{
    padding-left: 34px;
}

div.MembershipLoginTaskBoxArea
{
    display: block;
    width: 100px;
    position: relative;
    top: 115px;
    padding-left: 40px;
    padding-bottom: 50px;
}

.MemberLoginRegisterLink
{
    font-family: arial, verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #333333;
}

.MemberLoginRegisterLink:active, .MemberLoginRegisterLink:visited
{
    font-family: arial, verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #333333;
}

.MemberLoginRegisterLink:hover
{
    font-family: arial, verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #888888;
}

.GoToMemberAreaLink  /* Look of this link is the same as main page links: class MainNavigationMenu */
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

.GoToMemberAreaLink:active, .GoToMemberAreaLink:visited
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

.GoToMemberAreaLink:hover
{
    font-family: arial, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #888888;
}

.MembershipLoginFieldset
{
    _position: relative;
    _display: block; 
    width: 100px;
    border: solid 1px #888888;
    background-color: #060606;
}

.MembershipLoginLegend
{
    _position: absolute; /* Hack to remove the excess background        */
    _top: -8px; /* color that slops above the fieldset.        */
    _left: 5px;
    color: #054688;
    font-weight: bold;
    font-family: arial, verdana;
    font-size: 11px;
}

.MembershipLoginTable
{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.MembershipLoginUserNameLabelRow,
.MembershipLoginPasswordLabelRow
{
    height: 12px;
    padding: 0;
    margin: 0;
}

.MembershipLoginUserNameLabelCell,
.MembershipLoginPasswordLabelCell
{
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    padding-left: 8px;
    color: #054688;
    font-family: arial, verdana;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
}

.MembershipLoginPasswordLabelCell
{
    padding-top: 8px;
}

.MembershipLoginUserNameContentRow,
.MembershipLoginPasswordContentRow
{
    height: 12px;
}

.MembershipLoginUserNameContentCell,
.MembershipLoginPasswordContentCell
{
    text-align: left;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.MembershipLoginButtonRow
{
    height: 20px;
}

.MembershipLoginButtonCell
{
    text-align: left;
    padding-top: 0px;
    padding-left: 5px;
}

.MembershipLoginFeedbackRow
{
    height: 10px;
}



/*
------------------------------------------------------------------------------------------
BUY BOOKS PAGE
------------------------------------------------------------------------------------------
*/

.VertSpacerUnderBuyBooksIntroText
{
    height: 20px;
}

.VertSpacerUnderStaticBookSet
{
    height: 30px;
}

.VertSpacerUnderSearchSectionText
{
    height: 20px;
}

.VertSpacerUnderSearchSectionBox
{
    height: 20px;
}

.VertSpacerUnderSearchBox
{
    height: 20px;
}

/* Table that encapsulates individual download links.   */
.WebServicesAmazonSearchAllTable
{
    border-collapse: collapse;
    width: 666px;
}

.WebServicesAmazonSearchOneTable
{
    border-collapse: collapse;
    width: 666px;
}

.WebServicesAmazonSearchMediumRow
{
    height: 185px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.WebServicesAmazonSearchMediumCoverCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 15px;
    width: 165px; 
}

.WebServicesAmazonSearchMediumAuthorCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 75px;
    vertical-align: top;
    width: 170px; 
    color: #555555;
    text-align: left;
    padding-right: 10px;
}

.WebServicesAmazonSearchMediumTitleCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 75px;
    vertical-align: top;
    width: 260px; 
    color: #555555;
    text-align: left;
}

.WebServicesAmazonSearchSmallRow
{
    border-top: solid 1px #aaaaaa;
    height: 105px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.WebServicesAmazonSearchSmallCoverCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 20px;
    width: 110px; 
}

.WebServicesAmazonSearchSmallAuthorCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 45px;
    vertical-align: top;
    width: 170px; 
    color: #555555;
    text-align: left;
    padding-right: 10px;
}

.WebServicesAmazonSearchSmallTitleCell
{
    border-top: solid 1px #aaaaaa;
    padding-top: 45px;
    vertical-align: top;
    width: 315px; 
    color: #555555;
    text-align: left;
}

.SearchSectionArea
{
    width: 666px;
}

.WebServiceAmazonSearchBoxTable
{
    width: 666px;
    border-collapse: collapse;
}

.WebServiceAmazonSearchBoxRow
{
    height: 28px;
    vertical-align: middle;
}

.WebServiceAmazonSearchTextBoxCell
{
    padding-top: 20px;
    width: 155px; 
    vertical-align: middle;
}

.WebServiceAmazonSearchRadioButtonListCell
{
    width: 180px; 
    vertical-align: middle;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
}

.WebServiceAmazonSearchRadioButtonList
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
}

.WebServiceAmazonSearchSubmitButtonCell
{
    width: 100px; 
    vertical-align: middle;
}

.WebServiceAmazonSearchErrorMsgCell
{
    width: 165px; 
    vertical-align: middle;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}



/*
------------------------------------------------------------------------------------------
USER FILE DOWNLOAD PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual download links.   */
.FileDownloadAllTable
{
    border-collapse: collapse;
    width: 666px;
}

.FileDownloadRow
{
    height: 32px;
}

.FileDownloadCell
{
    padding-top: 15px;
    vertical-align: top;
}

a.FileDownloadLink:link, :visited
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #0000dd;
    text-decoration: none;
}

a.FileDownloadLink:hover
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #dd0000;
    text-decoration: none;
}

div.VertSpacerBottomFileDownloadPage
{
    display: block;
    height: 120px;
}



/*
------------------------------------------------------------------------------------------
HOME PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual home page item tables.   */
.HomePageAllTable
{
    border-collapse: collapse;
    width: 666px;
}

/* Table that holds one home item.   */
.HomePageOneItemTable
{
    border-collapse: collapse;
    width: 666px;
}

.HomeItemHeadingRow
{
    height: 34px;
    background-color: #ffffff;   
    background-image: url(../images/ThemeFreshBlue/SubHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.HomeItemHeadingOddAlignCell, 
.HomeItemHeadingEvenAlignCell
{
    vertical-align: middle;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 12px;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.HomeItemContentRow
{
}

.HomeItemImageForEvenAlignHeadingDiv,
.HomeItemImageForOddAlignHeadingDiv
{
    display: block;
    position: relative;
    float: right;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.HomeItemTextForEvenAlignHeadingCell,
.HomeItemTextForOddAlignHeadingCell
{
    text-align: justify;
    padding-top: 0px;
    padding-bottom: 65px;
    font-family: verdana, arial;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}



/*
------------------------------------------------------------------------------------------
CUSTOM PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual Custom page item tables.   */
.CustomPageAllTable
{
    border-collapse: collapse;
    width: 670px;
}

/* Table that holds one Custom item.   */
.CustomPageOneItemTable
{
    border-collapse: collapse;
    width: 670px;
}

.CustomItemHeadingRow
{
    height: 34px;
}

.CustomItemHeadingOddAlignCell, 
.CustomItemHeadingEvenAlignCell
{
    vertical-align: middle;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 12px;
    background-color: #ffffff;   
    background-image: url(../images/ThemeFreshBlue/SubHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}


.CustomItemContentRow
{
}

.CustomItemImageForEvenAlignHeadingDiv,
.CustomItemImageForOddAlignHeadingDiv
{
    display: block;
    position: relative;
    float: right;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.CustomItemTextForEvenAlignHeadingCell,
.CustomItemTextForOddAlignHeadingCell
{
    text-align: justify;
    padding-top: 0px;
    padding-bottom: 65px;
    font-family: verdana, arial;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}



/*
------------------------------------------------------------------------------------------
PHOTOS PAGE
------------------------------------------------------------------------------------------
*/

.PhotoSearchBoxArea
{
    display: block;
    width: 670px;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 30px;
}

.PhotoSearchTable
{
    border-collapse: collapse;
    width: 485px;
    padding: 0;
    margin: 0;
}

.PhotoSearchTableRow
{
}

.PhotoSearchTableTitleLabelCell
{
    width: 75px;
    text-align: left;
}

.PhotoSearchTableSearchBoxCell
{
    width: 170px;
    text-align: left;
}

.PhotoSearchTableDisplaySearchButtonCell
{
    width: 110px;
    text-align: left;
}

.PhotoSearchTableDisplayAllButtonCell
{
    width: 130px;
    text-align: left;
}


.PhotoSearchLabel
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.PhotosAllTable
{
    border-collapse: collapse;
    border: none;
    width: 670px;
}


.PhotoItemMainContainerDiv
{
    display: block;
    float: left;
    text-align: center;
}

.PhotoImageDiv
{
    display: block;
}

.PhotoSpacerDiv
{
    display: block;
    font-size: 1px;
    line-height: 1px;
}

.PhotoTitleDiv
{
    display: block;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    color: #777777;
}

.PhotoDescriptionDiv
{
    display: block;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #555555;
    line-height: 13px;
}

.PhotoDisplayImage
{
    vertical-align: bottom;
}



/*
------------------------------------------------------------------------------------------
CONTACT US PAGE
------------------------------------------------------------------------------------------
*/

.ContactFormDiv
{
    width: 610px;
    margin-left: 50px;
}

.ContactFormTable
{
    border-collapse: collapse;
    border: none;
    width: 560px;
}

.ContactFormFieldset
{
    width: 560px;
    _position: relative;
    _display: block;
    border: solid 1px #888888;
    background-color: #d9d9d9;
}

.ContactFormRow1
{
    height: 40px;
}

.ContactFormRow2
{
    height: 48px;
}

.ContactFormLabelCell1,
.ContactFormLabelCell2
{
    vertical-align: middle;
    text-align: right;
    width: 130px;
    padding-right: 6px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.ContactFormLabelCell2
{
    padding-bottom: 10px;
}

.ContactFormContentCell1,
.ContactFormContentCell2
{
    vertical-align: middle;
    text-align: left;
    width: 430px;
    padding-left: 6px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}

.ContactFormContentCell2
{
    padding-bottom: 10px;
}

.ContactUsFormButtonCell
{
    text-align: right;
    padding-bottom: 5px;
    padding-right: 5px;
}

.ContactFormMessageStatusRow
{
    height: 25px;
}

div.VertSpacerUnderContactUsFormHeading
{
    height: 10px;
}

div.VertSpacerUnderContactForm
{
    height: 26px;
}

div.ContactUsHeadingDiv
{
    display: block;
    width: 670px;
    height: 34px;        /* height + padding-top = height of background image */
    padding-top: 4px;
    padding-bottom: 0px;
    background-color: #ffffff;   
    background-image: url(../images/ThemeFreshBlue/SubHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 12px;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

div.VertSpacerUnderContactUsHeading
{
    display: block;
    width: 670px;
    height: 25px;
}

div.VertSpacerUnderContactUsSection
{
    display: block;
    width: 670px;
    height: 75px;
}

div.VertSpacerUnderContactFormIntroText
{
    display: block;
    width: 670px;
    height: 25px;
}

.ContactInfoDiv
{
    display: block;
    width: 560px;
    height: 32px;
}

.ContactInfoLabelDiv
{
    float: left;
    vertical-align: middle;
    text-align: right;
    width: 180px;
    padding-right: 15px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.ContactInfoContentDiv,
.ContactInfoContentMessageDiv
{
    float: right;
    vertical-align: middle;
    text-align: left;
    width: 342px;
    padding-left: 15px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}

.ContactInfoContentMessageDiv
{
    font-style: italic;
}


/*
------------------------------------------------------------------------------------------
ABOUT US PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual about us page item tables   */
.AboutUsPageAllTable
{
    border-collapse: collapse;
    width: 666px;
}

/* Each item resides in a table with a row for the item heading and a row for the item text  */
.AboutUsHeadingRow
{
    height: 34px;
    background-color: #ffffff;   
    background-image: url(../images/ThemeFreshBlue/SubHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.AboutUsHeadingCell
{
    vertical-align: middle;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-left: 12px;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.AboutUsItemRow
{
}

.AboutUsItemCell
{
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 55px;
    line-height: 20px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

/* Table that holds individual about us staff items   */
.AboutUsStaffTable
{
    border-collapse: collapse;
    width: 666px;
}

.AboutUsStaffNameRow
{
    height: 28px;
}

.AboutUsStaffImageCell
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
    vertical-align: top;
}

.AboutUsStaffNameCell
{
    text-align: left;
    padding-left: 10px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}

.AboutUsStaffTitleRow
{
    height: 28px;
}

.AboutUsStaffTitleCell
{
    text-align: left;
    padding-left: 10px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}

.AboutUsStaffTextRow
{
}

.AboutUsStaffTextCell
{
    text-align: justify;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 50px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;
}


/*
------------------------------------------------------------------------------------------
TESTIMONIALS PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual testimonial item tables   */
.TestimonialPageAllTable
{
    border-collapse: collapse;
    width: 540px;
    margin-left: 50px;
}

/* Each item resides in a table with a row for the testimonials and a row for the name */
/* of the person who gave the testimonial. */
.TestimonialTextRow
{
}

.TestimonialTextCell
{
    text-align: justify;
    padding-top: 13px;
    padding-bottom: 5px;
    padding-left: 20px;
    line-height: 22px;
    font-family: verdana, arial;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #555555;
}

.TestimonialNameRow
{
}

.TestimonialNameCell
{
    text-align: right;
    padding-top: 0px;
    padding-bottom: 55px;
    line-height: 20px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
}


/*
------------------------------------------------------------------------------------------
FAQ PAGE
------------------------------------------------------------------------------------------
*/

/* Table that encapsulates individual faq item tables   */
.FAQPageAllTable
{
    border-collapse: collapse;
    width: 670px;
}

/* All questions appear as a list of links near the top of the page */
.FAQQuestionLinksList ul
{
    padding: 0;
    margin: 0;
}

.FAQQuestionLinksList li
{
    list-style-type: disc;
    line-height: 16px;
    padding-bottom: 12px;
    font-family: verdana, arial;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
}

.FAQQuestionLinksList a, .FAQQuestionLinksList a:active, .FAQQuestionLinksList a:visited
{
    color: #444444;
    text-decoration: none;
}

.FAQQuestionLinksList a:hover
{
    color: #4396b4;
}

/* Each item resides in a table with a row for the question and a row for the anwer */
.FAQQuestionRow
{
}

.FAQQuestionCell
{
    text-align: justify;
    padding-top: 13px;
    padding-bottom: 7px;
    line-height: 20px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #444444;
}

.FAQAnswerRow
{
}

.FAQAnswerCell
{
    text-align: justify;
    padding-top: 0px;
    padding-bottom: 35px;
    line-height: 20px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}


/*
------------------------------------------------------------------------------------------
PRODUCTS PAGE
------------------------------------------------------------------------------------------
*/

.VertSpacerUnderOneProductHeader
{
    height: 50px;
}

.VertSpacerUnderOneDownloadHeader
{
    height: 50px;
}

.ProductGridClickForDetailsMessageRow,
.DownloadGridClickForDetailsMessageRow
{
    height: 30px;
}

.ProductGridClickForDetailsMessageCell,
.DownloadGridClickForDetailsMessageCell
{
    vertical-align: middle;
    text-align: left;
    padding-bottom: 10px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #333333;
}

.ProductGridCell,
.DownloadGridCell
{
    border: solid 1px #054688;
}

.ProductGridCellTable,
.DownloadGridCellTable
{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

.ProductGridCellTableImageRow,
.DownloadGridCellTableImageRow
{
    vertical-align: bottom;
}

.ProductGridCellTableImageCell,
.DownloadGridCellTableImageCell
{
    padding-top: 25px;
    text-align: center;
    vertical-align: bottom;
}

.ProductGridCellTableTitleRow,
.DownloadGridCellTableTitleRow
{
    height: 55px;
}

.ProductGridCellTableTitleCell,
.DownloadGridCellTableTitleCell
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 13px;
}

.ProductGridCellTableTitleCell a, .ProductGridCellTableTitleCell a:active, .ProductGridCellTableTitleCell a:visited,
.DownloadGridCellTableTitleCell a, .DownloadGridCellTableTitleCell a:active, .DownloadGridCellTableTitleCell a:visited
{
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none; 
    color: #555555;
}

.ProductGridCellTableTitleCell a:hover,
.DownloadGridCellTableTitleCell a:hover
{
    color: #4396b4;
}


div.CreditCardImagePlacement
{
    width: 670px;
    text-align: center;
    padding-bottom: 30px;
}


div.VertSpacerAboveFirstProduct
{
    height: 40px;
}

div.VertSpacerAboveFirstDownload
{
    height: 40px;
}

/**** Product tables/divs  ****/

.ProductsAllTable,
.DownloadsAllTable
{
    border-collapse: collapse;
    width: 670px;
}

.ProductOneItemTable,
.DownloadOneItemTable
{
    border-collapse: collapse;
    border: none;
    width: 670px;
}

/* Title row of one product. */
.ProductTitleRow,
.DownloadTitleRow
{
    height: 40px;
    background-image: url(../images/ThemeFreshBlue/ProductHeadingBackground.png);
    background-position: left top;
    background-repeat: no-repeat;
}

/* Product title in title row. */
.ProductTitleCell,
.DownloadTitleCell
{
    width: 445px;
    vertical-align: middle;
    padding-left: 12px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

/* Product price in title row. */
.ProductPriceCell,
.DownloadPriceCell
{
    width: 120px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-family: verdana, arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

/* Product 'Add to Cart' button in title row */
.ProductCartButtonCell,
.DownloadCartButtonCell
{
    width: 100px;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-right: 15px;
}

/* Button style of the Add To Cart button control */
.ProductTitleRowAddToCartButton,
.DownloadTitleRowAddToCartButton
{
    overflow: visible;
    color: #333333;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-color: #c6c6c6;
    border: outset 2px #b6b6b6;
    padding: 2px 8px 2px 8px;
}

.ProductContentRow,
.DownloadContentRow
{
}

.ProductDescriptionCell,
.DownloadDescriptionCell
{
    vertical-align: top;
    text-align: justify;
    padding-top: 10px; /* vertical space under product title */
    padding-bottom: 100px; /* vertical space between products */
    padding-left: 0px;
    padding-right: 0px;
    font-family: verdana, arial;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #444444;
}

.ProductImagesDiv,
.DownloadImagesDiv
{
    display: block;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    float: right;
    padding-left: 30px;
}

/* Download icon in its own row. Applies only to Downloads page, not Products page. */
.DownloadIconRow
{
    height: 56px;
}

.DownloadIconCell
{
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

.DownloadFileTypeCell
{
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 15px;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}

/* Button style of the Go To My Cart button control */
/* Also used on the Downloads page */
.ShoppingGoToCartButton
{
    overflow: visible;
    color: #333333;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-color: #c6c6c6;
    border: outset 2px #b6b6b6;
    padding: 7px 10px 7px 10px;
}

.GoToCartButtonTopRow
{
    height: 65px;
    vertical-align: top;
}

.GoToCartButtonBottomRow
{
    height: 65px;
    vertical-align: bottom;
}

.GoToCartButtonCell
{
    text-align: left;
}



/*
------------------------------------------------------------------------------------------
DOWNLOADABLE PRODUCTS PAGE
------------------------------------------------------------------------------------------
*/
/* 
   These css elements might have attributes identical to their PRODUCTS PAGE counterparts
   to make the Downloads page have a style similar to tthe Products page.
*/

div.DownloadCreditCardImagePlacement
{
    width: 666px;
    text-align: center;
}


div.DownloadVertSpacerAboveFirstProduct
{
    height: 40px;
}



/*
-----------------------------------------------------------------------------------------
Validation
----------------------------------------------------------------------------------------- 
*/
.FeedbackMessage
{
    font-family: verdana, arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #dd0000;
}