/*-----AgroTrade_ProductsPage----*/



/*--------BasicStructure--------*/
/*--------this css uses a different bg without the green separator horizontal bar--------*/


body {
font-family: Verdana;
font-size: 12px;
color: #000000;
line-height: 17px;
width: 900px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
background: #86120A url(../products/prodBG02.jpg) repeat-x;
}


.main {
width: 900px;
float: left;
overflow: visible;
background: url(../common_imgs/dropShdwBG01.jpg) repeat-x;
}


alt {
color: #ffffff;
}


img {
border: 0;
}


iframe {
border: 0;
}


p.c1 {
text-align: center
}



/*--------------HEADER--------------*/

.hderFrame {
width: 900px;
height: 100px;
float: left;
background: #F3A002 url(../common_imgs/hderBG01.jpg) repeat-x;
}









/*--------------MENUS MAIN--------------*/

.menuFrame {
width: 900px;
height: 30px; /*---must match height of iframe in html doc--*/
float: left;
background: #86120A url(../common_imgs/menuBG01.jpg);
}




/*-------------CONTENT SECTION--------------*/


.content {
width: 900px;
height: 480px;
float: left;
background: #ffffff url(../common_imgs/contentBG01.jpg) repeat-x;
}


.contentBox {
width: 900px;
float: left;
margin: 40px 0px 20px 0px;
}


.pageTitle {
font-size: 15px;
font-weight: bold;
margin: 0px 0px 10px 0px;
}




/*----------------------------PRODUCTS----------------------------*/


/*----FolderTabs Buttons----*/

.prodMenuTabs {
width: 480px;
height: 45px;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 45px;
text-align: center;
text-decoration: none;
color: #000000;
color: #000000;
position: relative;
top: 15px;
z-index: 0;
}


.current {
display: block;
width: 160px;
height: 45px;
float: left;
background: url(../products/menuTabCurrent.jpg) repeat-x;
}


.prodButton {
display: block;
color: #000000;
width: 160px;
height: 45px;
float: left;
text-decoration: none;
z-index: 0;
}


A.prodButton:link {
color: #000000;
}


A.prodButton:visited {
color: #000000;
font-weight: normal;
}


A.prodButton:hover {
color: #ffffff;
background: url(../products/menuTabON.jpg) repeat-x;
}


A.prodButton:active {
color: #000000;
text-decoration: none;
}






/*----Limegreen BG Panel Box----*/


.prodContent01 {
width: 900px;
float: left;
margin: 10px 0px 10px 20px;
}


.prodMainBox {
width: 860px;
min-height: 355px;
float: left;
background-color: #d1ddcd;
}


.prodTitle {
margin: 0px;
}


.prodCaption {
width: 450px;
float: right;
font-family: Arial;
text-align: justify;
margin: 8px 35px 0 0;
}




/*--RoundedCorner Top--*/

.prodBGTop {
width: 860px;
height: 10px;
float: left;
position: relative; 
top: 10px; 
left: 0px; 
z-index: 1000;
background: url(../products/rndCorTopGIF.gif) repeat-x;
}



/*--RoundedCorner Bottom--*/

.prodBGBottm {
width: 860px;
height: 10px;
float: left;
background: url(../products/rndCorBottmGIF.gif) repeat-x;
}




/*----Products Pic Box----*/


.prodPic {
float: left;
margin: 0;
}



/*----Nutritional Profile Data Box----*/

.analysis {
width: 350px;
margin: 15px 0 0 50px;
border: 1px solid #71876A;
background: #ffffff;
}


.dataTitle {
height: 20px;
text-align: center;
font-weight: bold;
background: #B5C7B0;
border-bottom: 1px solid #71876A;
}


.dataLeft {
text-align: right;
padding-right: 8px;
}


.dataRight {
text-align: left;
}


td.gray {
background-color: #E1E1E1;
}


.sack {
text-align: left;
margin-top: 5px;
}


/*----Text Links to Product Categories----*/


.prodNavBox {
width: 860px;
height: 30px;
float: right;
margin: 18px 0 0 0;
background: url(../products/prodNavBG01.jpg);
}


.prodNav {
width: 850px;
float: left;
font-size: 11px;
font-weight: normal;
line-height: 15px;
text-align: right;
margin: 10px 0 0 0;
}


.prodNavTx {
color: #000000;
font-size: 11px;
text-decoration: underline;
}

A.prodNavTx:link {
text-decoration: underline;
}

A.prodNavTx:visited {
font-weight: normal;
color: #000000;
text-decoration: underline;
}

A.prodNavTx:hover {
color: #000000;
text-decoration: none;
}

A.prodNavTx:active {
color: #000000;
text-decoration: underline;
}


.currentProd {
font-weight: bold;
text-transform: uppercase;
float: left;
font-size: 11px;
}


















/*--------------COPYRIGHT/FOOTER--------------*/

.footerFrame {
width: 900px;
float: left;
background: #871209 url(../common_imgs/footerBG01.jpg) repeat-x;
}






/*----Text Links Generic----*/


.txLink {
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: left;
text-decoration: underline;
}

A.txLink:link {
text-decoration: underline;
}

A.txLink:visited {
font-weight: normal;
color: #000000;
text-decoration: underline;
}

A.txLink:hover {
color: #86120A;
text-decoration: none;
}

A.txLink:active {
color: #000000;
text-decoration: underline;
}