/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
html, body, div.page, div.ieonly {
	margin: 0;
	padding: 0;
	height: 100%;
}

#e_content {
	position: relative;
	min-height: 100.0%;
}
* html #e_content {
	height: 100%;
}

#footer {
	position: relative;
	margin-top: -100.0px;
	height: 100.0px;
}

#header {
}

#e_column_0 {
	padding-bottom: 100.0px;
}

#column1 {
	float: left;
}

#column2 {
	float: left;
}

#column3 {
	float: left;
}

#product_gallery {
	float: left;
}

#product_video {
	float: right;
}

#product_tabs {
	float: none;
	clear: both;
}
/* 
Basic Styles
Company: Agri Products
Author: Vivian Clark (vclark@i2rd.com)
*/

html {
  font-size: 100%;
  background: #4B5154 url(/resources/dyn/files/165944/_fn/body_bg.gif) repeat-x top left;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: .8em;
  background: url(/resources/dyn/files/166203/_fn/ecolumn_shadow_left2.png) no-repeat top left;
  width: 77.5em;
  margin: 0 auto;
}

/* body shadow ---------------------------*/

div.page {
  background: url(/resources/dyn/files/166204/_fn/ecolumn_shadow_right2.png) no-repeat top right;
}
#ie6only {
  background: url(/resources/dyn/files/167531/_fn/shadow_left_ie6.gif) no-repeat top left;
}
#ie6only div.page {
  background: url(/resources/dyn/files/167532/_fn/shadow_right_ie6.gif) no-repeat top right;
}
#e_content {
  width: 99%;
  margin: 0 auto;
  background: #c9cbcc url(/resources/dyn/files/166103/_fn/content_bg.gif) repeat-x top left;
}
/* general text styles -------------------*/
h2 {
  font-size: 1.4em;
  color: #aaa;
  margin-bottom: 1em; 
  font-weight: bold;
}
h3 {
  color: #4b5154;
  font-size: 1.3em;
  margin-bottom: .5em;
}
h4 {
  color: #4b5154;
  font-weight: bold;
}
p {
  margin-bottom: 1em;
  line-height: 1.4;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
a {
  color: #3864A1;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: underline;
}
/* header  -------------------------------*/
#header {
  width: 97%;
  margin: 0 auto .5em;
  height: 6em;
  clear: both;
  position: relative;
  z-index: 2;
}
#logo {
  float: left;
  background: url(/resources/dyn/files/166147/_fn/logo.png) no-repeat left -5px;
}
#ie6only #logo {
  behavior: url(/resources/all/docroot/cms/legacy/ie6pngfix.htc);
}
#logo,
#logo a {
  width: 263px;
  height: 82px;
}
#logo a {
  text-indent: -4000em;
  display: block;
}
/* main navigation -----------------------*/
#main_menu {
  float: left;
}
#main_menu li {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  z-index: 2;
}
#main_menu li a {
  color: #414141;
  text-decoration: none;
  display: block;
  padding: 3em 2.8em;
}
#main_menu li.mi_active a {
  background: url(/resources/dyn/files/166177/_fn/menu_hover.png) no-repeat left 50px;
}
#main_menu li a:hover,
#main_menu li.over a,
#main_menu li.mi_active.over a {
  background: url(/resources/dyn/files/167573/_fn/menu_ul.png) no-repeat left 50px;
}
#main_menu li.links.over a {
  background: url(/resources/dyn/files/166177/_fn/menu_hover.png) no-repeat left 50px;
}
#ie6only #main_menu li a:hover,
#ie6only #main_menu li.over a {
  background: url(/resources/dyn/files/167572/_fn/menu_ul.gif) no-repeat left 50px;
}
#ie6only #main_menu li.mi_active a {
  background: url(/resources/dyn/files/165948/_fn/menu_hover.gif) no-repeat left 50px;
}

/* dropdown */
#main_menu li ul {
  top: 7em;
  padding-bottom: .5em;
  background: url(/resources/dyn/files/167570/_fn/menu_last.png) no-repeat left bottom;
}
#main_menu li li {
  text-transform: none;
  font-weight: normal;
  display: block;
  float: none;
  width: 226px;
  background: url(/resources/dyn/files/167571/_fn/menu_li.png) repeat-y top left;
}
#main_menu li li a {
  padding: .5em 1em;
  margin: 0 4px;
  color: #446ea7;
  font-size: 1.1em;
  font-weight: bold;
  display: block;
}
#main_menu li li a:hover,
#main_menu li.over li a:hover,
#main_menu li.over li.over a,
#main_menu li.over li a {
  background-image: none;
}
#main_menu li li a:hover,
#main_menu li li.over a,
#main_menu li li.mi_active a {
  background-color: #fff;
}
/* columns -----------*/
#e_column_0 {
  width: 97%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* column2 (home) and column3 (interior pages) --------------------*/
#home_template #column2,
#column3 {
  width: 14.2em;
  overflow: hidden;
}

/* event feature ------------------------*/
#event_feature {
  margin-bottom: .25em;
  background: url(/resources/dyn/files/167339/_fn/event_feature_repeat.gif) repeat-y left top;
  clear: both;
  float: left;
  overflow: hidden;
  width: 100%;
}
div.event_wc_0 {
  background: url(/resources/dyn/files/167338/_fn/event_feature_top.gif) no-repeat left top;
}
div.event_wc_1 {
  padding: .5em;
  background: url(/resources/dyn/files/167340/_fn/event_feature_bottom.gif) no-repeat left bottom;
}
#event_feature h3 {
  color: white;
  font-size: 1.3em;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 0em;
}
#event_feature a {
  color: #e4c565;
  text-transform: uppercase;
  font-size: .9em;
  display: block;
  padding: .25em 0;
  text-decoration: none;
}
#event_feature p {
  margin-bottom: 1.05em;
  margin-top: 0em;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2em;
}

/* featured_products -----------*/
#featured_products {
  background: url(/resources/dyn/files/166960/_fn/featured_products_image.jpg) no-repeat top left;
  width: 168px;
  height: 142px;
  margin-bottom: 0;
  clear: both;
  float: none;
}
#featured_products a {
  font-weight: bold;
  height: 40px;
  padding: 102px 0 0 0.75em;
  display: block;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2em;
  background: url(/resources/dyn/files/166961/_fn/featured_products_title.gif) no-repeat left bottom;
}
#featured_products p {
  margin: 0;
}
/* footer -------------------------------*/
#footer {
  margin: -100px auto 0;
  width: 99%;
  background: url(/resources/dyn/files/166180/_fn/footer_bg.gif) repeat-x top left;
}
#footer_wc_0 {
  padding: 3em 2em;
  color: white;
  font-size: .8em;
}
#address {
  float: left;
}
#copyright {
  float: right;
}


/* interior pages rounded corners --------------------------*/

#column1,
#column2 {
  background-color: #fff;
}
#column3 {
  background-color: #dfe0e0; 
}
div.top,
div.bottom {
  overflow: hidden;
}
.rounded_corners .top span,
.rounded_corners .bottom span {
  background-color: white;
  overflow: hidden;
  padding: 0;
  line-height: 1px;
}
#column3 .top span,
#column3 .bottom span {
  background-color: #dfe0e0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#column1 .top span,
#column1 .bottom span,
#column2 .top span,
#column2 .bottom span {
  background-color: white;  
  border-left: 1px solid #decca0;
  border-right: 1px solid #decca0;
}
#column1 .corners_content,
#column2 .corners_content {
  margin: 0;
}
.rcc span.top, 
.rcc span.bottom {
  clear: both;
}
#column3 span.rco {
  background-color: white !important;
}
#column3 span.rc {
  border-right: 1px solid white !important;
  border-left: 1px solid white !important;
}
#column3 div.corners_content {
  border: 1px solid white;
  border-width: 0 1px;
  padding: .25em .5em 0;
  margin: 0;
  overflow: hidden;
}


/** Functional Styles. */
.rcc span.top,
.rcc span.bottom {
    background-color: white;
    display: block;
}
.rcc span.rc {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    border-width: 0 1px;
    border-style: solid;
    background-color: transparent;
    display: block;
}
.rcc span.rco {
    border-width: 0 2px;
}
.rcc span.rci {
    height: 2px;
}
/** Layout. */
span.corners_content {
    display: block;
}
.corners_content {
    margin: 0 .25em;
}/* interior pages styles ---------------------------*/

#column1 {
  width: 14em;
}
#column1_wc_0 {
  padding: 0 .5em 1em;
}
#column2 {
  width: 45em;
}
#column2 #column2_wc_0 {
  padding: 1.5em 1em;
  margin: 0 .5em;
  border-top: 1px solid #414141;
}
#column1,
#column2 {
  margin-right: .5em;
}

/* column 1 -----------------*/

#column1 h3 {
  background: url(/resources/dyn/files/165949/_fn/subnav_first.gif) no-repeat top left;
  color: white;
  line-height: 2.5;
  padding-left: .5em;
  font-size: 1.2em;
  font-weight: bold;
}

/* submenu --------------*/
#submenu li a {
  color: #3864a1;
  text-decoration: none;
  display: block;
  padding: .5em 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1;
}
#submenu li li a {
  font-size: .9em;
  font-weight: normal;
  padding: .25em 0 .25em 1em;
  line-height: 1;
  background: url(/resources/dyn/files/167625/_fn/submenu_item.gif) no-repeat left center;
}
#submenu li a:hover,
#submenu li.over a,
#submenu li.mi_active a,
#submenu li.over li.over a,
#submenu li.mi_active li.mi_active a,
#submenu li.over li a:hover,
#submenu li.over li.mi_active a {
  color: #444;
}
#submenu li.over li a,
#submenu li.mi_active li a {
  color: #3864a1;
}

/* product detail's page -----------------------*/

#product_gallery {
  width: 27em;
}
#product_video {
  width: 13.5em;
}
#product_tabs {
  clear: both;
  float: none;
}
#product_gallery,
#product_video {
  margin-bottom: 1em;
}

/* product gallery ---------------------------*/
#product_gallery div.photoalbumviewer {
  padding: 0;
}
#product_gallery div.photo_viewer {
  margin: 0 0 .5em;
  border: none;
  position: relative;
  z-index: 1;
}
.photo img {
  border: 1px solid #666;
}
.thumbnail_list span,
#product_gallery div.album_title {
  display: none;
}
#product_gallery div.thumbnail_list {
  width: 100%;
  margin: 0;
}
.thumbnail_list div.thumbnail {
  width: 55px !important;
  height: 55px !important;
  overflow: hidden;
}
.thumbnail_list div.thumbnail img {
  padding: 0;
}
.thumbnail_list li.selected div.thumbnail {
  border: 1px solid black;
}
#product_gallery div.caption { /* 4thumbnails */
  position: absolute;
  bottom: -52px;
  right: 26px;
  width: 69px;
  border: none;
  font-size: .8em;
  color: #666;
  line-height: 1.2;
}
#product_gallery .two_tb div.caption {/* 2thumbnails */  
  right: 145px;
}
#product_gallery .one_tb div.caption {/* 1thumbnails */  
  right: 208px;
}

/* product video ------------------------*/
div.flvplayercomponent,
#watch_button {
  background: #e0e0e0;
  text-align: center;
  border: 1px solid #aaa;
}
div.flvplayercomponent {
  padding: .75em .5em .25em;
  border-width: 1px 1px 0;
}
#watch_button {
  padding: 0 .75em .75em;
  border-width: 0 1px 1px;
  margin-bottom: 1em;
}
#pdf_link {
  margin-bottom: .5em;
}

/* buttons ------------------------------*/
.button p {
  margin: 0;
  background: url(/resources/dyn/files/167673/_fn/button_left.gif) no-repeat top left;
}
.button a {
  display: block;
  line-height: 2.3;
  text-align: center;
  text-decoration: none;
  color: #3864a1;
  font-weight: bold;
  background: url(/resources/dyn/files/167674/_fn/button_right.gif) no-repeat top right;
}
.button a:hover {
  color: black;
}
/* how to buy button ---------------*/
#wheretobuy {
  margin-bottom: .2em;
  background: url(/resources/dyn/files/177592/_fn/wheretobuy_button.gif) no-repeat top left;
}
#wheretobuy a {
  display: block;
  text-indent: -4000em;
}
#wheretobuy,
#wheretobuy a {
  width: 167px;
  height: 70px;
}
#wheretobuy p {
  margin: 0;
}
/* tab component --------------- */

.tab-container ul.tab-items {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.tab-items li {
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid #444;
  border-width: 1px 1px 0;
  float: left;
  height: 2em;
  margin: 0;
  color: #3864A1;
  line-height: 1.9em;
  background: url(/resources/dyn/files/167677/_fn/tab_inactive.gif) repeat-x top left;
  overflow: hidden;
  cursor: pointer; 
  cursor: hand; /* sets cursor pointer for IE */
  width: 24.6%;
  text-align: center;
}
.ieonly .tab-items li {
  width: 24.6%;
}
.tab-items li span {
  display: block;
  padding: 0;
}
.tab-items li.tab-selected {
  background-image: none;
  color: #444;
}
.tab-content {
  display: none;
  line-height: 1.5em;
  border: 1px solid #444;
  padding: 1em;
}
.tab-content h3 {
  color: #4b5154;
}
.tab-container h5 {
  color: #2994d9;
}

/* tables -----------------------------------*/

tr.even {
  background: #edeeee;
  border-top: 1px solid #dbdcdd;
  border-bottom: 1px solid #dbdcdd;
}
.tab-content tr,
.tab-content td {
  padding: .5em .25em;
}
.tab-content td {
  vertical-align: top;
  font-size: .9em;
}
col.col1 {
  width: 40%;
}
col.col2 {
  width: 10%;
}
col.col3 {
  width: 10%;
}

col.col4 {
  width: 24%;
}
/*
th.col1 {
  width: 18.2em;
}
.tab-content td.col1 {
  width: 30%;
}
.col2 {
  width: 6.5em;
}
.col3 {
  width: 5.3em;
}
.tab-content .last .col1 {
 width: 6.5em;
}
tr.last .col2 {
 width: 18em;
}
tr.last .col3 {
 width: 9em;
}
tr.last .col4 {
  width: 9em;
}
*/

.tab-content th {
  color: #83888a;
  font-style: italic;
  vertical-align: top;
}

/*availability tab*/
#availability p {
  margin-left: 2em;
}





/* product gallery ---------------------------*/
#product_gallery div.photoalbumviewer,
#gallery div.photoalbumviewer {
  padding: 0;
}
#product_gallery div.photo_viewer,
#gallery div.photo_viewer {
  margin: 0 0 .5em;
  border: none;
  position: relative;
  z-index: 1;
  float: left;
}
#product_gallery .photo img {
  border: 1px solid #666;
  float: left;
  text-align: left;
  top: 0;
  left: 0px !important; /* weirdness with IE :P */
  margin-left: 0px !important; /* weirdness with IE :P */
}
#product_gallery div.photo {
  position: static !important; /* weirdness with IE :P */
  width: 344px;
}
.thumbnail_list span,
#product_gallery div.album_title,
#gallery div.album_title {
  display: none;
}
#product_gallery div.thumbnail_list,
#gallery div.thumbnail_list {
  width: 346px;
  margin: 0;
}
.thumbnail_list div.thumbnail {
  width: 53px !important;
  height: 55px !important;
  overflow: hidden;
  margin-right: 3px;
}
.thumbnail_list div.thumbnail img {
  padding: 0;
}
.thumbnail_list li.selected div.thumbnail {
  border: 1px solid black;
}

#product_gallery div.caption,
#gallery div.caption { 
  display: none;
}

/* thumbnail list */

.thumbnail_list span {
  display: block;
  width: 11px;
  height: 56px;
  text-indent: -400em;
}
.thumbnail_list span.disabled {
  display: none;
}
.thumbnail_list span.previous {
  background: url(/resources/dyn/files/188999/_fn/gallery_back.gif) no-repeat center;
}
.thumbnail_list span.next {
  background: url(/resources/dyn/files/189000/_fn/gallery_next.gif) no-repeat center;
}



div.image_loading {
    font-size: 0px;
    line-height: 0px;
    min-height: 100px;
    height: 100%;
}
div.image_loading,
img.file_preview {
    background-image: url(/resources/all/docroot/cms/preview/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

div.photoalbumviewer {
    padding: 10px 0;
    text-align: center;
    clear: both;
}
.photoalbumviewer div.title,
div.album_title {
    font-size: 1.73em;
    font-weight: bold;
    color: #333;
    width: 100%;
    text-align: center;
}
.thumbnail img {
    border: 0 none;
    /*vertical-align: middle; MSIE problem*/
    padding: 4px 0;
}
div.thumbnail {
border: 1px solid #999;
margin: 0 5px 5px 0;
padding: 0;
text-align: center;
}
div.thumbnail:hover {
    border-color: #333;
}
li.selected div.thumbnail {
    border-color: #fd9;
}
div.cms-tooltip {
padding: 1px;
background: white;
border: black 1px solid;
font-size: .9em;
}

.carousel ol {
margin: 0 auto;
padding: 0;
list-style: none;
overflow: hidden;
float: left;
}
.carousel li {
float: left;
cursor: pointer;
cursor: hand;
}
span.previous,
span.next {
    float: left;
    width: 2em;
    overflow: hidden;
    cursor: pointer;
    text-shadow: #ccc 2px 2px 2px;
    font-stretch: ultra-condensed;
    cursor: hand;
}
span.disabled.previous,
span.disabled.next {
    cursor: default;
    opacity: 0.3;
    filter: opacity(30);
}
div.thumbnail_list{
    clear: both;
    margin: 0 auto;
    width: 90%;
}
div.photo {
}
.photo img {
    vertical-align: middle;
}
div.photo_viewer {
  border: 1px outset #777;
  margin: 1px 0 2px 0;
}
span.caption {
  padding: 2px;
}
div.caption {
    text-align: left;
    width: 100%;
    border-top: 1px outset #777;
    /* overlay 
    color: #fff;
    font-weight: bold;
    left: 1em;
    top: -2.25em;
    position: relative;
    width: 95%;
    */
    
    /* Standard */
}

/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}
