html, body { height: 100%; }
body { margin: 0; background-image: url(../img/body-bg.jpg); font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; }
/* float/clear classes */
.fl { float: left; }
.fr { float: right; }
.clearme { clear: both; }
/* end */
a img { border: 0; }
*:focus { outline: none; }
#master { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -252px 0; background-image: url(../img/master-bg.jpg); background-repeat: repeat-x; background-position: center top; }
#tree { background-image: url(../img/tree-texture.png); background-repeat: no-repeat; background-position: center 103px; }
#top { padding: 0 7px; position: relative; z-index: 4; }
#aux { height: 32px; }
#aux p { margin: 0; padding-top: 7px; line-height: 16px; font-family: Georgia, serif; font-size: 11px; font-style: italic; color: #ada494; }
#aux #auxnav { float: left; }
#aux #auxnav a, #aux #auxnav a:link, #aux #auxnav a:visited { margin-right: 5px; padding-right: 6px; border-right: 1px dotted #4a3d37; text-decoration: none; color: #ada494; }
#aux #auxnav a:hover, #aux #auxnav a:active { text-decoration: none; color: white; }
#aux #auxnav a.last, #aux #auxnav a.last:link, #aux #auxnav a.last:visited, #aux #auxnav a.last:hover, #aux #auxnav a.last:active { border-right: 0; }
#aux #warrantyreg { float: right; }
#aux #warrantyreg a, #aux #warrantyreg a:link, #aux #warrantyreg a:visited, #aux #warrantyreg a:hover, #aux #warrantyreg a:active { display: inline-block; width: auto; height: 16px; padding: 0 8px; line-height: 16px; margin-left: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #e1711c; text-align: center; text-decoration: none; color: white; }
#aux #socialnav { float: right; margin: 0 12px 0 0; padding-right: 12px; border-right: 1px dotted #4A3D37; }
#aux a.social { display: inline-block; width: 21px; height: 21px; margin: -4px 0 0 1px; background-image: url(../img/social-sprite.png); background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; }
#aux a#tw, #aux a#tw:link, #aux a#tw:visited { margin-left: 6px; background-position: 0 0; }
#aux a#tw:hover, #aux a#tw:active { background-position: 0 -21px; }
#aux a#li, #aux a#li:link, #aux a#li:visited { background-position: -21px 0; }
#aux a#li:hover, #aux a#li:active { background-position: -21px -21px; }
#aux a#yt, #aux a#yt:link, #aux a#yt:visited { background-position: -42px 0; }
#aux a#yt:hover, #aux a#yt:active { background-position: -42px -21px; }
#aux a#fb, #aux a#fb:link, #aux a#fb:visited { background-position: -63px 0; }
#aux a#fb:hover, #aux a#fb:active { background-position: -63px -21px; }
#aux a#blog, #aux a#blog:link, #aux a#blog:visited { background-position: -84px 0; }
#aux a#blog:hover, #aux a#blog:active { background-position: -84px -21px; }
#header { clear: both; position: relative; height: 71px; }
#header h1 { position: absolute; left: 0; top: 16px; margin: 0; z-index: 22; }
#header h1 a { display: block; width: 184px; height: 40px; background-image: url(../img/logo.png); text-indent: -9999px; }
#nav { position: absolute; left: 90px; top: 16px; list-style-type: none; margin: 0; padding: 0; z-index: 5; }
#nav li { float: left; }
#nav li#first { width: 131px; height: 55px; background-image: url(../img/nav-sprite.png); background-position: 0 0; }
#nav li#last { width: 131px; height: 55px; background-image: url(../img/nav-sprite.png); background-position: -655px 0; }
#nav li a { display: block; height: 55px; background-image: url(../img/nav-sprite.png); text-indent: -9999px; position: relative; }
#nav li a#products, #nav li a#products:link, #nav li a#products:visited { width: 135px; background-position: -131px 0; }
#nav li a#products.on, #nav li a#products.on:link, #nav li a#products.on:visited { background-position: -131px -110px; }
#nav li a#products.over, #nav li a#products.over:link, #nav li a#products.over:visited, #nav li a#products.over:hover, #nav li a#products.over:active, #nav li a#products:hover, #nav li a#products:active, #nav li a#products.on:hover, #nav li a#products.on:active { background-position: -131px -55px; }
#nav li a#education, #nav li a#education:link, #nav li a#education:visited { width: 138px; background-position: -266px 0; }
#nav li a#education.on, #nav li a#education.on:link, #nav li a#education.on:visited { background-position: -266px -110px; }
#nav li a#education.over, #nav li a#education.over:link, #nav li a#education.over:visited, #nav li a#education.over:hover, #nav li a#education.over:active, #nav li a#education:hover, #nav li a#education:active, #nav li a#education.on:hover, #nav li a#education.on:active { background-position: -266px -55px; }
#nav li a#about, #nav li a#about:link, #nav li a#about:visited { width: 149px; background-position: -404px 0; }
#nav li a#about.on, #nav li a#about.on:link, #nav li a#about.on:visited { background-position: -404px -110px; }
#nav li a#about.over, #nav li a#about.over:link, #nav li a#about.over:visited, #nav li a#about.over:hover, #nav li a#about.over:active, #nav li a#about:hover, #nav li a#about:active, #nav li a#about.on:hover, #nav li a#about.on:active { background-position: -404px -55px; }
#nav li a#news, #nav li a#news:link, #nav li a#news:visited { width: 102px; background-position: -553px 0; }
#nav li a#news.on, #nav li a#news.on:link, #nav li a#news.on:visited { background-position: -553px -110px; }
#nav li a#news.over, #nav li a#news.over:link, #nav li a#news.over:visited, #nav li a#news.over:hover, #nav li a#news.over:active, #nav li a#news:hover, #nav li a#news:active, #nav li a#news.on:hover, #nav li a#news.on:active { background-position: -553px -55px; }
#nav li #proddd { position: absolute; left: 0; top: 55px; display: none; width: 822px; height: 342px; background-image: url(../img/prod-dd-bg.jpg); background-repeat: no-repeat; background-position: left top; -moz-box-shadow: 0 7px 7px #999999; -webkit-box-shadow: 0 7px 7px #999999; box-shadow: 0 7px 7px #999999; }
#nav li #proddd ul { list-style-type: none; width: 814px; height: 286px; margin: 0; padding: 18px 0 0 8px; }
#nav li #proddd ul li { float: left; margin: 10px; -moz-box-shadow: 0 0 7px #999999; -webkit-box-shadow: 0 0 7px #999999; box-shadow: 0 0 7px #999999; }
#nav li #proddd ul li a, #nav li #proddd ul li a:link, #nav li #proddd ul li a:visited { position: relative; display: block; width: 181px; height: 113px; background-image: none; background-color: #f5f4f9; text-decoration: none; text-indent: 0; font-size: 14px; font-weight: bold; color: #304952; }
#nav li #proddd ul li a:hover, #nav li #proddd ul li a:active { background-color: #e4721c; color: white; }
#nav li #proddd ul li a img { position: relative; left: 0; top: 0; }
#nav li #proddd ul li a span { display: block; padding: 8px 0 0 12px; }
#nav li #proddd p { float: left; padding-left: 20px; font-family: Georgia, serif; font-size: 11px; font-style: italic; color: #ada494; }
#nav li #proddd a#orderinfo { float: right; display: inline-block; height: auto; margin: 8px; padding: 2px 6px; border: 1px solid #cfcfcf; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-image: none; background-color: #e1711c; text-align: center; text-decoration: none; text-indent: 0; font-family: Georgia, serif; font-size: 11px; font-style: italic; color: #f2f1f6; }
#nav li .dd { position: absolute; display: none; width: 176px; -moz-box-shadow: 0 7px 7px #999999; -webkit-box-shadow: 0 7px 7px #999999; box-shadow: 0 7px 7px #999999; }
#nav li .dd ul { list-style-type: none; margin: 0; padding: 0; background-image: url(../img/dd-bg.png); position: relative; }
#nav li .dd ul li { float: none; position: relative; }
#nav li .dd ul li a, #nav li .dd ul li a:link, #nav li .dd ul li a:visited { position: relative; display: block; height: auto; padding: 12px 10px 12px 30px; background-image: none; text-decoration: none; text-indent: 0; font-weight: bold; color: #304952; }
#nav li .dd ul li a:hover, #nav li .dd ul li a:active { background-color: #e78841; color: white; }
#header form { position: absolute; right: 0; top: 20px; width: 180px; height: 29px; margin: 0; padding: 0; background-image: url(../img/form-bg.png); background-position: left top; background-repeat: no-repeat; z-index: 22; }
#header form input { position: absolute; top: 4px; left: 5px; width: 148px; height: 21px; margin: 0; padding: 0; border: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; }
#header form input#searchbtn { position: absolute; right: 6px; top: 6px; display: block; width: 20px; height: 17px; background-image: url(../img/search-btn.png); background-position: 0 0; text-indent: -9999px; border: none; left: auto; cursor: pointer; }
a#searchbtn:hover, a#searchbtn:active { background-position: -20px 0; }
#homemain { position: relative; width: 978px; margin: 50px auto; z-index: 3; }
/** carousel styles **/
ul#carousel { position: relative; height: 504px; list-style-type: none; margin: 0; padding: 0; }
ul#carousel li { display: none; position: absolute; left: 0; top: 0; width: 964px; height: 490px; margin: 7px; -moz-box-shadow: 0 0 7px black; -webkit-box-shadow: 0 0 7px black; box-shadow: 0 0 7px #999999; }
.slidecontent { position: absolute; top: 48px; left: 58px; width: 368px; z-index: 9999; }
/* special h2 style definitions */
.slidecontent h2 { background-image: url(../img/h2-sprite.png); text-indent: -9999px; }
h2#free { width: 371px; height: 94px; background-position: 0 0; }
h2#pathfinder-2 { width: 291px; height: 73px; background-position: 0 -94px; }
h2#new-look { width: 452px; height: 85px; background-position: 0 -239px; }
h2#fusion-foot { width: 390px; height: 73px; background-position: 0 -403px; }
h2#select-best { width: 438px; height: 82px; background-position: 0 -476px; }
h2#fusion { width: 412px; height: 152px; background-position: 0 -828px; }
h2#leader { width: 420px; height: 34px; background-position: 0 -665px; }
h2#duralite { width: 424px; height: 129px; background-position: 0 -980px; }
h2#social { width: 404px; height: 44px; background-position: 0 -1109px; }
h2#alpha { width: 436px; height: 125px; background-position: 0 -1153px; }
h2#phones-down { width: 355px; height: 165px; background-position: 0 -1278px; }
h2#phones-june { width: 342px; height: 121px; background-position: 0 -1443px; }
h2#search-tool { width: 421px; height: 89px; background-position: 0 -1564px; }
h2#limblogic { width: 292px; height: 134px; background-position: 0 -1653px; }
h2#impulse { width: 249px; height: 88px; background-position: 0 -1787px; }
h2#limblogicevo { width: 290px; height: 132px; background-position: 0 -1875px; }
h2#omega3d { width: 350px; height: 87px; background-position: 0 -2007px; }
h2#alphadesign { width: 357px; height: 127px; background-position: 0 -2094px; }
h2#alpha-silicone { width: 382px; height: 136px; background-position: 0 -2221px; }
h2#limblogic-sleeve { width: 300px; height: 135px; background-position: 0 -2357px; }
h2#k2-foot { width: 370px; height: 81px; background-position: 0 -2492px; }
h2#express { width: 424px; height: 136px; background-position: 0 -2573px; }
h2#a-word { width: 301px; height: 77px; background-position: 0 -2755px; }
h2#gel-disc { width: 345px; height: 119px; background-position: 0 -2832px; }
h2#durawalk { width: 410px; height: 81px; background-position: 0 -2951px; }
h2#smart-temp { width: 348px; height: 83px; background-position: 0 -3032px; }
h2#new-omega { width: 345px; height: 86px; background-position: 0 -3115px; }
h2#thank-you { width: 261px; height: 37px; background-position: 0 -3201px; }
h2#alpha-classic { width: 320px; height: 129px; background-position: 0 -3238px; }
h2#torsion-receiver { width: 444px; height: 109px; background-image: url(../img/turn-left-right.png); position: relative; top: -30px; margin-bottom: -40px; }
h2#custom-solutions { width: 236px; height: 115px; background-image: url(../img/custom-solutions.png); }
h2#alpha-liners { width: 335px; height: 87px; background-image: url(../img/alpha-family-liners.png); }
h2#wwone-banner { background-image: none !important; color: #E87722; text-indent: 0px !important; font: bold 42px Helvetica; margin: 0px 0px 0px 0px !important;}
/* end */
.slidecontent p { margin: 30px 0 0; line-height: 28px; font-family: Georgia, serif; font-size: 18px; }
.blue .slidecontent p,
.teal .slidecontent p { color: white; }
.grey .slidecontent p,
.taupe .slidecontent p { color: #797979; }
.green .slidecontent p,
.paleblue .slidecontent p,
.olive .slidecontent p,
.beige .slidecontent p { color: #585858; }
.greybrown .slidecontent p { color: #f8f4f0; }
.tealgrey .slidecontent p { color: #ebe5df; text-shadow: rgba(122,112,105,.46); text-shadow: rgb(122,112,105); }
.lavender .slidecontent p { color: #585858; }
.slidecontent p sup { font-size: 11px; line-height: 1.2em; }
.P1545 .slidecontent p { color: #653819; margin-top: 18px; margin-bottom: 18px; }
.slidecontent #wwone-link {
font: normal 18px Helvetica;
letter-spacing: 1px;
text-decoration: none;
background: -webkit-linear-gradient(#59483F, #3A2724); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#59483F, #3A2724); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#59483F, #3A2724); /* For Firefox 3.6 to 15 */
background: linear-gradient(#59483F, #3A2724); /* Standard syntax */
color: #FFFFFF;
padding: 10px 50px 10px 50px;
margin-top: 50px;
}
a.offerbtn, a.offerbtn:link, a.offerbtn:visited, a.offerbtn:hover, a.offerbtn:active { display: block; width: 181px; height: 48px; margin: 18px 0 0; background-image: url(../img/offer-btn.png); text-indent: -99999px; }
a.pdbtn, a.pdbtn:link, a.pdbtn:visited, a.pdbtn:hover, a.pdbtn:active { display: block; width: 183px; height: 48px; margin: 18px 0 0; background-image: url(../img/prod-details-btn.png); text-indent: -99999px; }
a.missionbtn, a.missionbtn:link, a.missionbtn:visited, a.missionbtn:hover, a.missionbtn:active { display: block; width: 148px; height: 48px; margin: 18px 0 0; background-image: url(../img/mission-btn.png); text-indent: -99999px; }
a.watchbtn, a.watchbtn:link, a.watchbtn:visited, a.watchbtn:hover, a.watchbtn:active { display: block; width: 158px; height: 48px; margin: 18px 0 0; background-image: url(../img/watch-video-btn.png); text-indent: -99999px; }
a.educatedbtn, a.educatedbtn:link, a.educatedbtn:visited, a.educatedbtn:hover, a.educatedbtn:active { display: block; width: 333px; height: 48px; margin: 18px 0 0; background-image: url(../img/get-educated-btn.png); text-indent: -99999px; }
a.pddarkbtn, a.pddarkbtn:link, a.pddarkbtn:visited, a.pddarkbtn:hover, a.pddarkbtn:active { display: block; width: 183px; height: 48px; margin: 18px 0 0; background-image: url(../img/prod-details-dark-btn.png); text-indent: -99999px; }
a.connectbtn, a.connectbtn:link, a.connectbtn:visited, a.connectbtn:hover, a.connectbtn:active { display: block; width: 285px; height: 48px; margin: 155px 0 0; background-image: url(../img/connect-btn.png); text-indent: -99999px; }
a.distbtn, a.distbtn:link, a.distbtn:visited, a.distbtn:hover, a.distbtn:active { display: block; width: 202px; height: 48px; margin: 32px 0 0; background-image: url(../img/distributor-btn.png); text-indent: -99999px; }
a.contactinfobtn, a.contactinfobtn:link, a.contactinfobtn:visited, a.contactinfobtn:hover, a.contactinfobtn:active { display: block; width: 353px; height: 48px; margin: 36px 0 0; background-image: url(../img/btn-contact-info.png); text-indent: -99999px; }
a.selectionbtn, a.selectionbtn:link, a.selectionbtn:visited, a.selectionbtn:hover, a.selectionbtn:active { display: block; width: 238px; height: 48px; margin: 90px 0 0; background-image: url(../img/btn-selection.png); text-indent: -99999px; }
a.getmorebtn, a.getmorebtn:link, a.getmorebtn:visited, a.getmorebtn:hover, a.getmorebtn:active { display: block; width: 238px; height: 48px; margin: 20px 0 0; background-image: url(../img/btn-get-more.png); text-indent: -99999px; }
a.readbtn, a.readbtn:link, a.readbtn:visited, a.readbtn:hover, a.readbtn:active { display: block; width: 139px; height: 48px; margin: 40px 0 0; background-image: url(../img/btn-read-more.png); text-indent: -99999px; }
a.howitworksbtn { display: block; width: 222px; height: 48px; margin: 40px 0 0; background-image: url(../img/btn-how-it-works.png); text-indent: -99999px; }
a.cadbtn { display: block; width: 311px; height: 48px; margin: 40px 0 0; background-image: url(../img/btn-cad.png); text-indent: -99999px; }
a.linerupdatebtn { display: block; width: 197px; height: 48px; margin: 40px 0 0; background-image: url(../img/btn-liner-update.png); text-indent: -99999px; }
a.showdetailsbtn { display: block; width: 222px; height: 48px; margin: 20px 0 0; background-image: url(../img/btn-show-liner-details.png); text-indent: -99999px; }
a.alphalinerfamilybtn { display: block; width: 294px; height: 48px; margin: 20px 0 0; background-image: url(../img/btn-visit-alpha-liner-family.png); text-indent: -99999px; }
a.pairtorsionbtn { display: block; width: 517px; height: 48px; margin: 20px 0 0; background-image: url(../img/btn-pair-torsion-receiver.png); text-indent: -99999px; }
a.customsolutionsbtn { display: block; width: 334px; height: 48px; margin: 20px 0 0; background-image: url(../img/btn-custom-solutions.png); text-indent: -99999px; }
.featpic { position: absolute; right: 0; bottom: 0; z-index: 999; }
.cbtn { position: absolute; top: 225px; display: block; width: 39px; height: 39px; background-image: url(../img/arrow-btn-sprite.png); text-indent: -9999px; z-index: 99999; }
#prev { background-position: 0 0; left: -15px; }
#next { background-position: -39px 0; right: -15px; }
#contentmain { width: 978px; margin: 50px auto; }
#contentbox { width: 964px; min-height: 200px; -moz-box-shadow: 0 0 7px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.25); box-shadow: 0 0 7px rgba(0,0,0,0.25); background-color: white; position: relative; z-index: 3; }
#contenttop { height: 33px; padding: 15px 0 0; background-image: url(../img/content-top.jpg); background-repeat: no-repeat; background-position: left top; }
/* content header h2 style definitions */
#contenttop h2 { margin: 0 0 0 25px; height: 16px; background-image: url(../img/h2-content-sprite.png); background-repeat: no-repeat; text-indent: -9999px; }
h2#p_products-and-services { width: 179px; background-position: 0 0; }
h2#p_education-and-resources { width: 207px; background-position: 0 -16px; }
h2#p_about-willowwood { width: 179px; background-position: 0 -32px; }
h2#p_news-and-events { width: 132px; background-position: 0 -48px; }
h2#p_search { width: 131px; background-position: 0 -64px; }
h2#p_404 { width: 38px; background-position: 0 -80px; }
#contenttop h2#blog { width: 164px; height: 18px; background-position: 0 -96px; }
/* end */
#left { float: left; width: 227px; }
/* subnav styles - depth of 3 layers */
#subnav { list-style-type: none; margin: 0; padding: 18px 0 0; background-image: url(../img/subnav-repeat.png); background-repeat: repeat-y; background-position: right top; }
#subnav li { padding: 0 0 1px 0; background-image: url(../img/subnav-li-border.png); background-repeat: no-repeat; background-position: left bottom; }
#subnav li a, #subnav li a:link, #subnav li a:visited { display: block; width: 192px; min-height: 14px; padding: 8px 10px 8px 25px; background-image: url(../img/subnav-link-bg.png); background-repeat: repeat-x; background-position: left bottom; line-height: 17px; text-decoration: none; color: #999999; }
#subnav li a.on, #subnav li a.on:link, #subnav li a.on:visited, #subnav li a:hover, #subnav li a:active { background-image: none; background-color: white; color: #362421; }
#subnav li ul { list-style-type: none; padding: 1px 0 10px 35px; background-image: none; background-color: white; }
#subnav li ul li { background-image: none; margin: 4px 0; padding: 0; }
#subnav li ul li a, #subnav li ul li a:link, #subnav li ul li a:visited { display: inline; padding: 0; background-image: none; }
#subnav li ul li a.on, #subnav li ul li a.on:link, #subnav li ul li a.on:visited, #subnav li ul li a:hover, #subnav li ul li a:active { color: #362421; background-image: none; }
#subnav li ul li ul { padding: 1px 0 4px 0; }
#subnav li ul li ul li a, #subnav li ul li ul li a:link, #subnav li ul li ul li a:visited { display: inline-block; width: auto; padding: 0 0 0 18px; }
#subnav li ul li ul li a:hover, #subnav li ul li ul li a:active { display: inline-block; padding: 0 0 0 18px; }
#subnav li ul li ul li a.on, #subnav li ul li ul li a.on:link, #subnav li ul li ul li a.on:visited, #subnav li ul li ul li a.on:hover, #subnav li ul li ul li a.on:active { background-image: url(../img/subnav-bullet.png); background-repeat: no-repeat; background-position: left 3px; }
#subnav li ul li ul li ul { padding: 1px 0 4px 30px; }
#subnav li ul li ul li ul li a, #subnav li ul li ul li ul li a:link, #subnav li ul li ul li ul li a:visited, #subnav li ul li ul li ul li a:hover, #subnav li ul li ul li ul li a:active { display: inline; width: auto; padding: 0; }
#subnav li ul li ul li ul li a.on, #subnav li ul li ul li ul li a.on:link, #subnav li ul li ul li ul li a.on:visited { background-image: none; font-style: italic; }
#sncup { height: 138px; background-image: url(../img/subnav-cup.png); background-repeat: no-repeat; background-position: right top; }
/* end subnav styles */
.content { margin-left: 227px; line-height: 24px; font-size: 14px; }
#contentfull { margin-left: 0; }
.padd { padding: 1px 26px 26px 26px; }
.content h3 { margin: 20px 0; font-size: 20px; color: #362421; }
.content h4 { margin: 24px 0; line-height: 30px; font-family: Georgia, serif; font-size: 24px; font-weight: normal; color: #304952; }
.content h5 { margin: 16px 0; line-height: 24px; font-size: 16px; color: #362421; }
.content h6 { margin: 16px 0 -8px 0; font-size: 16px; color: #304952; }
.content h3 sup, .content h4 sup, .content h5 sup, .content h6 sup { font-size: 12px; vertical-align: top; }
.content p { margin: 14px 0; }
.content .emphasis { font-size: 16px; font-weight: bold; color: #362421; }
.content .br { color: #362421; }
.content .sm { font-size: 12px; }
.content p.sm { margin: -8px 0; }
.content .sm em { font-family: Georgia, serif; color: #304952; }
.content a.pdf { display: inline-block; min-height: 30px; padding-left: 36px; background-image: url(../img/pdf.png); background-repeat: no-repeat; background-position: left center; font-family: Georgia, serif; font-style: italic; }
#prodserv { position: relative; height: 258px; margin: 0 0 50px 0; padding: 35px 0 0 35px; background-image: url(../img/products-services-feat-bg.jpg); background-repeat: no-repeat; background-position: left top; }
#prodserv img { position: absolute; right: 0px; top: -35px; }
#prodserv h2 {
color: #273E45;
line-height: 1;
font-size: 3em;
font-weight: bold;
margin: 0;
}
h2#earthwalk { width: 312px; height: 72px; backgrouhnd-position: 0 -167px; }
h2#alphaselect { width: 360px; height: 129px; background-position: 0 -699px; }
#prodserv a.pdbtn { margin: 48px 0 0; }
#productfeatures { padding: 0 0 0 22px; margin: 0 0 34px 0; }
#productfeatures .fl { width: 218px; margin-left: 16px; }
#productfeatures #first { margin: 0; }
#productfeatures h3 { margin: 14px 0 0; font-size: 14px; font-weight: bold; color: #362421; }
#productfeatures p { margin: 0 0 14px 0; }
a.moredetails, a.moredetails:link, a.moredetails:visited, a.moredetails:hover, a.moredetails:active { display: block; width: 79px; height: 16px; padding: 2px 0 0; background-image: url(../img/more-details-btn.png); background-repeat: no-repeat; background-position: left top; line-height: normal; text-align: center; text-decoration: none; font-family: Georgia, serif; font-size: 11px; font-style: italic; color: #f2f1f6; }
#producthighlights { padding: 0 0 34px 0; }
#producthighlights a { display: block; float: left; margin: 0 0 0 22px; }
/* secondary landing page styles */
table.landing img { width: 184px; height: 153px; border: 3px solid #e9e8ed; }
/* product template styles */
#tabnav { list-style-type: none; width: 684px; height: 38px; margin: 0; padding: 0 0 0 24px; background-image: url(../img/tabnav-bg.png); background-repeat: no-repeat; background-position: left top; }
#tabnav li { float: left; }
#tabnav li a, #tabnav li a:link, #tabnav li a:visited { display: block; height: 24px; padding: 14px 0 0; background-image: url(../img/tabnav-link-bg.png); background-repeat: repeat-x; background-position: 0 -38px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 11px; font-style: normal; font-weight: bold; color: #999999; }
#tabnav li a.on, #tabnav li a.on:link, #tabnav li a.on:visited, #tabnav li a:hover, #tabnav li a:active { background-position: center bottom; color: #304952; }
#tabnav li a#tabspecs { width: 119px; }
#tabnav li a#tabordering { width: 158px; }
#tabnav li a#tabresources { width: 226px; }
#tabnav li a#tabvideos { width: 70px; }
#tabcontent { list-style-type: none; margin: 20px 0; padding: 0; }
#tabcontent li { display: none; }
#tabcontent li.on { display: block; }
#tabcontent li ul li, #tabcontent li ol li { display: list-item; }
#tabcontent li ol { list-style-type: decimal; }
#tabcontent li ol ol { list-style-type: lower-alpha; }
#tabcontent li ol ol ol { list-style-type: lower-roman; }
table.common { border-collapse: collapse; }
table.common td { padding: 10px; border-top: 1px solid #eaeaeb; border-bottom: 1px solid #eaeaeb; vertical-align: top; }
#pgallery { width: 359px; margin-bottom: 20px; }
#pcontain { position: relative; width: 353px; border: 3px solid #d5d3d4; overflow: hidden; }
#pcontain a, #pcontain a:link, #pcontain a:visited { display: none; }
#pcontain img { display: block; margin: 0 auto; cursor: pointer;}
#pinfo { position: absolute; left: 0; bottom: 0; padding: 8px 10px; background-color: white; opacity: .8; font-family: Georgia, serif; font-style: italic; }
a.pbtn { position: absolute; display: block; width: 30px; height: 30px; background-image: url(../img/pcontrols.png); background-repeat: no-repeat; text-decoration: none; text-indent: -9999px; }
#pcontain a#magnify, #pcontain a#magnify:link, #pcontain a#magnify:visited { left: 9px; top: 10px; background-position: 0 0; display: block; }
a#i { right: 9px; bottom: 10px; background-position: 0 -30px; }
#pthumbs { margin: 16px 0; }
#pthumbs a, #pthumbs a:link, #pthumbs a:visited { float: left; display: block; width: 74px; height: 74px; margin: 0 8px 8px 0; border: 3px solid #d5d3d4; }
#pthumbs a:hover, #pthumbs a:active { border: 3px solid #e4721c; }
#pthumbs a img { display: block; margin: 0 auto; }
/* event styles */
a.addtocal { display: inline-block; min-height: 24px; margin-left: 10px; background-image: url(../img/add-to-cal-btn.png); background-repeat: no-repeat; background-position: left center; text-indent: 34px; }
#eventnav { margin: 12px 0 12px 20px; }
#eventnav form div { margin-bottom: 8px; }
#eventnav form div.indent { margin-left: 90px; }
table#eventlist th { text-align: left; font-size: 16px; color: #362421; }
table#eventlist td { padding: 6px; border-bottom: 1px solid #eaeaeb; font-family: Georgia, serif; font-style: italic; }
table#eventlist td a, table#eventlist td a:link, table#eventlist td a:visited { text-decoration: none; color: #304952; }
table#eventlist td a:hover, table#eventlist td a:active { text-decoration: underline; }
/* search page */
ol#searchresults { list-style-type: none; margin: 14px 0 24px 0; }
.pageoptions { padding-left: 36px; line-height: 20px; }
.pageoptions .tablenav-pages { height: 30px; }
.pageoptions span.page-numbers, .pageoptions a.page-numbers, .pageoptions a.page-numbers:link, .pageoptions a.page-numbers:visited { display: inline-block; margin: 4px; padding: 0 6px; background: none repeat scroll 0 0 transparent; border: 1px solid #304952; font-size: 13px; font-weight: bold; color: #304952; text-decoration: none; vertical-align: middle; }
.pageoptions a.page-numbers:hover, .pageoptions a.page-numbers:active { background-color: #304952; color: white; }
.pageoptions span.current, .pageoptions a.current, .pageoptions a.current:link, .pageoptions a.current:visited { background: none repeat scroll 0 0 #304952; color: white; }
.pageoptions span.greyed { color: #999999; }
#footerpush { height: 252px; }
#footerbox { height: 252px; background-image: url(../img/footerbox-bg.png); background-repeat: repeat-x; background-position: left top; background-color: #e6e6e6; }
#footer { background-image: url(../img/footer-bg.png); background-repeat: no-repeat; background-position: center 1px; font-size: 14px; color: #999999; }
#footerfeat { height: 154px; padding: 34px 0 12px 0; border-bottom: 1px solid #dddddd; }
#footerfeat div { height: 154px; }
#footerfeat #email { float: left; width: 260px; margin: 0 0 0 32px; padding: 0 52px 0 0; border-right: 1px solid #f2f2f2; }
#email form { position: relative; margin: 0; padding: 0; border: 0; }
#email #EmailAddress { position: absolute; left: 0; top: 0; width: 172px; height: 21px; margin: 0; padding: 4px; background-image: url(../img/join-bg.png); background-repeat: no-repeat; background-position: left top; border: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; }
#email .joinbtn { position: absolute; left: 190px; top: 0; display: block; width: 61px; height: 30px; padding: 0; background-image: url(../img/btn-sm.png); background-repeat: no-repeat; background-position: left top; text-align: center; text-decoration: none; font-family: Georgia, serif; font-style: italic; color: white; border:none; cursor: pointer; }
#footerfeat #events { float: left; width: 207px; padding: 0 20px 0 50px; border-right: 1px solid #f2f2f2; border-left: 1px solid #dddddd; }
#footerfeat #events a, #footerfeat #events a:link, #footerfeat #events a:visited { text-decoration: none; color: #2E4751; }
#footerfeat #events a:hover, #footerfeat #events a:active { text-decoration: underline; }
#footerfeat #reimbursement { float: left; width: 260px; padding: 0 0 0 50px; border-left: 1px solid #dddddd; }
#reimbursement a, #reimbursement a:link, #reimbursement a:visited { text-decoration: none; font-family: Georgia, serif; font-style: italic; color: #2e4751; }
#reimbursement a:hover, #reimbursement a:active { color: #322b28; }
#footer h3 { margin: 0; font-size: 14px; color: #2f4852; }
#footer p { margin: 14px 0; line-height: 24px; }
#footer em { font-family: Georgia, serif; color: #2e4751; }
#foot { clear: both; border-top: 1px solid #f2f2f2; }
#foot p { margin: 12px 0; }
#legal { float: left; }
#flinks { float: right; }
#flinks a, #flinks a:link, #flinks a:visited { font-family: Georgia, serif; font-style: italic; text-decoration: none; color: #999999; }
#flinks a:hover, #flinks a:active { color: #322b28; }
/* dialog styles */
#dlg-w-top { width: 456px; height: 52px; background-image: url(../img/dlg-w-top.png); background-repeat: no-repeat; background-position: center top; }
#dlg-w-body { background-image: url(../img/dlg-w-repeat.png); background-repeat: repeat-y; background-position: center top; }
#dlg-w-inside { min-height: 50px; background-image: url(../img/dlg-w-inside-bottom.png); background-repeat: no-repeat; background-position: center bottom; }
#dlg-padd { padding: 1px 54px; }
#dlg-padd .title { margin: 2px 0 18px 0; padding-bottom: 4px; border-bottom: 1px solid #f1f0f5; font-family: Georgia, serif; font-size: 18px; color: #f27b21; }
#dlg-padd p { line-height: 20px; font-size: 14px; }
#dlg-padd label { width: auto; margin: 0; line-height: 22px; text-align: left; vertical-align: baseline; }
#dlg-padd input[type="text"] { width: 112px; height: 21px; margin: 0; padding: 4px; border: 0; background-image: url(../img/w-input.png); background-repeat: no-repeat; background-position: left top; }
#dlg-padd input[type="image"] { vertical-align: middle; }
#dlg-scroll { height: 342px; overflow: auto; }
#dlg-w-foot { width: 456px; height: 56px; background-image: url(../img/dlg-w-foot.png); background-repeat: no-repeat; background-position: center top; }
/* end dialog styles */
/* bwhitman 2011-02-24 - event details page */
.content a.registerlink, .content a.registerlink:link, .content a.registerlink:visited { display: none; }
#printbutton { display: block; background: url(/img/print-btn.png) no-repeat;height: 15px; position: absolute; right: 20px; top: 70px; padding-left: 24px; line-height: 18px; }
/** wordpress theme styles **/
#left #subnav h4 { margin: 16px 0 8px 25px; font-size: 14px; color: #362421; }
#left #subnav h4#blogcat { margin-top: 32px; }
.content #wp h3 { margin: 24px 0 0; line-height: 30px; font-family: Georgia, serif; font-size: 24px; font-weight: normal; color: #304952; }
.content #wp h4 { margin: 16px 0; line-height: 24px; font-size: 16px; color: #362421; }
.content #wp h5 { margin: 16px 0 -8px 0; font-size: 16px; color: #304952; }
#wp h6#comments { padding: 8px 0 0; border-top: 1px dotted #304952; }
#wp #respond label { margin: 0; text-align: left; }
em.pubinfo { display: block; margin-bottom: 18px; font-weight: bold; }
.postmetadata em { font-weight: bold; }
iframe#blogcal { float: left; width: 207px; padding: 0 20px 0 50px; border-top: 0; border-right: 1px solid #f2f2f2; border-bottom: 0; border-left: 1px solid #dddddd; overflow: hidden; }
/* liner search styles */
#breadcrumb { font-size: 12px; }
.linersearch h6 { margin: 0; color: #4d7685; }
form#linersearch { background-color: #f8f8f8; border: 1px solid #dadada; }
form#linersearch fieldset { }
form#linersearch fieldset legend { padding: 6px 0 12px 12px; font-size: 22px; }
form#linersearch label { float: left; display: block; width: auto; margin: 0 0 12px 10px; text-align: left; text-indent: 4px; vertical-align: baseline; font-size: 12px; font-weight: bold; color: #4e4e4e; }
form#linersearch label a.popover-link { display: block; }
form#linersearch span.label { width: auto; margin: 23px 0 0 10px; text-align: left; }
form#linersearch input[type="text"], form#linersearch div.select, form#linersearch textarea {
background: #fff;
border: 1px solid #dedede;
border-radius: 6px;
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
color: #999;
font-size: 12px;
font-weight: normal;
padding: 8px;
width: auto;
}
form#linersearch input[type="text"]:focus, form#linersearch textarea { color: #4e4e4e; }
form#linersearch div.error { border: 1px solid red; }
form#linersearch select { width: 140px; }
form#linersearch .required .chzn-single {
box-shadow: 0 0 3px #fff inset,
0 1px 1px rgba(0, 0, 0, 0.1),
0 0 4px #e1711c,
0 0 4px #e1711c,
0 0 4px #e1711c;
}
form#linersearch .chzn-container-single .chzn-single {
background: #fff;
border: 1px solid #dedede;
border-radius: 6px;
color: #4e4e4e;
font-size: 12px;
font-weight: normal;
padding: 4px;
box-sizing: content-box;
}
form#linersearch .chzn-container-single .chzn-drop .chzn-search {
display: none;
}
form#linersearch .chzn-container-single .chzn-single div {
width: 28px;
}
form#linersearch .chzn-container-single .chzn-single div b {
background-color: #e4e9e5;
background-position: 5px 3px;
}
form#linersearch .chzn-container-active .chzn-single-with-drop {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
form#linersearch .chzn-container-active .chzn-single-with-drop div b {
background-position: -13px 2px;
}
form#linersearch .chzn-container .chzn-results li {
font-weight: normal;
}
form#linersearch .chzn-container .chzn-drop {
border: 1px solid #dedede;
}
div.select { display: inline-block; zoom: 1; *display: inline; position: relative; text-indent: 0; }
div.select > span { position: relative; top: 0; }
div.select a.expand { position: absolute; right: 0; top: 0; display: block; width: 28px; height: 38px; border-radius: 0 6px 6px 0; background: url(../img/select-arrow.png) 8px 16px no-repeat #e4e8e5; text-indent: -9999px; }
div.select ul { position: absolute; width: 100%; left: 0; top: 42px; border-top: none; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 3px 3px 0px rgba(0, 1, 1, .3); -moz-box-shadow: 0 3px 3px 0px rgba(0, 1, 1, .3); box-shadow: 0 3px 3px 0px rgba(0, 1, 1, .3); z-index: 9000; }
div.select ul li { margin: 0; }
div.select ul li a, div.select ul li a:link, div.select ul li a:visited { display: block; padding: 10px 15px; background: #fff; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; text-decoration: none; font-size: 12px; font-weight: normal; color: #999; }
div.select ul li a:hover { background: url(../img/auto-bg.png) 0 0 repeat-x; text-decoration: none; color: #4e4e4e; }
div.select ul li:first-child a { border-radius: 5px 5px 0 0; }
#calculator-fields { position: relative; height: 122px;}
#calculator-fields > a.calculate { position: absolute; right: 6px; bottom: 4px; }
#liner-size-recommendations { position: relative; min-height: 136px; color: #7e7e7e; }
#liner-size-recommendations > a.recalculate { position: absolute; right: 6px; bottom: 4px; }
#possible-sizes { margin-left: 20px; }
#main #possible-sizes > h4 { font-size: 18px; line-height: 1.0em; margin: 8px 0px; color: inherit; }
#main #possible-sizes > ul { list-style-type: disc; }
#main #possible-sizes > ul > li { margin: 0px 0px 0px 18px; font-size: 14px;}
#recommended-size { margin-left: 45px; }
#recommended-size > h3 { font-size: 18px; line-height: 1.0em; margin: 8px 0; color: #2a4148; }
.calculate-container { height: 38px; }
.calculate-container > a { position: absolute; right: 14px; }
#disclaimer { float: left; position: relative; font-size: 11px; color: #999999; left: 78px; width: 212px; line-height: 1.7em; }
#content h5#results-count {
color: #2A4148;
margin: 8px 0 40px 12px;
}
#results h5 { margin: 30px 0 4px 0; padding-bottom: 20px; background: url('../img/ls-list-bottom.png') left bottom no-repeat; }
#results ul { list-style: none; margin: 10px 0 18px; padding: 0 0 10px 0; background: url('../img/ls-list-bottom.png') left bottom no-repeat; }
#results ul li { height: 55px; background: url('../img/ls-li-bg.png') 0 0 no-repeat; }
#results ul li.hover { background-position: 0 -55px; }
#results ul li.selected { background-position: 0 -110px; }
#results ul li span { padding: 8px 0 0; vertical-align: top; }
span.prod_id { display: inline-block; zoom: 1; *display: inline; width: 150px; font-weight: bold; }
span.prod_title { display: inline-block; zoom: 1; *display: inline; width: 380px; }
div.or-text { color: #4e4e4e; float: left; font-weight: bold; padding: 28px 0 0 24px; }
a.select, a.select:link, a.select:visited { display: inline-block; zoom: 1; *display: inline; width: 88px; height: 28px; background: url('../img/btn-sprite.png') 0 0 no-repeat; vertical-align: middle; text-indent: -99999px; margin-top: 8px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
a.select:hover, a.select:active { background-position: 0 -28px; }
a.find, a.find:link, a.find:visited { display: inline-block; zoom: 1; *display: inline; width: 165px; height: 28px; margin: 28px 0 0 20px; background: url('../img/btn-sprite.png') 0 -356px no-repeat; vertical-align: middle; text-indent: -99999px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
a.find:hover, a.find:active { background-position: 0 -384px; }
a.calculate, a.calculate:link, a.calculate:visited { display: inline-block; zoom: 1; *display: inline; width: 97px; height: 28px; background: url('../img/btn-sprite.png') 0 -168px no-repeat; vertical-align: middle; text-indent: -99999px; margin-top: 8px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
a.calculate:hover, a.calculate:active { background-position: 0px -167px; }
a.recalculate, a.recalculate:link, a.recalculate:visited { display: inline-block; zoom: 1; *display: inline; width: 107px; height: 29px; background: url('../img/btn-sprite.png') 0 -225px no-repeat; vertical-align: middle; text-indent: -99999px; margin-top: 8px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
a.clear-filters, a.clear-filters:link, a.clear-filters:visited { display: inline-block; zoom: 1; *display: inline; width: 113px; height: 28px; margin: 28px 0 0 20px; background: url('../img/btn-sprite.png') 0 -300px no-repeat; vertical-align: middle; text-indent: -99999px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
a.clear-filters:hover, a.clear-filters:after { background-position: 0 -328px; }
.content table.landing a.search { display:block; text-decoration: none; padding:0 15px; border:3px solid #E9E8ED; height: 153px; width:154px; }
table.landing a.search span { display: block; color: #7f7f7f }
table.landing a.search span.header { font-weight: bold; margin: 16px 0 10px 0; line-height: 24px; font-size: 16px; color: #362421; padding-left: 25px; background: url(../img/search.png) center left no-repeat; }
table.landing a.search span.fr { color: #293e46; }
table.landing a.search:hover span.fr { color: #7f7f7f; }
#product-view .info { overflow: hidden; }
#product-view .text { width: 400px; margin-left: 20px; }
#product-view .prod-image { min-height: 245px; background: url(../img/info-bg.png) center left no-repeat; padding-left: 15px; }
#product-view h4 { font-family: Arial, sans-serif; font-weight: bold; color: #4d7685; font-size: 20px; margin: 10px 0; }
#product-view h5 { color: #7e7e7e; font-weight: normal; font-size: 14px; margin: 0 0 10px 0; }
#product-view ul { padding: 0; position: relative; width: 675px; margin-bottom: 40px; }
#product-view ul li { list-style: none; height: 15px; background: url('../img/ls-li-bg.png') top center no-repeat #fff; padding: 20px 0; }
#product-view ul li:nth-child(even) { background-color: #fbfbfb; }
#product-view ul li.last { background-color: #fff; }
#product-view span.item { font-weight: bold; color: #7e7e7e; margin-left: 10px; }
#product-view span.value { position: absolute; left:300px; }
#product-view a.print {display: inline-block; zoom: 1; *display: inline; width: 86px; height: 28px; background: url('../img/btn-sprite.png') -90px 0 no-repeat; vertical-align: middle; text-indent: -99999px; margin-top: 8px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
#product-view a.print:hover { background-position: -90px -28px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
#product-view a.back-results {display: inline-block; zoom: 1; *display: inline; width: 165px; height: 28px; background: url('../img/btn-sprite.png') 0 -112px no-repeat; vertical-align: middle; text-indent: -99999px; margin-top: 8px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
#product-view a.back-results:hover { background-position: 0 -140px; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
/* popovers */
#popover-bg {
background: black;
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
#popover-outer {
background: white;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
display: none;
height: 400px;
left: 50%;
margin: -200px 0 0 -300px;
position: fixed;
top: 50%;
width: 600px;
z-index: 1001;
}
#popover-outer a#popover-x {
background: transparent url(../img/popover-x.png) top left no-repeat;
display: block;
height: 40px;
margin: 0 0 0 560px;
width: 40px;
}
#popover-outer #popover-inner {
height: 340px;
margin: 0 20px 20px 20px;
width: 560px;
overflow: auto;
}
#popover-outer #popover-inner h1 {
color: #362421;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 24px;
margin: 20px 0;
}
#popover-outer #popover-inner p {
color: #999;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 24px;
margin: 14px 0;
}
#popover-outer #popover-inner a {
color: #304952;
text-decoration: none;
}
#popover-outer #popover-inner a:active,
#popover-outer #popover-inner a:hover {
text-decoration: underline;
}
body { background: #fff; }
#footerbox { display: none; }
.content { margin: 0 auto; }
#content h5 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
form#linersearch label { float: none !important; display: block !important; }
form#linersearch a.popover-link { margin-bottom: 12px; }
form#linersearch label.d-none { display: none !important; }
form#linersearch .checkbox-group { }
form#linersearch a.clear-filters { background: url(../img/btn-sprite.png) 0 -300px no-repeat !important; }
form#linersearch a.clear-filters:hover { background-position: 0 -328px !important; }
form#linersearch a.find:hover, form#linersearch a.find:active {
background: url(../img/btn-sprite.png) 0 -384px no-repeat !important;
}