﻿/****************************************************
Master Page Styles
****************************************************/
body
{
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: BLACK; /*#ED1B24,  #0000FF;*/
    width: 90%; /* 800 This is the width of the page border/outline */
    font-size: 20px;
    text-align:  justify;
    height: 100%;
}

#divFrame
{
    border-right:4px solid #ED1C24;
	border-left:4px solid #ED1C24;
	border-top:4px solid #ED1C24;
	border-bottom:20px solid #ED1C24;
}
/* Text on a page */
#divContainer
{
    width: 95%; /* RB 500px */
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: justify;
}
/* This is the TOP header with the LOGO */
#divHeader
{
	font-size:80px;
	background-color: #ED1C24;
	color:white;
	border-bottom:1px solid #ED1C24; /* This is a border under the logo, above the menu */
	padding-bottom:1px; /* This is an area under the logo above the bottom border */
	padding-left:1px;
	padding-right:1px;
}

#divTopNav
{
    font-size:15px;
	background-color:#ED1B24;
	color:white;
	border-bottom:2px solid White; /*#ED1B24;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

#divBreadCrumb
{
    font-size:15px;
	background-color: White;
	color:#ED1B24;
	padding-top:1px;
	padding-bottom:5px;
    padding-left:5px;
    text-align:justify;
}

#divFooterContainer
{
    padding-top:15px;
    border-top:1px solid black;
    clear:both;
}

#divFooter
{
	font-family: Arial;
	color:Black;
	font-size:10px;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

/****************************************************
menu
****************************************************/
#divMenu
{
	font-family: Arial ;
	color: Green;
	font-size:25px;
  
}

.menuHoverStyle
{
  font-weight:bold;
  padding:5px;
}

/****************************************************
breadcrumb trail
****************************************************/
.breadcrumbNodeRoot
{
    font-size:10px;
    font-family:Arial;
    color:Black;
    letter-spacing:1px;
}

.breadcrumbNode
{
    font-size:10px;
    font-family:Arial;
    color:Black;
    letter-spacing:1px;
}

.breadcrumbPathSeparator
{
    font-weight:bold;
    font-family:Arial;
    font-size:10px;
    color:Red;
    padding-left:3px;
    padding-right:3px;
}

#divBreadcrumb
{
    padding-top:5px;
}

/****************************************************
text formatting
****************************************************/

/* Heading Level 1 */
h1
{
  font-size:large;
  font-weight:bold;
}

h2
{
  font-size:medium;
  font-weight:bold;
}

h4
{
  font-size:small;
  font-weight:bold;
}

h5
{
  color :Red;
  font-size:large;
  font-weight:bold;
  font-style:italic;
}

/****************************************************
bullet styles
****************************************************/

/* MultiColumn List method 1 (works but no bullet shows up) */
.mcollist
 {
    width: 95%;
    list-style-type:none;
 }
 
.mcollist li
 {
    width:30%;
    margin:10px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    float:left;
}

.mcList2
{
    width:180px;
    margin:10px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
 /*   position:relative; *//* IE needs this in order to recognize links in all columns */
}
/* was 5,37,69% */
.mcl2-licol1
{
    margin-left:1%;
    font-size: medium;
    font-weight: 700;
}
.mcl2-licol2
{
    margin-left:28%;
    font-size: medium;
    font-weight: 700;
}    
.mcl2-licol3
{
    margin-left:60%;
    font-size: medium;
    font-weight: 700;
}
.mcl2-licol-first4
{
    margin-top:-93px;
    font-size: medium;
    font-weight: 700;
}

.mcl2-licol-first5
{
    margin-top:-117px;
    font-size: medium;
    font-weight: 700;
}
.mcl2-licol-first6
{
    margin-top:-141px;
    font-size: medium;
    font-weight: 700;
}


.bullet2
{
    margin-left: 40px;
    padding-left: 0;
    list-style: none;
    text-align: left;
    position: relative;
    top: 4px;
}
.bullet2 li
{
    padding-left: 20px;
    background-image: url(../images/bullet_black.gif);
    background-repeat: no-repeat;
}

.bullet
{
    margin-left: 53px;
    margin-right: auto;
    padding-left: 0;
    list-style: none;
    text-align: left;
    position: relative;
    left:40%;
    
}
.bullet li
{
    padding-left: 20px;
    background-image: url(../images/bullet_black.gif);
    background-repeat: no-repeat;
}

.bullet ul { list-style: none; }

/****************************************************
Images
****************************************************/
.smallProduct
{
    /*border: none;*/
    border: solid 2px #ED1B24;
}

 .smallProductLink a:link
 {
    border:1px;
    text-decoration: none;
 }

.productImageLink
{
    border:2px;
    text-decoration: none;
}

.imgProductLineMarketingAreaAsset
{
    border:2px;
    clear:both;
}

/****************************************************
Product Pages
****************************************************/
.ProductPageLinks
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.ProductPageLinks li
{
    padding-left: 20px;
    background-image: url(../images/bullet_red.gif);
    background-repeat: no-repeat;
}

.ProductPageLinks ul { list-style: none; }

.divContent
{
    /* This is the text  */
    list-style: inside;
    border: thin;
    width: inherit; /* 535px */
    float: none;
    clear: both;
}

.divPageWidth
{
    clear:both;
}
    
.divProductDetailContent
{
    width:100%; /* 535px;*/
    float:left;
    text-align:justify;
  
}

.divAsset
{
    padding-top:75px;
    padding-right:20px;
    width:225px;
    float:right; 
}

.divProductLineAsset
{
    padding-top:40px;
    padding-right:20px;
    width:225px;
  
    
}

.divProductDetailAsset
{
    padding-top:75px;
    padding-right:20px;
    width:90%;
    /* 225px; float:right; */
}

.ProductListingItem
{
    padding-top:40px;
    vertical-align:top;
    clear:both;
}

.ProductLineCopy
{
    vertical-align:top;
    padding-top:10px;
}

/****************************************************

-30px

* html #black{margin-top:-30px;}

****************************************************/








