/* CSS Document */ body { behavior:url( /jscripts/hover.htc ); background-color:#FFFFFF; margin:0 auto; font-family:Arial, Helvetica, sans-serif; } #container { position:relative; width:960px; height:100%; margin:0 auto; background-color:#FFFFFF } /* HEADER ELEMENTS */ #header { position:relative; width:960px; height:40px; background-image:url(/images/template/headerBG.jpg); background-position:top left; background-repeat:no-repeat; margin:0 } #header p { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#3F3F3F; margin:0; float:left;} #header h1 { position:relative; font-size:0.75em; font-weight:bold; height:23px; padding:7px 10px 0px 10px; border-left:1px solid #CCC; float:left; color:#3F3F3F; margin:0;left:45px; } #SPhome { display:none } #home a { position:relative; font-family:Arial, Helvetica, sans-serif; left:25px; top:10px; margin:0; font-size:0.7em; color:#3f3f3f; font-weight:bold; float:left; text-decoration:none } #home a:hover { text-decoration:underline } .langTable { position:absolute; top:5px; left:80px; width:120px; height:20px; margin:0;} .langTable p { position:relative; font-family:Arial, Helvetica, sans-serif; margin:0; color:#3F3F3F } #login { position:absolute; width:430px; height:30px; margin:0; left:230px; } #login p { float:left; top:8px; margin:0 } .login { position:relative; float:left; font-size:0.75em; color:#666666; left:5px; top:6px; margin-right:13px; border:1px solid #ccc; width:120px } .loginBtn { position:relative; float:left; font-size:0.75em; color:#666666; font-weight:bold; border:1px solid #CCC; background-color:#FFFFFF; left:0px; top:6px; margin:0; cursor:pointer} .loginBtn:hover { background-color:#E5E5E5 } #cart { position:absolute; left:670px; width:200px; margin:0; top:9px; } #view { position:absolute; left:847px; top:6px; } #view a.button { background: transparent url('/images/template/bg_button_aLyellowBtn.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; height: 24px; margin-right: 6px; padding-right: 25px; /* sliding doors padding */ text-decoration: none; cursor:pointer } #view a.button span { background: transparent url('/images/template/bg_button_spanLyellowBtn.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #view a.button:hover { background-position: bottom right; color:#000000; outline: none; } #view a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } #cart p { position:relative; font-family:"Trebuchet MS"; font-size:0.7em; font-weight:bold; margin:0; } .cartRed { font-family:"Trebuchet MS"; font-size:1.1em; color:#AA0404; margin:0; text-decoration:none } .cartRed a { font-family:"Trebuchet MS"; font-size:1.1em; color:#AA0404; margin:0; text-decoration:none } #cartDropDown { position:absolute; top:35px; left:660px; padding:0px 5px 0px 5px; background-color:#FFDB24; width:290px; z-index:9995; } .cartDropDownItem { position:relative; width:285px; margin:0; margin-bottom:5px; left:4px; top:5px; } .cartDropDownItem p { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#3F3F3F; padding-top:0px; } .cartDropDownItem a { color:#3F3F3F; text-decoration:underline; line-height:25px; } .cartDropDownItem td { border-bottom:1px dotted #999; } .DropDownprice { font-family:"Trebuchet MS"; font-size:0.75em; color:#AA0404; text-decoration:none; font-weight:bold; margin:0; } #cartDropDown .infoBtn { position:relative; padding:5px; padding-right:0px; margin:0; float:right } #cartDropDown a.button { background: transparent url('/images/template/bg_button_aLyellowBtn.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; height: 24px; margin-right: 6px; padding-right: 25px; /* sliding doors padding */ text-decoration: none; cursor:pointer } #cartDropDown a.button span { background: transparent url('/images/template/bg_button_spanLyellowBtn.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #cartDropDown a.button:hover { background-position: bottom right; color:#000000; outline: none; } #cartDropDown a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } .cartDropDownItem .bolder { font-size:0.9em; font-weight:bold; } .TotalDropDownprice { font-size:0.9em; font-weight:bold; color:#AA0404; padding-top:10px;} .DropDownDescription { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#3F3F3F; padding-top:0px; } /* SIDEBAR ELEMENTS */ #SPhomeSidebar { display:none; width:0px; height:0px; } #homeSidebar { position:relative; z-index:9998; float:left; width:250px; padding-top:160px; background-image:url(../images/template/PowaKaddyLogo.jpg); background-position:top left; background-repeat:no-repeat } #homeSidebar h1 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-style:italic; color:#000000; font-weight:bold; margin:0; line-height:1em; } #homeSidebar h2 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#3F3F3F; margin:0 } #homeSidebar h3 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; font-style:italic; color:#3F3F3F; margin:0; padding-top:5px; } #homeSidebar h4 { position:relative; width:230px; height:27px; background-color:#FFFFFF; background-image:url(../images/template/sideBarTitleBG.jpg); background-repeat:no-repeat; padding-left:20px; padding-top:3px; font-size:1.2em; font-weight:bold; color:#3F3F3F; margin:0 } .sideMenu { position:relative; width:250px; background-color:#EDEFEE; margin:0; margin-top:18px; font-family:Arial, Helvetica, sans-serif} .sideMenu ul { position:relative; margin:0; padding:0; list-style-type:none; left:0px; } .sideMenu li { position:relative; display:block; color:#3F3F3F; margin:0; border-bottom:1px solid #E0E0E0; } .sideMenu li a { position:relative; display:block; font-size:0.8em; outline: none; font-weight:normal;border-bottom:0px solid #E0E0E0; text-decoration:none;background-image:url(../images/template/bullet.gif); background-repeat:no-repeat; background-position:left; color:#3F3F3F; padding:6px 0px 6px 15px; left:10px; } .sideMenu li a:hover { color:#000000; margin:0; } .sideMenu li:hover { background-color:#E5E5E5; background-image:url(../images/template/menuHighlight.jpg); background-position:left; background-repeat:no-repeat; text-decoration:none; margin:0 } /*Sub level menu items */ .sideMenu ul li ul { position: absolute; width: 250px; /*sub menu width*/ top:0px; left:0px; visibility: hidden; z-index:9999; background-color:#EDEFEE; border:1px solid #E0E0E0; border-bottom:0px; } /* Sub level menu links style */ .sideMenu ul li a { display: block; overflow: auto; /*force hasLayout in IE7 */text-decoration: none;} /* FEATURED CONTENT ELEMENTS (homepage) */ #SPfeaturedContent { display:none } #featuredContent { position:relative; float:left; width:700px; height:320px; background-image:url(../images/homepage/featuredBG.jpg); background-repeat:no-repeat; margin:0; left:10px; } #featuredContent h1 { position:relative; top:58px; left:30px; font-size:2em; color:#FFFFFF; margin:0; letter-spacing:-0.05em; text-align:right; width:260px; } #featuredContent h2 { position:relative; top:72px; left:25px; font-size:1.6em; color:#000000; margin:0; text-align:right; width:280px; } #featuredContent p { position:relative; top:92px; left:75px;font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#3F3F3F; margin:0; width:230px; padding-bottom:10px; text-align:right } #featuredContent .infoBtn { position:absolute; left:170px; top:280px; margin:0; } /* FEATURED CONTENT ELEMENTS (internal) */ #flashContent { position:relative; float:left; width:685px; height:450px; margin:0; left:15px; z-index:500; margin-bottom:10px;} #SPitemTitle {display:none} #itemTitle { position:absolute; top:50px; left:718px; background-color:#FFFFFF; margin:0; z-index:1000 } #itemTitle h1 { position:relative; font-size:2em; color:#000000; margin:0; letter-spacing:-0.05em; text-align:right; width:240px; } #itemTitle h2 { position:relative; font-size:1em; color:#999999; margin:0; text-align:right; width:240px; } #SPstaticContent {display:none} #staticContent { position:relative; float:left; width:675px; margin:0; left:25px; min-height:450px; margin-bottom:10px; } #staticTitle { position:relative; top:10px; left:0px; background-color:#FFFFFF; margin:0;; padding-bottom:20px; } #staticTitle h1 { position:relative; font-size:2em; color:#000000; margin:0; letter-spacing:-0.05em; text-align:left; width:500px; } #staticTitle h2 { position:relative; font-size:1em; color:#999999; margin:0; text-align:left; width:500px; } #staticContent p { position:relative; font-size:0.7em; color:#3F3F3F; margin:0; padding-bottom:10px; } #staticContent h3 { position:relative; font-size:1em; color:#3F3F3F; margin:0; text-align:left; padding:5px 0px 5px 0px; margin-bottom:5px; } #staticContent h4 { position:relative; font-size:0.75em; color:#3F3F3F; font-style:italic; margin:0; text-align:left; padding:0px 0px 5px 0px; margin-bottom:5px; margin:0 } #staticContent h4 a { position:relative; font-size:1em; color:#3F3F3F; font-style:normal; margin:0; text-align:left; padding:5px 0px 5px 0px; margin-bottom:5px; margin:0 } #staticContent ul { position:relative; margin:0; padding:0; list-style-type:none; left:0px; float:left; } #staticContent ul.clear { width:100% } #staticContent li { position:relative; font-size:0.75em; color:#3F3F3F; font-weight:bold; text-decoration:none;background-image:url(../images/template/bullet.gif); background-repeat:no-repeat; background-position:left; left:10px; padding-left:20px; } #staticContent .image { position:relative; padding:0px; margin:0; width:182px; float:left; } #staticContent .imageLong { position:relative; padding:0px; margin:0; width:100%; float:left; } #staticContent .image img { position:relative; border:1px solid #E0E0E0; padding:5px; } #staticContent img { position:relative; border:1px solid #E0E0E0; padding:0px; } #staticContent .noBorder { position:relative; padding:0px; margin:0; left:40px; float:left; } #staticContent .noBorder img { position:relative; border:0px; padding:0px; padding-right:70px } /*reg + login pages ---------------------------------------------------------------------------------------------------*/ #SPstaticContentRL { position:relative; float:left; width:675px; margin:0; left:25px; min-height:450px; margin-bottom:10px; } #SPstaticTitleRL { position:relative; top:10px; left:0px; background-color:#FFFFFF; margin:0;; padding-bottom:20px; } #SPstaticTitleRL h1 { position:relative; font-size:2em; color:#000000; margin:0; letter-spacing:-0.05em; text-align:left; width:500px; } #SPstaticTitleRL h2 { position:relative; font-size:1em; color:#999999; margin:0; text-align:left; width:500px; } #SPstaticContentRL p { position:relative; font-size:0.7em; color:#3F3F3F; margin:0; padding-bottom:10px; } #SPstaticContentRL h3 { position:relative; font-size:1em; color:#3F3F3F; margin:0; text-align:left; padding:5px 0px 5px 0px; margin-bottom:5px; } #SPstaticContentRL h4 { position:relative; font-size:0.75em; color:#3F3F3F; font-style:italic; margin:0; text-align:left; padding:0px 0px 5px 0px; margin-bottom:5px; margin:0 } #SPstaticContentRL h4 a { position:relative; font-size:1em; color:#3F3F3F; font-style:normal; margin:0; text-align:left; padding:5px 0px 5px 0px; margin-bottom:5px; margin:0 } #SPstaticContentRL ul { position:relative; margin:0; padding:0; list-style-type:none; left:0px; float:left } #SPstaticContentRL ul.clear { width:100% } #SPstaticContentRL li { position:relative; font-size:0.75em; color:#3F3F3F; font-weight:bold; text-decoration:none;background-image:url(../images/template/bullet.gif); background-repeat:no-repeat; background-position:left; left:10px; padding-left:20px; } #SPstaticContentRL .image { position:relative; padding:0px; margin:0; width:182px; float:left; } #SPstaticContentRL .imageLong { position:relative; padding:0px; margin:0; width:100%; float:left; } #SPstaticContentRL .image img { position:relative; border:1px solid #E0E0E0; padding:5px; } #SPstaticContentRL img { position:relative; border:1px solid #E0E0E0; padding:0px; } #SPstaticContentRL .noBorder { position:relative; padding:0px; margin:0; left:40px; float:left; } #SPstaticContentRL .noBorder img { position:relative; border:0px; padding:0px; padding-right:70px } /*STOP reg + login pages ------------------------------------------------------------------------------------------------*/ #nowNext { position:relative; left:40px; height:16px; width:200px; margin:0; padding-top:8px; text-align:right; z-index:99999} #nowNext p { position:relative; margin:0; } #nowNext a { position:relative; font-size:0.8em; color:#000; text-decoration:none; padding-left:2px; padding-right:2px; font-weight:bold; vertical-align:middle } #nowNext a:hover { position:relative; text-decoration:underline; margin:0} #nowNext img { position:relative; margin:0;vertical-align:top; border: none; } .optionsTable { position:relative; top:5px; left:5px; margin:0; } .optionsTable h4 { position:relative; font-size:0.75em; color:#000; font-style:italic; font-weight:bold; margin:0; } .optionsTable .dropDown { position:relative; font-size:0.7em; color:#3F3F3F; border:1px solid #CCCCCC; vertical-align:top; background-color:#EDEFEE; } #cartOptions { position:absolute; top:185px; width:390px; margin:0; } #SPproductDescription {display:none} #productDescription { position:relative; width:390px; height:208px; background-color:#FFFFFF; float:left; left:10px; top:0px; margin:0; padding-right:5px; } #productDescription h1 { position:relative; left:0px; font-size:1.3em; color:#000; margin:0; padding:5px 0px 3px 5px; } #productDescription p { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#3F3F3F; margin:0; left:5px; top:5px;line-height:1.2em; padding-bottom:5px; } #productPrice { position:absolute; left:237px; background-color:#FFFFFF; width:150px;top:1px; margin:0; text-align:right } .price { position:relative; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; border:0px solid #AA0404;color:#AA0404; text-align:center; padding:2px 0px 2px 5px; font-weight:bold; } #productDescription .infoBtn { position:relative; left:5px; top:0px; margin:0; float:left } #productDescription a.button { position:relative;background: transparent url('/images/template/bg_button_aYellowBtn.gif') no-repeat scroll top right; color: #FFFFFF; font-weight:bold; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; height: 24px; margin-right: 6px; padding-right: 30px; /* sliding doors padding */ text-decoration: none; } #productDescription a.button span { position:relative;background: transparent url('/images/template/bg_button_spanYellowBtn.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #productDescription a.button:hover { position:relative;background-position: bottom right; color:#E5E5E5; outline: none; } #productDescription a.button:hover span { position:relative;background-position: bottom left; padding: 5px 8px 4px 18px; } /* REGISTRATION PAGE */ .regTable { position:relative; margin:0; } .regTable tr { line-height:18px; } .regTable .regInputs { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:250px; height:16px; padding-top:2px;} .regTable .dropDown { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:150px; } .red { color:#AA0404; font-weight:bold } /* CONTACT PAGE */ .contactTable { position:relative; margin:0; } .contactTable tr { line-height:18px; } .contactTable .contactInputs { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:250px; height:16px; padding-top:2px;} .contactTable .contactArea { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:250px; height:100px; padding-top:2px;} .contactTable .dropDown { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:150px; } .red { color:#AA0404; font-weight:bold } /* LOGIN PAGE */ .loginTable { position:relative; margin:0; } .loginTable tr { line-height:18px; } .loginTable .logInputs { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:250px; padding-top:2px;} .loginTable .dropDown { position:relative; font-size:0.75em; color:#666666; border:1px solid #CCCCCC; vertical-align:top; width:150px; } .loginTable h4 { position:relative; font-size:0.75em; color:#000; font-style:italic; font-weight:bold; margin:0; } /* CART PAGE */ #cartItem { position:relative; background-color:#EDEFEE; background-image:url(/images/template/cartBG.jpg); background-repeat:repeat-x; padding:5px; border:1px solid #E5E5E5; margin:0; width:685px; } #cartItem .titles { position:relative; font-size:0.75em; color:#000; font-weight:bold; margin:0; padding-left:5px; line-height:30px; } #cartItem p { margin:0; } #orderTotal { position:relative; width:683px; padding-top:5px; height:25px; background-image:url(/images/template/totalBG.jpg); margin:0; top:10px; border:1px solid #e5e5e5; margin:0 } #orderTotal h1 { position:relative; font-size:1em; color:#3F3F3F; font-weight:bold; padding-left:5px; padding-top:0px; margin:0 } .totalPrice { position:absolute; left:590px; top:4px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#AA0404; margin:0 } .evenline { background-color:#EDEFEE } .oddline { background-color:#E5E5E5 } /* ACCESSORIES PAGES */ #SPpoweredCartsMenu { display:none } #poweredCartsMenu { position:relative; width:295px; height:208px; margin:0; background-image:url(../images/template/accessCartMenu.jpg); background-repeat:no-repeat } #poweredCartsMenu h1 { position:relative; font-family:Arial, Helvetica, sans-serif; width:250px; font-size:1.8em; color:#FFFFFF; font-weight:bold; margin:0; left:10px; top:20px; } #poweredCartsMenu ul { position:relative; padding:0; margin:0; left:10px; list-style-type:none; top:25px; } #poweredCartsMenu li a { position:relative; font-size:0.75em; font-weight:normal; background-image:url(../images/template/bullet.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#000000; padding-top:6px; padding-bottom:6px; padding-left:15px; } #poweredCartsMenu li a:hover { text-decoration:underline; } /* ACCESSORIES GLIDER (homepage) */ #SPhomepageAccessories { display:none } #homepageAccessories { position:relative; float:left; width:295px; height:340px; left:10px; top:5px; margin:0; background-image:url(/images/template/homeAccessoriesBG.jpg); background-repeat:no-repeat } #homepageAccessories h1 { position:relative; font-family:Arial, Helvetica, sans-serif; width:140px; font-size:1.3em; color:#3F3F3F; font-weight:bold; margin:0; left:10px; top:5px; } #SPmainAccessories { display:none } #mainAccessories { position:relative; float:left; width:295px; height:208px; left:20px; top:0px; margin:0; background-image:url(/images/template/mainAccessoriesBG.jpg); background-repeat:no-repeat } #mainAccessories h1 { position:relative; font-family:Arial, Helvetica, sans-serif; width:140px; font-size:1.3em; color:#3F3F3F; font-weight:bold; margin:0; left:12px; top:5px; } #mainAccessories div.scroller { width: 295px; height:129px; overflow: hidden;} #mainAccessories div.scroller div.section { width:293px; height:129px; overflow:hidden; float:left; padding:0em; border:1px solid #E0E0E0; border-top:0px; } #mainAccessories div.scroller div.content { width: 3000px; } #mainAccessories #prevBtn { position:absolute; top:7px; left:202px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0; text-align:center } #mainAccessories #nextBtn { position:absolute; top:174px; left:212px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0; text-align:center } div.scroller { width: 295px; height:258px; overflow: hidden;} div.scroller div.section { width:293px; height:260px; overflow:hidden; float:left; padding:0em; border:1px solid #E0E0E0; border-top:0px; } div.scroller div.content { width: 2500px; } #prevBtn { position:absolute; top:8px; left:185px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0; text-align:center } #prevBtn a { color:#3F3F3F; text-decoration:none; margin:0} #prevBtn a:hover { color:#3F3F3F; text-decoration:underline; margin:0} #prevBtn img { border:0px; margin:0 } #nextBtn { position:absolute; top:305px; left:197px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; margin:0;text-align:center } #nextBtn a { color:#3F3F3F; text-decoration:none} #nextBtn a:hover { color:#3F3F3F; text-decoration:underline} #nextBtn img { border:0px ; margin:0} .row { background-color:#FFF; height:64px; display:block; border-bottom:1px solid #E0E0E0; margin:0; padding-left:10px; width:285px; cursor:pointer; text-decoration:none} .row:hover { background-color:#EDEFEE; } #section1 a { text-decoration:none } #section1 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section1 .row h2.smaller { font-size:0.8em; } #section1 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px;margin:0 } #section1 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section1 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section2 a { text-decoration:none } #section2 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section2 .row h2.smaller { font-size:0.8em; } #section2 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px;margin:0 } #section2 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } #section2 .row img { float:right; margin:0; height:64px; width:90px;border:0px; } #section3 a { text-decoration:none } #section3 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section3 .row h2.smaller { font-size:0.8em; } #section3 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section3 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section3 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section4 a { text-decoration:none } #section4 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section4 .row h2.smaller { font-size:0.8em; } #section4 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section4 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section4 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section5 a { text-decoration:none } #section5 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section5 .row h2.smaller { font-size:0.8em; } #section5 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section5 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section5 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section6 a { text-decoration:none } #section6 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section6 .row h2.smaller { font-size:0.8em; } #section6 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section6 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section6 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section7 a { text-decoration:none } #section7 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section7 .row h2.smaller { font-size:0.8em; } #section7 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section7 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section7 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section8 a { text-decoration:none } #section8 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section8 .row h2.smaller { font-size:0.8em; } #section8 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section8 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section8 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #section9 a { text-decoration:none } #section9 .row h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#000000; padding:3px 0px 3px 0px; margin:0; } #section9 .row h2.smaller { font-size:0.8em; } #section9 .row h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal;color:#3F3F3F; padding:2px 0px 2px 0px; margin:0 } #section9 .row h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;color:#FFC10F;padding-top:2px; margin:0; background-image:url(/images/icons/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px } #section9 .row img { float:right; margin:0; height:64px; width:90px; border:0px;} #homepageAccessories .infoBtn { position:absolute; top:315px; margin:0 } #mainAccessories .infoBtn { position:absolute; top:182px; margin:0 } /* YELLOW BOXES (homepage) */ #SPpwrd { display:none } #pwrd { position:relative; float:left; width:390px; height:170px; left:25px; background-image:url(../images/template/pwrdBG.jpg); background-repeat:no-repeat; margin:0 } #pwrd h1 { position:relative; left:10px; top:30px; font-size:1.3em; color:#FFFFFF; margin:0; } #pwrd .infoBtn { position:absolute; left:10px; top:138px; margin:0; } #pwrd a.button { background: transparent url('/images/template/bg_button_aDYellow.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } #pwrd a.button span { background: transparent url('/images/template/bg_button_spanDYellow.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #pwrd a.button:hover { background-position: bottom right; color:#000000; outline: none; } #pwrd a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } #pwrd ul { position:relative; padding:0; margin:0; left:10px; list-style-type:none; top:35px; } #pwrd li a { position:relative; font-size:0.75em; font-weight:normal; background-image:url(../images/template/bullet.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#000; padding-top:5px; padding-bottom:6px; padding-left:15px; } #pwrd li a:hover { text-decoration:underline; } .bold { font-weight:bold; color:#000000 } #SPbags { display:none } #bags { position:relative; float:left; width:390px; height:180px; left:25px; background-image:url(../images/template/bagOfferBG.jpg); background-repeat:no-repeat; background-position:right; margin:0 } #bags h1 { position:relative; left:70px; top:35px; font-size:1.3em; color:#FFFFFF; margin:0; } #bags h2 { position:relative; font-family: Arial, Helvetica, sans-serif; left:10px; top:43px; font-size:1em; width:225px; font-style:italic; color:#FFFFFF; margin:0; line-height:1.3em } #bags .smaller { font-size:0.75em; color:#FFDB24; } /* FOOTER ELEMENTS */ #SPfooter { display:none; width:0px; height:0px; } #footer { position:relative; clear:both; width:960px; height:200px; margin:0; top:8px; } #register { position:relative; width:240px; height:125px; background-image:url(../images/template/registerBG.jpg); background-repeat:no-repeat; padding:5px; float:left } #register h1 { position:relative; left:10px; top:5px; font-size:1.3em; color:#FFFFFF; margin:0; } #register h2 { position:relative; left:10px; top:8px; font-size:0.8em; color:#FFDB24; margin:0; width:230px; line-height:1.2em } #register .infoBtn { position:absolute; left:140px; top:103px; margin:0; } #register a.button { background: transparent url('/images/template/bg_button_aGrey.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } #register a.button span { background: transparent url('/images/template/bg_button_spanGrey.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #register a.button:hover { background-position: bottom right; color:#000000; outline: none; } #register a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } #threeBoxContainer { position:relative; width:700px; height:135px; background-image:url(../images/template/footerBG.jpg); background-repeat:no-repeat; left:10px;float:left} #contactBox { position:relative; float:left; left:10px; top:10px; width:220px; height:115px; background-color:#FFFFFF; margin:0; background-image:url(../images/template/contactBG.jpg) } #contactBox h1 { position:relative; font-size:1.2em; color:#3F3F3F; font-weight:bold; margin:0; background-image:url(../images/icons/tel.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px; left:10px; top:5px; } #contactBox h2 { position:relative; font-size:0.75em; width:200px; color:#3F3F3F; font-weight:normal; margin:0; left:10px; top:5px; } #contactBox h3 { position:relative; font-size:0.8em; color:#3F3F3F; font-weight:bold; margin:0; background-image:url(../images/icons/arrow.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px; left:10px; top:10px; } #contactBox h3 a { color:#3F3F3F; text-decoration:none } #contactBox h3 a:hover { color:#3F3F3F; text-decoration:underline } #diagramBox { position:relative; float:left; left:20px; top:10px; width:220px; height:115px; background-color:#FFFFFF; margin:0; background-image:url(../images/template/diagramBG.jpg) } #diagramBox h1 { position:relative; font-size:1.2em; color:#3F3F3F; font-weight:bold; margin:0; background-image:url(../images/icons/mag.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px; left:10px; top:5px; } #diagramBox h2 { position:relative; font-size:0.75em; width:140px; color:#3F3F3F; font-weight:normal; margin:0; left:10px; top:5px; } #diagramBox ul { position:relative; padding:0; margin:0; left:10px; list-style-type:none; top:5px;line-height:1em } #diagramBox li a { position:relative; font-size:0.7em; font-weight:bold; background-image:url(../images/icons/sqbullet.jpg); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#000; padding-top:3px; padding-bottom:3px; padding-left:15px; } #diagramBox li a:hover { text-decoration:underline; } #manualBox { position:relative; float:left; left:30px; top:10px; width:220px; height:115px; background-color:#FFFFFF; margin:0; background-image:url(../images/template/manualBG.jpg) } #manualBox h1 { position:relative; font-size:1.2em; color:#FFFFFF; font-weight:bold; margin:0; background-image:url(../images/icons/manYell.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px; left:10px; top:5px; } #manualBox h2 { position:relative; font-size:0.75em; width:120px; color:#3F3F3F; font-weight:normal; margin:0; left:10px; top:5px; } #manualBox .infoBtn { position:absolute; left:5px; top:85px; margin:0; } #manualBox a.button { background: transparent url('/images/template/bg_button_aYellow.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } #manualBox a.button span { background: transparent url('/images/template/bg_button_spanYellow.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} #manualBox a.button:hover { background-position: bottom right; color: #000000; outline: none; } #manualBox a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } #NGlogo { position:absolute; left:0px; top:145px; margin:0 } #smallPrint { position:absolute; left:760px; top:145px; width:200px; margin:0;font-size:0.7em; color:#3F3F3F; text-align:right } /* BUTTON ELEMENTS */ a.button { background: transparent url('/images/template/bg_button_a2.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; outline: none } a.button span { background: transparent url('/images/template/bg_button_span2.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 18px;} a.button:hover { background-position: bottom right; color: #000000; outline: none; } a.button:hover span { background-position: bottom left; padding: 5px 8px 4px 18px; } .Ctrlbutton { position:relative; background-image:url(/images/template/regBtn.jpg); background-repeat:no-repeat; color:#3F3F3F; font-size:0.75em; width:145px; height:24px; padding:4px 36px 5px 10px; text-decoration:none; outline: none} .Ctrlbutton:hover { position:relative; background-image:url(/images/template/regBtnOver.jpg); background-repeat:no-repeat; color:#000; font-size:0.75em; width:145px; height:24px; text-decoration:none } .Cartbutton { position:relative; background-image:url(/images/template/cartBtn.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:0.75em; font-weight:bold; padding:4px 44px 7px 19px; text-decoration:none;outline: none } .Cartbutton:hover { position:relative; background-image:url(/images/template/cartBtnOver.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:0.75em; font-weight:bold; text-decoration:none } .changeButton { background: transparent url('/images/template/bg_button_a2.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; width:50px; height: 24px; margin-right: 6px; margin-bottom:5px; padding-right: 14px; /* sliding doors padding */ text-decoration: none; outline: none } .changeButton span { background: transparent url('/images/template/bg_button_span2.gif') no-repeat; display: block; line-height: 15px; padding: 4px 8px 5px 10px;} .changeButton:hover { background-position: bottom right; color: #000000; outline: none; } .changeButton:hover span { background-position: bottom left; padding: 5px 8px 4px 10px; }