/*********************************
* Global.css
* Terwins Seeds - 19th April 2005
*********************************/

/**********************
* Page & Generic Layout
**********************/
* {font-family: Verdana, Arial, Sans-Serif; color: #000000; text-decoration: none; }
html {margin: 0px; padding: 0px; }
body {width: 780px; margin: 0px auto; padding: 0px; }
form {margin: 0px; padding: 0px; }
img {margin: 0px; padding: 0px; border: none; }

a:hover {color : #00763B; text-decoration: underline; }  

h1 {font-size : large; font-weight : normal; margin : 0px; color : #000000; }
h2 {font-size : medium; font-weight : normal; margin : 0px; margin-top : 10px; color : #000000; }
h3 {font-size : x-small; margin-left : 10px; text-transform : lowercase; }
h4 {font-size : small;	font-weight : bold; margin : 0px; }
h5 {font-size : x-small; font-weight : bold; margin : 0px; }

hr {width: 100%; float: left; margin: 10px 0px; padding: 0px; border: none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #336699; }

.boldText {font-weight: bold; }

.tblGeneric { }
.tblGeneric td {margin: 0px; padding: 5px 0px; }

#divPageContainer {width: 778px; float: left; margin: 0px; padding: 0px; border: 1px solid #000000; }

/**********************
* Top Menubar Layout
**********************/
#divPageContainer #divTopMenu {width: 758px; height: 17px; margin: 0px; padding: 10px; background-color: #000000; color: #FFFFFF; }
#divPageContainer #divTopMenu .divTopMenuLeft {width: 20%; float: left; }
#divPageContainer #divTopMenu .divTopMenuLeft ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divTopMenu .divTopMenuLeft ul li {margin: 0px; padding: 0px; float: left; }
#divPageContainer #divTopMenu .divTopMenuLeft ul li, #divPageContainer #divTopMenu .divTopMenuLeft ul li a, #divPageContainer #divTopMenu .divTopMenuLeft ul li a:link {color: #FFFFFF; font-weight: bold; font-size: small; }
#divPageContainer #divTopMenu .divTopMenuRight {width: 80%; float: right; }
#divPageContainer #divTopMenu .divTopMenuRight ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divTopMenu .divTopMenuRight ul li {margin: 0px; padding: 0px; float: left; }
#divPageContainer #divTopMenu .divTopMenuRight ul li, #divPageContainer #divTopMenu .divTopMenuRight ul li a, #divPageContainer #divTopMenu .divTopMenuRight ul li a:link {color: #FFFFFF; font-weight: bold; font-size: small; }

#divPageContainer #divTopMenu .divTopMenuRight ul li .selectedTopMenuItem, #divPageContainer #divTopMenu .divTopMenuRight ul li .selectedTopMenuItem a, #divPageContainer #divTopMenu .divTopMenuRight ul li .selectedTopMenuItem a:link {color: #FF9933; }

#divPageContainer #divTopMenu .divTopMenuLeft ul li a:hover, #divPageContainer #divTopMenu .divTopMenuRight ul li a:hover {color: #FF9933; text-decoration: none; }

#divPageContainer #divTopMenu .divTopMenuLeft ul li.selectedTopMenuItem, #divPageContainer #divTopMenu .divTopMenuLeft ul li.selectedTopMenuItem a, #divPageContainer #divTopMenu .divTopMenuLeft ul li.selectedTopMenuItem a:link {color: #FF9933; text-decoration: none; }
#divPageContainer #divTopMenu .divTopMenuRight ul li.selectedTopMenuItem, #divPageContainer #divTopMenu .divTopMenuRight ul li.selectedTopMenuItem a, #divPageContainer #divTopMenu .divTopMenuRight ul li.selectedTopMenuItem a:link {color: #FF9933; text-decoration: none; }

/**********************
* Header Layout
**********************/
#divPageContainer #divHeader {width: 778px; height: 233px; margin: 0px; padding: 0px; background-image: url("../images/header_image.gif"); background-position: top left; background-repeat: no-repeat; }
#divPageContainer #divHeader #divHomeLink {position: absolute; top: 37px; height: 100px; width: 360px; }
#divPageContainer #divHeader #divHomeLink img {height: 100px; width: 360px; }
#divPageContainer #divHeader #divProdFind {float: right; width: 250px; margin: 0px; padding: 10px; }
#divPageContainer #divHeader #divProdFind select {width: 100%; font-size: small; font-weight: bold; }

/**********************
* Main Menubar Layout
**********************/
#divPageContainer #divMainMenu {width: 100%; border: none; font-size: 65%; }
#divPageContainer #divMainMenu img {margin: 0px; padding: 0px; border: 0px; }
#divPageContainer #divMainMenu ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divMainMenu li { border-top: 2px solid #FFFFFF; border-bottom:1px solid #FF9933; float: left; display: block; margin: 0px; padding: 0px; line-height: 30px; text-align: center; background-color: #01773B; border-left: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divMainMenu li span.navSpanLeft{ width:14px; height:31px; float:left; padding:0; margin:0; background-image:url(../images/mainNavLeft.jpg); background-position:center; background-repeat:no-repeat;}
#divPageContainer #divMainMenu li span.navSpanRight{ width:14px; height:31px; float:left; padding:0; margin:0; background-image:url(../images/mainNavRight.jpg); background-position:center; background-repeat:no-repeat;}
#divPageContainer #divMainMenu li.firstMenuItem {float: left; display: block; margin: 0px; padding: 0px; line-height: 30px; text-align: center; background-color: #01773B;  font-weight: bold; color: #FFFFFF;  }
#divPageContainer #divMainMenu li.lastMenuItem {float: left; display: block; margin: 0px; padding: 0px; line-height: 30px; text-align: center; background-color: #01773B; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divMainMenu li a, #divPageContainer #divMainMenu li a:link {display: block; color: #FFFFFF; float:left;}
#divPageContainer #divMainMenu li a:hover {display: block; text-decoration: underline; color:#FF9933;}

#divPageContainer #divPageTitle {width: 578px; float: left; margin: 0px; padding: 10px 0px 0px 200px; }
#divPageContainer #divPageTitle h1 {width:378px; margin: 0px; padding: 0px; font-size: x-large; font-weight: normal; color: #FF9933; float:left; }
#divPageContainer #divPageTitle p { width:200px; padding:9px 0 0 0; margin:0px; font-size:1em; float:left; font-weight:bold; font-style:italic;}

/**********************
* Titlebar Layout
**********************/
#divPageContainer #divTitleBar {width: 100%; float: left; line-height: 60px; margin: 0px; padding: 0px; background-color: #FF9933; font-size: small; /*border-top: 2px solid #FFFFFF;*/ }
#divPageContainer #divTitleBar .divContent {margin: 0px; padding: 0px 0px 0px 200px; }
#divPageContainer #divTitleBar .divContent h1 {font-size: x-large; font-weight: normal; color: #FFFFFF; }

/**********************
* Breacrumb bar Layout
**********************/
#divPageContainer #divBreadcrumb {width: 100%; float: left; line-height: 30px; margin: 0px; padding: 0px; background-color: #FF9933;/* font-size: 0.7em; border-top: 2px solid #FFFFFF; */}
#divPageContainer #divBreadcrumb .divContent {margin: 0px; padding: 0px 0px 0px 0px; width:100%;}
#divPageContainer #divBreadcrumb .divContent ul {float: left; width: 500px; margin: 0px; padding: 0px 0px 0px 16px; list-style-type: none; }
#divPageContainer #divBreadcrumb .divContent ul li {float: left; margin: 0px; padding: 0px 5px 0px 0px; font-size: 0.7em; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divBreadcrumb .divContent ul li a, #divPageContainer #divBreadcrumb .divContent ul li a:link {float: left; margin: 0px; padding: 0px; /*font-size: 0.7em;*/ font-weight: bold; color: #FFFFFF; }
#divPageContainer #divBreadcrumb .divContent form{ padding:5px 5px 0 0; float:left; width:250px;}
#divPageContainer #divBreadcrumb .divContent form input{ font-size:0.7em; float:right;}
#divPageContainer #divBreadcrumb .divContent form input#strKeywords{ margin:0 5px 0 0;}

/**********************
* Column Layout
**********************/
#divPageContainer #divContentContainer {float: left; width: 748px; margin: 15px 0px 15px 8px; padding: 0px; background: url("../images/page_topbar.gif") top left no-repeat; }
body > #divPageContainer #divContentContainer {margin: 15px 0px 15px 15px; }	/* For non-IE browsers */
#divPageContainer #divContentContainer h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px 0px 10px 0px; }
#divPageContainer #divContentContainer p {margin: 0px; padding: 0px; }
#divPageContainer #divContentContainer .divPageContent p {margin: 0px; padding: 10px 0px; }

#divPageContainer #divContentContainer #divColumnContainer {float: left; width: 748px; margin: 16px 0px -2px 0px; padding: 0px; background: url("../images/column_left.gif") top left repeat-y; border: none; }
#divPageContainer #divContentContainer #divColumnContainer .divBottomBar {float: left; width: 748px; margin: -2px 0px 0px 0px; padding: 0px; height: 16px; background: url("../images/page_bottombar.gif") top left no-repeat; }

#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer {float: left; width: 748px; margin: 0px; padding: 0px; background: url("../images/column_right.gif") top right repeat-y; }
#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer #divLeftColumn {width: 157px; }
#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer #divRightColumn {width: 578px; }

#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn {width: 157px; float: left; margin: 0px; padding: 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent {width: 137px; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; text-align: right; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent h1 {color: #FFFFFF; font-family: "Bookman Old Style", Verdana, Arial, Sans-Serif; font-weight: bold; font-style: italic; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent p, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent a, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent a:hover {color: #FFFFFF; font-size: x-small; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul {width: 100%; list-style-type: none; margin: 0px; padding: 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li a, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li a:link {width: 100%; margin: 0px; padding: 0px 0px 10px 0px; font-size: 0.85em; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li a:hover {font-size: 0.85em; font-weight: bold; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li.selectedItem, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li.selectedItem a, #divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent ul li.selectedItem a:link {font-size: 0.85em; font-weight: bold; color: #000000; text-decoration: underline; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent #oDivBasketTop{ background-image:url(../images/basket_top.gif); background-position:top; background-repeat:no-repeat; float:left; padding:0; margin:0; width:137px; height:10px; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent #divBasketSummary{ border-left:1px solid #FFF; border-right:1px solid #FFF; padding:5px; margin:0; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent #oDivViewBasket{ width:125px; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF;; margin:0; padding:5px}
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn .divInnerContent #oDivBasketBottom{ background-image:url(../images/basket_bottom.gif); background-position:top; background-repeat:no-repeat; float:left; padding:0; margin:0 0 10px 0; width:137px; height:10px; }

#divPageContainer #divContentContainer #divColumnContainer #divRightColumn {width: 578px; float: left; padding: 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent {width: 548px; margin: 0px; padding: 0px 0px 0px 28px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent h1 {color: #00763B; font-family: "Bookman Old Style", Verdana, Arial, Sans-Serif; font-weight: bold; font-style: italic; }

#divPageContainer #divContentContainer .divInnerContent {color: #00763B; }
#divPageContainer #divContentContainer .divPageContent {color: #00763B; }

#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer .divInnerContent {font-size: small; }
#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer .divInnerContent p#pSideMenuHeader{ font-size:1em; padding:10px 0 5px ; font-weight:bold;}
#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer .divInnerContent p#pSideMenuHeader a{ font-size:1.3em;}
#divPageContainer #divContentContainer #divColumnContainer #divInnerColumnContainer .divInnerContent p#pSideMenuHeader a:hover{ font-size:1.3em; text-decoration:none;}

.cleaner {clear: both; height: 1px; font-size: 1px; border: none; margin: 0px; padding: 0px; background: #FFFFFF; }

/************************
* Footer Layout
************************/
#divFooter {margin: 0px; padding: 0px; background-color: #000000; text-align: center; }
#divFooter .divFooterContent {margin: 0px; padding: 10px 0px; font-size: small; }
#divFooter .divFooterContent p, #divFooter .divFooterContent a, #divFooter .divFooterContent a:link {color: #FFFFFF; !important }

/************************
* Form Layout
************************/
#divFormHolder {width: 100%; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow {width: 100%; float: left; margin: 0px; padding: 1px 0px; }
#divFormHolder .divFormRow .spaFormLabel {width: 148px; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow .spaFormField {width: 390px; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow .spaFormField .txtBox {width: 380px; }
#divFormHolder .divFormRow .spaFormField .txtMulti {width: 380px; height: 100px; }
#divFormHolder .divFormRow .spaFormField .cmbBox {width: 385px; }
#divFormHolder .divFormRow .spaFormField .chkBox {width: auto; }
#divFormHolder .divFormButtonRow {width: 533px; float: left; margin: 0px; padding: 10px 0px; text-align: center; }