@charset "utf-8";
/* CSS Document */

/*========================================================*/
/*              CSS for Dallas Bonsai Garden              */
/*                http://www.mindwhirl.com                */
/*                                                        */
/*                                                        */
/*                                                        */
/*========================================================*/

/*========================================================*/
/*  Default                                               */
/*========================================================*/



/* Style For HTML PAGE                 --*/ html { height: 100%; }
/* Style For HTML BODY                 --*/ body { margin: 0; padding: 0;/*background: url(../images/bg_top.jpg); background-repeat:repeat-x;*/ background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; vertical-align:top;}


/*========================================================*/
/*  Container Elements                                    */
/*========================================================*/

/*-- main page container               --*/ #pageContainer { position: inherit; width:852px; height:100%; margin: 0 auto;; /*border-left:1px solid #78c448; border-right:1px solid #78c448;*/ clear:inherit;}

/*-- Header container                  --*/ #header { position: inherit; width:852px; height: 108px; /* background:url(../images/blockBG.gif); background-repeat:repeat;  margin: 0 0 0 0;*/}

/*-- Header container                  --*/ #headerLeft { float:left; position: inherit; width:309px; height: 108px;/* background:url(../images/blockBG.gif); background-repeat:repeat;  margin: 0 0 0 0;*/}

/*-- Header container                  --*/ #headerRight { float:left; position: inherit; width:543px; height: 108px;/* background:url(../images/blockBG.gif); background-repeat:repeat;  margin: 0 0 0 0;*/}

/*-- Header container                  --*/ #headerRightTop { float:left; position: inherit; width:543px; height: 76px;/* background:url(../images/blockBG.gif); background-repeat:repeat;  margin: 0 0 0 0;*/}

/*-- Header container                  --*/ #headerRightBottom { float:left; position: inherit; width:543px; height: 32px; background-color:#193219; color:#FFFFFF; padding: 0; margin:0;} 

/*-- pageLayout container               #pageLayout { width:876px; height:100%; background-image:url(../images/contentBG.jpg); background-repeat:repeat-y; padding: 0 0 0 12px; overflow: hidden;}--*/

/*-- leftBG container                   #leftBG { float:left; position: inherit; width:12px; height:100%; background-image:url(../images/bgLeft.jpg); background-repeat:repeat-y;}--*/



/*-- rightBG container                  #rightBG { float:left; position: inherit; width:12px; height:100%; background-image:url(../images/bgRight.jpg); background-repeat:repeat-y;}--*/

/*-- contentContainer                  --*/ #contentContainer{ width:852px; height: inherit; background-image: url(../images/dallas_bonsai_contentBG.jpg); background-repeat:repeat-y; background-color:#ffffff;}


/*-- Navigation Container              --*/ #nav{ float: left; position: inherit; width:202px; height: auto; margin: 0 0 0 0; background-color:#336633; /*background-image:url(../images/navBG.jpg); background-repeat:repeat-x;*/}

/*-- Navigation Container              --*/ #navSpacer{ float: left; position: inherit; width:202px; height: 30px; margin: 0 0 0 0; }

/*-- headerNavTop Container            --*/ #headerNavTop{ height: 17px;/* background-color:#193219;*/}

/*-- searchBox Container               --*/ #searchBox{ height: auto; background-color:#193219;}

/*-- contentHolder container           --*/ #contentHolder { float: right; position: inherit; width:650px; height:100%;}

/*-- contentSpacer container           --*/ #contentSpacer { position: inherit; width:650px; height:10px; background-color: #FFFFFF;}

/*-- Content container                 --*/ #content{ float:left; position: inherit; width:458px; height: inherit; padding: 0 10px 10px 10px; /*margin: 0px 0px 0px 0px;*/ background: #FFFFFF; /*border-right:1px #afa791 solid;*/}

/*-- infoColumn container              --*/ #infoColumn{ float: right; position: inherit; width:170px; height: inherit; background:#d6e0d6; background-image:url(../images/contentRightShadow.jpg); background-repeat:repeat-x;}

/*-- Footer container                  --*/ #footer{ position: inherit; width:832px; height: auto; background-color:#193219; padding: 10px;}

/*-- copyright container               --*/ #copyright{ position:inherit;  width: 852px; height:43px; padding:5px 0 0 0; font-size:8pt; color: #000000; text-align:center;}








/*-- topImage container                #topImage{ float:left; position: inherit; width:592px; padding: 0px 0px 0px 0px; height: inherit;} --*/

/*-- copy Container                     #copy { float: inherit; height: inherit; position: inherit; width:558px; padding: 20px 17px 20px 17px; background-image:url(../images/navShadow.jpg); background-repeat:repeat-x;}--*/

/*-- spacer DIV (box model fix          #spacer{ height:15px;}--*/

/*-- clear class (to make content area enclose content containers)   .clear { clear:both; }--*/

/*-- calloutContainer                   #calloutContainer{ padding:0px 11px 20px 11px;}--*/

/*--  rightCallout                      #rightCallout{background-image:url(../images/calloutBG.jpg); background-position:top; background-repeat:repeat-x; background-color:#d9d7ce; border:1px solid #afa791; padding:5px;}--*/

/*--  rightBanner                      #rightBanner{ width:234px; height:188px; }--*/
/*--  rightBanner                      #rightBanner a{color:#afa791; }--*/
/*--  rightBanner                      #rightBanner a:hover{color:#afa791; }--*/

/*-- SideBar banner                     #sideBar_banner{ float: inherit; height: inherit; position: inherit; width:260px; background-color:#78c448; margin: 0px 0 0px 0; padding: 0px 0px 0px 0px; overflow:hidden;}--*/
/*-- SideBar contact                    #sideBar_contact{ float: inherit; height: inherit; position: inherit; width:226px; background-color:#78c448; margin: 0px 0 0px 0; padding: 0px 17px 0px 17px; overflow:hidden;}--*/
/*-- SideBar quotes                    #sideBar_quotes{ float: inherit; height: inherit; position: inherit; width:226px; background:url(../images/sideBar_quotesBG.gif); background-repeat:repeat; background-color:#78c448; margin: 0px 0 0px 0; padding: 0px 17px 0px 17px; overflow:hidden;}--*/
/*-- SideBar affiliations              #sideBar_affiliations{ float: inherit; height: inherit; position: inherit; background-color:#78c448; overflow:hidden; border:none;}--*/




/*-- footer nav container               #footerNav{ float:right; width: 400px; height:64px; padding:9px 10px 0 0 ; font-size:10pt; } --*/


/*-- privacy container                  #fhome{ float:left; width:36px; height:51px; padding:14px 10px 0 10px; text-align: right; font-size:8pt;}--*/
/*-- privacy container                  #fabout{ float:left; width:36px; height:51px; padding:14px 10px 0 10px; text-align: right; font-size:8pt;}--*/
/*-- terms container                    #fservices{ float:left; width:48px; height:51px; padding:14px 10px 0 10px; text-align: right; font-size:8pt;}--*/
/*-- privacy container                  #fresources{ float:left; width:57px; height:51px; padding:14px 10px 0 10px; text-align: right; font-size:8pt;}--*/
/*-- contact container                 #fcontact{ float:left; width:43px; height:51px; padding:14px 10px 0 10px; text-align: right; font-size:8pt;} --*/




/*========================================================*/
/*  Navigation Elements                                   */
/*========================================================*/

/****************** Dropdown Menu styling starts here **************/
/*-- Nav UL class	                   --*/ /*.menusan{ text-align:left; display:block;} use these params to positions your menu */

											.mainnav {z-index:100; margin:0; padding:0; height: 32px;/* line-height: 32px;*/ width:543px; }
											
											#topnav, #topnav ul { float:left; padding: 0; margin: 0; list-style: none; height: 32px; width:543px;}

/*-- Main Nav List and Items           --*/ /*menusan, .menusan li { padding: 0; margin: 0; list-style: none; height: 42px;} all lists */
									
											/*.menusan li { float: left; width: inherit; }*//* all list items *//* width needed or else Opera goes nuts */
 
											#topnav a { display: block; width: inherit; height: 22px; color:#FFFFFF ; /*border-right:#756f57 solid 1px; border-left: #b8b298 solid 1px;*/ text-decoration:none; padding:5px 15px 5px 15px; }
											
											#topnav li { float:left; padding:0; }
											
											#topnav li a:hover { color:#ffffff; height: 22px; text-decoration:underline; background-color:#336633; }
											
											/*#headerRightBottom li .mainlevel_activemainnav { background-color:#b6a77f; color:#5e5b48; }*/
											
											/*#headerRightBottom #active_menumainnav { background-color:#b6a77f; color:#5e5b48; }*/
 
											
											
/*-- Sub Nav List and Items            --*/ #topnav li ul {position: absolute;	width: 220px; height: 32px; left: -98%;	margin: 0; list-style: none; z-index: +1; /*left: 663px; top: 130px;*/}/* second-level lists *//* using left instead of display to hide menus because display: none isn’t read by screen readers */

											#topnav li ul li{ width: 220px; height: 32px;}/* second-level lists */

											#topnav li ul li a { width: 210px; height: 22px; color:#ffffff; ; border-right:#193219 solid 1px; border-bottom:#193219 solid 1px; border-left: #193219 solid 1px; border-top:#193219 solid 1px; text-decoration:none; padding:5px 5px 5px 5px; background-color:#336633;}/* margin: 0 0 0 0;*/  
 
 											#topnav li ul li a:hover { background-color:#418141; color:#ffffff; height: 22px; text-decoration:underline; /* margin: 0 0 0 0;*/}
											 
/*-- Sub, sub Nav List and Items       --*/	#topnav li:hover ul, #topnav li.sfhover ul  { left: auto;}/* lists nested under hovered list items */ /* change is to 10px, 20px, etc for indenting the sub menue */






/* **************** Dropdown Menu styling end here ***************/


/* **************** Vertical Nav styling begin here ***************/

/*-- Vertical Nav 	                   --*/ #verticalNav, #verticalNav ul, #verticalNav ul li ul, #verticalNav ul li ul li ul{float:left; padding: 0; margin: 0; list-style: none; height: inherit; width:202px; position:relative; }

                                            #verticalNav ul li {float:left; padding: 0; margin: 0; list-style: none; height: inherit; width:202px; }
											
											#verticalNav ul li a {display: block; width:192px; height: 22px; color:#FFFFFF ; padding: 8px 0 0 10px; text-decoration:none; border-bottom:#193219 1px solid; font-weight:bold;}
											
											#verticalNav ul li a:hover {display: block; width:192px; height: 22px; color:#ffffff; padding: 8px 0 0 10px; text-decoration:underline; border-bottom:#193219 1px solid; font-weight:bold; /*background-color:#57a757;*/}
											
											#verticalNav ul li ul li {float:left; padding: 0; margin: 0; list-style: none; height: inherit; width:202px; }
											
											#verticalNav ul li ul li a {display: block; width:182px; height: 18px; color:#FFFFFF ; padding: 4px 0 0 20px; text-decoration:none; border-bottom:#336633 1px solid; background-color:#418141; font-weight: normal;}
											
											#verticalNav ul li ul li a:hover {display: block; width:182px; height: 18px; color:#193219; padding: 4px 0 0 20px; text-decoration:none; border-bottom:#336633 1px solid; font-weight: normal; /*background-color:#57a757;*/}
											
											#verticalNav ul li ul li ul li {float:left; padding: 0; margin: 0; list-style: none; height: inherit; width:202px; }
											
											#verticalNav ul li ul li ul li a {display: block; width:172px; height: 16px; color:#FFFFFF ; padding: 0 0 0 30px; text-decoration:none; border-bottom:#336633 1px solid; background-color:#4d954d; font-weight: normal;}
											
											#verticalNav ul li ul li ul li a:hover {display: block; width:172px; height: 16px; color:#193219; padding: 0 0 0 30px; text-decoration:none; border-bottom:#336633 1px solid; font-weight: normal; /* background-color:#57a757;*/}

                                            



/* **************** Vertical Nav styling end here ***************/







/* **************** header Menu styling begins here ***************/
/*-- Header container menu links            #headerRightBottom a { padding:0 15px;}--*/
/*-- Header container menu links            #headerRightBottom a:link { text-decoration:none; color:#FFFFFF; }--*/
/*-- Header container menu links            #headerRightBottom a:hover { color:#fff000;  }--*/
/*-- Header container menu links           #headerRightBottom a:visited { text-decoration:underline; }--*/

/* **************** header Menu styling end here ***************/







/****************** Footer Menu styling starts here **************/

/*-- Footer Nav List and Items         --*/ #footerNav{ float: left; display: block; width:832px; margin:0; padding: 0;}

/*-- Footer Nav List and Items         --*/ #footerNav li { float: left; display: block; list-style:none; width: auto; padding: 5px 37px 5px 37px; }

/*-- Footer Nav List and Items         --*/ #footerNav li a{ color:#FFFFFF; text-decoration:none; font-weight:bold; text-decoration: underline; }

/*-- Footer Nav List and Items         --*/ #footerNav li a:hover{ color:#4d954d; text-decoration:none; font-weight:bold; text-decoration: underline; }

/*-- Footer Nav List and Items         --*/ #footerNav ul { display:block; position: inherit; float:none; padding:0; margin:0; }

/*-- Footer Nav List and Items         --*/ #footerNav ul li{ float:none; clear:left; padding: 5px 5px 5px 0; margin:0;}

/*-- Footer Nav List and Items         --*/ #footerNav ul li a{ color:#FFFFFF; text-decoration:none; font-weight: normal; font-size:10px; }

/*-- Footer Nav List and Items         --*/ #footerNav ul li a:hover{ color:#ffffff; clear:left; font-weight: normal; text-decoration: underline; font-size:10px; }

/* **************** Footer Menu styling end here *****************/





/*-- navHome 		unused             #navHome{ float:left; width:85px; height:32px;}--*/
/*-- navAbout  		unused             #navAbout{ float:left; width:74px; height:32px;}--*/
/*-- navServices   	unused             #navServices{ float:left; width:91px; height:32px;}--*/
/*-- navResources   unused             #navResources{ float:left; width:105px; height:32px;}--*/
/*-- navContact     unused             #navContact{ float:left; width:83px; height:32px;}--*/
/*-- navExtension   unused             #navExtension{ float:left; width:342px; height:32px; background:url(../images/nav_06.gif); background-repeat:repeat-x;}--*/



/*-- nav                               #nav{ height:32px; background:url(../images/nav_06.gif); background-repeat:repeat-x; padding: 0px 0px 0px 0px; margin: 5px 0 0px 0;}--*/

/*-- nav ul                           #nav ul{ display:block; /*margin:-7px -5px -5px -5px;*/ /*padding:5px 5px 5px 5px; text-align:left;}--*/

/*-- nav ul li                       #nav ul li{ color:#ffffff; display:inline; text-align:center; padding:0px 15px 0px 15px;} --*/

/*-- nav ul li a:link,#nav ul li a:visited #nav ul li a:link,#nav ul li a:visited{	color:#ffffff; font-weight:bold; text-decoration:none; /*border-right:solid 1px #666;*/	/*padding:10px 10px 10px 10px;*/ /*line-height:1.5em;}--*/

/*-- nav ul li a:hover                #nav ul li a:hover/*,#nav ul li a:active,#nav ul li a:focus{*/ /*background:#ffffff;*/ /*color:#007fc6; font-weight:bold;}--*/

/*-- nav  current span                #current span{ color:#007fc6;}--*/
/*-- nav  current                     #current{ background:url(../images/mainNavOver.png); background-position:center; background-repeat:no-repeat; background-position: top;}--*/




/*-- footerLinks                               #footerLinks{ font-size:8pt; color: #ffffff; width: 350px; float: left;}--*/

/*-- footerLinks ul                           #footerLinks ul{ display:block; font-size:8pt;/*margin:-7px -5px -5px -5px;*/ /*padding:15px 5px 5px 5px; text-align: right;}--*/

/*-- footerLinks ul li                        #footerLinks ul li{ font-size:8pt; color:#ffffff; display:inline; text-align:center; padding:0px 15px 0px 15px;}--*/

/*-- footerLinks ul li a:link,#nav ul li a:visited        #footerLinks ul li a:link,#footer ul li a:visited{ font-size:8pt; color:#ffffff; /*font-weight:bold;*/ /*text-decoration:none;*/ /*border-right:solid 1px #666;*/	/*padding:10px 10px 10px 10px;*//* line-height:1.5em;}--*/

/*-- footerLinks ul li a:hover                #footerLinks ul li a:hover/*,#nav ul li a:active,#nav ul li a:focus{*/ /*background:#ffffff;*/ /*font-size:8pt; color:#78c448;*/ /*font-weight:bold;}--*/

/*-- footerLinks  current span                #footerLinks #current span{ color:#78c448;}--*/




/*========================================================*/
/*  Text   --- Default text is specified in the Body tag  */
/*========================================================*/


/*-- H1                                 --*/  H1{ position:relative; height:auto; margin-bottom:1pt; margin-top:1pt; line-height:12pt; font-size:12pt; font-weight:bold; color: #ffffff; overflow:hidden;}
/*-- H1 GREEN                          .H1GREEN{ position:relative; height: auto; margin-bottom:12pt; margin-top:10pt; line-height:16pt; font-size:12pt; font-weight:bold; color: #78c448; overflow:hidden;} --*/
/*-- H1 BULLET                          .H1BULLET{ position:relative; height: auto; margin-bottom:4pt; margin-top:12pt; line-height:18pt;  font-size:10pt; font-weight:bold; color: #007fc6; overflow:hidden;}--*/
/*-- H1 CONTACT                          .H1CONTACT{ position:relative; height: auto; margin-bottom:0; margin-top:10pt; line-height:16pt;  font-size:12pt; font-weight:bold; color: #007fc6; overflow:hidden;}--*/

/*-- H2                               --*/ h2 { position:relative; height:auto; margin-bottom:12pt; margin-top:10pt; line-height:16pt; font-size:14pt; font-weight:bold; color: #418141;}
/*-- P                                --*/  p { margin: 0 0 0 0;}

/*-- H3                               --*/ .moduletable h3 { position:relative; height:auto; margin-bottom:14px; margin-top:0px; line-height:16pt; font-size:14pt; font-weight:normal; color: #2f2d24;}
/*-- P                                --*/ .moduletable p { padding: 5px;}
/*-- SideBar Content Text              .sideBar_contentTextLarge{font: 16pt  Verdana, Geneva, sans-serif; color : #ffffff; line-height:14pt;}--*/
/*-- SideBar Content Text              .sideBar_contentTextMedium{font: 12pt Verdana, Geneva, sans-serif; color : #ffffff; line-height:14pt;}--*/
/*-- SideBar Content Text              .sideBar_contentText{font: 10pt Verdana, Geneva, sans-serif; color : #ffffff;}--*/
/*-- SideBar Contact Text              .sideBar_contactText{font: 10pt Verdana, Geneva, sans-serif; color : #ffffff;}--*/

/*-- Green Text                         .greenText{color: #78c448;}--*/

/*-- Note Text                         .noteText{font: 8pt Verdana, Geneva, sans-serif; color : #78c448; line-height:9pt;}--*/

/*-- footer text Links                  .copyright{ font-size:8pt; color: #ffffff;}--*/


/*-- Bold Text                          .boldText{ font-weight:bold;}--*/

/*-- servicesBulletBold                 .servicesBulletBold{ font-weight:bold; color: #007fc6; line-height:16pt;}--*/


/*========================================================*/
/*  Links                                                 */
/*========================================================*/


/*-- footer text Links                  a.copyright:link{ color: #ffffff; text-decoration:none;}--*/
/*-- footer text Links                  a.copyright:visited{ color: #ffffff; text-decoration:none;}--*/
/*-- footer text Links                  a.copyright:hover { color: #78c448; text-decoration:none;}--*/

/*-- sidebar text Links                 a.sidebar:link{ color: #007fc6;}--*/
/*-- sidebar text Links                 a.sidebar:visited{ color: #007fc6;}--*/
/*-- sidebar text Links                 a.sidebar:hover { color: #ffffff;}--*/

/*-- body text Links                   --*/ a:link{ color: #336633;}
/*-- body text Links                   --*/ a:visited{ color: #336633;}
/*-- body text Links                   --*/ a:hover { color: #418141;} 


/*-- productLink                       --*/  a.productLink:link{ color: #003300; font-weight:bold; font-size:14px;}
/*-- productLink                       --*/  a.productLink:visited{ color: #003300; font-weight:bold; font-size:14px;}
/*-- productLink                       --*/  a.productLink:hover{ color: #336633; font-weight:bold; font-size:14px;}

/*========================================================*/
/*  Forms                                                 */
/*========================================================*/

/*========================================================*/
/*  IMAGES                                                */
/*========================================================*/

/*-- hadleyPic                              #hadleyPic{ float:left; padding:5px 15px 15px 0; }--*/

/*-- Image Border                       img {border: 0px;}--*/

/*========================================================*/
/*  Design Elements                                       */
/*========================================================*/

/*-- searchBox Form Container         --*/ #searchBox form{ padding:5px 5px 15px 5px; color:#FFFFFF;}
/*-- searchBox Form Container         --*/ #searchBox form #searchRow{ line-height:15px; vertical-align:middle; }
/*-- searchBox Form Container         --*/ #searchBox form #search_field{ font-size:10px; border-color:#006633; width: 147px; vertical-align:top; text-indent:5px;}
/*-- searchBox Form Container         --*/ #searchBox form #findButton{ padding-top:2px;}

/*-- product More Info Area           --*/ #productMoreInfoArea {padding:0 0 0 10px;}

/*-- paragraph with a price class     --*/ .price { font-size:20px; font-weight:bold; color:#003300; }


/*-- ul                              ul{ float: none; position: inherit; padding:15px 0 15px 0; font-size:10pt; font-weight:normal; margin:0 0 0 15px; list-style-type: disc; width: inherit; /*overflow: hidden;}--*/

/*-- ul#competencies                 ul#competencies{ float: none; position: inherit; padding:0px 0 15px 0; font-size:10pt; font-weight:normal; margin:-0 0 0 15px; list-style-type: disc; width: inherit;/*overflow: hidden;}--*/

/*-- ul Subs                         ul#sub{ float: none; position: inherit; padding:0 0 0 20px; font-size:10pt; font-weight:normal; margin:0 0 0 15px; list-style-type: circle; width: inherit; /*overflow: hidden;}--*/

/*-- ul SubSub                         ul#subsub{ float: none; position: inherit; padding:0 0 0 20px; font-size:10pt; font-weight:normal; margin:0 0 0 15px; list-style-type: square; width: inherit; /*overflow: hidden;}--*/

/*-- ul hadley                         ul#hadley{ float: none; position: inherit; padding:0 0 15px 0px; font-size:10pt; font-weight:normal; margin:0 0 0 15px; list-style-type: disc; width: inherit; /*overflow: hidden;}--*/


/*-- li                              li{ margin:8px 0 8px 0; width: inherit;}--*/

/*-- ul#sideBarUL                    ul#sideBarUL{ float: none; position: inherit; padding:0px 0 15px 0; font-size:11pt; font-weight:normal; color:#FFFFFF; margin: 0 0 0 15px; list-style-type: disc; width: inherit;/*overflow: hidden;}--*/

/*-- clr class                       --*/ .clr {width: 0px;}

/*-- clr id                          --*/ #clearLeft {clear:left;}
/*-- clr id                          --*/ #clearBoth {clear:both;}

/*-- Product Image Links (for index pages) --*/ #productImageHeader{background:url(http://www.dallasbonsai.com/images/suppliesLink_Header.jpg); background-repeat: no-repeat; height:25px;}
/*-- Product Image Links (for index pages) --*/ a.productImageLinks:link {color: #FFFFFF;}
/*-- Product Image Links (for index pages) --*/ a.productImageLinks:visited {color: #FFFFFF;}
/*-- Product Image Links (for index pages) --*/ a.productImageLinks:hover {color: #FFFF00;}


/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/