* { list-style:none ; margin:0 ; outline:none ; padding:0 } a { color:#19203C ; font-weight:bold } a img { border:none } .align1 { text-align:left } .align2 { text-align:center } .align3 { text-align:right } .bold { font-weight:bold } .button2 { background:url(../images/bg_button2.gif) top left no-repeat } .button2 a { color:#000 ; display:block ; height:36px ; line-height:36px ; text-align:center ; text-decoration:none ; width:192px } .color1 { } .fll { float:left ; margin:0 10px 10px 0 } .flr { float:right ; margin:0 0 10px 10px } body { font-family:verdana,arial,helvetica,sans-serif ; font-size:11px } #wrap1 { margin:0 auto 24px auto ; padding-bottom:24px ; width:1008px } #header { background:#FFF url(../images/all_bg_header.gif) left top no-repeat ; color:#19203C ; height:102px ; margin:0 auto ; width:960px } #logo { margin:12px 0 0 12px ; position:absolute ; height:76px ; width:188px } #lang { background:url(../images/all_bg_lang.gif) left top no-repeat ; margin:26px 0 0 762px ; position:absolute ; height:71px ; width:188px } #lang * { font-size:10px ; position:absolute } #englishLink { margin:4px 0 0 44px } #espanolLink { margin:4px 0 0 143px } #siteSelect { display:none ; margin:30px 0 0 72px ; padding:1px } #chat { height:41px ; margin:54px 0 0 767px ; position:absolute ; width:183px } #wrap2 { background:#FFF url(../images/all_bg_wrap2.png) top left no-repeat ; margin:auto ; width:986px } #nav1 { height:35px ; margin:auto ; width:960px } #nav1 li { float:left } #nav1 li.last { float:right } #nav1 a { border-left:1px solid #000 ; color:#000 ; display:block ; font-family:arial,helvetica,sans-serif ; margin-top:10px ; padding:0 12px ; text-decoration:none } #nav1 a:hover { text-decoration:underline } #nav1 .first a, #nav1 .last a { border-left:none } #subnav { background:#000 ; font-family:arial,helvetica,sans-serif ; height:1px ; margin:auto ; width:960px } #subnav ul { background:#F6F6F6 ; border-width:0 1px 1px 1px ; border-style:solid ; border-color:#000 ; position:absolute ; visibility:hidden ; width:180px ; z-index:100 } #subnav li { float:left ; width:180px } #subnav a { display:block ; padding:5px 10px ; text-decoration:none ; width:160px } #subnav a:hover { background:#031F3D ; color:#FFF } #submenu1 { margin-left:305px } #submenu2 { margin-left:653px } #contentMain, #contentInside { margin:auto ; width:960px } #contentMain h2 { color:#FFF ; font-size:18px ; font-weight:normal ; margin:0 0 12px 0 } #contentMain h2 span { display:block ; padding:5px 12px } #contentInside h2 { color:#FFF ; font-size:18px ; font-weight:normal ; margin:0 0 12px 0 ; width:588px } #contentInside h2 span { display:block ; padding:5px 12px } #contentInside h2 a { color:#FFF } #contentMain #header2 { height:290px ; width:960px } #contentInside #header2 { height:158px ; width:960px } h1 { color:#FFF ; font-size:18px ; font-weight:normal ; margin:24px 0 0 30px ; position:absolute ; width:500px } .home h1 { width:246px } h1 strong { color:#FFD800 ; font-size:24px ; font-weight:normal } #header2Contact { color:#FFF ; font-family:arial,helvetica,sans-serif ; margin:24px 0 0 727px ; position:absolute ; width:202px } #header2Contact a { color:#FFF } #header2Contact p { padding-bottom:10px } #header2Contact .big { color:#FFD800 ; font-size:18px } #header2Buttons { margin:68px 0 0 492px ; position:absolute } #header2Buttons .button2 { padding-bottom:12px } #contentMainCols { padding-bottom:24px ; width:942px } #contentMainCols p { line-height:14px ; padding-bottom:9px } #contentMainCols p.date { font-style:italic ; font-weight:bold ; line-height:14px ; padding-bottom:0 } #contentMainCols .col1 { display:inline ; float:left ; padding-right:36px ; width:324px } #contentMainCols .col2 { display:inline ; float:left ; padding-right:36px ; width:354px } #contentMainCols .col1 h3, #contentMainCols .col2 h3 { color:#000 ; font-size:18px ; font-weight:normal ; margin-bottom:12px ; padding:6px } #contentMainCols ul { padding-bottom:14px } #contentMainCols li { background:url(../images/arrow1.gif) 0 11px no-repeat ; padding:8px 0 8px 32px } #contentMainCols .col3 { display:inline ; float:left ; width:192px } #contentMainCols .col3 h3 { color:#000 ; border-bottom:1px solid #CCC ; font-size:12px ; font-weight:bold ; margin-bottom:12px ; padding:8px 0 } #contentInsideCols { padding-bottom:24px ; width:942px } #contentInsideCols p { line-height:14px ; padding-bottom:9px } #contentInsideCols dt { font-weight:bold } #contentInsideCols dd { padding-bottom:12px } #contentInsideCols input, #contentInsideCols select, #contentInsideCols textarea { border:1px solid #E4E4E4 ; font-family:arial,helvetica,sans-serif ; font-size:11px ; padding:1px ; width:98% } #contentInsideCols input.control, #contentInsideCols select.control, #contentInsideCols textarea.control { width:200px } #contentInsideCols input.submit { width:auto } #contentInsideCols input.check, #contentInsideCols input.radio, { border:none } #contentInsideCols .col1 { float:left ; width:696px } #contentInsideCols .col1 h3 { color:#000 ; font-size:18px ; font-weight:normal ; margin-bottom:12px ; padding:6px } #contentInsideCols .col2 { float:right ; width:192px } #contentInsideCols .col2 h3 { color:#000 ; border-bottom:1px solid #CCC ; font-size:12px ; font-weight:bold ; margin-bottom:12px ; padding:8px 0 } #contentInsideCols ul { padding-bottom:6px } #contentInsideCols .col1 li { background:url(../images/arrow1.gif) 0 15px no-repeat ; padding:12px 0 12px 32px } #contentInsideCols .col2 ul { padding-bottom:24px } #contentInsideCols .col2 li { background:url(../images/bullet1.gif) 0 11px no-repeat ; padding:8px 0 8px 32px } .footerA { color:#FFF ; margin:auto ; width:960px } .footerB { font-size:10px ; padding:12px ; width:936px } .footerB h2 { color:#FFF ; font-size:12px ; margin-bottom:12px } .footerB a { color:#FFF } #footerLeft { float:left ; width:360px } #footerRight { display:inline ; float:left ; padding-left:24px ; width:500px } /* ADDITIONAL NON_PAGE/SECTION-SPECIFIC OBJECTS AND ITEMS */ /* COLUMNS */ .cols2 { } .cols2 .left { float:left ; width:342px } .cols2 .right { float:right ; width:342px } .cols3 { } .cols3 .left { float:left ; width:228px } .cols3 .right { float:right ; width:444px } .cols4 { } .cols4 .left, .cols4 .middle, .cols4 .right { float:left ; width:232px } .cols5 { } .cols5 .left, .cols5 .middle, .cols5 .right { display:inline ; float:left ; margin-right:24px ; width:208px } .cols5 .left { padding:10px 0 } .cols6 { width:696px } .cols6 .left { display:inline ; float:left ; padding:10px 0 ; width:208px } .cols6 .right { float:right ; width:464px } .cols7 { border-bottom:1px solid #FFF ; font-size:10px ; margin-bottom:12px ; padding-bottom:12px ; width:936px } .cols7 .left { border-left:1px solid #FFF ; display:inline ; float:left ; margin-left:12px ; padding-left:12px ; width:215px } .cols7 .first { border-left:none ; padding-left:0 ; margin-left:0 } .cols7 a { font-weight:normal } /* SECTION/PAGE-SPECIFIC STYLES */ /* PORTAL */ #portal { background:#031F3D url(../images/portal_bg_page.png) left top repeat-x fixed ; color:#FFF } #portal #wrap1 { background:#FFF url(../images/portal_bg_wrap1.png) center bottom no-repeat ; color:#19203C } #portal #header { height:103px ; margin:0 auto 12px auto } #portal #contentCols { background:#FFF url(../images/portal_bg_contentCols.gif) ; margin:0 auto 24px auto ; width:960px } #portal #sideCol { float:left ; width:240px } #portal #sideCol p { padding:5px } #portal #sideCol .sideLink { background:#FFF url(../images/portal_bg_button1.png) left top no-repeat ; cursor:hand ; font-size:10px ; height:77px ; padding:8px 54px 12px 8px ; width:178px } #portal #sideCol .sideLink a { color:#000 ; display:block ; float:left ; font-family:"arial narrow",arial,helvetica,sans-serif ; font-size:16px ; font-weight:bold ; text-decoration:none ; text-transform:uppercase ; width:190px } #portal #mainCol { background:#FFF url(../images/portal_bg_content.jpg) right top no-repeat ; color:#19203C ; float:right ; min-height:452px ; width:708px } #portal .es #mainCol { background:#FFF url(../images/portal_bg_content_ES.jpg) right top no-repeat } * html #portal #mainCol { height:452px } #portal h1 { color:#FC0 ; margin:24px 0 0 24px ; width:auto } #portal h2 { color:#FFF ; font-size:18px ; font-weight:normal ; margin:48px 0 0 48px ; position:absolute } #portal #headerText { color:#FFF ; margin:96px 0 0 48px ; position:absolute ; width:562px } #portal #headerText p { padding-bottom:18px } #portal #headerText a { color:#FC0 } #portal .free { margin:275px 0 0 12px ; position:absolute } #portal h3 { color:#19203C ; font-size:18px ; font-weight:normal } #portal #portalLinks { margin-top:326px ; position:absolute } #portal #portalLinks li { display:inline ; float:left ; padding:0 24px 0 12px ; width:200px } #portal #portalLinks p { padding-top:18px } #portal .footerA { background:#031F3D url(../images/eu_bg_footer_bottom.gif) bottom left no-repeat } #portal .footerB { background: url(../images/eu_bg_footer_top.gif) top left no-repeat } #portal .footerB h2 { color:#FFF ; font-size:12px ; font-weight:bold ; margin:0 0 12px 0 ; position:static } #portal #footerRight { float:right ; text-align:right ; padding-left:0 ; width:500px } /* END USERS HOME + UNIVERSAL */ #eu { background:#9FAAB3 url(../images/eu_bg_page.png) left top repeat-x fixed ; color:#000 } #eu #wrap1 { background:#FFF url(../images/eu_bg_wrap1.png) center bottom no-repeat ; color:#191219 } #eu #contentMain { background:#FFF url(../images/eu_bg_contentMain.jpg) top left no-repeat ; color:#191219 } #eu #contentMain h2 { background:#031F3D url(../images/eu_bg_h2_bottom.gif) bottom left no-repeat } #eu #contentMain h2 span { background:url(../images/eu_bg_h2_top.gif) top left no-repeat } #eu #contentMainCols .col2 { background:url(../images/eu_bg_contentMainCols_col2.gif) bottom left no-repeat ; padding-bottom:2px } #eu .footerA { background:#031F3D url(../images/eu_bg_footer_bottom.gif) bottom left no-repeat } #eu .footerB { background: url(../images/eu_bg_footer_top.gif) top left no-repeat } /* ACCENTS */ #eu .accent1 { background:url(../images/eu_accent1.gif) bottom left no-repeat } #eu .accent2 { background:url(../images/eu_accent2.gif) bottom left no-repeat } #eu .accent3 { background:url(../images/eu_accent3.gif) bottom left no-repeat ; margin-bottom:18px ; padding-bottom:18px } #eu .accent4 { font-style:italic ; font-weight:bold ; padding-left:40px } /* END USERS INSIDE */ #eu #contentInside { background:#FFF url(../images/eu_bg_contentInside.jpg) top left no-repeat ; color:#191219 } #eu #contentInside h2 { background:#031F3D url(../images/eu_bg_contentInside_h2_bottom.gif) bottom left no-repeat } #eu #contentInside h2 span { background:url(../images/eu_bg_contentInside_h2_top.gif) top left no-repeat } #eu #contentInside h4.toggle { background:#E4E4E4 url(../images/eu_arrow3.gif) right center no-repeat ; border-bottom:1px solid #FFF ; color:#020351 ; font-size:12px ; padding:5px 39px 5px 10px } #eu #contentInside h4.toggle a { color:#020351 ; display:block ; text-decoration:none ; width:647px } #eu #contentInside h4.toggle a span { float:right ; font-size:10px ; font-weight:normal } #eu #contentInside div { } #eu #contentInside div.hidden { clear:both } #eu #contentInside div.hidden p { padding:12px 10px } /* END USERS INSIDE BOXES */ #eu .box1a { background:#1A375B url(../images/eu_bg_box1.gif) ; color:#FFF ; width:342px } #eu .box1b { background:url(../images/eu_bg_box1_bottom.png) bottom left no-repeat } #eu .box1c { background:url(../images/eu_bg_box1_top.png) top left no-repeat ; min-height:73px ; padding:0 14px 14px 14px ; width:314px } * html #eu .box1c { height:73px } #eu .box1c h4 { color:#000 ; font-size:14px ; line-height:36px ; margin-bottom:12px } #eu .box1c a { color:#FFF } #eu .box1c h4 a { color:#000 ; text-decoration:none } /* DEALERS HOME + UNIVERSAL */ #dealers { background:#2A0E0E url(../images/dealers_bg_page.png) left top repeat-x fixed ; color:#000 } #dealers #wrap1 { background:#FFF url(../images/dealers_bg_wrap1.png) center bottom no-repeat ; color:#191219 } #dealers #header2Buttons { margin:150px 0 0 392px } #dealers #contentMain { background:#FFF url(../images/dealers_bg_contentMain.jpg) top left no-repeat ; color:#191219 } #dealers #contentMain h2 { background:#2A0E0E url(../images/dealers_bg_h2_bottom.gif) bottom left no-repeat } #dealers #contentMain h2 span { background:url(../images/dealers_bg_h2_top.gif) top left no-repeat } #dealers #contentMainCols .col2 { background:url(../images/dealers_bg_contentMainCols_col2.gif) bottom left no-repeat ; padding-bottom:2px } #dealers .footerA { background:#2A0E0E url(../images/dealers_bg_footer_bottom.gif) bottom left no-repeat } #dealers .footerB { background: url(../images/dealers_bg_footer_top.gif) top left no-repeat } /* ACCENTS */ #dealers .accent1 { background:url(../images/dealers_accent1.gif) bottom left no-repeat } #dealers .accent2 { background:url(../images/dealers_accent2.gif) bottom left no-repeat } #dealers .accent3 { background:url(../images/dealers_accent3.gif) bottom left no-repeat ; margin-bottom:18px ; padding-bottom:18px } #dealers .accent4 { font-style:italic ; font-weight:bold ; padding-left:40px } /* HOME PAGE HEADER PINS */ .pin { position:absolute } .uk { margin:64px 0 0 466px } .spain { margin:88px 0 0 467px } .switzerland { margin:76px 0 0 496px } .germany { margin:67px 0 0 509px } .australia { margin:202px 0 0 641px } .california { margin:100px 0 0 320px } .arizona { margin:105px 0 0 338px } .ohio { margin:72px 0 0 379px } /* DEALERS INSIDE */ #dealers #contentInside { background:#FFF url(../images/dealers_bg_contentInside.jpg) top left no-repeat ; color:#191219 } #dealers #contentInside h2 { background:#2A0E0E url(../images/dealers_bg_contentInside_h2_bottom.gif) bottom left no-repeat } #dealers #contentInside h2 span { background:url(../images/dealers_bg_contentInside_h2_top.gif) top left no-repeat } #dealers #contentInside h4.toggle { background:#E4E4E4 url(../images/dealers_arrow3.gif) right center no-repeat ; border-bottom:1px solid #FFF ; color:#2A0E0E ; font-size:12px ; padding:5px 39px 5px 10px } #dealers #contentInside h4.toggle a { color:#2A0E0E ; display:block ; text-decoration:none ; width:647px } #dealers #contentInside h4.toggle a span { float:right ; font-size:10px ; font-weight:normal } #dealers #contentInside div { } #dealers #contentInside div.hidden p { padding:12px 10px } /* DEALERS INSIDE BOXES */ #dealers .box1a { background:#451C1C url(../images/dealers_bg_box1.gif) ; color:#FFF ; width:342px } #dealers .box1b { background:url(../images/dealers_bg_box1_bottom.png) bottom left no-repeat } #dealers .box1c { background:url(../images/dealers_bg_box1_top.png) top left no-repeat ; min-height:73px ; padding:0 14px 14px 14px ; width:314px } * html #dealers .box1c { height:73px } #dealers .box1c h4 { color:#000 ; font-size:14px ; line-height:36px ; margin-bottom:12px } #dealers .box1c a { color:#FFF } #dealers .box1c h4 a { color:#000 ; text-decoration:none } /* SUPPLIERS HOME + UNIVERSAL */ #suppliers { background:#0E1E07 url(../images/suppliers_bg_page.png) left top repeat-x fixed ; color:#000 } #suppliers #wrap1 { background:#FFF url(../images/suppliers_bg_wrap1.png) center bottom no-repeat ; color:#191219 } #suppliers #header2Content { color:#FFF ; font-family:arial,helvetica,sans-serif ; font-size:12px ; font-weight:bold ; margin:65px 0 0 327px ; position:absolute ; width:602px } #suppliers #header2Content a { color:#FFD900 } #suppliers #header2Content p { padding-bottom:16px } #suppliers #header2Buttons { margin:0 } #suppliers #contentMain { background:#FFF url(../images/suppliers_bg_contentMain.jpg) top left no-repeat ; color:#191219 } #suppliers #contentMain h2 { background:#0E1E07 url(../images/suppliers_bg_h2_bottom.gif) bottom left no-repeat } #suppliers #contentMain h2 span { background:url(../images/suppliers_bg_h2_top.gif) top left no-repeat } #suppliers #contentMainCols .col2 { background:url(../images/suppliers_bg_contentMainCols_col2.gif) bottom left no-repeat ; padding-bottom:2px } #suppliers .footerA { background:#0E1E07 url(../images/suppliers_bg_footer_bottom.gif) bottom left no-repeat } #suppliers .footerB { background: url(../images/suppliers_bg_footer_top.gif) top left no-repeat } /* ACCENTS */ #suppliers .accent1 { background:url(../images/suppliers_accent1.gif) bottom left no-repeat } #suppliers .accent2 { background:url(../images/suppliers_accent2.gif) bottom left no-repeat } #suppliers .accent3 { background:url(../images/suppliers_accent3.gif) bottom left no-repeat ; margin-bottom:18px ; padding-bottom:18px } #suppliers .accent4 { font-style:italic ; font-weight:bold ; padding-left:40px } /* SUPPLIERS INSIDE */ #suppliers #contentInside { background:#FFF url(../images/suppliers_bg_contentInside.jpg) top left no-repeat ; color:#191219 } #suppliers #contentInside h2 { background:#0E1E07 url(../images/suppliers_bg_contentInside_h2_bottom.gif) bottom left no-repeat } #suppliers #contentInside h2 span { background:url(../images/suppliers_bg_contentInside_h2_top.gif) top left no-repeat } #suppliers #contentInside h4.toggle { background:#E4E4E4 url(../images/suppliers_arrow3.gif) right center no-repeat ; border-bottom:1px solid #FFF ; color:#0E1E07 ; font-size:12px ; padding:5px 39px 5px 10px } #suppliers #contentInside h4.toggle a { color:#0E1E07 ; display:block ; text-decoration:none ; width:647px } #suppliers #contentInside h4.toggle a span { float:right ; font-size:10px ; font-weight:normal } #suppliers #contentInside div { } #suppliers #contentInside div.hidden p { padding:12px 10px } /* SUPPLIERS INSIDE BOXES */ #suppliers .box1a { background:#13391F url(../images/suppliers_bg_box1.gif) ; color:#FFF ; width:342px } #suppliers .box1b { background:url(../images/suppliers_bg_box1_bottom.png) bottom left no-repeat } #suppliers .box1c { background:url(../images/suppliers_bg_box1_top.png) top left no-repeat ; min-height:73px ; padding:0 14px 14px 14px ; width:314px } * html #suppliers .box1c { height:73px } #suppliers .box1c h4 { color:#000 ; font-size:14px ; line-height:36px ; margin-bottom:12px } #suppliers .box1c a { color:#FFF } #suppliers .box1c h4 a { color:#000 ; text-decoration:none } /* INVENTORY PAGES */ #inventory { background:#9FAAB3 url(../images/eu_bg_page.png) left top repeat-x fixed ; color:#000 } #inventory #wrap1 { background:#FFF url(../images/eu_bg_wrap1.png) center bottom no-repeat ; color:#191219 } #inventory #contentInside { background:#FFF url(../images/inventory_bg_contentInside.jpg) top left no-repeat ; color:#191219 } #inventory #contentInside h2 { background:#F1F1F1 ; color:#19203C ; margin-bottom:0 ; padding-bottom:12px } #inventory #contentInsideCols input { width:auto } #inventoryCols { background:#F1F1F1 ; padding:10px ; width:940px } #inventoryCols .recent { position:relative; left:100px; top:-15px; background:#F1F100; width:300px; font-size:1.4em; height:30px; text-align:center; padding-top:10px;} #inventoryCols .col { display:inline ; float:left ; line-height:2em ; padding-right:20px ; width:215px } #inventoryCols .col select { width:215px } #inventoryCols .col .text { width:205px } .inv_row { height:118px ; margin:12px 0 ; width:960px } .inv_row li { display:inline ; float:left ; height:118px ; padding:0 4px ; width:129px } #inv_box { background:#FFF url(../images/inventory_bg_desc.png) top left no-repeat ; color:#000 ; height:144px ; width:960px } #inv_box #type { height:118px ; margin:13px 0 0 13px ; position:absolute ; width:129px } #inv_box #text { height:118px ; margin:13px 0 0 154px ; position:absolute ; width:500px } #inv_box #text div { display:none } #inv_box #text div#text1 { display:block } #inv_box #text p { padding-bottom:12px } #inv_box #link1 { margin:30px 0 0 743px ; position:absolute } #inv_box #link2 { margin:78px 0 0 743px ; position:absolute } #inventory .footerA { background:#031F3D url(../images/eu_bg_footer_bottom.gif) bottom left no-repeat } #inventory .footerB { background: url(../images/eu_bg_footer_top.gif) top left no-repeat } /* ACCENTS */ #inventory .accent1 { background:url(../images/eu_accent1.gif) bottom left no-repeat } #inventory .accent2 { background:url(../images/eu_accent2.gif) bottom left no-repeat } #inventory .accent3 { background:url(../images/eu_accent3.gif) bottom left no-repeat ; margin-bottom:18px ; padding-bottom:18px } #inventory .accent4 { font-style:italic ; font-weight:bold ; padding-left:40px } /* CLEARFIX */ .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, #contentCols, #contentInsideCols, #contentMainCols, .footerB, .inv_row, #inventoryCols, #wrap2 { overflow:hidden } * html .cols2, * html .cols3, * html cols4, * html .cols5, * html .cols6, * html .cols7, * html #contentCols, * html #contentInsideCols, * html #contentMainCols, * html .footerB, * html .inv_row, * html #inventoryCols, * html #wrap2 { height:1% ; overflow:visible }