BODY { background:url(../upload/design/bg/); background-position:center top; background-repeat:repeat-y; background-color:#006600; } #MainBox { position:relative; display:block; width:1024px; } * html p#iepara { /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE \*/ * html .suckertreemenu ul li { float: left; height: 1%;} * html .suckertreemenu ul li a { height: 1%;} * html .suckertreemenu ul li ul li { float: left;} /* End */ #Nav, #Nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #Nav a { display: block; } #Nav li { /* all list items */ float: left; position:relative; } #Nav li ul { /* second-level lists */ position: absolute; width: 140px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #Nav li ul li { width: 140px; } #Nav li ul ul { /* third-and-above-level lists */ margin:0; } #Nav li:hover ul ul, #Nav li:hover ul ul ul, #Nav li.sfhover ul ul, #Nav li.sfhover ul ul ul { left: -999em; } #Nav li:hover ul, #Nav li.sfhover ul { left:0; } #Nav li li:hover ul, #Nav li li li:hover ul, #Nav li li.sfhover ul, #Nav li li li.sfhover ul { /* lists nested under hovered list items */ left: 140px; #left: 140px; top:0; } /* Sub Navigation */ #subnav, #subnav ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #subnav a { display: block; } #subnav li { /* all list items */ float: left; width:0px; position:relative; } #subnav li ul { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #subnav li ul li { } #subnav li ul ul { /* third-and-above-level lists */ margin:0; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li.sfhover ul { left:-1px; top:0; } #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { /* lists nested under hovered list items */ left: 0px; #left: 0px; top:0; } /* General Design Spec */ /* General Text */ td { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#333333;line-height:16px; } /* Links */ a { color:#666666; font-weight:bold; text-decoration:none; } .current { color:#666666; border-top:3px solid #666666; } /* Link Rollover */ a:hover { color:#FF9933; font-weight:bold; text-decoration:none; } /* Heading 1 */ h1 { font-size:14px; line-height:150%; margin:0;padding:0 0 0px;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif; } /* Heading 2 */ h2, .h2 { font-size:14px; line-height:125%;margin:0;padding:5px 0 5px 0px;border:none; font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif; background:none;} /* Heading 3 */ h3 { font-size:14px; font-weight:bold;margin:0; padding:5px 0 5px 0px;border:none; font-family:Verdana,Arial,Helvetica,sans-serif; } /* Heading 4 */ h4 { font-size:14px!important; font-weight:bold;padding:5px 0 5px 0px;margin:0 0 10px 0; border-bottom:0px solid #333333;font-family:Verdana,Arial,Helvetica,sans-serif; } /* Heading 5 */ h5, h5 a { font-size:14px; padding:10px 0; border-bottom:0px solid #cccccc; font-family:Arial; color:#333333;} /* Button (Dark) */ .btcart, .btcontinue, .btcheckout2 { color:#ffffff; } /* Button (Light) */ .bt1, .bt2, .bt3, .bt4, .btedit, .btlong, .btshort, .btcheckout { color:#555555; } /* Light BG */ .community_bar td, #AddOption, table.board_table tr:hover, .board_table tr.hover, .commentinput, .postcommentbox, .postauthor, .gallerybg { background:#cccccc; } #TB_window { border-color:#cccccc; } .past, .future { color:#cccccc; border-top: 3px solid #cccccc; } /* Table Border */ .board_table td, .myaccount_table td, .breadcrumb { border-bottom:1px solid #cccccc; } .breadcrumb { display:none!important; } #OrderSummary { border-color:#cccccc; } .faqTitle { border-bottom:1px solid #EC0515; font-weight:bold; margin:25px 5px 0; padding-left:10px; } /* Layout */ .maincolumn { padding-left:10px; } /* Change background color in following three classes */ .tablebackground { padding:0 0px 10px 0px; background:none; } .tb_background { background:none; } #TB_title { background:none; } #TB_window { background:none; } .topframe { background:none; margin:0px!important; padding:0px!important; } .topframe img { padding-left:20px; } .topmenubar { /*float:right; display:block; padding-top:10px;*/ position:absolute!important; top:0px!important; } .divde { color:#ffffff; float:right!important; font-size:14px; font-weight:regular; position:absolute; align:right; margin: 0 auto; padding-left:620px; #padding-left:230px; } .divde a { color:#ffffff; } .topmenubar a { display:inline; float:left; margin:0 10px; font-size:11px; } .bmenu_style { background:none; margin-top:0px!important; padding:0px!important; display:inline; float:left; } .bmenu_style p { color:#FFFFFF; } .bmenu_style a { color:#FFFFFF; font-size:11px; padding:0px!important; } .copyright_style { margin-bottom:0px!important; padding:0px!important; } .copyright_style .left { text-align:left; } .copyright_style .right { text-align:right; padding-right:10px!important; } .copyright_style * { font-size:11px; color:#999999; } .copyright_style a { color:#666666; font-weight:normal; } .component_left { display:inline; float:left; padding:0!important; margin-bottom:0px!important; } .component_right { display:inline; float:left; padding:0!important; margin-bottom:0px!important; } .component_left * { font-size:11px; } .componentpadding { padding:10px; } .FeaturedItem { padding:0px!important; } /* Top Navigation */ ul#Nav { background:#663300; display:block; float:left; width:100%; } #Nav li a { padding:5px 18px; text-align:center; font-size:12px; color:#339933; } #Nav li a:hover { background:none; color:#FFFFFF; } #Nav li ul { border:1px solid #cccccc; border-bottom:none; margin-left:25px; } #Nav li ul li.childnav a, #Nav li ul li.childnav a:hover { background-image:url(/upload/images/childarrow.gif); background-position:right center; background-repeat:no-repeat; } #Nav li ul li.childnav li a, #Nav li ul li.childnav li a:hover { background-image:none; } #Nav li ul li:hover ul { margin-top:-1px; } #Nav li ul li a:hover { background:#663300; color:#FFFFFF; } #Nav li ul li a { border:none; border-bottom:1px solid #cccccc; color:#339933; font-weight:normal; font-family:Arial; font-size:10px; font-weight:bold; background:#663300; text-align:left; width:110px; #width:140px; padding:7px 15px; } #Nav li ul li a:hover { background:#663300; color:#FFFFFF; } /* Sub Navigation */ #subnav li a { background:#e5e5e5; padding:7px 15px; color:#666666; border-bottom:1px solid #cccccc; text-transform:uppercase; font-size:10px; font-weight:bold; } #subnav li ul { background:#f5f5f5; border:1px solid #cccccc; border-bottom:none; } #subnav li.childnav a, #subnav li.childnav a:hover, #subnav li ul li.childnav a, #subnav li ul li.childnav a:hover { background-image:url(/upload/images/childarrow.gif); background-position:right center; background-repeat:no-repeat; } #subnav li.childnav li a, #subnav li.childnav li a:hover, #subnav li ul li.childnav li a, #subnav li ul li.childnav li a:hover { background-image:none; } #subnav li ul li a{ padding:7px 15px; border-bottom:1px solid #cccccc; border-left:none; border-right:none; color:#666666; font-weight:normal; } #subnav li a:hover { background:#dddddd; color:#333333; } div#container { margin:auto; text-align:left; width:1024px; } div#left_col { float:left; height:768px; width:112px; } div#right_col { float:right; height:768px; position:relative; width:112px; } div#main { background-image:url(../img/bamboo_center.jpg); float:left; height:768px; width:800px; } #header, #footer { width:100%; } .bigger { font-size:24px!important; line-height:24px!important; } .bigger1 { font-size:18px!important; font-weight:normal!important; line-height:24px!important; color:#006600; } .bigger2 { font-size:18px!important; font-weight:normal!important; line-height:24px!important; color:#FF0000; } .biggergreen { font-size:18px!important; line-height:24px!important; font-weight:normal!important; color:#008000!important; } .biggerred { font-size:18px!important; line-height:24px!important; font-weight:normal!important; color:#ff0000!important; } a:active { color:#666666; text-decoration:none; } #header { clear:both; height:100px; margin:0; padding-top:2px; position:relative; text-align:center; vertical-align:bottom; } #header img { border:0 none; padding:0; } #footer { clear:both; font-size:9px; margin-top:0px; padding-bottom:0px; padding-top:0px; position:relative; text-align:center; } #bottom_info { background-color:#663300; clear:both; color:#FFFFFF!important; font-size:12px; font-weight:bolder; padding:2px; } #bottom_info * { color:#FFFFFF!important; } #bottom_info_left { float:left; padding:5px 10px 5px 5px; text-align:left; } #bottom_info_right { font-size:14px; height:2em; padding:5px 10px 5px 5px; text-align:right; } .navi { background-color:#663300; font-size:12px; font-weight:bolder; height:23px; margin:auto; padding-left:0; width:800px; } .navi ul { margin:0; padding:0; width:100%; } .navi li { color:#FFFFFF; float:left; list-style-type:none; margin:0 25px; text-align:center; white-space:nowrap; } .navi li a { color:#339933; display:block; padding:3px; text-decoration:none; } .navi #here a { color:#FFFFFF; } .navi li a:link { color:#339933; } .navi li a:visited { color:#339933; } .navi li a:hover { color:#FFFFFF; } .navi li a:active { color:#339933; } #faq_questions { margin:auto; width:80%; } .faqTitle { border-bottom:1px solid #EC0515; font-weight:bold; margin:25px 5px 0; padding-left:10px; } .faqTxt { line-height:150%; margin:5px; padding-left:15px; padding-right:15px; } .faq_descriptions { border:1px solid #666666; margin:5px auto 0; overflow:auto; padding:5px; text-align:left; width:95%; } .red { color:#FF0000; } .blue { color:#0000FF; } .green { color:#006600; } strong { font-weight:normal; } div#contact_box.gtitle h2 { font-size:14px; } .gtitle { font-weight:bold; line-height:200%; } .space25 { height:25px; width:90%; } .space50 { height:50px; width:90%; } .size12 { font-size:12px; font-style:normal; font-weight:normal; text-decoration:none; } #contents { clear:both; height:556px; margin:0; overflow:auto; padding:10px 20px; float:none!important; vertical-align:top; } .nomark li { list-style-type:none; } .square li { list-style-type:square; } #tt { background-color:#FFFFFF; background-position:center center; height:389px; margin:auto; width:500px; } #tt_top { margin:0; } #tt_middle_left { float:left; height:150px; margin:0; width:120px; } #tt_middle_center { background-color:#FFFFFF; float:left; height:150px; margin:0; text-align:left; width:260px; } #tt_middle_center ul { line-height:125%; list-style-position:outside; margin:0; padding:30px 0 2px 25px; text-align:left; } #tt_middle_right { float:right; height:150px; margin:0; width:120px; } #tt_bottom { clear:both; margin:0; } #contact_box { font-size:14px; margin:auto; padding:15px 40px 0; width:450px; } #TopNews { border:1px solid #999999; padding:5px; margin-left:162px; float:none!important; width:420px; } .top_img { border:0 none; float:right; padding-left:20px; padding-right:30px; padding-top:50px; } .tm_img { border:0 none; float:right; padding-left:20px; padding-right:20px; } .c_img { border:0 none; float:right; padding-left:20px; padding-right:20px; padding-top:20px; } .ct_img { border:0 none; float:left; padding-left:10px; } #top_special { border:0 none; margin:5px auto; text-align:center; width:auto; } #top_special img { border:0 none; } #special { background-color:#FFFFFF; border:1px solid #666666; margin:10px auto; padding:5px; width:600px; } .greenbox { margin-bottom:10px; margin-top:5px; } .qabox { width:80%; } .biobox { border: 1px solid #451d1d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:none; padding:5px; margin-bottom:10px; margin-top:5px; } a.staff:active, a.staff:link, a.staff:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration:none; } a.staff:hover { text-decoration: none; color: #FF9933; } a.staffbox:active, a.staffbox:link, a.staffbox:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration: none; color: #003e00; } .greenbox a.staffbox { margin-left:0px; } a.staffbox:hover { color: #FF9933; margin-left:0px!improtant; }