/* Start of CMSMS style sheet 'ocean : Ocean' */
/* --------------------------------------------------
    Global
   -------------------------------------------------- */

    body
    {
        text-align: left;
        min-width: 960px;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        color: #494949;
        font-size: 62.5%;
        margin: 0 auto;
        border: 0;
        padding: 0;
        background: #fff url(images/bg_page.png) repeat-x top;
        height:100%;
    }

    html,
    {
        margin:0;
        padding:0;
        height:100%;
    }

     #bodyWrapper
     {
        min-height:100%;
        position:relative;
     }

/* --------------------------------------------------
    cufon - do not delete!
   -------------------------------------------------- */

    .cufon
    {
    /* nothing needed here, move along... */
    }

/* --------------------------------------------------
    Utils
   -------------------------------------------------- */
   
    dfn 
    {
	display: none;
	overflow: hidden;
    }
    .accessibility, hr 
    {
	position: absolute;
	top: -999em;
	left: -999em;
    }
    .clear
    {
	clear: both;
    }   
	.clear:after
	{
	    content: ".";
	    height: 0px;
	    visibility: hidden;
	    display: block;
	    clear: both;
	}
    
/* --------------------------------------------------
    Typography
   -------------------------------------------------- */

    p
    {	
	font-size: 1.1em;
    }
    h1
    {
	font-size: 1.7em;
	color: #3F6188;
    }
    h2
    {
	font-size: 1.4em;
	color: #C26C37;
	border-bottom: 1px dotted #C0C0C0;
	margin-top:20px;
    }
    h3
    {
	color: #3F6188;
	font-size: 1.2em;
    }
    h4
    {
	font-size: 1.1em;
	color: #3F6188;
    }
    h5
    {
	color: #3F6188;
    }
    a
    {
	color: #C26C37;
    }
    a:hover
    {
    
    }
    /* Custom */
    #faqsection a
    {
       text-decoration: none;
    }
    #faqsection a:hover
    {
       text-decoration: underline;
    }

    #contentHeading h1
    {
	margin: 0;
	padding: 0;
	color: #3F6188;
    }
    /* Homepage headings */
    .boxFeaturedContentMain h2
    {
        margin-top: 0;
    }
    .boxSubContentLeft h3, .boxSubContentRight h3
    {
        margin-top: 0;
    }
    #footerContent a
    {
	text-decoration: none;
    }
	
/* --------------------------------------------------
    Layout
   -------------------------------------------------- */
    #store-order-item-title store-order-item-base-title
    {
		font-size:12pt;
	}
	
    #masthead
    {
	margin: 0px auto;
        padding: 0;
	width: 96em;
	height: 114px;
        color: #fff;
    }
        /* I know this is horrible, but Safari/Chrome are 1px out */
        @media screen and (-webkit-min-device-pixel-ratio:0)
        {
            #masthead
            {
                height: 114px;
            }
        }
        #masthead x:-moz-any-link, x:default
        {
            height: 115px;
        }
	#mastheadLeft
	{
	    float: left;
	    margin-left: 0px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
            #mastheadLeft img
            {
                border: 0;
            }
	#mastheadRight
	{
	    float: right;
	    margin-right: 20px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    padding-top: 25px;
                   font-size: 1.3em;            
	}
    #navMain
    {
	margin: 0 auto;
	width: 960px;
    }
    #navSub
    {
        margin: 0 auto;
        width: 960px;
        height: 38px;
    }
    #contentHeading
    {
	text-align: left;
	width: 920px;
	margin: 0 auto;
        padding: 20px;
        padding-bottom: 0;
    }
    #contentWrapper
    {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
                background-color: #fff;
                padding:10px;
                padding-bottom:78px;   /* Height of the footer */
    }  
    #contentMain
    {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	float: left;
                background-color: #fff;
    }
    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
	margin-right: 10px;
    }
    /* Full-width content page, no child pages */
    #contentMainFullWidth
    {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
    }
    /* Two column content page, no children */
    #contentLeftNoChildren
    {
        float: left;
        width: 630px;
        margin-left: 20px;
        margin-right: 20px;
    }
        /* HACK: IE6 doubles the left margin. */
        * html #contentLeftNoChildren 
        {
            margin-left: 10px;
        }

    #contentRightNoChildren
    {
        float: left;
        width: 240px;
        margin-top: 10px;
	margin-bottom: 20px;
        margin-right: 10px;
    }
        /* HACK: IE6 doubles the right margin. */
        * html #contentRightNoChildren 
        {
            margin-right: 10px;
        }
    /* Two column content page, with children */
    #contentLeftWithChildren
    {
        float: left;
        width: 480px;
    }
        /* HACK: IE6 doubles the margins. */
        * html #contentLeftWithChildren 
        {
            margin-left: 0;
            margin-right: 10px;
        }
    #contentRightWithChildren
    {
        float: left;
        width: 200px;
        margin-top: 10px;
	margin-bottom: 20px;
        margin-right: 20px;
    }
        /* HACK: IE6 doubles margins. */
        * html #contentRightWithChildren 
        {
            margin-left: 10px;
            margin-right: 10px;
        }
        
    #contentLeftNoChildren  li { margin-top:2px; }
    #contentRightNoChildren  li { margin-top:2px; }
    #contentLeftWithChildren  li { margin-top:2px; }
    #contentRightWithChildren  li { margin-top:2px; }

    .faqSection a { text-decoration: none; }

/* --------------------------------------------------
    Homepage content boxes
   -------------------------------------------------- */

   .TestimonialQuote
   {
        font-size: small;
        font-style: italic;
        color: #666666;
        margin-bottom:0px;
   }

   .TestimonialSource
   {
        font-size: small;
        font-style: normal;
        margin-top:0px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #cccccc;
        color: #C26C37;
   }

    .boxFeaturedContentLeft
    {
        float: left;
        width: 610px;
        margin: 0;
        border: 0;
        padding: 0;
        margin-left: 20px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
        /* HACK: IE6 doubles the left margin. */
        * html .boxFeaturedContentLeft 
        {
            margin-left: 10px;
        }
    .boxFeaturedContentMain
    {
        width: 610px;
    }
    .boxSubContentLeft
    {
        float: left;
        width: 275px;
        padding: 10px;
        min-height: 15px;
        margin-right: 10px;
        margin-top: 20px;
        background: #E1E5E9 url(images/bg_feature_box.gif) repeat-x top;
    }
    .boxSubContentRight
    {
        float: left;
        width: 275px;
        padding: 10px;
        min-height: 15px;
        margin-left: 10px;
        margin-top: 20px;
        background: #E1E5E9 url(images/bg_feature_box.gif) repeat-x top;
    }
    .boxSubContentLeft  li { margin-top:5px; }
    .boxSubContentRight  li { margin-top:5px; }


    .boxNewsRight
    {
        float: right;
        width: 290px;
        margin: 0;
        border: 0;
        padding: 0;
        margin-left: 10px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
        /* HACK: IE6 doubles the right margin. */
        * html .boxNewsRight 
        {
            margin-right: 10px;
        }
    #footerWrapper
    {
	text-align: left;
	margin: 0 auto;
                border-top: 2px solid #ccc;
                background-color: #3F6188;
                color: white;
                position:absolute;
                bottom:0;
                width:100%;
                height:78px;   /* Height of the footer */
    }
	#footerContent
	{
	    width: 940px;
                    margin: 0 auto;
                    padding: 10px;
	    font-size: 1.1em;
                    color: #EAEAEA;
	}

               #footerContent a
               { 
                   margin-right:10px;
               }

               #footerContent p
               {
                   margin: 0px;
               }
/* --------------------------------------------------
    Main Navigation
   -------------------------------------------------- */
   
    #navMain ul
    {
	list-style: none;
	margin: 0;
	padding: 0;
        float: left;
    }
	#navMain li
	{
	    float: left;
	    padding: 0;
	    font-size: 1.4em;
	    /* font-weight: bold; */
                    background: #3F6188 url(images/nav_main_bg_off.gif) repeat-x bottom;
                    margin-right: 2px;
                    height: 30px;
	}
	    #navMain li h3
	    {
		display: block;
		float: left;
		font-size: 1em;
		margin: 0;
		padding: 0 15px;
		line-height: 2.3em;
		color: #494949;
		border: 0;
	    }
	    #navMain li a
	    {
		display: block;
		float: left;
		text-decoration: none;
		padding: 0 15px;
		line-height: 2.3em;
		color: #fff; 
                                height: 30px;
	    }
		#navMain li a:hover
		{
		    background: url(images/nav_main_bg_on.gif) repeat-x bottom;
		}
	    #navMain li.currentpage
	    {
		background: #fff url(images/nav_main_bg_active.gif) repeat-x;
		color: #494949;
	    }
            #navMain li.activeparent
            {
                background: #fff url(images/nav_main_bg_active.gif) repeat-x;
                color: #494949;
                font-weight: bold; !important 
            }
                    #navMain li.activeparent a
                    {
                        background: #fff url(images/nav_main_bg_active.gif) repeat-x;
                        color: #494949; !important                                               
                    }
                    #navMain li.activeparent a:hover
                    {
                        background: #fff url(images/nav_main_bg_active.gif) repeat-x;
                        color: #494949;
                    }


/* --------------------------------------------------
    Sub Navigation
   -------------------------------------------------- */
    #navSub ul
    {
        list-style: none;
	margin: 0;
	padding: 0;
        margin-top: 12px;
        float: left;
    }
        #navSub li
	{
	    float: left;
	    padding: 0;
	    font-size: 1.2em;
            margin-right: 10px;
            /* font-weight: bold; */
	}
            #navSub li a
            {
                text-decoration: none;
                color: #494949;
            }
                #navSub li a:hover
                {
                    text-decoration: underline;
                }
            #navSub li h3
	    {
		display: block;
		float: left;
		font-size: 1em;
		margin: 0;
		padding: 0;
		color: #494949;
		border: 0;
	    }

    #navSubFooter ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }
        #navSubFooter li
	{
	    float: left;
	    padding: 0;
	    font-size: 1.2em;
            margin-right: 10px;
            /* font-weight: bold; */
	}
            #navSubFooter li a
            {
                text-decoration: none;
                color: #EAEAEA;
            }
                #navSubFooter li a:hover
                {
                    text-decoration: underline;
                    color: white;
                }
            #navSubFooter li h3
	    {
		display: block;
		float: left;
		font-size: 1em;
		margin: 0;
		padding: 0;
		color: #494949;
		border: 0;
	    }

	textarea  { border: 1px solid #e3e3e3; padding: 3px 2px 3px 2px }

/* End of 'ocean : Ocean' */