/*****************************************************************************************
*
* -----------------------------
* SELKIRK CORPORATE FONT STYLES
* -----------------------------
*
* DATE CREATED: July 26, 2007.
* Author: Walter @ Imagination Plus Inc.
*
* Description:
* ------------
*
* Font and link styles for selkirkinc site.  These fonts are dynamically changed using,
* a javascript function (Re-Sized)
*
*****************************************************************************************/

/************************************************
*
* GENERIC TEXT STYLES 
*
***********************************************/

div.content-medium
{
    font-family: tahoma;
	font-size: 11px !important;
	color: #000000;
	line-height: 14px;
}

    div.content-medium a
    {
        font-family: tahoma;
	    font-size: 11px !important;
	    line-height: 14px;
    }

        div.content-medium a:hover
        {
            background: #ececec;
        }

div.content-large
{
    font-family: tahoma;
	font-size: 12px !important;
	color: #000000;
	line-height: 15px;
}

    div.content-large a
    {
        font-family: tahoma;
	    font-size: 12px !important;
	    line-height: 15px;
    }

        div.content-large a:hover
        {
            background: #ececec;
        }

div.content-extra-large
{
    font-family: tahoma;
	font-size: 14px !important;
	color: #000000;
	line-height: 17px;
}

    div.content-extra-large a
    {
        font-family: tahoma;
	    font-size: 14px !important;
	    line-height: 17px;
    }

        div.content-extra-large a:hover
        {
            background: #ececec;
        }
        
.content-medium a, .content-large a, .content-extra-large a,
.content-medium a:visited, .content-large a:visited, .content-extra-large a:visited
{
    color: #bd0020 !important;
    text-decoration: none;
}

.content-medium b, .content-large b, .content-extra-large b
{
    color: #bd0020 !important;
}

.content-medium h2, .content-large h2, .content-extra-large h2,
.product-title
{   
    font-weight: bold;
    font-size: 12px;
    color: #bd0020 !important;
}

/*###############################################################
/* OLD BLACK TEXT - USED IN PLANNERS & LOWES*/

.text-black-11px {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
}

.text-black-11px a {
	color: #bd0020;
	text-decoration: none;
}

.text-black-11px a:hover {
	background: #ECECEC;
}

/* OLD RED TEXT - USED IN PLANNERS & LOWES */

.text-red-14px { 
	font-family: tahoma;
	font-size: 14px;
	color: #bd0020;
	line-height: 14px;
	font-weight: bold;
}

.text-red-11px {
	font-family: tahoma;
	font-size: 11px;
	color: #bd0020;
	line-height: 12px;
}

.text-red-11px a {
	color: #bd0020;
	text-decoration: none;
}

/************************************************
*
* 2. CONTENT STYLE TEXT (11px) - Dynamic Changing
*
***********************************************/

.text-black-content-11px {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.text-black-content-11px a {
	color: #bd0020;
	text-decoration: none;
}

.text-black-content-11px a:hover {
	background: #ECECEC;
}

/************************************************
*
* 3. CONTENT STYLE TEXT (12px) - Dynamic Changing
*
***********************************************/

.text-black-content-12px {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
}

.text-black-content-12px a {
	color: #bd0020;
	text-decoration: none;
}

.text-black-content-12px a:hover {
	background: #ECECEC;
}

/************************************************
*
* 4. CONTENT STYLE TEXT (14px) - Dynamic Changing
*
***********************************************/

.text-black-content-14px {
	font-family: tahoma;
	font-size: 14px;
	color: #000000;
	line-height: 17px;
}

.text-black-content-14px a {
	color: #bd0020;
	text-decoration: none;
}

.text-black-content-14px a:hover {
	background: #ECECEC;
}