.mainAlertBanner { width: 100%; background: #FFFFAA; border-top: solid 1px #FFAA00; border-bottom: solid 1px #FFAA00; color: #FFAA00; float: left; } .big { text-align: left; font-weight: bold;} /* Sitemap */ .tabBackground ul { text-align: left; } .tabBackground table { text-align: left; } .sitemapul ul { margin-left: 20px; } .sitemapul li { margin-left: 40px; *margin-left: 20px; } /* End Sitemap */ BODY { BACKGROUND: url(../../../images/pg_bg.jpg) repeat-x left top; MARGIN: 0px; TEXT-ALIGN: center; background-color:#EBE9E9; font-size: 62.2%; } .baselayout { MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 0px; TEXT-ALIGN: center } .pagetopshadow { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 960px; PADDING-TOP: 0px; HEIGHT: 15px; z-index: 20; } .pagetopshadow img { z-index: 21; display: block; float: left; } .basebg { FLOAT: left; background-image:url(../../../images/page_mid_shadow.jpg); WIDTH: 960px; BACKGROUND-REPEAT: repeat-y; HEIGHT: auto } .pageleft { background:url(../../../images/left_gra.jpg) no-repeat left top; FLOAT: left; WIDTH: 10px; HEIGHT:400px } .pageright { background:url(../../../images/right_gra.jpg) no-repeat left top; FLOAT: right; WIDTH: 10px; HEIGHT: 400px } .pagecenter { FLOAT: left; WIDTH: 940px; TEXT-ALIGN: left } #TipLayer { FONT-SIZE: 10px; Z-INDEX: 1000; VISIBILITY: hidden; POSITION: absolute; TOP: -100px } .pagebottomhadow { float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 960px; PADDING-TOP: 0px; HEIGHT: 15px } #Header { PADDING-RIGHT: 10px; PADDING-LEFT:14px; PADDING-BOTTOM: 0px; WIDTH: auto; PADDING-TOP: 0px; HEIGHT: auto; BACKGROUND-COLOR: #ffffff; overflow: hidden; } #Header .topHeadImg { margin-left: 20px; float: left; display: inline-block; } #Header .logo { FLOAT: left } #Header .logo IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px } #Headerright { FONT-SIZE: 10px; FLOAT: right; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right } .PhoneText { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif } .PhoneText A { COLOR: #2e669f; TEXT-DECORATION: none } .PhoneText A:hover { COLOR: #2e669f; TEXT-DECORATION: underline } .PhoneText .name { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif } .metalinks {float:left; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; height: 20px; background: url(/skins/Skin_1/images/skin1_shoppingcart.jpg) top right no-repeat; padding-top: 5px; } .metalinks A { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .metalinks A:visited { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .metalinks A:hover { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } .metalinks a IMG { border: 0px; line-height: 0px; display: inline; vertical-align: middle; } .metalinks a.cartlink{ color: #A81B00; font-size: 10px; padding-right: 25px; } #menu { clear:both; background:url(../../../images/menu_off.jpg) repeat-x left top; width:940px; MARGIN:0px; HEIGHT: 27px } #menu .menuleft { FLOAT: left; width:612px; height:27px } #menu .menuright { PADDING-RIGHT:5px; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE:nowrap } #menu .menuright A { COLOR: #ffffff; WHITE-SPACE: nowrap; TEXT-DECORATION: none } #menu .menuright A:hover { COLOR: #ffffff; WHITE-SPACE: nowrap; TEXT-DECORATION: underline } .searchformtext { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(search.jpg); PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100px; margin-top:4px; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif } #SRPContent { CLEAR: both; PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 15px; WIDTH: auto; PADDING-TOP:7px } #SRPContent .left { FONT-SIZE: 10px; FLOAT: left; WIDTH: 692px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } #SRPContent .right { FLOAT: right; WIDTH: 185px } #SRPContent .HomeBanners { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #HomeBanleft { FLOAT: left; WIDTH: 280px;MARGIN-RIGHT: 4px; MARGIN-BOTTOM: 10px; BACKGROUND-COLOR: #E9E9E7 } .HomeBanleft_curve{ FLOAT: left; WIDTH: 202px; margin:0px } .HomeBanleft_curve2{ FLOAT: left; WIDTH: 201px; margin:0px } .Model_left{ FLOAT: left; WIDTH: 280px; height:198px; } .SrModelleft { FONT-SIZE: 10px; FLOAT: left; WIDTH: 270px; COLOR: #333333; MARGIN-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif } .SrModelleftimg { float:left;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WIDTH: 141px; BORDER-BOTTOM: 0px } .SrModelleftimg IMG { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .SrModelright { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 125px; PADDING-TOP: 2px; FONT-SIZE:11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify } .SrModel_sub_txt { FLOAT: left; WIDTH: 260px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none } .SrModel_sub_txt A{ FLOAT: left; WIDTH: 260px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none } .SrModel_sub_txt A:hover{ FLOAT: left; WIDTH: 260px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:underline } .HomeBanleft_sub { FLOAT: left; WIDTH: 201px; MARGIN-LEFT: 0px; MARGIN-BOTTOM: 10px; BACKGROUND-COLOR: #E9E9E7 } .HomeBanleft_sub_txt { FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:10px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify } .HomeBanleft_sub_txt A{ FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none } .HomeBanleft_sub_txt A:hover{ FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px;LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:underline } .HomeBanright { FLOAT: right; WIDTH: 202px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-BOTTOM: 10px; BACKGROUND-COLOR: #E9E9E7 } .HomeBanright_txt { FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify } .HomeBanright_txt A{ FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:none } .HomeBanright_txt A:hover{ FLOAT: left; WIDTH: 180px; margin:0px; padding-left:5PX; BACKGROUND-COLOR: #E9E9E7; height:100px; FONT-SIZE:11px; LINE-HEIGHT: 12px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; text-decoration:underline } #SRPContent .homeintro { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 0px; height:256px } #SRPContent .rslocaltop { BACKGROUND-POSITION: left top; background-image:url(../../../images/left_curve_top.jpg); width:185px; height:395px; BACKGROUND-REPEAT: no-repeat } .SendSketch { BORDER: 0px; PADDING-TOP: 8px; background-image:url(/images/left_curve_top.jpg); width:185px; BACKGROUND-REPEAT: no-repeat; } #SRPContent .rshding { CLEAR: both; PADDING-RIGHT: 3px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 5px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; } #SRPContent .rshdinglocal { CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 4px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px } #SRPContent .rshdinglocal1 { CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 4px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px } .SRRightContent { float:left; CLEAR: both; BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; display: inline; } .SRRightimg { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; display: inline; BORDER-LEFT: 0px; WIDTH: 82px; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px } .SRRightimg IMG { BORDER-RIGHT: 0px; float:left; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 82px; BORDER-BOTTOM: 0px; HEIGHT: 65px; display: inline; } #SRPRightNav { PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 90px; PADDING-TOP: 0px; } #SRPRightNav A { MARGIN-TOP: 0px; DISPLAY: block; width: 100%; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #SRPRightNav A:LINK { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; LINE-HEIGHT: 14px; PADDING-TOP: 0px; display: block; width: 100%; } .red{ FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #CC0101; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; } .red_bottom{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0101; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; } .red_view{ FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #136E94; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; } #SRPContent .rsannc { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px } #SRPContent .rsannc IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 185px; BORDER-BOTTOM: 0px; HEIGHT: 87px } .rsannctext { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 30px; TEXT-ALIGN: left; TEXT-DECORATION: none } DIV.rounded { MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff } DIV.rc-border { BORDER-RIGHT: #cbcbcb 0px solid; BORDER-TOP: #cbcbcb 1px solid; BORDER-LEFT: #cbcbcb 0px solid; BORDER-BOTTOM: #cbcbcb 1px solid } DIV.border-inner { BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 0px solid; BORDER-LEFT: #cbcbcb 1px solid; BORDER-BOTTOM: #cbcbcb 0px solid } #AnncRightNav { PADDING-RIGHT: 0px; PADDING-LEFT: 11px; PADDING-BOTTOM: 0px; WIDTH: 170px; PADDING-TOP: 0px } #AnncRightNav A { MARGIN-TOP: 0px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #AnncRightNav UL LI A { PADDING-RIGHT: 0px; color:#CC0101; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; LINE-HEIGHT: 14px; PADDING-TOP: 0px } #AnncRightNav UL LI A:hover { TEXT-DECORATION: underline } #AnncRightNav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #AnncRightNav UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../../../images/icon_link_arrow1.gif) no-repeat 0px 7px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #AnncRightNav1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 90px; PADDING-TOP: 0px } #AnncRightNav1 A { MARGIN-TOP: 0px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #AnncRightNav1 UL LI A { PADDING-RIGHT: 0px; color:#CC0101; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; LINE-HEIGHT: 14px; PADDING-TOP: 0px } #AnncRightNav1 UL LI A:hover { TEXT-DECORATION: underline } #AnncRightNav1 UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #AnncRightNav1 UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../../../images/icon_link_arrow1.gif) no-repeat 0px 7px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #footer { CLEAR: both; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; WIDTH: auto; position: relative; } UNKNOWN { CLEAR: both; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 15px; WIDTH: auto; PADDING-TOP: 15px } #footer .fttop { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; WIDTH: auto; PADDING-TOP: 0px } #footer .ftbot { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; WIDTH: auto; PADDING-TOP: 6px } #footer .ftbot1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; WIDTH: auto; PADDING-TOP: 6px } #footer .ftbot2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: auto; PADDING-TOP: 6px } #footer .ftleft { FONT-SIZE: 10px; FLOAT: left; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-top: 10px; } #footer .ftleft A { COLOR: #666666; TEXT-DECORATION: none } #footer .ftleft A:hover { COLOR: #666666; TEXT-DECORATION: underline } #footer .ftright { FONT-SIZE: 10px; FLOAT: right; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; } #footer .ftright img { margin: 10px; margin-bottom: 0px; } .addthis_toolbox { margin: 10px; } #ftdiv { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid } .bottom_out_text {MARGIN: 0px auto; WIDTH: 960px; PADDING-TOP: 0px; TEXT-ALIGN: justify } .bottom_txt{BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 1px solid; BORDER-LEFT: #cbcbcb 1px solid; BORDER-BOTTOM: #cbcbcb 1px solid; width:950PX; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } .bottom_txt A{ FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none } .bottom_txt A:hover{ FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:underline } SELECT { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } INPUT { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } .input_txt{ PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; } #proCatinarea { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px } .ViewModel {PADDING-LEFT: 0px; padding-bottom:2px; FONT-SIZE: 11px; WIDTH: 250px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif } .SELECT_TXT{CLEAR: both; float:left; PADDING-LEFT: 0px; padding-right:20PX } .SELECT_TXT1{CLEAR: both; float:left; PADDING-LEFT: 0px; padding-right:2PX; padding-bottom:10px } .SelectList { FONT-SIZE: 10px; WIDTH: 120px; COLOR:#666666; FONT-FAMILY: Arial, Helvetica, sans-serif } .button{ float:left; PADDING-LEFT: 130px; padding-bottom:0px; FONT-SIZE: 11px; WIDTH: 120px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif } /*Start V7.menu css code*/ DIV.menuBar { FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #114A83; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif } DIV.menu { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #114A83; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; z-index: 99 } DIV.menuBar A.menuButtonActive:hover { BORDER-RIGHT: #8AAFD5 1px inset; BORDER-TOP: #8AAFD5 0px inset; LEFT: 1px; BORDER-LEFT: #8AAFD5 1px inset; COLOR: #114A83; BORDER-BOTTOM: #8AAFD5 1px inset; TOP: 1px; BACKGROUND-COLOR: #006793 } DIV.menu { BORDER-RIGHT: #8AAFD5 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: #8AAFD5 2px outset; PADDING-LEFT: 0px; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #8AAFD5 1px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #8AAFD5 1px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #ECF6FF; z-index: 99 } DIV.menu A.menuItem { PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 3px; COLOR: #114A83; PADDING-TOP: 3px; BORDER-BOTTOM: #8AAFD5 1px outset; WHITE-SPACE: nowrap; TEXT-DECORATION: none } DIV.menu A.menuItem:hover { COLOR: #114A83; BACKGROUND-COLOR: #53A7CB } /*End V7.menu css code*/ /*Start Thumbnail css code*/ #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width:500px; padding: 10px; padding-bottom: 0; background-color: #666666; visibility: hidden; z-index: 10; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 12px Tahoma; letter-spacing: 5px; line-height: 1.1em; color:white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ background-color:#FFFFFF /*DIV within thumbbox that holds the enlarged image */ } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color:#F0F0F0; padding: 5px; z-index: 5; } .detectcopy { FONT-SIZE: 12px; MARGIN: 0px 0px 0px 90px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .foot_hole{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0101; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; } /*Products*/ #PrContent { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; } #PrContentArea { CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 15px; WIDTH: auto; PADDING-TOP: 5px; } #PrContent .left { FLOAT: left; WIDTH: 172px; MARGIN-RIGHT: 10px; display: inline; margin-bottom: 150px; } #leftbox { MARGIN-BOTTOM: 6px } .Leftboxhder { BACKGROUND-POSITION: 50% top; DISPLAY: block; background-image:url(../../../images/leftnavi_header_bg.gif); OVERFLOW: hidden; WIDTH: 100%; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: no-repeat } .Leftboxhderleft { FLOAT: left; WIDTH: 150px } .Modellinks { FONT-SIZE: 10px; MARGIN-BOTTOM: 12px; COLOR: #336699; FONT-FAMILY: Arial, Helvetica, sans-serif } .producthdr { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; COLOR: #26586A; PADDING-TOP: 8px; FONT-FAMILY: Arial, Helvetica, sans-serif } DIV.rounded { MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f0f0f0 } DIV.rc-border { BORDER-RIGHT: #cbcbcb 0px solid; BORDER-TOP: #cbcbcb 1px solid; BORDER-LEFT: #cbcbcb 0px solid; BORDER-BOTTOM: #cbcbcb 1px solid } DIV.border-inner { BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 0px solid; BORDER-LEFT: #cbcbcb 1px solid; BORDER-BOTTOM: #cbcbcb 0px solid } #LeftNav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH:130px; PADDING-TOP: 6px } #LeftNav A { DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #LeftNav UL { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px } #LeftNav UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; background:url(../../../images/icon_product_leftmenu_icon.gif) no-repeat 5px 5px; PADDING-BOTTOM: 2px; MARGIN: 0px; LINE-HEIGHT: 5pt; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #LeftNav UL LI P { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #LeftNav UL LI A { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-TOP: 0px } #LeftNav UL LI A:hover { FONT-WEIGHT: bold; LINE-HEIGHT: 13px; TEXT-DECORATION: underline } #LeftNav .LeftNavHgl { COLOR: #386ca8 } #PrContent .PageContentArea { FLOAT: left; WIDTH: 727px } #PrContent .PageContenthder { CLEAR: both; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; DISPLAY: block; PADDING-LEFT: 0px; background-image:url(../../../images/Products_header_img.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 727px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px } #PrContent .PageContentMiddle { CLEAR: both } #PrContent .center { FLOAT: left; WIDTH: 727px } .prheaderimg {background:url(../../../images/product_header.jpg) no-repeat top ; WIDTH: 727px; HEIGHT: 66px } .prheaderflash { WIDTH: 727px; } .prheaderflashLarge { WIDTH: 727px; HEIGHT: 160px } .left_navi_img { position:absolute; left:275px; top:140px; z-index:1; /*WIDTH: 125px; height:66px - Removed for case of it hiding links*/ } .Prheading { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; background:url(../../../images/inner_root_path.gif) repeat-x left top; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px;width:727px; FLOAT: left } .Prheading P { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 9px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; COLOR: #ffffff; LINE-HEIGHT: 13px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right } .Prheading_navi { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; PADDING-BOTTOM: 0px; COLOR: #999999; PADDING-TOP: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; } .Prheading_navi A { FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: none } .Prheading_navi A:hover { TEXT-DECORATION: underline } .Prheading_navi A.currentPage { FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: none; color:#EE0000 } .Prheading_navi A.currentPage:hover { TEXT-DECORATION: underline } .expand_onn_off { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; font-weight:bold; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; COLOR: #990000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif } .expand_onn_off A { FONT-SIZE: 11px; COLOR: #990000; TEXT-DECORATION: none } .expand_onn_off A:hover { TEXT-DECORATION: underline } .prhighlights { CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif } .InnerTxt { CLEAR: both; FONT-SIZE: 11px; PADDING-BOTTOM: 15px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify } #proCatlist { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } #proCatModelrw { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } #proCategory { DISPLAY: block; FLOAT: left; WIDTH: 240px } #proCategoryOuter { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 10px } #innerheading { CLEAR: both; background:url(../../../images/innerheading_bg.jpg) repeat-x left bottom; MARGIN-BOTTOM: 10px; WIDTH: auto; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 26px; cursor:pointer; width:727px } #innerheading P { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; font-weight:bold; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif } #innerheading P A { COLOR: #ffffff; TEXT-DECORATION: none } #innerheading P A:hover { COLOR: #ffffff; TEXT-DECORATION: none } #innerheading IMG { BORDER-RIGHT: 0px; PADDING-RIGHT: 10px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px } #proCatinarea { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px } #proCatinarea .proCatinarealeft { PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-SIZE: 10px; FLOAT:left; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 73px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif } #proCatinarea .proCatinarealeft IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 1px; BORDER-BOTTOM: 0px; HEIGHT: 20px } #proCatinarea .proCatinarealeftimg { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #proCatinarea .proCatinarealeftimg IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 81px; BORDER-BOTTOM: 0px; HEIGHT: 71px } #proCatinarea .proCatinarealeftimg1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #proCatinarea .proCatinarealeftimg1 IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 57px; BORDER-BOTTOM: 0px; HEIGHT: 57px } #proCatinarea .proCatinarearight { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 6px; WIDTH: 140px; height:100px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:left } .ViewModel { CLEAR: both; PADDING-LEFT: 0px; FONT-SIZE: 10px; WIDTH: 220px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif } .SelectList { FONT-SIZE: 10px; WIDTH: 120px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif } #proCatinarea .SelectList { FONT-SIZE: 10px; WIDTH: 120px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif } .proCatViewAll { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #336699; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .proCatViewAll A { CLEAR: both; FONT-SIZE: 10px; COLOR: #990000; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .proCatViewAll A:hover { COLOR: #990000; TEXT-DECORATION: underline } .proCatViewAll IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-LEFT: 3px; BORDER-LEFT: 0px; WIDTH: 7px; BORDER-BOTTOM: 0px; HEIGHT: 7px } #SubLeftNav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: auto; COLOR: #666666; PADDING-TOP: 2px } #SubLeftNav A { PADDING-RIGHT: 3px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #666666; LINE-HEIGHT: 13px; PADDING-TOP: 0px; TEXT-DECORATION: none } #SubLeftNav A:hover { TEXT-DECORATION: underline } .SubLeftNav1 { MARGIN-TOP: 5px; WIDTH: auto; COLOR: #666666; MARGIN-RIGHT: 0px } .SubLeftNav1 A { PADDING-LEFT: 25px; MARGIN-BOTTOM: 3px; COLOR: #666666; TEXT-DECORATION: none } .SubLeftNav1 A:hover { TEXT-DECORATION: underline } #LeftNav .LeftNavHgl { COLOR: #990000 } .prbanner { CLEAR: both; BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px } .prbanner IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 172px; BORDER-BOTTOM: 0px } .red_select{ FONT-SIZE: 10px; COLOR: #CC0101; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; } .BacktoTop { CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right } .BacktoTop IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px } #rswidget { CLEAR: both; BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 172px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px } #rswidget .icons { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 40px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center } #rswidget .icons IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 15px; BORDER-LEFT: 0px; LINE-HEIGHT: 26px; BORDER-BOTTOM: 0px } #rswidget .toolstext { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 50px; FONT-SIZE: 10px; PADDING-BOTTOM: 7px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #336699; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left } #rswidget .toolstext A { COLOR: #336699; TEXT-ALIGN: left; TEXT-DECORATION: none } #rswidget .toolstext A:hover { COLOR: #336699; TEXT-ALIGN: left; TEXT-DECORATION: underline } #rswidget .hding { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 6px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; TEXT-ALIGN: left } #IncontentBlcok1 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 6px } .SupportRightimg { BORDER-RIGHT: 0px; PADDING-RIGHT: 5px; BORDER-TOP: 0px; FLOAT: left; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 45px; BORDER-BOTTOM: 0px } .SupportRightimg IMG { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; BORDER-LEFT: 0px; WIDTH: 40px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; HEIGHT: 37px } #SupportRightNav { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FLOAT: left; VISIBILITY: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px } #SupportRightNav A { BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #666666; LINE-HEIGHT: 16px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none } #SupportRightNav UL LI A { PADDING-RIGHT: 3px; PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; LINE-HEIGHT: 14px; PADDING-TOP: 0px } #SupportRightNav UL LI A:hover { TEXT-DECORATION: underline } #SupportRightNav UL { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } #SupportRightNav UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; background:url(../../../images/home_arrow.gif) no-repeat 2px 8px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #more { CLEAR: both; PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 12px; PADDING-TOP: 1px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right } #more A { COLOR: #000000; TEXT-DECORATION: none } #more A:hover { COLOR: #000000; TEXT-DECORATION: underline } .AvaColors_Wrap { width: 600px; position: relative; clear: both; float: left; } .Avacolorsfooter{ background:url(../../../images/chooseclr_footer_bg.gif) bottom no-repeat; width:320px; margin-top:0px} .CSTM{ clear:both; font-family:Arial, Helvetica, sans-serif; padding-top: 1PX; padding-left:5PX; padding-right: 0PX; COLOR:#61A5C3; text-decoration:none; font-size:10px } .CSTM A{ clear:both; font-family:Arial, Helvetica, sans-serif; padding-top: 1PX; padding-left:5PX; padding-right: 0PX; COLOR:#61A5C3; text-decoration:none; font-size:10px } .CSTM A:HOVER{ clear:both; font-family:Arial, Helvetica, sans-serif; padding-top: 1PX; padding-left:5PX; padding-right: 0PX; COLOR:#61A5C3; text-decoration:underline } .bigimg{ width:727px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:left ; FONT-SIZE: 11px; COLOR: #666666; } .bigimg A{ FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #006486; text-decoration:underline; font-weight:bold } .bigimg A:hover{ FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #006486; text-decoration:none; font-weight:bold } .bigimg h2{ PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; font-size:16px } #bigimgCntrt{ width:320px; float:left; margin-left:5px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:left ; FONT-SIZE: 11px; COLOR: #666666; border-right:#DDDDDD 1px solid; border-left:#DDDDDD 1px solid; border-top:#DDDDDD 1px solid; border-bottom:#DDDDDD 1px solid; } .bigimglft{ width:380px; float:left; text-align:center } .bigimglft #cnt{ text-align:left; margin-top:30px; padding-left:15px } .bigimglft #cnt h4{ FONT-FAMILY:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; color:#000000; padding-top:10px; padding-bottom:5px } #txthd{ FONT-FAMILY:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700 } .imgviewDiv{ width:540px; padding:10px 10px 10px 10px } .viewimgCnthd{ float:right; width:320PX; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:800 } .viewimgDivi { float:left; width:220PX; text-align:center; text-decoration:underline } .viewimgDivi A{ color:#45A0CF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline } .viewimgDivi A:hover{ color:#45A0CF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none } .viewimgDivi #hd{ color:#333333; font-size:12px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:800; padding-top: 30px; text-align:left } .viewimgDivi #hd A{ color:#45A0CF; font-size:11px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:800; text-decoration:underline; padding-left:3px; } .viewimgDivi #hd A:hover{ color:#45A0CF; font-size:11px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:800; text-decoration:none; padding-top:3px; } #viewimgCnttxt{ FONT-SIZE: 11px; PADDING-BOTTOM: 15px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; width:320px; float:right; padding-top: 20px } #txt{ color:#45A0CF; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:20px; } #txt A{ color:#45A0CF; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline } #txt A:hover{ color:#45A0CF; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none } .sku{ float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700 } #skuNo{ float:right; padding-right:180px; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:200 } .runQTUCost{ float:left; margin-top:20px; height:18px; width:110px; color:#ffffff; font-family:Trebuchet MS; font-size:10px; font-weight:bold; text-align:center; background-color:#444444; border-right:#DDDDDD 1px solid; } .totalCost{ float:left; margin-top:20px; height:18px; width:97px; color:#ffffff; font-family:Trebuchet MS; font-size:10px; font-weight:bold; text-align:center; background-color:#444444; border-right:#DDDDDD 1px solid; } .RQrelated1{ float:left; height:18px; width:110px; text-align:center; background:#EEEEEE; border-right:#FFFFFF 1px solid; } .RQrelated2{ float:left; height:18px; width:110px; text-align:center; background:#FFFFFF; border-right:#FFFFFF 1px solid; } .UCrelated1{ float:left; height:18px; width:110px; text-align:right; background:#EEEEEE; border-right:#FFFFFF 1px solid; } .UCrelated2{ float:left; height:18px; width:110px; text-align:right; background:#FFFFFF; border-right:#FFFFFF 1px solid; } .TCrelated1{ float:left; height:18px; width:97px; text-align:right; background:#EEEEEE; border-right:#FFFFFF 1px solid; } .TCrelated2{ float:left; height:18px; width:97px; text-align:right; background:#FFFFFF; border-right:#FFFFFF 1px solid; } #hd{ color:#333333; font-size:12px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:bold; padding-top: 30px; text-align:center } #hd A{ color:#45A0CF; font-size:11px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; padding-left:3px; } #hd A:hover{ color:#45A0CF; font-size:11px; FONT-FAMILY:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding-top:3px; } #main { FLOAT: left; WIDTH: 727px } #content { BACKGROUND-COLOR: #c0c0c0; } .three#main .col { DISPLAY: block; MARGIN-LEFT: 1px; OVERFLOW: hidden; WIDTH:180px; POSITION: relative } .three#main A { COLOR: #666666 } .three#main .row { MARGIN-TOP: 10px } .product_image { BACKGROUND-COLOR: #fff; TEXT-ALIGN: center } .product_info { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #f3f3f3 } .product_info H1 { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-SIZE: 1em } .product_info H2 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } A.arrow_link { PADDING-LEFT: 10px; FONT-WEIGHT: bold; background:url(../../../images/red_arrow_link.gif) no-repeat left 4px; CURSOR: pointer; text-decoration:none; color:#666666 } UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } /* START HOLEPLACEMENT CSS CODE*/ #downloadTable { border-spacing: 0pt } #downloadTable TD { BORDER-RIGHT: #efefef 1px solid; BACKGROUND: url(../../../images/downloadBackground.gif) repeat-x 50% top; BORDER-BOTTOM: #efefef 1px solid } .padTop { PADDING-TOP: 5px } .pad { PADDING-LEFT: 5px } .horBorder { line-height: 0px; width:600PX; font-size: 0px; height: 1px; background: url(../../../images/horz_border.png) repeat-x; } h1 { font-size: 1.2em; line-height: 0.9em; letter-spacing: 0em; margin: 0px; padding-bottom:15PX } h2 { margin-top: 3px; margin-bottom: 3px; font-size: 1.2em; } h3 { font-size: 0.8em; line-height: 0.9em; letter-spacing: 0em; margin: 0px; padding: 0px; } #LeftNav_comp { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH:160px; PADDING-TOP: 6px } #LeftNav_comp A { DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #LeftNav_comp UL { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px } #LeftNav_comp UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; background:url(../../../images/icon_product_leftmenu_icon.gif) no-repeat 5px 6px; PADDING-BOTTOM: 2px; MARGIN: 0px; LINE-HEIGHT: 5pt; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } #LeftNav_comp UL LI P { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #LeftNav_comp UL LI A { PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-TOP: 0px } #LeftNav_comp UL LI A:hover { FONT-WEIGHT: bold; LINE-HEIGHT: 13px; TEXT-DECORATION: underline } A#crrntPg{ PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-TOP: 0px; color:#EE0000 } A#crrntPg:hover{ FONT-WEIGHT: bold; LINE-HEIGHT: 13px; TEXT-DECORATION: underline } A.mail{ text-decoration:none; color:#4796B7; } A.mail:hover{ text-decoration:underline } /*Corporate */ .ContactBlock { clear:both; PADDING:0PX 0PX 0PX 0PX; width:auto; overflow:hidden; display:block; } .ContactinBlock { clear:both; PADDING:0PX 0PX 0PX 0PX; width:100%; display:block; overflow:hidden; } .employee_cathy { display: block; margin: -60px 0px 0 625px; position: absolute; font-weight: bold; font-style: italic; } .employee_vic { display: block; margin: -60px 0px 0 378px;; position: absolute; font-weight: bold; font-style: italic; } .cathyvicpic { float: right; margin: 0 100px -10px 0; } .backgroundWrap { background: #ffffff url(/skins/Skin_1/images/CathyVicSRPCutout.jpg) 260px 2px no-repeat;\ position: absolute; } .ProWarrantyBlock { FLOAT:LEFT; PADDING:0PX 0PX 10PX 10PX; width:230PX; } .ProWarrantyBlock_right { FLOAT:RIGHT; PADDING:0PX 0PX 10PX 10PX; width:230PX; } .ProWarrantyBlock .Hding{ clear:both; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:BOLD; PADDING-BOTTOM:10PX; } #ContentBlock { FLOAT:LEFT; PADDING:0PX 0PX 10PX 0PX; display:block; overflow:hidden; } .ContentInBlock { FLOAT:LEFT; PADDING:0PX; margin-BOTTOM:5PX; PADDING-LEFT:0PX; } .ContentInBlock .ConLEFT { FLOAT:LEFT; width:200PX; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; COLOR:#666666; } .ContentInBlock .Conright { FLOAT:LEFT; width:200PX; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; COLOR:#666666; } .ContentInBlock .Conright A{ COLOR:#666666; TEXT-DECORATION:NONE; } .ContentInBlock .Conright A:Hover{ COLOR:#666666; TEXT-DECORATION:UNDERLINE; } .mailto{COLOR:#666666; TEXT-DECORATION: NONE; } .mailto A{COLOR:#666666; TEXT-DECORATION: NONE; } .mailto A:link{COLOR:#666666; TEXT-DECORATION: NONE; } .mailto A:Hover{COLOR:#666666; TEXT-DECORATION:UNDERLINE; } .ContFormBlock { clear:both; PADDING:0PX 0PX 10PX 0PX; BORDER-RIGHT: #cbcbcb 1PX solid; BORDER-TOP: #cbcbcb 1PX solid; BORDER-LEFT: #cbcbcb 1PX solid; BORDER-BOTTOM: #cbcbcb 1PX solid } .ContFormBlockContact { clear:both; PADDING:0PX 0PX 10PX 0PX; BORDER-RIGHT: #cbcbcb 1PX solid; BORDER-TOP: #cbcbcb 5PX solid; BORDER-LEFT: #cbcbcb 1PX solid; BORDER-BOTTOM: #cbcbcb 1PX solid } .noBotBorder { border-bottom: 0px; } .ContFormBlock .Hding{ clear:both; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:BOLD; PADDING-BOTTOM:10PX; PADDING-LEFT:10PX; PADDING-TOP:10PX } .ContFormBlock .ContactDescText{ clear:both; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; PADDING-BOTTOM:10PX; COLOR:#666666; } .ContFormBlock .FormLabel{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#666666; } .ReqQuoteBlock { clear:both; PADDING:0PX 0PX 10PX 0PX; BORDER-RIGHT: #cbcbcb 1PX solid; BORDER-TOP: #cbcbcb 1PX solid; BORDER-LEFT: #cbcbcb 1PX solid; BORDER-BOTTOM: #cbcbcb 1PX solid } .ReqQuoteBlock .Hding{ clear:both; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; PADDING-BOTTOM:10PX; PADDING-LEFT:10PX; PADDING-TOP:10PX ; padding-right:10px} .ReqQuoteBlock .ContactDescText{ clear:both; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; PADDING-BOTTOM:10PX; COLOR:#666666; } .ReqQuoteBlock.FormLabel{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#666666; } .ReqQuoteBlock.RedText{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#FF0000; } .FelText{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#666666; width:200PX; } .DropDwnFiled{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#666666; } .ContFormBlock .RedText{ FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:11PX; FONT-WEIGHT:normal; COLOR:#FF0000; } .textcount_remaining { FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE:10PX; width:30PX; } input.button { border: 0; MARGIN-LEFT:0PX; height: 22PX; width:70PX; position: relative; cursor:pointer;background: #fff url(../../../images/button_LEFT.jpg) NO-REPEAT TOP LEFT; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11PX; COLOR:#ffffff; TEXT-ALIGN:center; PADDING-BOTTOM:2PX; PADDING-LEFT:5PX; PADDING-RIGHT:4PX;} .buttonEnding { position:absolute; display:inline; margin-LEFT:-2PX; width:2PX; height:22PX; background:url(../../../images/button_right.jpg) NO-REPEAT TOP RIGHT; } UL{ LIST-STYLE-TYPE: NONE; } LI { LIST-STYLE-TYPE: NONE; MARGIN-TOP:15PX; MARGIN-BOTTOM:10PX; MARGIN-LEFT:10PX; MARGIN-RIGHT:20PX; } .main { PADDING-RIGHT: 4PX; PADDING-LEFT: 0PX; BACKGROUND: #fff; FLOAT: LEFT; PADDING-BOTTOM: 4PX; PADDING-TOP: 0PX } #main-right { FLOAT: LEFT; MARGIN-TOP:0PX; MARGIN-BOTTOM:0PX; MARGIN-LEFT:10PX; MARGIN-RIGHT:0PX; WIDTH: 682PX; display: inline; } .tabBackground {width:726px; BACKGROUND: url(../../../images/shaded_background.png); background-repeat: repeat-x; float: left; display: inline; text-align: center; } .tabBar {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; display: inline; } .left { FLOAT: left } .tabBar DIV.tabContainer { PADDING-RIGHT: 10px; BACKGROUND: url(../../../images/tabs_selected_right.png) no-repeat right top; FLOAT: left; margin-bottom: 0px; CURSOR: pointer; } .tabBar .tabContainer DIV.tabText { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 0.9em; BACKGROUND: url(../../../images/tabs_selected_left.png) no-repeat left top; PADDING-BOTTOM: 7px; PADDING-TOP: 8px; COLOR:#EE0000; } .tabBar DIV.tabContainerOff { PADDING-RIGHT: 10px; BACKGROUND: url(../../../images/tabs_off_right.png) no-repeat right top; FLOAT: left; MARGIN-BOTTOM: 0px; CURSOR: pointer; } .tabBar .tabContainerOff DIV.tabText { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 0.9em; BACKGROUND: url(../../../images/tabs_off_left.png) no-repeat left top; PADDING-BOTTOM: 7px; COLOR: #595858; PADDING-TOP: 8px } .tabContent { width:700px; float:left; BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e0e0e0 0px solid; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: #e0e0e0 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 0px solid; BACKGROUND-COLOR: #ffffff } .clear { BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 0px; PADDING-TOP: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px } .tabs { MARGIN-LEFT: 0PX; MARGIN-TOP:20PX; MARGIN-BOTTOM:-1PX; position: relative; *MARGIN-BOTTOM:0PX; /* using an * makes that code only readable by IE browsers */ } .tabs LI { DISPLAY: inline; MARGIN-RIGHT: 0PX; } UL.TAB { BORDER:#E0E0E0 1PX solid; MARGIN-TOP:0PX; BACKGROUND:#ffffff; WIDTH:680PX; float: left; padding: 2px; } .tabContentContainr{ MARGIN:0PX 0PX 0PX 0PX; PADDING: 0PX 0PX 0PX 0PX; } /*ABOUT US WHAT SETS US ..*/ .whatSetsUscontent{ MARGIN:0PX 0PX 0PX 0PX; PADDING: 0PX 0PX 0PX 260PX; } .whatSetUsLiBg{ background:url(../../../images/abtUs_what.jpg) NO-REPEAT; } .OrderCustomProducts{ WIDTH:640PX; FLOAT:LEFT } /* CUCTOM QUOTE */ .custom_caddraw{ background:url(../../../images/caddraw.gif) no-repeat; height:347px; background-position:center } /*Helpful Info Page*/ .designBracketcontent{ MARGIN:0PX 0PX 0PX 0PX; PADDING: 0PX 0PX 0PX 0PX; } /*COMPANY ANNOUNCEMENTS*/ .Annoucement_Container2 { margin: 0 0 0 20px; } .Comp_AnnouncementBrdr{ WIDTH:640PX; MARGIN:0PX 0PX 10PX 0PX; REPEAT-X; BACKGROUND-POSITION:BOTTOM; } .Comp_Announcement{ WIDTH:640PX; MARGIN:0PX 0PX 10PX 0PX; } .Comp_Announcement H2{ FONT-SIZE:11PX; } .Comp_Announcement H4{ FONT-SIZE:14PX; MARGIN:0PX 0PX 5PX 0PX; } .CComp_Announcement a{ COLOR:#333333; TEXT-DECORATION:NONE; } .Comp_Announcement a:hover{ COLOR:#888888; TEXT-DECORATION:UNDERLINE; } h3.subhd{ font-size:12PX; font-weight:700; FONT-FAMILY:Arial, Helvetica, sans-serif; margin-bottom:4PX; MARGIN-TOP:15PX } p.spce{ MARGIN-BOTTOM:6PX; MARGIN-TOP:0PX; } /* Start News Area */ .midpagecontainer2 { float: left; border: solid 1px #e2e2e2; padding: 5px; width: 675px; font-size: 12px; font-family: Arial, Sans-Serif; } .dropboxbackground select { color: White; background: #4897B8; font-weight: bold; display: inline; } .Comp_Announcement h4 { font-size: 14px; color: #909090; } div.tabpagecontent2 { clear: left; padding: 5px 2px 5px 2px; background-color: #ffffff; display: inline; } .horizrule { background: #4897B8; width: 600px; height: 5px; margin: 5px 2px 5px 2px; } /*RESOURCES MATERIAL COATING */ LI.galvanized{ BACKGROUND:url(../../../images/materialCoatings/galvanized.JPG) NO-REPEAT; BACKGROUND-POSITION:LEFT CENTER; PADDING-LEFT:230PX; } .galvanizedDiv{ FLOAT:RIGHT; } LI.steelzinc{ BACKGROUND:url(../../../images/materialCoatings/steel_zinc_plated.jpg) NO-REPEAT; BACKGROUND-POSITION:LEFT CENTER; HEIGHT:150PX; PADDING-LEFT:230PX; } LI.blackoxide{ BACKGROUND:url(../../../images/materialCoatings/black_oxide.jpg) NO-REPEAT; BACKGROUND-POSITION:LEFT CENTER; HEIGHT:150PX; PADDING-LEFT:230PX; } LI.pwdrpaint{ margin: 0px auto; width: 80%; text-align: left; } LI.pwdrPainHt{ HEIGHT:120PX; } #clrWheel{ BACKGROUND:url(../../../images/materialCoatings/colorwheel.jpg) NO-REPEAT; BACKGROUND-POSITION: left CENTER; } .brdr{ BACKGROUND:url(../../../images/vert_border.jpg) NO-REPEAT; MARGIN-BOTTOM:20PX; } UL.crcl{ clear: both; PADDING:0PX 0PX 10PX 30PX; MARGIN:0PX; LIST-STYLE-IMAGE:url(../../../images/dotList.jpg); } UL.crcl LI{ PADDING:0PX 0PX 8PX 0PX; margin:0PX; line-height:10pt; } /* RESOURCES FENCE INSTALLATION MESH IMG */ .meshSpce1{ BACKGROUND:url(../../../images/materialCoatings/resrcs_instalGid_msh.jpg) NO-REPEAT; PADDING-LEFT:182PX; HEIGHT:125PX; BACKGROUND-POSITION:LEFT; MARGIN-BOTTOM:6PX; MARGIN-TOP:0PX; } .meshSpce{ BACKGROUND:url(../../../images/materialCoatings/resrcs_instalGid_mshFnc.jpg) NO-REPEAT; PADDING-LEFT:182PX; HEIGHT:125PX; BACKGROUND-POSITION:LEFT; MARGIN-BOTTOM:6PX; MARGIN-TOP:0PX; } .pageImgTop{ PADDING-LEFT:580PX; } .pageImgTop IMG{ VERTICAL-ALIGN:MIDDLE; margin-bottom:-8px; } .pageImgBottom{ PADDING-LEFT:0PX; MARGIN-TOP:20PX } .pageImgBottom IMG{ VERTICAL-ALIGN:MIDDLE; } /* EQUIPMENT METAL FABRICATION */ .equipImg1{ background:url(../../../images/amadaastrorobotic1.gif) no-repeat; BACKGROUND-POSITION:CENTER; HEIGHT:279PX; } h3.equipTxt{ font-size:12PX; font-weight:700; FONT-FAMILY:Arial, Helvetica, sans-serif; margin-bottom:4PX; text-align:center } .equipImg2{ background:url(amadavipros1.gif) no-repeat; BACKGROUND-POSITION: CENTER; HEIGHT:240px; } #txtcenter{ text-align:center } /* MASONRY INSTALLATION GUIDE*/ .m_tab1{ BACKGROUND:url(../../../images/masonryAnchor/ma_1.jpg) NO-REPEAT; PADDING-LEFT:190PX; HEIGHT:197PX; } .m_tab1DIV{ FLOAT:LEFT; PADDING-TOP:15PX; } .m_Loads{ BACKGROUND:url(../../../images/masonryAnchor/ma_4.jpg) NO-REPEAT; PADDING-LEFT:185PX; } .m_expansion{ BACKGROUND:url(../../../images/masonryAnchor/ma_5.jpg) NO-REPEAT; HEIGHT:160PX; PADDING-LEFT:185PX; } .m_hammerAnchor{ BACKGROUND:url(../../../images/masonryAnchor/ma_7.jpg) NO-REPEAT; PADDING-LEFT:185PX; } /* PARTNERS */ .partnrs { min-height:190px; height:auto !important; height:190px; } /* OUR PRODUCTS */ .content4tab{ WIDTH:640PX; MARGIN:0PX 0PX 10PX 0PX; } .content4tab a{ COLOR:#222222; TEXT-DECORATION:NONE; } .content4tab a:hover{ COLOR:#888888; TEXT-DECORATION:UNDERLINE; } .ourProducts_LftImg{ WIDTH:250PX; FLOAT:LEFT; PADDING-LEFT:30PX } .ourProducts_rtImg{ WIDTH:315PX; FLOAT:left; } .sub{ color:#666666; text-decoration:none; } .sub A{ color:#666666; text-decoration:none; } .sub A:hover{ color:#990000; text-decoration:underline; } .subcolumn1-3 { FLOAT: left; WIDTH:180px;MARGIN-RIGHT:5px; margin-left:5px; } .subcolumn2-3 { FLOAT: left; WIDTH:180px;MARGIN-RIGHT:5px; margin-left:30px; } .subcolumn3-3 { FLOAT: left; WIDTH:180px; margin-left:35px; } .subcolumn3-4{ FLOAT: left; WIDTH:180px; margin-left:5px; margin-right:10px; } .clearer2 { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; HEIGHT: 20px } .clearer { CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; HEIGHT: 0px } .middle_singlebox { BACKGROUND:url(../../../images/background-mid777.gif) #FCFCFC repeat-y left top;WIDTH:200px } .middletop_singlebox { MARGIN-TOP: 0px; background:url(../../../images/background-top777.gif) #FCFCFC no-repeat left bottom; WIDTH:200px; height:9px } .middlebottom_singlebox { MARGIN-TOP: 0px; BACKGROUND: url(../../../images/background-bottom777.gif) #FCFCFC no-repeat; WIDTH:200px; height:9px } IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } IMG.left { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 2px 10px 5px 0px; BORDER-RIGHT-WIDTH: 0px } IMG.right { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 02px 0px 5px 10px; BORDER-RIGHT-WIDTH: 0px } IMG.across { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 10px; BORDER-RIGHT-WIDTH: 0px } .midpagecontainer { float: left; border: solid 1px #e2e2e2; padding: 5px; width: 695px; font-size: 12px; font-family: Arial, Sans-Serif; text-align: left; } /* ABOUT US OUR EQUIPMENT */ .containequiprow { width: 100%; margin-bottom: 20px; float: left; } .equipments_img{ BACKGROUND:url(../../../images/amadaastrorobotic1.jpg) NO-REPEAT; } .equipments_img1 { float: left; } .equipments_content1{ width: 270px; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_content2{ WIDTH:270PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_img2{ BACKGROUND:url(../../../images/amadavipros1.jpg) NO-REPEAT; } .equipments_content3{ WIDTH:270PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_im3{ BACKGROUND:url(../../../images/stopatower1.jpg) NO-REPEAT; } .equipments_content4{ WIDTH:270PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_im4{ BACKGROUND:url(../../../images/trumpflaser1.jpg) NO-REPEAT; } .equipments_content5{ WIDTH:270PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_content6{ WIDTH:270PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 10px; BORDER:#DDDDDD 1px SOLID; float: right; } .equipments_im5{ BACKGROUND:url(../../../images/trumpflasertowers1.jpg) NO-REPEAT; } .equipments_img6{ } .equipments_img6 #imgs6{ float:left; text-align:center } /* OUR PRODUCTS */ .ourProducts_LftImg{ WIDTH:250PX; FLOAT:LEFT; PADDING-LEFT:30PX; } .ourProducts_rtImg{ WIDTH:315PX; FLOAT:left; PADDING-LEFT:30PX; } /*GALLERY */ #imgcntr{ VERTICAL-ALIGN:MIDDLE; PADDING-RIGHT:10PX; } .galleryImg1{ BACKGROUND:url(../../../images/gallery/bbracket4_SM.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .gallery_conten{ FLOAT:LEFT; WIDTH:200PX; PADDING-TOP:55PX; PADDING-LEFT:210PX } .gallery_conten1{ FLOAT:RIGHT; WIDTH:200PX; PADDING-TOP:55PX; PADDING-LEFT:25PX } .galleryImg2{ BACKGROUND:url(../../../images/gallery/altbracket2_SM.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .galleryImg3{ BACKGROUND:url(../../../images/gallery/building-angle-bracket-1S.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .galleryImg4{ BACKGROUND:url(../../../images/gallery/Gusseted-Countertop-Brackets-1S.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .galleryImg5{ BACKGROUND:url(../../../images/gallery/DSCN3690_small.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .galleryImg6{ BACKGROUND:url(../../../images/gallery/cbrac5tiny.jpg) NO-REPEAT; HEIGHT:130PX; vertical-align:middle; } .gallery_conten6{ FLOAT:LEFT; WIDTH:200PX; PADDING-TOP:100PX; PADDING-LEFT:210PX } .gallery_conten16{ FLOAT:RIGHT; WIDTH:200PX; PADDING-TOP:100PX; PADDING-LEFT:25PX } /* HOLE PLACEMENT */ #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width:500px; padding: 10px; padding-bottom: 0; background: #666666; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 12px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white; } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #F0F0F0; padding: 5px; z-index: 5; } /*ajax*/ body{font: 15px Arial,sans-serif; width:auto;} /*Begin CollapsiblePanel*/ .collapsePanel { background-color:white; overflow:hidden; width:100%; } td, span, p { FONT-SIZE: 10px; } .quoteLabel { color:#006584; FONT-SIZE: 10px; } SELECT { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } INPUT { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } TEXTAREA { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif } .quotePTCell { border-color:Silver; } .collapsePanelOff { display:none; } .collapsePanelHeader{ width:100%; height:30px; background-image: url(../../../images/gmb_menu_main.png); background-repeat:repeat-x; color:#FFF; font-weight:bold; margin-top:15px; } .collapsePanelHeaderOff{ width:100%; height:30px; background-image: url(../../../images/bg-menu-main-off.png); background-repeat:repeat-x; color:#FFF; font-weight:bold; margin-top:15px; } .collapseDiv { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; vertical-align: middle; cursor: pointer; padding-top: 5px; } .collapseDivOff { display:none; } .collapsePanelLabel { color: #FFF; } .collapsePanelHeader a{color:#FFF;} .collapsePanelHeader a:hover {text-decoration:none;background:none;} /*End CollapsiblePanel*/ .fabTable { color:#333333; border-collapse:collapse; border: solid 1; border-color:Black; border-spacing: 0; padding:4; width:100%; } .fabText { } .bold { font-weight:bold; font-size:larger; } .errorSummaryList { color:red; } .info { color:#006584; } .note { color:Red; font-size:larger; } .modalProgressGreyBackground { background:#CCCCCC; filter:alpha(opacity=60); opacity:0.6; } .modalProgressRedBackground { background:Red; filter:alpha(opacity=60); opacity:0.6; } .modalPopup { text-align:center; padding-top: 30px; border-style:solid; border-width:1px; background-color:White; width:300px; height:100px; } .quickwrapper { width: 245px; height: 198px; font-family: Helvetica, Arial, Sans-Serif; position: relative; } .quickshapeselectqj { width: 240px; height: 30px; overflow: visible; padding-left: 2px; padding-right: 2px; padding-top: 5px; } .chooseshapeqj { float: left; width: 78px; font-size: 10px; font-weight: bold; line-height: 25px; overflow: visible; z-index: 5; } .quickdropboxqj { float: left; background: white; border: solid 1px #333333; width: 130px; overflow: visible; position: relative; z-index: 5; } .quickdropboxqj A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .divshapeqj A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .boldblue { color: #3192aa; font-weight: bold; font-size: medium; } .quickmaterial { width: 230px; float: left; font-weight: bold; top: 30; padding-left: 2px; padding-right: 2px; padding-top: 5px; } .quickrfq { float: left; } .boldred { color: #C5060E; font-size: 14px; font-weight: bold; } .droplittle { margin-bottom: 5px; } .quickbutton { float: left; padding-top: 5px; display: inline; margin-left: 45%; } .quickJumpbottom { left: 0px; top: 230px; z-index: 1; position: absolute; } .quickJumpbottom input { } .quickwrapper td { padding-left: 5px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; } .divshapeqj { font-weight: normal; background: white; width: 130px; position: absolute; border: solid 1px #333333; left: -1px; top: -1px; z-index: 999; } .dropbuttonqj { float: left; width: 30px; cursor: pointer; } .pqlogo { font-family: Helvetica, Arial, Sans-Serif; color: #016386; font-weight: bold; width: 250px; float: left; } .pqexplain { font-family: Helvetica, Arial, Sans-Serif; color: #000000; width: 240px; float: left; font-size: 10px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 10px; } .CondensedDarkCellText { color: #FFFFFF; font-family: Verdana, Geneva, arial,helvetica; font-size: 9px; font-weight: normal; } A.CondensedDarkCellText {color: #FFFFFF; text-decoration: none; } A.CondensedDarkCellText:link {color: #FFFFFF; text-decoration: none; } A.CondensedDarkCellText:visited {color: #FFFFFF; text-decoration: none; } A.CondensedDarkCellText:active {color: #FFFFFF; text-decoration: none; } A.CondensedDarkCellText:hover {color: #FFBBBB; text-decoration: none; } .DarkCell { background-color: #444444; } .CondensedVariantText { font-family: Verdana, Geneva, arial,helvetica; font-size: 9px; font-weight: normal; } /* Drawing Page Styles, check if anything breaks */ .mainblock { float: left; text-align: center; background: #FFFFFF; width: 940px; } .rightcloumn form{ float: left; padding: 0px; margin: 0px; } .midbox { float: left; text-align: left; width: 924px; margin-top: 10px; margin-left: 8px; margin-right: 8px; margin-bottom: 10px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; } .midboxtop { float: left; text-align: left; background: url(/Images/Common/midboxtop.jpg) top left no-repeat; width: 924px; height: 29px; line-height: 29px; font-size:large; color: #FF0000; font-weight: bold; } .midboxtop span { color: #3192aa; font-size: large; } .midboxmid { float: left; text-align: left; background: url(/Images/Common/midboxbg.jpg) top left repeat-y; width: 924px; } .midboxbottom { float: left; text-align: left; background: url(/Images/Common/midboxbottom.jpg) top left no-repeat; width: 924px; height: 26px; } .textblock { margin: 5px 5px 5px 5px; width: 914px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; float: left; } .redhigh { color: #FF0000; } .quote { color: #3192aa; width: 894px; margin-left: 10px; margin-right: 10px; font-size:10px; } span.title { color: #FF0000; font-weight: bold; font-size: 12px; } .imageexamples { float: left; height: 169px; vertical-align:text-bottom; } .imagecontainer { float: left; display: inline; } .imagewrap { float: left; } .imagetext { text-align: center; color: #FF0000; } .blue { color: #3192aa; clear: both; } .bold { font-weight:bold; } .columns { float: left; text-align: left; width: 914px; } .leftcolumn { float: left; text-align: left; width: 604px; padding: 0px; margin: 0px; } .uploadbox { float: left; width: 280px; } .rightcolumn { float: left; text-align: left; width: 280px; background: #e2e2e2 url("/images/uploadback-top.jpg") top left no-repeat; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 5px; margin: 0px; margin-left: 8px; font-size: 10px; } .uploadbottom { background: url('/images/uploadback-bottom.jpg') top left no-repeat; width: 300px; height: 14px; float: left; margin-left: 8px; } .leftcolumnbottom { float: left; text-align: left; width: 604px; padding: 0px; margin: 0px; } .rightcolumnbottom { float: left; text-align: center; width: 280px; margin-left: 8px; color: #FF0000; } .flashshow { width: 600px; float: left; } .underflash { width: 600px; float: left; } .pricetable1 { border: 1px solid; width: 90%; margin-left: 10px; text-align: center; color: #FF0000; border-color: #CCCCCC; font-weight: bold; } .pricetable2 { border: 1px solid; width: 100%; color: #000000; font-weight:normal; } .pricetable2 td { border-bottom: 1px #CCCCCC solid; } .pricequant { } .priceunit { } .pricecost { } /* Custom PQ Section */ .customquotetop { width: 660px; } .leftcustomquote { float: left; width: 520px; padding-left: 5px; padding-bottom: 5px; } .rightcustomquote { float: left; width: 135px; } .unitsofmeasure { float: left; } .custompqdisclaimer { float: left; text-align: left; font-size: smaller; } .rightimage { float: left; width: 70px; } .rulerright { float: left; width: 65px; margin-top: 12px; border-top: solid 1px black; } .pricetablecustomquote div th { padding: 5px; border: solid 1px black; } .pricetablecustomquote div td { border: solid 1px black; } .pricetablecustomquote div table { border: solid 1px black; } .pricetablecustomquote .bold { font-weight: bold; font-size: larger; } .pricetablecustomquote { float: left; padding: 2px; margin-left: 5px; border: solid 0px black; } .pricetablecustomquote input { width: 180px; } .customfinaldata { float: left; margin-left: 5px; background-color: #f5f5f5; margin-top: 20px; padding: 5px; border: solid 1px #cccccc; } .addtocartcustom { clear: both; } .leftcontainercustom { float: left; } .quickshapeselect { width: 300px; height: 30px; overflow: visible; position: relative; padding-left: 2px; padding-right: 2px; padding-top: 5px; } .cutoutexplained { float: right; width: 200px; padding: 5px; margin-right: 5px; margin-top: -10px; border: solid 1px #cccccc; background-color: white; text-align: justify; } .chooseshape { width: 200px; font-size: 10px; font-weight: bold; line-height: 25px; overflow: visible; position: relative; } .quickdropbox { float: left; background: white; border: solid 1px #333333; width: 220px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; overflow: visible; position: relative; } .quickdropbox A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .divshape { font-weight: normal; float: inherit; background: white; width: 225px; position: absolute; border: solid 1px #333333; left: 80px; top: 0px; z-index: 5; left: 2px; top: 30px; } .divshape img { vertical-align: middle; } .divshape td { padding-top: 2px; padding-bottom: 2px; } .divshape input { margin-right: 4px; } .divshape A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .topcustomstyle { background-color: #f5f5f5; border: solid 1px #cccccc; margin-bottom: 15px; padding-left: 5px; padding-bottom: 5px; width: 494px; margin-left: 5px; } .dropbuttoncq { float: left; width: 38px; } .tabtable { margin-left: 20px; border: solid 1px #cccccc; border-collapse: collapse; } .tabtable tr { background-color: #f5f5f5; padding-top: 2px; padding-bottom: 2px; } .tabtable td { padding-right: 5px; padding-bottom: 5px; } /* Cutout Section CSS */ .cutoutwrapper { float: left; border: solid 1px #cccccc; padding: 2px; background-color: #f5f5f5; width: 500px; } .cutouttable { border: none 0px; } .cutouttable td { border: none 0px; padding-right: 5px; } .quickshapeselectcut { height: 30px; overflow: visible; position: relative; padding-left: 2px; padding-right: 2px; padding-top: 5px; } .quickdropboxcut { float: left; height: 16px; background: white; border: solid 1px #333333; width: 245px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; overflow: visible; position: relative; } .quickdropboxcut A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .dropbuttoncut { float: left; } .divcutout { font-weight: normal; float: inherit; background: white; width: 250px; position: absolute; border: solid 1px #333333; left: 80px; top: 0px; z-index: 5; left: 2px; top: 5px; } .divshape img { vertical-align: middle; } .divcuout td { padding-top: 2px; padding-bottom: 2px; } .divcutout input { margin-right: 4px; } .divcutout A:Hover, A:Visited, A:Link, A:Active { text-decoration: none; color: Black; } .cutmodsempty { width: 492px; padding-left: 0px; } .offsetbox input { width: 80px; margin-top: 5px; } /* End Cutout Section */ .error { color: red; font-weight: bold; font-size: larger; text-decoration: none; } .success { color: green; font-weight: bold; font-size: larger; text-decoration: none; border: none; } .maingallerycontainer { width: 660px; margin: 0px 10px 0px 10px; float: left; position: relative; } .togallery { text-align: center; width: 165px; height: 150px; padding-top: 5px; padding-bottom: 5px; float: left; } .togallery img { width: 150px; height: 113px; } .togallery a:hover img { width: 160px; height: 120px; } /* New Tab System */ ol#toc { height: 2em; list-style: none; margin: 0; padding: 0; margin-top: 20px; } ol#toc li { float: left; margin: 0 1px 0 0; } ol#toc a { background: #bdf url(/images/tab.png); color: #000; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; } ol#toc a:hover { background-color: #3af; background-position: 0 -120px; } ol#toc a:hover span { background-position: 100% -120px; } ol#toc li.current a { background-color: #48f; background-position: 0 -60px; color: red; font-weight: bold; } ol#toc li.current span { background-position: 100% -60px; } ol#toc span { background: url(/images/tab.png) 100% 0; display: block; line-height: 2em; padding-right: 10px; } div.tabpagecontent { border: #ccc solid 0px; clear: left; padding: 0em; background-color: #ffffff; float: left; width: 655px; } /* End New Tab System */ /* Begin Image Adjustment */ .leftAlignImage { margin: 5px 5px 0px 5px; } /* End Image Adjustment */ /*Begin Headshots on About Us Section*/ div.tablepush { float: left; padding: 10px; } .tablepush img { width: 150px; height: 150px; } .tablepush div { float: left; margin: 3px; } .pic1 { background: url(/images/headshots/SRPScott.jpg) no-repeat; } .pic2 { background: url(/images/headshots/SRPDJ.jpg) no-repeat; } .pic3 { background: url(/images/headshots/SRPRon.jpg) no-repeat; } .pic4 { background: url(/images/headshots/SRPCharlie.jpg) no-repeat; } .tablepush div { width: 150px; height: 150px; display: block; background-position: top left; background-attachment: scroll; } .tablepush div:hover { width: 150px; height: 150px; background-position: top right; background-attachment: scroll; } /*End Headshots on About Us Section*/ /*New Main Page Layout Styles #SRPRightNav { PADDING-BOTTOM: 2px; WIDTH: 200px; float: left; position: absolute; top: 0; left: 0; padding-top: 2px; z-index: 1; } #SRPRightNav A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 14px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } #SRPRightNav A:hover { LINE-HEIGHT: 14px; color:#000000; font-weight: bold; TEXT-DECORATION: none; } TD div.rshding:hover { background: #F0F0F0; } #SRPRightNav TR:hover TD { background: #f0f0f0; } .rslocaltop { width: 200px; float: left; z-index: 0; float: left; position: relative; height: 710px; } .rshding { CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 5px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; } .rshdinglocal { CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 4px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px } .rshdinglocal1 { CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: visible; PADDING-BOTTOM: 4px; COLOR: #336699; LINE-HEIGHT: 10px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px } .mainPageWrap { width: 900px; margin-left: 20px; margin-right: 20px; clear: both; background-color: #ffffff; padding-top: 10px; } .leftWrap { width: 700px; float: left; } .mainFlash { float: left; width: 700px; height: 256px; position: relative; } .quickJump { width: 250px; height: 250px; position: absolute; left: 440px; top: 3px; z-index: 2; background: url(/images/mainpage/quickjumpbackground.gif) no-repeat top left; padding-left: 5px; } * html .qu\ickJumpbottom { position: relative; left: -5px; top: 0px; z-index: -1; } .mainMid { float: left; width: 700px; margin-top: 3px; display: inline; } .tabsBox { float: left; } .siteTabConent { width: 260px; height: 147px; float: left; position: absolute; top: 0px; left: 147px; } .mainServices { float: left; margin-left: 4px; width: 279px; height: 186px; background: url('/images/mainpage/services-box-background.gif') no-repeat top left; } .mainServicesLogin { float: left; margin-left: 4px; width: 279px; height: 186px; background: url('/images/mainpage/services-box-background.gif') no-repeat top left; } .mainServicesLogin table { font-weight: bold; margin-left: 2px; } .OEMHeadPic { margin-top: 3px; margin-left: 5px; } .CustAst { font-family: Helvetica; font-size: 10px; font-weight: bold; line-height: 20px; } .CustAst span { font-family: Helvetica; font-size: 12px; } .OEMLogout a { font-family: Helvetica; font-size: 10px; font-weight: bold; float: right; } .CustAst a:hover { text-decoration: underline; } .tologin a { color: Red; font-weight: normal; font-size: 10px; } .OEMCart { height: 58px; width: 68px; background: url('/images/mainpage/OEMCart.gif') no-repeat top left; margin-top: 30px; padding-left: 5px; padding-top: 15px; text-align: center; cursor: pointer; } .mainServices table { margin: 2px 10px 2px 10px; font-weight: bold; } .serviceLinks { float: right; color: Red; margin-right: 25px; margin-top: 5px; } .serviceLinks a { color: Red; } .serviceLinks a:Hover { color: Red; text-decoration: underline; } .SignUpFor { color: #1e6b7a; margin-left: 25px; font-size: 12px; } .SignUpFor a { color: #1e6b7a; } .SignUpFor a:hover { color: #1e6b7a; text-decoration: underline; } .mainBott { float: left; width: 692px; height: 203px; margin-top: 3px; background: url('/images/mainpage/bottom-area-bg.gif') top left no-repeat; } .bottomTop { float: left; width: 692px; height: 112px; } .gallerySlide { float: left; height: 112px; margin-left: 5px; margin-top: 8px; cursor: pointer; } .mainQuote { float: left; background: url('/images/mainpage/quotebackground.gif') no-repeat; background-position: 15px 10px; height: 112px; width: 235px; overflow: hidden; } .vertDividerMain { float: left; margin-top: 5px; } .madeAmerica { float: left; height: 112px; width: 190px; margin-top: 8px; text-align: center; } .madeAmerica a:hover { color: Red; } .testMainHead { color: #1e6b7a; font-weight: bolder; font-size: 12px; } .companyLogos { width: 692px; height: 91px; float: left; overflow: hidden; position: relative; } .roundedbottomcorners { position: absolute; z-index: 1; left: 0px; top: 79px; width: 692px; } End New Main Page Layout Styles*/ /* THUMBNAIL POPUP */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: silver; padding: 5px; left: 0px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; width: 300px; height: 250px; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; width: 300px; height: 250px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 10px; /*position where enlarged image should offset horizontally */ } /* End THUMBNAIL POPUP*/ /* Front Page Tabs */ .mainSites { float: left; width: 410px; height: 190px; } .shadetabs{ padding: 0; margin: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ float: left; } .shadetabs ul li{ margin: 0; padding: 0; } .shadetabs li a{ text-decoration: none; z-index: 1; padding: 0; color: #2d2b2b; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 0px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .mainSites a{ color: White; font-weight: bold; z-index: 0; } .ctb-box{ display:none; height: 186px; width: 245px; background: url(/images/mainpage/countertop-tabarea-background.gif) no-repeat top left; float: left; padding-left: 15px; padding-top: 15px; margin: 0px; text-align: center; font-size: 10px; z-index: 0; } .mach-box{ display:none; height: 186px; width: 245px; background: url(/images/mainpage/machined-tabarea-background.gif) no-repeat top left; float: left; padding-left: 15px; padding-top: 15px; margin: 0px; text-align: center; font-size: 10px; z-index: 0; } .cb-box{ display:none; height: 186px; width: 245px; background: url(/images/mainpage/computer-tabarea-background.gif) no-repeat top left; float: left; padding-left: 15px; padding-top: 15px; margin: 0px; text-align: center; font-size: 10px; z-index: 0; } @media print { .tabcontent { display:block !important; } } /* END FRONT PAGE TABS */ /*CounterTop Bracket Page Thumb*/ .Sitethumb{ position: relative; z-index: 0; } .Sitethumb:hover{ background-color: transparent; z-index: 50; } .Sitethumb span{ /*CSS for enlarged image*/ position: absolute; background-color: #d4d4d4; left: 0px; visibility: hidden; color: black; text-decoration: none; width: 300px; height: 215px; } .Sitethumb span img{ /*CSS for enlarged image*/ border-width: 0; width: 300px; height: 215px; } .Sitethumb:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -205px; * top: -75px; left: 100px; /*position where enlarged image should offset horizontally */ } #stamping { FONT-SIZE: 10pt; COLOR: #696969; FONT-FAMILY: Verdana; } #stamping p { font-size: 10pt; } #stamping ul { margin-left: 20px; } #stamping ul li { list-style-type: disc; } #stamping table { border: solid 1px black; margin: 3px; margin-left: 5px; text-align: center; } .stamppopright{ position: relative; z-index: 0; } .stamppopright:hover{ background-color: transparent; z-index: 50; } .stamppopright span{ /*CSS for enlarged image*/ position: absolute; background-image: url(/SRPAdminsite/images/HBPage/shadowback.png); left: 0px; padding-left: 3px; padding-bottom: 3px; visibility: hidden; color: black; text-decoration: none; width: 504px; height: 354px; } .stamppopright span img{ /*CSS for enlarged image*/ border-width: 0; width: 500px; height: 350px; } .stamppopright:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -205px; * top: -50px; left: -300px; /*position where enlarged image should offset horizontally */ } .stamppopright div { border: solid 1px black; } .stamppopleft{ position: relative; z-index: 0; } .stamppopleft:hover{ background-color: transparent; z-index: 50; } .stamppopleft span{ /*CSS for enlarged image*/ position: absolute; background-image: url(/SRPAdminsite/images/HBPage/shadowback.png); left: 0px; padding-left: 3px; padding-bottom: 3px; visibility: hidden; color: black; text-decoration: none; width: 504px; height: 354px; } .stamppopleft span img{ /*CSS for enlarged image*/ border-width: 0; width: 500px; height: 350px; } .stamppopleft:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -205px; * top: -50px; left: 0px; /*position where enlarged image should offset horizontally */ } .stamppopleft div { border: solid 1px black; } .mainmenu { background:url(/images/menu_off.jpg) repeat-x left top; width:940px; margin:0px; height: 27px; text-align: left; z-index: 199; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .mainmenulink {display: inline; height:27px; position:relative; z-index:900; font-family:arial, sans-serif;} /* hack to correct IE5.5 faulty box model */ * html .mainmenulink {width:940px; w\idth:940px;} /* remove all the bullets, borders and padding from the default list styling */ .mainmenulink ul {padding:0; margin:0; list-style-type:none; z-index: 901;} .mainmenulink ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .mainmenulink li {float:left; border-right: solid 1px gray; border-right-style: groove; padding: 0px; margin: 0px; position:relative; display: block;} /* style the links for the top level */ .mainmenulink a, .mainmenulink a:visited {font-size:12px; text-decoration:none; color:#fff; height:27px; text-align: center; line-height:27px; font-weight:bold; display: inline-block; padding-left: 15px; padding-right: 15px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .mainmenulink a, * html .mainmenulink a:visited {} /* style the second level background */ .mainmenulink ul ul a.drop, .mainmenulink ul ul a.drop:visited {background:#c6c6c6 url(/images/menumore.gif) right 2px no-repeat;} /* style the second level hover */ .mainmenulink ul ul a.drop:hover{background:#eeeeee url(/images/menumore.gif) right 2px no-repeat;} .mainmenulink ul ul :hover > a.drop {background:#eeeeee url(/images/menumore.gif) right 2px no-repeat;} /* style the third level background */ .mainmenulink ul ul ul a, .menu ul ul ul a:visited {background:#c6c6c6;} /* style the third level hover */ .mainmenulink ul ul ul a:hover {background:#eeeeee;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .mainmenulink ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:150px; padding: 0px; border: none 0px;} /* another hack for IE5.5 */ * html .mainmenulink ul ul {top:26px;t\op:27px;} .mainmenulink ul ul li { border: 0px; padding: 0px; margin: 0px; text-align: left; } .mainmenulink ul ul li a { font-size: 10px; } .mainmenulink ul ul li a:visited { font-size: 10px; } /* position the third level flyout menu */ .mainmenulink ul ul ul{left:170px; top:-1px; width:150px;} .mainmenulink ul ul ul .firstitem a{border-top: solid 1px #555555;} .mainmenulink ul ul ul li{border-left: dotted 1px #555555;} /* style the table so that it takes no part in the layout - required for IE to work */ .mainmenulink table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ .mainmenulink ul ul a, .mainmenulink ul ul a:visited {background:#c6c6c6; display: block; text-align: left; border-bottom: solid 1px #555555; color:#000; height:auto; line-height:1em; padding:5px 10px; width:150px; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .mainmenulink ul ul a, * html .mainmenulink ul ul a:visited {width:150px;w\idth:150px;} /* style the top level hover */ .mainmenulink a:hover, .mainmenulink ul a:hover{color:#ffffff; background: url(/images/menu_hover.jpg) repeat-x left top;} .mainmenulink :hover > a, .mainmenulink ul :hover > a {color:#ffffff; background: url(/images/menu_hover.jpg) repeat-x left top;} .mainmenulink a:hover, .mainmenulink ul ul a:hover{color:#000000; background:#eeeeee;} .mainmenulink :hover > a, .mainmenulink ul ul :hover > a {color:#000000; background:#eeeeee;} /* make the second level visible when hover on first level list OR link */ .mainmenulink ul li:hover ul, .mainmenulink ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .mainmenulink ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .mainmenulink ul :hover ul :hover ul{ visibility:visible;} .searchbar { float: right; line-height: 25px; color: #ffffff; font-size: 12px; padding-right: 5px; font-weight: bold; } .searchbar a { color: #ffffff; font-size: 10px; } .searchbar form { display: block; float: left; } .searchbar img { float: left; } /* Landing Page Front Page */ .mainPageWrap .tabdiv { width: 925px; overflow: hidden; } .mainPageWrap .rfqRight { width: 580px; } .mainPageWrap .stepOnePQ { width: 290px; } .mainPageWrap td, .mainPageWrap span, .mainPageWrap p { font-size: 12px } .mainPageWrap .quoteSwitch { margin-left: 80px; } .mainPageWrap .rfqBox { width: 580px; } .mainPageWrap .buttons { width: 97%; } /*New Main Page Layout Styles July Rebuild*/ .mainPageWrap { width: 930px; background: #ffffff; margin: 5px; overflow: hidden; } #aspnetForm { margin: 0px; padding: 0px; } #footer_comments { position: absolute; top: -120px; left: 25px; margin: 0px; padding: 0px; } #footer_comments_menu { position: absolute; margin: 0px; padding: 0px; margin: 15px 0 0 45px; } .topContent { width: 930px; height: 260px; float: left; background: #ffffff url(/images/mainpage/topareabg.jpg) top left no-repeat; margin: 0px; } .midpageBanner { width: 720px; float: left; margin-top: 5px; } .midContent { width: 935px; float: left; background: #ffffff; margin-top: 5px; display: inline; } .topOpenImage { height: 250px; width: 410px; float: left; margin-top: 5px; margin-right: 0px; margin-left: 0px; padding: bottom; display: inline; text-align: right; } .topOpenImage img { height: 250px; width: 410px; } .quickJump { width: 250px; height: 250px; float: left; background: url(/images/mainpage/quickjumpbackground.gif) no-repeat top left; margin-top: 5px; margin-right: 5px; position: relative; } .narrowIt { width: 415px; height: 320px; float: left; background: #ffffff; margin-right: 5px; display: inline; _margin-right: 0px; } .accountAsst { width: 300px; _width: 299px; height: 320px; float: right; display: inline; background: url(/images/mainpage/custastbg.jpg) top left no-repeat; } .mainRightMenu { width: 210px; text-align: center; } .builtforyou { display: inline-block; margin: 5px 0px 5px 5px; width: 250px; _width: 240px; color: #397495; font-family: Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 14px; float: left; } .srpIs { display: inline-block; margin: 5px 0px 5px 5px; color: #397495; font-family: Lucida Sans, Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 14px; float: left; } .srpIsText { width: 95%; font-size: 12px; color: Black; float: left; display: inline; margin: 10px 5px 0px 0px; line-height: 15px; } .customersites { float: left; width: 250px; margin-right: 5px; } .customersites ul { list-style-type: none; margin: 0px; padding: 0xp; } .customersites li { display: inline; margin: 0px; padding: 0px; } .customersites li a { float: left; height: 41px; width: 204px; padding: 0px; margin: 0px; margin-bottom: 14.5px; padding-left: 40px; background: transparent url('/images/mainpage/CustomerTypesButtons.jpg') no-repeat; font-weight: bold; font-size: 14px; line-height: 28px; } .customersites .engineer a { background-position: 0px 0px; } .customersites .engineer a:hover { background-position: -244px 0px; } .customersites .designer a { background-position: 0px -41px; } .customersites .designer a:hover { background-position: -244px -41px; } .customersites .business a { background-position: 0px -82px; } .customersites .business a:hover { background-position: -244px -82px; } .customersites .purchase a { background-position: 0px -123px; } .customersites .purchase a:hover { background-position: -244px -123px; } .customersites .enduser a { background-position: 0px -164px; } .customersites .enduser a:hover { background-position: -244px -164px; } a .userTypeExp { font-size: 10px; color: #8e8e8e; display: block; margin-top: -13px; } .aboutBoxes { float: left; } .srpDef { width: 149px; height: 162px; background: url(/images/mainpage/smallgrayblock.jpg) no-repeat top left; margin-top: 28px; margin-bottom: 5px; } .madeUSABlock { width: 149px; height: 96px; } .acctAsstTitle { border-bottom: solid 1px black; display: inline; margin: 5px 0px 0px 10px; width: 255px; color: #397495; font-family: Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 14px; float: left; } .acctAsstFoo { float: left; display: none; } a.asstLogLink { display: block; font-size: .7em; float: right; margin-top: 5px; * margin-top: -10px; } .logbutton { display: inline; float: left; margin: 5px 0px 0px 5px; } .viewacct { float: left; width: 150px; display: inline; margin-left: 15px; _margin-left: 10px; margin-right: 5px; font-weight: bold; } .viewacct a:hover { color: #736F6E; } .viewacct ul { list-style-type: none; padding: 0px; margin: 0px; font-size: .8em; } .viewacct ul li { display: inline; float: left; margin: 0px; padding: 0px; width: 160px; margin-top: 8px; } .acctcart { float: left; width: 110px; height: 80px; margin-right: 10px; margin-top: 10px; background: url(/images/mainpage/shoppingcarticon.jpg) no-repeat; background-position: bottom center; text-align: center; font-size: 12px; font-weight: bold; z-index: 0; } .cartred { color: #FF0000; display: block; margin-top: 24px; margin-left: 5%; } .acctcart a { display: block; width: 110px; height: 80px; } .acctcart a:hover { color: #736F6E; background: url(/images/mainpage/shoppingcarticonhover.jpg) no-repeat; background-position: bottom center; } .acctshipstat { float: left; display: inline; margin-left: 13px; margin-top: 10px; width: 273px; height: 183px; background: url(/images/mainpage/shipstatusbg.jpg) no-repeat top left; } .acctshipstatnolog { float: left; display: inline; margin-left: 13px; margin-top: 10px; width: 255px; height: 133px; background: url(/images/mainpage/cartasstnolog.jpg) no-repeat top left; padding: 50px 8px 0px 8px; } .acctshipstatnolog a { color: Red; } .acctshipstatnolog a:visited { color: Red; } .orderQuickviewTop { border-bottom: solid 1px black; display: inline; margin: 5px 0px 0px 5px; width: 265px; color: #397495; font-family: Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 12px; float: left; } .quickviewGuide { color: Black; float: right; margin-top: 3px; * margin-top: -11px; } .quickviewGuideSmall { color: Black; float: right; margin-top: 3px; * margin-top: -11px; display:none; } .quickShipBoxes { float: left; width: 270px; text-align: center; font-size: 10px; display: inline-block; margin-left: 2px; * margin-left: 0px; border-collapse: collapse; } .quickShipBoxes th { padding: 0px 4.5px 0px 4.5px; background: #d2d2d2; border: none 0px; } .quickShipBoxes .d1 td { background: #f2f2f2; white-space: nowrap; } .quickShipBoxes .d2 td { background: #ffffff; white-space: nowrap; } .moreorders { display: block; width: 100%; height: 100%; } .quickShipBoxes a:link, .quickShipBoxes a:visited { color: #397495; } .quickShipBoxes a:hover { font-weight: bold; } th a.moreorders:hover { background: #397495; color: Black; } .greenlight { color: Green; } .yellowlight { color: #EEAD0E; } .redlight { color: Red; } .rightSideInfo { float: left; width: 210px; } .newRightNav { float: left; width: 210px; } #cycler img { display:none } #cycler img.active { display:block } .logoFlash { float: left; width: 210px; height: 100px; } .randomTestimonial { margin-top: 5px; padding-left: 10px; padding-right: 10px; font-size: 11px; color: Black; font-weight: normal; } a.moretest { height: 12px; color: Red; font-weight: normal; font-size: 12px; float: right; margin-top: 5px; text-align: right; width: 50px; } /*End New Main Page Layout Styles*/ /* Begin Bracket Comapre Styles*/ .containebracketcompare { width: 100%; margin-bottom: 20px; float: left; } .imgbracketcompare { margin-left: 0px; } .contentbracketcompare { WIDTH:400PX; PADDING:8PX 4PX 8PX 4PX; margin: 5px 0px 0px 0px; BORDER:#DDDDDD 1px SOLID; float: right; } /* End Bracket Compare Styles */ /*Jquery Accordion Menu Here*/ .rightmenuwrap { margin-top: 5px; float: left; background: #808080; margin-left: 1px; display: inline; } .roundtop { width: 209px; background: url(/skins/skin_1/images/accordianmenu/rightback.jpg) top left no-repeat; height: 10px; } .roundbottom { width: 209px; background: url(/skins/skin_1/images/accordianmenu/rightback.jpg) bottom left no-repeat; height: 10px; } .menu_list { width: 209px; } .menu_head { padding: 5px 10px; display: block; position: relative; _width: 185px; /* Makes entire bar clickable in IE6 */ cursor: pointer; margin:1px; font-weight:bold; background: #cccccc url(/skins/skin_1/images/accordianmenu/arrowleft.jpg) center right no-repeat; } .menu_body { display:none; } .menu_body a{ display:block; position: static; color: #397495; background-color: #E7E7E7; width: 200px; margin-left: 2.5px; background-image: none; padding-left:5px; font-weight:bold; text-decoration:none; font-size: 10px; padding-top: 2px; padding-bottom: 2px; } .menu_body a:hover{ color: #ffffff; background-image: none; background: #397495; } /*End Jquery Accordion Menu*/ /* Front Page THUMBNAIL POPUP*/ .shapethumb { position: relative; z-index: 0; } .shapethumb:hover { background-image: none; background-color: transparent; z-index: 50; position: relative; } .shapethumb span { background-image: none; position: absolute; background-color: #d4d4d4; left: 0px; visibility: hidden; color: black; text-decoration: none; width: 127px; height: 106px; } .shapethumb span img { background-image: none; border-width: 0; width: 127px; height: 106px; } .shapethumb:hover span { /*CSS for image on hover*/ visibility: visible; top: -80px; left: -127px; /*position where enlarged image should offset horizontally */ } /* END Front Page THUMBNAIL POPUP*/ /*User Pages Basic Structure START Here*/ .userPageWrap { width: 900px; background: #ffffff; margin: 5px 20px 5px 20px; } .userPageHeader { width: 900px; height: 140px; float: left; } .userMenuArea { width: 169px; float: left; margin-top: 5px; } .userLeftNav { float: left; } .userMenuArea img { display: block; float: left; } .userMenuArea ul { list-style-type: none; margin: 0px; padding: 0px; } .userMenuArea ul li { float: left; display: inline; margin: 0px; padding: 0px; width: 169px; } .userMenuArea a { display: block; width: 159px; float: left; font-size: 10px; font-weight: bold; padding: 1.5px 0px 1.5px 10px; } .userAddHelp { float: left; width: 170px; text-align: center; font-size: 10px; margin-top: 10px; } .userBoldFont { font-weight: bold; font-size: 12px; } .userMainContent { width: 720px; margin-left: 10px; margin-top: 5px; display: inline; float: left; } .userMainTextBody { float: left; display: inline; padding-left: 5px; padding-right: 5px; font-size: 12px; margin-bottom: 5px; } .userMainTitle { display: block; width: 695px; border-bottom: solid 1px; font-size: 18px; margin-top: 2px; margin-bottom: 2px; } .userServiceBoxes { width: 220px; height: 328px; float: left; display: inline; position: relative; _margin-left: 8px; /* IE6 space Fix */ margin-bottom: 10px; padding: 2px 5px 0px 5px; font-size: 11px; } .userServiceBoxes + .userServiceBoxes { margin-left: 15px; } .userSBTitle { font-family: Impact, Arial, Sans-Serif; font-size: 16px; font-weight: normal; margin-bottom: 2px; float: left; display: block; } .userServiceBoxes img { margin-bottom: 5px; } .userSBsubLink { display: block; font-weight: bold; float: right; width: 210px; text-align: right; } .userSBLink { display: block; font-weight: bold; position: absolute; width: 210px; top: 310px; left: 10px; text-align: right; } .companyparts { width: 225px; height: 275px; overflow-y: scroll; overflow-x: hidden; position: relative; } .trhoverparts { background: #e9e9e9; } .trunhoverparts { background: #ffffff; } .companyparts table { background: #ffffff; width: 208px; _width: 209px; } table.partsheader { background: #C0C7D1; color: Black; } table.partsheader th { text-align: left; } .companyparts table th span { font-size: smaller; } .companyparts td { color: gray; font-weight: bold; padding: 0px 4px 10px 0px; } .companyparts img { margin-right: 5px; cursor: pointer; } td.darkgraycell { height: 1px; background: #333333; padding: 0px 0px 0px 0px; } .totalparts { float: right; display: block; } /*User Pages Basic Structure END Here*/ /*Start Styles for Particular User Pages*/ /* ENGINEER CENTER CSS */ .engineerCenter .userPageHeader { background: url(/images/userpages/engcenterbanner.jpg) top left no-repeat; } .engineerCenter .userLeftNav { background: #67654E url(/images/userpages/engmenufooter.jpg) bottom left no-repeat; } .engineerCenter .userLeftNav a { color: White; } .engineerCenter .userLeftNav a:hover { color: #242413; background: white; } .engineerCenter .userMainContent { background: url(/images/userpages/graygradient.jpg) top left no-repeat; } .engineerCenter .userSBTitle { color: Black; } .engineerCenter .userServiceBoxes { background: url(/images/userpages/grayServiceBoxes.gif) top left no-repeat; color: White; } .engineerCenter .userMainTextBody a { color: #67654E; font-weight: bold; } /* DESIGNER CENTER CSS */ .designerCenter .userPageHeader { background: url(/images/userpages/descenterbanner.jpg) top left no-repeat; } .designerCenter .userLeftNav { background: #A1A1A1 url(/images/userpages/desmenufooter.jpg) bottom left no-repeat; } .designerCenter .userLeftNav a { color: White; } .designerCenter .userLeftNav a:hover { color: #74879E; background: white; } .designerCenter .userMainContent { background: url(/images/userpages/desgradient.jpg) top left no-repeat; } .designerCenter .userSBTitle { color: Black; } .designerCenter .userServiceBoxes { background: url(/images/userpages/blueServiceBoxes.gif) top left no-repeat; color: White; } .designerCenter .userMainTextBody a { color: #6C869C; font-weight: bold; } /* BUSINESS CENTER CSS */ .businessCenter .userPageHeader { background: url(/images/userpages/buscenterbanner.jpg) top left no-repeat; } .businessCenter .userLeftNav { background: #C0C7D1 url(/images/userpages/busmenufooter.jpg) bottom left no-repeat; } .businessCenter .userLeftNav a { color: black; } .businessCenter .userLeftNav a:hover { color: #257209; background: white; } .businessCenter .userMainContent { background: url(/images/userpages/busgradient.jpg) top left no-repeat; } .businessCenter .userSBTitle { color: Black; } .businessCenter .userServiceBoxes { background: url(/images/userpages/busServiceBox.gif) top left no-repeat; color: White; } .businessCenter .userMainTextBody a { color: #29740D; font-weight: bold; } /* PURCHASING AGENT CENTER CSS */ .agentCenter .userPageHeader { background: url(/images/userpages/puragtcenterbanner.jpg) top left no-repeat; } .agentCenter .userLeftNav { background: #67654E url(/images/userpages/puragtmenufooter.jpg) bottom left no-repeat; } .agentCenter .userLeftNav a { color: White; } .agentCenter .userLeftNav a:hover { color: #232313; background: white; } .agentCenter .userMainContent { background: url(/images/userpages/tangradient.jpg) top left no-repeat; } .agentCenter .userSBTitle { color: Black; } .agentCenter .userServiceBoxes { background: url(/images/userpages/puragtServiceBoxes.gif) top left no-repeat; color: White; } .agentCenter .userMainTextBody a { color: #67654E; font-weight: bold; } .agentCenter .accountAsst { width: 220px; _width: 220px; height: 308px; float: left; display: inline; background: none; } .agentCenter .acctAsstTitle { display: inline; border-bottom: solid 0px black; margin: 0px 0px 0px 0px; width: 190px; color: #000000; font-family: Impact,Arial,Sans-Serif; font-size: 16px; font-weight: normal; float: left; } .agentCenter .acctAsstFoo { float: left; display: block; clear: both; width: 210px; } .agentCenter a.asstLogLink { display: block; font-size: .7em; float: right; margin-top: 5px; * margin-top: -10px; font-family: Arial; } .agentCenter .logbutton { display: inline; float: left; margin: 2px 0px 0px 5px; } .agentCenter .viewacct { float: left; width: 100px; display: inline-block; margin-left: 0px; _margin-left: 0px; margin-right: 5px; font-weight: normal; white-space: nowrap; clear: left; } .agentCenter .viewacct a { font-size: 12px; } .agentCenter .viewacct a:hover { color: #D8D5B5; } .agentCenter .redhigh { color: #D8D5B5; } .agentCenter .viewacct ul { list-style-type: none; padding: 0px; margin: 0px; font-size: .8em; } .agentCenter .viewacct ul li { display: inline; float: left; margin: 0px; padding: 0px; width: 100px; margin-top: 8px; } .agentCenter .acctcart { float: left; width: 110px; height: 80px; margin-right: 0px; margin-left: 0px; display: inline-block; margin-top: 8px; background: url(/images/mainpage/shopcartagent.jpg) no-repeat; background-position: bottom center; text-align: center; font-size: 12px; font-weight: normal; z-index: 0; } .agentCenter .cartred { color: #FF0000; display: inline-block; margin-top: 24px; margin-left: 5%; } .agentCenter .acctcart a { display: block; width: 110px; height: 80px; } .agentCenter .acctcart a:hover { color: #D8D5B5; background: url(/images/mainpage/shopcartagenthover.jpg) no-repeat; background-position: bottom center; } .agentCenter .acctshipstat { float: left; display: inline; margin-left: 0px; margin-top: 5px; width: 220px; height: 130px; background: none; overflow: hidden; color: Black; } .agentCenter .acctshipstatnolog { float: left; display: inline; margin-left: 0px; margin-top: 5px; width: 210px; height: 80px; background: url(/images/mainpage/cartasstnolog.jpg) no-repeat top left; padding: 50px 5px 0px 5px; overflow: hidden; color: #000000; } .agentCenter .acctshipstatnolog a { color: Red; } .agentCenter .acctshipstatnolog a:visited { color: Red; } .agentCenter .orderQuickviewTop { border-bottom: solid 1px black; display: inline; margin: 0px 0px 0px 0px; width: 220px; color: #ffffff; font-family: Tahoma, Arial, Sans-Serif; font-weight: bold; font-size: 12px; float: left; } .agentCenter .quickviewGuide { color: Black; float: right; margin-top: 3px; * margin-top: -11px; display: none; } .agentCenter .quickviewGuideSmall { color: Black; float: right; margin-top: 3px; * margin-top: -11px; display: block; } .agentCenter .quickShipBoxes { float: left; width: 220px; text-align: center; font-size: 10px; display: inline-block; margin-left: 0px; * margin-left: 0px; border-collapse: collapse; } .agentCenter .quickShipBoxes th { padding: 0px 2px 0px 2px; background: #d2d2d2; border: none 0px; } .agentCenter .quickShipBoxes .d1 td { background: #f2f2f2; } .agentCenter .quickShipBoxes .d2 td { background: #ffffff; } .agentCenter .moreorders { display: block; width: 100%; height: 100%; } .agentCenter .quickShipBoxes a:link, .quickShipBoxes a:visited { color: #397495; } .agentCenter .quickShipBoxes a:hover { font-weight: bold; } .agentCenter th a.moreorders:hover { background: #397495; color: Black; } /* END USER CENTER CSS */ .endUserCenter .userPageHeader { background: url(/images/userpages/endcenterbanner.jpg) top left no-repeat; } .endUserCenter .userLeftNav { background: #90A467 url(/images/userpages/endmenufooter.jpg) bottom left no-repeat; } .endUserCenter .userLeftNav a { color: White; } .endUserCenter .userLeftNav a:hover { color: #3F5525; background: white; } .endUserCenter .userMainContent { background: url(/images/userpages/bluegradient.jpg) top left no-repeat; } .endUserCenter .userSBTitle { color: Black; } .endUserCenter .userServiceBoxes { background: url(/images/userpages/greenServiceBoxes.gif) top left no-repeat; color: White; } .endUserCenter .userMainTextBody a { color: #435A24; font-weight: bold; } /*End Styles for Particular User Pages*/ /* Account Section */ .emailrowstyle { background: #F7F6F3; color: #333333; } .emaileditrowstyle { background: #ffffe0; } .emailselectedrowstyle { background: #E2DED6; color: #333333; font-weight: bold; } .emailpagerrowstyle { background: #284775; color: #ffffff; text-align: center; } .emailheaderstyle { background: #5D7B9D; color: #ffffff; font-weight: bold; font-size: 10px; text-align: center; } .emailalternatingrowstyle { background: #ffffff; color: #284775; } .emailfooterstyle { background: #C0C0C0; color: #ffffff; font-weight: bold; vertical-align: middle; text-align: center; } /* End Account Section */ /* Begin Thank You Video Styles */ .videothankyou_H2{ FONT-SIZE:36PX; } .thankyoubracketcompare { width: 100%; margin-bottom: 25px; } .contentvideocompareleft { WIDTH:250px; PADDING:10PX 20PX 15PX 20PX; margin: 0px 0px 0px 50px; BORDER:#DDDDDD 1px SOLID; float: left; text-align:left; } .contentvideocompareright { WIDTH:250PX; PADDING:10PX 0PX 2PX 30PX; margin: 0px 5px 5px 5px; BORDER:#DDDDDD 1px SOLID; float: left; } /* End Thank You Video Styles */ /* RFQ Redo */ .underlineheader .requiredFields { font-size: 10px; color: Red; } .ajax__calendar_container { background: #ffffff; position: relative; z-index: 500; } .rfqIcons { float: right; width: 350px; text-align: right; } .formheader { color: #006486; font-family: Arial Rounded MT Bold; font-size: 18px; display: block; float: left; width: 460px; border-bottom: solid 3px #cc0202; } .formtext { float: left; display: inline; padding-left: 5px; font-size: 12px; margin-top: 5px; } .underlineheader { float: left; padding-left: 5px; color: #006486; font-family: Arial Rounded MT Bold; border-bottom: solid 2px #cc0202; font-size: 15px; width: 680px; margin-top: 15px; } .custinfotable { float: left; margin-top: 5px; font-size: 12px; font-weight: bold; width: 700px; } table.custinfotable td { white-space: nowrap; } .notetext { color: #626262; font-size: 10px; } .radiotext { font-weight: normal; } .halfform { width: 250px; } .fullform { width: 568px; } .fullformbottom { width: 540px; } .smallform { width: 100px; } .calcform { width: 60px; margin-top: -20px; margin-left: 180px; display: block; } .calcimg { margin-left: 250px; margin-top: -15px; display: block; } .textboxform { width: 540px; height: 50px; } .fileform { width: 500px; } .rfqSubmit { background: url(/images/RFQ/requestQuoteRFTButton.png) top left no-repeat; width: 116px; height: 31px; } /* END RFQ */ /* Free Shipping Special Top Banner */ .cornerpromo { position: absolute; left: 40%; top: 0px; display: block; z-index: 200; } .cornerpromo .promopop { position: relative; z-index: 0; } .cornerpromo .promopop:hover { background-image: none; background-color: transparent; z-index: 50; position: relative; z-index: 1000; } .cornerpromo .promopop span { background-image: none; position: absolute; background-color: #ffffff; border: 1px solid #B9AD99; left: 0px; visibility: hidden; color: black; text-decoration: none; width: 200px; height: 200px; z-index: 1001; } .cornerpromo .promopop:hover span { /*CSS for image on hover*/ visibility: visible; top: -5px; *top: 32px; left: -38px; /*position where enlarged image should offset horizontally */ z-index: 1002; } /* End Free Shipping Special Top Banner */ /* Start Modal Popup Styles */ .modalclose { margin:5px 20px 0px -8px; cursor:pointer; display: block; position: absolute; z-index: 1001; top: 0px; right: -15px; } /* End Modal Popup Styles */ /* Start New Pro Quote Styles */ .PQLogo { float: left; display: block; padding-top: 5px; width: 65px; height: 28px; } .quoteResultGridRow { } .quoteResultGridRowOdd { background-color: silver; } .quoteResultGridRowSelected { background-color: #B3CDDD; font-weight: bold; } .quoteResultGridRowWithAOS { } .quoteResultGridRowOddWithAOS { background-color: silver; } .quoteResultGridRowSelectedWithAOS { background-color: #B3CDDD; font-weight: bold; } /*----- Start "Loading Animation Code" -----*/ .ajaxProcessing { position: absolute; clear: both; z-index: 800; top: 0px; left: 0px; background-color: #404040; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; padding: 0px; margin: 0px; } .ajaxMainProcessing { position: absolute; width: 100%; height: 100%; z-index: 801; padding: 0px; margin: 0px; } .ajaxProcessingimg { clear: both; float: left; z-index: 880; position: absolute; top: 30%; left: 45%; padding: 0px; margin: 0px; } .ajaxProcessing img { height: 100%; width: 100%; z-index: 806; margin: 0px; margin-top: 0px; } .ajaxContainer { position: relative; width: 100%; height: 100%; padding: 0px; margin: 0px; display: block; } /*------ End "Loading Animation Code" ------*/ label.error { background: #ffffff; border: 1px solid red; display: block; } input.error { border: 1px solid red; background-color: #f5efa7; } #mainNav { float: left; display: block; margin-top: 10px; } #mainNav li { height: 22px; list-style: none; float: left; background-color: #EBEBEB; background-image: url(/images/proquote/StepGrayed.jpg); background-repeat: no-repeat; background-position: left top; } #mainNav li.current { background-color: #C36615; background-image: url(/images/proquote/StepOrange.jpg); } #mainNav li.lastDone { background-color: #7C8437; background-image: url(/images/proquote/StepGreenOrange.jpg); } #mainNav li.done { background-color: #7C8437; background-image: url(/images/proquote/StepGreen.jpg); } #mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active { color: #fff; } #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active { color: #fff; } #mainNav li.done a:hover, #mainNav li.lastDone a:hover { color: #fff; cursor: pointer; } #mainNav li a em { font-family: Arial Rounded MT Bold, Arial, Sans-Serif; display: inline-block; margin: 1px 0 0 1px; font-style: normal; font-size: 11px; } #mainNav li a span { font-family: Arial Rounded MT Bold, Arial, Sans-Serif; display: inline-block; margin-left: 1px; font-weight: normal; font-size: 10px; } #mainNav li.mainNavNoBg { background-image: url(/images/proquote/GrayBG.jpg); background-repeat: repeat-x; background-position: top right; } #mainNav li.lastcurrent { background-image: url(/images/proquote/OrangeBG.jpg); background-repeat: repeat-x; background-position: left top; } #mainNav li a { height: 71px; display: block; } /* #mainNav.fiveStep */ #mainNav.fiveStep li { width: 175px; margin: 0px; line-height: 18px; text-align: center; } #mainNav.fiveStep li em, #mainNav.fiveStep li span { color: #6b6b6b; } #mainNav.fiveStep li.lastDone em, #mainNav.fiveStep li.lastDone span, #mainNav.fiveStep li.done em, #mainNav.fiveStep li.done span, #mainNav.fiveStep li.current em, #mainNav.fiveStep li.current span, #mainNav li.lastcurrent em, #mainNav li.lastcurrent span { color: #000000; } #mainNav.fiveStep li a { width: 175px; height: 22px; } /* #mainNav.fourStep */ #mainNav.fourStep li { width: 175px; } #mainNav.fourStep li.mainNavNoBg { width: 105px; } #mainNav.fourStep li a { width: 175px; } /* #mainNav.threeStep */ #mainNav.threeStep li { width: 175px; } #mainNav.threeStep li.mainNavNoBg { width: 105px; } #mainNav.threeStep li a { width: 175px; } /* #mainNav.twoStep */ #mainNav.twoStep li { width: 175px; } #mainNav.twoStep li a { width: 175px; } #wizardpanel { background-color: #fff; margin: 0; display: none; border: thin 1px black; } .wizardcontent { overflow: hidden; font-family: Arial Rounded MT Bold,Arial,Sans-Serif; } #wizardwrapper { background-color: #fff; margin: 0; border: thin 1px black; } /* BUTTONS */ .buttons { margin: 5px 0px 5px 0px; float: left; width: 100%; clear: both; font-family: Arial Black, Arial, Sans-Serif; } .buttons .next { float: right; color: #2e6484; border: 1px solid #2e6484; cursor: pointer; margin-right: 5px; display: inline; font-weight: bold; background: #b3cddd url(/images/proquote/nextarrows.jpg) no-repeat 45px 3px; padding-right: 20px; } .buttons .finish { float: right; color: #2e6484; border: 1px solid #2e6484; cursor: pointer; margin-right: 5px; display: inline; font-weight: bold; background: #b3cddd url(/images/proquote/nextarrows.jpg) no-repeat 55px 3px; padding-right: 20px; } .buttons .previous { float: left; color: #2e6484; border: 1px solid #2e6484; cursor: pointer; margin-left: 5px; display: inline; font-weight: bold; background: #b3cddd url(/images/proquote/prevarrows.jpg) no-repeat 5px 3px; padding-left: 20px; } .getholedefaults { background: #b3cddd; color: #2e6484; border: 1px solid #2e6484; cursor: pointer; margin-left: 5px; font-weight: bold; margin-bottom: 5px; } .updateQty { float: left; background: #b3cddd; color: #2e6484; border: 1px solid #2e6484; cursor: pointer; margin-left: 5px; margin-top: 5px; display: inline; font-weight: bold; } #btnHelp { float: left; background: #2e6484; color: #ffffff; border: 1px solid #2e6484; margin-left: 5px; margin-top: 5px; font-weight: bold; display: inline; } #btnHelp img { height: 25px; width: 25px; } .showit { display: inline; } .hideit { display: none; } /* Start PQ Steps */ .shapestable { width: 570px; height: 290px; background: url(/images/ProQuote/shapesbg.jpg) no-repeat; background-position: 0px 0px; text-align: center; padding: 0px; border-spacing: 0px; } .shapecontainer { margin-left: auto; margin-right: auto; } .shapefoo { font-size: 12px; padding-bottom: 5px; font-family: Arial Rounded MT Bold, Arial, Sans-Serif; } .shapestable label { position: relative; overflow: hidden; float: left; width: 99px; height: 100px; } .shapestable label span { position: absolute; left: 0; top: 0; width: 99px; height: 100px; background: url(#) no-repeat -5000px; /* required for IE click bug fix */ cursor: pointer; } .shapestable td { width: 114px; height: 100px; } .hideradio { display: block; overflow: hidden; height: 0px; width: 0px; } .noshape { height: 100px; width: 99px; background: none; text-align: center; margin-left: auto; margin-right: auto; cursor: pointer; } .hovershape { height: 100px; width: 99px; background: url(/images/proquote/shapestates.jpg) no-repeat top right; text-align: center; margin-left: auto; margin-right: auto; cursor: pointer; } .hlshape { height: 100px; width: 99px; background: url(/images/proquote/shapestates.jpg) no-repeat top left; text-align: center; margin-left: auto; margin-right: auto; cursor: pointer; } #attributes { position: relative; } .uombox { position: absolute; background: url(/images/proquote/unitofmeasurebox.jpg) top left no-repeat; text-align: center; font-size: 10px; width: 107px; height: 45px; color: #467692; padding-top: 6px; font-weight: bold; top: 30px; left: 535px; margin: 0px; } .wlbox { position: absolute; background: url(/images/proquote/sizebox.gif) top left no-repeat; text-align: center; font-size: 10px; width: 75px; height: 44px; padding-top: 5px; color: #467692; font-weight: bold; } .wlbox input { width: 50px; border: 1px solid #467692; } .step2curvebox { float: left; width: 395px; margin-top: 20px; } .step2topcurve, .step2botcurve { float: left; } .step2midcurve { float: left; background: url(/images/proquote/step2curvebg.jpg) top left repeat-y; width: 395px; padding-left: 5px; } #wizardcontent2 td { vertical-align: top; } .quoteshapebox { float: left; } .smallgraydisclaimer { font-size: 10px; color: #636363; } #div2Dim { position: absolute; top: 40%; left: 30%; } .alt2dview { border: solid 1px #000000; background: #295F8C; } .alt2dview img { background: #ffffff; padding: 0px 3px 5px 3px; } #div2Dim #close, #div2Dim h2 { padding: 3px; background: none; display: block; color: #ffffff; } .padmeleft { display: block; margin-left: 8px; } .padmeleft a { color: #2e6484; } .boldme { font-family: Arial, Sans-Serif; font-weight: bold; } #QuoteResultGrid { margin-left: auto; margin-right: auto; border: solid 1px #2E6484; } #QuoteResultGrid th, #QuoteResultGrid td { border: solid 1px #2E6484; } .step3quotebox table { border: solid 1px #2E6484; } .step3quotebox th, .step3quotebox td { border: solid 1px #2E6484; } .quotesteptext { margin-left: auto; margin-right: auto; font-size: 10px; text-align: center; } .quoteBG { margin-left: auto; margin-right: auto; text-align: left; width: 300px; background: url(/images/proquote/step2curvebg.jpg) top left repeat-y; } .quoteBG { padding: 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; } .quoteBG .quoteBGCell { padding: 0px; border: 0px; border-collapse: collapse; border-spacing: 0px; } .quoteBG img { padding: 0px; border: 0px; float: left; } .quoteBG table { width: 350px; background: #ffffff; } .preQuote { font-size: 14px; color: #2E6484; font-weight: bold; margin-left: 40px; margin-bottom: 5px; display: block; } .step3quotebox table { margin: 0px; } .step3quotebox table th { font-size: 12px; } .step3wrap { margin-left: auto; margin-right: auto; width: 750px; } .step3wrap .error { font-size: 12px; } .step3curvebox { float: left; width: 395px; } .step3topcurve, .step3botcurve { float: left; } .quoteboxsteps { font-size: 10px; } .quoteboxsteps li span { text-decoration: underline; } .step4wrap { margin-left: auto; margin-right: auto; width: 700px; } .finalQuoteAdjust { font-size: 14px; color: #2E6484; margin-left: 10px; margin-bottom: 0px; } .addQuoteAdjust { font-size: 10px; color: #2E6484; margin-left: 10px; margin-top: 0px; display: block; height: 10px; } .step4quotebox table { border: 0px; padding: 0px; } .step4quotebox th, .step4quotebox td { border: 0px; } .step4quotebox { float: left; text-align: left; width: 293px; margin-top: 10px; } .step4quotebox .quoteResultGridRowSelectedWithAOS { background: transparent url(/images/proquote/bluecurve.jpg) no-repeat; position: relative; font-weight: bold; height: 29px; } .step4quotebox .quoteResultGridRowSelectedWithAOS td { background-image: none; height: auto; } .step4quotebox table { margin: 0px; width: 293px; background: url(/images/proquote/quoteadjustmid.jpg) repeat-y; margin-bottom: 0px; } .step4quotebox br { margin: 0px; padding: 0px; } .step4quotebox img { margin: 0px; padding: 0px; float: left; } .quoteadjusttop { padding: 0px; margin: 0px; } .step4quotebox table th { font-size: 10px; font-weight: bold; font-family: Arial; background: #ffffff; } #divqtysteps { position: absolute; top: 30%; left: 30%; background: #ffffff; border: solid 1px #000000; } .qtystepsview { border-bottom: solid 1px #000000; background: #295F8C; margin: 0px; } .qtystepsview img { background: none; padding: 0px 3px 5px 3px; } #divqtysteps #close, #divqtysteps h2 { padding: 3px; background: none; display: block; color: #ffffff; font-size: 14px; margin-top: 0px; } .step3midcurve { float: left; background: url(/images/proquote/step2curvebg.jpg) top left repeat-y; width: 395px; padding-left: 5px; } .step3midcurve a { color: #2e6484; } .finalstepwrap { margin-left: auto; margin-right: auto; font-size: 12px; text-align: center; display: block; width: auto; } .finalleftbox { width: 530px; overflow: hidden; padding-left: 10px; font-size: 10px; display: inline-block; float: left; text-align: left; } .finalrightbox { width: 370px; display: inline-block; text-align: left; } .finalrightbox textarea { width: 200px; } .finalleftbox a { color: #2e6484; } .finalstepdesc { margin: 0px auto; text-align: center; font-size: 12px; font-family: Arial, Sans-Serif; font-weight: normal; } .finalholesmessage { font-size: 10px; } .finalholemessage .error { font-size: 10px; font-weight: normal; } .buttonwrapper { background: url(/images/proquote/unitofmeasurebox.jpg) top left no-repeat; text-align: center; font-size: 10px; width: 107px; height: 45px; color: #467692; padding-top: 6px; font-weight: normal; float: left; margin-left: 20px; display: inline; } .uplbutton { width: 80px; height: 15px; background: #2e6484; color: #ffffff; font-weight: bold; border: 1px solid #2e6484; margin-left: auto; margin-right: auto; text-align: center; line-height: 15px; margin-top: 5px; } .finalsuccess { color: green; font-weight: normal; font-size: 12px; text-decoration: none; border: none; float: left; margin-left: 5px; display: inline; } .example { float: left; } .attributes { float: left; margin-left: 10px; width: 365px; } .attributes table { width: 356px; background: url(/images/Proquote/attribmiddle.jpg) top left repeat-y; } .attributes table td { padding: 5px; padding-left: 6px; vertical-align: top; width: 182px; border-spacing: 0px; margin: 0px; } .attributes table td.attribimg { margin: 0px; padding: 0px; } .attributes .alert { font-style: italic; } .attributes .error { color: red; font-weight: normal; font-size: 12px; text-decoration: none; border: solid 1px red; width: 165px; } .attributes textarea { overflow: auto; width: 165px; } table.holestable { width: 521px; background: url(/images/Proquote/holetablemiddle.jpg) top left repeat-y; font-family: Arial, Sans-Serif; } table.holestable td { vertical-align: top; padding: 2px 3px 2px 3px; } table.holestable td.holecap { padding: 0px; margin: 0px; } .holespecif { font-weight: bold; color: #000000; font-size: 11px; letter-spacing: -.25px; display: block; border-bottom: solid 1px #636363; margin-left: 6px; width: 500px; } .holesbasedon { font-weight: normal; color: #636363; font-size: 10px; } #spanProductLevelCostAdjustment, #spanProductLevelCostAdjustmentNote, #spanProductLevelCostAdjustment, #spanProductLevelCostAdjustmentNote { white-space: pre-line; display: block; width: 70%; margin: -5px 0px -5px 0px; } #spanProductLevelCostAdjustmentNote textarea, #spanProductLevelCostAdjustmentNote textarea { width: 370px; height: 80px; overflow: auto; } .adminfields { color: #2e6484; font-weight: bold; display: block; width: 100%; margin-bottom: 10px; border-bottom: solid 1px #2e6484; } .customAttributes { position: relative; } .panNote { color: red; position: absolute; width: 500px; top: 0px; left: 0px; z-index: 900; } .panNote a { text-decoration: underline; } /* End PQ Shapes Steps */ /* Start Popout Items */ .tappedholes { text-align: left; font-family: Arial, Sans-Serif; font-size: 10px; padding: 0px 5px 0px 5px; margin: 0px; margin-top: -5px; } .tappedimage { padding: 1px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #000000; background: #636363; float: left; } .countersinkholes { text-align: left; font-family: Arial, Sans-Serif; font-size: 10px; padding: 0px 5px 0px 5px; margin: 0px; margin-top: -5px; } .countersnkimage { padding: 1px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #000000; background: #636363; float: left; } .callus { font-size: 14px; font-weight: bold; color: #61a5c3; margin-top: 10px; } .paintcolorfont { color: #000000; } .paintfoo { margin: 20px auto; text-align: left; width: 580px; } .paintfoo h3 { margin: 0px; padding: 0px; clear: both; } .paintfoo p { margin: 0px; margin-top: 5px; margin-bottom: 5px; } .paintfooblock { width: 408px; float: left; } .AvaColors_R { float: left; text-align: center; width: 148px; height: auto; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 2px; border: solid 1px #000000; margin-top: 7px; margin-right: 5px; background: #ffffff; } .AvaColors_R IMG { border: solid 1px #000000; margin: 2px 10px 2px 0px; width: 9px; height: 9px; } .AvaColors_R A { color:#61A5C3; text-decoration:none; vertical-align:middle; } .AvaColors_R A:hover { color:#61A5C3; text-decoration:none; vertical-align:middle; } .AvaColors { float: left; text-align: center; width: 148px; height: auto; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 2px; border: solid 1px #000000; margin-top: 7px; margin-right: 5px; background: #ffffff; } .AvaColors IMG { border: solid 1px #000000; margin: 2px 10px 2px 0px; width: 9px; height: 9px; } .AvaColors A { color: #61A5C3; text-decoration: none; vertical-align: middle; } .AvaColors A:hover { color: #61A5C3; text-decoration: none; vertical-align: middle; } .zincplate { float: left; display: block; border: solid 1px #000000; margin-top: 7px; margin-right: 5px; } .blackoxide { float: left; display: block; border: solid 1px #000000; margin-top: 7px; margin-right: 5px; } /* End Popout Iems */ /* End New Pro Quote Styles */ .tabpagecontent .paintfoo { margin: 0px; margin-top: 20px; float: left; } .tabpagecontent .paintfoo h3 { font-weight: bold; color: #000000; font-size: 12px; } /* CUSTOMER TESTIMONIALS*/ .customerTestimonial_content { WIDTH:650PX; MARGIN:0PX 0PX 10PX 0PX; FONT-WEIGHT:BOLD; FONT-SIZE:11PX; TEXT-ALIGN:RIGHT; BACKGROUND:url(../../../images/vert_border.jpg) REPEAT-X; BACKGROUND-POSITION:BOTTOM; PADDING-BOTTOM:15PX; } .customerTestimonial_contentNoBrdr { WIDTH:650PX; MARGIN:0PX 0PX 10PX 0PX; FONT-WEIGHT:BOLD; FONT-SIZE:11PX; TEXT-ALIGN:RIGHT; }.customerTestimonial_contentNoBrdr H2{ FONT-SIZE:11PX; } .customerTestimonial_content H2{ FONT-SIZE:11PX; } .testContain { background: #FFFFFF; float: left; width: 700px; position: relative; margin-bottom: 25px; } .testRound { float: left; width: 300px; height: 7px; } .testMiddle { float: left; width: 290px; background: #939598; color: #FFFFFF; padding: 0 5px 0 5px; font-size: 12px; font-weight: bold; text-align: left; } .testQuoteBlock { float: left; width: 300px; } .testNameRight { padding: 20px 25px 0 25px; height: 100px; width: 350px; background: #FFFFFF url(/images/testimlogos/RightBubble.jpg) left 15px no-repeat; font-size: 18px; position: absolute; top: 25%; left: 300px; float: left; text-align: left; } .testNameLeft { padding: 20px 25px 0 25px; height: 100px; width: 350px; background: #FFFFFF url(/images/testimlogos/LeftBubble.jpg) Right 15px no-repeat; font-size: 18px; top: 25%; left: 300px; float: left; text-align: right; } /* Gallery Pages */ .maingallerycontainer { width: 675px; float: left; position: relative; } .togallery { text-align: center; font-size: 10px; width: 165px; height: 150px; padding: 5px 0px 5px 0px; float: left; text-decoration: none; } .togallery span { display: block; width: 155px; } .togallery a { text-decoration: none; color: #000000; font-weight: bold; } .togallery a:visited { font-weight: bold; } .togallery img { width: 150px; height: 113px; } .togallery a:hover img { width: 160px; height: 120px; } .galwrap { float: left; width: 350px; } ul#pikame { margin:0 auto; display: block; width: 320px; margin-left: 15px; } .pika_main { width:350px; margin:0 auto; float: left; text-align: center; position: relative; overflow: hidden; } #pikame li { /*_margin:5px; margin-top: 5px; border:1px solid #000000; position:relative; overflow:hidden;*/ display: inline; } ul#pikame li img { float: left; cursor:pointer; border:1px solid #000000; display: inline; margin: 5px 3px 0px 3px; } .pika_main img { border:1px solid #000000; max-width: 340px; } .gallerytext { float: left; width: 320px; padding: 5px; background: #e2e2e2; } .gallerytext a { font-weight: normal; } .gallerytext a:hover { color: #909090; } .gallerytext .boldme { font-size: 11px; color: #006486; } .smalltype { font-size: 10px; color: #909090; } /* End Gallery Pages */ /* Quote Pag*/ /* End Quote Page */ /* Begin ShoppingCart Pricing Table */ .qqpricingdiv { text-align: right; } .qqpricingtable { text-align: center; padding: 0px; border-spacing: 0px; border: 1px solid #000000; margin-left: 110px; } .qqpricingrowtitle { text-align: center; } .qqpricingcolumntitle { text-align: center; background-color: #AFAFAF; padding: 2px; color: #ffffff; font-weight: bold; border-bottom: 1px solid #000000; white-space: nowrap; } .qqpricingcolumnheader { text-align: center; padding: 5px; white-space: nowrap; } .qqpricingrowheader { text-align: center; background-color: #d6d7d6; color: #000000; border-bottom: 1px solid #000000; padding: 2px 5px 2px 5px; } .qqpricingrow { text-align: center; color: #000000; background-color: #ffffff; } .qqpricingcolumn { text-align: center; padding: 8px; white-space: nowrap; } /* End ShoppingCart Pricing Table */ .socialNetworking { font-size: 20px; font-family: Arial Rounded MT Bold, Sans-Serif; color: #006486; } .socialNetworkTable { height: 240px; width: 410px; } .socialBottomBar { width: 200px; } /* Landing Page Styles */ .landingWrapper { width: 950px; margin: 0px auto; height: auto; background-color: #ffffff; font-family: Arial, Sans-Serif; text-align: left; overflow: hidden; font-size: 12px; } .landingWrapper span { font-size: 12px; } .logoBox { width: 475px; float: left; font-size: 14px; font-weight: bold; padding: 5px 0px 5px 0px; color: #1E7096; display: inline-block; } .phoneBox { width: 470px; float: left; text-align: right; font-weight: bold; padding: 5px 5px 5px 0px; font-size: 18px; display: inline-block; } .topDivider { float: left; width: 940px; height: 27px; background: url(/skins/skin_1/images/landingpage/topbar.jpg) top left repeat-x; color: #ffffff; font-weight: bold; font-size: 14px; line-height: 27px; padding-left: 10px; display: inline-block; } .RFQTab { float: left; width: 950px; } .threeSteps { float: left; margin-top: 5px; width: 340px; } .threeStepsImg { float: left; text-align: center; width: 340px; margin-bottom: 15px; } .stepOne { float: left; width: 340px; height: 55px; background: url(/skins/skin_1/images/landingpage/leftBlueArrow.jpg) -1px 0px no-repeat; margin-bottom: 10px; color: #ffffff; line-height: 55px; font-size: 13px; } .stepOne img, .stepTwoThree img { margin: 5px 2px 5px 2px; } .stepTwoThree { float: left; width: 340px; height: 55px; background: #B3D3DE; margin-bottom: 30px; font-size: 12px; } .stepTwoThree div { float: left; margin-top: 12px; } .SRPAdvantage { float: left; width: 317px; height: 128px; background: url(/skins/skin_1/images/landingpage/SRPAdvantageBackground.jpg) top left no-repeat; padding: 10px; margin-left: 5px; font-size: 12px; display: inline-block; } .SRPAdvantageHead { float: left; display: block; width: 80%; border-bottom:solid 2px red; padding-bottom: 2px; font-weight: bold; } .SRPAdvantage ul { float: left; margin-top: 5px; width: 316px; } .SRPAdvantage ul li { list-style: disc inside; margin: 8px 0px 0px 0px; font-size: 11px; padding: 0px; } .BringItHome { float: left; width: 315px; height: 90px; border: 1px solid gray; font-size: 12px; margin: 0 0 0 10px; display: inline-block; } .socialLinks { float: left; margin: 2px; width: 100%; display: inline-block; } .blogLinks { margin: 5px; line-height: 15px; display: inline-block; font-weight: bold; } .blogLinks a:link, .blogLinks a:visited { color: #066482; } .blogLinks a:hover { color: #000000; } .mailList { float: left; width: 100%; padding: 0px; } .mailListHead { font-size: 12px; color: #000000; font-weight: bold; } .mailList form { margin: 0px; margin-top: 10px; padding: 0px; } .mailList form input { margin-top: 2px; font-family: Arial Rounded MT Bold, Arial, Sans-Serif; font-size: 14px; color: #909090; border: 1px solid gray; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; border-radius: 0.4em; padding: 2px 2px 2px 5px; } .mailList form input:hover, .mailList form input:focus { border: solid 1px #066482; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; border-radius: 0.4em; color: #000000; } .mailList form .submit { font-size: 12px; padding: 3px 4px; color: #000000; } .SRPFrontContact { width: 330px; height: auto; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 5px; display: inline-block; } .SRPFrontContact a { font-size: 11px; color: Red; } .SRPFrontContact .repPic { display: block; float: left; } .SRPFrontContactInfo { float: left; line-height: 25px; } .SRPLogoRoll { float: left; width: 210px; height: 126px; background: #ffffff; padding: 5px; margin: 2px 16px 5px 15px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; } .SRPLogoRoll img.active { display: inline; width: auto; max-width: 200px; height: auto; margin: auto; } .SRPLogoRoll #cycler { display: block; float: left; text-align: center; width: 210px; height: 100px; line-height: 100px; vertical-align: middle; } #cycler img.active { display: inline; width: auto; max-width: 200px; height: auto; margin: auto; } .SRPLogoRollHead { float: left; font-size: 14px; width: 100%; font-weight: bold; color: Red; text-align: left; } .randomTest { float: left; width: 100%; margin: 0px 0px 0px 5px; color: #066482; font-size: 12px; font-family: arial, Sans-Serif; } .randomTest a:link, randomTest a:visited { color: #066482; font-weight: bold; } .randomTest a:hover { color: #000000; font-weight: bold; } .rfqRight { float: left; margin-top: 10px; width: 610px; display: inline-block; } .quoteSwitch { float: left; width: 499px; height: 61px; margin-left: 100px; background: url(/skins/skin_1/images/landingpage/SwitchBoxBack.jpg) top left no-repeat; font-size: 12px; margin-bottom: 10px; display: inline-block; font-weight: bold; } .quoteSwitch div { float: left; padding-top: 10px; margin: 15px 0px 0px 8px; display: inline-block; } .quoteSwitch img { margin: 15px 8px 0px 0px; display: inline-block; } .rfqBox { float: left; width: 610px; overflow: hidden; background: #ffffee; border: solid 1px gray; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; border-radius: 0.4em; position: relative; } .rfqBox input { border: solid 1px gray; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; border-radius: 0.4em; } .rfqBox .radiotext input { border: 0px; } .rfqBox .radiotext input.calcform { border: solid 1px gray; } .rfqBox .fileform { background: #e2e2e2; color: #000000; } .rfqBox .custinfotable { width: 610px; padding: 0px; font-size: 12px; margin: 0px 0px 10px 0px; display: inline-block; } .rfqBox .custinfotable td { padding: 1px; white-space: normal; } .rfqBox .radiotext { margin: 0px; } .rfqBox .halfform { width: 150px; } .rfqBox .fullform { width: 463px; } .rfqBox .fileform { width: 200px; } .rfqBox .underlineheader { width: 600px; margin: 0px 0px 10px 0px; } .rfqBox .fullformbottom { width: 438px; } .rfqBox .textboxform, .rfqBox textarea { width: 430px; height: 50px; } .rfqBox .rfqIcons { text-align: left; margin: -60px 0px 0px 450px; display: inline-block; overflow: visible; position: absolute; right: -150px; } .bottomBar { float: left; width: 950px; margin: 20px 0px 20px 0px; display: inline-block; } .bottomPhoneBox { float: left; width: 465px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; display: inline-block; } .buttonMenu { width: 950px; height: 79px; float: left; } .buttonMenu a, .buttonMenu a:visited, .buttonMenu img { display: block; float: left; background-position: top left; background-repeat: no-repeat; } .buttonMenu a:hover { background-position: bottom left; background-repeat: no-repeat; } .ctus { background-image: url(/skins/skin_1/images/landingpage/ContactUs.jpg); } .abtus { background-image: url(/skins/skin_1/images/landingpage/AboutUs.jpg); } .faq { background-image: url(/skins/skin_1/images/landingpage/FAQ.jpg); } .howto { background-image: url(/skins/skin_1/images/landingpage/HowTo.jpg); } .ourequ { background-image: url(/skins/skin_1/images/landingpage/OurEquip.jpg); } .gal { background-image: url(/skins/skin_1/images/landingpage/Gallery.jpg); } .newspress { background-image: url(/skins/skin_1/images/landingpage/News.jpg); } .custtest { background-image: url(/skins/skin_1/images/landingpage/Customer.jpg); } .rfqMiddle { float: left; margin-top: 0px; width: 950px; font-size: 12px; } .twoSteps { float: left; margin-top: 10px; width: 950px; } .twoStepsImg { float: left; text-align: center; width: 290px; display: block; } .stepwrap { float: left; } .stepwrap .quoteSwitch { float: left; width: 499px; height: 61px; margin-left: 120px; background: url(/skins/skin_1/images/landingpage/SwitchBoxBack.jpg) top left no-repeat; font-size: 12px; margin-bottom: 10px; display: inline-block; } .stepwrap .quoteSwitch div { float: left; margin: 15px 0px 0px 8px; display: inline-block; } .stepOnePQ { float: left; width: 330px; height: 55px; background: #016483; margin-bottom: 0px; color: #ffffff; line-height: 55px; font-size: 13px; display: inline-block; } .stepOnePQ img, .stepTwoPQ img { margin: 5px 2px 5px 2px; } .stepTwoPQ { float: left; width: 330px; height: 55px; background: #B3D3DE; margin-bottom: 0px; font-size: 12px; display: inline-block; } .stepTwoPQ div { float: left; margin-top: 12px; } .content-hide { display: none; } .tabdiv { background-color: white; float: left; } .sendSketchQuote { float: left; width: 330px; color: #ffffff; font-size: 13px; background: url(/skins/skin_1/images/landingpage/leftBlueArrow.gif) -4px 0px no-repeat; margin: 0px 0px 15px 0px; padding: 9px 0px 9px 10px; font-weight: bold; } .bottomContent { float: left; width: 911px; height: 223px; padding: 10px; margin-left: 5px; font-size: 12px; background: url(/skins/skin_1/images/landingpage/BottomAreaBG.jpg) top left no-repeat; } .bottomContentHead { float: left; margin: -5px 0px 2px -10px; padding-left: 10px; width: 100%; font-size: 16px; font-weight: bold; border-bottom: solid 1px #585858; } ul.bcProductListing { display: block; float: left; margin: 5px 20px 5px 20px; padding: 0px; width: auto; } .bcProductListing li { margin: 0px 0px 5px 5px; padding: 0px; line-height: 12px; font-family: Arial, Sans-Serif; white-space: nowrap; } .bcProductListing li:first-child { margin: 5px 0px 5px 5px; } li.bdProductListingHead { font-weight: bold; margin: 0px 0px 10px 0px; line-height: 12px; } li.bdProductListingHead:first-child { font-weight: bold; margin: 0px 0px 10px 0px; line-height: 12px; } li + li.bdProductListingHead { font-weight: bold; margin: 10px 0px 10px 0px; line-height: 12px; } .bcProductListing li a:link, .bcProductListing li a:visited { color: #066482; } .bcProductListing li a:hover { color: #000000; } /* Shopping Cart Styles */ .QuoteContinueButtons img { margin-top: 26px; } .topTagline { float: left; font-size: 12px; font-weight: bold; position: absolute; margin-left: 150px; font-weight: bolder; } /* Product List Page #ctl00_PageBody_ucShowProductList_tblProductList td { width: 100%; float: left; display: block; } #ctl00_PageBody_ucShowProductList_tblProductList td img { display: block; float: right; } */ .materialMatrixContent { background: #ffffff; } .matrixMaterialTitle { font-weight: bold; font-family: Arial, Sans-Serif; } .matrixMaterialBox { background: #ffffff; } .matrixMaterialBox table { width: 95%; margin-bottom: 25px; } .matrixMaterialBox th { background: #4c9bbc; color: #ffffff; } .materialMatrixFoo { margin-bottom: 10px; } .partFitsBoxWrapper { width: 95%; text-align: center; background: #ffffff; } .partFitsBox { float: left; width: 40%; padding: 10px; text-align: left; }