/* STANDARDIZED SITE FORMATTING */ /* comment */ body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } /* CSS Menu Styles - Don't F with these. */ ul.makeMenu { width: 100%; /* sets the size of the menu blocks */ border: 1px solid #505050; /* puts a black border around the menu blocks */ background-color: #505050; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */ padding-left: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */ LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; margin-right: auto; } ul.makeMenu ul.makeMenuSub { width: 160px; /* sets the size of the menu blocks */ border: 1px solid #707070; /* puts a black border around the menu blocks */ background-color: #505050; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */ padding-left: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin-left: -1px; /* Opera 7 final's margin and margin-box model cause problems */ LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; margin-right: auto; } ul.makeMenu li.makeMenu { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ color: #fff; /* sets the default font colour to white */ height:15px; overflow:hidden; } ul.makeMenu li.makeMenu > ul.makeMenu { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ top: 14px; /* position under parent menu item */ left: 0px; /* Line up directly under the parent */ } ul.makeMenu li.makeMenu:hover, ul.makeMenu li.CSStoHighlight { background-color: #999999; /* gives the active menu items a yellow background */ color: #000; /* makes the active menu item text black */ } ul.makeMenu ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenu li.makeMenu:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenu li.makeMenu a { color: #fff; display: block; text-decoration:none; } /*ul.makeMenu li.makeMenu a:visited { color: #fff; display: block; text-decoration:none; }*/ ul.makeMenu li.makeMenu a:hover, ul.makeMenu li.makeMenu a.CSStoHighLink { color: #000; } ul.makeMenu li.makeMenu:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */ /* that IE 5+ conditional comment makes this only visible in IE 5+ */ ul.makeMenu li.makeMenu { /* the behaviour to mimic the li:hover rules in IE 5+ */ behavior: url(/css/IEmen.htc); } ul.makeMenu ul { /* copy of above declaration without the > selector, except left position is wrong */ display: none; position: absolute; top: 15px; left: 0px; } H1 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight:bold; line-height: 17pt; margin-bottom: -4px; } H2 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight:bold; line-height: 15pt; margin-bottom: -2px; } .dept-subhead { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight:bold; line-height: 15pt; margin-bottom: -2px; margin-top: -6px; } H3 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; } H4 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; } H5 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } H6 { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; } HR { height: 1px; width: 98%; color: #BBBBBB; } sup { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 6px; vertical-align: 5px; } div { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } OL { LIST-STYLE-POSITION: inside; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; LIST-STYLE-TYPE: decimal; margin-left: 32px; margin-right: 32px; } LI { MARGIN-TOP: 2px; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; LIST-STYLE-TYPE: square; text-indent: -17px; margin-left: 17px; } UL { LIST-STYLE-POSITION: inside; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; margin-left: 32px; margin-right: 32px; } LI { MARGIN-TOP: 2px; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; LIST-STYLE-TYPE: square; text-indent: -17px; margin-left: 17px; } LI.promo { MARGIN-TOP: 2px; COLOR: #D90000; FONT-FAMILY: "Arial Black"; LIST-STYLE-TYPE: square; text-indent: -17px; margin-left: 17px; } LI LI { MARGIN-TOP: 2px; MARGIN-BOTTOM: 3px; margin-left: -17px; text-indent: -17px; LIST-STYLE-TYPE: circle; } tr { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } td { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } blockquote { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #000000; } form { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; } input { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; } input.cartbutton { background: #D4D0C8; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; padding: -3px; margin: 3px; } input.cartupdatebutton { background: #CCCC99; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; padding: -3px; margin: 3px; } input.cartcheckoutbutton { background: #B7D183; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; padding: -3px; margin: 3px; } input.cartspecialoffercode { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; padding: -3px; margin: 3px; } input.searchbox { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; } input.formbox { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; } input.navmenu { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; } select { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; } textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; } /* CHARACTER FORMATTING */ span.footertxt { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; } span.searchtxtmid { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8px; } span.searchtxtsn { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8px; } span.promo { color: #D90000; font-family: "Arial Black"; } span.ltsmalltxt { color: #333333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 9px; } .footernav { color:#white; font:arial,sans-serif; font-size:11px; padding-left:12px; padding-top:3px; padding-bottom:3px; word-spacing:16px; letter-spacing:normal; } .footernavsales { color:#white; font:arial,sans-serif; font-size:11px; padding-left:12px; padding-right:12px; padding-top:0px; padding-bottom:0px; word-spacing:14px; letter-spacing:normal; } /* TEXT FORMATTING */ p { margin: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; line-height: 11pt; } p.nomargin { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; line-height: 11pt; } p.hometxt { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; margin: 8px; margin-bottom: -6px; line-height: 12pt; } p.hometxtsm { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; margin: 8px; margin-bottom: -7px; line-height: 11pt;} p.clubtxt { font-family: Arial, Helvetica, Verdana, sans-serif; color: #646464} p.smalltxt { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; line-height: 11pt;} p.bigbold { font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 16px; } p.bigboldred { font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: D90000; } p.big { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; } p.sidebarbold { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; } p.featurebold { font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } p.relatedheader { color: D90000; margin-bottom: -8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; } h1.bigboldred { font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: D90000; } .page-title { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold; } .page-subtitle { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; } b.big { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; } b.bigger { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; } b.biggest { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; } /* HYPERLINK FORMATTING */ a:link { FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration: underline; color: #333333; } a:active { color: red; } a:visited { text-decoration: underline; color: #333333; } a:hover { text-decoration: none; color: #d90000; } a.uline { text-decoration: underline; COLOR: #333333; } a:uline:active { color: red; } a.uline:visited { text-decoration: underline; COLOR: #333333; } a.uline:hover { text-decoration: none; COLOR: #d90000; } a.reduline { text-decoration: underline; COLOR: #d90000; } a:reduline:active { color: red; } a.reduline:visited { text-decoration: underline; COLOR: #d90000; } a.reduline:hover { text-decoration: none; COLOR: #d90000; } a.ftmenu { word-spacing:3px; letter-spacing:normal; text-decoration: underline; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; } a.ftmenu:visited { COLOR: white; text-decoration: underline; } a.ftmenu:hover { COLOR: red; text-decoration: none; } a.ftmenusales { word-spacing:3px; letter-spacing:normal; text-decoration: underline; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; } a.ftmenusales:visited { COLOR: white; text-decoration: underline; } a.ftmenusales:hover { COLOR: #FFD839; text-decoration: none; } a.searchmenumid { text-decoration: none; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8px; FONT-WEIGHT: bold; } a.searchmenumid:visited { text-decoration: none; COLOR: white; } a.searchmenumid:hover { text-decoration: underline; COLOR: red; } a.searchmenusm { text-decoration: none; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8px; FONT-WEIGHT: bold; } a.searchmenusm:visited { text-decoration: none; COLOR: white; } a.searchmenusm:hover { text-decoration: underline; COLOR: red; } a.hm_promo:link { text-decoration: underline; font-family: "Arial Black"; color: #333333; } a.hm_promo:active { color: #FF0000; } a.hm_promo:visited { text-decoration: underline; color: #333333; } a.hm_promo:hover { color: #FF0000; } a.ltlink { text-decoration: underline; font-size: 10px; color: #333333; } a.ltlink:active { color: #FF0000; } a.ltlink:visited { text-decoration: underline; color: #333333; } a.ltlink:hover { color: #FF0000; } a.redlink { text-decoration: none; color: #D90000; font-family: "Arial Black"; } a.redlink:active { color: red; } a.redlink:visited { text-decoration: none; color: #D90000; } a.redlink:hover { text-decoration: underline; color: #D90000; } a.relatedheader { color: D90000; margin-bottom: -12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; font-weight: bold; } a.relatedheader:active { color: D90000; } a.relatedheader:visited { text-decoration: none; color: D90000; } a.relatedheader:hover { text-decoration: underline; color: D90000; } a.listlink { text-decoration: underline; color: #333333; } a.listlink:active { color: #FF0000; } a.listlink:visited { text-decoration: underline; color: #333333; } a.listlink:hover { color: #FF0000; } a.listcontinue { font-size: 10px; text-decoration: none; color: #333333; background-color: silver; padding: 3px;} a.listcontinue:active { color: #FF0000; } a.listcontinue:visited { text-decoration: none; color: #333333; } a.listcontinue:hover { color: #FF0000; } a.historylink { text-decoration: underline; font-size: 10px; color: black; } a.historylink:active { color: red; } a.historylink:visited { text-decoration: underline; color: #333333; } a.historylink:hover { color: red; } a.demoinlinenav { color:black; font:arial,sans-serif; font-size:10px; padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:0px; word-spacing:10px; letter-spacing:normal; } a.demoinlinenav:active { text-decoration: underline; color: red; } a.demoinlinenav:visited { text-decoration: underline; color: #333333; } a.demoinlinenav:hover { color: red; } /* SPECIALIZED TABLE FORMATTING */ td.bar { text-align: right; vertical-align: middle; } td.listhead { text-align: left; vertical-align: bottom; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 11px; color: #333333; } td.list { text-align: left; vertical-align: middle; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #333333; } tr.listalt { background-color: silver; } td.shophead { text-align: left; vertical-align: bottom; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 11px; color: black; } td.shoplist { text-align: left; vertical-align: top; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: black; } td.breadcrumb { background: white url("../images/shadowbar.gif"); background-repeat: no-repeat; vertical-align: top; width=770; height=20; border=0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; } /* ACCENT Element BG */ .demoshadow { background: white url("../images/shadowbar.gif"); background-repeat: no-repeat; vertical-align: top; width=590; height=20; border=0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; } .demoshadowrev { background: white url("../images/shadowbar_rev.gif"); background-repeat: no-repeat; vertical-align: top; width=590; height=20; border=0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; } /* ACCENT COLOR */ .red { color: #D90000; } .blue { color:#3366CC; } .green { color:#669900; } .white { color: #FFFFFF; } .gray { color: #333333; } .ltgray { color: #DDDDDD; } .purple { color: #2A0D82; } /* Kaplan Purple */ /* COLORS USED IN VENDOR MENU */ span.microsoft { color: #3366CC; } span.comptia { color: #D08D00; } span.cisco { color: #3A8B91; } span.sun { color: #7CA100; } span.oracle { color: #D90000; } span.novell { color: #D08D00; } span.cissp { color: #3A8B91; } span.ciw { color: #7CA100; } /* SEARCH BOX AND TOP NAVIGATION */ #box{ position: absolute; top: 24px; left: 64%; border: none; z-index: 500; visibility: visible; } #bigBox{ position: absolute; top: 24px; left: 50px; border: none; z-index: 1; visibility: hidden; } #box{ position: absolute; top: 18px; left: 59%; border: none; z-index: 500; visibility: visible; } /* Product Page */ .TreeRoot{font-weight:bold;} /* Learn More */ a.learnmore { text-decoration: underline; font-size: 10px; color: #3366CC; } a.learnmore:active { color: #FF0000; } a.learnmore:visited { text-decoration: underline; color: #3366CC; } a.learnmore:hover { color: #D90000; } /*Vu added below for Mike's request*/ #dropinboxv2cover { width: 320px; /*change width to desired */ position:absolute; /*Don't change below 4 rules*/ z-index: 100; overflow:hidden; visibility: hidden; } #dropinboxv2 { width: 300px; /*change width to above width-20. */ border: 2px solid black; /*Customize box appearance*/ background-color: white; padding: 4px; position:absolute; /*Don't change below 3 rules */ left: 0; top: 0; } /* cross sell styles */ a.tt { text-align:right; position:relative; display:block; z-index:24; text-decoration:none; color:#333333; } a.tt span{ display: none; } a.tt:hover{ z-index:25;} a.tt:hover span.tooltip { display:block; position:absolute; top:-42px; left:15px; width: 187px; height:190px; padding-left:5px; padding-right:5px; padding-top:5px; background-image:url(/images/cross_sell/tooltipbg.gif); background-repeat:no-repeat; background-position:top right; background-color:transparent; filter: alpha(opacity:100); font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-align:left; } /* Strike Through Classes for the product Page*/ a.tt_product_page { cursor:pointer; padding-left:8px; position:relative; z-index:24; text-decoration:none; color:#333333; } a.tt_product_page span{ display: none; } a.tt_product_page:hover{ z-index:25;} a.tt_product_page:hover span.tooltip { display:block; position:absolute; top:-42px; left:15px; width: 187px; height:190px; padding-left:5px; padding-right:5px; padding-top:5px; background-image:url(/images/cross_sell/tooltipbg.gif); background-repeat:no-repeat; background-position:top right; background-color:transparent; filter: alpha(opacity:100); font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-align:left; } a.crosslink:active, a.crosslink:link, a.crosslink:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:underline; } a.crosslink:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; } /* test bridge styles */ td.td-cell1border { border-color: #bbbbbb; border-width: 0 1px 1px 1px; border-style: solid; } td.td-cell2border { border-color: #bbbbbb; border-width: 0 1px 1px 0px; border-style: solid; } td.td-row-bottomborder { border-color: #bbbbbb; border-width: 0px 1px 1px 1px; border-style: solid; } td.td-sub1border { border-color: #909090; border-width: 0 1px 1px 1px; border-style: solid; } td.td-sub2border { border-color: #909090; border-width: 0 1px 1px 0px; border-style: solid; } .tabletxtsm { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; margin:6px; margin-left:6px; margin-bottom: 1px; line-height: 10pt; } .tabletxt { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; margin:6px; margin-left:6px; margin-bottom: 1px; line-height: 11pt;} .nonsort-wht { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:#FFFFFF; } a.sort-wht { color:#FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal; } a.sort-wht:link { color: #FFFFFF; text-decoration: underline;} a.sort-wht:visited { color: #FFFFFF; text-decoration: underline; font-weight:normal;} a.sort-wht:hover { color: #D2D2D2; text-decoration: none; font-weight:normal;} a.info { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; } a.info:link { color: #527B00; text-decoration: underline;} a.info:visited { color: #527B00; text-decoration: underline; font-weight:normal;} a.info:hover { color: #666699; text-decoration: none; font-weight:normal;} .instruction { color:#D93000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; margin: 8px; margin-left: 6px; margin-bottom: -4px; line-height: 10pt;} .admin-hide { font-family: Arial, Verdana, Helvetica, sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 12px; COLOR: #D93000; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none; } .ContestTable { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-collapse: collapse; background-color: white; } .ContestTableFooter { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-collapse: collapse; background-color: #cccccc; } .ContestHeader { font-weight:bold; font-size:14px; } .ContestTextbox { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; width: 180px; } .ContestTextboxError { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: red Red Red red; width: 180px; } .ContestList { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; } .ContestListError { border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: red Red Red red; } .ContestButton { display: block; /*border: 1px solid black;*/ /*padding: 10px;*/ width: auto; background: #666666; color: #cccccc; text-decoration: none; font-weight: bold; } a.ContestButton:link, a.ContestButton:visited { color: #cccccc; text-decoration: none; font-weight: bold; } a.ContestButton:hover { color: #ffffff; text-decoration: none; font-weight: bold; } a.ContestPlaylist img { border-style: solid; border-width: 2px 2px 2px 2px; border-color:Black; } a.ContestPlaylistVisited img { border-style: solid; border-width: 2px 2px 2px 2px; border-color:red; } .ContestSubmitMessage { font-family: eurostile, Arial; font-size: 12px; } table.PageWidth { width:770; } table.PopupWidth { width:370; }