BODY { background:url(../upload/design/bg/1272315259_topBgPattern.gif); background-position:left top; background-repeat:repeat-x; background-color:#FFFFFF; } #MainBox { position:relative; display:block; width:948px; } * 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; } .wrap{ margin: 10px 0px 0px 0px; } /* General Design Spec */ /* General Text */ * { font-family:Hirakakupron w3; font-size:12px; color:#333333;line-height:16px; } /* Links */ a { color:#5b467d; font-weight:normal; text-decoration:underline; } .current { color:#666666; border-top:3px solid #666666; } /* Link Rollover */ a:hover { color:#5b467d; font-weight:normal; text-decoration:none; } /* Heading 1 */ h1 { font-size:18px; padding:20px 0; margin:5px 0 10px 0; font-family:Arial; color:#5d5668; } /* Heading 2 */ h2, .h2 { font-size:18px; margin:40px 0px 0px 0px; border:none; font-family:Trebuchet MS; color:#888390; background:none;} h2.j { font-size:15px; margin:14px 0px 0px 0px; } /* Heading 3 */ h3 { font-size:16px; font-weight:light; margin:40px 0px 20px 0px; font-family:Trebuchet MS; color:#776f85;} h3.j { margin:0px 0px 30px 0px; } /* Heading 4 */ h4 { font-size:15px!important; font-weight:bold; padding:20px 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #cccccc;font-family:Arial; color:#000000; } /* Heading 5 */ h5, h5 a { font-size:14px; padding:10px 0; border-bottom:1px solid #cccccc; font-family:Arial; color:#000000;} /* Button (Dark) */ .btcart, .btcontinue, .btcheckout2 { color:#ffffff; } /* Button (Light) */ .bt1, .bt2, .bt3, .bt4, .btedit, .btlong, .btshort, .btcheckout { color:#d6d6d6;font-weight:normal; } p { font-family:arial; font-size:12px; line-height:18px; } p a{ font-family:arial; font-size:12px; line-height:18px; text-decoration:underline; } p.c{ line-height:11px; } p.c a{ font-family:arial; font-size:12px; } p.j{ font-size:11px; } .bt3 { background: url(/upload/images/btn_bg.png) repeat-x left top!important; text-decoration:underline!important; font-family:Arial!important; font-size:11px!important; color:#ffffff!important; text-transform:lowercase; width:109px; height:29px; line-height:22px!important; text-align:center; } /* 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; } #OrderSummary { border-color:#cccccc; } .breadcrumb { display:none!important; } .headcontent { color:#e8f9ff; font-family:Arial; font-size:11px; float:right; display:block; padding-top:10px; } /* Layout */ .maincolumn { padding-left:0px; } /* Change background color in following three classes */ .tablebackground { padding:0 30px 20px 30px; background:url(/upload/images/contentBg.png) no-repeat left top; } .tb_background { background:none; } #TB_title { background:none; } #TB_window { background:none; } .topframe { background:none; margin-bottom:0px; } .topmenubar { float:right; display:block; padding-top:10px; } .topmenubar a { display:inline; float:left; margin:0 10px; font-size:11px; } .bmenu_style { background:none; margin-top:15px; padding:9px 0; display:inline; float:left; font-style:normal; } .bmenu_style p { color:#5f4981; } .bmenu_style a { font-size:11px; padding:0 5px; font-family:Arial; text-decoration:underline; color:#5f4981; } .copyright_style { margin-bottom:30px; padding:5px 0; font:Arial; font-size:10px; color:#777777; text-transform:capitalize; line-height:auto; text-decoration:none; } .copyright_style .left { text-align:center; font:Arial; font-size:10px; color:#777777; text-transform:capitalize!important; line-height:auto; text-decoration:none; } .copyright_style .right { text-align:center; font:Arial; font-size:10px; color:#777777; text-transform:capitalize!important; line-height:auto; text-decoration:none; } .copyright_style * { font-size:11px; color:#999999; font-family:Arial; font-size:10px; color:#777777; text-transform:capitalize!important; text-decoration:none; } .copyright_style a { font:Arial; font-size:10px; color:#777777; text-transform:capitalize!important; line-height:auto; } .component_left { display:inline; float:left; padding:0; margin-bottom:10px; } .component_right { display:inline; float:left; padding:0; margin-bottom:10px; } .component_left * { font-size:11px; } .componentpadding { padding:10px; } .FeaturedItem { padding:0px; } ul.e{ list-style:disc outside; padding:0px; margin:0px 0px 20px 20px; } ul.e li{ font-family:arial; font-size:12px; } ul.j{ list-style:disc outside; padding:0px; margin:0px 0px 20px 20px; font-size:11px; } ul.j li{ font-size:11px } /* Top Navigation */ ul#Nav { background:none; display:block; float:left; width:100%; padding-left:40px; margin-top:20px; margin-bottom: 10px; background:url(/upload/images/menu_bg.png) no-repeat left top; } #Nav li a { padding:9px 0; text-align:center; font-size:11px; color:#ffffff; font-family:Arial; font-weight:bold; text-decoration:none!important; } #Nav li a:hover { background:url(/upload/images/menu_hvr.png) repeat-x left top; } .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; } #menu0 { width:80px; border-right: 1px solid #71539f; border-left: 1px solid #71539f; } /*#menu0 .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:80px; border-right: 1px solid #71539f; border-left: 1px solid #71539f; }*/ #menu1 { width:115px; border-right: 1px solid #71539f; } /*#menu1, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:115px; border-right: 1px solid #71539f; }*/ #menu2 { width:105px; border-right: 1px solid #71539f; } /*#menu2, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:105px; border-right: 1px solid #71539f; }*/ #menu3 { width:110px; border-right: 1px solid #71539f; } /*#menu3, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:110px; border-right: 1px solid #71539f; }*/ #menu4 { width:110px; border-right: 1px solid #71539f; } /*#menu4, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:110px; border-right: 1px solid #71539f; }*/ #menu5 { width:110px; border-right: 1px solid #71539f; } /*#menu5, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:110px; border-right: 1px solid #71539f; }*/ #menu6 { width:110px; border-right: 1px solid #71539f; } /*#menu6, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:110px; border-right: 1px solid #71539f; }*/ #menu7 { width:110px; border-right: 1px solid #71539f; } /*#menu7, .currenta { background:url(/upload/images/menu_hvr.png) repeat-x left top; width:110px; border-right: 1px solid #71539f; }*/ #Nav li ul { border:1px solid #cccccc; border-bottom:none; display:none!important; /* remove this line of code to enable child elements */ } #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:#dddddd; color:#333333; } #Nav li ul li a { border:none; border-bottom:1px solid #cccccc; color:#666666; font-weight:normal; font-family:Arial; font-size:10px; font-weight:bold; background:#f5f5f5; text-align:left; width:110px; #width:140px; padding:7px 15px; } #Nav li ul li a:hover { background:#dddddd; color:#333333; } /* 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