/*----------------- Common Body Tags -------------------*/ body { color: #006e3a; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 14px; background-color: #ffffff; background-image: url(images/hours_bg.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h1 { color: #006e3a; font-size: 16px; font-weight: bold; line-height: 18px;} .subh1 { display: block; padding-top: 3px; } .spaceh2 { display: block; padding-top: 3px; } h3 { color: #006e3a; font-size: 16px; font-weight: bold; line-height: 18px; } h2 { color: #006e3a; font-size: 16px; font-weight: bold; line-height: 18px; } /*----------------- Link Styles -------------------*/ a:link { color: #006e3a ; font-weight: bold; text-decoration: underline; } a:visited { color: #006e3a ; font-weight: bold; text-decoration: underline; } a:hover { color: #e6751e ; font-weight: bold; text-decoration: underline; } a:active { color: #e6751e ; font-weight: bold; text-decoration: underline; } #header a:link { color: #006e3a ; font-size: 11px; font-weight: bold; text-decoration: underline; } #header a:visited { color: #006e3a ; font-size: 11px; font-weight: bold; text-decoration: underline; } #header a:hover { color: #e6751e ; font-size: 11px; font-weight: bold; text-decoration: underline; } #header a:active { color: #e6751e ; font-size: 11px; font-weight: bold; text-decoration: underline; } #headerhome a:link { color: #006e3a ; font-size: 11px; font-weight: bold; text-decoration: underline; } #headerhome a:visited { color: #006e3a ; font-size: 11px; font-weight: bold; text-decoration: underline; } #headerhome a:hover { color: #e6751e ; font-size: 11px; font-weight: bold; text-decoration: underline; } #headerhome a:active { color: #e6751e ; font-size: 11px; font-weight: bold; text-decoration: underline; } #holiday a:link { color: #006e3a ; font-size: 9px; font-weight: normal; text-decoration: underline; } #holiday a:visited { color: #006e3a ; font-size: 9px; font-weight: normal; text-decoration: underline; } #holiday a:hover { color: #e6751e ; font-size: 9px; font-weight: normal; text-decoration: underline; } #holiday a:active { color: #e6751e ; font-size: 9px; font-weight: normal; text-decoration: underline; } .red a:link { color: #ff0000; font-size: 12px; font-weight: bold; text-decoration: none; } .red a:visited { color: #ff0000; font-size: 12px; font-weight: bold; text-decoration: none; } .red a:hover { color: #ff0000; font-size: 12px; font-weight: bold; text-decoration: underline; } .red a:active { color: #ff0000; font-size: 12px; font-weight: bold; text-decoration: underline; } #bottomleftnav a:link { color: #006e3a ; font-size: 10px; font-weight: normal; text-decoration: underline; } #bottomleftnav a:visited { color: #006e3a ; font-size: 10px; font-weight: normal; text-decoration: underline; } #bottomleftnav a:hover { color: #e6751e ; font-size: 10px; font-weight: normal; text-decoration: underline; } #bottomleftnav a:active { color: #e6751e ; font-size: 10px; font-weight: normal; text-decoration: underline; } .noline a:link { text-decoration: none; } .noline a:visited { text-decoration: none; } .noline a:hover { text-decoration: none; } .noline a:active { text-decoration: none; } .floathome a:link { text-decoration: underline; color: #ff0000; font-size: 10px; } .floathome a:visited { text-decoration: underline; color: #ff0000; font-size: 10px; } .floathome a:hover { text-decoration: underline; color: #ff0000; font-size: 10px; } .floathome a:active { text-decoration: underline; color: #ff0000; font-size: 10px; } .floathome2 a:link { text-decoration: underline; font-size: 10px; } .floathome2 a:visited { text-decoration: underline; font-size: 10px; } .floathome2 a:hover { text-decoration: underline; font-size: 10px; } .floathome2 a:active { text-decoration: underline; font-size: 10px; } .dustcoll a:link { color: #006e3a ; font-size: 20px; font-weight: bold; text-decoration: underline; } .dustcoll a:visited { color: #006e3a ; font-size: 20px; font-weight: bold; text-decoration: underline; } .dustcoll a:hover { color: #e6751e ; font-size: 20px; font-weight: bold; text-decoration: underline; } .dustcoll a:active { color: #e6751e ; font-size: 20px; font-weight: bold; text-decoration: underline; } /*----------------- Left Nav Style -------------------*/ #menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 { width: 175px; border-top: 1px solid #e6751e; border-right: 1px solid #e6751e; } #menu1 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #006e3a; font-weight: bold; display: block; background: url(images/menu1.gif); padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu1 li a:hover { color: #006e3a; font-weight: bold; display: block; background: url(images/menu1.gif) 0 -32px; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu1 li a:active { color: #006e3a; font-weight: bold; display: block; background: url(images/menu1.gif) 0 -64px; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu1 li a:link.greenlink, #menu1 li a:visited.greenlink { color: #006e3a; font-weight: bold; display: block; background: url(images/menu2.gif); padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu1 li a:hover.greenlink { color: #006e3a; font-weight: bold; display: block; background: url(images/menu2.gif) 0 -32px; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu1 li a:active.greenlink { color: #006e3a; font-weight: bold; display: block; background: url(images/menu2.gif) 0 -64px; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } /*----------------- Deck Menu Style -------------------*/ #menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 { width: 300px; } #menu2 li a { voice-family: "\"}\""; voice-family: inherit; height: 40px; text-decoration: none; text-align:right; } #menu2 li a:link, #menu2 li a:visited { color: #006e3a; font-weight: bold; display: block; padding-top: 25px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu2 li a:hover { color: #006e3a; font-weight: bold; display: block; padding-top: 25px; padding-right: 0; padding-bottom: 0; padding-left: 8px; } #menu2 li a:link.tigerwood, #menu2 li a:visited.tigerwood { color: #ffffff; font-weight: bold; display: block; background: url(images/tigerwood_decking.jpg); background-position: 0px 0px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; padding-top: 20px; font-size:16px; line-height:18px; } #menu2 li a:hover.tigerwood { color: #ffffff; font-weight: bold; display: block; background: url(images/tigerwood_decking.jpg); background-position: 0px 60px; padding-top: 20px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; font-size:16px; line-height:18px; } #menu2 li a:link.ipe, #menu2 li a:visited.ipe { color: #ffffff; font-weight: bold; display: block; background: url(images/ipe_deck.jpg); background-position: 0px 0px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; padding-top: 20px; font-size:16px; line-height:18px; } #menu2 li a:hover.ipe { color: #ffffff; font-weight: bold; display: block; background: url(images/ipe_deck.jpg); background-position: 0px 60px; padding-top: 20px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; font-size:16px; line-height:18px; } #menu2 li a:link.cumaru, #menu2 li a:visited.cumaru { color: #ffffff; font-weight: bold; display: block; background: url(images/cumaru_deck.jpg); background-position: 0px 0px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; padding-top: 20px; font-size:16px; line-height:18px; } #menu2 li a:hover.cumaru { color: #ffffff; font-weight: bold; display: block; background: url(images/cumaru_deck.jpg); background-position: 0px 60px; padding-top: 20px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; font-size:16px; line-height:18px; } #menu2 li a:link.garapa, #menu2 li a:visited.garapa { color: #ffffff; font-weight: bold; display: block; background: url(images/garapa_decking.jpg); background-position: 0px 0px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; padding-top: 20px; font-size:16px; line-height:18px; } #menu2 li a:hover.garapa { color: #ffffff; font-weight: bold; display: block; background: url(images/garapa_decking.jpg); background-position: 0px 60px; padding-top: 20px; padding-right: 5px; padding-bottom: 0; padding-left: 0px; font-size:16px; line-height:18px; } .decking_menu { padding-top: 5px; } /*----------------- Custom Body Tags -------------------*/ .bodytitles { color: #006e3a; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; width: 580px; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-bottom: 2px; border-bottom: 1px solid #e6751e; } .bodytitlestop { color: #006e3a; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; width: 580px; margin: 5px auto; padding-bottom: 2px; border-bottom: 1px solid #e6751e; } #wrapperBG { background-image: url(images/grad_bg.png); background-repeat: repeat-y; width: 850px; height: auto; margin-right: auto; margin-left: auto; } #wrapper { background-color: #fff; width: 800px; height: auto; margin-right: auto; margin-left: auto; border-left: 1px solid #e6751e; border-top: 1px solid #e6751e; border-bottom: 1px solid #e6751e; border-right: 1px solid #e6751e; } #header { font-size: 11px; line-height: 12px; background-repeat: no-repeat; background-position: center 5px; width: 800px; margin-right: auto; margin-left: auto; padding: 0; } #headerhome { font-size: 11px; line-height: 12px; background-image: url(images/topturkey.jpg); background-repeat: no-repeat; background-position: center 5px; margin-right: auto; margin-left: auto; padding: 0; width: 800px; height: 160px; } #logocontact { width: 800px; height: 71px; } #globalnav { width: 800px; height: 39px; } #searchtitle { width: 800px; height: 50px; padding-top: 5px; } #logosp { padding-top: 5px; padding-left: 5px; } .leftpad { padding-top: 2px; padding-left: 5px; } .rightcontpad { width: 580px; margin-right: auto; margin-left: auto; padding: 2px 10px 5px; } .smallfont { font-size: 10px; } .titles { color: #006e3a; font-size: 20px; font-weight: bold; line-height: 22px; } .globalpadding { padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; } .globalline { border-right: 1px solid #e6751e; } .globallinepad { padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border-right: 1px solid #e6751e; } #content { width: 800px; height: auto; padding-bottom: 5px; } #footer { font-size: 11px; text-align: center; width: 800px; height: auto; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #e6751e; } #prefooter { font-size: 11px; text-align: center; padding-top: 5px; padding-bottom: 5px; width: 800px; height: auto; border-top: 1px solid #e6751e; } #postfooter { font-size: 11px; text-align: center; padding-top: 5px; padding-bottom: 5px; width: 800px; height: auto; border-top: 1px solid #e6751e; } .prefootsp { margin-left: 25px; } .flashholder { border: solid 1px #e6751e; padding: 0; margin: 0; } .toppad { padding-top: 5px; } .leftnavborder { border-top: 1px solid #e6751e; border-right: 1px solid #e6751e; border-bottom: 1px solid #e6751e; } .bigbold { font-size: 13px; font-weight: bold; } .picborder { border: solid 1px #e6751e; } .data { margin: 1px; padding: 3px; border: solid 1px #f5ccad; } .closedata { border-bottom: 1px solid #e6751e; } .heading { color: #006e3a; font-size: 12px; font-weight: bold; line-height: 14px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; height: 30px; padding: 3px; border: solid 1px #f5ccad; } .datatable { border: solid 1px #e6751e; } .datatabletop { border: solid 1px #e6751e; margin-top: 5px; } .producttable { border: solid 1px #e6751e; } .producttable td { border: solid 1px #f5ccad; } .caption { font-size: 10px; font-weight: normal; line-height: 12px; } .padborder{ text-align: center; padding: 3px; border: solid 1px #f5ccad; } .founderstable { border: solid 1px #e6751e; } .listpad { list-style-type: disc; list-style-position: inside; } .prodnav { margin-top: 5px; margin-bottom: 5px; } .advgreen { color: #006e3a; font-size: 12px; line-height: 14px; background-color: #f7e4d6; padding: 3px; border: solid 1px #e6751e; } .advgreen-small { color: #006e3a; font-size: 9px; line-height: 11px; background-color: #f7e4d6; padding: 1px; border: solid 1px #e6751e; } .advgreenbold { color: #006e3a; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; border-color: #f5ccad #e6751e #e6751e #f5ccad; border-style: solid; border-width: 2px; } .advgreenbold2 { color: #006e3a; font-size: 9px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; border-color: #f5ccad #e6751e #e6751e #f5ccad; border-style: solid; border-width: 2px; } .advgreenbold2:hover { color: #006e3a; font-size: 9px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; border-color: #e6751e #f5ccad #f5ccad #e6751e; border-style: solid; border-width: 2px; cursor: pointer; } .advgreenbold:hover { color: #006e3a; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; border-color: #e6751e #f5ccad #f5ccad #e6751e; border-style: solid; border-width: 2px; cursor: pointer; } .advgreennav { color: #006e3a; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 12px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; text-decoration: none; text-align: center; margin-right: 2px; padding: 3px 2px; border-color: #f5ccad #e6751e #e6751e #f5ccad; border-style: solid; border-width: 2px; } .advgreennav:hover { color: #006e3a; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 12px; background-color: #fff; background-image: url(images/menu3.gif); background-repeat: repeat-x; background-position: 0 top; text-decoration: none; border-color: #e6751e #f5ccad #f5ccad #e6751e; border-style: solid; border-width: 2px; cursor: pointer; } .list { list-style-type: disc; list-style-position: inside; } .floathome { width: 250px; float: right; color: #ff0000; font-size: 10px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; } .floathome2 { float: right; font-size: 10px; padding-left: 8px; padding-bottom: 8px; padding-top: 5px; text-align: center} .redtext { color: #ff0000; } .floatsale { width: 250px; float: right; font-size: 10px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; text-align: center; } .rollover2 a {width: 140px; height: 71px; display: block;} .rollover2 a:hover {width: 140px; height: 71px; display: block; cursor: pointer;} .rollover1 a {width: 140px; height: 39px; display: block;} .rollover1 a:hover {width: 140px; height: 39px; display: block; cursor: pointer;} .dustcoll { background-image: url(images/dust_collector.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: left; width: 580px; height: 323px; margin-right: auto; margin-left: auto; } .decking_quote { width: 147px; height: 112px; float: right; text-align: center; padding-top: 35px; font-size: 20px; line-height: 21px; font-weight: 900; font-style: italic; background-image: url(images/decking_quote.jpg); background-repeat: no-repeat; background-position: right top; text-decoration: none; color: #006e3a; margin-bottom: 5px;} .decking_quote:hover { cursor: pointer; color: #006e3a; text-decoration: underline; } .staybull_float { padding-top: 5px; padding-left: 10px; padding-bottom: 10px; float: right; } #trademark { background-color: #e6751e; color: #ffffff; font-size: 16px; height: 20px; padding-top: 8px; font-weight: 900; text-align: center; } #sale_header { width: 100%; background-color: #006e3a; color: #ffffff; background-image: url(images/presents_bg.gif); background-repeat: repeat; background-position: left top; padding-top: 3px; padding-bottom: 3px; text-align: center; } .sale_text { color: #000; font-size: 15px; height: 20px; font-weight: 900; line-height: 15px; } .disclaimer { color: #000; font-size: 10px; font-weight: 200; } .present_left { background-image: url(images/presents_left.png); background-repeat: repeat-x; background-position: right bottom; } .present_right { background-image: url(images/presents_right.png); background-repeat: repeat-x; background-position: left bottom; } .comment_form { padding: 5px; border: 1px solid #e6751e; color:#006e3a; } .signup_form { padding: 0px; border: 1px solid #e6751e; color:#006e3a; margin-top: 5px; margin-bottom: 5px; overflow:hidden;} iframe { overflow:hidden;} .comments { border:1px solid #e6751e; color:#006e3a; padding: 5px; margin-top:15px; background-color: #f7e4d6; } .ipe_decking { font-size:11px; color: #e6751e; text-align:center; padding:3px; font-weight:500; } .ipe_decking strong { font-size:11px; color: #006e3a; font-weight:100; } .ipe_decking b { font-size:11px; color: #006e3a; font-weight:100; } /*--------------- Lightbox Style ---------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block } #prevLink { left: 0; float: left; background: url(images/prevlabel.gif) no-repeat left 15%;} #nextLink { right: 0; float: right; background: url(images/nextlabel.gif) no-repeat right 15%;} #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) no-repeat left 15%; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) no-repeat right 15%; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #006e3a; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 87px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #006e3a; } /*--------------- Java SLIDE menu---------------- */ #cutabove { text-align: center; width: 590px; height: 580px; margin-right: auto; margin-left: auto; } #cutcontent { text-align: center; width: 580px; height: 500px; margin-right: auto; margin-left: auto; padding-top: 5px; } /*-----------------thumb pop up CALL------------------*/ .thumbnailcall{ position: relative; z-index: 0; } .thumbnailcall:hover{ background-color: transparent; z-index: 50; } .thumbnailcall span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; margin: -1500px; border: 1px solid #e6751e; visibility: hidden; color: #006e3a; text-decoration: none; font-weight: bold; } .thumbnailcall span img{ /*CSS for enlarged image*/ border-width: 0; text-decoration: none; } .thumbnailcall:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; text-decoration: none; margin-top: 5px; margin-left: 5px; /*position where enlarged image should offset horizontally */ } /*-----------------thumb pop up CALL------------------*/ .thumbnaildeck{ position: relative; z-index: 0; } .thumbnaildeck:hover{ background-color: transparent; z-index: 50; } .thumbnaildeck span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; margin: -1500px; border: 1px solid #e6751e; visibility: hidden; color: #006e3a; text-decoration: none; font-weight: bold; } .thumbnaildeck span img{ /*CSS for enlarged image*/ border-width: 0; text-decoration: none; } .thumbnaildeck:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; text-decoration: none; margin-top: 5px; margin-left: 5px; /*position where enlarged image should offset horizontally */ } /*-----------------thumb pop up DECK-------------------*/ .thumbnaildeck{ position: relative; z-index: 0; } .thumbnaildeck:hover{ background-color: transparent; z-index: 50; } .thumbnaildeck span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; margin: -1500px; border: 1px solid #e6751e; visibility: hidden; color: #006e3a; font-weight: normal; text-decoration: none; } .thumbnaildeck span img{ /*CSS for enlarged image*/ border-width: 0; z-index: 100; } .thumbnaildeck:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; margin-top: 5px; margin-left: -100px; /*position where enlarged image should offset horizontally */ } /*-------------------thumb pop up BUNDLE------------------*/ .thumbnailbun{ position: relative; z-index: 0; } .thumbnailbun:hover{ background-color: transparent; z-index: 50; } .thumbnailbun span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; margin: -1500px; border: 1px solid #e6751e; visibility: hidden; color: #006e3a; font-weight: normal; text-decoration: none; } .thumbnailbun span img{ /*CSS for enlarged image*/ border-width: 0; } .thumbnailbun:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; margin-top: -72px; margin-left: -120px; /*position where enlarged image should offset horizontally */ } /* ---------------Java SLIDE menu----------------- */ #bundle { text-align: center; width: 590px; margin-right: auto; margin-left: auto; } #bundlecontent { text-align: center; width: 580px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; } /*---------------css swap-------------- */ .gallerycontainer{ position: relative; height: 395px; width: 580px; margin-right: auto; margin-left: auto; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ margin-right: 5px; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; left: -1000px; visibility: hidden; color: #006e3a; text-decoration: none; border-top: solid 1px #e6751e; border-left: solid 1px #e6751e; border-right: solid 1px #e6751e; border-bottom: solid 1px #e6751e; padding-bottom: 5px; background-color: #ffffff; } .thumbnail span img{ /*CSS for enlarged image*/ margin: 10px 10px 5px 10px; border: solid 1px #e6751e; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 50px; left: 160px; /*position where enlarged image should offset horizontally */ z-index: 1000; } /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /*-------------image swap 1x6 PLUS ---------------*/ .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ margin-right: auto; margin-left: auto; border: 5px solid #e6751e; border-bottom-width: 5px; width: 460px; /*width of featured content slider*/ height: 411px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px; background: white; width: 450px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ width: 450px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; margin-right: auto; margin-left: auto; background-color: #e6751e; padding: 5px 10px; } .pagination a{ padding: 0 5px; text-decoration: none; font-weight: bold; color: #006e3a; background: white; } .pagination a:hover, .pagination a.selected{ color: #000; font-weight: bold; color: #ffffff; background-color: #006e3a; } h1 { font-size: 18px; line-height: 18px; } /*------------- CSS Frog Gallery ------------ */ #FrogJS{ width: 580px; height: 480px; margin: 0 auto; } #FrogJSCredit{ text-align: right; font-style: italic; font-size: 80%; padding: 1px; } #FrogJSCaption{ text-align: left; } /*------------- THUMB CALL ------------ */ a.tooltipcall {color:#006e3a; font-weight:900; text-decoration:underline;} a.tooltipcall b {display:none;} a.tooltipcall:hover {border:0; position:relative; z-index:500; cursor:pointer; } a.tooltipcall:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width:150px; text-decoration:none;} a.tooltipcall:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background: url(images/tooltipcall.gif) 0 0; display:block; font-size:1px;} /*------------- THUMB SHOP ------------ */ a.tooltipshop {color:#006e3a; font-weight: 900; text-decoration:none; display:block; } a.tooltipshop b {display:none;} a.tooltipshop:hover {border:0; position:relative; z-index:500; cursor:pointer; color:#ffffff; cursor:pointer; text-decoration:none; display:block; clear:both;} a.tooltipshop:hover b {display:block; position: absolute; float:left; top:30px; left:-100px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width: 190px; text-decoration:none;} a.tooltipshop:hover b em {position:absolute; right:40px; top:-6px; width:11px; height:6px; background: url(images/tooltipcall.gif) 0 0; display:block; font-size:1px;} /*------------- THUMB LUMBER ------------ */ a.tooltiplumber {color:#006e3a; font-weight:900; text-decoration:underline;} a.tooltiplumber b {display:none;} a.tooltiplumber:hover {border:0; position:relative; z-index:500; cursor:pointer; } a.tooltiplumber:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width:200px; text-decoration:none;} a.tooltiplumber:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background: url(images/tooltipcall.gif) 0 0; display:block; font-size:1px;} /*------------- THUMB PRICE ------------ */ a.tooltipprice {color:#006e3a; font-weight: 900; text-decoration:none; padding-bottom:12px; padding-top:12px; display:block; } a.tooltipprice b {display:none;} a.tooltipprice:hover {border:0; position:relative; z-index:500; cursor:pointer; color:#ffffff; background-color:#006e3a; padding-bottom:12px; padding-top:12px; cursor:pointer; text-decoration:none; display:block; clear:both;} a.tooltipprice:hover b {display:block; position: absolute; float:left; top:35px; left:-25px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width: 90px; text-decoration:none;} a.tooltipprice:hover b em {position:absolute; left:40px; top:-6px; width:11px; height:6px; background: url(images/tooltipcall.gif) 0 0; display:block; font-size:1px;} .price_hover { padding-bottom:12px; padding-top:12px; } .price_hover:hover { padding-bottom:12px; padding-top:12px; background-color:#f5ccad; cursor:pointer; text-decoration:none; } /* Photo Zoom CSS */ a.tooltip {color:#006e3a; font-weight:900; text-decoration:underline;} a.tooltip b {display:none; float:right;} a.tooltip:hover {border:0; position:relative; z-index:500; cursor:pointer;} a.tooltip:hover b {display:block; position:absolute; top:0px; left:6px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width:auto; float:right; text-decoration:none; } a.tooltip:hover b em {position:absolute; left:-6px; top:5px; width:6px; height:11px; background: url(images/tooltip.gif) 0 0; display:block; font-size:1px;} a.tooltipbig {color:#006e3a; font-weight:900; text-decoration:underline; } a.tooltipbig b {display:none; float:right; } a.tooltipbig:hover {border:0; position:relative; z-index:500; cursor:pointer;} a.tooltipbig:hover b {display:block; position:absolute; top:0px; left:-150px; padding:5px; font-weight:normal; color:#006e3a; border:1px solid #006e3a; background:#fff; width:auto; z-index:500; text-decoration:none; } a.tooltipbig:hover b em {position:absolute; left:-6px; top:5px; width:6px; height:11px; background: url(images/tooltip.gif) 0 0; display:block; font-size:1px; z-index:500; } .pic_float {float:left; z-index: 1; } .clearer {clear:both; } /*------------- WHOLESALE BUTTONS ------------ */ .wholesale_international { width:59px; height: 34px; background-image: url(images/wholesale_international.gif); background-repeat: repeat; background-position: center top; font-size:8px; } .wholesale_international:hover { width:59px; height: 34px; background-image: url(images/wholesale_international.gif); background-repeat: repeat; background-position: center bottom; font-size:8px; cursor: pointer; cursor:hand; } .wholesale_international span { display:none; } .wholesale_decking { width:59px; height: 34px; background-image: url(images/wholesale_decking.gif); background-repeat: repeat; background-position: center top; font-size:8px; } .wholesale_decking:hover { width:59px; height: 34px; background-image: url(images/wholesale_decking.gif); background-repeat: repeat; background-position: center bottom; font-size:8px; cursor: pointer; cursor:hand; } .wholesale_decking span { display:none; } .wholesale_flooring { width:59px; height: 34px; background-image: url(images/wholesale_flooring.gif); background-repeat: repeat; background-position: center top; font-size:8px; } .wholesale_flooring:hover { width:59px; height: 34px; background-image: url(images/wholesale_flooring.gif); background-repeat: repeat; background-position: center bottom; font-size:8px; cursor: pointer; cursor:hand; } .wholesale_flooring span { display:none; } .international { position:absolute; top: 0px; right: 0px; width:164px; height:44px; font-size:11px; font-weight:800; cursor:pointer; text-align:right; } .projects { position:absolute; top: 0px; left: 0px; width:123px; height:44px; font-size:11px; font-weight:800; cursor:pointer; text-align:left; } .rustic-float { float: left; padding-right: 5px; padding-bottom: 5px; } .rustic-div { clear:both; padding-top: 10px; }