/** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2007 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $ */ /* =reset (ONLY EDIT THE FONT FAMILY)******************************** */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} body {font:13px verdana,helvetica,clean,sans-serif;} table {font-size:inherit;font:100% verdana,helvetica,clean,sans-serif;} select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;} pre, code {font:115% monospace;} body * {line-height:1.22em;} .clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;} .clear {display:block;overflow:hidden;} .hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} .hidetext {display:block;text-indent:-9999px;outline:0;} .required {font-size:85%;font-weight:bold;color:#c00;} /* =elements ***************************** */ a.blue:link {padding: 4px; color: #049bd7; background: #d3e4f3; border-bottom: 1px dashed #049bd7;} a.blue:active {padding: 4px; color: #049bd7; background: #d3e4f3; border-bottom: 1px dashed #049bd7;} a.blue:visited {padding: 4px; color: #049bd7; background: #d3e4f3; border-bottom: 1px dashed #049bd7;} a.blue:hover {padding: 4px; color: #049bd7; background: #d3e4f3; border-bottom: 1px dashed #049bd7;} a:link {color: #049bd7; text-decoration: none; } a:active {color: #049bd7; text-decoration: none; } a:visited {color: #049bd7; text-decoration: none; } a:hover {color: #049bd7; text-decoration: none; } abbr, acronym {cursor:help; border-bottom-width:1px; border-bottom-style:dotted;} hr {border: none 0; border-top: 4px double #609920; width: 100%; height: 2px; margin: 8px 0 10px 0;} /*em {font-weight: bold;}*/ /* =grids ***************************** */ html {text-align:center; background: #daa924 url(../images/ff-bg.gif) 200px 0 fixed repeat; } body {text-align:left; margin:0 auto; width:877px;} .align-center {text-align:center;} .align-right {text-align:right;} #main-content .no-style {list-style:none; margin-left:0; margin-right:0;} #main-content .no-style li {background:none; padding:0; font-size:100%;} #main-content .distributors li {float:left; width:50%; min-height:245px;} #main-content .distributors li h3 {color:#000; margin:0.5em 0;} #container {width:877px; margin:0 auto;} #header {position: relative;background:transparent url(../images/header.png) no-repeat; width: 874px; height: 198px; text-align:center;} #logo a {position: absolute; left: 15px; top: 35px; height: 110px; width: 250px; text-indent: -9999px;} #google-search {position:absolute;bottom:75px;right:85px;padding:0;margin:0;} #google-search input[type=submit], #google-search input[type=text] {float:left;} #google-search input[type=text] {margin-top:5px;width:200px;} #google-search input[type=submit] {background:url(/flutterfetti/images/search-go.gif) no-repeat;} #acct-nav {position:absolute; bottom:57px; right:62px; list-style:none;} #acct-nav li {float:left; border-left:solid 1px #6e206b;} #acct-nav a {display:block; padding:0 12px; color:#6e206b; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:87%;} #acct-nav a:hover {text-decoration:underline;} #acct-nav #view-cart {border-left:0;} #acct-nav #view-cart a {padding-left:20px; background:url(../images/view-cart-btn.gif) no-repeat left center;} #topnav {width:857px;position:absolute;top:155px;left:0;} #topnav ul {font-family: "trebuchet ms"; list-style:none; margin:0 auto; display:table;} #topnav li {float:left; display:table-cell;} #topnav ul ul {position:absolute; top:-999px; width:1px; height:1px; overflow:hidden; list-style:none;} #topnav ul li ul li {float:none;} #topnav li:hover ul {top:auto; width:auto; height:auto; overflow:visible; } #topnav ul a {display:block; padding:8px 8px; color:#fff; text-decoration:none;} #topnav ul a:hover, #topnav ul li:hover a { background: url(../images/nav-bg-hover.gif); color:#62316d;} #topnav ul ul a {background:#666; color:#fff;} #topnav ul ul a:hover {background:#000;} #topnav ul a.fetti-store {font-weight:bold; color:#f1db3a;} #sm-profiles {position:absolute;top:50px;left:350px;} #sm-profiles a {display:block;width:28px;height:28px;border:1px solid;float:left;margin:5px 10px 0;border:none;} #sm-profiles p {color:#590755;font-size:85%;} #sm-profiles .facebook {background:url(../images/facebook.gif) no-repeat;} #sm-profiles .youtube {background:url(../images/youtube.gif) no-repeat;} #sm-profiles .flickr {background:url(../images/flickr.gif) no-repeat;} .products-nav ul {font-family: "trebuchet ms"; width: 215px;} .products-nav ul li {font-size: 90%; border-bottom: 1px dashed #cacaca;} .products-nav ul {list-style:none; } .products-nav ul li {padding-left: 0px;} .products-nav ul li a {color: #aa007d;} .products-nav ul li a:hover {color: #5f642d; background: url(../images/nav-bg-hover.jpg)0 0 repeat-x;} #products-nav-wrap {float: left;width: 215px; } .products-nav {width: 205px; margin-left: 12px; margin-right: 10px; background: #feffe8 url(../images/nav-bg.jpg) bottom repeat-x;padding-left:10px;padding-right:10px;display:block; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca;} .products-nav a{padding-left:0px;padding-top:8px;display:block;width:210px;height:21px;} .products-nav a:hover{background:url(../images/nav/navbg.jpg) no-repeat top center;} .products-nav a:active{background:url(../images/nav/navbg.jpg) no-repeat top center;} .products-nav #select{background:url(../images/nav/navbg.jpg) no-repeat top center;padding-left:0px;padding-top:4px;display:block;width:210px;height:25px;} .products-nav-confetti {text-indent: -9999px; background:url(../images/nav-confetti-bg.jpg); width: 227px; height: 36px; margin-left: -11px;} .products-nav-party {text-indent: -9999px; background:url(../images/nav-party-bg.jpg); width: 227px; height: 55px; margin-left: -11px;} .products-nav-occasions {text-indent: -9999px; background:url(../images/nav-occasions-bg.jpg); width: 227px; height: 62px; margin-left: -11px;} .imgb {float: right; border: 3px solid #5a0756; margin: 0px 0px 11px 15px;} .imgb span {font-size:80%;display:block;margin:0.5em;} .imga {float: left; border: 3px solid #5a0756; margin: 15px 20px 0px 0px;} .goback {background: #fbfde5; width: 115px; padding: 5px; border: 1px solid #bdc1a3;} .goback a:link {color: #aa007d;} .goback a {color: #aa007d;} #main-cta {width:853px; height:257px; margin-left: 6px; border-left: 5px solid #fff; border-right: 2px solid #fff;background:#fff url(../images/video-home-banner.jpg) no-repeat;position:relative;} #main-cta #video-player-home {position:absolute;bottom:0;left:1px;} #main-cta a {display:block;text-indent:-9999px;} #main-cta a.get-a-quote {position:absolute; bottom:8px; left:430px;width:170px; height:22px;} #main-cta a.view-more-clients {position:absolute; bottom:6px; right:10px; width:125px; height:25px;} #ctas-home {height:257px; list-style:none; margin:0; padding:0;} #ctas-home li {position:relative; height:257px; width:848px;} #ctas-home li a {text-indent:-999em;} #ctas-home li a.view-more-clients {position:absolute; bottom:6px; right:10px; width:125px; height:25px;} /*#featured-products {margin-left: 8px; margin-top: 10px; border-left: 4px solid #fff; border-right: 4px solid #fff; width:850px; height: 36px; background:url(../images/featured-products.gif) no-repeat;}*/ .box {height: 120px; } .boxTitle {padding: 10px 10px 0 0; font-family: "trebuchet ms"; font-size: 130%; color: #d69c1e; text-transform: uppercase;} .partyTitle {padding: 10px 10px 0 0; font-family: "trebuchet ms"; font-size: 130%; color: #67a624; text-transform: uppercase;} .allTitle {padding: 10px 10px 0 0; font-family: "trebuchet ms"; font-size: 130%; color: #9949a8; text-transform: uppercase;} .boxLast {width: 277px; background:url(../images/featured-products-bottombg.gif) 0 0 no-repeat;} #featured-boxes {margin-left: 11px; width: 850px; margin-top: 20px;} #featured-boxes ul li {margin: .20em .75em;} #box-occasions {float:left; margin:0em 1em; width: 250px;background:#fff url(../images/featured-products-bg.gif) repeat-x left bottom;} #box-products {float:left; margin:0em 1em; width: 240px;background:#fff url(../images/featured-products-bg.gif) repeat-x left bottom;} #box-party {float:left; margin:0em 1em; width: 280px;background:#fff url(../images/featured-products-bg.gif) repeat-x left bottom;} .small-list li {line-height: 1.55em; word-spacing: 0.05em;font-size: 80%;} .small-list {list-style:none; margin: 0em 0em 0em;} .small-list li {padding-left: 12px; background:url(../images/bullet.gif) no-repeat 0px .5em;} .small-list a {color: #442279; text-decoration: underline; padding:0px;} .small-list a:hover {color: #442279; text-decoration: none; padding:0px;} .last a {color: #ab0082; text-decoration: underline; font-weight: bold;} .last a:hover {color: #ab0082; text-decoration: none; font-weight: bold;} .small-grey {font-size: 80%; color: #666666; margin: 10px;} #logos {text-indent: -9999px; background: url(../images/logos.jpg) 0 0 no-repeat; width: 198px; height: 84px; } #body {background: url(../images/body-bg.gif) repeat-y;float:left;width:874px;} #indexHomeBody #body {clear:both;} #main-content {float: right; padding: 0px; width: 607px; margin:0; margin-right:16px;} #indexHomeBody #main-content {float:left; padding:0 0 0 10px; margin-left:12px; border-right: 3px solid #fff; /*margin-right:20px;*/ width:490px;} #main-content h1 {color: #fff; margin:1em 0 0em; padding: 10px 0px 0px 20px; font-size:110%; background: url(../images/h1-bg.gif) 0 0 no-repeat; height: 37px;} #indexHomeBody #main-content h1 {} #main-content h2 {margin:1em 0 0.5em;font-size:130%; font-weight: bold; color: #44217a; text-transform: capitalize;} #main-content h3 {clear: both;margin:2em 0 1.5em;font-size:100%; color:#432178; } #main-content p, #main-content address {margin:0 0 1.25em 20px;line-height:1.44em;} #main-content p.link {margin-top:1em; margin-bottom:1em;} #main-content ol {margin:1em 0;} #main-content ol li {margin:0 2.5em;line-height:1.44em;} #main-content ul {padding: 10px; color: #000;} #main-content ul li {line-height:1.75em; word-spacing: 0.05em;font-size: 85%;} #main-content ul {list-style:none;margin:1em 0em 1em;} #main-content ul li {padding-left: 12px; background:url(../images/bullet.gif) no-repeat 0px .5em;} #main-content table {margin:0 0 1em;} #main-content table th {padding:3px 5px;} #main-content table td {padding:3px 5px;} #main-content a {background-color:#d3e5f3; text-decoration:none; color:#049ad7; border-bottom:dashed 1px #049ad7;} #main-content a:hover {background-color:#f3ecd4; color:#d7c104; border-bottom:dashed 1px #d7c104;} #sub-content {float: right; background: #fff; padding: 0px; width: 575px; margin-left: 8px; border-right: 3px solid #fff; margin-right: 20px;} #sub-content h1 {color: #fff; margin:1em -1.75em 0em; padding: 10px 0px 0px 10px; font-size:110%; background: url(../images/h1-bg.gif) 0 0 no-repeat; height: 37px;} #sub-content h2 {margin:1em 0 0.5em;font-size:130%; font-weight: bold; color: #44217a; text-transform: capitalize;} #sub-content h3 {clear: both;margin:2em 0 1.5em;font-size:90%; color: #2f87b5; } #sub-content p {margin:0 0 1.25em;line-height:1.44em;} #sub-content ol {margin:1em 0;} #sub-content ol li {margin:0 2.5em;line-height:1.44em;} #sub-content ul {padding: 10px; color: #000;} #sub-content ul li {line-height:1.75em; word-spacing: 0.05em;font-size: 85%;} #sub-content ul {list-style:none;margin:1em 0em 1em;} #sub-content ul li {padding-left: 12px; background:url(../images/bullet.gif) no-repeat 0px .5em;} #sub-content table {margin:0 0 1em;} #sub-content table th {padding:3px 5px;} #sub-content table td {padding:3px 5px;} /* fetti for all occasions ***********/ #main-content ul.fetti-occasions {list-style:none;margin:0;} #main-content ul.fetti-occasions li {list-style:none;float:left;margin:.5em;text-align:center;background:none;} #main-content ul.fetti-occasions a {display:block;background:none;border:none;color:#aa007d;text-decoration:underline;} #main-content ul.fetti-occasions a:hover {text-decoration:none;} #main-content ul.fetti-occasions img {border:4px solid #aa007d;} #main-content .bio {padding: 10px; background: #f8f6e1; border: 1px solid #cacaca;} #main-content .bio img {margin:0 10px 0 0;} #main-content .bio a, #main-content .bio a:hover {background:none; border-bottom:0;} .title {font-size: 100%; font-weight: bold; color: #6d2a7b; text-transform: uppercase;} #main-content .categories {list-style:none; margin:1em 0;} #main-content .categories li {float:left; text-align:center; padding:0; background:none; width:100px; margin:0 0.5em 2em;} #main-content .categories li img {display:block; margin:0.5em auto; width:100px; height:100px;} #main-content .categories li a {} #main-content span.warningText {color:#ff0000;font-weight:bold;} blockquote {margin: 10px; font-size: 80%; line-height: 1.5em; padding: 10px; background: #f7f8f3; border: 1px solid #cacaca;} blockquote strong {margin-left:40px; font-size: 90%; line-height: 2.5em; font-weight:bold;} #side-content {float: left; width: 227px; background: #fff; margin-left: 10px; border-right: 3px solid #fff; margin-right:0;} #side-content ul {list-style:none;} #side-content h2 {text-indent:-999em;} #side-content h2 a {display:block; height:100%;} #indexHomeBody #side-content {float:right; width:280px; margin-right:12px;} .photo {margin: 0 10px 10px 0; padding: 10px; background: #f8fae2; border: 1px solid #cacaca;} .space {font-size: 80%; width: 200px; color: #666666;} .left-box {float: left; width: 255px; padding: 5px;} .right-box {float: right; width: 255px; padding: 5px;} .thumb-box {} .thumb-box p {font-family: "trebuchet ms"; font-size: 90%;} .thumb-box a {padding-left:0px; color: #a8007e; text-decoration: underline;} .thumb-box img {border: 2px solid #9d9d9d;} table.venue-table {background: #fff; font-size: 80%; width: 150px; height: 150px;} table.products-table {font-size: 80%; width: 560px;} table.products-table tr td {width: 70px; background: #fff;} table.products-table tr td img {border: 2px solid #bdc1a3;} table.products-table tr td a {color: #aa007d; text-decoration: underline;} table.products-table tr td a:hover {color: #5a0756; text-decoration: none;} table.items-table {background:#aa007d; width:575px; } th.items-table {font-size: 100%; color:#fff; border-right: 0px dotted #ccc; text-align:center; } tr.items-table {height:30px; text-align: left;} td.items-table {font-size: 80%; background-color:#e6e6e6; color:#666666; border-bottom: 1px dashed #666666; text-align:left; line-height: 35px;} #productHead {width:100%;overflow:hidden;} #productHead p.link a {border:none;} #productMainImage {float:left; width:300px;margin:0 20px 20px 0;} #productMainImage p {margin:0;} #productDescription p.link {margin:1em 0;padding:0;} #footer {clear:both; background:url(../images/footer-bg.gif) 0 0 no-repeat; height:41px; width: 877px;} #footer p {font-size:80%; padding-top: 45px; padding-bottom: 10px; text-align: center;} #footer p a {color: #49550e; text-decoration: underline;} #footer p a:hover {color: #49550e; text-decoration: none;} /* =CTAs ***************************** */ #main-content .cta a, #main-content .cta a:hover {border:0; background:none;} #cta-diverse-and-colorful-special-effects-wedding {background:url(../images/main-cta.jpg) no-repeat 0 0; position:relative;} #cta-diverse-and-colorful-special-effects-trophy {background:url(../images/main-cta-2.jpg) no-repeat 0 0;} #cta-diverse-and-colorful-special-effects-parade {background:url(../images/main-cta-3.jpg) no-repeat 0 0;} #cta-paul-mccartney {background:url(../images/main-cta-paul-mccartney.jpg) no-repeat 0 0;} #cta-seasonal {position: relative;background: url(../images/cta-seasonal.gif) left no-repeat; width:286px; height:90px;} #cta-seasonal a {position: absolute; top: 65px; left: 215px; width: 65px; height:9px; text-indent: -9999px;} #cta-weddings {position: relative;background: url(../images/weddings-banner.jpg) left no-repeat; width:607px; height:209px;} #cta-weddings a {position: absolute; bottom: 36px; right: 76px; width: 150px; height:25px; text-indent: -9999px;} #cta-new-years {position: relative;background: url(../images/newyears-banner.jpg) left no-repeat; width:607px; height:209px;} #cta-new-years a {position: absolute; bottom: 36px; right: 76px; width: 150px; height:25px; text-indent: -9999px;} #cta-mardi-gras {position: relative;background: url(../images/mardigras-banner.jpg) left no-repeat; width:607px; height:209px;} #cta-mardi-gras a {position: absolute; bottom: 36px; right: 76px; width: 150px; height:25px; text-indent: -9999px;} #cta-graduation {position: relative;background: url(../images/graduation-banner.jpg) left no-repeat; width:607px; height:209px;} #cta-graduation a {position: absolute; bottom: 36px; right: 76px; width: 150px; height:25px; text-indent: -9999px;} #cta-subpage {position: relative; float:right; /*margin-right: 15px;*/ text-indent: -9999px; width: 607px; height: 140px; background:url(../images/cta-subpage.jpg);} #cta-subpage-seasonal a {position: absolute; width: 70px; height: 10px; left: 240px; top: 120px;} #cta-subpage-party a {position: absolute; width: 100px; height: 10px; left: 340px; top: 120px;} #cta-confetti {position: relative; float:right; /*margin-right: 15px;*/ text-indent: -9999px; width: 607px; height: 258px; background:url(../images/cta-confetti.jpg);} #cta-confetti-link a {position: absolute; width: 100px; height: 50px; left: 505px; top: 205px;} #cta-birthday {position: relative; width: 607px; height: 209px; background:url(../images/birthdays-banner.jpg);} #cta-birthday a {position: absolute; bottom: 36px; right: 76px; width: 150px; height:25px; text-indent:-9999px;} #cta-email-photos {position: relative;margin-top: 20px; background: #fff url(../images/cta-email-photos.jpg); width: 280px; height: 112px;} #cta-email-photos a {position: absolute; left: 140px; top: 85px; width: 140px; height: 25px; text-indent: -9999px;} #cta-brochure-download {position: relative;margin:0 auto; margin-top: 10px; background: #fff url(../images/cta-brochure-download.jpg) 0 0 no-repeat; width: 275px; height: 105px;} #cta-brochure-download a {display:block; width: 275px; height: 105px; text-indent: -9999px; background:none; border-bottom:0;} #cta-brochure-download a:hover {background:none; border-bottom:0;} #cta-wholesale {position: relative;margin-top: 10px; background: #fff url(../images/cta-wholesale.jpg) 0 0 no-repeat; width: 278px; height: 97px;} #cta-wholesale a {position: absolute; left: 178px; top: 70px; width: 100px; height: 25px; text-indent: -9999px;} #cta-download-small {position: relative;margin-top: 10px; margin-left: 12px;background: #fff url(../images/cta-brochure-download-small.jpg) 0 0 no-repeat; width: 229px; height: 88px;} #cta-download-small a {position: absolute; left: 0px; top: 0px; width: 229px; height: 88px; text-indent: -9999px;} #cta-sub-make-every-event-memorable {position: relative; margin-right: 15px; width: 607px; height: 258px; background:url(../images/cta-sub-make-every-event-memorable.jpg);} #cta-sub-make-every-event-memorable a {position:absolute; float:right; bottom:2px; right:6px; color:#a9007c; background:none; border-bottom:0; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:85%; text-decoration:underline;} #cta-sub-make-every-event-memorable a:hover {background:none; border-bottom:0; text-decoration:none;} #cta-sub-perfect-addition {margin-right: 15px; text-indent: -9999px; width: 607px; height: 165px; background:url(../images/cta-sub-perfect-addition.jpg);} #cta-sub-special-event-party-bigger {position:relative; margin-right:0; width: 607px; height: 141px; background:url(../images/cta-sub-special-event-party-bigger.jpg);} #cta-sub-special-event-party-bigger a#get-a-quote {position:absolute; left:243px; display:block; bottom:10px; color:#fff; font-size:87%; text-decoration:underline; background:none; border-bottom:0;} #cta-sub-special-event-party-bigger a:hover#get-a-quote {background:none; border-bottom:0; text-decoration:none;} #cta-sub-special-event-party-bigger a#browse-fetti {position:absolute; right:168px; display:block; bottom:10px; color:#feed45; font-size:87%; text-decoration:underline; background:none; border-bottom:0;} #cta-sub-special-event-party-bigger a:hover#browse-fetti {background:none; border-bottom:0; text-decoration:none;} /* =video banners for product pages ********************* */ #product-video-banner {background:url(/images/video-banner.jpg) no-repeat;width:595px;height:238px;overflow:hidden;} #product-video-info {float:left;width:308px;padding:10px;position:relative;} #product-video-info a {display:block;width:180px;height:20px;position:absolute;top:195px;left:75px;background:none;border:none;} #product-video-info a:hover {background:none;border:none;} #video-player {float:right;width:260px;} #video-player p {margin:0;margin-top:40px;margin-left:2px;} /* =forms ********************************** */ #main-content form dl {margin:0 0 1em;} #main-content form dt {font-weight:bold;color:#333;margin:1em 0 0.25em;} #main-content form p.submit {width:440px;margin:2em 0 1em;text-align:right;} #main-content p.required {font-size:100%;} input[type=text] {/*width:434px;*/padding:3px;border:1px solid #999;} textarea {width:440px;border:1px solid #999;} table.recaptcha_theme_clean {border:0 !important;} table.recaptcha_theme_clean td.recaptcha_image_cell {padding-left:0 !important;padding-right:0 !important;} table.recaptcha_theme_clean #recaptcha_image {width:auto !important;margin-left:0;margin-right:0 !important;border:none !important;} table.recaptcha_theme_clean div.recaptcha_input_area {position:relative;left:-7px;} table.recaptcha_theme_clean #recaptcha_response_field {border:1px solid #999 !important;} /* =default zencart stuff ****************** */ CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { /* float: left;*/ margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #F0F8FF; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc; } LEGEND { font-weight: bold; padding: 0.3em; } LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 11em; float: left; } LABEL.inputLabelPayment { width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; } /* .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 11em; float: left; } LABEL.inputLabelPayment { width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; } */ ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a; } /*warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; border: 1px solid #000000; } .messageStackWarning, .messageStackError { background-color: #ff0000; color: #ffffff; } .messageStackSuccess { background-color: #99FF99; color: #000000; } .messageStackCaution { background-color: #FFFF66; color: #000000; } /*wrappers - page or section containers*/ #mainWrapper { background-color: #ffffff; text-align: left; width: 100%; vertical-align: top; } #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0em; padding: 0em; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: auto; } #tagline { color:#000000; font-size: 2em; text-align : center; vertical-align: middle; } #sendSpendWrapper { border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {clear:both;} .navSplitPagesLinks {} .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; } #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0em; background-color: #9a9a9a; font-weight: bold; color: #ffffff; height: 1%; width: 100%; } #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; } #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #ffffff; white-space: nowrap; } #navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; border: 1px solid #000000; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #nav, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navMainSearch { float: right; } #navBreadCrumb { background-color: #cc9900; } #navEZPagesTop { background-color: #ffff33; } #navBreadCrumb, #navEZPagesTop { font-size: 0.95em; font-weight: bold; margin: 0em; padding: 0.5em; } #navColumnOne { background-color: #FFCC99; } #navColumnTwo { background-color: #00BFBF; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } /*.content,*/ #productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0.5em; } .alert { color: #FF0000; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice {} .rating{} .gvBal { float: right; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { /*padding: 0.8em;*/ } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { /*float: right; text-align: center;*/ margin: 0 1em; /*border: 1px solid #000000; padding: 1em;*/ } .tableHeading TH { border-bottom: 1px solid #cccccc; } .tableHeading, #cartSubTotal { background-color: #e9e9e9; } #cartSubTotal { border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { color: #33CC33; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { color: #660099; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: right; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } .cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; } .orderHistList { margin: 1em; padding: 0.2em 0em; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } #cartBoxEmpty, #cartBoxVoucherBalance { font-weight: bold; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; } /*sideboxes*/ .columnLeft {} h3.leftBoxHeading, h3.leftBoxHeading a { font-size: 1em; color: #ffffff; } .leftBoxHeading/*, .centerBoxHeading*/ { margin: 0em; background-color: #8D3108; padding: 0.5em 0.2em; color:#fff !important; } .leftBoxContainer { border: 1px solid #ffffff; margin-top: 1.5em; } .sideBoxContent { background-color: #ffffff; padding: 0.4em; } h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1.1em; color: #FFFF00; } .rightBoxHeading { margin: 0em; /*background-color: #663366;*/ padding: 0.2em 0em; } h3.leftBoxHeading a:hover { color: #FFFF33; text-decoration: none; } h3.rightBoxHeading a:hover { color: #FF0000; text-decoration: none; } .rightBoxContent { background-color: #ffffff; margin-bottom: 1em; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; margin:0 auto; } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading { background-color: #0000CC; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /*misc*/ .back { } #left-column div#store-nav ul.back li a { border-bottom:0; } .forward, #shoppingCartDefault #PPECbutton { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #E8E8E8; height: 1.5em; vertical-align: top; } .rowEven { background-color: #F0F0F0; height: 1.5em; vertical-align: top; } .hiddenField { display: none; } .visibleField { display: inline; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #cacaca; height: 2em; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #ffffff; } /* =new **********************************/ #side-content div {background:url(../images/side-nav-bg.jpg) left top repeat-y; width:227px; margin:0 0 10px;} #side-content div ul {background:url(../images/side-nav-bottom-bg.jpg) left bottom no-repeat; width:225px;padding:0 1px 15px;} #side-content div ul li {border-top:dashed 1px #a7a5a6; width:225px;} #side-content div ul li.first {border-top:0; float:none; clear:both;} #side-content div ul li a {width:205px; display:block; color:#a9007c; font-size:93%; padding:10px; font-family: "Trebuchet MS", arial, helvetica, sans-serif;} #side-content div ul li a:hover {color:#5e632b; background:#eaefb5 url(../images/side-nav-bg-hover.jpg) left bottom repeat-x; } #side-content #confetti-showcase h2 {background:url(../images/sub-confetti-products.jpg) left top no-repeat; height:36px;} #side-content #party-planning h2 {background:url(../images/sub-party-planning.jpg) left top no-repeat; height:41px;} #side-content #confetti-for-all-occasions h2 {background:url(../images/sub-confetti-for-all-occasions.jpg) left top no-repeat; height:62px;} /* added 10.03.08 - D Wil */ #indexHomeBody #confetti-products p.title {color:#d29e17;font-weight:bold;} #indexHomeBody #confetti-products img {border:solid 3px #d29e17;} #indexHomeBody #party-planning p.title {color:#68a524;} #indexHomeBody #party-planning img {border:solid 3px #68a524;} #indexHomeBody #confetti-for-all-occasions p.title {color:#9600a6;font-weight:bold;} #indexHomeBody #confetti-for-all-occasions img {border:solid 3px #9600a6;} #featured-products-container {overflow:hidden;background:url(../images/body-bg.gif) repeat-y;} #featured-products {margin:5px 0 0 13px; clear:both; float:left; width:850px; padding-top:50px; background:url(../images/featured-products.gif) no-repeat left top; display:inline;} .box-wrap {float:left;background:url(../images/featured-boxes-bg.jpg) repeat-y left top;width:850px;} .box-bottom-wrap {float:left; background:url(../images/featured-boxes-bottom.jpg) no-repeat left bottom; width:850px; padding-bottom:20px;} .featured-box {float:left; width:420px;} .middle {margin:0 0 0 10px;} .featured-box p.title {font:117% "Trebuchets MS",arial,helvetica,sans-serif; text-transform:uppercase;padding: 0;margin: 0;padding-bottom:30px; background:url(../images/featured-box-top.jpg) no-repeat right top;} .featured-box img {margin-left:10px; width:101px; float:left;} .featured-box p {font-size:87%; color:#909090;} .featured-box ul {float:left; width:250px; list-style:inside square; margin:0 15px; padding:0;} .featured-box ul li {color:#bd1a8d; margin:0; padding:0;} .featured-box ul a,.featured-box ul a:visited {color:#44217a; font-size:85%; text-decoration:underline;} .featured-box a.view-more {font-weight:bold; color:#aa007d;} .information {padding: 10px 3px; line-height: 150%;} .centerBoxContentsCrossSell {margin:10px 0;} #productListing {margin:0em 0 1em;} #productListing .productListing-row {float:left; width:180px; margin:0 10px 1em; padding:0;height:250px;} #productListing .productListing-row .listingProductImage {width:176px; height:144px;} #productListing .productListing-row .productListing-data {margin:0; padding:0; font-size:87%; text-align:left;} #productListing .productListing-row .productListing-data br {margin:0; padding:0; font-size:0; line-height:0.25em;} #productListing .productListing-row .productListing-data .itemTitle {min-height:25px;} #productListing .productListing-row .productListing-data .itemTitle, #productListing .productListing-row .productListing-data .itemTitle a {font-size:87%; color:#000; font-weight:bold; margin:0.25em 0; padding:0;} #productListing a {background:none; border-bottom:0; font-weight:normal; color:#aa007b;} #productListing a:hover {background:none; padding:0; border-bottom:0; font-weight:normal; text-decoration:underline;} #productListing .content {clear:both;} #indexProductListCatDescription h2 {background:url(../images/h2-bg.gif) left top no-repeat; font-size:107%; color:#fff; padding:23px 0 0 25px; height:26px;} #indexProductListCatDescription p {margin:0.5em 1.5em;} #productMainImage a, #productMainImage a:hover, #productDescription a, #productDescription a:hover, .navNextPrevList a, .navNextPrevList a:hover, #crossSell .tabTable a, #crossSell .tabTable a:hover, #shoppingCartDefault a, #shoppingCartDefault a:hover, #indexProductListCatDescription .viewClip a, #indexProductListCatDescription .viewClip a:hover, #main-content .goback a, #main-content .goback a:hover {background:none; padding:0; border-bottom:0;} #productMainImage a:hover, #productDescription a:hover {text-decoration:underline;} #productDescription {clear:both;} #crossSell h3 {text-transform:uppercase; font-family:"Trebuchet MS", arial, helvetica, sans-serif;} #crossSell .tabTable thead {background:#aa007d;} #crossSell .tabTable thead th {color:#fff; font-family:"Trebuchet MS", arial, helvetica, sans-serif; padding:12px 6px; text-align:left;} /*#crossSell .tabTable tbody {margin-left:6px;}*/ #crossSell .tabTable tbody td {margin:0; padding:10px 6px; font-size:87%; color:#666666; border-top:dashed 1px #666666;} #crossSell .tabTable tbody td img {margin:0 3px;} #crossSell .tabTable tbody tr.xsellEvenRow {background:#e6e6e6;} #crossSell .tabTable tbody tr.xsellOddRow {background:#fff;} #crossSell .tabTable tbody tr.xsellFirst td {border-top:0;} #crossSell .tabTable tbody td h3.itemTitle {margin:0; padding:0; color:#666666;font-weight:normal;} #crossSell .tabTable tbody td a {color:#039cd6; font-weight:normal; text-decoration:underline;} #crossSell .tabTable tbody td a:hover {text-decoration:none;} .imgLink {display:block; text-indent:-999em; height:25px; width:110px; margin:5px auto; background:url(../buttons/english/button_view_larger.gif) left top no-repeat;} #indexProductListCatDescription img {border:solid 1px #000;} #indexProductListCatDescription .viewClip {margin:1em 0;} #indexProductListCatDescription .viewClip img {border:0;} #main-content #productGeneral h1#productName, #main-content #indexProductList h1#productListHeading, #main-content .centerColumn h3#productListHeadingConfetti {background:#aa007d; color:#fff; font-family:"Trebuchet MS", arial, helvetica, sans-serif; padding:8px 24px; height:auto; margin:1em 0 1em;} #main-content #productGeneral h1#productName, #main-content #indexProductList h1#productListHeading {font-size:125%;} /* added 27 May - Sal B *******************************************/ div.footer-logos {background:url(../images/body-bg.gif) repeat-y;} /* fetti for all occasions - landing page styles *******************/ #occasion-products-container {overflow:hidden;} #occasion-products-container div.occasion-product {width:128px;height:200px;margin:0 .3em;float:left;text-align:center;} #occasion-products-container div.occasion-product img {border:2px solid #7717a7;display:block;margin-bottom:.8em;} #occasion-products-container div.occasion-product a {display:block;background:none;border:none;} /* added 25 Feb - Ryan *******************************************/ div#flickr-gallery {width: 100%;height: 400px;} div#flickr-gallery p {margin:1em 0 0.5em;font-size:130%; font-weight: bold; color: #44217a; text-transform: capitalize;} div#flickr-gallery ul {list-style: none;margin: 0;padding: 0;float: left;width: 100%;} div#flickr-gallery ul li {margin: 0 20px 20px 0;border: 2px solid #44217a;padding: 0;float: left;width: 240px;height: 160px;overflow: hidden;} div#flickr-gallery ul li a {text-decoration: none;background: transparent;border: none;} div#flickr-gallery ul li a:hover {text-decoration: none;border: none;background: transparent;} div#flickr-gallery ul li img {} /* added 11 March - Ryan *******************************************/ div#product-container {float: left;width: 100%;clear: both;} div#productDetails {float:right;width: 240px;background: #f6f6f6;border: 1px solid #ebebeb;margin: 10px 0 0;} div#productDetails ul#productDetailsList {margin: 0;padding: 10px 20px;} div#cartAdd {float: right;width: 202px;padding: 10px 20px;} div#cartAdd {font-weight: bold;} div#cartAdd input {margin: 10px 0 0;} div#cartAdd input.quantity {margin: 0 0 0 5px;} div#productAttributes {float: left;width: 250px} div#productAttributes h3.attributesComments {margin: 10px 0 0;padding: 0;} h2#productPrices {border-bottom: 1px solid #ebe9ed;padding: 4px;} div#sports {float: left;width: 100%;clear: both;padding: 0 0 15px;} div#sports-video {float: right;width: 300px;height: 225px;margin: 10px 22px 0 0} div#product-video-info p.title {font-size:130%; font-weight: bold; color: #44217a; text-transform: capitalize;margin: 0;padding: 4px 0;}