BODY { background:url(../upload/design/bg/); background-position:center top; background-repeat:repeat-y; background-color:#fF9966; } #MainBox { position:relative; display:block; width:950px; } * 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:205px; 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:204px; 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 */ * { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#666666;line-height:16px;} /* Links */ a { font:12px Tahoma, ms ui Gothic; font-weight:normal; text-decoration:none; } p, strong {margin:0; padding:0; font:Tahoma, ms ui Gothic;} .current { color:#666666; border-top:3px solid #666666; } /* Link Rollover */ a:hover { color:#FB424E; decoration:none; } /* Heading 1 */ h1 { font-size:18px; padding:20px 0; margin:5px 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; } /* Heading 2 */ h2, .h2 { font-size:17px; margin-top:20px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; background:none;} /* Heading 3 */ h3 { font-size:16px; font-weight:normal; margin:30px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;} /* 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:Verdana, Arial, Helvetica, sans-serif; color:#666666; } /* Heading 5 */ h5, h5 a { font-size:14px; padding:10px 0; border-bottom:1px solid #cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;} /* Button (Dark) */ .btcart, .btcontinue, .btcheckout2 ,.btcontinue:hover { color:#555555; } /* 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; } #OrderSummary { border-color:#cccccc; } .breadcrumb { display:none; } #SidebarBanner3 { padding-bottom:27px; } .prod_price { display:none; } .detailprice, .detailprice * { font-size:18px; font-weight:bold; color:#0a3c5f; } .pricebox{ font-size:18px; font-weight:bold!important; color:#0a3c5f; clear:both; line-height:40px!important; } .descinfo{ height:20px; } /* Press Css*/ a.rollover img { border-width:0px; display:block; } a.rollover img.rollover { display:none; } a.rollover:hover { position:relative; } a.rollover:hover img { display:none; } a.rollover:hover img.rollover { display:block; } #Center { width:890px; margin:auto; background:#FFFFFF; clear:both; overflow:auto; padding:30px; } #center_Left { width:180px; float:left; margin:0; padding:0; } #center_Right { width:625px; border:dashed 1px #c7d83e; float:right; margin:auto; padding:20px; text-align:left; } #Bottom_top { clear:both; margin-bottom:5px; margin-top:5px; margin-left:auto; margin-right:auto; height:27px; padding-left:30px; border:5px #f3f3f3 solid; background-color:#FFFFFF; text-align:left; width:910px; } #Bottom { clear:both; margin-left:auto; margin-right:auto; padding-left:20px; background:#f16568; height:30px; text-align:left; width:930px; } #Por_Center{ width:630px; margin:auto; background:#FFFFFF; clear:both; overflow:auto; padding:0; } #Por_center_Left { width:300px; float:left; margin:0; padding:0; } #Por_center_Right { width:320px; float:right; margin:auto; text-align:left; line-height:20px; } #Por_center_Bottom { clear:both; width:600px; margin:auto; text-align:right; } .GroupA ul { width:660px; margin:0; padding:0; list-style:none; overflow:auto; } .GroupA li { width:220px; float:left; margin:0 0 20px 0; padding:0; line-height:20px; } .GroupB ul { width:600px; margin:0; padding:0; list-style:none; overflow:auto; } .GroupB li { width:165px; float:left; margin:0 0 20px 0; padding:0; text-align:right; line-height:18px; } .GroupC ul { width:660px; margin:0; padding:0; list-style:none; overflow:auto; } .GroupC li { width:660px; float:left; margin:0 0 20px 0; padding:0; text-align:center; line-height:18px; } /* End Press css*/ .btcontinue { background:url(/upload/buttons/btlong.png) no-repeat center center; } /* Layout */ .maincolumn { padding:20px; } /* Change background color in following three classes */ .tablebackground { padding:15px 15px 15px 15px; background:none; border:dashed 1px #c7d83e;} .tb_background { background:#e5e5e5; } #TB_title { background:#e5e5e5; } #TB_window { background:#e5e5e5; } .topframe { background:url(/upload/images/topframebg.jpg) repeat-x top; margin:0px; height:145px; background-position:bottom; } .topmenubar { float:right; /*background-color:#cc66cc; background-color:#FF9966;*/ display:block; height:26px; /*padding-top:3px!important;*/ position:relative!important; top:35px; right:35px; /*padding-right:0px!important;*/ } .topmenubar a:hover{ color:#FB424E; } .topmenubar a { display:inline; top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:10px!important; color:#555555; } .bmenu_style { display:none; background:#e5e5e5; margin-top:15px; padding:9px 0; float:left; } .bmenu_style p { color:#cccccc; } .bmenu_style a { color:#666666; font-size:11px; padding:0 5px; } .copyright_style { margin-bottom:0px; padding:5px 0; background:#f16568; } .copyright_style .left { text-align:left; color:#ffc1c5; font-weight:normal; padding-left:3px; } .copyright_style .right { text-align:right; color:#ffc1c5; font-weight:normal; padding-right:3px; } .copyright_style a { color:#ffc1c5; font-weight:normal; } .component_left { display:inline; float:left; padding:0; margin-bottom:0px; } .component_right { display:inline; float:left; padding:0; margin-bottom:0px; } .component_left * { font-size:11px; } .componentpadding { padding:10px; } .FeaturedItem { padding:0px; } .contactform { display:none; } /* Top Navigation */ ul#Nav { background:#333333; display:block; float:left; } #Nav li a { padding:9px 0; text-align:center; font-size:12px; color:#ffffff; width:125px; } #Nav li a:hover { background:#666666; } #Nav li ul { border:1px solid #cccccc; border-bottom:none; } #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 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; } /* Begin Tree Navigation Style */ #subnavstatic { list-style:none; padding-left:40px; margin:0; } #subnavstatic li a { display:block; font-size:12px; color:#666666; font-weight:bold; padding:1px 0 2px 0; text-transform:uppercase; font-family:Times New Roman,Arial; } #subnavstatic li a:hover { color:#fb424e; } #subnavstatic li ul { list-style:none; margin:0; } #subnavstatic li ul li a { text-transform:lowercase; font-size:12px; font-weight:bold; background:url(/upload/images/dot.jpg) no-repeat left center; padding-left:5px; font-family:Times New Roman,Arial; } #subnavstatic li ul li a:hover { background:url(/upload/images/dot_hover.jpg) no-repeat left center; padding-left:5px; color:#fb424e; font-weight:normal; } #subnavstatic li ul li ul { } #subnavstatic li ul li ul li a { text-transform:none; font-size:11px; font-weight:normal; } /* End Side Navigation Style */ .arrowlistmenu { font-family:arial; font-size:10px; width: 180px; height: 10px; color:#666666; } .arrowlistmenu .menuheader { font-weight:bold; font-size:12px; color: #FFF; height: 10px; padding: 2px 0px 3px 18px; margin-left: 0px; cursor: hand; cursor: pointer; } .arrowlistmenu .openheader { font-weight:bold; font-size:12px; color:#666666; padding: 5px 0px 0px 18px; } .arrowlistmenu ul { list-style-type: none; margin: 0; margin-left: 5px; margin-right: 10px; padding: 0; margin-bottom: 0px; } .arrowlistmenu ul li { padding-bottom: 1px; } .arrowlistmenu ul li a { font-size:11px; color: #999999; display: block; padding-left: 0px; margin-left: 28px; text-decoration: none; } #.arrowlistmenu ul li a:visited { color: #999999; } #.arrowlistmenu ul li a:hover { color: #A70303; background-color: #58001B; } .contents { font-size:10px; color: #999999; padding-left:17px; padding-right:10px; margin-left: 0px; margin-right: 5px; } .product_contents { margin-left:10px; margin-right:25px; text-align:center; font-size:10px; color: #999999; } .product_contents_right { margin-left:10px; margin-right:8px; text-align:right; font-size:10px; color: #999999; } .product_contents a { margin-left:10px; margin-right:25px; text-align:center; font-size:10px; color: #999999; } .arrowlistmenu p { padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; width: 185px; height: 20px; margin-top: 0px; margin-left: 13px; margin-bottom: 0px; margin-right: 0px; background-position:bottom; background-repeat:no-repeat; background:url(./images/line.jpg) no-repeat right center #58001B!important; } .listprice { color:#000000!important; }