body {background:url(gfx/body_bg3.jpg); background-repeat:repeat-x;} body {margin:0; padding:0; font-size:1.0em; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;color:#000000; text-align:center;} a:link { color:#000003; text-decoration:none;} a:visited { color:#000003; text-decoration:none;} a:hover { color:#CC0000; text-decoration:none; } a:active { color:#CC0000; text-decoration:none; } a:hover.spec { color:#CCCCCC; text-decoration:underline; } /* ALL STRUCTURE LAYOUT */ /* Primary Containers */ #PageContainer1 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } #PageContainer2 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } #PageContainer3 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } .PageContainer3 { height:auto; width:94%; margin:0px auto; padding:1px 0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } #PageContainer4 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; clear:both;} #PageContainer5 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } #PageContainer6 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } #PageContainer7 { height:auto; width:94%; margin:0px auto; padding:0px; text-align:left; background-color:transparent; border-right:1px solid #A98A4C; } /* SubComponents */ /* PC1 NAV-TOP */ .AdjustableImagePC1 {width:86%; margin:0em 0em 0.01em 0em; padding:0em; border:0px solid #A98A4C; padding-top:1.0em;} .AdjustableImagePC2 {width:100%; margin:0em; padding:0em; border:0px solid #A98A4C; } .AdjustableImagePC6 {width:100%; margin:0em; padding:0em; border:0px solid #A98A4C; } .AdjustableImagePCR {width:86%; margin:0em 0em 0.01em 0em; padding:0em; border:0px solid #A98A4C; padding-top:1.0em;} /* PC2 NAV-TOP */ #NAV-TOP { height:1.8em; width:100%; margin:0px; padding:6px 0px 0px 0px; background-color:#666666; white-space:nowrap!important; clear:none;} #NAV-TOP ul { margin:0px; padding-right:30px; list-style:none; white-space:nowrap!important; clear:right; float:right; } #NAV-TOP li { display:inline; } #NAV-TOP a:link { color:#FFFFFF; position:relative; margin-left:1.3em; text-decoration:none; border-bottom:2px solid #053C67; font-size:0.7em; font-weight:normal; } #NAV-TOP a:visited { color:#FFFFFF; position:relative; margin-left:1.3em; text-decoration:none; border-bottom:2px solid #053C67; font-size:0.7em; font-weight:normal; } #NAV-TOP a:hover { color:#CC0000; background-color:#999999; } #NAV-TOP a:active { color:#CC0000; background-color:#999999; } .P800 { color:#FFFFFF; font-size:0.9em; text-align:left; padding-left:10px; background-color:#666666; } .navlist { float:right; padding-right:10px; list-style:none; background-color:#666666; white-space:nowrap!important;} ul.navlister { list-style:none; margin:0px; padding:0px;} /* PC3 HR */ hr { height:1px; width:100%; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #AAAAAA; clear:both;} .hrAll { height:1px; width:100%; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #A98A4C; clear:both;} .hrwh { height:1px; width:100%; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #FFFFFF; clear:both;} hr.gold { height:1px; width:100%; margin:-.25em 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #A98A4C; clear:both;} /* PC4 CONTENT See PAGE*/ /* Sum of InnerContainerMulti and InnerContainerSingle......should be 98% */ /* Sum of InnerSub1 and InnerSub2..should be 98% */ #InnerContainerMulti-98 { height:auto; width:98%; float:left; border:0px solid #cccccc; clear:both;} #InnerSub1-18 { height:auto; width:100%; float:left; border:0px solid #cccccc; clear:both;} /* PC5 FOOTER NAV */ #NAV-BOT { height:1.0em; width:100%; margin:0px; padding:0px 0px 5px 0px; background-color:#666666; white-space:nowrap!important; clear:both;} #NAV-BOT ul { margin:0px; padding-right:10px; list-style:none; white-space:nowrap!important; clear:right; float:right; } #NAV-BOT li { display:inline; } #NAV-BOT a:link { color:#FFFFFF; position:relative; margin-left:0.01em; padding:0.0em; text-decoration:none; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em; font-weight:normal; font-family:verdana; } #NAV-BOT a:visited { color:#FFFFFF; position:relative; margin-left:0.01em; padding:0.0em; text-decoration:none; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em; font-weight:normal; font-family:verdana; } #NAV-BOT a:hover { color:#CC0000; background-color:#999999;} #NAV-BOT a:active { color:#CC0000; background-color:#999999;} .separator { color:#999999; margin:0px 2px 0px 0px; padding:0px 2px 0px 2px; font-size:0.7em; } /* PC6 FOOTER */ #footer { width:100%; margin:0px; padding:0px; background:transparent; clear:both; border:0px solid #FFF; } #footertable { width:100%; margin:0px; padding:0px; background-color:#666666; } /* OTHER */ /* END ALL STRUCTURE LAYOUT */ /* LEFT NAV HOME PAGE ONLY */ #NAV-LEFT { width:15%; margin:0px; padding:0px; /*background:url('http://www.icionline.com/gfx/body_bgNav.jpg') no-repeat;*/ position:static; top:210px;} .navleftdivs { border:1px solid #C4C4C4; margin:2px 2px 6px 2px; padding:0px; } .navleftdivslast { border:1px solid #C4C4C4; margin:2px 2px 0px 2px; padding:0px; } #NAV-LEFT a.LNavLink { color:#000000; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:2px; padding-right:0px; } #NAV-LEFT a:visited.LNavLink { color:#000000; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:2px; padding-right:0px; } #NAV-LEFT a:active.LNavLink { color:#FFFFFF; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:2px; padding-right:0px; background:url('http://www.icionline.com/gfx/titlebar-on.png') repeat-x center left; } #NAV-LEFT a:hover.LNavLink { color:#FFFFFF; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:2px; padding-right:0px; background:url('http://www.icionline.com/gfx/titlebar-on.png') repeat-x center left; } #ProductDisplay { width:80%; display:block; margin:0px; padding:0px; border:0px solid #cccccc;} .ProdDisdivs { width:70%; display:block; margin:0px; padding:0px; height:100%; position:absolute; top:170px; z-index:10; border:0px solid #0000cc; } #ProductDisplay IMG { width:50%; display:inline; margin:0px; padding:0px; position:relative; border:1px solid #8F8D8A; float:right;} p { color:#000000; font-size:1.0em; margin:0%; padding:10px; border:0px solid #cc0000;} h1 { color:#000000; font-size:1.6em; margin:0%; padding:10px; border:0px solid #cc0000;}/* any margins here break the right side vert line.*/ h2 { color:#000000; font-size:1.6em; margin:0%; padding:10px; border:0px solid #cc0000;} h3 { color:#000000; font-size:1.6em; margin:0%; padding:10px; border:0px solid #cc0000;} H4 { color:#000000; font-size:1.5em; margin:0%; padding:10px; border:0px solid #cc0000; margin-top:10px;} H5 { color:#CC0000; font-size:1.2em; margin:0%; padding:10px; border:0px solid #cc0000; font-style:italic;} H4.home { width:98%; display:inline; margin:7px 0px; padding:6px; color:#000000; font-size:1.5em; font-weight:normal; font-style:normal; line-height:1.3em; border:0px solid #cc0000;} H5.home { width:98%; display:block; margin:6px 0px; padding:3px; color:#CC0000; font-size:1.2em; font-weight:bold; font-style:italic; line-height:1.3em; border:0px solid #000000;} H5.eCatalog { display:block; margin:6px; padding:3px; color:#CC0000; font-size:1.0em; font-weight:bold; font-style:italic; line-height:1.3em;} H6 { display:block; margin:1px 0px; padding:0px; color:#000000; font-size:1.20em; font-weight:bold; font-style:italic; line-height:1.2em; } #ProductDisplay UL.Overview { width:45%; margin:3px 3px; padding-left:20px; } #ProductDisplay UL.OverHme { width:98%; margin:3px 3px; padding-left:20px; } LI { list-style: circle outside; font-family:Tahoma,Verdana,Arial;} LI.list1 { list-style: circle outside; } LI.none { list-style:none; } P.minihead { width:45%; margin:6px; padding:3px; color:#CC0000; font-size:1.50em; font-weight:bold; font-style:italic; } /* END LEFT NAV HOME PAGE ONLY */ /* ALL AESTHETICS CUSTOMIZING Fonts, Colors, Sizes */ /* Copyright 3rd Line*/ .copyright { width:100%; color:#FFFFFF; text-align:center; font-size:0.8em; padding:10px 0px 10px 0px; } /* Links bottom Containers and Alignment */ .links-foot-left20 { width:20%; text-align:left; padding-left:5px; } .links-foot-right75 { width:75%; text-align:right; padding-right:5px; } .links-foot-left { width:15%; text-align:left; padding-left:5px; } .links-foot-center1 { width:36%; text-align:center; } .links-foot-center2 { width:12%; text-align:center; } .links-foot-right1 { width:12%; text-align:center; } .links-foot-right2 { width:12%; text-align:right; } /* Links bottom */ a.foot:link { color:#FFFFFF; text-decoration:none; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em; } a.foot:visited { color:#FFFFFF; text-decoration:none; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em;} a.foot:hover { color:#CC0000; text-decoration:underline; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em;} a.foot:active { color:#CC0000; text-decoration:underline; text-transform:uppercase; border-bottom:2px solid #053C67; font-size:0.5em; } /* Links bottom foottw */ a.foottw:link { color:#FFFFFF; text-decoration:none; text-transform:none; border-bottom:2px solid #053C67; font-size:0.6em; } a.foottw:visited { color:#FFFFFF; text-decoration:none; text-transform:none; border-bottom:2px solid #053C67; font-size:0.6em; } a.foottw:hover { color:#CC0000; text-decoration:underline; text-transform:none; border-bottom:2px solid #053C67; font-size:0.6em; } a.foottw:active { color:#CC0000; text-decoration:underline; text-transform:none; border-bottom:2px solid #053C67; font-size:0.6em; } /* END FOOTER */ /* FORMS */ .formTable { width:90%; margin:0px; padding:0px; background-color:#F2F2F2; } .alt { background-color:#FFF0C2; } .formtext { color:#000000; font-size:0.9em; } .formtextR { color:#000000; font-size:0.9em; text-align:right;} .formtextLit { color:#000000; font-size:0.75em; } B.red { color:#CC0000; font-size:0.9em; font-weight:bold; } /* END FORMS */ /* MISC */ .thumbnailsbox { width:90%; float:right; margin:1px 60px 1px 20px; padding:2px; border:1px solid #cccccc; border-left:1px solid #ffffff; } div.thumbnailexpand { display:inline; text-align:center; float:right; margin:0px; padding:0px; border:0px solid #cccccc; font-size:0.7em;} div.thumbnailexpand { display:inline; text-align:center; float:right; margin:0px 10px 0px 10px; padding:0px; border:0px solid #cccccc; font-size:0.6em;} img.expando { vertical-align:top; margin:0px; padding:0px; border:0px solid #cccccc; } img.expandoOFF { vertical-align:top; margin:0px; padding:0px; border:0px solid #cccccc; clear:none;} div.clicktoexpand { text-align:right; float:right; margin:0px; padding:0px; border:0px solid #cccccc; font-size:0.7em;} .links-tempnerfs { color:#CCCCCC; text-align:left; font-size:0.70em; font-family:verdana;} .whitedots { color:#FFFFFF; text-align:left; font-size:1.0em; } pre.footernotes { clear:none; color:#CCCCCC; text-align:left; font-size:0.7em; font-weight:normal; margin:1px 30px 1px 30px; padding:10px;} /* NERF & ALL Landing */ .descriptions { clear:both; color:#333333; text-align:left; margin:1px 60px 1px 20px; padding:10px; border:1px solid #E6E6E6; font-size:1.0em; font-weight:normal; font-family:Tahoma,Verdana,Arial; text-align:justify;} h6.prodpage { display:block; margin:1.2em 0em; padding:0em; color:#000000; font-size:1.20em; font-weight:bold; font-style:italic; line-height:1.2em; } .prodtext { margin:1.2em 0em; padding:0em; color:#000000; font-size:0.95em; font-weight:normal; font-style:normal; line-height:1.0em; } img.nerflanding { vertical-align:top; margin:0px; padding:0px; border:0px solid #cccccc; } a.nerflandLink { color:#FFFFFF; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:0px; font-weight:bold; font-style:italic; text-align:center; background:url('http://www.icionline.com/gfx/titlebar-off.jpg') repeat-x bottom left; } a:visited.nerflandLink { color:#FFFFFF; font-size:0.80em; text-decoration:none; display:block; margin:0px; padding:0px; font-weight:bold; font-style:italic; text-align:center; background:url('http://www.icionline.com/gfx/titlebar-off.jpg') repeat-x bottom left; } a:active.nerflandLink { color:#cc9966; font-size:0.80em; text-decoration:underline; display:block; margin:0px; padding:0px; font-weight:bold; font-style:italic; text-align:center; background:url('http://www.icionline.com/gfx/titlebar-on.jpg') repeat-x bottom left; } a:hover.nerflandLink { color:#cc9966; font-size:0.80em; text-decoration:underline; display:block; margin:0px; padding:0px; font-weight:bold; font-style:italic; text-align:center; background:url('http://www.icionline.com/gfx/titlebar-on.jpg') repeat-x bottom left; } .name2 { }