/* ---------------------------------------------------------------------------- CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* ----- type selectors ----- */ body { background:#e1e1e1 url("../images/bkgd.jpg") top repeat-x; text-align:center; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.6em; color:#000; } h2 { font-size:1.4em; color:#000; } h3 { font-size:1.3em; color:#000; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#000; font-weight:bold; text-decoration:underline; } a:hover,a:active { color:#9a9a9a; font-weight:bold; text-decoration:underline; outline:none; } /* the next two lines are for the links in the footer of the master page */ .footy .footy:link, .footy:visited { text-decoration:underline; } .footy:hover, .footy:active { text-decoration:underline; color:#9a9a9a; } .HomePage a:link, .HomePage a:visited { text-decoration:underline; } .HomePage a:hover, .HomePage a:active { text-decoration:underline; color:#9a9a9a; } /* ----- classes ----- */ div.clear { clear:both; height:.01em; overflow:hidden; } p.back-to-top { text-align:right; display:block; padding-right:15px; background:url("../images/bullet-back-to-top.jpg") right no-repeat; } .more{ background:url("../images/bullet.gif") 0px 4px no-repeat; padding-left:15px; /* pushes text to the right to display bg img */ } img.img-left { float:left; margin:2px 10px 10px 0; } img.img-right { float:right; margin:5px 0 10px 10px; } /* framework * ------------------------------------------------------------------------- */ #wrap { background:url("../images/wrap-spacer.jpg") repeat-y; width:842px; margin:0 auto; text-align:left; } #masthead { position:relative; background:url("../images/masthead.gif"); height:132px; } /* index page link within #masthead */ #masthead a { position:absolute; left:32px; width:236px; top:69px; height:43px; } #masthead a span { display:none; } /* ----- column-left ----- */ #column-left { width:545px; float:left; } #column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl { margin:0 37px 10px 50px; } /* single column list */ #column-left ul { padding-left:5px; } #column-left ul li { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; padding-left:10px; /* pushes text to the right to display bg img */ } /* definition list */ #column-left dl { padding-left:5px; } #column-left dl dt { font-weight:bold; color:#99CC00; } #column-left dl dd { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; padding-left:10px; /* pushes text to the right to display bg img */ margin-left:5px; } #hr-top { background:url("../images/hr-top.gif") top left no-repeat; height: 23px; } #divider { background:url("../images/img-divider.jpg") no-repeat; height: 163px; margin: 0 0 0 50px; padding: 20px 0 28px 0px; } #hr-btm { background:url("../images/hr-btm.gif") top left no-repeat; height: 23px; } #feature-left { width:281px; float:left; } #feature-left h2, #feature-left p { margin:0 25px 8px 50px; } #feature-right { width:264px; float:left; } #feature-right h2, #feature-right p { margin:0 37px 8px 19px; } /* ---:[ RSS page ]:--- */ #divRSS ul li { background:transparent url("../images/bullet.gif") 0px 5px no-repeat; padding: 0px 0px 10px 15px; } /* sets the bullets for list items */ #divRSS a:link, #divRSS a:visited { text-decoration: underline; color:#000000; } /* these two lines keep the link state fixed */ #divRSS a:hover, #divRSS a:active { text-decoration: underline; color:#9a9a9a; } /* ---:[ AboutUs page ]:--- */ #divAbout a:link, #divAbout a:visited { text-decoration: underline; color:#000000; } /* these two lines keep the link state fixed */ #divAbout a:hover, #divAbout a:active { text-decoration: underline; color:#9a9a9a; } #divAbout h2 a:link, #divAbout h2 a:visited { text-decoration: none; color:#000000; } /* these two lines keep the link state fixed */ #divAbout h2 a:hover, #divAbout h2 a:active { text-decoration: none; color:#9a9a9a; } #divAbout #ProAff { margin-left: 20px; } #divAbout #ProAff .ProAff { margin-left: 40px; } /* ---:[ Master Page Search Box ]:--- */ #divSearch { float: right; margin:75px 20px 0px 0px; position: relative; } #divSearch .txtSearch { border: 1px solid black; height: 23px; background-color: #f6f6f6; text-align: left; } #divSearch .btnSearch {} /* ---:[ Search Results Page ]:--- */ .srchHeader { padding: 0px; margin: 0px; margin-bottom: 20px; width: 465px;} #divSrchHead { line-height:32px; border-top: 1px solid Gray; background-color: #f6f6f6; padding-right: 5px; } #divSrchHead h2 { padding: 0px; margin: 0px; padding-left: 5px; } #divSrchHead span { padding: 0px; margin: 0px; padding-right: 5px; } #divSrchTease { padding: 0px; margin: 0px; width: 465px; } #divSrchTease .g { padding-bottom: 5px; } /*teaser title & date*/ #divSrchTease .date { } #divSrchTease .j { padding-bottom: 10px; } /*teaser summary*/ .srchControl #navbar a { margin-left: 2px; } .srchControl .i { padding-left: 2px; } .srchControl .b { padding-right: 10px; } .txtSearch2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin: 3px 0px 30px 0px; padding: 0px; text-align: justify; } .btnSearch2 { width: 75px; margin-bottom: 30px; text-align:center; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; background-color: #000000; color: #ffde00; } .searchTable { border: 1px solid red; background-color: Aqua;} /* ---:[ Contact Us Form ]:--- */ #column-left #ContactForm .form { width: 525px; margin: 25px 0 20px 0px; } /* ---:[ Product Landing Pages ]:--- */ #column-left .ProductLanding ul li { padding-bottom: 10px; background:transparent url("../images/bullet.gif") 0px 5px no-repeat; padding-left:15px; margin-left: 5px; } /* ---:[ product desc ]:--- */ #product-desc { width: 525px; margin: 0px; } #product-desc .product-title { margin-left: 50px; position: relative } #product-desc .product-title h1 { padding:0px 0px 10px 0px; margin:0px; } #product-desc .product-sheets { float:right; margin:0px; padding:0px; } #product-desc .product-sheets a { text-decoration:underline; } #product-desc .product-sheets a:hover { text-decoration:underline; color: #9a9a9a; } #product-desc .product-sheets a:visited { text-decoration:underline; } #product-desc .product-sheets ul { color:#000000; font-size:11px; background-color:#ffde00; border: 1px solid #454545; padding: 5px 5px 5px 0px;} #product-desc .product-sheets ul li { display:inline; font-weight: bold; border-left: 1px solid #000000; } #product-desc .product-sheets ul li.first { border:none; margin: 0px 5px 0px 0px;} #product-desc .product-sheets ul li.last { margin: 0px 5px 0px 0px;} #product-desc .product-sheets ul li.mid { margin: 0px 5px 0px 0px;} /*---:[ nav-summary Tabs ]:---*/ #nav-summary { width: 453px; height:31px; background-color:#454545; border-left:#2a2a2a; border-top:#2a2a2a; border-right:#2a2a2a; margin-top: 10px;} #nav-summary li { padding: 6px 0 6px 0; margin: 0 5px 0 5px; float: left; border-left: 1px solid #858585;} #nav-summary li a, #nav-summary li a:visited { color: #fff; text-decoration: none; padding: 3px;} #nav-summary li a:hover { text-decoration: none;color: #000; background:#FFFFFF; padding: 3px;} #nav-summary li.first { padding: 6px 0 6px 0; margin: 0 5px 0 5px; border:none; } /*---:[ ajax tab control styles ]:---*/ .ajax__tab_xp0 .ajax__tab_header { color: #FFFFFF; font-weight:bold; font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 476px; height:31px; background-color:#454545; border-left:#2a2a2a; border-top:#2a2a2a; border-right:#2a2a2a; margin-top: 10px; margin-right:10px; } .ajax__tab_xp0 .ajax__tab_outer { padding-right:4px; border-left: 1px solid #858585;} .ajax__tab_xp0 .ajax__tab_inner { padding-left:3px;} .ajax__tab_xp0 .ajax__tab_tab { padding: 6px 0 6px 0; margin: 0 5px 0 5px;} .ajax__tab_xp0 .ajax__tab_hover .ajax__tab_outer { color: #000000; background:#FFFFFF; border-left: 1px solid #2a2a2a; } .ajax__tab_xp0 .ajax__tab_hover .ajax__tab_inner { color: #000000; background:#FFFFFF; } .ajax__tab_xp0 .ajax__tab_hover .ajax__tab_tab { color: #000000; background:#FFFFFF;} .ajax__tab_xp0 .ajax__tab_active .ajax__tab_outer { color: #000000; background:#FFFFFF; border-left: 1px solid #2a2a2a;} .ajax__tab_xp0 .ajax__tab_active .ajax__tab_inner { color: #000000; background:#FFFFFF;} .ajax__tab_xp0 .ajax__tab_active .ajax__tab_tab { color: #000000; background:#FFFFFF;} .ajax__tab_xp0 .ajax__tab_body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;} #column-left .Tabs { margin:0px 0px 0px 40px; padding: 0px 0px 20px 0px; } #column-left .CalcBtn { margin:0px 0px 0px 8px; padding: 0px 0px 0px 0px; cursor: pointer; } /*---:[ summary tab ]:---*/ #column-left .tab_summary { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_summary h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_summary p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .summary-hd { background:url("../images/summary_header.gif") no-repeat; height:31px;} #column-left .summary-ft { background:url("../images/summary_footer.gif") no-repeat; height:8px; overflow: hidden;} #column-left .tab_summary img { float: left; margin: 0px 0px 0px 20px; padding:0px 20px 0px 0px; } #column-left .tab_summary ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:0px 0px 0px 0px; padding-left:15px;} #column-left .tab_summary ul li a:link, .summary ul li a:visited { text-decoration: underline;} #column-left .tab_summary ul li a:hover, .summary ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-left .summary-ft { clear:both;} /*---:[ all other tabs ]:---*/ #column-left .tab_features { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_apps { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_colors { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_benefits { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_projects { background:url("../images/summary_spacer.gif") repeat-y; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #column-left .tab_features h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_apps h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_colors h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_benefits h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_projects h2 { margin:0px 20px 0px 20px; padding:0px 0px 8px 0px; } #column-left .tab_features p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .tab_apps p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .tab_colors p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .tab_benefits p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .tab_projects p { margin: 0px 20px 0px 20px; padding:8px 0px 20px 0px; } #column-left .tab_features ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:4px 0px 0px 0px; padding-left:15px;} #column-left .tab_apps ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:4px 0px 0px 0px; padding-left:15px;} #column-left .tab_colors ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:4px 0px 0px 0px; padding-left:15px;} #column-left .tab_benefits ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:4px 0px 0px 0px; padding-left:15px;} #column-left .tab_projects ul li { background: transparent url("../images/bullet.gif") 0px 4px no-repeat; margin:4px 0px 0px 0px; padding-left:15px;} #column-left .tab_features ul li ul li a:link, .tab_features ul li a:visited { text-decoration: underline;} #column-left .tab_apps ul li ul li a:link, .tab_apps ul li a:visited { text-decoration: underline;} #column-left .tab_colors ul li ul li a:link, .tab_colors ul li a:visited { text-decoration: underline;} #column-left .tab_benefits ul li ul li a:link, .tab_benefits ul li a:visited { text-decoration: underline;} #column-left .tab_projects ul li ul li a:link, .tab_projects ul li a:visited { text-decoration: underline;} #column-left .tab_features ul li a:hover, .tab_features ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-left .tab_apps ul li a:hover, .tab_apps ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-left .tab_colors ul li a:hover, .tab_colors ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-left .tab_benefits ul li a:hover, .tab_benefits ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-left .tab_projects ul li a:hover, .tab_projects ul li a:active { text-decoration: underline; color:#9a9a9a;} /*---: [ product menus ] :---*/ /*--- Main Products landing page ---*/ #NavContainer { width: 460px; text-decoration:none; margin-left: 50px;} #NavContainer div { } #NavContainer ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #FFFFFF; color: #000000; } #NavContainer ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #NavContainer ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 60px; text-decoration: none; display: block; } #NavContainer ul li a:link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 60px; } #NavContainer ul li a:hover { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 60px; background-color: #E6E6E6; color: #000000; } #NavContainer .PriNav h2 { color: #FFDE00; background-color: #000000; text-decoration: none; line-height: 32px; padding:0; margin:0; display: block; font-size:small; } #NavContainer .PriNav a, .PriNav h4, .PriNav div { color: #FFDE00; background-color: #000000; text-decoration: none; line-height: 32px; padding-left:10px; display: block; font-size:small; } #NavContainer .PriNav a:link { color: #FFDE00; background-color: #000000; display:block;} #NavContainer .PriNav a:hover { color: #FFDE00; background-color: #000000; display:block; text-decoration: none;} #NavContainer .SubNav { background-color: #E6E6E6; line-height: 32px; padding-left:10px; font-weight:bold; margin-top: 2px; cursor:pointer; } #NavContainer .SubNav h3 { margin: 0; padding: 0; font-size:small; } #NavContainer .SubList { width: 460px; } #NavContainer .SubList ul li { font-weight:normal; margin: 0; padding: 0; text-indent: 0px; line-height: 26px; vertical-align:middle; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; } #NavContainer .SubClosed { padding: 0px 0px 0px 50px; cursor: pointer; background: #E6E6E6 url("../images/plus.gif") no-repeat 5% 47%; border-bottom:1px solid #000000; } #NavContainer .SubOpen { padding: 0px 0px 0px 50px; cursor: pointer; background: #E6E6E6 url("../images/minus.gif") no-repeat 5% 47%; border-bottom:1px solid #000000; } /*--- Product Category menus in the gray side bar ---*/ #column-right-content #NavFeatures { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #column-right-content #NavFeatures div { padding:0px 0px 0px 0px; } #column-right-content #NavFeatures h4 { display:block; margin:0px 0px 0px 0px; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; } #column-right-content #NavFeatures .SubList { width: 233px; text-indent:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #FFFFFF; background-image: none;} #column-right-content #NavFeatures .SubList .lnkMenu { margin: 0px 0px 0px 0px; padding:0px 0px 0px 27px; height: auto; text-decoration: none; background-image: none; font-size: 12px; font-weight: normal; } #column-right-content #NavFeatures .SubList ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: #FFFFFF; color: #000000; } #column-right-content #NavFeatures .SubList ul li { width: 233px; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-indent:0px; background-image: none; border-left: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999; height: auto; line-height: 26px;} #column-right-content #NavFeatures .SubList ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; background:none; color: #000000; display: block; text-decoration: none; background-image: none; font-size: 12px; font-weight: normal; text-indent:0px; height: auto; } #column-right-content #NavFeatures .SubList ul li a:link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; background:none; color: #000000; display: block; text-decoration: none; background-image: none; font-size: 12px; font-weight: normal; text-indent:0px; } #column-right-content #NavFeatures .SubList ul li a:hover { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; background-color: #e6e6e6; display: block; text-decoration: none; background-image: none; font-size: 12px; font-weight: normal; text-indent:0px; height: auto; } #column-right-content #NavFeatures .SubList ul li a:active { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; background-color: #e6e6e6; display: block; text-decoration: none; background-image: none; font-size: 12px; font-weight: normal; text-indent:0px; } #column-right-content #NavFeatures .SubClosed { padding: 5px 0px 5px 27px; cursor: pointer; background: #4a4a4a url("../images/rt-arrow.gif") no-repeat 5% 47%; color: #FFFFFF; border-bottom: solid 1px #999; } #column-right-content #NavFeatures .SubOpen { padding: 5px 0px 5px 27px; cursor: pointer; background: #4a4a4a url("../images/dn-arrow.gif") no-repeat 5% 47%; color: #FFFFFF; border-bottom: solid 1px #999; } /*---:[ News ]:---*/ #column-left .News ul li a:link, .News ul li a:visited { text-decoration: underline;} #column-left .News ul li a:hover, .News ul li a:active { text-decoration: underline; color:#9a9a9a;} #column-right-content .PriNav h3 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } /*---:[ catalog feature ]:---*/ #column-right-content #divCatalog { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #column-right-content #divCatalog .Catalog h4 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } #column-right-content #divCatalog ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: #4a4a4a; color: #FFFFFF; border-left: solid 1px #999; border-right: solid 1px #999; } #column-right-content #divCatalog ul li { padding: 5px 0px 5px 27px; width: 204px; font-weight:normal; text-indent:0px; background: #4a4a4a url("../images/rt-arrow.gif") no-repeat 5% 47%; border-bottom: solid 1px #999; } #column-right-content #divCatalog ul a { color: #FFFFFF; font-weight:normal; } #column-right-content #divCatalog ul li a:link, #divCatalog ul li a:visited { text-decoration: underline;} #column-right-content #divCatalog ul li a:hover, #divCatalog ul li a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ Upcoming Events & Editorial Contacts ]:---*/ #column-right #divEvents { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #column-right #divEvents h1, #column-right #divEvents h3 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } #column-right #divEvents { width: 233px; background-image: none; color: #FFFFFF; } #column-right #divEvents p { padding: 5px 0px 5px 10px; background-color: #4a4a4a; height: 50px; vertical-align:middle; margin:0px 0px 0px 0px; text-indent: 0px; width: 221px; border-left: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999; } #column-right #divEvents ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: #4a4a4a; color: #FFFFFF; border-left: solid 1px #999; border-right: solid 1px #999; } #column-right #divEvents ul li { padding: 5px 0px 5px 27px; width: 204px; font-weight:normal; text-indent:0px; background: #4a4a4a url("../images/rt-arrow.gif") no-repeat 5% 18%; border-bottom: solid 1px #999; } #column-right #divEvents .alt { padding: 5px 0px 5px 27px; width: 204px; font-weight:normal; text-indent:0px; background: #5b5b5b url("../images/rt-arrow.gif") no-repeat 5% 18%; border-bottom: solid 1px #999; } #column-right #divEvents ul a { color: #FFFFFF; font-weight:normal; } #column-right #divEvents ul li a:link, #divEvents ul li a:visited { text-decoration: underline;} #column-right #divEvents ul li a:hover, #divEvents ul li a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ Editorial Contacts ]:---*/ #column-right #divEditor { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #column-right #divEditor h1, #column-right #divEditor h3 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } #column-right #divEditor { width: 233px; background-image: none; color: #FFFFFF; } #column-right #divEditor p { padding: 5px 0px 5px 10px; background-color: #4a4a4a; height: 50px; vertical-align:middle; margin:0px 0px 0px 0px; text-indent: 0px; width: 221px; border-left: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999; } #column-right #divEditor ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: #4a4a4a; color: #FFFFFF; border-left: solid 1px #999; border-right: solid 1px #999; } #column-right #divEditor ul li { padding: 5px 0px 5px 27px; width: 204px; font-weight:normal; text-indent:0px; background: #4a4a4a url("../images/rt-arrow.gif") no-repeat 5% 12%; border-bottom: solid 1px #999; } #column-right #divEditor ul a { color: #FFFFFF; font-weight:normal; } #column-right #divEditor a:link, #divEditor a:visited { text-decoration: underline;} #column-right #divEditor a:hover, #divEditor a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ Spotlight ]:---*/ #column-right #divSpotlight { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #column-right #divSpotlight h1 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } #column-right #divSpotlight h3 { display:block; margin:0px auto 0px auto; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; line-height:32px; } #column-right #divSpotlight { width: 233px; padding-bottom: 5px; background-image: none; color: #FFFFFF; border: solid 1px #999; background-color: #4a4a4a; } #column-right #divSpotlight p { padding: 5px 0px 5px 10px; margin:0px 0px 0px 0px; text-indent: 0px; width: 221px; } #column-right #divSpotlight a { color: #FFFFFF; font-weight:normal; } #column-right #divSpotlight a:link, #divSpotlight a:visited { text-decoration: underline;} #column-right #divSpotlight a:hover, #divSpotlight a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ New Products feature box ]:---*/ #divNewProducts { width:235px; text-decoration:none; margin:0px auto 0px auto; padding:0px 0px 5px 0px; background-image: none; color: #FFFFFF; border: solid 1px #999; background-color: #4a4a4a; } #divNewProducts div { padding:0px 0px 0px 0px; } #divNewProducts h4 { display:block; margin:0px 0px 0px 0px; padding: 5px 0px 5px 12px; background-color: #000000; color: #FFDE00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #EDEDED; } #divNewProducts .SubList { width: 233px; text-indent:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #4a4a4a; background-image: none;} #divNewProducts .SubList p { padding: 5px 0px 5px 10px; margin:0px 0px 0px 0px; text-indent: 0px; width: 221px; } #divNewProducts .SubList a { color: #FFFFFF; font-weight:normal; } #divNewProducts a:link, #divNewProducts a:visited { text-decoration: underline;} #divNewProducts a:hover, #divNewProducts a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ New Products landing page ]:---*/ .NewProd a:link, .NewProd a:visited { text-decoration: underline; color:#000000;} .NewProd a:hover, .NewProd a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ Tech Resources landing page ]:---*/ #divTech a:link, #divTech a:visited { text-decoration: underline; color:#000000;} #divTech a:hover, #divTech a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ Product Matrices landing page ]:---*/ #divMatrix a:link, #divMatrix a:visited { text-decoration: underline; color:#000000;} #divMatrix a:hover, #divMatrix a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ SiteMap landing page ]:---*/ #divSitemap a:link, #divSitemap a:visited { text-decoration: underline; color:#000000;} #divSitemap a:hover, #divSitemap a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ SideBar Images ]:---*/ #divFeatures .Tech { margin-left: -10px; } #divFeatures { margin:0px 0px 0px 26px; padding:0px 0px 0px 0px; } /* firefox */ #ie7andup #divFeatures { margin:0px 0px 0px 26px; padding:0px 0px 0px 0px; } /* ie7 and up */ #ie6only #divFeatures { margin:0px 0px 0px 26px; padding:0px 0px 0px 0px; } /* ie6 and up */ /*---:[ Grout Calculators ]:---*/ .HeadInfo p { border-bottom:1px dashed #bfbfbf; padding-bottom: 20px; } .lblGrout { margin-right: 30px; background-color: #fff8aa; border-bottom: 1px dashed #4a4a4a; border-left: 1px solid #ffde00; border-right: 1px solid #ffde00; border-top: 1px solid #ffde00; } .Note { border-top: 1px dashed #bfbfbf; padding-top: 20px; margin: 20px 0px 20px 0px; } #column-left #divCalcs .Answers { width: 450px; padding: 20px 0px 20px 0px; background-color: #f6f6f6; border-bottom: 1px dashed #bfbfbf; border-top:1px dashed #bfbfbf; } .lblYield { padding-right: 30px; margin-left: 3px; width: 60px; text-align: left; } #column-left #divCalcs .Answers .AnswerTitle { } #column-left .divDataTable p { margin: 5px 0px 5px 10px; } #column-left .divDataTable tr { margin-left: 50px; } #column-left .spacer { padding: 0px 10px 0px 10px; } #column-right .calcs { background-image: none; font-weight: bold; padding-left: 0px; margin-left: 0px; } #column-right .calcs a:link, #column-right .calcs a:visited { text-decoration: underline;} #column-right .calcs a:hover, #column-right .calcs a:active { text-decoration: underline; color:#9a9a9a;} /*---:[ SignUp Page ]:---*/ #divUser { padding: 0px; margin: 0px 0px 0px 50px; } .reqd { color:Red; } #btnSubmit { } /* ----- column-right ----- */ #column-right #column-right-content { margin: 11px 12px 0px 0px; padding: 0px 0px 0px 0px; } #column-right #projectlist { width: 235px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #column-right #projectlist div { padding: 0px 0px 0px 0px; } #column-right #projectlist h3 { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 12px; background-color: Black; color: #ffde00; font-size: 12px; font-weight: bold; border-bottom: solid 1px #ededed; } #column-right #projectlist .ajax_head_projects_closed { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 27px; cursor: pointer; background: #4a4a4a url("../images/rt-arrow.gif") no-repeat 5% 47%; color: White; border-bottom: solid 1px #999; } #column-right #projectlist .ajax_head_projects_open { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 27px; cursor: pointer; background: #4a4a4a url("../images/dn-arrow.gif") no-repeat 5% 47%; color: White; border-bottom: solid 1px #999; } #column-right #projectlist ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #fff; color: Black; } #column-right #projectlist ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-left: solid 1px #999; border-right: solid 1px #999; border-bottom: solid 1px #999; background-image: none; line-height: 100%; } #column-right #projectlist ul li a { width: 100%; display: block; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; background: none; color: Black; text-decoration: none; font-size: 12px; font-weight: normal; } #column-right #projectlist ul li a:link { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; } #column-right #projectlist ul li a:hover { margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; background-color: #e6e6e6; } #column-right #projectlist ul li a span { display: block; margin: 0px 0px 0px 0px; padding: 7px 0px 7px 27px; } #column-right { width:297px; float:left; } #column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl { margin:0 33px 10px 28px; } /* single column list */ #column-right ul { padding-left:5px; } #column-right ul li { background:transparent url("../images/bullet.gif") 0px 6px no-repeat; padding-left:15px; /* pushes text to the right to display bg img */ line-height:22px; } /* definition list */ #column-right dl { padding-left:5px; } #column-right dl dt { font-weight:bold; color:#99CC00; } #column-right dl dd { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; padding-left:10px; /* pushes text to the right to display bg img */ margin-left:5px; } /* ----- bottom-wrap ----- */ #bottom-wrap { background:url("../images/btm-wrap.jpg"); height:20px; clear:both; width:100%; /* fix for Safar */ } /* header framework * ------------------------------------------------------------------------- */ #header-graphic { } /* sets height for all non-flash headers */ /*body#home #header-graphic { background:url("../images/banner-home.jpg"); } body#about #header-graphic { background:url("../images/header-about.jpg"); } body#contact #header-graphic { background:url("../images/header-contact.jpg"); } body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); } body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); } /* subhead framework * ------------------------------------------------------------------------- */ #subhead { height:20px; } /* sets height for all subheads */ body#index #subhead { background:url("../images/subhead-index.jpg"); } body#about #subhead { background:url("../images/subhead-about.jpg"); } body#contact #subhead { background:url("../images/subhead-contact.jpg"); } body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); } body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg"); } /* nav * --------------------------------------------------------------------------------------------------------------------------------*/ #nav-bt { background:url("../images/nav-bt.jpg") no-repeat; height:81px; } /* Horozontal Sprite Nav * ------------------------------------------------------------------------- */ #nav { background:url("../images/nav.gif") no-repeat; width:842px; height:41px; margin:0; padding:0; } #nav span { display: none; } #nav li, #nav a { height:41px; display:block; } /* change height here also */ #nav li { float:left; list-style:none; _display:inline; } #nav-01 { width: 64px; margin-left: 12px;} #nav-02 { width: 82px;} #nav-03 { width: 60px;} #nav-04 { width: 79px;} #nav-05 { width: 148px;} #nav-06 { width: 116px;} #nav-07 { width: 92px;} /*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */ #nav-01 a:hover { background:url("../images/nav.gif") -12px -41px no-repeat; } #nav-02 a:hover { background:url("../images/nav.gif") -76px -41px no-repeat; } #nav-03 a:hover { background:url("../images/nav.gif") -158px -41px no-repeat; } #nav-04 a:hover { background:url("../images/nav.gif") -218px -41px no-repeat; } #nav-05 a:hover { background:url("../images/nav.gif") -297px -41px no-repeat; } #nav-06 a:hover { background:url("../images/nav.gif") -445px -41px no-repeat; } #nav-07 a:hover { background:url("../images/nav.gif") -561px -41px no-repeat; } /*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- body#home #nav-01 { background:url("../images/nav.gif") -28px -41px no-repeat; } body#SPECIFY #nav-02 { background:url("../images/nav.gif") -88px -41px no-repeat; } body#SPECIFY #nav-03 { background:url("../images/nav.gif") -170px -41px no-repeat; } body#SPECIFY #nav-04 { background:url("../images/nav.gif") -249px -41px no-repeat; } body#SPECIFY #nav-05 { background:url("../images/nav.gif") -397px -41px no-repeat; } body#SPECIFY #nav-06 { background:url("../images/nav.gif") -515px -41px no-repeat; }*/ /* Son of Suckerfish: Horizontal Sprite Nav * ------------------------------------------------------------------------- */ #nav li ul { position:absolute; left:-9999px; padding-right:1px; /* Fixes one px spacing for border-right in FF */ background-color:#000; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ font-size:.90em; } #nav li ul li { height:20px; /* Height of each drop down nav item */ /*border:1px solid #ababab;*/ border-top:none; } #nav li ul li a { width:100%; height:20px; /* Height of each drop down nav item, should match above */ line-height:20px; /* Height of each drop down nav item again, should match above */ } #nav li ul li a span { display:block; padding-left:5px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto;background-position: 0 0; } /* Hover styles for drop down items */ #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover { background-image:none; background-color:#454545; color:#FFFFFF; text-decoration:none; } /* width of drop down nav - choose width that allows items to display on one line */ #nav-02 ul, #nav-02 li { width:160px; } #nav-04 ul, #nav-04 li { width:180px; } #nav-05 ul, #nav-05 li { width:180px; } /***********************************************************************************************/ .navdiv { margin-left: 250px; width:842px; height:41px; margin:0; padding:0; } .navrow1 { width: 60px; margin-left: 28px; height:41px; display:block; float:left; list-style:none; _display:inline;} .clearall { clear: both; } /* ------------------------------------------------------------------------- */ .footerspan { margin-left:4px; margin-right:4px; background:url("images/ft_bullet.gif"); } #footerdiv { width:800px; margin:0 auto; padding-bottom: 50px; } #footerdiv1 { text-align:left; } #footer1 span ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #footer1 span ul li { float:left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; list-style: none; text-decoration:underline; } #footer1 span ul li a:link, #nav1 span ul li a:visited { display: block; padding: 0px 0px 0px 0px; color:#000; text-decoration:underline; } #footer1 span ul li a:hover, #nav1 span ul li a:active { display: block; padding: 0px 0px 0px 0px; color:#9a9a9a; text-decoration: underline; } #footerdiv2 { text-align:center; } #footer2 span ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #footer2 span ul li { float:left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; list-style: none; text-decoration:underline; } #footer2 span ul li a:link, #nav1 span ul li a:visited { display: block; padding: 0px 0px 0px 0px; color:#000; text-decoration:underline; } #footer2 span ul li a:hover, #nav1 span ul li a:active { display: block; padding: 0px 0px 0px 0px; color:#9a9a9a; text-decoration: underline; } #header_menu_middle { float:left; margin-top:40px; width:460px; height:13px; background: url("../images/nav_cms.gif") no-repeat; } .header_menu_spacer { float:left; width:25px; height:11px; } #header_menu_spacer { float:left; width:25px; height:11px; } div.header_menu_item { float:left; height:11px; } #header_menu_aboutus { float:left; height:11px; } /* DataTable */ .DataTable { /*background-color: #fff;*/ /*border-bottom: solid 1px #EEE;*/ color: #000000; margin: 0px 0px 0px 0px; } .DataTable td { padding: 5px 0 5px 10px; } .DataTable .Interlaced { /*background-color: #FFF;*/ } .DataTable .Header { color: #FFFFFF; /*font-size: 13pt;*/ font-weight: bold; padding: 0px; text-align: left; background-color: #006633; font-weight: bold; padding: 5px; border-bottom: solid 1px #FFF; } .DataTable .Title { padding: 5px 10px; font-size: 10pt; } .DataTable .SubTitle { color: #006633; } .DataTable .NavLinks { font-weight: lighter; text-align: right; word-spacing: 5px; } .DataTable .NavLinks a { color: #000; } .DataTable a:link,a:visited { color:#000; text-decoration:none; outline:none; text-align:left; } .DataTable a:hover,a:active { color:#000; text-decoration:underline; outline:none; } .DataTable .Footer td { font-family: Times New Roman, Times, serif; color: #FFFFFF; padding-right: 10px; text-align: right; background-color: #006633; padding: 5px; word-spacing: 5px; border-top: solid 1px #FFF; } .DataTable .Footer a, .DataTable .Footer span { color: #FFFFFF; } .DataTable .Header a, .DataTable .Header span { color: #FFFFFF; font-size: small; } /* ----- START product showcase----- */ #product-showcase { width: 438px; margin: 0px 0 0px 50px; background-color:#454545; border: 1px solid #030303; color:#fff;} #product-showcase h2 { color:#fff; margin:12px 0 7px 13px; padding:0px; } #product-showcase h2.first { color:#fff; margin:15px 0 10px 13px; padding:0px; } #product-showcase p { margin:0 5px 0 4px; padding:7px 5px 7px 10px; background-color:#595959; font-size:1.0em;} #p-left { width: 204px; float:left; } #p-right { width: 234px; float:left; } #product-showcase ul { padding: 15px 10px 10px 10px;} #product-showcase ul li { display:inline;} #product-showcase img { margin: 5px 0 5px 10px; padding: 0px 0 0px 0px; border: solid 1px #000; } #product-showcase .imgholder { margin: 0px 5px 4px 4px; padding: 0px 0px 0px 0px; background-color: #454545; } #product-showcase-header { width: 438px; margin: 10px 0 15px 50px; background-color:#fff } #product-showcase-header h2 { color:#595959; margin:0px; padding:0px 0px 0px 0px; background-color: White } #productlist { width: 438px; margin: 5px 0 0px 50px; background-color:#fff; color:#595959; } #productlist span{ font-weight: bold; padding: 0px 0px 0px 0px; } #productlist h3 { margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px; } #column-left #productlist ul { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; } #column-left #productlist ul li { background: transparent url(../images/bullet.gif) no-repeat scroll 0px 6px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 10px; line-height: 100% } #column-left #productlist ul li a { display: block; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 10px; text-decoration: underline; } #column-left #productlist ul li a:visited { text-decoration: underline; } br.clear { clear: both; } /* ----- END product showcase----- */ /* footer * ------------------------------------------------------------------------- */ #footer { width:842px; margin:0 auto; text-align:left; } #footer p { color:#009900; margin-bottom:10px; } #footer a:link, #footer a:visited { font-weight:normal; } #footer a:hover, #footer a:active { font-weight:normal; } #footer ul {margin:10px 0 15px 45px;} #footer li { /* if your li's float, you can adjust border height w/ line-height */ padding:0 5px 0 7px; display: inline; border-left: 1px solid #000; } #footer li.first { border: none; } /* ----- admin styles ----- */ #admin p{ margin: 0 33px 0 50px; } #wrap-admin { background:url("../images/wrap-spacer-admin.gif") repeat-y; width:842px; margin:0 auto; text-align:left; } #nav-bt-admin { background:url("../images/nav-bt-admin.jpg") no-repeat; height:81px; } #bottom-wrap-admin { background:url("../images/btm-wrap-admin.jpg"); height:20px; clear:both; width:100%; /* fix for Safar */ } /* Sales Rep Finder Styels */ br.clear { height: 2px; clear: both; } .float45 { float:left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .float55 { float:left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info { width : 460px; margin: 0px 0px 30px 50px; padding: 0px 0px 0px 0px; background-color:#fff; color:#000; } #sales_rep_info a:link,#sales_rep_info a:visited { color:#000; font-weight:bold; text-decoration:underline; } #sales_rep_info a:hover,#sales_rep_info a:active { color:#9a9a9a; font-weight:bold; text-decoration:underline; outline:none; } #sales_rep_info p { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info span { font-weight: bold; } #sales_rep_info .buttonclass { display: block; float: left; margin: 5px 5px 5px 0px; } #sales_rep_info .textboxclass { display: block; float: left; margin: 7px 10px 0px 0px; } #sales_rep_info h3 { display: block; font-size: 98%; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; } #sales_rep_info h2 { display: block; font-size: 110%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info .marginborder { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: solid 1px #bfbfbf; } #sales_rep_info .fulllength { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; } #sales_rep_info .indented { width: 275px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center; } #sales_rep_info .linelabelcity { float: left; width: 50px; text-align:right; display: block; font-weight: bold; margin: 0px 0px 10px 0px; padding: 1px 5px 0px 0px; } #sales_rep_info .linelabel { float: left; width: auto; display: block; font-weight: bold; margin: 0px 0px 10px 0px; padding: 1px 5px 0px 0px; } #sales_rep_info .linedata2 { float: left; width: auto; margin: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; background-color: #fff8cc; border: solid 1px #ffde00; border-bottom: dashed 1px #4a4a4a; } #sales_rep_info .linedata { float: left; width: auto; margin: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; } #sales_rep_info .linedata input { padding: 3px 5px 3px 5px; background-color: #eeeeee; border: solid 1px #000; } #sales_rep_info #SubmitDiv { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info #SubmitDiv input.submit_button { display: inline; cursor:pointer; margin: 0px; padding: 3px 7px 3px 7px; background-color: #000; color: #ffde00; border: solid 1px #000; } #sales_rep_info .linedata select { padding: 0px 0px 0px 0px; background-color: #eeeeee; border: solid 1px #000; } #sales_rep_info .float45 { padding: 10px 0px 10px 0px; } #sales_rep_info .float55 .alignDiv { padding: 10px 0px 10px 0px; /*border-left: solid 1px #b0b0b0;*/ } #sales_rep_info #sales_rep_item { margin: 0px 0px 0px 0px; padding: 10px 0px 20px 15px; border-bottom: dashed 1px #bfbfbf; } #sales_rep_info #sales_rep_item h2 { display: block; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; color: #b0b0b0; } #sales_rep_info #sales_rep_item p { float: left; width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info #sales_rep_item p span { display:block; width: 70px; font-weight: bold; } #sales_rep_info #sales_rep_item p a { padding: 0px 0px 0px 70px; } #sales_rep_info #DisplayProduct { background-color: #f6f6f6; margin: 20px 0px 0px 0px; padding: 20px 10px 20px 10px; border-top: dashed 1px #bfbfbf; border-bottom: dashed 1px #bfbfbf; } #sales_rep_info #DisplayProduct .linelabel { margin: 0px 0px 0px 0px; padding: 3px 5px 3px 5px; } #sales_rep_info #DisplayProduct .linedata { background-color: #fff8cc; border: solid 1px #ffde00; border-bottom: dashed 1px #4a4a4a; margin: 0px 0px 0px 0px; padding: 3px 5px 3px 5px; } #sales_rep_info #results_header { margin: 40px 0px 0px 0px; padding: 20px 0px 20px 0px; border-top: dashed 1px #bfbfbf; border-bottom: dashed 1px #bfbfbf; } #sales_rep_info #results_header h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sales_rep_info .SearchCriteria { padding: 0px 0px 0px 0px; } #sales_rep_info .SearchCriteria p { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; } #sales_rep_info .SearchCriteria .linelabel { padding: 0px 5px 0px 15px; }