/* ********** RESET browser settings *********** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; } a img, :link img, :visited img {border: 0;} table {border-collapse: collapse;border-spacing: 0;} ol, ul {list-style: none;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* ********** END RESET browser settings *********** */ * {margin: 0;} html, body {height: 100%;} h2 {font-size:16px;color:#db0000;} h3 {font-size:14px;color:9d9d9d;margin-bottom:15px;} body{ background:url(../images/bg.gif) repeat-x #fff; font-family: arial, sans-serif; font-size:11px; color:#9d9d9d; line-height:14px; text-decoration:none; } sup { font-size:8px; vertical-align: top; } .wrapper { min-height: 100%; height: auto !important; height: 100%; width:761px; margin: 0 auto -125px auto; /* the bottom margin is the negative value of the footer's height */ } .push { height: 125px; /* .push must be the same height as .footer */ margin:0 auto; font-size:10px; } .footer-container { height: 125px; /* .push must be the same height as .footer */ margin:0 auto; background:url(../images/footer_bg.gif) repeat-x; font-size:10px; color:#9d9d9d; } .footer {width:761px; margin:0 auto; } .footer a{font-size:10px; color:#9d9d9d; text-decoration:none;} .footer a:hover{font-size:10px; color:#db0000; text-decoration:none;} .footer-top{width:723px; height:37px; margin:30px 0 0 0; padding:0 0 0 34px; text-align:left;} .footer-left{float:left; width:408px; height:37px; padding:0 0 0 0px;} .footer-right{float:left; width:315px; height:37px; padding:0 0 0 0px;} .footer-rightmedia{float:right; width:232px; padding:0 10px 0 0; text-align:center;} .footer-bottom{width:723px; height:19px; margin:15px 0 0 0; padding:0 0 0 34px; text-align:left;} .footer-leftb{float:left; width:120px; height:19px; padding:0 0 0 16px;} .footer-rightb{float:right; width:553px; height:19px; padding:2px 12px 0 0px; text-align:right;} .clear{clear:both;} .right {float:right} /* GLOBAL NAV */ .globalnav-wrapper {height:23px; width:753px; padding-right:8px; text-align:right; padding-bottom:32px;} .globalnav {float:right; height:20px; background:url(../images/nav/globalnav_bg.gif) no-repeat; text-align:right; padding:3px 0 0 15px; font-size:11px; color:#ffffff;} .globalnav a{font-size:11px; color:#ffffff; text-decoration:none;} .globalnav a:hover{font-size:11px; color:#606060;} .globalnav form{display:inline;} .globalnav form input {vertical-align:middle; } .globalnav .searchfield{width:105px; height:14px; border:0px; font-size:11px; color:#bcb398;} .globalnav .btn{} /* MAIN NAV */ .mainnav {height:30px; margin-bottom:25px;} /* DROP NAV */ .dropnav {visibility:hidden; position:absolute; top:0px; left:0px; width:173px;} .dropnav img{display:block;} .dropnav .links{background-color:#fff;} .dropnav .links a{display:block; width:159px; height:29px; padding-left:14px; background:url(../images/nav/dropnav_bar_off.gif) right no-repeat #fff; font-size:14px; color:#9d9d9d; line-height:24px; text-decoration:none;} .dropnav .links a.last{display:block; width:159px; height:29px; padding-left:14px; background:url(../images/nav/dropnav_bar_off_nodots.gif) right no-repeat #fff; font-size:14px; color:#9d9d9d; line-height:24px; text-decoration:none;} .dropnav .prodnav a:hover{display:block; background:url(../images/nav/dropnav_bar_red.gif) right no-repeat #fff; color:#db0000;} .dropnav .prodnav a.last:hover{display:block; background:url(../images/nav/dropnav_bar_red_nodots.gif) right no-repeat #fff; color:#db0000;} .dropnav .technav a:hover{display:block; background:url(../images/nav/dropnav_bar_red.gif) right no-repeat #fff; color:#db0000;} .dropnav .technav a.last:hover{display:block; background:url(../images/nav/dropnav_bar_red_nodots.gif) right no-repeat #fff; color:#db0000;} .dropnav .marketsnav a:hover{display:block; background:url(../images/nav/dropnav_bar_red.gif) right no-repeat #fff; color:#db0000;} .dropnav .marketsnav a.last:hover{display:block; background:url(../images/nav/dropnav_bar_red_nodots.gif) right no-repeat #fff; color:#db0000;} .dropnav .servicesnav a:hover{display:block; background:url(../images/nav/dropnav_bar_red.gif) right no-repeat #fff; color:#db0000;} .dropnav .servicesnav a.last:hover{display:block; background:url(../images/nav/dropnav_bar_red_nodots.gif) right no-repeat #fff; color:#db0000;} .dropnav .greenworksnav a:hover{display:block; background:url(../images/nav/dropnav_bar_red.gif) right no-repeat #fff; color:#db0000;} .dropnav .greenworksnav a.last:hover{display:block; background:url(../images/nav/dropnav_bar_red_nodots.gif) right no-repeat #fff; color:#db0000;} /* end DROP NAV */ /* TAB NAV */ .tabnav {padding-left:24px; height:25px;} .tabnav img {margin-right:4px;} .main {margin-bottom:75px;} .hm-col1 {float:left; width:156px; padding-left:52px;} ul.hm-arrow{list-style-type:none; margin-left:6px;} ul.hm-arrow li{padding:0px; margin:0px;} ul.hm-arrow li a{padding-left:11px; background:url(../images/ql_arrow.gif) no-repeat left center; font-size:11px; color:#9d9d9d; line-height:11px; text-decoration:none;} ul.hm-arrow li a:hover{font-size:11px; color:#db0000; line-height:11px; text-decoration:none;} ul.hm-arrow-white{list-style-type:none; margin-left:6px;} ul.hm-arrow-white li{padding:0px; margin:0px;} ul.hm-arrow-white li a{padding-left:11px; background:url(../images/ipad/arrow_white.gif) no-repeat left center; font-size:11px; color:#fff; line-height:11px; text-decoration:none;} ul.hm-arrow-white li a:hover{font-size:11px; color:#db0000; line-height:11px; text-decoration:none;} .hm-col2 {float:left; width:252px; padding-left:20px;} .tbl-news{width:247px; padding-left:5px;} .tbl-news td.col1{width:52px; vertical-align:top; font-size:11px; color:#9d9d9d; font-weight:bold;} .tbl-news td.col2{width:195px; vertical-align:top; font-size:11px; color:#9d9d9d; padding-bottom:10px;} .tbl-news td.col2 a{font-size:11px; color:#9d9d9d; text-decoration:none;} .tbl-news td.col2 a:hover{font-size:11px; color:#db0000; text-decoration:none;} .hm-col3 {float:left; width:232px; padding-left:27px;} .hm-col3 img{display:block;} /* min-height:625px; */ .sub-main {background:url(../images/sub_mainbg.gif) no-repeat; width:722px; padding:17px 18px 0 21px;} #mainhdr{width:722px; height:90px;} .mh-tech{background:url(../images/hdrs/hdrbg_tech.gif);} .mh-services{background:url(../images/hdrs/hdrbg_services.gif);} .mh-products{background:url(../images/hdrs/hdrbg_products.gif);} .mh-markets{background:url(../images/hdrs/hdrbg_markets.gif);} .mh-company{background:url(../images/hdrs/hdrbg_company.gif) no-repeat;} .mh-medialib{background:url(http://www.themohawkgroup.com/sitefiles/images/hdrs/hdrbg_medialib.gif) no-repeat;} #mainhdr h1{height:65px; padding-left:24px; font-size:26px; line-height:65px; color:#fff; font-weight:lighter;} .mainbody { background:url(../images/mainbody_bg.gif) no-repeat; height: auto !important; /* for modern browsers */ height: 545px; /* for IE5.x and IE6 */ min-height: 545px; /* for modern browsers */ border-bottom:1px solid #fff; } .mainbody .leftcol {float:left; width:492px; padding:30px 0 30px 31px;} .mainbody .leftcol-mvp {float:left; width:492px; padding:15px 0 30px 31px;} .mainbody .leftcol h1{font-size:26px; color:#9d9d9c; line-height:30px; font-weight:lighter; margin-bottom:16px;} .light{color:#9d9d9d;} .mainbody .leftcol .subhdr {height:47px; background:url(../images/mainhdr_dots.gif) bottom repeat-x;} .mainbody .leftcol .subhdr h1 sup{font-size:12px; vertical-align: top;} .mainbody .leftcol-mvp .subhdr {height:62px; background:url(../images/mainhdr_dots.gif) bottom repeat-x;} .mainbody .leftcol .subhdr h1{font-size:26px; line-height:30px; font-weight:lighter; margin-bottom:0px; } .mainbody .leftcol .pr a{color:#9d9d9d; line-height:14px; text-decoration:underline;} .mainbody .leftcol .pr a:hover{color:#db0000; line-height:14px; text-decoration:underline;} .mainbody .leftcol a.plainlink{font-size:11px; color:#777777;} .mainbody .leftcol a.hover.plainlink{font-size:11px; color:#db0000;} .mainbody .leftcol a.greenlink2{font-size:11px; color:#777777;} .mainbody .leftcol a:hover.greenlink2{font-size:11px; color:#db0000; } .mainbody .rightcol {float:left; width:169px; padding:72px 0 0 29px;} ul.rtcol-nav {padding-left:15px; list-style-type:none; margin-bottom:20px;} ul.rtcol-nav li{padding-top:4px; padding-bottom:4px;} ul.rtcol-nav li a{display:block; width:133px; font-size:14px; color:#9d9d9d; line-height:16px; text-decoration:none; background:url(../images/nav/rtcol_bar_off.gif) 129px 3px no-repeat;} ul.rtcol-nav li a:hover{display:block; color:#db0000; line-height:16px; background:url(../images/nav/rtcol_bar_orange.gif) 129px 3px no-repeat;} ul.rtcol-nav li span{display:block; width:133px; font-size:14px; color:#db0000; line-height:16px; background:url(../images/nav/rtcol_bar_orange.gif) 129px 3px no-repeat;} ul.purple li a:hover {color:#db0000; background:url(../images/nav/rtcol_bar_purple.gif) 129px 3px no-repeat;} ul.purple li span {color:#db0000; background:url(../images/nav/rtcol_bar_purple.gif) 129px 3px no-repeat;} ul.blue li a:hover {color:#db0000; background:url(../images/nav/rtcol_bar_blue.gif) 129px 3px no-repeat;} ul.blue li span {color:#db0000; background:url(../images/nav/rtcol_bar_blue.gif) 129px 3px no-repeat;} ul.green li a:hover {color:#db0000; background:url(../images/nav/rtcol_bar_green.gif) 129px 3px no-repeat;} ul.green li span {color:#db0000; background:url(../images/nav/rtcol_bar_green.gif) 129px 3px no-repeat;} ul.rtcol-nav li a.shrink{letter-spacing:-.05em;} #box-hdr {width:154px; height:29px; padding-left:15px; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:29px;} #box-hdr.orange{background:url(../images/hdrs/boxhdr_orange.gif) no-repeat;} .bh-purple{background:url(../images/hdrs/boxhdr_purple.gif) no-repeat;} .bh-yellow{background:url(../images/hdrs/boxhdr_yellow.gif) no-repeat;} .bh-blue{background:url(../images/hdrs/boxhdr_blue.gif) no-repeat;} .bh-green{background:url(../images/hdrs/boxhdr_green.gif) no-repeat;} .bh-gray{background:url(../images/hdrs/boxhdr_gray.gif) no-repeat;} #box-hdr-short {width:154px; height:11px; padding-left:15px} .bh-gray2{background:url(../images/hdrs/boxhdr_gray2.gif) no-repeat;} .bh-pink2{background:url(../images/hdrs/boxhdr_pink2.gif) no-repeat;} .related-links {background:url(../images/rtcol_box_grad.gif) repeat-x; height:auto !important; height:325px; min-height:325px; padding:10px 0 0 15px;} .related-links ul {list-style-type:none;} .related-links ul li{padding:0px; margin:0 0 3px 0;} .related-links ul li a{padding-left:11px; background:url(../images/ql_arrow.gif) no-repeat left center; font-size:11px; color:#9d9d9d; line-height:11px; text-decoration:none;} .related-links ul li a:hover{font-size:11px; color:#db0000; line-height:11px; text-decoration:none;} .left-box {float:left; width:169px; margin-right:29px; margin-bottom:15px;} .feature-box {background:url(../images/feature_box_bottom.gif) bottom no-repeat #e6e6e6; padding-bottom:25px;} .feature-pad {padding:15px 15px 0 15px;} .feature-hdr {font-size:14px; color:#777777; padding-bottom:5px;} .feature-hdr2 {font-size:12px; color:#777777; padding-bottom:5px;} a.feature-link {color:#777777; text-decoration:none; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} a.feature-link:hover {color:#db0000; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} a.feature-linkP {color:#ea77af; text-decoration:none; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} a.feature-linkP:hover {color:#ea77af; text-decoration:underline; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} .right-text {float:left; width:291px;} .left-box2 {float:left; width:169px; margin-right:21px; margin-bottom:15px;} .boxhdr-graybig{width:473px; height:29px; background:url(../images/hdrs/boxhdr_graybig.gif) no-repeat; padding-left:15px; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:29px;} .location-box {width:485px; height:112px; background:url(../images/location_box_bottom.gif) bottom no-repeat #e6e6e6; padding-bottom:25px; margin-bottom:25px;} .location-pad {padding:13px 0 0 15px;} .location-container{position:absolute; top:0px; left:0px; visibility:hidden;} .location {float:left; width:155px;} .location .hdr {font-size:12px; color:#777777; line-height:18px;} .location a {color:#777777; text-decoration:none; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} .location a:hover {color:#db0000; background:url(../images/arrow_gray.gif) right center no-repeat; padding-right:9px;} .loc-pull {height:20px; width:140px; font-size:11px;} .twocol {width:230px; } /* Collapsible table styles */ .expand {display:block; width:15px; height:14px; background:url(../images/Expand.gif) top left no-repeat;} a.noplus {background:none; width:100%; height:100%;} a.noplus {text-decoration:none; color:#9d9d9d;} .collapse {display:block; width:15px; height:14px; background:url(../images/Collapse.gif) top left no-repeat;} .collapsehdr a{padding:0 0 10px 0; font-size:13px; color:#9d9d9d; font-weight:bold; background:url(../images/collapsehdr_bg.gif) repeat-x bottom;} .collapsehdron a{padding:0 0 5px 0; font-size:13px; color:#db0000; font-weight:bold;} .collapsetext{padding:0 0 10px 0; font-size:11px; color:#9d9d9d; line-height:14px; background:url(../images/collapsehdr_bg.gif) repeat-x bottom;} .collapsetext a{background:url(../images/arrow_orange.gif) left center no-repeat; font-size:11px; padding-left:9px; text-decoration:none; color:#777777;line-height:22px;} .collapsetext a:hover{background:url(../images/arrow_orange.gif) left center no-repeat; font-size:11px; padding-left:9px; color:#db0000;} #green .expand {display:block; width:15px; height:14px; background:url(../images/Expand.gif) top left no-repeat;} #green a.noplus {background:none; width:100%; height:100%;} #green a.noplus {text-decoration:none; color:#9d9d9d;} #green .collapse {display:block; width:15px; height:14px; background:url(../images/Collapse_green.gif) top left no-repeat;} #green .collapsehdr a{padding:0 0 10px 0; font-size:13px; color:#9d9d9d; font-weight:bold; background:url(../images/collapsehdr_bg.gif) repeat-x bottom;} #green .collapsehdron a{padding:0 0 5px 0; font-size:13px; color:#db0000; font-weight:bold;} #green .collapsetext{padding:0 0 10px 0; font-size:11px; color:#9d9d9d; line-height:14px; background:url(../images/collapsehdr_bg.gif) repeat-x bottom;} #green .collapsetext a{background:url(../images/arrow_green.gif) left center no-repeat; font-size:11px; padding-left:9px; text-decoration:none; color:#777777;} #green .collapsetext a:hover{background:url(../images/arrow_green.gif) left center no-repeat; font-size:11px; padding-left:9px; color:#db0000;} /* Misc styles */ .left {float:left;} .right {float:right;} .clear {clear:both;} .block {display:block;} .nudgeleft{margin-left:-5px;} .nudgehs{margin:-6px 0 0 -13px} .nudgeup{position:relative; top:-15px;} a.link{color:#777777; line-height:14px; text-decoration:none;} a.link:hover{color:#db0000; line-height:14px;} a.linkP{color:#ea77af; line-height:14px; text-decoration:none;} a.linkP:hover{color:#ea77af; line-height:14px;text-decoration:underline;} a.linkG{color:#777777; line-height:14px; text-decoration:none;} a.linkG:hover{color:#db0000; line-height:14px; } .left50{float:left; width:50%;} ul.dot {list-style-type:none;} ul.dot li{background:url(../images/listdot.gif) 0px 5px no-repeat; padding-left:12px;} ul.dot2 {list-style-type:none;} ul.dot2 li{background:url(../images/listdot2.gif) 0px 5px no-repeat; padding-left:18px;} .greenhdr {font-size:13px; color:#db0000;} .greenhdr2 {font-size:16px; color:#db0000;} a.arrowlink-purple {background:url(../images/arrow_purple.gif) left center no-repeat; padding-left:9px; font-size:13px; color:#db0000; text-decoration:none; line-height:30px;} a.arrowlink-purple:hover {background:url(../images/arrow_purple.gif) left center no-repeat; padding-left:9px; color:#db0000; line-height:30px; text-decoration:underline;} a.arrowlink-yellow {background:url(../images/arrow_yellow.gif) left center no-repeat; padding-left:9px; font-size:13px; color:#db0000; text-decoration:none; line-height:30px;} a.arrowlink-yellow:hover {background:url(../images/arrow_yellow.gif) left center no-repeat; padding-left:9px; color:#db0000; line-height:30px; text-decoration:underline;} a.arrowlink-green {background:url(../images/arrow_green.gif) left center no-repeat; padding-left:9px; font-size:13px; color:#db0000; text-decoration:none; line-height:30px;} a.arrowlink-green:hover {background:url(../images/arrow_green.gif) left center no-repeat; padding-left:9px; color:#db0000; line-height:30px; text-decoration:underline;} a.arrowlink-green-2line {background:url(../images/arrow_green.gif) 0px 4px no-repeat; padding-left:9px; font-size:13px; color:#db0000; text-decoration:none; display:block;} a.arrowlink-green-2line:hover {background:url(../images/arrow_green.gif) 0px 4px no-repeat; padding-left:9px; color:#db0000; text-decoration:underline;} a.arrowlink-blue {background:url(../images/arrow_blue.gif) left center no-repeat; padding-left:9px; font-size:13px; color:#db0000; text-decoration:none; line-height:30px;} a.arrowlink-blue:hover {background:url(../images/arrow_blue.gif) left center no-repeat; padding-left:9px; color:#db0000; text-decoration:underline; line-height:30px;} a.arrowlink-bluesm {background:url(../images/arrow_blue.gif) left center no-repeat; padding-left:9px; font-size:11px; color:#777777; text-decoration:none; line-height:30px;} a.arrowlink-bluesm:hover {background:url(../images/arrow_blue.gif) left center no-repeat; padding-left:9px; color:#db0000; line-height:30px;} .dnf-left{float:left; width:200px; color:#9d9d9d;} .dnf-right{float:right;} .bluecopy, a.bluecopy {color:#db0000; text-decoration:none;} a.bluecopy:hover {color:#db0000; text-decoration:underline;} .tall {line-height:40px;} .bluehdr {font-size:14px; color:#777777;} .bluehdr2 {font-size:10px; color:#777777;} .formpull{width:180px; height:18px; font-size:11px;} .prodthumbs{width:; margin-left:-19px;} .prodthumb{float:left; width:107px; height: 230px; padding:0 0 19px 19px;} .prodthumb img {display:block; padding-bottom:5px;} .prodthumb a{ color:#db0000; text-decoration:none;} .prodthumb a:hover{ color:#db0000; text-decoration:underline;} .prodthumbs2{width:; margin-left:-19px;} .prodthumb2{float:left; width:107px; padding:0 0 19px 19px;} .prodthumb2 img {display:block; padding-bottom:5px;} .prodthumb2 a{ color:#db0000; text-decoration:none; font-weight:bold;} .prodthumb2 a:hover{ color:#db0000; text-decoration:underline;} .small-list-hdr {font-size:14px; color:#777777; padding-bottom:6px;} ul.small-list {list-style-type:none;} ul.small-list li{font-size:11px;} ul.small-list li a{padding-left:12px; background:url(../images/arrow_list_gray.gif) no-repeat left center; color:#9d9d9d; text-decoration:none;} ul.small-list li a:hover, ul.small-list li span{padding-left:12px; background:url(../images/arrow_list_blue.gif) no-repeat left center; color:#db0000;} .installthumbs{width:; margin-left:-15px;} .installthumb{float:left; width:111px;height:150px; padding:0 0 19px 15px;} .installthumb img {display:block; padding-bottom:5px;} .installthumb a{ color:#777777; text-decoration:none; font-weight:bold;} .installthumb a:hover{ color:#db0000;} .tbl-contracts {width:480px;} .tbl-contracts td.col1{vertical-align:top; width:202px;} .tbl-contracts td.col2{vertical-align:top; width:278px;} .smallpad{padding-left:10px;} .tbl-specs {width:480px;} .tbl-specs td.col1{width:185px; vertical-align:top;} .tbl-specs td.col2{width:295px; vertical-align:top;} .tbl-env {width:480px;} .tbl-env td.col1{width:150px; vertical-align:top; font-weight:bold;} .tbl-env td.col2{width:330px; vertical-align:top;} .ten {font-size:10px; line-height:13px;} a.greenlink {color:#91b063;} /*-------------------- Tabber stuff ------------------*/ .tabbercontainer {} /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .neutral {color:#9d9d9d;} .tabber { background:url(../images/subtab_bg.gif) repeat-x; } .tabberlive { /*margin-top:1em;*/ } .tabberlive a.graylink{color:#777777;text-decoration:none;} .tabberlive a.graylink:hover{color:#db0000;text-decoration:none;} .tabberlive a.bluecopy{color:#db0000;text-decoration:none;} .tabberlive a.bluecopy:hover{color:#db0000;text-decoration:underline;} /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; font: bold 11px Arial, sans-serif; line-height:21px; } ul.tabbernav li { list-style: none; margin-right: 4px; float:left; display:inline; background:url(../images/subtab_tabbg_off_lf.gif); padding-left:7px; } ul.tabbernav li a { background:url(../images/subtab_tabbg_off_rt.gif) right; text-decoration: none; height:21px; padding-right:7px; text-align:center; display:block; float:left; } #greentabs ul.tabbernav li a:link {font-size:11px; color: #b1ab97; background:url(../images/subtab_tabbg_off_rt.gif) right;} #greentabs ul.tabbernav li a:hover {font-size:11px; color: #91b063; background:url(../images/subtab_tabbg_off_rt.gif) right; text-decoration: none;} #greentabs ul.tabbernav li.tabberactive a {font-size:11px; color: #91b063; background:url(../images/subtab_tabbg_on_rt.gif) right;} #greentabs ul.tabbernav li.tabberactive a:hover {font-size:11px; color: #91b063; background:url(../images/subtab_tabbg_on_rt.gif) right;} #greentabs ul.tabbernav li.tabberactive {font-size:11px; color: #91b063; background:url(../images/subtab_tabbg_on_lf.gif);} .tabberpad {margin-left:8px;} ul.tabbernav li a:link { color: #9d9d9d; background:url(../images/subtab_tabbg_off_rt.gif) right;} ul.tabbernav li a:hover {color: #db0000; background:url(../images/subtab_tabbg_off_rt.gif) right;} ul.tabbernav li.tabberactive a {color: #db0000; background:url(../images/subtab_tabbg_on_rt.gif) right;} ul.tabbernav li.tabberactive a:hover {color: #db0000; background:url(../images/subtab_tabbg_on_rt.gif) right;} ul.tabbernav li.tabberactive {color: #db0000; background:url(../images/subtab_tabbg_on_lf.gif);} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive {background:url(../images/subtab_bg.gif) repeat-x;} .tabberlive .tabbertab { padding:10px 0 12px 0px; } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabberlive .onlinecatalog .layout {width:630px;overflow:auto;border:1px solid #c4c4c4;border-top:none;padding:10px 20px 20px 20px;} .tabberlive .onlinecatalog .main_img {width:305px;height:385px;background:#c4c4c4;margin:0 20px 20px 0;} .tabberlive .onlinecatalog .selections {width:305px;height:385px;margin:0 0 20px 0;overflow:auto;} .tabberlive .onlinecatalog input {margin-right:10px;} .tabberlive .onlinecatalog a {color:#db0000;text-decoration:none;} .tabberlive .onlinecatalog a:hover {text-decoration:underline;} /*-------------------------------------------------- GSA homepage drop downs --------------------------------------------------*/ .tabformText {width:173px; height:15px; border:1px solid #a2958a; color:#a2958a; margin:4px 0px;} .tabformPull {width:140px; height:20px; border:1px solid #d9d9c0; color:#9d9d9d; margin:3px 0 0px 0; font-size:11px;} /* online catalog additions 12.08.10 */ .singlecol {width:670px;margin:0 0 0 25px;} .singlecol .subhdr {height:47px; background:url(../images/mainhdr_dots.gif) bottom repeat-x;} .dottedline {height:15px;margin-bottom:10px;background:url(../images/mainhdr_dots.gif) bottom repeat-x;} .singlecol .subhdr h1{font-size:26px; line-height:30px; font-weight:lighter; margin-bottom:0px; } .tabnav2 {margin:0 0 0 0;} .tabnav2 h2 {font-size:14px;font-weight:lighter;line-height:30px;width:153px;height:30px;margin-right:4px;padding-left:8px;border:1px solid #c4c4c4;border-bottom:1px solid #fff;float:left;} .tabnav2 .layout {width:100%;height:200px;border:1px solid #c4c4c4;float:left;} /* production 12.14.10 */ .prod_search_1 {background:#f3f3f3;width:476px;height:389px;margin:0 0 20px 0;} .prod_search_2 {background:#f3f3f3;width:198px;height:143px;margin-right:20px;} .prod_search_3 {background:#f3f3f3;width:258px;height:143px;} .prod_search_4 {background:#f3f3f3;width:476px;height:265px;margin:0 0 20px 0;} .prod_search_5 {background:#f3f3f3;} .search_1 {width:237px;height:148px;padding:10px 20px 20px 20px;} .search_1 select {width:175px;margin-bottom:10px;} .search_2 {width:158px;padding:10px 20px 10px 20px;} .search_2 select {width:155px;margin-bottom:10px;} .search_3 {width:190px; padding:10px 20px 0px 20px; overflow:auto;} .search_3 select {width:195px;margin-bottom:10px;} .search_4 {width:380px;height:148px;padding:5px 20px 20px 20px;} .search_4 select {width:195px;margin-bottom:10px;} .search_bar{width:460px;height:15px;margin:0 0 20px 0;} .prodthumb3{float:left; width:110px;height:260px;margin:0 10px 10px 0;overflow:hidden;} .prodthumb3_img {display:block;margin-bottom:5px;background:#ccc;width:107px;height:107px;overflow:hidden;} .prodthumb3 a {color:#db0000; text-decoration:none;} .prodthumb3 a:hover {color:#db0000; text-decoration:underline;} .prodthumb3 .tlink a {color:#db0000; text-decoration:none;} .prodthumb3 .tlink a:hover {color:#db0000; text-decoration:underline;} .prodthumb3_links {border-bottom:1px solid #9d9d9d;margin:0 0 10px 0;height:105px;} .prodthumb3_links a {color:#9d9d9d; text-decoration:none;} .prodthumb3_links a:hover {color:#9d9d9d; text-decoration:underline;} .prodthumb4{float:left; width:110px;margin:0 10px 10px 0;overflow:hidden;} .prodthumb4_img {display:block;margin-bottom:5px;background:#ccc;width:107px;height:107px;overflow:hidden;} .prodthumb4 a {color:#db0000; text-decoration:none;} .prodthumb4 a:hover {color:#db0000; text-decoration:underline;} .prodthumb4 .tlink a {color:#db0000; text-decoration:none;} .prodthumb4 .tlink a:hover {color:#db0000; text-decoration:underline;} .prodthumb4_links {border-bottom:1px solid #fff;margin:0 0 10px 0;height:35px;} .prodthumb4_links a {color:#9d9d9d; text-decoration:none;} .prodthumb4_links a:hover {color:#9d9d9d; text-decoration:underline;} /* new search results styles 04.13.2010 */ .swatch_unit{width:115px;overflow:auto;margin:0 5px 20px 0;} .swatch_unit_2{width:110px;height:140px;margin:0 20px 20px 0;} .swatch_unit_img{width:108px;height:108px;margin:0 0 10px 0;background:#333;} .swatch_unit_txt{margin:0px 0 10px 0;line-height:14px;} .swatch_unit_txt .srTitle {font-size:10px;font-weight:bold;} .swatch_unit_icons{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #d2d2d2;height:14px;} .swatch_unit_icon{margin:0 5px 0 0;float:left;} .linkred, a.linkred, .linkred a{color:#db0000;font-size:11px;text-decoration:none;} a.linkred:hover, .linkred a:hover{color:#db0000;font-size:11px;text-decoration:underline;} .arrowlinkred {font-size:11px; color:#9d9d9d; line-height:14px;} .arrowlinkred a{background:url(../images/arrow_orange.gif) left center no-repeat; font-size:11px; padding-left:9px; text-decoration:none; color:#777777;line-height:22px;} .arrowlinkred a:hover{background:url(../images/arrow_orange.gif) left center no-repeat; font-size:11px; padding-left:9px; color:#db0000;} .arrowlinkgray {font-size:11px; color:#9d9d9d; line-height:14px;} .arrowlinkgray a{background:url(../images/arrow_gray.gif) left center no-repeat; font-size:11px; padding-left:9px; text-decoration:none; color:#777777;line-height:22px;} .arrowlinkgray a:hover{background:url(../images/arrow_gray.gif) left center no-repeat; font-size:11px; padding-left:9px; color:#db0000;}