/* RESET -----------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } img { display: block; overflow: hidden; } input,select,textarea { margin: 0; padding: 0; font-size: 1em; line-height: 1; vertical-align: baseline; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* GLOBAL SETUP Font size: 12px, Line height: 18px -----------------------------------*/ body { padding: 0px 20px 20px; background: #fff url("http://img.tacklewarehouse.com/framework/bg-body.jpg") repeat-x left top; font: 75%/1.5em Arial, Verdana, sans-serif; } h1,h3,h4 { margin: 0 0 0.167em; } h1 { font: normal 2em/1.5em "Century Gothic", Futura, "Trebuchet MS", sans-serif; color: #222; border-bottom: 1px solid #222; } h2 { margin-bottom: 0.167em; font: normal 1.667em/1.5em "Century Gothic", Futura, "Trebuchet MS", sans-serif; color: #222; background: transparent; } .h2bar { margin-bottom: 0.357em; padding: 0.143em 0.357em; font: normal 1.167em/1.5em "Century Gothic", Futura, "Trebuchet MS", sans-serif; color: #fff; background: #666 url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -211px; } h3 { font: bold 1.333em/1.5em "Lucida Grande", Verdana, Arial, sans-serif; } h4 { font: bold 1.167em/1.5em "Lucida Grande", Verdana, Arial, sans-serif; } p { margin: 0 0 1.25em; } a { color: #b31a1a; text-decoration: none; } a:hover { text-decoration: underline; } h2 a { display: block; color: #fff; } img, .input-image { display: block; display: -moz-stack; } input, select, option, textarea { font-family: Verdana, Arial, sans-serif; } img.left { margin: 0 10px 10px 0; float: left; } img.center { margin: 0 auto 10px; } img.right { margin: 0 0 10px 10px; float: right; } img.promoban {margin: 0px auto} .fl { float: left; } .fr { float: right; } .red { color: #b31a1a; } .border { border: 1px solid #aaa; } img.border { padding: 2px; background: #fff; } .round { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .subtle { font: 0.833em/1.2em Arial, Verdana, sans-serif; color: #888; } .large { font: 1.167em/1.5em Arial, Verdana, sans-serif; color: #666; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .nomarg { margin: 0 !important; } .noborder { border: none !important; } .hidden { display: none; } .disabled { color: #999; } .empty { margin: 10px 0; padding: 10px; font-weight: bold; font-size: 1em; line-height: 1em; border: 1px solid #000; background: #fff499; } .notice-float { width: 380px; margin: 3px 0 10px; padding: 5px 10px; background: #ffc; border: 1px solid #fc0; color: #000; } .error { margin: 0 auto 15px; padding: 10px; background: #fdd; border: 1px solid #900; } .notice { width: 703px; margin: 0 0 15px; padding: 5px 10px; background: #ffc; border: 1px solid #fc0; } /* The better way to clear - use on a block level container of floated elements */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end clearfix */ /* use this sparingly, only when a block level element follows a floated element structurally */ .clear { clear: both; } /* PAGE LAYOUT -----------------------------------*/ #wrapper { width: 980px; margin: 0 auto; } #contentwrapper { width: 980px; background: transparent url("http://img.tacklewarehouse.com/framework/bg-contentwrapper.png") repeat-y left top; } /* BANNER (LOGO, PHONE, & CART) -----------------------------------*/ #banner { width: 980px; height: 118px; position: relative; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 0 -10px; } #logo { display:block; width: 392px; height:0; padding-top:108px; position: absolute; left: 10px; top: 10px; background:url("http://img.tacklewarehouse.com/framework/logo-tackle.png") no-repeat 7px 12px; overflow:hidden; } #logo.bassfan { background-image:url("http://img.tacklewarehouse.com/framework/logo-bassfan.png"); } #phone { width: 300px; height: 54px; position: absolute; left: 402px; top: 37px; text-align: center; text-transform: uppercase; font: 1.5em/1.5em "Century Gothic", Futura, "Trebuchet MS", sans-serif; color: #666; } #phone p { margin:0; line-height:18px; } #social { width: 120px; height: 25px; position: absolute; top: 18px; right: 25px; display: block; } #social li { height: 25px; padding-right: 5px; display: block; float: left; } #social li a { height: 0px; padding-top: 25px; display: block; overflow: hidden; background-color: transparent; background-image: url("http://img.tacklewarehouse.com/framework/bg-sprites.png"); background-repeat: no-repeat; } #social #facebook a { width:25px; background: transparent url("http://img.tacklewarehouse.com/framework/icon-header-facebook.jpg") no-repeat; } #social #twitter a { width:25px; background: transparent url("http://img.tacklewarehouse.com/framework/icon-header-twitter.jpg") no-repeat; } #social #instagram a { width:25px; background: transparent url("http://img.tacklewarehouse.com/framework/icon-header-instagram.jpg") no-repeat; } #social #youtube a { width:25px; background: transparent url("http://img.tacklewarehouse.com/framework/icon-header-youtube.jpg") no-repeat; } #blog a { width: 52px; background-position: -232px -256px; } #cart { width: 204px; height: 48px; padding: 5px 10px; position: absolute; top: 51px; right: 20px; float: right; } #cart-title { border-bottom: 1px solid #000; margin-bottom: 4px; padding-bottom: 3px; font-weight: bold; } #cart-itemct { width: 60px; height: 20px; margin: 0; font-size: 0.833em; line-height: 2em; float: left; } #cart-total { width: 55px; height: 20px; margin: 0; padding-right: 5px; font-size: 0.833em; line-height: 2em; text-align: right; float: left; } #cart-checkout { display:block; float:right; width:84px; height:0; padding-top:19px; overflow:hidden; background:url("http://img.tacklewarehouse.com/framework/button-checkout.png") no-repeat 0 0; } /* GNAV -----------------------------------*/ #gnav { width: 960px; height: 37px; margin: 0 10px; padding: 4px 0; overflow: hidden; background: transparent url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 0; } #gnav ul { width: 743px; height: 37px; float: left; } #gnav li { display: block; float: left; } #gnav li a { height: 0; padding-top: 37px; float: left; display: block; overflow: hidden; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 0 -304px; } /* SEARCH -----------------------------------*/ #search { width: 197px; height: 31px; padding: 6px 10px 0; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 0 -304px; float: left; } .searchwrapper { width: 166px; float: left; position: relative; } input#searchtext { width: 150px; height: 18px; display: block; } .searchwrapper input.pretty { width: 120px !important; padding: 4px 5px 2px; position: absolute; left: 24px; top: 0; font-size: 0.917em; line-height: 1em; border: none; background: transparent url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -182px; } .searchwrapper .left { width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -335px -231px; } .searchwrapper .right { width: 12px; height: 24px; position: absolute; right: 0; top: 0; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -371px -231px; } #searchbutton { display:block; width: 20px; height: 0; border:0; padding:20px 0 0; overflow:hidden; margin-top: 3px; float: right; background:url("http://img.tacklewarehouse.com/framework/button-search.png") no-repeat 0 0; cursor:pointer; } /* BUTTONS -----------------------------------*/ li#gn-tracking a { width: 133px; background-position: -217px -304px; } li#gn-custserv a { width: 149px; background-position: -350px -304px; } li#gn-shipping a { width: 80px; background-position: -499px -304px; } li#gn-intl a { width: 121px; background-position: -579px -304px; } li#gn-community a { width: 82px; background-position: -700px -304px; } li#gn-demoprogram a { width: 85px; background-position: -782px -304px; } li#gn-giftcards a { width: 93px; background-position: -867px -304px; } /* HOVER STATE -----------------------------------*/ li#gn-tracking a:hover { background-position: -217px -341px; } li#gn-custserv a:hover { background-position: -350px -341px; } li#gn-shipping a:hover { background-position: -499px -341px; } li#gn-intl a:hover { background-position: -579px -341px; } li#gn-community a:hover { background-position: -700px -341px; } li#gn-demoprogram a:hover { background-position: -782px -341px; } li#gn-giftcards a:hover { background-position: -867px -341px; } /* ACTIVE STATE -----------------------------------*/ li#gn-tracking a:active { background-position: -217px -378px; } li#gn-custserv a:active { background-position: -350px -378px; } li#gn-shipping a:active { background-position: -499px -378px; } li#gn-intl a:active { background-position: -579px -378px; } li#gn-community a:active { background-position: -700px -378px; } li#gn-demoprogram a:active { background-position: -782px -378px; } li#gn-giftcards a:active { background-position: -867px -378px; } /* ON STATE -----------------------------------*/ #gnav.tracking li#gn-tracking a { background-position: -217px -415px !important; } #gnav.custserv li#gn-custserv a { background-position: -350px -415px !important; } #gnav.shipping li#gn-shipping a { background-position: -499px -415px !important; } #gnav.intl li#gn-intl a { background-position: -579px -415px !important; } #gnav.community li#gn-community a { background-position: -700px -415px !important; } #gnav.demoprogram li#gn-demoprogram a { background-position: -782px -415px !important; } #gnav.giftcards li#gn-giftcards a { background-position: -867px -415px !important; } /* LNAV -----------------------------------*/ #menu { width: 171px; margin-left: 10px; padding-right: 1px; float: left; } #menu ul { width: 171px; } #menu ul li a { width: 151px; height: 26px; padding-left: 20px; display: block; line-height: 26px; color: #fff; text-transform: uppercase; text-decoration: none; border-top: 1px solid #575757; border-bottom: 1px solid #121212; background: transparent url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -121px; } #menu ul li a:hover, #menu li.activecat a { color: #b31a1a; background-position: 0 -149px; } #menu #menu-shimano a { background: url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x scroll 0 -50px transparent; height: 33px; line-height: 33px; } #menu #menu-shimano a:hover { background-position: 0 -83px; } #menu #menu-shimano a span { margin-top:6px; display:block; width:133px; height:0; padding-top:19px; overflow:hidden; background:url("http://img.tacklewarehouse.com/framework/proshop-shimano.png") no-repeat 0 0; } #menu #menu-sale a.icon { background: url("http://img.tacklewarehouse.com/framework/bg-saleitems.png") repeat-x scroll 0 0 transparent; height: 33px; line-height: 33px; } #menu #menu-sale a.icon:hover { background: transparent url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -50px; background-position: 0 -83px; } #menu a.icon { height: 33px; line-height: 33px; background: transparent url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -50px; } #menu a.icon:hover, #menu li.activecat a.icon { background-position: 0 -83px; } #menu a.icon span { width: 30px; height: 25px; margin: 4px 5px 0 0; display: block; float: left; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -985px -17px; } li#menu-new a.icon span { background-position: -985px -17px; } li#menu-top a.icon span { background-position: -985px -42px; } li#menu-sale a.icon span { background-position: -985px -67px; } li#menu-finder a.icon span { background-position: -985px -92px; } li#menu-brand a.icon span { background-position: -985px -117px; } li#menu-video a.icon span { background-position: -985px -142px; } li#menu-list a.icon span { background-position: -985px -242px; } li#menu-promos a.icon span { background-position: -985px -267px; } li#menu-new a.icon:hover span { background-position: -1015px -17px; } li#menu-top a.icon:hover span { background-position: -1015px -42px; } li#menu-sale a.icon:hover span { background-position: -1015px -67px; } li#menu-finder a.icon:hover span { background-position: -1015px -92px; } li#menu-brand a.icon:hover span { background-position: -1015px -117px; } li#menu-video a.icon:hover span { background-position: -1015px -142px; } li#menu-list a.icon:hover span { background-position: -1015px -242px; } li#menu-promos a.icon:hover span { background-position: -1015px -267px; } /* SHIPPING BANNER -----------------------------------*/ #shipban { width: 788px; margin-right: 10px; float: right; } #shipban a { width: 788px; height: 0; overflow: hidden; display: block; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 0 -456px; padding-top:45px;/* background: transparent url('/images/holidayship12.jpg') no-repeat;*/} #holiday_shipban { clear: right; float: right; margin-right: 10px; padding: 10px 10px 5px 10px; width: 768px; } #holiday_shipban a { background: url("http://img.tacklewarehouse.com/framework/shipping_hol15.jpg") no-repeat scroll 0 0px transparent; display: block; height: 0; overflow: hidden; padding-top: 92px; width: 768px; } #holiday_cutoff { clear: right; float: right; margin-right: 10px; padding: 0px 10px; width: 768px; } #holiday_cutoff a { background: url("http://img.tacklewarehouse.com/framework/holcut14.jpg") no-repeat scroll 0 0px transparent; display: block; height: 0; overflow: hidden; padding-top: 31px; width: 768px; } /* FRONT PAGE -----------------------------------*/ #pro-spotlight { width: 198px; height: 70px; margin-bottom: 10px; float: right; border: 1px solid #aaa; } #coupon { margin: 0 auto 10px; } .stimulus11 { padding: 10px; background: #efc; border: 4px dashed #463; } .stimulus p { font-size: 2em; color: #463; } #daily-special { width: 198px; height: 237px; clear: right; float: right; } #daily-special h2.h2bar { margin: 0; background-position: 0 -241px; } #daily-special div { width: 176px; height: 193px; padding: 15px 10px 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; } #daily-special .thumb { width: 133px; height: 100px; margin: 0 auto 5px; text-align: center; overflow: hidden; } #daily-special .thumb a { width: 133px; height: 100px; display: table-cell; vertical-align: middle; } #daily-special .thumb img { margin: 0 auto; } #daily-special .product-name { height: 3em; margin: 0 0 10px; text-align: center; } #daily-special .price { margin: 0; font-size: 0.917em; line-height: 1.364em; color: #999; text-align:center; } #daily-special .sale { font-size: 1.333em; line-height: 1.375em; } #new-items { width: 472px; height: 390px; overflow: hidden; float: left; position: relative; } #new-items.prodtable ul { width: 459px; height: 364px; padding: 0 6px 0 5px; overflow: hidden; } #sale-items, #hot-items { width: 472px; height: 208px; overflow: hidden; float: right; position: relative; } #sale-items.prodtable ul, #hot-items.prodtable ul { width: 459px; height: 182px; padding: 0 6px 0 5px; overflow: hidden; } #sale-items.prodtable h2.h2bar { background-position: 0 -241px; } #new-items .viewall, #sale-items .viewall, #hot-items .viewall { padding-right: 11px; position: absolute; top: 5px; right: 10px; font-size: 0.917em; line-height: 1.364em; color: #fff; background: transparent url(http://img.tacklewarehouse.com/fp10/icon-viewall.png) no-repeat right center; } #vlog-feature { width: 284px; height: 388px; float: right; } #vlog-feature div { width: 262px; height: 344px; padding: 15px 10px 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; } #vlog-feature a { color: #333; } #vlog-feature a:hover { color: #b31a1a; } #vlog-feature p.featured-vlog { height: 40px; font: bold 1.167em/1.429em Arial, Helvetica, sans-serif; } #vlog-feature .play { width: 244px; height: 103px; margin: 0 auto 20px; padding: 4px; border: 1px solid #aaa; display: block; position: relative; } #vlog-feature .playbutton { position: absolute; left: 100px; top: 29px; z-index: 2; } #vlog-feature .thumb { width: 242px; height: 101px; position: relative; z-index: 1; } #vlog-feature p.recent-vlogs { margin: 0 0 5px; color: #666; font-weight: bold; border-bottom: 1px solid #666; } #vlog-feature ul { margin-left: 0; padding: 0; list-style: none; } #vlog-feature li { padding-left: 20px; line-height: 1.25em; } #vlog-feature li span { width: 20px; height: 18px; margin-left: -20px; display: block; float: left; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -991px -196px; } #news { width: 284px; height: 431px; float: left; } #news a { color: #333; } #news a:hover { color: #b31a1a; } #news h2.h2bar, #vlog-feature h2.h2bar { margin: 0; } .new_item{ float: left; font-size: 0.917em; line-height: 1.364em; padding: 10px 6px; text-align: center; width: 141px; } .new_item a.imglink { border: 1px solid #AAAAAA; display: table-cell; height: 100px; vertical-align: middle; width: 133px; } .new_item a { color: #000000; } #new_items{ background: url("http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif") repeat-x scroll 50% bottom transparent; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; height: 182px; padding-left: 8px; } #new_items img{ border: none; } #icast-feature { width: 274px; height: 388px; float: right; } #icast-feature div { width: 272px; height: 366px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; } #icast-feature div p{} #icast-feature a { color: #333; } #icast-feature a:hover { color: #b31a1a; } #icast-feature p.featured-icast { margin:0; font: bold 1.167em/1.429em Arial, Helvetica, sans-serif; padding: 0 5px; } #icast-feature .play { width: 270px; margin: 0 auto 20px; display: block; position: relative; } #icast-feature .playbutton { position: absolute; left: 100px; top: 60px; z-index: 2; } #icast-feature .thumb { width: 242px; height: 101px; position: relative; z-index: 1; } #icast-feature p.recent-icasts { margin: 0 0 5px; padding: 0 4px; color: #666; font-weight: bold; border-bottom: 1px solid #666; } #icast-feature ul { margin-left: 0; padding: 0; list-style: none; } #icast-feature li { padding-left: 20px; line-height: 1.25em; } #icast-feature li span { width: 20px; height: 18px; margin-left: -20px; display: block; float: left; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -991px -196px; } /* MAIN CONTENT -----------------------------------*/ #content { width: 768px; padding: 10px; margin-right: 10px; clear: right; float: right; } #content ol, #content ul.bullet { margin: 0 0 1.25em 10px; } #content ol { padding-left: 20px; list-style: outside decimal none; } #content ul.bullet { padding-left: 20px; list-style: outside disc none; } ul.bullet ul { margin-left: 20px; } #content dl { width: 768px; } #content dt { font-weight: bold; } #content dd { padding-left: 2em; font-size: 0.917em; } #content dd p { line-height: 1.364em; } #breadcrumb { height: 20px; font: 0.833em/2em Arial, Verdana, sans-serif; color: #b31a1a; } #breadcrumb .divider { color: #b4661b; } #breadcrumb a { color: #666; } #breadcrumb a:hover { color: #b31a1a; } div.split { width: 384px; } div.featurebox { width: 730px; margin: 0 auto 15px; padding: 10px; border: 1px solid #888; background: #eee; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; } p.small { font-size: 0.917em; line-height: 1.364em; } p.hanging-indent { padding-left: 2em; text-indent: -2em; } p.indent { padding-left: 2em; } .help { padding-left: 20px; display: block; float: left; font-style: italic; font-size: 0.917em; line-height: 2em; color: #333; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -991px -299px; } .newsearch { margin: 10px 0; } /* Gift Cards */ div.gc-orderbox { width: 495px; height: 345px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; float: left; background: #fff url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } div.gc-order { width: 155px; padding: 5px; text-align: center; } div.egc-order { width: 250px; height: 345px; padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; float: left; background: #fff url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } div.egc-order label, div.egc-order input { display: block; } div.egc-order input { background: #fff; border: 1px solid #aaa; padding: 2px; } div.egc-order input#egift { width: 40px; display: inline; } /* Order Tracking */ div.ordertracking, div#orderlookup { width: 700px; margin: 0 auto; padding: 25px; border: 1px solid #888; background: #eee; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; } div.ordertracking label { height: 26px; margin-right: 10px; padding-top: 1px; line-height: 27px; display: block; float: left; } div.ordertracking input.text { width: 150px; margin: 3px 30px 2px 0; padding: 2px; border: 1px solid #aaa; display: block; float: left; } div#orderlookup table { margin: 0 auto; } /* Pro Gallery */ .progallery li { width: 156px; height: 254px; padding: 9px 18px; float: left; text-align: center; } .progallery li a { display: block; color: #333; } .progallery li a:hover { color: #b31a1a; } .proinfo { width: 602px; float: left; } /* Finders */ .finderbox { width: 357px; margin: 0 auto 10px; padding: 10px; border: 1px solid #888; background: #eee; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; } .finderbox h2 { line-height: 1em; margin-bottom: 0.25em; } .finderbrands { float: right; } .finderbrands label { display: block; } .finderbrands select { margin-bottom: 10px; display: block; } .finderlen { float: left; } .finderlen label { display: block; } .finderlen select { width: 125px; margin-bottom: 10px; display: block; } .finderact { clear: left; float: left; } .finderact label { display: block; } .finderact select { width: 125px; margin-bottom: 10px; display: block; } .finderprice { clear: left; float: left; } .finderprice label { display: block; } .finderprice input { width: 36px; height: 1em; margin-bottom: 10px; padding: 0.25em; background: #fff; border: 1px solid #999; } .findersearch { clear: both; float: right; } .finderwide { width: 746px; margin: 0 auto; padding: 10px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #eee; } .togglebutton { width: 180px; float: left; padding-right: 20px; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 184px -141px; cursor: pointer; } .togglebutton:hover { text-decoration: underline; } .findertoggle { background-position: 184px -171px; } /* Demo Program */ .demoselect { width: 400px; margin: 0 auto 10px; padding: 10px; border: 1px solid #888; background: #eee; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; } .demolist { width: 400px; margin-bottom: 10px; } .demolist th, .demoselect td { padding: 3px 5px; border: 1px solid #aaa; text-align: left; } .demozip { margin-bottom: 10px; } .demozip input { width: 50px; margin-left: 10px; padding: 2px; border: 1px solid #aaa; background: #fff; } /* Shop by Brand */ #sortedbrands #brandalpha li {display: block; float: left; width: 27px;} #brandalpha { margin-bottom: 15px; padding: 0 6px; display: block; } #brandalpha li { width: 28px; display: block; float: left; } #brandalpha li a { width: 20px; height: 12px; padding: 5px 1px 3px; display: block; color: #333; text-align: center; text-decoration: none; line-height: 1em; } #brandalpha li a:hover { border: 1px solid #333; padding: 4px 0px 2px; } /* Video Vault */ #videobox { width: 642px; height: 407px; margin: 10px auto; padding: 0 59px 92px 64px; background: transparent url(http://img.tacklewarehouse.com/fp10/bg-videovault.jpg) no-repeat left top; } #videobox h1 { height: 0; margin: 0; padding-top: 25px; overflow: hidden; border-bottom: none; background: transparent url(http://img.tacklewarehouse.com/fp10/title-videovault.jpg) no-repeat left top; } #movie { width: 640px; height: 352px; background: #000; border: 1px solid #333; display: block; margin: 0 auto; } #movie p { color: #fff; text-align: center; } #videodesc { margin: 0 0 10px; padding: 5px 0; border: 1px solid #aaa; background: #fff url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; color: #333; } #videodesc h2, #videodesc h3, #videodesc p { color: #333; padding: 0 10px; } #morevideos .prodtable { margin-bottom: 0; } #morevideos .prodtable ul { border: none; background: none; } .morevideo a { color: #222; } .morevideo a:hover { color: #b31a1a; } .morevideo { padding: 1em 1.4em; border-bottom: 1px solid #aaa; background: transparent url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } .morevideo .play { width: 244px; height: 103px; margin: 0 10px 10px 0; display: block; position: relative; float: left; } .morevideo .playbutton { position: absolute; left: 100px; top: 29px; z-index: 2; } .morevideo .thumb { width: 242px; height: 101px; border: 1px solid #333; position: relative; z-index: 1; } /* Sitemap */ .sitemap { width: 256px; font-weight: bold; font-size: 1em; line-height: 1.25em; list-style: none; } .sitemap ul { font-weight: normal; font-size: 0.916em; line-height: 1.364em; list-style-type: disc; padding-left: 2em; margin-bottom: 10px; } .sitemap ul ul { font-size: 0.909em; line-height: 1.4em; list-style-type: circle; } /* CATEGORY PAGE -----------------------------------*/ .prodtable, .brandtable { margin-bottom: 15px; position: relative; } .reeltable, .rodtable { margin-bottom: 10px; position: relative; } .prodtable h1 { margin-bottom: 0; border-bottom: 1px solid #aaa; } .prodtable h2, .reeltable h2, .rodtable h2, .brandtable h2 { margin-bottom: 0; } .prodtable h3 { padding: 0 10px; } .catdesc { width: 746px; margin: 0; padding: 5px 10px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; } .rodtable .catdesc, .reeltable .catdesc { border: none; } .prodtable ul { width: 765px; padding: 0 1px 0 0; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: transparent url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } .sale, .sale a { color: #f00 !important; } .sale a:hover { color: #c00 !important; } .promoban { margin: 0 auto 10px;} .catdesc img { max-width: 746px; } .backtotop { padding-right: 11px; position: absolute; top: 5px; right: 10px; font-size: 0.917em; line-height: 1.364em; color: #fff; background: transparent url(http://img.tacklewarehouse.com/fp10/icon-backtotop.png) no-repeat right center; } /* Category Anchor Navigation */ .catnav { display: block; font: 0.917em/1.364em Arial, Helvetica, sans-serif; margin-bottom: 5px; } .catnav li { width: 122px; margin: 0 2px; display: block; float: left; background: #eee; background: -moz-linear-gradient(top, #fff, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); text-align: center; border: 1px solid #aaa; } .catnav a { width: 112px; padding: 3px 5px; display: block; color: #333; text-decoration: none; } .catnav a:hover { color: #b31a1a; } /* Category Table */ .cat-wrapper { width: 141px; padding: 10px 6px; text-align: center; float: left; font-size: 0.917em; line-height: 1.364em; } .cat-wrapper .thumb { width: 133px; height: 100px; margin: 0 auto; border: 1px solid #aaa; text-align: center; overflow: hidden; } .cat-wrapper .thumb a { width: 133px; height: 100px; display: table-cell; vertical-align: middle; } .cat-wrapper .thumb img { margin: 0 auto; } .cat-name { margin-top: 10px; height: 30px; } .cat-name a { color: #000; } .cat-name a:hover { color: #b31a1a; } /* Product Table */ .product-wrapper { width: 141px; padding: 10px 6px; text-align: center; float: left; font-size: 0.917em; line-height: 1.364em; } .product-wrapper a { display: block; } .product-wrapper .thumb { width: 133px; height: 100px; margin: 0 auto; border: 1px solid #aaa; text-align: center; overflow: hidden; } .product-wrapper .thumb a { width: 133px; height: 100px; display: table-cell; vertical-align: middle; } .product-wrapper .thumb img { margin: 0 auto; } .product-wrapper .available { height: 15px; font-size: 0.9em; font-style: italic; color: #666; } .product-wrapper .available a { color: #666 !important; } .product-wrapper .available a:hover { color: #b31a1a !important; } .product-wrapper .product-name { height: 30px; overflow: hidden; } .product-wrapper .product-name a { color: #000; } .product-wrapper .product-name a:hover { color: #b31a1a; } .product-wrapper .price { height: 15px; margin: 0 auto; text-align: center; } .product-wrapper .price a { display: block; color: #666; text-decoration: none; } .product-wrapper .price a:hover { color: #333; } .used-wrapper { width: 745px; padding: 5px 10px; border-top: 1px dotted #666; } .used-wrapper .addcheck { padding: 0 5px; float: left; } .used-wrapper .product-name { float: left; } .used-wrapper .price { float: right; } .used-wrapper .shortdesc { padding-left: 3em; color: #666; font-size: 0.917em; line-height: 1.364em; clear: both; font-style: italic; } /* Reel & Rod Table */ .reeltable ul, .rodtable ul { width: 768px; } .reel-wrapper, .rod-wrapper { width: 357px; margin: 5px 0; padding: 5px 10px; border: 1px solid #aaa; font-size: 0.917em; line-height: 1.364em; } .reel-wrapper .product-name, .rod-wrapper .product-name { margin-bottom: 5px; font-size: 1.091em; line-height: 1.5em; font-weight: bold; } .reel-wrapper .product-name a, .rod-wrapper .product-name a { color: #000; } .reel-wrapper .product-name a:hover, .rod-wrapper .product-name a:hover { color: #b31a1a; } .reel-wrapper .price, .rod-wrapper .price { height: 15px; text-align: right; clear: both; } .reel-wrapper .price a, .rod-wrapper .price a { color: #666; text-decoration: none; } .reel-wrapper .price a:hover, .rod-wrapper .price a:hover { color: #333; } /* Reel Table */ .reel-wrapper .thumb { width: 133px; height: 100px; margin-bottom: 10px; padding: 0 10px 5px 0; float: left; } .reel-wrapper .thumb a { width: 133px; height: 100px; display: table-cell; vertical-align: middle; } .reel-wrapper .thumb img { width: 133px; margin: 0 auto; } .reel-wrapper .short-desc { height: 105px; margin-bottom: 10px; overflow: hidden; } /* Rod Table */ .rod-wrapper .thumb { width: 357px; height: 82px; } .rod-wrapper .thumb a { width: 357px; height: 82px; display: table-cell; vertical-align: middle; } .rod-wrapper .thumb img { width: 357px; margin: 0 auto; } .rod-wrapper .short-desc { height: 60px; margin-bottom: 10px; overflow: hidden; } /* Brand Table */ .brandtable div { padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: transparent url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } .brandtable ul { width: 179px; padding: 5px; float: left; } #brands div ul { width: 179px; padding: 5px; float: left; } .split .brandtable { width: 379px; } .split .brandtable div { height: 120px; } .split .brandtable ul.stringtype { width: 173px; } .split .brandtable ul.stringtest { width: 42px; } /* DESCRIPTION PAGE -----------------------------------*/ #share div { height: 20px; } #multiview { } #product-image { width: 400px; height: 300px; border: 1px solid #aaa; position: relative; } .zoom { width: 25px; height: 0; padding-top: 25px; overflow: hidden; position: absolute; left: 8px; top: 8px; z-index: 200; border: 1px solid #333; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat -300px -231px; } #big { padding: 5px; background: #fff; position: absolute; top: 3px; left: 3px; box-shadow: 0 0 15px #888; -moz-box-shadow: 0 0 15px #888; -webkit-box-shadow: 0 0 15px #888; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 100; } #big img { border: 1px solid #aaa; max-width: 600px; } #multithumbs { list-style: none; min-height: 60px; padding: 5px 0; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; } #multithumbs li { float: left; height:62px; padding: 5px 9px; } #multithumbs img { width: 80px; border: 1px solid #aaa; } #toolbar { width: 400px; height: 40px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #eee url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -294px; text-align: center; } #rod-toolbar { height: 40px; margin: -10px 0 10px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #fff; } #toolbar div { display: table; margin: 0 auto; } #toolbar a, #rod-toolbar a { width: 133px; height: 0; padding-top: 40px; display: block; overflow: hidden; float: left; background-color: transparent; background-image: url("http://img.tacklewarehouse.com/framework/bg-sprites.png"); background-repeat: no-repeat; } a#tool-video { background-position: -30px -140px; } a#tool-icast12 { background-position: -163px -140px; } a#tool-icast09 { background-position: -296px -140px; } a#tool-icast10 { background-position: -429px -140px; } a#tool-icast { background-position: -429px -140px; } a#tool-demo { width: 134px; background-position: -562px -140px; } a#tool-video:hover { background-position: -30px -180px; } a#tool-icast12:hover { background-position: -163px -180px; } a#tool-icast09:hover { background-position: -296px -180px; } a#tool-icast10:hover { background-position: -429px -180px; } a#tool-icast:hover { background-position: -429px -180px; } a#tool-demo:hover { background-position: -562px -180px; } #toolbar a#tool-icast13 , #rod-toolbar a#tool-icast13 { background-image: url('http://img.tacklewarehouse.com/fp10/button-icast13.png'); background-position:0px 0px; } #toolbar a#tool-icast13:hover , #rod-toolbar a#tool-icast13:hover { background-position:0px -40px; } #toolbar a#tool-icast14 , #rod-toolbar a#tool-icast14 { background-image: url('http://img.tacklewarehouse.com/fp10/button-icast14.png'); background-position:0px 0px; } #toolbar a#tool-icast14:hover , #rod-toolbar a#tool-icast14:hover { background-position:0px -40px; } #toolbar a#tool-icast15 , #rod-toolbar a#tool-icast15 { background-image: url('http://img.tacklewarehouse.com/fp10/button-icast15.png'); background-position:0px 0px; } #toolbar a#tool-icast15:hover , #rod-toolbar a#tool-icast15:hover { background-position:0px -40px; } .rev_button {width: 112px; margin: 0 auto;} .cust_comments{width: 752px; min-height: 150px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: solid 1px #aaa; padding: 7px;} #desctabs .ui-tabs-panel table { margin-bottom: 15px; border-top: 1px solid #000; border-left: 1px solid #000; border-collapse: separate; font-size: 0.917em; } #desctabs .ui-tabs-panel td { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; } #desctabs .ui-tabs-panel th { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-weight: bold; } .thindesc { width: 356px; } .thindesc .ui-tabs-panel { height: 247px; padding: 12px 16px; overflow: auto; } .thindesc .ui-tabs-panel table { width: 303px; overflow: hidden; } .widedesc { width: 768px; } .widedesc .ui-tabs-panel { height: 176px; padding: 12px 16px; overflow: auto; } .style-image { width: 90px; } .style-image img { margin: 0 auto; } .addcart { margin-bottom: 15px; padding: 10px 0; } .descpromoban { width: 768px; margin: 0 auto; padding-top: 5px; } #cust_rev {width: 252px; height: 23px; padding: 3px 2px; float: left; border-bottom: solid 1px #aaa; text-align: right; vertical-align: middle;} #desc_wrap {float: left; width: 100px; height: 29px;} #desc_wrap ul {height: 29px;} #desc_wrap_rod {float: left; width: 96px; height: 29px;} #cust_rev_rod {width: 668px; height: 23px; padding: 3px 2px; float: left; border-bottom: solid 1px #aaa; text-align: right; vertical-align: middle;} #cust_rev_spec {width: 164px; height: 23px; padding: 3px 2px; float: left; border-bottom: solid 1px #aaa; text-align: right; vertical-align: middle;} #desc_wrap_spec {float: left; width: 188px; height: 29px;} /* GWP */ .gwp { width: 460px; margin-top: 10px; float: left; text-align: left; } .gwp p { font-weight: bold; margin-bottom: 5px; } .gwp #yes-gwp, .gwp #no-gwp { margin-right: 3px; } .gwp label { margin-right: 15px; } .gwptest{ background: url("http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif") repeat-x scroll 50% bottom transparent; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; padding: 0 0px 0px 0; width: 765px; min-height: 150px; } /* Rods */ .rod #product-image { width: 766px; height: 175px; } .rod #product-image img { max-width: 766px; } .rod #multithumbs { height: 40px; min-height: 0; padding: 10px 0; border: none; } .rod #multithumbs img { width: 133px; height: 30px; border: 1px solid #aaa; } .rod #multithumbs li { float: left; padding: 0 23px 0 0; } .rod #multithumbs li.rod-multi-last { padding: 0 0 0 1px; } #rod-orderbox { } .rod-specs { width: 100%; border-top: 1px solid #333; border-right: 1px solid #333; } .rod-specs td { padding: 3px 5px; border-bottom: 1px solid #333; border-left: 1px solid #333; vertical-align: middle; line-height: 1.333em; text-align: center; overflow: hidden; } .rod-specs th { padding: 3px; color: #fff; border-bottom: 1px solid #333; border-left: 1px solid #333; background: #666 url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -212px; } /*.rod-specs .rod-action { width: 80px; }*/ .rod-specs .rod-taper { width: 80px; } .rod-specs .rod-line { width: 80px; } .rod-specs .rod-lure { width: 80px; } .rod-specs .rod-guides { width: 80px; } .rod-specs .rod-handle { width: 106px; overflow: hidden; } .rod-specs .handle-length { width: 100px; } .rod-specs .price { width: 60px; text-align: right; } .rod-specs .stock { width: 50px; } .rod-specs .qty { width: 50px; text-align: center; } #rod-orderbox td input { width: 30px; padding: 2px; font-size: 10px; line-height: 15px; border: 1px solid #aaa; background: #fff; text-align: center; } #rod-orderbox div.handle { width: 766px; height: 175px; margin-top: 0; overflow: hidden; border-right: 1px solid #333; border-left: 1px solid #333; } #rod-orderbox div.handle img { width: 766px; height: 175px; } #rod-orderbox h3 { margin-top: 10px; } #rod-orderbox h3:first-child { margin-top: 0; } .hide-handle { margin-top: -1px; } .handle-border { border-bottom: 1px solid #333; } #rod-orderbox div.subdesc { width: 756px; padding: 3px 5px; border: 1px solid #333; } #rod-orderbox div.subdesc p { margin-bottom: 0; } /*a.video { display: block; overflow: hidden; width: 33px; padding: 0 10px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#eaeaea), color-stop(0.5, #eee), color-stop(0.5, #ddd)); background: -moz-linear-gradient(top, #dedede, #eee 50%, #ddd 50%, #eaeaea); border: 1px solid #aaa; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; }*/ /* Lures */ div.current { width: 390px; height: 30px; padding: 4px 5px 5px; line-height: 1.25em; float: left; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; background: #eee url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -294px; } div.spin { width: 210px !important; } div.blade { width: 169px; height: 30px; padding: 4px 5px 5px; line-height: 1.25em; float: right; border-top: 1px solid #aaa; border-right: 1px solid #aaa; background: #eee url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -294px; } h2 span.subprice { font-size: 0.7em; } #lure-orderbox { padding: 0 1px 10px; border: 1px solid #aaa; background: #fff url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x 50% bottom; } #lure-orderbox ul { display: block; margin: 10px 0 35px; } .lure-order { width: 171px; padding: 0 10px; font-size: 0.917em; line-height: 1.364em; display: block; float: left; text-align: center; } .lure-order .lure-color { height: 22px; line-height: 11px; overflow: hidden; } .lure-order .lure-blade { height: 15px; } .lure-order .product-thumb { margin-bottom: -1px; padding-bottom: 10px; position: relative; z-index: 1; background: transparent url(http://img.tacklewarehouse.com/fp10/icon-arrow-lure.gif) no-repeat center bottom; } .lure-order .nobg { margin-bottom: 0 !important; padding-bottom: 0 !important; background: transparent !important; } .lure-order img { width: 133px; margin: 0 auto; } .lure-order table { margin: 0 auto; position: relative; z-index: 0; text-align: center; border: 1px solid #aaa; } .lure-order table td { height: 15px; border: 1px solid #aaa; background: #fff; } .lure-order table th { line-height: 17px; background: #666 url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -271px; border: 1px solid #aaa; color: #fff; } .lure-order td.size { width: 42px; background: #eee; } .lure-order td.stock { width: 43px; background: #eee; } .lure-order td.price { width: 43px; background: #eee; } .lure-order td.qty { width: 43px; vertical-align: bottom; } .lure-order input { width: 43px; height: 11px; display: block; margin: 0; padding: 2px 0; font-size: 0.917em; line-height: 1.364em; text-align: center; background: #fff; border: none; } #lure-totals { font-style: italic; line-height: 27px; padding-right: 10px; } /* Reels & Misc */ .reel-ordering, .misc-ordering { width: 100%; margin-bottom: 10px; } .reel-ordering th, .misc-ordering th { padding: 3px; background: #666 url("http://img.tacklewarehouse.com/framework/bg-repeatx.png") repeat-x 0 -212px; color: #fff; border: 1px solid #333; font-weight: normal; } .reel-ordering td, .misc-ordering td { padding: 3px 5px; border: 1px solid #333; vertical-align: middle; } .misc-ordering td.style-image { width: 80px; padding: 0 5px; } .misc-ordering td.style-image img { width: 80px; height: 60px; } .misc-ordering td.price { width: 50px; } .misc-ordering td.stock, .misc-ordering td.qty { width: 40px; } .misc-ordering td.stock_notify {width: 80px;} .reel-ordering td input, .misc-ordering input { width: 30px; padding: 2px; font-size: 10px; line-height: 15px; border: 1px solid #aaa; background: #fff; text-align: center; } .vidtext {color: blue; font-weight: bold;} /* Apparel */ #apparel-orderbox { display: block; } #apparel-orderbox li { width: 372px; height: 100px; margin: 0 -1px -1px 0; padding: 5px 5px 6px; display: block; overflow: hidden; font-size: 0.917em; line-height: 1.364em; border: 1px solid #aaa; } #apparel-orderbox li.border-padding { padding-right: 6px; } #apparel-orderbox li input { width: 28px; padding: 2px; line-height: 18px; text-align: center; border: 1px solid #aaa; background: #fff; } #apparel-orderbox li select { width: 120px; display: block; margin: 0 auto; } #apparel-orderbox table { height: 100px; } #apparel-orderbox th { padding-right: 5px; font-weight: normal; text-align: left; vertical-align: middle; } #apparel-orderbox td { width: 44px; padding: 0 3px 0 2px; text-align: center; vertical-align: middle; } #apparel-orderbox table.size-select { width: 267px; height: 45px; margin: 15px 0; } #apparel-orderbox table.size-select th { text-align: center; padding-right: 0; } .apparel-color { height: 15px; margin-top: 9px; overflow: hidden; text-align: center; line-height: 1.364em; } /* FOOTER -----------------------------------*/ #footer { width: 980px; padding: 27px 0 0; font-size: 0.833em; line-height: 1.5em; text-align: center; color: #666; clear: both; background: transparent url("http://img.tacklewarehouse.com/framework/bg-sprites.png") no-repeat 0 -504px; } #footer .device_form { display:inline; } #footer .device_submit { overflow:visible; display:inline; margin:0; padding:0; border:0; cursor:pointer; background-color:transparent; color:#B31A1A; font-size:10px; } /* GIFT GUIDE -----------------------------------*/ #gg-banner { width: 768px; height: 230px; } #gg-banner a { width: 768px; height: 0; padding-top: 230px; display: block; overflow: hidden; background: transparent url(http://img.tacklewarehouse.com/giftguide/image-giftguide.jpg) no-repeat 0 0; } #gg-cats { width: 768px; height: 180px; margin: 0; padding: 0; display: block; list-style: none; } #gg-cats li { margin: 0; padding: 0; display: block; float: left; } #gg-cats li a { height: 0; background: transparent url(http://img.tacklewarehouse.com/giftguide/image-giftguide.jpg) no-repeat 0 0; display: block; overflow: hidden; } #gg-cats li#gg-byprice a { width: 226px; padding-top: 82px; background-position: 0 -230px; } #gg-cats li#gg-reels a { width: 89px; padding-top: 82px; background-position: -226px -230px; } #gg-cats li#gg-rods a { width: 89px; padding-top: 82px; background-position: -315px -230px; } #gg-cats li#gg-apparel a { width: 179px; padding-top: 82px; background-position: -404px -230px; } #gg-cats li#gg-marine a { width: 185px; padding-top: 82px; background-position: -583px -230px; } #gg-cats li#gg-stuffers a { width: 116px; padding-top: 98px; background-position: 0 -312px; clear: both; } #gg-cats li#gg-giftcards a { width: 110px; padding-top: 98px; background-position: -116px -312px; } #gg-cats li#gg-premium a { width: 178px; padding-top: 98px; background-position: -226px -312px; } #gg-cats li#gg-storage a { width: 179px; padding-top: 98px; background-position: -404px -312px; } #gg-cats li#gg-books a { width: 185px; padding-top: 98px; background-position: -583px -312px; } #gg-banner11 { height: 376px; width: 768px; } #gg-banner11 a { background: url("http://img.tacklewarehouse.com/promos/gg11/banner-landing-holiday11.jpg") no-repeat scroll 0 0 transparent; display: block; height: 0; overflow: hidden; padding-top: 376px; width: 768px; } #gg-cats11 { background: url("http://img.tacklewarehouse.com/promos/gg11/banner-landing-holiday11.jpg") no-repeat scroll 0 -376px transparent; display: block; height: 140px; list-style: none outside none; margin: 0; padding: 0; width: 768px; position:relative; } #gg-cats11 li { display: block; float: left; margin: 0; padding: 0; } #gg-cats11 li a { background: url("http://img.tacklewarehouse.com/promos/gg11/banner-landing-holiday11.jpg") no-repeat scroll 0 0 transparent; display: block; height: 0; overflow: hidden; position: absolute; } #gg-cats11 li#gg-byprice a { background-position: -12px -382px; padding-top: 54px; top: 6px; left: 12px; width: 209px; } #gg-cats11 li#gg-byprice a:hover { background-position: -12px -525px; } #gg-cats11 li#gg-reels a { background-position: -232px -382px; padding-top: 54px; width: 80px; top: 6px; left:232px; } #gg-cats11 li#gg-reels a:hover { background-position: -232px -525px; } #gg-cats11 li#gg-rods a { background-position: -320px -382px; padding-top: 54px; width: 89px; top: 6px; left: 320px; width:80px; } #gg-cats11 li#gg-rods a:hover { background-position: -320px -525px; } #gg-cats11 li#gg-apparel a { background-position: -410px -382px; padding-top: 54px; width: 169px; top: 6px; left: 410px; } #gg-cats11 li#gg-apparel a:hover { background-position: -410px -525px; } #gg-cats11 li#gg-marine a { background-position: -589px -382px; left: 589px; padding-top: 54px; top: 6px; width: 168px; } #gg-cats11 li#gg-marine a:hover { background-position: -589px -525px; } #gg-cats11 li#gg-stuffers a { background-position: -11px -446px; clear: both; left: 11px; padding-top: 52px; top: 70px; width: 98px; } #gg-cats11 li#gg-stuffers a:hover { background-position:-11px -589px; } #gg-cats11 li#gg-giftcards a { background-position: -122px -446px; padding-top: 52px; top: 70px; left: 122px; width: 100px; } #gg-cats11 li#gg-giftcards a:hover { background-position: -122px -589px; } #gg-cats11 li#gg-premium a { background-position: -232px -446px; padding-top: 52px; top: 70px; left: 232px; width: 170px; } #gg-cats11 li#gg-premium a:hover { background-position: -232px -589px; } #gg-cats11 li#gg-storage a { background-position: -410px -446px; padding-top: 52px; top: 70px; left: 410px; width: 170px; } #gg-cats11 li#gg-storage a:hover { background-position: -410px -589px; } #gg-cats11 li#gg-books a { background-position: -589px -446px; padding-top: 52px; top: 70px; left: 589px; width: 169px; } #gg-cats11 li#gg-books a:hover { background-position: -589px -589px; } #gg-jumplink { margin: 0; padding: 0; display: block; list-style: none; } #gg-jumplink li { width: 119px; height: 27px; margin: 10px 4px; padding: 0; display: block; overflow: hidden; float: left; background: transparent url(http://img.tacklewarehouse.com/giftguide/button-giftguide.jpg) no-repeat left top; } #gg-jumplink li a { width: 86px; height: 27px; padding: 0 20px 0 13px; display: block; font: 17px/27px "Century Gothic", Futura, Arial, sans-serif; color: #3d869c; text-decoration: none; text-align: center; } /* 12 DAYS OF SAVINGS -----------------------------------*/ #twelvedays { } #twelvedays ul { font-size: 0.916em; line-height: 1.364em; } #twelvedays li { width: 150px; height: 150px; padding: 0 21px; float: left; } #twelvedays li a { width: 133px; height: 100px; display: table-cell; border: 1px solid #aaa; vertical-align: middle; } #twelvedays li img { margin: 0 auto; } #twelvedays li .name { text-align: center; } #twelvedays p { color: #666; font: 11px/16px Verdana, Arial, sans-serif; } #twelvedays .soldout { width: 150px; height: 140px; background-repeat: no-repeat; background-position: center center; } #twelvedays .img1 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-01.jpg); } #twelvedays .img2 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-02.jpg); } #twelvedays .img3 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-03.jpg); } #twelvedays .img4 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-04.jpg); } #twelvedays .img5 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-05.jpg); } #twelvedays .img6 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-06.jpg); } #twelvedays .img7 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-07.jpg); } #twelvedays .img8 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-08.jpg); } #twelvedays .img9 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-09.jpg); } #twelvedays .img10 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-10.jpg); } #twelvedays .img11 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-11.jpg); } #twelvedays .img12 { background-image: url(http://img.tacklewarehouse.com/promos/12days/12days-landing-12.jpg); } /*Login Styles*/ #account_links { color:#FFFFFF; background:transparent; padding: 5px 20px 0; text-align: right; width: 940px; margin:auto; } #account_links a { color:#FEC017; text-decoration:underline; } .text_submit { overflow:visible; display:inline; margin:0; padding:0; border:0; cursor:pointer; background-color:transparent; font-size:12px; color:#FEC017; text-decoration:underline; } input.text_submit::-moz-focus-inner { border:0; padding:0 } .account_form { width:330px; margin:auto; background:#F9F9F9; border:1px solid #AAAAAA; padding:20px; } .account_form .textlabel { font-weight:bold; display:block; width:140px; float:left; text-align:right; padding-right:10px; } .account_form .textfield { display:block; float:left; } .account_form h2 { text-align:center; } .button_gradient { cursor:pointer; text-shadow:1px 1px #333333; display:block; color:#FFFFFF; border:1px solid #333333; padding:5px; border-radius:3px; background: rgb(57,4,4); /* Old browsers */ background: -moz-linear-gradient(top, rgba(57,4,4,1) 0%, rgba(173,7,7,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,4,4,1)), color-stop(100%,rgba(173,7,7,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(173,7,7,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(173,7,7,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(173,7,7,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(57,4,4,1) 0%,rgba(173,7,7,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#390404', endColorstr='#ad0707',GradientType=0 ); /* IE6-9 */ } .button_gradient:hover { background: rgb(57,4,4); /* Old browsers */ background: -moz-linear-gradient(top, rgba(57,4,4,1) 0%, rgba(142,7,7,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,4,4,1)), color-stop(100%,rgba(142,7,7,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(142,7,7,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(142,7,7,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(57,4,4,1) 0%,rgba(142,7,7,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(57,4,4,1) 0%,rgba(142,7,7,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#390404', endColorstr='#8e0707',GradientType=0 ); /* IE6-9 */} .logout_button { width:200px; padding:20px 10px; margin:auto; } .changepass_box { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #AAAAAA; margin: auto; padding: 20px; width: 335px; float:left; } .changeemail_box { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #AAAAAA; margin: auto; padding: 20px; width: 335px; float:right; } .changepass_box table, .changeemail_box table { margin:auto; } .changepass_box table td, .changeemail_box table td { padding:5px; } .order_infobox { border:1px solid #999999; padding: 10px; width:700px; margin:10px auto; font-family:verdana, arial, helvetica, san-serif; background-color:#F9F9F9; } .order_infobox .ordernum_header { margin:0px 0px 10px; text-align:left; } .order_infobox .ordernum_header a { color:#B31A1A; } .order_infobox .orderdate_header { margin:0px 0px 10px; text-align:right; } .order_infobox_info { font-size: 12px; padding-bottom:10px; } .order_infobox_info .left_column { width:330px; padding-right:20px; float:left; text-align:left; } .order_infobox_info .right_column { width:350px; text-align:left; float:left; } .detailed_order { width:700px; margin:auto; font-family:verdana,arial,helvetica,san-serif; font-size:13px; } .detailed_order .ordernum_header { text-align:left; float:left; } .detailed_order .ordernum_header a { color:#B31A1A; } .detailed_order .orderdate_header { float:right; text-align:right; } .detailed_order .left_column { width:330px; padding-right:20px; padding-bottom:20px; float:left; text-align:left; } .detailed_order .right_column { width:330px; float:left; text-align:left; padding-bottom:20px; } .orderitems_table { width:100%; border-spacing:0; font-family:verdana,arial,helvetica,san-serif; font-size:14px; } .orderitems_table .even { background-color:#F6F6F6; } .orderitems_table th { border-bottom:1px solid #999999; font-weight:bold; padding:3px 5px; line-height:1.5em; text-align:center; } .orderitems_table td { padding:3px 5px; line-height:1.5em; text-align:center; } .orderitems_table .item_name { text-align:left; padding-left:0; } .orderitems_table .item_total { padding-right:0; } .ordertotals_table { width:200px; float:right; margin-right:20px; font-family:verdana,arial,helvetica,san-serif; font-size:14px; clear:both; } .ordertotals_table th { text-align:left; font-weight:bold; } .ordertotals_table td { text-align:right; } .detailed_order a.details_button {margin-top:20px; width:250px; } .detailed_order a.details_button:hover { background-color: #D68204; } /*(.inputwrap { float:left; margin-right:30px; } #password_saved { padding:5px 0; height:20px; font-style:italic; } .grey_out { background-color:#DDDDDD; } .cust_warn { color:#FF0000; } #create_account label { padding-right:5px; line-height:22px; } #create_account #pass_input, #create_account #pass_input2 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; height: 16px; padding: 2px; } #create_account #pass_input label, #create_account #pass_input2 label { } #setup_login { margin: 10px auto; padding: 10px 30px; width: 475px; background: none repeat scroll 0% 0% rgb(252, 252, 252); border: 1px solid rgb(204, 204, 204); } #setup_login h2 { text-align: left; font-size: 16px; line-height: 24px; margin:5px 0; } #setup_login a { font-size:inherit; text-decoration:underline; } */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -999em; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=bold&fsDefault=1em&cornerRadius=0&bgColorHeader=434343&bgTextureHeader=01_flat.png&bgImgOpacityHeader=0&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=0&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e9e9e9&bgTextureDefault=05_inset_soft.png&bgImgOpacityDefault=100&borderColorDefault=aaaaaa&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=05_inset_soft.png&bgImgOpacityHover=100&borderColorHover=999999&fcHover=b31a1a&iconColorHover=b31a1a&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=ffffdd&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=0&borderColorHighlight=ffee99&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=ffeeee&bgTextureError=01_flat.png&bgImgOpacityError=0&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=18_hexagon.png&bgImgOpacityOverlay=15&opacityOverlay=65&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=15&thicknessShadow=10px&offsetTopShadow=-10px&offsetLeftShadow=-10px&cornerRadiusShadow=4px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaa; background: transparent; color: #222; } .ui-widget-content a { color: #222; } .ui-widget-header { border: 1px solid #aaa; background: #434343; color: #222; font-weight: normal; } .ui-widget-header a { color: #222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #aaa; background: #e9e9e9 url("http://img.tacklewarehouse.com/framework/ui-bg_inset-soft-light.png") 50% 50% repeat-x; font-weight: normal; color: #555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999; background: #dadada url("http://img.tacklewarehouse.com/framework/ui-bg_inset-soft-dark.png") 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaa; background: #fff; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fe9; background: #ffd; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fee; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_222222.png"); } .ui-widget-content .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_222222.png"); } .ui-widget-header .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_222222.png"); } .ui-state-default .ui-icon { background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_888888.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_b31a1a.png"); } .ui-state-active .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_454545.png"); } .ui-state-highlight .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_2e83ff.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("http://img.tacklewarehouse.com/framework/ui-icons_cd0a0a.png"); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* Tabs ----------------------------------*/ .ui-tabs { padding: 0; zoom: 1; border: none; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin: 0; padding: 0; border-top: none; border-right: none; border-left: none; background: transparent; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom: none !important; margin: 0 -1px -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; margin: 0 0 10px; display: block; border-top: none; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; background: #fff url(http://img.tacklewarehouse.com/fp10/bg-box-shadow.gif) repeat-x center bottom; } .ui-tabs .ui-tabs-panel a { color: #b31a1a; } .ui-tabs .ui-tabs-hide { display: none !important; } #desctabs .ui-tabs-panel img { display: inline !important; } #news .ui-tabs-panel { height: 391px; padding: 5px 10px; overflow: auto; } #news .ui-tabs-panel li { margin-bottom: 5px; padding-left: 13px; background: transparent url(http://img.tacklewarehouse.com/fp10/icon-arrow-news.png) no-repeat 0 1px; } #news .ui-tabs-panel li em { display: block; font-style: italic; } #brands h2 { width: 148px; height: 22px; margin: 0 !important; padding: 2px 10px; line-height: 22px; float: left; } #brands .ui-tabs-nav { width: 594px; height: 20px; background: #666 url("http://img.tacklewarehouse.com/framework/bg-titlebar.gif") repeat-x 50% 50%; line-height: 1em; padding: 3px; border-bottom: none; float: right; overflow: hidden; } #brands .ui-tabs-nav li { margin: 0; padding: 0; background: transparent; border: none !important; } #brands .ui-tabs-nav li a { width: 20px; height: 12px; margin: 0; padding: 4px 1px; background: transparent; color: #fff; text-align: center; } #brands .ui-tabs-nav li.ui-tabs-selected a { border: 1px solid #fff; padding: 3px 0px; } #brands .ui-tabs-panel { padding: 5px; clear: both; } #brands .ui-tabs-panel li { height: 18px; overflow: hidden; } #morevideos .ui-tabs-nav li h2 { font: 1em Arial, Helvetica, sans-serif; } #morevideos .ui-tabs-panel { padding: 0; background: #fff; } #morevideos .ui-tabs-panel h3 a { color: #333; } #morevideos .ui-tabs-panel h3 a:hover { color: #b31a1a; } #slides { width: 558px; height: 319px; position: relative; margin-bottom: 10px; border: 1px solid #aaa; background: #000; overflow: hidden; float: left; } #slides .ui-tabs-panel { height: 235px; padding: 0; overflow: hidden; border: none; background: #FFFFFF; } #slides .ui-tabs-panel img { width: 558px; height: 235px; } #slides .ui-tabs-nav { height: 78px; position: absolute !important; left: 0; bottom: 0; right: 0; padding: 0 3px 5px; border-top: 1px solid #aaa; border-bottom: none; overflow: hidden; background: #fff; } #slides .ui-tabs-nav li { margin: 0 3px; padding-top: 5px; border: none; background: none; } #slides .ui-tabs-nav li a { width: 130px; height: 71px; padding: 0; border: 1px solid #aaa !important; } #slides .ui-state-default a img, #slides.ui-widget-content .ui-state-default a img { opacity: 0.7; filter:Alpha(Opacity=70); background:#FFFFFF; } #slides .ui-state-hover a img, #slides.ui-widget-content .ui-state-hover a img, #slides .ui-state-focus a img, #slides.ui-widget-content .ui-state-focus a img { opacity: 0.85; filter:Alpha(Opacity=85); background:#FFFFFF; } #slides .ui-state-active a img, #slides.ui-widget-content .ui-state-active a img { opacity: 1; filter:Alpha(Opacity=100); background:#FFFFFF; } #slides .ui-state-default a, #slides.ui-widget-content .ui-state-default a { background: #000; } #slides .ui-state-hover a, #slides.ui-widget-content .ui-state-hover a, #slides .ui-state-focus a, #slides.ui-widget-content .ui-state-focus a { background: #333; } #slides li.ui-state-active, #slides.ui-widget-content li.ui-state-active { background: transparent url(http://img.tacklewarehouse.com/fp10/icon-arrow-lure.gif) no-repeat center top; } #slides .ui-state-active a, #slides.ui-widget-content .ui-state-active a { background: #fff; border: 1px solid #5e5e5e !important; }