body { font-family:Arial, Helvetica, sans-serif; font-size:9pt; margin:0; padding:0; background-color:#C0C0C0; } table { font-family:Arial, Helvetica, sans-serif; font-size:9pt;} #printlogo { display:none;} #maincontainer { margin: 0px auto; text-align:left; clear:both; width:1000px; clear:both; border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; background-image:url(../images/contentbg.gif); background-repeat:repeat-x; background-color:#FFFFFF; background-position:0px 100px; } .CPpageHead {font-size:16px; color:#484a86; font-weight:bold} .CPgenHeadings {background-color:#E5E5E5} a { text-decoration: none; color:#231F20;} a img { border:0; } form { margin:0; padding:0;} h2, h3 , h4, h5, h6 , p { margin:0;} .button { background-color:#6F6F6F; color:#FFFFFF; font-weight:bold; padding:2px 10px 2px 10px; border:0; font-size:8pt;} .sep { clear:both;} #header { min-height:104px; background-image:url(../images/headerbg.gif); background-repeat:repeat-x; clear:both; width:1000px;} #header #logo { float:left; width:300px; padding:15px 0px 18px 62px;} #header #hr { float:right; width:638px; padding:15px 0px 0px 0px; } #header #hr #top { clear:both; height:56px; } #header #hr #top #searchbox { float:left; width:206px; padding:0px 0px 0px 40px;} #header #hr #top #searchbox p { padding:0px 0px 4px 0px; color:#6D6E70; font-size:8pt;} #header #hr #top #searchbox .input { border:1px solid #6D6E70; width:128px;} #header #hr #top #searchbox input { vertical-align:middle;} /* #header #hr #top #micro { float:right; width:25px; padding:0px 12px 0px 0px;} */ #header #hr #top #topmenu { float:right; min-width:330px; padding:0px 12px 0px 0px; text-align:right;} #header #hr #top #topmenu a strong { color:#2E318B; font-weight:normal; } #header #hr #top #topmenu p { color:#312E2F; font-size:8pt;} #header #hr #top #topmenu a:hover { text-decoration:underline; } #header #hr #menubg { clear:both; background-image:url(../images/menuleft.gif); background-repeat:no-repeat; background-position:top left; padding:0px 20px 0px 54px; min-height:28px; width:544px; } #header #hr #menu { clear:both; background-image:url(../images/menubg.gif); background-repeat:repeat-x; background-position:top left; min-height:28px; width:638px; } #header #hr #menu ul { margin:0; padding:0;} #header #hr #menu ul li { margin:0; padding:0; list-style-type:none; float:right; display:block;} #header #hr #menu li a { display:block; color:#231F20; } #header #hr #menu li a span { display: block; font-weight:bold; padding:8px 34px 8px 34px; text-decoration: none; background-image:url(../images/menusep.gif); background-repeat:no-repeat; background-position:right top; white-space: nowrap; font-size:8pt; font-family: "Trebuchet MS", Candara, Helvetica, Arial; text-transform:uppercase; } #header #hr #menu li a:hover { background-image:url(../images/menubghover.gif); background-repeat:repeat-x; color:#FFFFFF; } #header #hr #menu ul.learning-center li a.learning-center { background-image:url(../images/menubghover.gif); background-repeat:repeat-x; color:#FFFFFF;} #header #hr #menu ul.project-center li a.project-center { background-image:url(../images/menubghover.gif); background-repeat:repeat-x; color:#FFFFFF;} #header #hr #menu ul.products li a.products { background-image:url(../images/menubghover.gif); background-repeat:repeat-x; color:#FFFFFF;} #header #hr #menu #dropdownmenu li ul { background-image:url(../images/menubottom.png); background-position:bottom; background-repeat:no-repeat; padding:0px 0px 6px 0px;} #header #hr #menu #dropdownmenu li:hover a, #header #hr #menu #dropdownmenu li.sfHover a { background-image:url(../images/menubghover.gif); background-repeat:repeat-x; color:#FFFFFF; } #header #hr #menu #dropdownmenu li:hover ul a:hover, #header #hr #menu #dropdownmenu li.sfHover ul a:hover { background-image:url(../images/menuhover.png); background-repeat:repeat-y; color: #555257; } #header #hr #menu #dropdownmenu li:hover ul a, #header #hr #menu #dropdownmenu li.sfHover ul a { background-image:url(../images/menu.png); background-repeat:repeat-y; color: #949596; font-size:9pt; padding:5px 5px 5px 17px; } .nav, .nav ul { list-style: none; margin: 0; padding: 0;} .nav { z-index: 100; position: relative;} .nav ul { position: absolute; top: -999em; width:231px; } .nav ul li { display:block; clear:both; float:none; position:relative; width:231px;} .nav li:hover ul, .nav li.sfHover ul { top: 28px;} #content { clear:both; min-height:462px;} #location { clear:both; padding:23px 30px 23px 30px; color:#FFFFFF; font-size:8pt; } #location h1 { color:#FFFFFF; font-size:12pt; font-weight:400;} #cart { position:absolute; margin:24px 0px 0px 900px;} #location a { color:#FFFFFF; } #left { width:440px; float:left; padding:0px 0px 0px 20px; } #rotator { width:505px; float:right; padding:0px 23px 0px 0px;} .items { clear:both;} #featured { clear:both; height:109px; width:438px; border:1px solid #2C292A; margin:0px 0px 0px 0px; overflow:hidden; background-color:#FFFFFF; } #featured .title { background-image:url(../images/featuredbg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:4px 0px 7px 7px; font-size:10pt; color:#E2E2E3; font-weight:bold;} #featured #featuredcontent { background-image:url(../images/featuredbg.jpg); background-repeat:no-repeat; height:95px; } #featured #price { float:left; width:172px; padding:8px 0px 0px 20px; font-size:32pt; color:#F87C04; font-weight:bold; } #featured #price span { font-size:22pt; vertical-align:text-top; margin:4px 0px 0px 0px; float:left;} #featured .learnmore { float:left; width:92px; padding:35px 0px 0px 0px; } #featured .featuredimages { float:left; width:132px; margin:-28px 0px 0px 0px; text-align:right; } #titles { padding:0px 0px 0px 0px; } #titles ul { margin:0; padding:0;} #titles ul li { margin:0; padding:0px 0px 0px 20px; list-style:none; background-image:url(../images/whitebgarrow.gif); background-repeat:no-repeat; background-position:8px 10px; } #titles ul li a { display:block; background-image:url(../images/dotted.gif); background-repeat:repeat-x; background-position:bottom; padding:8px 0px 8px 0px; color:#231F20; font-size:10pt; } #titles ul li a.noborder { background-image:url(../images/sep.gif);} #titles ul li a:hover { text-decoration:underline; } #homebottom { clear:both; } #homebottom #titles { float:left; width:232px; padding:40px 0px 0px 20px; } #homebottom #titles ul { margin:0; padding:0;} #homebottom #titles ul li { margin:0; padding:0px 0px 0px 20px; list-style:none; background-image:url(../images/whitebgarrow.gif); background-repeat:no-repeat; background-position:8px 10px; } #homebottom #titles ul li a { display:block; background-image:url(../images/dotted.gif); background-repeat:repeat-x; background-position:bottom; padding:8px 0px 8px 0px; color:#231F20; font-size:10pt; } #homebottom #titles ul li a.noborder { background-image:url(../images/sep.gif); } #homevideos { border:1px solid #A5A3A5; display:table; float:right; width:690px; height:209px; margin:12px 23px 0px 0px; background-image:url(../images/videobg.gif); background-repeat:repeat-x; background-position:10px 29px; background-color:#FFFF9E;} #homevideos .titleleft { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:561px;} #homevideos .titleright { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:115px;} #homevideos .titleright a { background-image:url(../images/arrowtitle.gif); background-repeat:no-repeat; background-position:90px 2px; display:block; padding:0px 6px 0px 0px; color:#FFFFFF;} #videolistcontainer { padding:14px 9px 15px 9px; display:table;} #videolistcontainer .videoListContainer { } #centercolumn { float:right; width:742px; margin:0px 25px 0px 25px; background-color:#FFFFFF; } #centercolumn h1 { font-size:12pt; color:#231F20; font-weight:bold; padding:0px 0px 10px 0px;} #centercolumn h2 { font-size:12pt; color:#B81E2D; font-weight:normal; padding:0px 0px 10px 0px;} #centercolumn h3 { font-size:10pt; color:#231F20; font-weight:normal; padding:10px 0px 10px 0px;} #centercolumn h4 { font-size:10pt; color:#000000; font-weight:normal; padding:5px 0px 2px 0px;} #centercolumn p { font-size:10pt; color:#808183; font-weight:normal; padding:5px 0px 5px 0px;} #centercolumn li { font-size:10pt; color:#808183; font-weight:normal; padding:5px 0px 5px 0px;} #centercolumn a:hover { text-decoration:underline; } .border { border:1px solid #4F4C4C; background-color:#FFFFFF; display:table; } .contentborder { border:1px solid #4F4C4C; background-color:#FFFFFF; display:table; width:100%; } .blue { background-color:#E4E5E6; } .lightblue { background-color:#DDDEED; } .title { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt;} .title a { color:#FFFFFF; } .odd { padding:7px 0px 7px 7px; font-size:8pt; background-color:#E7E8E9; } .even { padding:7px 0px 7px 7px; font-size:8pt; background-color:#EEEEEF; } .totals { padding:2px 0px 2px 7px; font-size:9pt; background-color:#FFFFFF; color:#231F20; } .padding { padding:7px 7px 7px 7px;} .margins { padding:0px 15px 0px 15px;} .bigpadding { padding:0px 60px 0px 60px;} a#scode { color:#B81E2D; } #centercolumn .nopadding { padding:0;} #centercolumn .border { border:1px solid #4F4C4C; padding:21px 21px 21px 21px; background-color:#FFFFFF; width:700px; display:table; } .cols { display:table; font-family:Arial,"Myriad PRO", Helvetica; font-size:9pt;} .cols .col { width:210px; padding:10px 10px 10px 10px; display:table; } .cols .rightborder { background-image:url(../images/rightborder.gif); background-repeat:repeat-y; background-position:right;} .cols strong { color:#000000; font-size:9pt;} #centercolumn .cols .rightborder p { padding:10px 0px 0px 0px;} #centercolumn .contentborder .faq { float:right; margin:-21px 20px 0px 0px;} #centercolumn .contentborder .faqs { padding:15px 15px 15px 15px; } #centercolumn .contentborder .faqs h3 { color:#000000; margin:0; padding:0px 0px 0px 0px; } #centercolumn .contentborder .faqs h3 a { color:#333399; margin:0; padding:0px 0px 0px 0px; } #centercolumn .contentborder .faqs h4 { color:#000000; margin:0; padding:0px 0px 0px 0px; font-size:9pt; } #centercolumn .contentborder .faqs p { color:#666666; margin:0; padding:0px 0px 2px 0px; font-size:9pt; } #centercolumn .contentborder .faqs p a { color:#333399; } #centercolumn .contentborder .faqs p a:hover { text-decoration:underline; } #centercolumn .contentborder .faqs .line { padding:5px 0px 5px 0px; background-image:url(../images/hline.gif); background-repeat:repeat-x; background-position:center; clear:both;} #centercolumn .contentborder .myaccount { padding:15px 15px 15px 15px; } #centercolumn .contentborder .myaccount h1.nopadding { font-size:9pt; color:#000000; font-weight:bold; } #centercolumn .contentborder .myaccount h3 { color:#6D6E70; margin:0; padding:0px 0px 0px 0px; font-size:9pt;} #centercolumn .contentborder .myaccount h3 a { color:#313378; margin:0; padding:0px 0px 0px 0px; } #centercolumn .contentborder .myaccount h4 { color:#000000; margin:0; padding:0px 0px 0px 0px; font-size:9pt; } #centercolumn .contentborder .myaccount p { color:#666666; margin:0; padding:0px 0px 2px 0px; font-size:9pt; } #centercolumn .contentborder .myaccount p strong { color:#000000; } #centercolumn .contentborder .myaccount p a { color:#333399; } #centercolumn .contentborder .myaccount p a:hover { text-decoration:underline; } #centercolumn .contentborder .myaccount .line { padding:5px 0px 5px 0px; background-image:url(../images/hline.gif); background-repeat:repeat-x; background-position:center; clear:both;} #centercolumn .contentborder #orders { color:#6D6E70; font-weight:bold; } #centercolumn .contentborder #orders td { font-size:9pt;} #centercolumn .contentborder #orders a { color:#313378; } #centercolumn .contentborder #orders .odd { background-color:#DDDEED;} #centercolumn .contentborder #orders .even { background-color:#FFFFFF;} #centercolumn .desc { width:400px; } #centercolumn .prodname { width:300px; color:#B81E2D; } #centercolumn h1.prodname {font-weight:bold;} #centercolumn .productdescription { width:350px; float:left;} #centercolumn .productdescription .productdesc { font-size:10pt; color:#808183; font-weight:normal; } #centercolumn .productimages { padding:20px 5px 0px 0px; float:right;} #centercolumn .addtocart { clear:both; color:#302C2D; } #centercolumn .addtocart .orderproduct { background-image:url(../images/rl.gif); background-color:#E4E5E6; background-repeat:no-repeat; background-position:left; width:200px; float:right;} #centercolumn .addtocart .orderproduct .bg { background-image:url(../images/rr.gif); background-repeat:no-repeat; background-position:right;} #centercolumn .addtocart .orderproduct .form { padding:2px 4px 0px 8px; vertical-align:middle;} #centercolumn .addtocart .orderproduct .input { vertical-align:middle; width:20px;} #centercolumn .addtocart .price { font-size:18pt; font-weight:bold; float:left;} #centercolumn #productimages { float:right; width:300px;} #centercolumn #rotate { float:left; width:355px; } #centercolumn #rotate p {color:#231F20; font-size:8pt;} #centercolumn #rotate ul li a:hover { text-decoration:none; } #centercolumn #rotate li {color:#231F20; font-size:8pt; padding:2px 0px 2px 0px;} #centercolumn #productvideo { text-align:center;} #centercolumn #productvideo .movieborder #ply { border:1px solid #3E3E3E; border-bottom:0px;} #centercolumn #productright { float:right; width:310px; } #centercolumn #productdiff { clear:both; background-image:url(../images/diffline.gif); background-position:top; background-repeat:repeat-x; margin:10px 0px 10px 0px; } #centercolumn #diffup { clear:both; background-image:url(../images/diffline.gif); background-position:bottom; background-repeat:repeat-x; padding:10px 0px 10px 0px;} #centercolumn #diffdown { background-color:#DDDDEA; background-image:url(../images/diffbg.gif); background-repeat:no-repeat; background-position:5px 5px; padding:6px 0px 6px 95px; height:27px;} #centercolumn #diffmeteron { background-image:url(../images/diffhammer.gif); background-repeat:repeat-x; height:27px; float:left;} #centercolumn #diffmeteroff { background-image:url(../images/diffhammer2.gif); background-repeat:repeat-x; height:27px; float:left;} #centercolumn #difftext { text-align:right; padding-right:20px; color:#414142;} #emailtofriend { background-image:url(../images/emailtofriend.gif); background-repeat:no-repeat; padding:2px 5px 2px 24px; cursor:pointer; color:#808080; float:right; margin:-15px 0px 0px 0px; } #printerfriendly { background-image:url(../images/printer.gif); background-repeat:no-repeat; padding:2px 5px 2px 24px; cursor:pointer; color:#808080; float:right; margin:-15px 0px 0px 0px; } #productlist { margin:15px 0px 0px 0px; border:1px solid #3B383E; background-color:#DDDEED; padding:0px 0px 14px 0px;} #productlist .titleleft { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:380px;} #productlist .titleright { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:304px;} #productlist .titleright a { float:right; background-image:url(../images/arrowtitle.gif); background-repeat:no-repeat; background-position:right 2px; display:block; margin:0px 8px 0px 0px; padding:0px 12px 0px 0px; color:#FFFFFF;} #productlist .product { width:120px; color:#404041; font-size:8pt; } #productlist .product a { color:#404041; font-size:8pt; } #productlist .products { padding:0px 10px 0px 10px;} #productlist .products .product .images { background-color:#FFFFFF; width:101px; border:1px solid #3B383E; overflow:hidden;} #productlist .products .product select { font-size:8pt; width:110px; overflow:hidden;} #productlist .products td { padding: 10px 10px 10px 10px; margin:5px 0px 5px 0px;} #productlist .products td.sep { background-image:url(../images/prodline.jpg); background-repeat:no-repeat; background-position:0 40%;} #productlist .products td.rowsep { background-image:url(../images/prodline2.jpg); background-repeat:repeat-x; background-position:center;} #productlist .product .price { padding:5px 0px 5px 0px; font-size:12pt; font-weight:bold; color:#231F20; } #leftcolumn { float:right; width:190px; } #leftmenu { border:1px solid #4E4C55; background-color:#FFFFFF; width:205px;} #leftmenu ul { margin:0; padding:0;} #leftmenu ul li { margin:0; padding:0; list-style-type:none; } #leftmenu ul li a { display:block; color:#808183; font-size:8pt; margin:0; padding:3px 4px 3px 7px;} #leftmenu ul li a:hover { color:#231F20; background-color:#E0E1E2;} #leftmenu ul li a.selected { color:#231F20; background-color:#E0E1E2;} #leftmenu h3 { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt;} #leftmenu p { padding:3px 7px 3px 7px; font-size:9pt;} #smallshcart { border:1px solid #4E4C55; background-color:#FFFFFF; margin-top:30px; margin-bottom:30px; font-weight:bold; } #smallshcart .title { background-image:url(../images/sh-bg.gif); background-repeat:repeat-x; color:#FFFFFF; font-size:9pt; padding:0; margin:0;} #smallshcart .logo { background-image:url(../images/sh-logo.gif); background-repeat:no-repeat; background-position:155px 3px; padding:7px 0px 7px 7px;} #smallshcart td { color:#000000; } #smallshcart td.heading { background-color:#ECECEC; color:#000000; font-size:9pt; padding-left:8px; } #smallshcart td.prodname { color:#B81E2D; font-size:9pt; padding-left:8px; } #smallshcart td.total { font-size:9pt; padding-left:8px; padding-right:8px; } #smallshcart td.normal { padding-left:8px; } #smallshcart .hr { margin:0; background-image:url(../images/sh-dot.gif); background-repeat:no-repeat; background-position:center;} #relatedproducts { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:744px;} #relatedproducts .titleleft { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; display:table; width:735px;} #fullcontent { margin:0px 25px 0px 25px; clear:both; background-color:#FFFFFF; border:1px solid #474445; padding:21px 21px 21px 21px;} #centercolumn .contentpage h1 { color:#000000; font-size:8pt; padding:0px 0px 5px 0px; text-transform:uppercase; font-weight:bold; } #centercolumn .contentpage h2 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; font-weight:bold;} #centercolumn .contentpage h3 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; } #centercolumn .contentpage h4 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; } #centercolumn .contentpage p { color:#6D6E70; font-size:8pt; padding:0px 0px 10px 0px; } #centercolumn .contentpage li { color:#6D6E70; font-size:8pt; padding:2px 0px 2px 0px; } #dialogcontent { padding:10px 10px 10px 10px; } #dialogcontent h1 { color:#000000; font-size:8pt; padding:0px 0px 5px 0px; text-transform:uppercase; font-weight:bold; } #dialogcontent h2 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; font-weight:bold;} #dialogcontent h3 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; } #dialogcontent h4 { color:#000000; font-size:8pt; padding:5px 0px 10px 0px; } #dialogcontent p { color:#6D6E70; font-size:8pt; padding:0px 0px 10px 0px; } #dialogcontent li { color:#6D6E70; font-size:8pt; padding:2px 0px 2px 0px; } #gallerytext { text-align:center; color:#808183; vertical-align:middle; padding:2px 0px 10px 0px;} #gallerytext img { vertical-align:middle;} #loginbox a , #orders a { color:#333399; } #loginbox td { color:#666666; } #loginbox p , #orders strong { color:#000000; } #loginbox li { font-size:8pt; color:#333399; padding:2px 0px 2px 0px;} #centercolumn #findform { width:320px; padding:10px 40px 0px 40px; } #centercolumn #findform p { padding:5px 0px 5px 0px; line-height:14px;} #centercolumn #findresults { width:250px;} #centercolumn #findform .input { color:#666666; font-size:10pt; padding:3px 10px 3px 10px;} #centercolumn #findresults a { color:#333366;} #centercolumn .bluedotted {margin:15px 60px 0px 40px; background-image:url(../images/bluedotted.gif); background-position:top; background-repeat:repeat-x; padding-top:15px; } #centercolumn #certifiedsubtext p {font-size:7pt; } #centercolumn #certifiedsubtext p span {color:#000000; } #centercolumn #findresults { padding:10px 0px 0px 0px;} #centercolumn #findresults .bluedotted {margin:0px 0px 0px 0px; background-image:url(../images/bluedotted.gif); background-position:middle; background-repeat:repeat-x; padding:5px 0px 5px 0px; } #editcartcontainer { width:400px; float:left; font-size:10pt; } #cartsummary { width:278px; float:right; } #centercolumn .whiteline { min-height:2px; background-image:url(../images/whiteline.gif); background-repeat:repeat-x; background-position:top; clear:both; } .right { text-align:right; } #centercolumn .totals { padding:10px 0px 10px 0px; color:#000000; } #centercolumn .item { color:#B81E2D; } #centercolumn .data a { color:#6D6E70; text-decoration:underline; } #deliverytable { float:right; } #deliverytable td { padding:3px 0px 3px 10px; } #deliverytable td select { font-size:10pt; } #securesite { position:absolute; margin:10px 0px 0px 10px; } #cartsummary table { font-size:8pt; } #cartsummary table td { padding:2px 10px 2px 10px; font-weight:bold; } #cartsummary .small p { font-size:8pt; color:#333333; padding:0px 20px 0px 14px; } #upsell { padding:5px 5px 5px 5px; font-size:8pt;} #upsell .whiteline { min-height:2px; background-image:url(../images/whiteline.gif); background-repeat:repeat-x; background-position:top; clear:both; } #upsell p , #upsell table { font-size:8pt; } #upsell a:hover { text-decoration:underline;} #upsell .fontbig { font-size:10pt; padding:0px 0px 10px 0px; } #likeproducts { } #likeproducts .likeproduct {padding:2px 0px 4px 0px; text-align:right; } #likeproducts .likeproduct select { min-width:198px; font-size:8pt;} #hproducts { float:left; width:184px; border:1px solid #515051; height:169px; overflow:hidden; background-color:#FFFFFF; } #hprojects { float:right; width:240px; border:1px solid #515051; height:169px; overflow:hidden; background-color:#FFFFFF; } #hproducts ul { margin:0; padding:0;} #hproducts ul li { margin:0; padding:0; } #hproducts ul li a { display:block; color:#808183; font-size:8pt; margin:0; padding:3px 4px 0px 7px; min-height:13pt;} #hproducts ul li a:hover { color:#231F20; background-color:#E0E1E2;} #hproducts .title { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt;} #hprojects ul { margin:0; padding:0;} #hprojects ul li { margin:0; padding:0; } #hprojects ul li a { display:block; color:#808183; font-size:8pt; margin:0; padding:3px 4px 0px 17px; min-height:13pt; background-position:7px 6px; background-image:url(../images/arrow1.gif); background-repeat:no-repeat;} #hprojects ul li a:hover { color:#231F20; background-color:#E0E1E2; background-image:url(../images/arrow11.gif); background-repeat:no-repeat;} #hprojects .titleleft { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:166px;} #hprojects .titleright { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:60px;} #hprojects .titleright a { background-image:url(../images/arrowtitle.gif); background-repeat:no-repeat; background-position:50px 2px; display:block; padding:0px 6px 0px 0px; color:#FFFFFF;} #centercolumn #specialcontent h1 { font-size:10pt; font-weight:bold; color:#6D6E70; } #centercolumn #specialcontent p { font-size:9pt; color:#6D6E70;} #centercolumn #specialcontent h3 { font-weight:bold; } #centercolumn #specialcontent h4 { font-weight:bold; } #centercolumn #findcontractor .titleleft { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:380px;} #centercolumn #findcontractor .titleright { background-image:url(../images/titlebg.gif); background-repeat:repeat-x; color:#FFFFFF; padding:7px 0px 7px 7px; font-size:9pt; float:left; width:306px;} #centercolumn #findcontractor .titleright a { float:right; background-image:url(../images/arrowtitle.gif); background-repeat:no-repeat; background-position:right 2px; display:block; margin:0px 8px 0px 0px; padding:0px 12px 0px 0px; color:#FFFFFF;} #featuredproducts { border:1px solid #4F4C4C; background-color:#FFFFFF; display:table; margin:20px 0px 0px 0px; width:100%; } #columns { clear:both; display:table; } #columns .column { float:left; width:221px; border:1px solid #4F4C4C; background-color:#DDDEED; } #columns .columnsep { float:left; width:15px;} #columns .img { position:absolute; margin:-40px 0px 0px 0px;} #columns .img1 { margin-left:195px;} #columns .img2 { margin-left:180px;} #columns .img3 { margin-left:180px;} #columns .column ul { margin:0; padding:10px 0px 10px 0px;} #columns .column ul li { margin:0; padding:0; list-style-type:none;} #columns .column ul li a { display:block; color:#3C3E7E; font-size:9pt; margin:0; padding:3px 4px 0px 22px; min-height:13pt; background-position:7px 6px; background-image:url(../images/arrow11.gif); background-repeat:no-repeat;} .videos { float:left; width:414px; padding:10px 0px 10px 10px; } .videosep { float:left; height:140px; width:3px; padding:0px 10px 0px 10px; background-image:url(../images/videosep.gif); background-repeat:no-repeat; background-position:center;} .video { float:left; } #productlist .videoprojects ul { margin:0; padding:20px 0px 0px 0px;} #productlist .videoprojects ul li { margin:0; padding:0; list-style-type:none; padding:3px 0px 0px 0px; } #productlist .videoprojects ul li a { color:#3C3E7E; font-size:9pt; margin:0; padding:0px 4px 0px 22px; background-position:7px 4px; background-image:url(../images/arrow11.gif); background-repeat:no-repeat;} #centercolumn .projectleft { float:left; width:370px; } #centercolumn .projectright { float:right; width:310px; } #centercolumn .document a { background-image:url(../images/pdf.gif); display:block; padding:12px 10px 12px 35px; background-repeat:no-repeat; background-position:middle; color:#464885; } #fromEmail { padding:15px 15px 15px 15px; } #fromEmail textarea , #fromEmail .input { width:220px; border:1px solid #313378; } #fromEmail .button { background-color:#313378; color:#FFFFFF; } #fromEmail .ErrorBox { padding:0px 0px 5px 0px; color:#B81E2D; font-size:8pt;} #fromEmail .ErrorBox li { color:#000000; font-size:8pt;} #dialogActContentDiv .whiteline { min-height:2px; background-image:url(../images/whiteline.gif); background-repeat:repeat-x; background-position:top; clear:both; } #dialogActContentDiv #editcartcontainer { padding-left:15px; padding-top:15px; } #personalinfo select { width:170px;} #personalinfo .input { width:170px;} .ErrorBox { padding-right:15px; } #centercolumn .ErrorBox li { font-size:8pt; color:#B81E2D; } #dialogActContentDiv .tipcontent { padding:15px 7px 15px 7px; height:370px; overflow:auto; } #cart_contents a:hover { text-decoration:underline;} /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: Arial, sans-serif; font-size: 12px; } .ui-tabs-nav { list-style: none; float:left; background-image:url(../images/tabsright.jpg); background-repeat:no-repeat; background-position:right; margin: 0; padding: 0 21px 0 0px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 0 0 0px; min-width: 84px; /* be nice to Opera */ } .ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; background: url(../images/tab.png) no-repeat; } .ui-tabs-nav a { margin: 0px 0px 0px 0px; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #231F20; font-weight: bold; line-height: 1.2; font-size:8pt; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ } .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 0px; z-index: 2; margin-top: 0; color: #ffffff; } .ui-tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 19px; /* IE 6 treats height as min-height */ min-height: 19px; padding-top: 8px; padding-right: 0; } *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 0px; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -81px; } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -54px; } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -27px; color: #ffffff; } .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-panel { border-top: 1px solid #C8C2C3; clear:both; width:355px; padding: 1em 8px; /* declare background color for container to avoid distorted fonts in IE while fading */ background-color:#FFFF93; border:1px solid #6C6C70; margin-top:-2px; } .ui-tabs-panel ul { margin-top:4px; margin-bottom:4px;} .ui-tabs-loading em { padding: 0 0 0 20px; background: url(../images/loading.gif) no-repeat 0 50%; } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } #rotatorbglink { width:484px; height:234px; margin:4px 0px 0px 9px; position:absolute; z-index:11; padding:4px 0px 0px 22px; cursor:pointer; } #rotatornav { width:484px; height:39px; margin:248px 0px 0px 9px; position:absolute; z-index:10; padding:4px 0px 0px 22px; } #rotatortitle { width:483px; height:32px; margin:0px 0px 0px 0px; position:absolute; z-index:10; font-family:"Trebuchet MS", Arial; font-size:16pt; color:#FFFFFF; font-weight:500; padding:20px 0px 0px 22px; } #rotatorsubtitle { width:483px; height:26px; margin:45px 0px 0px 0px; position:absolute; z-index:10; font-family:"Trebuchet MS", Arial; font-size:10pt; color:#FFFFFF; font-weight:bold; padding:0px 0px 0px 22px; font-style:italic; } #rotatorbg {background-image:url(../images/cycle/rbg.png); background-repeat:no-repeat; width:505px; height:294px; position:absolute; z-index:10; } #rotatornavbg {background-image:url(../images/cycle/rotatorbg2.png); background-repeat:no-repeat; position:absolute; z-index:9; margin:243px 0px 0px 9px; width:484px; height:39px;} #rotatorlink {background-image:url(../images/cycle/learnhow.gif); background-repeat:no-repeat; width:83px; height:19px; margin:76px 0px 0px 22px; position:absolute; z-index:10; cursor:pointer; } #rotatorpause { float:left; background-image:url(../images/cycle/rotatorpause.gif); width:8px; height:12px; background-repeat:no-repeat; margin-right:8px; margin-top:3px; cursor:pointer; } #rotatorresume { float:left; background-image:url(../images/cycle/rotatorplay.gif); width:10px; height:14px; background-repeat:no-repeat; margin-right:8px; margin-top:1px; cursor:pointer; } #rotatorpages { float:left; margin-right:8px; text-align:left; width:370px; } #rotatorpages ul { margin:0; padding:0; } #rotatorpages ul li { margin:0; padding:0; } #rotatorpages a { padding:2px 8px 3px 8px; margin:0px 2px 0px 2px; color:#616161; display:block; float:left; background-image:url(../images/cycle/rotatornumberoff.gif); background-repeat:no-repeat; } #rotatorpages a.activeSlide { color:#616161; font-weight:bold; background-image:url(../images/cycle/rotatornumberon.gif); background-repeat:no-repeat; background-position:center top; color:#FFFFFF; } #videoscroller { width:624px; overflow:hidden; position:relative; z-index:1;} #videolistcontainer .videostablecontainer { background-image:url(../images/videoline.gif); background-repeat:no-repeat; background-position:right; } .videolist li {width:182px; height:138px; margin: 0px 12px 0px 0px; padding:0px 0px 0px 15px; background-image:url(../images/videoline.gif); background-repeat:no-repeat; list-style-type:none; } .videolist li div{left:182px} .videolist li div .caption{font:italic 0.7em/1.4 georgia,serif;} #scrollLeft { cursor:pointer;} #scrollRight { cursor:pointer;} /*************** ajax checkout **********************/ .accordionBack_active { background-color: #52548c; padding:3px; } .accordion_cont_active { border-left:4px solid #52548c; border-right:4px solid #52548c; border-bottom:8px solid #52548c; } .accordionBack_inactive { background-color:#cccccc; padding:3px; } .t12 { font-size:12px; font-weight:bold; } #shoppingbagtitle, #summarytitle, #addressestitle { background-color:#999999; padding:3px; } #shoppingbagscroll { height:150px; width:100%; overflow-x:hidden; overflow-y:auto; } #summary, #shoppingbag, #addresses { border-left:4px solid #999999; border-right:4px solid #999999; border-bottom:8px solid #999999; background-color:#f2f2f2; } .editbag { font-size:10px; color:white } .editbag:hover { text-decoration:underline; color:white; } .editbut_cont { float:right; clear:both; } div.title { color:white; font-size:12px; font-weight:bold; } .acc_section { margin-bottom:1px; overflow:hidden; } #mastermessage, #paymentmessage { font-size:12px; font-weight:bold; text-align:center; background-color:#DD0000; color:white; padding:8px; margin:1px 0; display:none; } #paymentmessage { font-size:11px; padding:6px; } #zerototal { display:none; } .pad10 { padding:10px; } #modaldiv { display:none; } #createaccount_fields { display:none; background-color:#f2f2f2; padding:6px; } .wht { color:white; } .big { font-size: 14px; font-weight: bold; } .acc_section { margin-bottom:1px; overflow:hidden; } div.title { color:white; font-size:12px; font-weight:bold; } .red { color:#ee0000; } .small { font-size:10px; } input.seasonbut { border:0px; background-color: #52548c; color:white; font-size:12px; text-transform:uppercase; padding:2px 4px 1px 4px; width:auto; overflow:hidden; cursor:pointer; font-weight:bold; } .supercontent { padding:6px; overflow:visible; clear:both; } .supercontent a { color:#665C5C; cursor:pointer; text-decoration:none; } input.darker { background-color:#555555; } .maintext { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:0; margin-bottom:0; } .pad10 { padding:10px; } input.subbut { border:0px; background-color: #999999; color:white; font-size:9px; text-transform:uppercase; padding:2px 4px 1px 4px !important; /* non-ie6 */ padding:2px 4px 0 4px; /* ie6 */ width:auto; overflow:hidden; cursor:pointer; } /******************** end ajax checkout *************************/