#descrspecial {margin: 6px auto;
text-align: center;
width: 75%;
min-height: 80px;
border-radius: 8px;
border: solid 2px red;
background: white;
padding: 20px;
box-shadow: 6px 7px 5px rgba(0, 0, 0, .5); } #descrspecial img { float:left;border: solid 2px black; } #scMainImgId { padding-bottom: 20px; } #imgpopup { position: absolute; display: none; z-index: 1000; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.5); box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.5); border: 2px solid rgba(0, 0, 0, 0.8); } #order-button { cursor: pointer; } html { color: #000; background: #FFF; } body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, cite, code, dfn, strong, th, var { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } body { font: 12px/1.231 arial, helvetica, clean, sans-serif; } select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; } table { font-size: inherit; font: 100%; } body { text-align: center; } #ft { clear: both; } #doc, #doc2, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { margin: auto; text-align: left; width: 57.69em; min-width: 750px; } #doc2 { width: 73.076em; } .yui-b { position: relative; } .yui-b { _position: static; } #yui-main .yui-b { position: static; } #yui-main, .yui-g .yui-u .yui-g { width: 100%; } { width: 100%; } .yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main { float: right; margin-left: -25em; } .yui-t2 .yui-b { float: left; width: 13.8461em; } .yui-t2 #yui-main .yui-b { margin-left: 184px; } #yui-main .yui-b { float: none; width: auto; } #bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf { zoom: 1; } h1 { font-size: 138.5%; } h2 { font-size: 123.1%; } h1, h2, h4, h5, h6, strong { font-weight: bold; } th, td { padding: .5em; } th { font-weight: bold; text-align: center; } p, fieldset, pre { margin-bottom: 1em; } input[type=text], input[type=password], textarea { width: 12.25em; } #hd, #ft { float: left; width: 100%; } #hd .headerlinks { float: right; list-style: none; margin: 0; padding: 0; } #hd .headerlinks li, #ft .footerlinks li { float: left; padding: 5px 0; } #hd .headerlinks li a, #ft .footerlinks li a { border-right: solid 1px #94bde7; color: #000; font: 0.9em tahoma, arial, sans-serif; padding: 0 7px; text-decoration: none; } #hd .headerlinks li a:hover, #ft .footerlinks li a:hover { text-decoration: underline; } #hd .headerlinks li.last a, #ft .footerlinks li.last a { border: none; } #hd .headerlinks li *, #ft .footerlinks li * { vertical-align: middle; } .clear, .cleared { clear: both; } body { background: #a7a7a7 url(body-bg.jpg) repeat-x left top; } #doc2 { background: #fff url(background.jpg) no-repeat left top; width: 959px !important; } #hd { position: relative; height: 127px; z-index: 999; } #hd .headerlinks { position: absolute; left: 370px; top: 5px; } #hd .headerlinks li a { color: #006; font: 12px Arial; } #hd .phone { font: bold 18px Arial; color: white; position: absolute; left: 395px; top: 37px; text-align: center; } #hd .phone span { color: orange; } #nav { margin-top: 5px; margin-left: 13px; } #nav a { background: url(left-nav-bg-off.png) no-repeat left top; width: 163px; height: 48px; display: block; font-size: 16px; color: #000; text-decoration: none; line-height: 40px; text-align: center; padding-right: 7px; } #nav a:hover { background: url(left-nav-bg-on.png) no-repeat left top; } #nav li { margin-bottom: 7px; } .left-nav-box-1 { background: url(left-nav-box1.jpg) no-repeat left top; width: 179px; height: 80px; position: relative; } .left-nav-box-1 .text { font: normal 15px Arial; color: #fff; padding-left: 25px; padding-top: 21px; padding-right: 20px; } .left-nav-box-1 .click { font: normal 10px Arial; float: right; color: #000; text-decoration: none; margin-right: 33px; position: absolute; top: 56px; left: 101px; } .left-nav-box-1 .click:hover { text-decoration: underline; } .left-nav-box-2 { background: url(left-nav-box2.jpg) no-repeat left top; width: 179px; height: 172px; position: relative; } .left-nav-box-2 .text { font: normal 15px Arial; color: #fff; padding-left: 25px; padding-top: 21px; padding-right: 20px; } .left-nav-box-2 .click { font: normal 10px Arial; float: right; color: #000; text-decoration: none; margin-right: 33px; position: absolute; top: 39px; left: 101px; } .left-nav-box-2 .click:hover { text-decoration: underline; } .left-nav-box-3 { background: url(left-nav-box3-top.jpg) no-repeat left top; width: 179px; height: 175px; position: relative; } .left-nav-box-3 .text { font: normal 15px Arial; color: #fff; padding-left: 25px; padding-top: 21px; padding-right: 20px; } .left-nav-box-3 .text2 { font: normal 11px Arial; color: #fff; padding-left: 25px; padding-top: 10px; padding-right: 20px; padding-bottom: 6px; } .left-nav-box-3-bottom { background: url(left-nav-box3.jpg) no-repeat left bottom; width: 179px; height: 30px; position: relative; } .left-nav-box-3-bottom .click { font: normal 10px Arial; float: right; color: #fff; text-decoration: none; margin-right: 33px; xposition: absolute; top: 145px; left: 101px; } .left-nav-box-3-bottom .click:hover { text-decoration: underline; } .left-nav-box-4 { background: url(left-nav-box4-top.jpg) no-repeat left top; width: 179px; xheight: 175px; position: relative; padding-bottom: 10px; } .left-nav-box-4 .text { font: normal 18px Arial; color: #fff; padding-left: 20px; padding-top: 18px; padding-right: 20px; } .left-nav-box-4 .text2 { font: normal 11px Arial; color: #fff; padding-left: 25px; padding-top: 10px; padding-right: 15px; } .left-nav-box-4-bottom { background: url(left-nav-box4.jpg) no-repeat left bottom; width: 179px; height: 39px; position: relative; } .left-nav-box-4-bottom .click { margin-right: 35px; font: normal 10px Arial; float: right; color: #fff; text-decoration: none; xposition: absolute; top: 136px; left: 101px; } .left-nav-box-4-bottom .click:hover { text-decoration: underline; } #ft { background: url(footer-bg.jpg) no-repeat left top; height: 49px; position: relative; } #ft .footerlinks { position: absolute; left: 135px; top: 8px; } #ft .footerlinks a { color: #fff !important; font: bold 11px Tahoma !important; border-right: solid 1px #fff !important; } #ft .footerlinks li.last a { border: 0px !important; } #ft .mailinglist { background: url(mail-bg.jpg) no-repeat left top; width: 765px; height: 55px; position: absolute; left: 184px; top: -100px; padding-top: 50px; } #ft .mailinglist .text { font: normal 11px Arial; color: #7f7f7f; } #ft .mailinglist #newsletter-email { position: absolute; left: 412px; top: 18px; width: 270px; text-align: center; border: 0px; color: #999; } #ft .mailinglist #newsletter-go { position: absolute; left: 695px; top: 15px; } #ft .mailinglist p { font: normal 20px Arial; color: #103559; position: absolute; left: 15px; top: 15px; } .credits { background: #a7a7a7; padding-bottom: 50px; } .credits .sc { float: left; padding: 15px; font: normal 10px Tahoma; color: #646464; } .credits .sc a { font: normal 10px Tahoma; color: #646464; text-decoration: none; } .credits .sc a:hover { text-decoration: underline; } .credits .copyright { float: right; padding: 15px; font: bold 11px Tahoma; color: #646464; } .looking-for { width: 768px; background: url(orange-bg.jpg) repeat-x left top; height: 35px; margin: 0 0 8px 4px; } .looking-for div { font: normal 20px Arial; color: #fff; float: left; padding-left: 30px; padding-top: 5px; } .looking-for a { float: right; font: normal 15px Arial; color: #fff; margin-right: 40px; padding-right: 10px; padding-top: 7px; background: url(arrow.jpg) no-repeat right 13px; } .ideas { background: #bae6ff url(blue-bg.jpg) no-repeat bottom left; padding-left: 20px; padding-top: 15px; margin-top: 10px; float: left; width: 748px; } .ideas .idea1 { width: 300px; float: left; } .ideas .idea2 { width: 410px; float: left; padding-left: 35px; } .ideas .title, .awards .title { color: #103559; font: normal 20px Arial; padding-bottom: 15px; } .awards { padding-left: 10px; padding-top: 10px; float: left; width: 768px; } .awards td { padding: 0px !important; } #bd #yui-main .yui-b { background: url(body-middle-bg.jpg) repeat-y left top; margin-top: 10px; } #bd #yui-main .yui-b .yui-g { background: url(body-bottom-bg.jpg) no-repeat left bottom; padding-left: 20px; padding-top: 10px; padding-right: 20px; margin-bottom: 130px; } .scBreadcrumbs, .scBreadcrumbs a { font: normal 11px Arial; color: #7f7f7f; margin-bottom: 15px; } .sectimg, .sectinfoimg { float: left; } .sectimg img { margin-right: 15px; margin-bottom: 15px; border: 1px solid #bebebe; } .sectinfoimg { width: 520px; font-size: 13px; } .pagename { color: #103559; font: normal 20px Arial; margin-top: 5px; margin-bottom: 10px; } #final-text { width: 738px; background: #bae6ff url(final-text-bg-top.jpg) no-repeat left top; margin-left: -6px; } #final-text div { background: url(final-text-bg-bottom.jpg) no-repeat left bottom; padding: 15px 25px 15px 25px; } #paging { margin-right: 10px; margin-bottom: 20px; } #bd { padding-bottom: 10px; } .itemimg { float: left; text-align: center; width: 350px; } .iteminfo { float: left; width: 340px; margin-left: 25px; } .iteminfo h1 { margin-bottom: 0px !important; } #scPage-insets { padding-top: 10px; } #scPage-insets img { margin-right: 10px; } #product-info-table { width: 100%; } #product-info-table th { text-align: left; } #product-info-table td { font-weight: bold; } #product-info-table .add-to-cart,#product-info-table p { text-align: center; } #product-info-table .sale-price { color: #FF6301; font-weight: bold; } #product-info-table th, #product-info-table td { border-bottom: 1px solid #D1D1D1; } #product-info-table .no-border { border: 0px !important; } .shippingpolicy { text-align: center; } .shippingpolicy a { color: #000; } .tagline { font-size: 138.5%; margin: 0 10px; padding: 50px 0; font-weight: bold; text-align: center; } #sctab { position: relative; z-index: 1000; } #sctab li { float: left; margin-right: 7px; text-align: center; } #sctab li a { font: bold 14px/35px Arial; text-decoration: none; color: #000; } #sctab li a:hover { text-decoration: underline; } #sctab .tabhover { width: 155px; height: 36px; background: url(tab-on.jpg) no-repeat left top; } #sctab .tabheader { width: 151px; height: 35px; background: url(tab-off.jpg) no-repeat left top; } #sctab .tabheader a { color: #fff; } #sctabinfo { float: left; width: 730px; background: url(tabs-middle.jpg) repeat-y left top; margin-top: -1px; position: relative; } #sctabinfo .infobox { padding: 5px 15px 15px 15px; } #sctabinfo .bg-top { background: url(tabs-top.jpg) no-repeat left top; height: 10px; } #sctabinfo .bg-middle { background: url(tabs-bottom.jpg) no-repeat left bottom; height: 10px; } #scPage-insets { padding: 2px; } #scPage-insets a img { border: 2px solid #FFF; } #scPage-insets a:hover img { border: 2px solid #ae0000; } #scPage-insets * { vertical-align: middle; } ul#nav { padding: 0; list-style-type: none; } div#testiConts ul, ul.footerlinks, ul#sctab { margin: 0; padding: 0; list-style-type: none; } .yui-b { position: static; } .headerTop { overflow: hidden; height: 85px; } body:first-of-type .headerTop { height: 87px; } .header-tabs { float: left; width: 935px; padding: 0 12px; position: relative; z-index: 1999; } ul#tabbedHeader, ul#tabbedHeader li { float: left; padding: 0; margin: 0 0 0 6px; list-style: none; } ul#tabbedHeader { width: 100%; } ul#tabbedHeader li { font-size: 0; padding: 0 12px; margin-top: 2px; height: 32px; width: auto; position: relative; z-index: 9999; zoom: 1; } ul#tabbedHeader li span { display: block; float: left; width: auto; height: 32px; } ul#tabbedHeader li a { font: bold 15px Arial; color: #fff; text-decoration: none; display: block; padding: 8px 8px 0; height: 24px; float: left; width: auto; } .header-tabs .sel1 { background: url(header-tab1.jpg) repeat-x left top; } .header-tabs .sel1 a { background: url(header-tab2.jpg) no-repeat left top; } .header-tabs .sel1 .sel2 { background: url(header-tab3.jpg) no-repeat right top; } ul#tabbedHeader li ul { display: none; float: none; width: 166px; background: #fff !important; border: 1px solid #000 !important; position: absolute; top: 32px; left: 11px; z-index: 9999; padding: 0; margin: 0; } ul#tabbedHeader li:hover ul, ul#tabbedHeader li.sfhover ul { display: block; } ul#tabbedHeader li:hover .tabhover, ul#tabbedHeader li.sfhover .tabhover { background: url(header-tab1.jpg) repeat-x left top; } ul#tabbedHeader li:hover .tabhover a, ul#tabbedHeader li.sfhover .tabhover a { background: url(header-tab2.jpg) no-repeat left top; } ul#tabbedHeader li:hover .tabhover .tabhover2, ul#tabbedHeader li.sfhover .tabhover .tabhover2 { background: url(header-tab3.jpg) no-repeat right top; } ul#tabbedHeader li ul li { padding: 0 !important; height: auto !important; width: 166px; margin: 0 !important; } ul#tabbedHeader li ul li a { background: none !important; color: #000; font-size: 12px; padding: 3px 6px; border-bottom: 1px solid #000; text-align: left; height: auto !important; float: none; } ul#tabbedHeader li ul li.last a { border: none; } ul#tabbedHeader li ul li a:hover { background: #F09C3C !important; color: #fff; } ul#tabbedHeader li ul li.last a { padding-bottom: 0px; } div.bottomPos { position: relative; } div.cascNavBottom { position: absolute; left: 0px; bottom: -7px; width: 166px; height: 7px; font-size: 0px; background: url(topCascNavBottom.gif) 0 0 no-repeat; } .home-top { height: 266px; width: 765px; margin-bottom: 17px; padding: 4px 0 0 4px; }