/* EQUINE AMERICA STYLES --------------------

font-family: Georgia, Times, "Times New Roman", serif;
COLOR - #000;
A:LINK - #011d35;
A:HOVER - #004078;

A:LINK (footer) - #545454;
A:HOVER (footer) - #002a4f;

h1, h2 - #004078;

------------------------------------- */

*, html, body{
margin:0px;
padding:0px;
font-family: Georgia, Times, "Times New Roman", serif;
}

#mainContainer{
margin-left:auto;
margin-right:auto;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
width:950px;
}

#headerContainer{
width:100%;
height:129px;
background-color:#004078;
background-image:url("images/EAHeader-bg.jpg");
background-repeat:no-repeat;
background-position:top left;
/* font-family:times, "Times New Roman", serif; */
color:#000;
}

  #mainLogo{
  margin:0px 0px 0px 25px;
  padding:5px 0px 0px 0px;
  float:left;
  clear:both;
  }
  
   #mainNav{
  background: #d7d7d7 url("images/EAHeader-nav-bg.jpg") repeat-x;
  margin:4px 0 0 0;
  height:30px;
  width:100%;
  float:left;
  clear:both;
  }

    #headerContainer #mainNav ul{
    list-style-type:none;
    text-transform:uppercase;
    font-size:12px;
    padding:8px 0px 0px 35px;
    }

      #headerContainer #mainNav ul li{
      display:inline;
      padding-right:25px;
      padding-left:25px;
      }
       
        #mainNav a, #mainNav a:link, #mainNav a:visited{
        color:#011d35;
        text-decoration:none;
        }

        #mainNav a:hover, #mainNav a:active{
        color:#004078;
        text-decoration:none;
        }

#bodyContainer{
width:100%;
height:610px;
background-color:#fff;
border-bottom:1px solid #ececec;
}

  #mainCenter{
  width:100%;
  height:476px;
  background-color:#000;
  background-image:url("images/EAHome-mainPic01.jpg");
  clear:both;
  float:none;
  }

  #subCenter{
  width:100%;
  background-color:#fff;
  height:135px;
  }

    #subCenterLeft{
    float:left;
    height:105px;
    width:395px;
    padding:2px;
    margin-top:10px;
    margin-left:10px;
    }

      .myoplastLogo, .charcocapsLogo{
      margin-bottom:10px;
      }

    #subCenterRight{
    float:left;
    height:105px;
    width:490px;
    border-left:1px solid #dadada;
    padding:2px 2px 2px 10px;
    margin-top:10px;
    margin-left:10px;
    }

      .expertBanner{
      margin-bottom:4px;
      }
      
      .featuredBanner{
      margin-bottom:7px;
      }

  #pageHeader{
  width:100%;
  height:70px;
  clear:both;
  float:none;
  }

    h1.pageTitle, h1{
    padding:24px 0px 0px 30px;
    line-height:1em;
    /* font-family:times, "Times New Roman", serif; */
    font-size:24px;
    color:#004078;
    font-weight:normal;
    letter-spacing:.02em;
    }

  #pageContent{
  width:100%;
  height:539px;
  clear:both;
  float:none;
  }
  
  .subtext {
    /* font-family:"lucida sans", helvetica, arial; */
    font-weight:normal;
    font-size:10px;
    /*color:#6d666d;*/
    color:#004078;
}

.regulartext {
    /* font-family:"lucida sans", helvetica, arial; */
    font-weight:normal;
    font-size:12px;
    color:#6d666d;
}

	.prod_name {
  	/* font-family:"lucida sans", helvetica, arial; */
    font-weight:normal;
    font-size:17px;
    color:#004078;
    margin-left:10px;
    margin-top:8px;
    position:absolute;
    width:490px;
    padding-top:0px;
    height:30px;
  	}
  	
  	.prod_img_column {
	position:absolute;
	width:185px;
	height:365px;
	text-align:center;
	padding-top:55px;
	padding-bottom:40px;
}

.cat_img_column {
	position:absolute;
	width:488px;
	height:400px;
	text-align:center;
}

    .leftImg{
    float:left;
    padding-right:20px;
    border-right:1px solid #c9c9c9;
    }

    .rightText{
    float:left;
    margin-left:5px;
    width:520px;
    padding-right:10px;
    padding-left:10px;
    }


    .rightImg{
    float:right;
    border-left:1px solid #c9c9c9;
    padding-left:20px;
    }

    .leftText{
    float:left;
    width:520px;
    padding-left:35px;
    }

    h2{
    /* font-family:times, "Times New Roman", serif; */
    font-weight:normal;
    font-size:18px;
    color:#004078;
    margin-bottom:30px;
    }

    p{
    /* font-family:"lucida sans", helvetica, arial; */
    font-weight:normal;
    font-size:14px;
    color:#6d666d;
    text-align:left;
    margin-top:10px;
    margin-bottom:20px;
    line-height:1.6em;
    }

    
    .contactDiv{
    font-size:12px;
    width:250px;
    float:left;
    color:#6d666d;
    }

      .bold{
      color:#251916;
      }

      .contactDiv p{
      margin-bottom:0px;
      line-height:1.6em;
      }

      .contactDiv a, .contactDiv a:link, .contactDiv a:visited, a, a:link, a:visited{
      text-decoration:underline;
      color:#251916;
      }

      .contactDiv a:hover, .contactDiv a:active, a:hover, a:active{
      text-decoration:underline;
      color:#004078;
      }

      .contactDiv table{
      margin-top:2px;
      margin-bottom:12px;
      }

      .contentDiv table{
      font-size:12px;
      }

      .rightAlign{
      text-align:right;
      width:100px;
      padding-right:20px;
      padding-bottom:30px;
      font-size:12px;
      }

      tr, td, table{
      vertical-align:top;
      font-size:12px;
      }

#teamText{
width:580px;
}

  .teamDivs{
  float:none;
  clear:both;
  width:100%;
  height:120px;
  margin-bottom:15px;
  }

    .subTeamDivs{
    float:left;
    }

    .subTeamDivText{
    width:380px;
    padding-left:10px;
    }

      .quote{
      font-style:italic;
      margin:0px;
      padding:0px;
      }

      .quoteAuthor{
      margin:0px;
      padding:0px;
      padding:0px 0px 0px 30px
      }

      .quoteTitle{
      font-size:10px;;
      margin:0px;
      padding:0px 0px 0px 40px;
      }


#footerContainer{

height:58px;
background-color:#fff;
/* font-family:times, "Times New Roman", serif; */
font-size:14px;
font-weight:normal;
color:#000;
border-top:1px solid #dadada;
}

  #footerContainer #subNav{
  float:left;
  height:58px;
  }
    
    #footerContainer #subNav ul{
    list-style-type:none; 
    padding:23px 0 0 20px;
    }

      #footerContainer #subNav ul li{
      display:inline;
      padding: 0 20px;
      }

        #subNav a, #subNav a:link, #subNav a:visited{
        color:#545454;
        text-decoration:none;
        }

        #subNav a:hover, #subNav a:active{
        color:#002a4f;
        text-decoration:none;
        }

  #footerContainer #subLogos{
  float:left;
  padding-left:60px;
  height:58px;
  border-left:1px solid #dadada; 
  } 

    #footerContainer .subLogos{
    float:left;
    padding-left:7px;
    padding-right:7px;
    }
 
    #footerContainer #EAlogo{
    margin-top:9px;
    margin-left:10px;
    }

    #footerContainer #JRlogo{
    margin-top:12px;
    }

    #footerContainer #WFYlogo{
    margin-top:9px;
    }
    
    #footerContainer #Charcologo{
    margin-top:11px;
    }

#scrollable2 {
float: left;
width: 480px;
height: 250px;
border: 0px solid #ccc;
margin:0;
overflow: hidden;
white-space: wrap;
}
#scrollable3 {
position:absolute;
width:265px;
top:40px;
left:192px;
height: 465px;
overflow: hidden;
white-space:normal;
}
  #scrollable2 p{
  margin-top:0px;
  margin-bottom:25px;
  line-height:1.6em;
  font-size:13px;
  }
#scrollable2 table{	
	  margin-top:0px;
  margin-bottom:25px;
  font-size:13px;
  }
#scrollable2 table tr td {		
	padding-bottom:1.5em;
	}			
			/* wrap to make sure that image area is clickable */
			#wrap3, #wrap2 {
				float: left;
                                margin-left:10px;
				width: 19px;
				height: 275px;
				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
			}

                        #wrap2{
                        margin-top:80px;
                        }
			
			/* top image of track */
			#track3-top {
				position: absolute;
				width: 19px;
				height: 8px;
				background: transparent url(images/scrollbar-track-top.png) no-repeat top left;
			}
			
			/* vertical track */
			#track3 {
				
				width: 19px;
				height: 265px;
			}
			
			/* vertical track handle */
			#handle3 {
				width: 19px;
				height: 31px;
                padding-top:10px;
                cursor:move;
			}





#productContainer{
width:100%;
height:500px;
border:0px solid red;
overflow:hidden;
}

  #productCategory{
  float:left;
  width:220px;
  height:485px;
  border-right:1px solid #ccc;
  }

    #hoofcare{}

    .cat{
    /* height:30px; */
    padding:8px 0 8px 30px;
    margin:0 0 15px 0;
    border:0px solid;
    font-size:16px;
    /* font-family:times, "Times New Roman", serif; */
    }

    .cat:hover{
    background:#ddd url("images/products/arrow.jpg") no-repeat 200px 3px;
    }
    
    .cat2{
    height:35px;
    padding:10px 0px 10px 30px;
    margin:0px 0px 15px 0px;
    border:0px solid;
    font-size:16px;
    /* font-family:times, "Times New Roman", serif; */
    }
    
    .cat2:hover{
    background-color:#ddd;
    background-image:url("images/products/arrow.jpg");
    background-repeat:no-repeat;
    background-position:200px 8px;
    }

  #productName{
  float:left;
  width:228px;
  height:485px;
  border-right:1px solid #ccc;}

    #cat01{}

    #cat02{}

    .name{
    border:0px solid;
    font-size:13px;
    padding:10px 0px 8px 15px;
    margin:0px 0px 5px 0px;
    /* font-family:times, "Times New Roman", serif; */
    }

    .name:hover{
    background-color:#ddd;
    background-image:url("images/products/arrow.jpg");
    background-repeat:no-repeat;
    background-position:212px -2px;
    }

    .cat02{}

    .cat05{}

  #productDescription{
  float:left;
  width:490px;
  height:485px;
  border:0px solid green;
  }

    #001{
    border:0px solid red;
    }

    #002{

    }

    .proDes{
    clear:both;
    float:none;
    border:0px solid red;
    height:485px;
    }

    .productPicture{
    float:left;
    border:0px solid;
    width:42%;
    }
    
    .productPic_subCat {
	float:left;
	width:490px;
	left:10px;
	position:relative;
}

    .scrollContainer{
    width:200px;
    border:0px solid red;
    height:480px;
    }

    .productText{
    float:left; 
    border:0px solid;
    width:57%;
    }

      .pic{
      padding-top:100px;
      padding-left:15px;
      }

      .picLink{
      padding-left:90px;
      padding-top:50px;
      }
      
.promo_outer {
	position:absolute;
	z-index:10;
	width:700px;
	height:500px;
	top:50px;
	padding:0px;
	border:0px;
	background-color:#ffffff;
	visibility:hidden;
}


.promo_header {
	height:18px;
	width:690px;
	background-color:#bbbbbb;
	color:white;
	padding:5px;
	border:0px;
	cursor:pointer;
	font-size:12pt;
	text-align:right;
}



.promo_content {
	padding:10px;
	position:relative;
	overflow:hidden;
	white-space:normal;
	height:450px;
	border:0px;
}

.shownews {
	position:absolute;
	z-index:10;
	width:900px;
	height:500px;
	top:50px;
	padding:0px;
	border:0px;
	background-color:#ffffff;
	visibility:hidden;
}


.shownews_header {
	height:18px;
	width:890px;
	background-color:#bbbbbb;
	color:white;
	padding:5px;
	border:0px;
	cursor:pointer;
	font-size:12pt;
	text-align:right;
	/* font-family:"century gothic", helvetica, arial, sans-serif; */
}

	.news_title {
		font-size: 19px;
		}



.shownews_content {
	padding:10px;
	position:relative;
	overflow:hidden;
	white-space:normal;
	height:450px;
	border:0px;
	/* font-family:"century gothic", helvetica, arial, sans-serif; */
}