/* ABSORBINE JR STYLES --------------------

FONT - arial, helvetica, sans-serif;
COLOR - #000;
A:LINK - #011d35;
A:HOVER - #9a001d;

A:LINK (footer) - #545454;


h1, h2 - #9a001d;

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

*, html, body{
margin:0px;
padding:0px;
}

#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:#95001c;
background-image:url("images/JRHeader-bg.jpg");
background-repeat:no-repeat;
background-position:top left;
font-family:arial, helvetica, sans-serif;
color:#000;
}

  #mainLogo{
  margin:0px 0px 0px 15px;
  padding:15px 0px 0px 0px;
  float:left;
  clear:both;
  }

  #mainNav{
  background-image:url("images/JRHeader-nav-bg.jpg");
  margin:6px 0px 0px 0px;
  height:26px;
  width:100%;
  float:left;
  clear:both;
  }

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

      #headerContainer #mainNav ul li{
      display:inline;
      padding-right:60px;
      padding-top:0px;
      padding-bottom:0px;
      line-height:normal;
      }
       
        #mainNav a, #mainNav a:link, #mainNav a:visited{
        color:#011d35;
        text-decoration:none;
        }

        #mainNav a:hover, #mainNav a:active{
        color:#9a001d;
        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/JRHome-pic02.jpg");
  clear:both;
  float:none;
  }

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

    #subCenterLeft{
    float:left;
    height:105px;
    width:400px;
    padding:3px;
    margin-top:15px;
    margin-left:10px;
    }

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

    #subCenterRight{
    float:left;
    height:105px;
    width:480px;
    border-left:1px solid #dadada;
    padding:3px 3px 3px 12px;
    margin-top:15px;
    margin-left:20px;
    }

      .expertBanner{
      margin-bottom:2px;
      }

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

    h1.pageTitle, h1{
    padding:24px 0px 0px 30px;
    line-height:1em;
    font-family:arial, helvetica, sans-serif;
    font-size:24px;
    color:#9a001d;
    font-weight:normal;
    letter-spacing:.02em;
    }
    
  .prod_name {
  	font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:14px;
    color:#9a001d;
  }
  

  #pageContent{
  width:100%;
  height:539px;
  clear:both;
  float:none;
  padding-top:20px;
  }

    .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:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:18px;
    color:#9a001d;
    margin-bottom:30px;
    }

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

    ul {
    list-style-type:square;
    font-size:12px;
    padding:8px 0px 0px 15px;
    }

    ul li{
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#6d666d;
    text-align:left;
    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:#011d35;
      }

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

      .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:arial, helvetica, sans-serif;
font-size:16px;
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 170px 0px 20px;
    }

      #footerContainer #subNav ul li{
      display:inline;
      padding-left:35px;
      padding-right:25px;
      }

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

        #subNav a:hover, #subNav a:active{
        color:#9a001d;
        text-decoration:none;
        }

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

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

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

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

    #footerContainer #ABlogo{
    margin-top:10px;
    margin-left:15px;
    }
    
    #footerContainer #Charcologo{
    margin-top:10px;
    }
    
    
#scrollable2 {
float: left;
width: 430px;
height: 250px;
padding: 10px;
border: 0px solid #ccc;
margin:10px 0px 0px 20px;
overflow: hidden;
white-space: wrap;
}

#scrollable{
float:left;
width:200px;
height:430px;
padding:5px;
overflow:hidden;
white-space:wrap;
}

  #scrollable2 p{
  margin-top:0px;
  margin-bottom:15px;
  line-height:1.6em;
  font-family:"century gothic", helvetica, arial, sans-serif;
  font-size:12px;
  }
#scrollable3 {
position:absolute;
width:265px;
top:40px;
left:192px;
height: 465px;

overflow: hidden;
white-space: wrap;
}	
/*
#scrollable2 table{	
	margin-top:0px;
	margin-bottom:25px;
	font-size:12px;
  }
#scrollable2 table tr td {		
	padding-bottom:1.5em;
}
*/


			/* wrap to make sure that image area is clickable */
			#wrap3, #wrap2, #wrap {
				float: left;
                                margin-left:10px;
				width: 19px;
				height: 275px;
				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
			}

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





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

  #productCategory, #dealersCategory, #MenuBar1{
  float:left;
  width:180px;
  height:485px;
  border-right:1px solid #ccc;
  padding-left:30px;
  padding-right:30px;
}

    #hoofcare{}

    .cat{

    padding:10px 0px 10px 30px;
    margin:0px 0px 25px 0px;
    border:0px solid;
    font-size:19px;
    font-family:times, "Times New Roman", serif;
    }

    .cat:hover, .pageON{
    background-color:#ddd;
    background-image:url("images/products/arrow.jpg");
    background-repeat:no-repeat;
    background-position:95% 50%;
    }

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

    #cat01{}

    #cat02{}

    .name{
    border:0px solid;
    font-size:11px;
    padding:10px 15px 8px 10px;
    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:95% 50%;
    }

    .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%;
    }

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

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

      .productText h2{
      padding-top:20px;
      margin-bottom:3px;
      }

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

      .picLink{
      padding-left:90px;
      padding-top:50px;
      }

#productMain_Img, .productPic_subCat{
float:right;
}

.promoBanner{
width:711px;
float:right;
margin:0px;
padding:0px;
}

.promoInfo{
width:711px;
margin:0px;
padding:0px;
float:right;
}

.promoLeft{
height:240px;
width:33%;
float:left;
padding-top:60px;
}

.promoMiddle{
height:300px;
width:34%;
float:left;
}

.promoMiddleTop{
float:none;
clear:both;

text-align:right;
padding-top:80px;
padding-right:20px;
}

.promoMiddleTop h2, .promoMiddleBottom h2,
.promoMiddleTop p, .promoMiddleBottom p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:times, "Times New Roman", serif;
}

.promoMiddleTop h2, .promoMiddleBottom h2{
margin-bottom:10px;
}

.promoMiddleTop p, .promoMiddleBottom p{
font-size:14px;
}

.promoMiddleTop p{
text-align:right;
}

.promoMiddleBottom{
float:none;
clear:both;

padding-top:40px;
}

.promoRight{
height:260px;
width:30%;
float:left;
padding-top:40px;
padding-right:10px;
text-align:right;
}

span.moreLink{
position:relative;
font-family:times, "Times New Roman", serif;
top:40px;
}

.dealersContent{
float:left;
width:720px;
}

.dealersContent h2{
float:left;
padding:0px 0px 0px 0px;
margin:10px 0px 20px 20px;
}

#dealers_pdfLeft, #dealers_pdfRight{
float:left;
width:48%;
}

#assetsLeft, #assetsRight{
float:left;
width:48%;
}

.productInfo_div{
text-align:center;
padding:10px;
border:1px solid #eee;
width:60%;
margin-left:50px;
margin-bottom:20px;
}

.productInfo_div:hover{
border:1px solid #ddd;
}

.productInfo_div p{
text-align:center;
}

.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;
}



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


.promo_outer {
	position:absolute;
	z-index:10;
	width:700px;
	height:500px;
	top:50px;
	padding:0px;
	border:0px;
	background-color:#ffffff;
	visibility:hidden;
	font-family:times, "Times New Roman", serif;
}


.promo_header {
	height:18px;
	width:690px;
	background-color:#bbbbbb;
	color:white;
	padding:5px;
	border:0px;
	cursor:pointer;
	font-size:12pt;
	text-align:right;
	font-family:times, "Times New Roman", serif;
}



.promo_content {
	padding:10px;
	position:relative;
	overflow:hidden;
	white-space:normal;
	height:450px;
	border:0px;
	font-family:times, "Times New Roman", serif;
}


/* DEALER TABBED PAGES **********/

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


.TabbedPanels {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
}

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

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 80px;
	margin: 0px -1px 0px 0px;
	font-weight:normal;
        font-size:12px;
        font-family:times, "Times New Roman", serif;
	background-color: #eee;
	list-style: none;
	border-left: solid 1px #ddd;

	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #ddd;
}

.TabbedPanelsTabSelected {
	background-color: white;
	border-bottom: 1px solid white;
color:#634114;
}

.TabbedPanelsTab a {
	color: green;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;

	border-top: solid 1px #ddd;
	border-right: solid 1px #;
	background-color:;
}

.TabbedPanelsContent {
	padding: 10px;
}

.TabbedPanelsContentVisible {
}