/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-color: #ffffff;
       background-image: url(../images/BorderBackground.gif);
    background-position:center;
    background-repeat: repeat-y;
    font-size: .75em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-weight: inherit;
 font-size:inherit;
 }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 954px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    /*border: 1px solid #4f6d89;*/
}

.pageInterior
{
    position:relative;
}



@media screen and (min-width: 100px) and (max-width: 700px)
{
    .page
    {
        width: auto;
    }
}

@media screen and (min-width: 701px) and (max-width: 959px)
{
    .page
    {
        width: auto;
    }
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #000;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

#container {
    margin-bottom: 10px;
}

#contentAdArea
{
/* To move ads to left side of page comment out width and change float to left in #contentAdArea .sideAdSpace */  
    
    width: 100%;
    min-width: 701px;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 10px;
}

#contentAdArea .main
{
    margin: 12px 0 8px 8px; 
    text-align: left;    
}

.contentArea
{
    float:left;
    width:614px;
    margin-right:20px;
}

#contentAdArea .sideAdSpace
{
    float:left;
    width:300px;
}

.imageAds img
{
    max-width: 100%;
    min-width:100%;
    height: auto;
    width: auto/9; /* ie8 */
}

.companyNameLink {
        font-weight:bold;
        color:#000000;
    }

.moreInfoLink {
    text-decoration: none;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

#prefooter {
    background-color: #eb3300;
    color:#fff;
    text-align:center;
    font-weight:bold;
    padding-bottom:10px;
    font-size:14px;
}

    #prefooter a {
    
    color:#ffffff;
    }

#footer {
  
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

#morelink {
  color: #013268;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.8em;
}

.HomeCategory {
    
    padding-right:5px;
    padding-left:5px;
   
    
}

.HomeCategory a{
    color:#4F4F4F;
    text-decoration:none;
    font-size: 0.9em;
    

}

.HomeCategory a:hover{
    color:#0000ff;
    
}

.SuperCategory {
    color: #2f4553;
        font-size: 1.0em;
    font-weight: bold;
    
    padding: 3px;
    margin-top: 5px;

}


.ModuleHeadLeft{
    background-image: url(../images/H-Left2.jpg);
    width:15px;
    height:25px;
    float:left;
}
.ModuleHeadText{
    float:left;
    color:#ffffff;
    font-weight:bold;
    padding-left: 5px;
    padding-top: 4px;
    text-transform:uppercase;
    font-size:1.1em;
}
.ModuleHead{
    background-image: url(../images/H-Fill2.jpg);
    position:relative;
    height:25px;
}
.ModuleHeadRight{
    background-image: url(../images/H-Right2.jpg);
    width:26px;
    height:25px;
    float:right;
}
.ModuleHeadRightEx{
    background-image: url(../images/H-RightEx2.jpg);
    width:35px;
    height:25px;
    float:right;
}
.ModuleBox{
    border-left: 1px #D7D8D9 solid;
    border-right: 1px #D7D8D9 solid;
    border-bottom: 1px #D7D8D9 solid;
}
.ModuleContent{
    padding: 9px; 
}
.ModuleContentEx{
    padding: 9px; 
    padding-top: 0px;
}

.ModuleHeadLeft2{
    background-image: url(../images/H-Left2.jpg);
    width:15px;
    height:25px;
    float:left;
}
.ModuleHeadText2{
    float:left;
    color:#ffffff;
    font-weight:bold;
    padding-left: 5px;
    padding-top: 4px;
    text-transform:uppercase;
    font-size:1.1em;
}
.ModuleHead2{
    background-image: url(../images/H-Fill2.jpg);
    position:relative;
    height:25px;
}
.ModuleHeadRight2{
    background-image: url(../images/H-Right2.jpg);
    width:26px;
    height:25px;
    float:right;
}
.ModuleHeadRightEx2{
    background-image: url(../images/H-RightEx2.jpg);
    width:35px;
    height:25px;
    float:right;
}

.categoryFirst
{
    float: left;
    width: 49%;
    
}

.categorySecond
{
    float: left;
    width: 49%;
    
}

.categoryThird
{
    float: right;
    width: 33%;
}

.Module{
    margin-bottom: 10px;
}
.ModuleHeadEx{
    border-left: 1px #D7D8D9 solid;
    height:9px;
}
.ModuleHeadExRight{
    background-image: url(../images/H-Extension.jpg);
    width:35px;
    height:9px;
    float:right;
}
.HomeTitle {
    font-size:1.5em;
    color:#507937;
    font-weight:bold;
    text-align:center;
}
.AdFeaturedListingLeft {
    width:50%;
    float:left;
    text-align:center;
}
.AdFeaturedListingRight {
    width:50%;
    float:left;
    text-align:center;
}
.AdFeaturedListingInner {
    padding-top:5px;
    padding-bottom:3px;
}
.HorizontalAd {
    text-align:center;
    padding: 0px 0px 6px 0px;
}

#RFPdata
{
    max-height:400px;
    overflow: auto;
    margin-left:9px;
}
.RFPform
{
    font-size:10px;
}
.RFPMsg
{
    color:#ff0000;
    padding-right:3px;
    padding-bottom:3px;
    
}
#tagCloudContent {line-height:20px;word-wrap:break-word;}
#tagCloudContent a, #tagCloudContent span {text-decoration:none; font-weight:bold;}
#tagCloudContent a:hover {color:#013268 !important}
.rank_1 {font-size:148%; color:#00508E !important}
.rank_2 {font-size:115%; color:#7F7F7F !important}
.rank_3 {font-size:100%; color: #A2A2A2 !important}
.rank_4 {font-size:90%; color:#B5B5B5 !important}

.emailgraphic
{			
    /*height: 14px;*/
    cursor:hand;
    /*float:left;*/
    display: inline;
    overflow: hidden;
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}


.headerGraphic
{
    /*background-color:#ffffff;
    background-image: url("../images/Logo.jpg");
    background-repeat: no-repeat;
        
    margin-bottom:10px;    */
    /*height: 134px;*/
    
    width: 100%;
}
    
.headerGraphic a
{
        
    width: 100%;
}
    
.headerGraphic img
{
    width: 100%;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.AdSpot
{
    padding-bottom:10px;
    text-align:center;
}

.AdSpotTiles
{
    padding-bottom:10px;
    text-align:center;
}

.BreadCrumb
{
    color: #123979;
    font-size: 13px;
    font-weight: bold;
    padding-bottom:10px;
}

.BreadCrumb a
{
    text-decoration: none;
}

/***********************************************/
/***************  Mobile Styles  ***************/
/***********************************************/
/* Styles for iPads/Tablets*/
/*@media only screen and (min-width: 761px) and (max-width: 920px)
{
    
    .headerGraphic
    {
        height: auto;
    }

    .contentArea
    {
        float: left;
        max-width: 470px;
        margin-right: 20px;
    }
    
    .AdFeaturedListingLeft 
    {
        width: 50%;
        float: left;
        text-align: center;
        border-right: 1px #D7D8D9 solid;
    }
    
    .AdFeaturedListingRight 
    {
        width: 49%;
        float: left;
        text-align: center;
    }
    
    .AdFeaturedListingLeft img,
    .AdFeaturedListingRight img
    {
        width: 230px;
        height: 120px;
    }
    
   

    
    
    #contentAdArea .sideAdSpace
    {
        float: left;
        width: 250px;
    }
    
    #contentAdArea .sideAdSpace .AdSpot img
    {
        float: left;
        width: 250px;
        height: 200px;
    }
    
    .Module
    {
        width: 100%;    
    }
    
    .ModuleHead{
        background-image: url(../images/H-Fill.jpg);
        position: relative;
        height: 25px;
        width: 100%;
    }
    
    #contentAdArea .sideAdSpace span a
    {
        margin: 0 0 5px 0;
        display: inline-block;
    }
}*/

/* Styles for resized web windows between iPad/tablets and mobile*/
@media only screen and (min-width: 600px) and (max-width: 760px)
{
    .headerGraphic
    {
        height: auto;
    }
    
    .HorizontalAd
    {
        max-width: 760px;
        min-width: 600px;
        width: 100%;  
    }
    
    .HorizontalAd img
    {
         width: 100%;  
    }
}

@media only screen and (min-width: 100px) and (max-width: 650px)
{
    .headerGraphic
    {
        height: auto;
    }
    body
    {
        background: none repeat scroll 0 0 #fff;
        color: #696969;
        font-family: Arial,Helvetica,Verdana,sans-serif;
        font-size: 0.8em;
        margin: 0;
        padding: 0;  
        width: auto; 
    }
    
    .page
    {
        width: auto; 
        border: none;   
        max-width: 650px;
    }
    
    
    
    .HorizontalAd
    {
        max-width: 650px;
        min-width: 100px;
        width: 100%;  
    }
    
    .HorizontalAd img
    {
        width: 100%;  
    }
    
    #searchBar
    {
        display: none;    
    }
    
    .hideMobile
    {
        display: none;    
    }
    
    .ModuleBox{
        margin-bottom: 10px;
    }
    
    #contentAdArea
    {
        margin: 10px auto;
        padding: 0 0 10px 0;
        text-align: left;
        min-width: 100px;
        max-width: 499px;
        width: auto;
    }
    
    .contentArea 
    {
        float: left;
        background-color: #FFFFFF;
        margin-right: 20px;
        width: auto;
        z-index: 7;
        min-width: 100px;
        max-width: 650px;
    }
    
    .AdFeaturedListingLeft
    {
        border: none;    
    }
    
    .AdFeaturedListingRight 
    {
        display: none;
    }
    
    #contentAdArea .sideAdSpace
    {
        float: none;   
        width: 100%;
        text-align: center;
    }
    
    #eselcornerSmall
    {
        display: none;    
    }
    
    #eselcornerBig
    {
        display: none;    
    }
}