body {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #2A7C30;
   background-color:#2A7C30;
   margin: 0px;
   padding:0px;
}
#wrapper {
   background-image: url(images/bodyBG.jpg);
   background-repeat: repeat-y;
   background-position: center;
   background-color:#2A7C30;
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
}
#container {
   width: 752px;
   margin-right: auto;
   margin-left: auto;
   background-color:#efefef;
}

/* Header Start */
#header {
   width: 752px;
   margin-right: auto;
   margin-left: auto;
   background-color: #f0f1f0;
}
#headertop {
   background-color:#F0F1F0;
   height: 120px;
   background:url(images/tagline.gif) no-repeat right center;
}
#header #logo{
   background:url(images/logo.gif) no-repeat right center;
   display:block;
   height:116px;
   padding:0px;
   text-indent:-5000px;
   width:122px;
   margin:3px 0px 0px 10px;
}
#header h1{
   margin: 0px;
   float:left;
} /* Header End */

/* Header Menu Start */
#headermenu {
   background-color: #2A7C30;
   height: 37px;
   color: #FFFFFF;
   width: 752px;
   line-height: 37px;
}
#headermenu ul{
   list-style-type: none;
   padding:0px;
   margin:0px;
}
#headermenu ul li{
   background-image: url(images/menuItem_94_37.gif);
   background-repeat: no-repeat;
   background-position: left;
   display:inline;
   width:94px;
   text-decoration:none;
   float:left;
   padding:0px;
   margin:0px;
   text-align: center;
}
#headermenu ul li a{
   color:#FFFFFF;
   font-weight:bold;
   height:37px;
   text-decoration:none;
   width:93px;
}
/*.topMenuLast {
	background: url(images/topmenub.gif) no-repeat top left !important;
}*/
#headermenu ul li a:hover{
   text-decoration:underline;
}/* Header Menu End */

/* Content Section */
.leftMenu{
   border:1px solid #2A7C30;
   display:table;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   margin:0 0 12px;
   padding:0;
   width:150px;
}
.leftMenu h2 {
   margin-bottom: 0px;
}
.leftMenu ul {
   padding:0px;
   margin: 7px 0;
   list-style-type: none;
}
.leftMenu ul li {
   display: block;
   line-height:20px;
   text-align: left;
   width:150px;
}
.leftMenu ul .sideMenuActive {
   background:transparent url(images/arrow1.gif) no-repeat scroll 3px 6px;
   border:medium none;
   color:#993300;
   font-weight:bold;
   padding-left:15px;
   width:135px;
}
.leftMenu ul .sideMenuActive a{
   color: #993300;
   font-weight: bold;
   width:130px;
   text-indent:15px;
}
.leftMenu ul .sideMenuActive a:hover{
   color: #2a7c30;
   font-weight: bold;
   width:143px;
   background-color:transparent;
}
.leftMenu ul li a {
   color: #2a7c30;
   display: block;
   font-weight: normal;
   height: 20px;
   text-decoration: none;
   width: 150px;
   text-indent: 15px;
}
.leftMenu ul li a:hover {
   background:transparent url(images/arrow2.gif) no-repeat scroll 3px center;
   color:#2A7C30;
   font-weight:bold;
   height:20px;
}
.leftMenu ul li ul{
   background-color:#EFEFEF;
   border:1px solid #2A7C30;
   display:table;
   font-weight:normal;
   margin:0px 0px 2px;
   list-style: none;
   width: 143px;
   padding:0;
}
.leftMenu ul li ul li{
   background-color: #EFEFEF;
   border: none;
   padding:0;
   width: 130px;
   margin:0px;
}
.leftMenu ul li ul li a{
   background-color: #EFEFEF !important;
   color:#2A7C30 !important;
   font-weight:normal !important;
   border: none;
}
/*
.leftMenu ul li ul li a:hover{
   background:url(images/arrow2.gif) no-repeat scroll 3px center #EFEFEF !important;
}
.leftMenu ul li ul .sideMenuActive {
   background:#EFEFEF url(images/arrow1.gif) no-repeat 3px center;
   border:none;
   color:#993300 !important;
}
.leftMenu ul li ul .sideMenuActive a{
   background-image: url(images/arrow1.gif);
   background-position: 3px center;
   background-repeat: no-repeat;
   border: none;
   color: #993300 !important;
   text-indent: 20px;
}*/

#leftpane {
   width: 150px;
   margin: 0px 0px 0px 20px;
   float: left;
   font-size:11px;
}

#rightpane {
   width: 150px;
   margin:0px 20px 0px 392px;
   font-size:11px;
}
#center {
   background-color: #EFEFEF;
   background-image: url(images/contentTopShadow.gif);
   background-repeat: repeat-x;
   background-position: top;
   width: 752px;
   margin: 0 auto 20px;
   padding: 20px 0px 0px;
}
#center h2, #center h3 {
   margin-top: 0px;
}
#contentholder {
   margin:0px 0px 0px 190px;
   width:562px;
}
#content {
   float: left;
   display:table;
   position: relative;
}
#contentwide {
   width: 542px;
   float: left;
}
/* Content Section End */

/* Footer Start */
#footer {
   width: 100%;
   clear: both;
   height:62px;
   background-color: #2A7C30;
   text-align: center;
   background-image: url(images/footerBG.png);
   background-repeat: repeat-x;
   background-position:center top;
   color: #FFFFFF;
   position:relative;
   left:0px;
   bottom:0px;
}
#foot {
   font-size: 12px;
   padding-top:15px;
}
#foot ul{
   list-style-type:none;
   margin:0px;
   padding:0px;
}
#foot ul li{
   display:inline;
   padding:0px 7px;
}

#footer a{
   color:#ffffff;
   text-decoration:none;
}

#footer a:hover{
   color:#ffffff;
   text-decoration:underline;
} /* Footer End */

/* General Tags */
h2 {
   background-image: url(images/h1BG.gif);
   background-repeat: repeat-x;
   color: #FFFFFF;
   font-size: 12px;
   text-indent: 10px;
   line-height: 22px;
   background-color:#2A7C30;
}
h2 a{
   color: #FFFFFF;
}

h3 {
   font-size:12px;
   color: #FFFFFF;
   background:#993300 url(images/h3bg.png) repeat-x center center;
   text-indent:10px;
}
h3 a{
   text-decoration:none !important;
   color: #FFFFFF !important;
}

h3 a:hover{
   text-decoration:underline !important;
   color: #FFFFFF !important;
}

h4 {
   font-size:11px;
   font-weight:bold;
   margin:0px;
}
a, a:visited {
   color: #A0522D;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}

/* General Classes */
.clear {
   clear: both;
}
.copyright {
   font-size:10px;
   padding-top:10px;
   font-family:Arial, Helvetica, sans-serif;
}
.button{
   border:1px solid #2A7C30;
   background-color:#DDDDDD;
   padding:0;
   text-decoration:none;
   margin:0px;
   cursor:pointer;
}
.buttonlink{
   border:1px solid #2A7C30;
   background-color:#DDDDDD;
   padding:4px;
   text-decoration:none;
   margin:0px;
   cursor:pointer;
   display:table;
   color:#000000;
}
.image{
   border:1px solid #0D6921;
}
.user {
   width: 542px;
   margin: 0px 0px 20px;
   clear: both;
   display: table;
}
.user h4{
   color: #993300;
}

.userphoto {
   width: 150px;
   float:left;
}
.profileleft img{
   border: 1px solid #0D6921;
}
.userinfo {
   float:left;
   font-size:12px;
   line-height:2;
}
.userinfo h3{
   background-color:#993300;
   color:#FFFFFF;
   text-indent: 8px;
}
.userprofile {
   width: 372px;
   clear:both;
   padding-top:10px;
}
.userprofile p{
   margin-top:0px;
}

/* Search Styles */
#search {
   float:right;
   margin-top:45px;
   padding-right:15px;
   width:220px;
}
#ajaxSearch_input, .textbox {
   background-color:#F0F1F0;
   background-image:url(images/searchbox.png);
   background-position:left top;
   background-repeat:no-repeat;
   border:medium none;
   color:#666666;
   font-size:10px;
   font-style:normal;
   font-weight:normal;
   height:19px;
   left:259px;
   padding:8px 0px 0px 10px;
   top:0px;
   width:130px;
}
#ajaxSearch_submit{
   background-repeat:no-repeat;
   background-image: url(images/searchButton.gif);
   background-position: right top;
   height: 24px;
   width: 58px;
   border-style:none;
}
.AS_ajax_highlight {
   background-color:#FFFFBB;
   border:1px solid #DDD333;
   color:#000000;
   margin:-3px;
   padding:2px;
}
.AS_ajaxSearch_highlight{
   background-color:#FFFFBB;
   border:1px solid #DDD333;
   color:#000000;
   margin:-3px;
   padding:2px;
}

.AS_ajaxSearch_highlight1{
   background-color:#FFFFBB;
   border:1px solid #DDD333;
   color:#000000;
   margin:-3px;
   padding:2px;
}
.searchTerms .AS_ajax_highlight {
   margin:0pt 0pt 0pt 3px;
}
a.ajaxSearch_removeHighlight, a.ajaxSearch_removeHighlight:visited {
   color:#888888;
   display:block;
   margin:6px 0px;
   padding:1px 2px 2px;
   text-align:center;
}
a.ajaxSearch_removeHighlight:hover {
   color:#222222;
}
#ajaxSearch_output {
   background:#F0F1F0 none repeat scroll 0% 50%;
   border:0pt none;
   color:white;
   left:0px;
   margin:0pt;
   padding:0pt;
   position:relative;
   top:0px;
   width:150px !important;
}
#ajaxSearch_output a {
   color:#FFFFFF;
   display:block;
   text-align:left;
}
#ajaxSearch_output a:hover {
   background-color:#547FB6;
}
#ajaxSearch_output p {
   margin:0pt;
}
.AS_ajax_result {
   border-top:1px solid #2F2F2F;
   color:#444444;
   margin:0pt;
   padding:5px 10px 7px;
}
.AS_resultLink {
   margin:0pt;
   padding:0pt;
   text-decoration:underline;
}
.AS_ajax_resultDescription {
   color:#888888;
}
.AS_ajax_more {
   color:#555555;
}
span.ajaxSearch_highlight, span.ajaxSearch_highlight1, span.ajaxSearch_highlight2, span.ajaxSearch_highlight3, span.ajaxSearch_highlight4, span.ajaxSearch_highlight5, span.ajaxSearch_highlight6, span.ajaxSearch_highlight7, span.ajaxSearch_highlight8, span.ajaxSearch_highlight9 {
   background-color:#FFFFBB;
   border:1px solid #DDD333;
   margin: 0px 2px 0px 0px;
   padding:0px 2px;
   color:#000000;
}
.searchTerms{
   text-align:center;
   padding:40px 0px 0px 0px;
} /* Search Styles End */

/* Ditto Styles Start */
.ditto_wrapper {
   width: 100%;
   display:table;
}
.ditto_right {
   width: 80px;
   float: right;
   height:90px;
   margin-top:0px;
}
.ditto_right a:hover{
   text-decoration:none;
}
.ditto_right img{
   text-decoration:none;
   background-color:#EFEFEF;
   border:none;
   padding-top:10px;
   padding-bottom:5px;
}
.ditto_left {
   width: 291px;
   float:left;
   height: 105px;
}
.ditto_left p {
   margin:0px;
}
.ditto_left h3 {
   margin-bottom: 4px;
}
.right {
   display:table;
   float:right;
}
.left {
   float: left;
   display:table;
}
.ditto_table{
   width:372px;
   border:0px;
}
.ditto_table a, h3 a{
   text-decoration:none;
   color: #993300;
}

.ditto_table a:hover{
   color:#FFFFFF;
   background-color:#993300;
}/* Ditto styles End */
.blockLeft {
   float:left;
   padding:0px 10px 10px 0px;
}
.blockRight {
   float:right;
   padding:0px 0px 0px 10px;
}
.noborder{
   border:none;
}
.justify {
   text-align:justify;
}
.error{
   background-color:#E7E7E7;
   background:url(images/error.png) no-repeat 5px 5px;
   border:1px solid #597ABD;
   font-weight:normal;
   padding:5px 0px 4px 35px;
   color: #ff0000;
   margin:5px 0px;
   font-size: 11px;
}
.ok{
   background-color:#E7E7E7;
   background:url(images/ok.png) no-repeat 5px center;
   border:1px solid #597ABD;
   font-weight:bold;
   padding:5px 0px 4px 35px;
   margin:5px 0px;
}
.formColumnLeft{
   width:120px;
}
.formColumnRight{
   margin:-17px 0px 10px;
   padding-left: 120px;
   width:300px;
}

.formColumnRight input, .formColumnRight select, .formColumnRight textarea{
   width:300px;
}
.formWrapper{
   position:relative;
   width:300px;
}
img {
   border:none;
}
.leftnav a{
   color:#fff;
   text-decoration:none;
}
.leftnav{
   text-align:center;
}
.leftnav1{
   text-align:center;
   height:79px;
   color:#fff;
   text-decoration:none;
}
.sideBox{
   margin-bottom:12px;
   /* height:360px;*/
}
.sideBox p{
   margin-top:0px;
}
.sideBox h2, .sideBox h3{
   margin-bottom:8px;
}
.SupplierLimit {
   height:180px;
   overflow:hidden;
}
.SupllierLogo{
   padding-top:10px;
}
#content .headoffice{
   text-align:center;
}
input, select, textarea{
   border:1px solid #2A7C30;
}
th, tr, td{
   text-align:left;
   vertical-align:top;
}
table{
   width:100%;
}
fieldset{
   border:none;
}
#log_res {
   overflow: auto;
}

#log_res.ajax-loading {
   padding: 20px 0;
   background: url(images/spinner.gif) no-repeat center;
}
.titleblock {
   background: #BEE860 url(images/greenfade.gif) repeat-x center top;
   padding:5px 3px 5px 18px;
   height:18px;
   cursor:pointer;
}
.titleblock a, .titleblock a:visited, .titleblock a:hover{
   color:#993300 !important;
   font-weight:bold !important;
   font-size:12px !important;
   text-decoration:none !important;
   background-color:transparent !important;
}
.infoblock{
   border-left: 1px solid #CDEC88;
   border-right: 1px solid #CDEC88;
   border-bottom: 1px solid #CDEC88;
   padding: 0px 5px;
}
.innerBox{
   padding: 0px 5px;
   margin: 5px 0px;
   height:inherit;
}
.uses{
   background-color:#E7E7E7;
   background:url(images/ok.png) no-repeat 5px center;
   padding:0px 0px 0px 25px;
   margin:0px 0px;
}
.usesTpl{
   border-left: 1px solid #9AC1C9;
   border-right: 1px solid #9AC1C9;
   border-bottom: 1px solid #9AC1C9;
   padding: 3px;
   text-align:right;
   font-family:arial;
   font-size:11px;
}
.itemList{
   width: 60%;
}
.tblLeft{
   background-color: #ddd;
   color:#000000;
   font-size:11px;
   padding:0 5px;
   text-align:right;
   width:130px;
   font-family: Arial,Helvetica,sans-serif;
}
.tblRight{
   font-family:arial;
   font-size:11px;
   font-weight:normal;
   padding:0 5px;
   text-align:left;
}
.tableHead{
   color:#000000;
   font-weight:bold;
}
.spacer{
   height:5px;
   overflow:hidden;
}
.description{
   border-bottom: 1px solid #CDEC88;
   padding: 0px 0px 5px 0px;
   margin:5px 0px 7px 0px;
}

.tablerow:hover {
   background-color: #cdec88;
}

.profileleft {
   float: left;
   width: 160px;
}

.profileright {
   float: right;
   width: 350px;
   height: 182px;
}

#breadcrumb {
   margin: -17px 0px 3px 25px;
}

#breadcrumb a {
   color: #993300;
   text-decoration: none;
}

#breadcrumb a:hover {
   color: #993300;
   text-decoration:underline overline;
}

.B_currentCrumb{
   font-weight:normal;
}

.B_homeCrumb, B_crumb {
   color: #993300;
   text-decoration: none;
}
.regionmap{
   width:150px;
   float: right;
   text-align:right;
}

.content-outer{
   list-style:none;
   margin:0px;
}
.content-row{
   width:308px;
   background:url(images/bgcontentmenu.png) no-repeat;
   height:68px
}

.content-row a{
   display:table;
   /*background:url(images/supplier.png) no-repeat 9px center;*/
   height:68px;
   width:308px;
   line-height:68px;
   /*text-indent:80px;*/
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-variant: normal;
   font-size: 18px;
   text-align:center;
}

.content-row:hover{
   height:68px;
   width:308px;
   background:url(images/bgcontentmenu-hover.png) no-repeat;
}

.tableheader{
   background-color:#2A7C30;
   color:#FFFFFF;
}

.topText{
   vertical-align: top;
}

.productImg{
   margin:12px 0px;
}

#searchbar{
   padding:5px;
}

.introbox {
   padding:15px;
   border:2px solid #2A7C30;
   display:table;
   background-color:#FFFFFF;
   width:508px;
   margin-bottom:10px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   padding:0 15px;
}

.introbox h2 {
   background-image: none;
   background-color: #ffffff;
   color: #006600;
   font-family: 'Times New Roman',Times,serif;
   font-size:22px;
   background-image:none;
   margin:15px 0px !important;
   padding:0px;
   text-indent:0px;
}

#page{
   display:table;
   margin:20px;
   position:relative;
}

#searchblock{
   margin:12px 0;
}
#searchbar{
   border: 1px solid ;
   display: block;
   background-color: #fff;
}

#searchblock input, #searchblock select{
   width:100%;
}

#suppliermenu {
   height:100px;
   border-top: 1px solid #2A7C30;
   background-color:#FFFFFF;
}
#suppliermenu td{ 
   vertical-align: middle;
}
#suppliermenu img{
   width: 80px;
}
#suppliermenu img:hover{ 
   width: 100px;
}
#EmailForm {width:540px;}
#EmailForm h2{margin-bottom:0px;}
#EmailForm fieldset {
   border:2px solid;
   margin:0px;
   padding:0px;
}
#EmailForm table {
   margin:15px;
   padding:0px;
}

.datasheet{
   margin:0 0 4px;
   text-align:right;
}
#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {list-style:none;margin:0;padding:0;}
#acc h2 {
   color:#FFF;
   line-height:inherit;
   /*border:1px solid #8FB79C; */
   padding:7px 8px 7px;
   font-weight:bold;
   margin:12px 0 0;
   cursor:pointer; 
   background:url(images/acc-h2.gif) repeat-x center center;
}
#acc h2:hover{background:url(images/acc-h2-over.gif) repeat-x center center;}

#acc h3, .accheader {color:black;line-height:inherit;border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin:5px 0 0; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover, .accheader:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {padding:15px; border:1px solid #9ac1c9; border-top:none;display:table;background-color:#fff;width:510px;}
#acc .acc-content .acc-content {width:478px;}
#acc .acc-content ul {list-style:none;padding:0;margin:0}
.acc-content {padding:15px; border:1px solid #9ac1c9;display:table;background-color:#fff;width:510px;}

#nested {width:auto; list-style:none; color:#033; margin:0 0 15px;padding:0;}
#nested h3 {border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {width:auto; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#acc .acc-selected {background:url(images/header_over.gif)}

#slideshow1, #slideshow2 {
   margin:0;
   padding:0;
}
#slideshow1{
   float:left;
   width:374px;
   background-color: #2A7C30;
   border:1px solid #FFFFFF;
}
#slideshow2{
   float:right;
   width:375px;
   background-color: #2A7C30;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
}
.tablehead{
   background-color:#2A7C30;
   color:#FFFFFF;
   padding:4px;
}
.abutton {
   color: #993300;
   text-decoration: none;
   border:none;
   width:100%;
   vertical-align:middle;
   background-color:transparent;
   text-align:left;
   padding:0px;
   margin:0px;
   cursor:pointer;
}
.abutton:hover{
   text-decoration: underline;
}

