/* $$ alex@bigmooninteractive.com src:dancing_parrot_bigparts8.png 1.1 / 4-20-10 www.dancingparrot.com */ /* Start Reset Styles - Thanks to Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)*/ 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /*End Reset Styles */ a:link {color: #0099FF;} a:visited{color: #666666;} a:hover {color: #FF0000;} body {background: #0192D8; background-attachment: scroll; padding: 31px 0 40px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; word-spacing: 2pt; line-height: 16pt; color: #000;} ol, ul, li {list-style: none;} img, a {border: none;} h1, h2, h3, h4, h5 {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; word-spacing: 2pt; line-height: 15pt; clear: both; font-weight: bold;} .ilt {font-style: italic;} .w3cfont {font-size: 8px;} .leffl {float: left;} .rigfl {float: right;} .bldtxt {font-weight: bold;} .ct {text-align: center;} #hrc {color: #FF0000; font-weight: bold; font-size: 14pt; text-align: center;margin: 25px 40px 0;} #zerozero {height: 166px;} #sixwide {width: 940px; margin-top: 25px;} #threewide {width: 470px;} #sixx22 { width: 622px;} .sb {font-weight: bold;} #rmg {margin-right: 300px;} .inner_cont {list-style-position: outside; margin: 4px 108px 25px 80px; padding: 0;} .inner_cont li { margin-bottom: 7px; padding: 0; list-style: circle;} .topbut {width: 81px; height: 42px; margin: 30px auto 0; background: url(/images/bigparts2.png) no-repeat 352px 0; display: block; overflow: hidden; text-indent: -5000em; clear: both; position: relative;} .extralinks {width: 100%; height: 48px; background: url(/images/bigparts2.png) repeat-x 0 -1035px; position: fixed; top: 0; left: 0; z-index: 2000;} .extralinks a {height: 22px; margin: 9px 8px 0; background: url(http://www.makeyourownbirdtoys.com/images/bigparts1.png) no-repeat; overflow: hidden; display: block; float: left; text-indent: -5000em; } .extralinks .link2 {width: 202px; background-position: 9px -88px;} .extralinks .link2:hover {background-position: 9px -65px} .extralinks .link3 {width: 196px; background-position: -242px -88px;} .extralinks .link3:hover {background-position: -242px -65px} .extralinks .link4 {width: 60px; background-position: -453px -88px; float: right;} .extralinks .link4:hover {background-position: -453px -65px} .extralinks .link5 {width: 155px; background-position: -521px -88px; float: right;} .extralinks .link5:hover {background-position: -521px -65px} .extralinks .infobut {width: 55px; background-position: -888px -149px; margin-right: 24px; float: right;} .extralinks .infobut:hover {background-position: -888px -123px} .viewcart {width: 60px; height: 22px; margin: 9px 8px 0; background:url(http://www.makeyourownbirdtoys.com/images/bigparts1.png) no-repeat -453px -88px; float: right; border: none; cursor: pointer;} .viewcart:hover {background-position: -453px -65px} .hbox {width: 1000px; height: 250px; margin: 4px auto 0; padding: 0; background: url(/images/bigparts2.png) no-repeat 0 -167px; position: relative;} #int { height: 76px;} .hbox .homelink { width: 249px; height: 57px; background: url(/images/bigparts2.png) no-repeat -13px -1px; position: absolute; top: 14px; left: 46px; overflow: hidden; text-indent: -5000em; } .hbox .homelink a {width: 310px; height: 43px;display: block;} .hbox .textlink { width: 112px; height: 44px; background: url(/images/bigparts2.png) no-repeat -565px -15px; position: absolute; top: 36px; right: 52px; } .hbox .textlink a {width: 112px; height: 43px; display: block; overflow: hidden; text-indent: -5000em;} .hbox .textlink a:hover {background: url(../images/bigshowsmallparts1.gif) no-repeat -800px 0;} .hbox .bigshow { width: 1000px; height: 160px;/* height: 278px;*/position: absolute; top: 82px; left: 0; } /*BIGSHOW BOX GOES HERE*/ .hbox .bigshow div { width: 910px; height: 155px; margin: auto;} .pbox { width: 1000px; margin: 0 auto; padding-top: 85px; background: url(/images/yparts.gif) repeat-y 0 0; position: relative;} .pbox .navbox { width: 950px; height: 52px; /*height: 62px;*/ padding: 0 0 0 25px; background: url(/images/bigparts2.png) no-repeat 0 -411px; position: absolute; top: 0; left: 0;} .navbox a {height: 33px; margin-top: 5px; margin-right: 4px; background: url(/images/bigparts2.png) no-repeat; float: left; display: block; overflow: hidden; text-indent: -5000em;} .navbox .nav1 {width: 256px; height: 33px; margin: 5px 4px 0; background-position: 0 -62px;} .navbox .nav1:hover {background-position: 0 -1000px;} .navbox .nav1#pag {width: 312px; height: 48px; margin: 0 0 0 3px; background-position: 0 -96px;} .navbox .nav2 {width: 147px; background-position: -260px -62px;} .navbox .nav2:hover {background-position: -260px -1000px;} .navbox .nav2#pag {width: 178px; height: 48px; margin-top: 8px; background-position: -310px -104px;} .navbox .nav3 {width: 166px; background-position: -411px -62px;} .navbox .nav3:hover {background-position: -411px -1000px;} .navbox .nav3#pag {width: 215px; height: 48px; margin-top: 8px; background-position: -488px -104px;} .navbox .nav4 {width: 196px; background-position: -581px -62px;} .navbox .nav4:hover {background-position: -581px -1000px;} .navbox .nav4#pag {width: 247px; height: 48px; margin-top: 8px; background-position: -703px -104px;} .navbox .nav5 {width: 106px; background-position: -783px -62px; float: right;} .navbox .nav5:hover {background-position: -783px -1000px;} .navbox .nav5#pag {width: 140px; height: 48px; margin: 8px 4px 0 18px; background-position: -950px -104px;} .pbox a {font-weight: bold; color:#FF0000;} .pbox a:hover { text-decoration: underline;} .pbox a:visited { color: #333333; text-decoration: underline;} .pbox .inner_stuff { width: 250px;/* this is the original width: 302px; */ background: #fff /*#FFB46A url(../images/side_bg.gif) no-repeat bottom left*/; position: absolute; top: 100px; right: 45px; display:block; } .pbox .inner_stuff li {/* this is the original width: 302px; */ display:block; } .pbox .inner_stuff h2 { margin: auto 0 6px; font-size: 13pt;} .pbox .inner_stuff li p { margin: auto 0 10px;} .pbox .inner_stuff p.toph {padding-top: 0; clear: both;} .pbox .inner_stuff #conbut { width: 127px; height: 128px; margin: 12px auto; background: url(/images/bigparts2.png) no-repeat -162px -863px; display: block; overflow: hidden; text-indent: -5000em;} .pbox .inner_stuff#int { top: 100px; } .pbox .inner_stuff#int .sb { color: #FF0000;} .pbox p, .pbox h1, .pbox h2, .pbox h3 { /*width: 922px;*/ margin: auto 55px;} /*Change TEXT FLOW here based on the width: 1000px; and the design of site.*/ .pbox p {margin-bottom: 22px;} .pbox h1 {margin-top: 11px; margin-bottom: 9px; font-size: 15pt; color: #0192D8;} .pbox h2 {margin-top: 11px; margin-bottom: 9px; font-size: 13pt; color: #0192D8;} .pbox h3 {margin-top: 55px; display: block; height:40px; margin-bottom: 15px; clear: both; color: #0192D8;} .pbox .portbox { width: 185px; height: 56px; background: url(../images/parts_big.gif) no-repeat top left; position: absolute; top: 54px; right: 8px; z-index: 1500; } .pbox .portbox ul li { width: 185px; height: 56px; display: block; float: left; font-size: 9pt; line-height: 10pt; font-weight: normal;} .pbox .portbox ul li p {width: 70px; padding: 0 2px 0 6px; display: block; float: left;} .pbox .vpo { text-align: center; font-weight: bold; margin: 75px auto 0; clear: both; } .pbox #plinks { width: 955px; height: 42px; margin: auto; display: block; text-align:center; color:#FF0000; } .pbox #plinks a { margin: 6px; font-size: 10pt;} .pbox .desc_cont {list-style-position: outside; margin: -10px 108px 25px 70px; padding: 0;} .pbox .desc_cont li { margin: 0; padding: 0; list-style: square;} .pbox .inner_cont {list-style-position: outside; margin: 4px 108px 25px 80px; padding: 0;} .pbox .inner_cont li { margin-bottom: 7px; padding: 0; list-style: circle;} .pbox .topbut {width: 55px; height: 54px; background-position: -352px 0;} /* .pbox .inner_stuff .add1 {}*/ .productbox_app {/* margin-left: 15px;*/ /*width: 956px; width: 622px;*/background: #BBEFFE; position: relative; float: left; clear: both; display: block; } .productbox_app #h33 {height: 37px; background: #31CFFD;} .productbox_app h3 { width: inherit; margin: 0; padding: 8px 0 0; color: #fff; font-weight: bold; font-size: 12pt;} .productbox_app li a img {width: 150px; display: block; } .productbox_app li {width: 159px; margin: 4px; padding-top: 6px; display: block;/* float: left;*/} .productbox_app li a { width: 150px; margin: auto; display: block; /*height: 140px;/ text-decoration: none;*/} .productbox_app li #cab1 {} .productbox_app li #cab2 {} .productbox_app li #cab3 {} .productbox_app li #cab4 {} /* .productbox_app #cab5 {left: 782px;}*/ .productbox_app h4 {width: 146px; margin-left: 6px; font-weight: bold; text-align: center; float: left; clear: none; display: block;} .productbox_app li div {width: 150px; height: 130px; margin:0 auto; display: block; text-align: center; float: left; font-size: 9pt;} #vrtbar1 {width: 12px; background: url(/images/bgscrooly.gif) repeat-y -2342px 0;} .productbox_app #vrtbar1 {height: 225px; margin: 0; position: absolute; top: 0; right: 0; z-index: 1700; } #tnl {width: 920px; margin-left: 50px; margin-bottom: 15px; background: none; } #tnl li h3 {width: 900px; text-align: center;} #tnl li#h33 {width: 900px; margin: 0; padding: 0;} #tnl li {height: 250px; margin: 4px 12px; float: left;} #tgo {width: 680px;/*ori width: 638px;*/ height: 225px; margin-left: 35px; margin-bottom: 24px; position: relative;} #tgo li {height: 225px; float: left;} #tgo li h3 { width: 100%;} #radd1 {width: 945px; height: 225px; margin: 14px 0 35px 35px; position: relative;} #radd1 li { height: 225px; float: left;} #radd1 li h3 { width: 100%;} #radd1 #planb { position: absolute; top: 50px; right: 23px; } #lbox1 { height: 226px; width: 901px; margin: 0 auto; display: block; clear: both; } #lbox1 a { float: left;} #tgl {margin-left: 35px; width: 638px;} .pbox h2#tz{margin-top: 0;} .grid_box4 {height: 120px;} .pbox .grid_box3 {width: 920px; padding: 0; margin: 44px 0 0 45px; display: block;} .pbox .grid_box3 a { cursor:help;} .pbox .grid_box3 p { margin: 10px 0;} /*.pbox .grid_box3 div {padding: 15px; display: block;}*/ .pbox .grid_box3#ind li {height: 250px;} .pbox .grid_box3#ind a { cursor: pointer;} .grid_box3 li {height: 325px;} .grid_box3 h3 { width: 170px; margin: 20px auto 9px; font-weight: bold; color: #000; text-align: center;} .grid_box2 {height: 290px;} .grid_box1 {height: 192px;} .grid_box1 li h2 {margin-bottom: 9px; font-weight: bold;} /*.grid_box1 li {height: 170px;}*/ .grid_box1, .grid_box2, .grid_box3, .grid_box4 {width: 897px; margin: 0 auto; padding-left: 20px; background: #fff url(/images/cont_bg3.gif) repeat-y top center; clear: both; display: block;} .grid_box1 li, .grid_box2 li, .grid_box3 li, .grid_box4 li {width: 170px; margin-right: 14px; float: left; text-align: center; display: block; /*position: relative;*/} .grid_box1 li h2, .grid_box2 li h2, .grid_box3 li h2 {width: 100%; margin-top: 12px; font: 10pt bold Verdana, Arial, Helvetica, sans-serif; color: #999;/* position: absolute; bottom: 0; left: 0;*/} /*Tabs and stuff*/ .grid_box3 #sc2 p { font-weight: bold; margin-top: 7px;} /*.productbox_app a.full_link {position: absolute; top: 201px; right: 24px; text-decoration: underline; color: #8CBD2C;}*/ .fbox {width: 1000px; height: 158px; margin: auto; background: url(/images/bigparts2.png) no-repeat 0 -665px; position: relative;} .fbox .conbut { width: 77px; height: 20px; display: block; background: url(/images/bigparts2.png) no-repeat -417px -14px; position: absolute; top: 26px; left: 129px; overflow: hidden; text-indent: -5000em; } .fbox .backbut { width: 57px; height: 20px; display: block; background: url(/images/bigparts2.png) no-repeat -500px -13px; position: absolute; top: 25px; right: 896px; overflow: hidden; text-indent: -5000em; } .fbox h5 { width: 939px; position: absolute; top: 62px; left: 44px; color: #fff; text-align: center; } .fbox a {font-size: 15px; font-weight: bold; text-decoration: none; color: #000;}/* color: #0F9CD2;*/ .fbox a:hover {text-decoration: underline;} .fbox li {height: 315px; margin: auto; position: relative; /*background: url(/images/bot_nv.gif) no-repeat bottom center;*/ display: block;} .fbox li ul {top: 32px;} .fbox li ul li {height: 21px; margin: 0 0 8px;} .fbox li h2 {color:#FFFFFF; font-size: 14pt;} .fbox li .bot_nav_5 { position: absolute; top: 133px; left: 46px; } .fbox li .bot_nav_5 li {width: 700px;} .fbox li .bot_nav_3 { position: absolute; top: 162px; left: 247px; } .fbox li .bot_nav_3 li {width: 200px;} .fbox li .bot_nav_2 { position: absolute; top: 163px; left: 462px; } .fbox li .bot_nav_2 li {width: 250px;} .fbox li .bot_nav_1 { position: absolute; top: 164px; right: 107px; width: 200px; height: 83px; } .fbox li .bot_nav_1 li {width: 220px;} .fbox .topbut { width: 81px; height: 42px; margin: 0; background: url(/images/bigparts2.png) no-repeat; position: absolute; top: 20px; left: 465px; } .foot_copy {width: 980px; margin: 15px auto; position: relative; color: #000; display: block; position: relative; color: #fff;} .foot_copy li p {clear: both;} .foot_copy li a, .fbox h5 a {font-size: 24px; font-weight: bold; text-decoration: none; color: #fff;} .foot_copy li a {font-size: 14px;} .foot_copy li a:hover, .fbox h5 a:hover {text-decoration: underline;}