﻿@import url("reset.css");

@media screen
{
	body
	{
	    background: url(../images/Background.jpg) fixed center top;
	    color:#666666;
        font:normal 12px Arial, Helvetica, sans-serif;
    }

/* BASE
___________________________________________________________________*/

    h1
    {
        font-size: 24px;
        line-height: 24px;
        color: #d31145;
        font-weight:bold;
    }

    blockquote
	{
		margin:20px;
	}

	p
	{
		margin: 14px 0 0;
	}

	strong
	{
		font-weight:bold;
	}

	em, i
	{
		font-style:italic;
	}

	textarea
	{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}

	a:link, a:visited
	{
		color:#0099ff;
		text-decoration:none;
	}

	a:hover
	{
		text-decoration:underline;
	}

/* CLEARFIX
___________________________________________________________________*/

	.clearFix
	{
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.clearFix:after
	{
		content: " ";
	}

	* html .clearFix
	{
		zoom: 1;
	} /* IE6 */

	*:first-child+html .clearFix
	{
		line-height:0;
		zoom: 1;
	} /* IE7 */

	header, footer, article, section, nav, menu, hgroup
	{
		display: block;
	}


/* LAYOUT
____________________________________________________________________________*/

	#rsContainer
	{
		text-align:left;
		margin:0 auto;
		padding-bottom: 30px;
		width:985px;
	}

/* HEADER
____________________________________________________________________________*/

	#rsHeader
	{
	    background: none repeat scroll 0 0 #FFFFFF;
	    color: #333;
	    font-size: 12px;
	    font-weight:bold;
        height: 122px;
        overflow:hidden;
        position: relative;
        width: 100%;
	}

	#rsHeader a
	{
	    color: #333;
	    font-size: 12px;
	    font-weight:bold;
	}

	#rsHeader a.contact
	{
	    /* margin: top; */
	}

	#rsHeader .logo
	{
	    float: left;
        width: 326px;
	}

	#rsHeaderRight
	{
	    float: right;
        position: relative;
        text-align: right;
        top: 26px;
	}

    #rsHeaderRight a.buy:link, #rsHeaderRight a.buy:visited
	{
	    background:url(../images/button-sprite.jpg) no-repeat scroll 0 -33px transparent;
	    background-repeat: no-repeat;
	    clear:both;
	    color: #fff;
	    display: block;
	    float:right;
	    font-size: 12px;
	    height: 33px;
	    width: 210px;
	}

	#rsHeaderRight a.buy:hover
	{
	    background:url(../images/button-sprite.jpg) no-repeat scroll -210px -33px transparent;
	}

	#rsHeaderRight .phone
	{
	    float: right;
        font-size: 20px;
        position:relative;
        top: -7px
	}

	#printHeader
	{
	    display:none;
	}

	/* Navigation */
	#rsNavigation
	{
	    float: left;
	    width: 100%;
	}

	#rsNavigation ul
	{
	    list-style-type:none;
	    float: left;
	    margin:0;
	    padding:0;
	    position: relative;
        z-index: 50;
	}

	#rsNavigation ul li
	{
	    background-color: #003e7e;
	    float:left;
	    height: 42px;
	    margin-left: 2px;
	    position:relative;
	    width: 162px;
	}

	#rsNavigation ul li ul.dropdown
	{
	    display:none;
	    background-color: #01264C;
        float: left;
        position: absolute;
        top: 42px;
        width: 162px;
	}

	#rsNavigation ul li ul.dropdown li
	{
	    background-color: #01264C;
	    float: left;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
	}

	#rsNavigation ul li ul.dropdown li.last
	{
	    margin-bottom: 20px
	}

	#rsNavigation ul li ul.dropdown li a:link,
	#rsNavigation ul li ul.dropdown li a:visited
	{
	    display: block;
        float: left;
        font-weight: normal;
        height: auto;
        margin: 0 10px;
        position: relative;
        text-align: left;
        top: 0;
        width: 142px;
	}

	#rsNavigation ul li ul.dropdown li a:hover
	{
	    background-color: #336699;
	}

	#rsNavigation ul li ul.dropdown li a span
	{
	    float: left;
        padding: 5px 0 5px 7px;
        position: relative;
        top: 0;
	}


	#rsNavigation ul li.gray ul.dropdown
	{
	    display:none;
	    background-color: #656e76;
        float: left;
        position: absolute;
        top: 32px;
        width: 163px;
        z-index: 55;
	}

	#rsNavigation ul li.gray ul.dropdown li
	{
	    background-color: #656E76;
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 163px;
	}

	#rsNavigation ul li.gray ul.dropdown li.last
	{
	    margin-bottom: 20px
	}

	#rsNavigation ul li.gray ul.dropdown li a:link,
	#rsNavigation ul li.gray ul.dropdown li a:visited
	{
	    display: block;
        float: left;
        font-weight: normal;
        height: auto;
        margin: 0 10px;
        padding: 5px 0;
        position: relative;
        text-align: left;
        top: 0;
        width: 143px;
	}

	#rsNavigation ul li.gray ul.dropdown li a:hover
	{
	    background-color: #959ca1;
	}

	#rsNavigation ul li.gray ul.dropdown li a span
	{
	    float: left;
        padding: 0 0 0 18px;
        position: relative;
        top: 0;
	}

	#rsNavigation ul li.first
	{
	    margin:0;
	}

	#rsNavigation ul li.gray
	{
	    background-color: #959CA1;
        float: left;
        height: 32px;
        margin-top: 10px;
        width: 163px;
	}

	#rsNavigation ul li.grayFirst
	{
	    margin-left: 3px;
	}

	#rsNavigation ul li a
	{
	    bottom: 10px;
	    color: #fff;
	    display:block;
	    font-size: 13px;
	    font-weight: bold;
	    position: absolute;
	    text-align:center;
	    text-decoration: none;
	    width: 162px;
	}

	#rsNavigation ul li.gray a
	{
	    width: 163px;
	}

	#rsNavigation ul li:hover
	{
	    background-color: #01264c;
	}

	#rsNavigation ul li:hover ul.dropdown
	{
	    display:block;
	}

	#rsNavigation ul li.gray:hover
	{
	    background-color: #656e76;
	}


	/* BANNER */
	#rsBanner
	{
	    float: left;
        height: 352px;
        margin: 5px 0 0;
        position:relative;
        width: 100%;
        z-index:10;
	}

	#rsBanner #rsBannerImages img
	{
	    display:none;
	}
    #rsBanner #rsBannerImages img.first
	{
	    display:block;
	}

	#rsBanner #rsBannerCopy
	{
	    left:32px;
	    top:54px;
	    position:absolute;
	    z-index:20;
	}

	#rsBanner #rsBannerCopy div
	{
	    float: left;
	}

	#rsBanner #rsBannerCopy .header
	{
	    font-size: 46px;
	    font-style:italic;
	    font-weight: bold;
	}

	#rsBanner #rsBannerCopy .copy
	{
	    clear: both;
        color: #004893;
        font-size: 20px;
        margin: 5px 0 0;
	}

	#rsBanner #rsBannerCopy .header .blue
	{
	    color: #004893;
	}

	#rsBanner #rsBannerCopy .header .red
	{
	    color: #d31145;
	}
    #rsBanner #rsBannerCopy .header .gray
	{
	    color: #959ca1;
	}

	#rsBannerThumbs
	{
	    float: left;
        left: 25px;
        position: absolute;
        top: 185px;
        z-index: 20;
    }

	#rsBannerThumbs ul
	{
	    float: left;
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
    }

    #rsBannerThumbs ul li
	{
	    float: left;
	    margin: 0 7px 0 0;
    }

    /* BODY */

    #rsBody
    {
        background-color: #FFFFFF;
        border: 9px solid #FFFFFF;
        float: left;
        width: 967px;
    }

    #rsBody #left
    {
        background-color: #F0F0F0;
        float: left;
        width: 640px
    }

    #rsBody #left #copy
    {
        padding: 15px 36px 36px 36px;
        line-height: 20px;

    }

    #rsBody #left #copy .preHeader
    {
        color: #004893;
        font-size: 15px;
        font-weight: bold;
        font-style: italic;
        line-height:15px
    }

    #rsBody #right
    {
        float: left;
        width: 327px;
    }

    #rsBody #right #rsFinderArea
    {
        float: left;
        padding: 19px 37px 30px 45px;
    }

    #rsBody #right #rsFinderArea p
    {
        margin: 0;
        line-height: 20px;
    }

    #rsBody #right #rsFinderArea p.header
    {
        font-size: 18px;
        color: #d31145;
    }

    #rsBody #right #rsFinderArea ul
    {
        list-style-type:none;
        margin: 10px 0 0 -3px;
        padding: 0;
    }

    #rsBody #right #rsFinderArea ul li
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll 0 0 transparent;
	    background-repeat: no-repeat;
	    color: #fff;
	    display: block;
	    font-size: 12px;
	    height: 35px;
	    position:relative;
	    width: 249px;
    }

    #rsBody #right #rsFinderArea ul li.active
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -249px 0 transparent;
    }

    #rsBody #right #rsFinderArea ul li.active:hover
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -498px 0 transparent;
    }

    #rsBody #right #rsFinderArea ul li a
    {
        color: #fff;
        text-decoration: none;
    }

    #rsBody #right #rsFinderArea ul li a span
    {
        font-weight: bold;
        position: relative;
        top: 8px;
        left: 20px;
    }

    #rsBody #right #rsFinderArea a#search:link,
    #rsBody #right #rsFinderArea a#search:visited
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -420px -35px transparent;
	    background-repeat: no-repeat;
	    display: block;
	    height: 33px;
	    margin: 10px 0 0;
	    width: 106px;
    }

    #rsBody #right #rsFinderArea a#search:hover
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -420px -35px transparent;
    }

    #rsBody #right #rsFinderArea a#searchActive:link,
    #rsBody #right #rsFinderArea a#searchActive:visited
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -526px -35px transparent;
	    background-repeat: no-repeat;
	    display: block;
	    height: 33px;
	    margin: 10px 0 0;
	    width: 106px;
    }

    #rsBody #right #rsFinderArea a#searchActive:hover
    {
        background:url(../images/button-sprite.jpg) no-repeat scroll -632px -35px transparent;
    }

    #rsBody #right #rsFinderArea ul li ul
    {
        background-color: #CCCCCC;
        display:none;
        left: 3px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 31px;
        width: 242px;
        z-index: 50;
    }

    #rsBody #right #rsFinderArea ul li ul li
    {
        background: none repeat scroll 0 0 transparent;
        width: 242px;

    }

    #rsBody #right #rsFinderArea ul li ul li a:link,
    #rsBody #right #rsFinderArea ul li ul li a:visited
    {
        color: #666666;
        position:relative;

    }

    li.searchItem:hover
    {
        background-color: #999;
    }


    #rsBody #right #rsFinderArea ul li ul li a:hover
    {
        text-decoration:none;
    }

    #rsBody #right #rsFinderArea ul li ul li a span
    {

    }

    /* FOOTER */
    #rsFooter
    {
        border: solid 9px #fff;
        background-color: #F0F0F0;
        clear: both;
        font-size: 11px;
        margin: 14px 0 0 0;
        float: left;
        width: 967px;
    }

    #rsFooter a
    {
        color: #666666;
    }

    #rsFooter #rsFooterLeft
    {
        float: left;
        padding: 15px 0 15px 36px;
    }

    #rsFooter #rsFooterRight
    {
        float: right;
        padding: 15px 36px 15px 0;
    }

	#Form_ContactForm fieldset {
		padding-top:10px;
		width: 568px;
	}

	#Form_ContactForm fieldset #Name, #Form_ContactForm fieldset #Email {
		float:left;
		width:230px;
	}

	#Form_ContactForm fieldset #Comments {
		padding-top:10px;
		float:left;
		width: 460px;

	}

	#Form_ContactForm_Name, #Form_ContactForm_Email {
		width:200px;
		border:solid 1px #555;
		height:20px;
	}

	#Form_ContactForm_Comments {
		border:solid 1px #555;
	}

	.invalidFormField {
		border:solid 1px #ff0000;
		background-color:#FBBBB9;
	}

	#Breadcrumbs {
		margin-bottom: 6px;
	}
}

@media print
{
   body
	{
	    background: url(../images/Background.jpg) fixed center top;
	    color:#666666;
        font:normal 12px Arial, Helvetica, sans-serif;
    }

/* BASE
___________________________________________________________________*/

    h1
    {
        font-size: 24px;
        line-height: 24px;
        color: #d31145;
        font-weight:bold;
    }

    blockquote
	{
		margin:20px;
	}

	p
	{
		margin: 14px 0 0;
	}

	strong
	{
		font-weight:bold;
	}

	em, i
	{
		font-style:italic;
	}

	textarea
	{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}

	a:link, a:visited
	{
		color:#0099ff;
		text-decoration:none;
	}

	a:hover
	{
		text-decoration:underline;
	}

/* CLEARFIX
___________________________________________________________________*/

	.clearFix
	{
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.clearFix:after
	{
		content: " ";
	}

	* html .clearFix
	{
		zoom: 1;
	} /* IE6 */

	*:first-child+html .clearFix
	{
		line-height:0;
		zoom: 1;
	} /* IE7 */

	header, footer, article, section, nav, menu, hgroup
	{
		display: block;
	}

	#rsHeader
	{
	    border-bottom: solid 1px #ccc;
	    margin: 0 0 20px 0;
	}
	#rsHeaderRight
	{
	    display:none;
	}

	#rsNavigation
	{
	    display:none;
	}

	#rsBanner
	{
	    display:none;
	}

	#rsBody #right
	{
	    display:none;
	}

	#rsFooter
	{
	    border-top: solid 1px #ccc;
	    margin: 20px 0 0 0;
	    padding: 20px 0 0 0;
	}

	#rsFooterRight
	{
	    display:none;
	}
}
