/*----------------------------------------------- A HotHouse Production WACOM Copyright 2009 author: Steve Farrugia email: stevef@hothouse.com.au ----------------------------------------------- */ /* Index: - Globals - Reusables - Structural Elements - Components Comment Key: - "cleared" = element also appears in clear.css, ie6.css & ie7.css - "ie6" = element also appears in ie6.css - "ie7" = element also appears in ie7.css */ /* Temp Globals */ * {margin: 0; padding: 0;} #footer {margin-bottom: 20px;} /* ############# COLOR CHANGES ############## */ /* body {background-color: #0097d4;} */ /* #gbt-product-nav ul li.active a, #gbt-product-nav ul li a:hover {border-color: #0097d4!important;} */ /* ############# COLOR CHANGES ############## */ /* Global Branding Team Globals (all within
) ----------------------------------------------- */ #gbt-body * {padding: 0; margin: 0;} #gbt-body {width: 800px; font-size: 12px; font-family: helvetica, arial, sans-serif; color: #fff; background-color: transparent;}/* cleared */ #gbt-body a, #gbt-body a:link {color: #fff; text-decoration: underline;} #gbt-body a:visited {color: #fff;} #gbt-body a:hover, #gbt-body a:active {color: #fff; text-decoration: none;} #gbt-body a img {border: 0; display: block;} #gbt-body p, #gbt-body li {color: #fff; font-size: 1em;} small {} table {} tr {} td {} th {} /* Reusables ----------------------------------------------- */ .hide {display: none!important;} .gbt-media {margin-bottom: 20px!important;} .gbt-media.center {text-align: center;} .gbt-media.center img {margin: 0 auto;} .gbt-container {}/* cleared */ .gbt-filler {background-color: #262424;} /* Structural elements ----------------------------------------------- */ #gbt-main {float: left; width: 676px; background-color: #262424; margin-bottom: 10px;} #gbt-sidebar {float: right; width: 123px; background: transparent url(../images/gbt-bg-sidebar.gif) 0 0 repeat-y;} #gbt-content {background: transparent url(../images/gbt-bg-content.gif) 0 0 repeat-y; margin-bottom: 10px;}/* cleared */ #gbt-content.gbt-news {background-image: url(../images/gbt-bg-content-news.gif);} #gbt-content.gbt-news #gbt-main {width: 600px;} #gbt-content.gbt-news #gbt-sidebar {width: 199px;} #gbt-content.gbt-news #gbt-column-a {width: 285px; float: left; margin-left: 10px;} #gbt-content.gbt-news #gbt-column-b {width: 285px; float: right; margin-right: 10px;} /* Components ----------------------------------------------- */ /* copy */ #gbt-content .gbt-copy h1 {font-size: 1.5em; margin-bottom: 20px;} #gbt-content .gbt-copy h2 {font-size: 1.1em; margin-bottom: 5px;} #gbt-content.gbt-news #gbt-column-a h3, #gbt-content.gbt-news #gbt-column-b h3 {margin-bottom: 20px;} #gbt-content .gbt-copy p {margin-bottom: 20px;} #gbt-content .gbt-copy ul {margin-left: 30px; margin-bottom: 20px;} #gbt-content .gbt-copy ul li {margin-bottom: 5px;} #gbt-content .gbt-copy ol {margin-left: 30px; margin-bottom: 20px;} #gbt-content .gbt-copy ol li {margin-bottom: 5px;} /* a feature */ #gbt-a-feature {width: 657px; height: 288px; margin-left: 10px;} #gbt-a-feature .gbt-copy {margin-left: 287px; margin-right: 20px; padding-top: 26px;} #gbt-a-feature .gbt-copy h1 {font-size: 1.8em; margin-bottom: 10px;} #gbt-a-feature .gbt-copy h2 {font-size: 1.5em; margin-bottom: 10px;} #gbt-a-feature .gbt-copy h3 {font-size: 1.3em; margin-bottom: 10px;} /* local content page */ #gbt-local-content {width: 657px; margin-left: 10px;} #gbt-local-content .gbt-copy h1 {font-size: 1.8em; margin-bottom: 10px;} #gbt-local-content .gbt-copy h2 {font-size: 1.5em; margin-bottom: 10px;} #gbt-local-content .gbt-copy h3 {font-size: 1.3em; margin-bottom: 10px;} /* landing page content */ #gbt-landing {padding-bottom: 20px;}/* cleared */ #gbt-landing .gbt-copy {float: right; width: 514px; margin-right: 10px;} /* article page content */ #gbt-article {padding-bottom: 20px;}/* cleared */ #gbt-article .gbt-container {float: right; width: 514px; margin-right: 10px;} #gbt-article .gbt-copy {float: left; width: 377px;} #gbt-article .gbt-column {float: right; width: 127px;} #gbt-article .gbt-column .gbt-media {margin-bottom: 10px!important;} #gbt-article .gbt-column .gbt-promo {height: 116px; margin-bottom: 10px; background-position: 0 0; background-repeat: no-repeat;} #gbt-article .gbt-column .gbt-promo h3 {font-size: 1em;} #gbt-article .gbt-column .gbt-promo h3 a {display: block; height: 116px; background: transparent url(../images/gbt-icon-promo-arrow.gif) 101px 90px no-repeat;} #gbt-article .gbt-column .gbt-promo h3 a, #gbt-article .gbt-column .gbt-promo h3 a:link {color: #000; text-decoration: none;} #gbt-article .gbt-column .gbt-promo h3 a span {display: block; padding: 10px;} /* sub nav */ #gbt-sub-nav {float: left; width: 139px; background: transparent url(../images/gbt-bg-subnav-middle-light.gif) 100% 0 repeat-y;} #gbt-sub-nav div.inner {background: transparent url(../images/gbt-bg-subnav-top-light.gif) 100% 0 no-repeat;} #gbt-sub-nav div.inner-inner {background: transparent url(../images/gbt-bg-subnav-bottom-light.gif) 100% 100% no-repeat; padding: 17px 0;} /* #gbt-sub-nav ul {list-style: none; background: transparent url(../images/gbt-divider-subnav.gif) 0 0 no-repeat; padding-top: 1px;} #gbt-sub-nav ul li {background: transparent url(../images/gbt-divider-subnav.gif) 0 100% no-repeat; padding-bottom: 1px;} */ #gbt-sub-nav ul {list-style: none; background-color:transparent; background-position:0 0; background-repeat:no-repeat; padding-top: 1px;} #gbt-sub-nav ul li {background-color:transparent; background-position:0 100%; background-repeat:no-repeat; padding-bottom: 1px;} #gbt-content #gbt-sub-nav ul li a {display: block; padding: 19px 5px 19px 7px; font-size: 0.9em; font-weight: bold; line-height: 1.5em;}/* ie6 */ /* #gbt-content #gbt-sub-nav ul li a, #gbt-content #gbt-sub-nav ul li a:link {text-decoration: none; color: #F782b4;} */ #gbt-content #gbt-sub-nav ul li a, #gbt-content #gbt-sub-nav ul li a:link {text-decoration: none;} #gbt-content #gbt-sub-nav ul li.active a {color: #fff!important; background-color: #262424;} /* #gbt-content #gbt-sub-nav ul li a:hover {color: #e1f2f9;} */ #gbt-content #gbt-sub-nav ul li a:hover {color: #FFFFFF!important;} /* news feed */ #gbt-news-feed {background-color: #262424; margin-bottom: 6px; color: #ccc; padding: 7px 10px;} #gbt-news-feed dt {display: inline; border-right: 1px solid #ccc; margin-right: 10px; padding-right: 10px;} #gbt-news-feed dd {display: inline;} #gbt-news-feed a, #gbt-news-feed a:link {color: #ccc; text-decoration: none;} #gbt-news-feed a:hover {color: #ccc; text-decoration: underline;} /* breadcrumbs */ #gbt-breadcrumbs {font-size: 0.9em; padding: 10px;} #gbt-breadcrumbs ul {list-style: none; display: inline;} #gbt-breadcrumbs ul ul {background: transparent url(../images/gbt-divider-breadcrumbs.gif) 9px no-repeat; padding-left: 23px;} #gbt-breadcrumbs ul li {display: inline; color: #999; font-weight: bold;} #gbt-breadcrumbs ul li a, #gbt-breadcrumbs ul li a:link {color: #fff; text-decoration: none;} #gbt-breadcrumbs ul li a:hover {text-decoration: underline;} /* product nav */ #gbt-product-nav {padding-left: 10px; margin-bottom: 13px;} #gbt-product-nav ul {list-style: none;}/* cleared */ /* #gbt-product-nav ul li {float: left; width: 99px; height: 68px; margin-right: 10px; background: transparent url(../images/gbt-bg-product-nav.jpg) 0 0 no-repeat;} #gbt-product-nav ul li#gbt-home {width: 112px; background-position: 0 0;} #gbt-product-nav ul li#gbt-bamboo {background-position: -112px 0;} #gbt-product-nav ul li#gbt-bamboo-pen {background-position: -211px 0;} #gbt-product-nav ul li#gbt-bamboo-touch {background-position: -310px 0;} #gbt-product-nav ul li#gbt-bamboo-fun {background-position: -409px 0;} #gbt-product-nav ul li#gbt-bamboo-craft {background-position: -508px 0; margin-right: 0;} */ #gbt-product-nav ul li {float: left; width: 99px; height: 68px; margin-right: 9px; background-color:transparent; background-position:0 0; background-repeat:no-repeat;} #gbt-product-nav ul li#gbt-home {width: 112px;} #gbt-product-nav ul li#gbt-bamboo {background-image:url(../images/gbt-nav-bamboo.gif);} #gbt-product-nav ul li#gbt-bamboo-pen {background-image:url(../images/gbt-nav-bamboo-pen.gif);} #gbt-product-nav ul li#gbt-bamboo-touch {background-image:url(../images/gbt-nav-bamboo-touch.gif);} #gbt-product-nav ul li#gbt-bamboo-fun {background-image:url(../images/gbt-nav-bamboo-fun.gif);} #gbt-product-nav ul li#gbt-bamboo-craft {background-image:url(../images/gbt-nav-bamboo-craft.gif);} #gbt-product-nav ul li#gbt-bamboo-se {background-image:url(../images/gbt-nav-bamboo-se.gif);} #gbt-product-nav ul li a, #gbt-product-nav ul li a:link {display: block; height: 63px; border-bottom: 5px solid #262424; text-decoration: none; position: relative;} #gbt-product-nav ul li a span {height: auto; text-align: center; font-size: 0.9em; font-weight: bold; position: absolute; bottom: 6px; width: 99px; /* background: transparent url(../images/gbt-bg-product-nav-span.png) 0 0 repeat; */ padding: 2px 0;}/* ie6 */ #gbt-product-nav ul li#gbt-home a span {width: 112px; color: #fff;} /* footer promos */ #gbt-footer-promo {clear: both;} #gbt-footer-promo ul {list-style: none;}/* cleared */ /* #gbt-footer-promo ul li {float: left; margin-bottom: 10px; width: 260px; height: 130px; margin-right: 10px; background-position: 0 0; background-repeat: no-repeat; background-color: #000;} */ #gbt-footer-promo ul li {float: left; margin-bottom: 10px; width: 260px; height: 130px; margin-right: 10px; background-position: 0 0; background-repeat: no-repeat;} #gbt-footer-promo ul li.last {margin-right: 0;} #gbt-body #gbt-footer-promo ul li a {display: block; height: 130px; background: transparent url(../images/gbt-icon-promo-arrow.gif) 229px 101px no-repeat;} #gbt-body #gbt-footer-promo ul li a, #gbt-body #gbt-footer-promo ul li a:link {text-decoration: none; color: #000;} #gbt-footer-promo ul li a span {display: block; padding: 10px; font-weight: bold; text-transform: uppercase;} #gbt-footer-promo.home ul li a span {text-transform: none;} #gbt-body #gbt-footer-promo.home ul li a, #gbt-body #gbt-footer-promo.home ul li a:link {text-decoration: none; color: #fff;} #gbt-footer-promo ul li.bamboo_pentouch {background-image:url(../images/shopbox_pentouch.jpg);} #gbt-footer-promo ul li.bamboo_pen {background-image:url(../images/shopbox_pen.jpg);} #gbt-footer-promo ul li.bamboo_touch {background-image:url(../images/shopbox_touch.jpg);} #gbt-footer-promo ul li.bamboo_fun_pentouch_s {background-image:url(../images/shopbox_fun_s.jpg);} #gbt-footer-promo ul li.bamboo_fun_pentouch_m {background-image:url(../images/shopbox_fun_m.jpg);} /* sidebar */ #gbt-sidebar div.gbt-side-panel {margin-bottom: 5px; background-color: #262424; padding: 8px 0 8px 8px;} #gbt-sidebar div.gbt-side-panel.gbt-last {margin-bottom: 0;} #gbt-sidebar div.gbt-side-panel h3 {color: #ffffff; margin-bottom: 8px; font-size: 1.2em;} #gbt-sidebar div.gbt-side-panel div.gbt-award {padding-right: 10px; margin-bottom: 20px;} #gbt-sidebar div.gbt-side-panel div.gbt-award h2 {font-size: 1.2em; margin-bottom: 10px;} #gbt-sidebar div.gbt-side-panel div.gbt-award img {float: left; margin: 0 10px 10px 0; display: block;} #gbt-sidebar ul.gbt-side-menu {list-style: none; margin-bottom: 5px; padding-left: 8px;} #gbt-sidebar ul.gbt-side-menu.last {margin-bottom: 0;} #gbt-sidebar ul.gbt-side-menu li {background-color: #262424; display: block; margin-bottom: 1px;} #gbt-sidebar ul.gbt-side-menu li.last {margin-bottom: 0;} #gbt-sidebar ul.gbt-side-menu li a {text-decoration: none; display: block; padding: 5px 0;}/* ie6 */ #gbt-sidebar ul.gbt-side-menu li a:hover {text-decoration: underline;} #gbt-sidebar ul.gbt-gallery {list-style: none;}/* cleared */ #gbt-sidebar ul.gbt-gallery li {width: 50px; height: 50px; float: left; margin-right: 6px; margin-bottom: 6px;}/* ie6 */ #gbt-sidebar ul.gbt-gallery li a {display: block;} #gbt-sidebar ul.gbt-news-list {list-style: none;} #gbt-sidebar ul.gbt-news-list li {font-size: 0.9em; margin-bottom: 8px;} #gbt-sidebar ul.gbt-news-list li h4 {font-size: 1em; font-weight: bold;} #gbt-sidebar ul.gbt-news-list li em {font-style: normal;} /* relevant products */ #gbt-content #gbt-relevant-products {margin-bottom: 20px; background: #1e1d1d url(../images/gbt-other-products-bottom.gif) 0 100% no-repeat; padding: 1px;} #gbt-content #gbt-relevant-products div.gbt-inner {background: transparent url(../images/gbt-other-products-top.jpg) 0 0 no-repeat; padding: 10px 0 10px 10px;} #gbt-content #gbt-relevant-products ul {list-style: none; margin: 0; padding: 0;}/* cleared */ #gbt-content #gbt-relevant-products ul li {width: 80px; height: 55px; margin-right: 11px; float: left; background-color: #fff; margin-bottom: 15px;} #gbt-content #gbt-relevant-products ul li a {display: block; height: 55px; position: relative; font-weight: bold; font-size: 0.8em; text-align: center;} #gbt-content #gbt-relevant-products ul li a, #gbt-content #gbt-relevant-products ul li a:link {text-decoration: none;} #gbt-content #gbt-relevant-products ul li a:hover {text-decoration: underline;} #gbt-content #gbt-relevant-products ul li span {width: 80px; position: absolute; bottom: 0; left: 0;} #gbt-content #gbt-relevant-products ul li.gbt-pen-and-touch {background: transparent url(../images/gbt-relevant-bamboo.jpg) 50% 0 no-repeat;} #gbt-content #gbt-relevant-products ul li.gbt-craft {background: transparent url(../images/gbt-relevant-craft.jpg) 50% 0 no-repeat;} #gbt-content #gbt-relevant-products ul li.gbt-fun {background: transparent url(../images/gbt-relevant-fun.jpg) 50% 0 no-repeat;} #gbt-content #gbt-relevant-products ul li.gbt-pen {background: transparent url(../images/gbt-relevant-pen.jpg) 50% 0 no-repeat;} #gbt-content #gbt-relevant-products ul li.gbt-touch {background: transparent url(../images/gbt-relevant-touch.jpg) 50% 0 no-repeat;} /* #gbt-content #gbt-relevant-products h3 {font-size: 1em; color: #0097d4; margin-bottom: 10px;} */ #gbt-content #gbt-relevant-products h3 {font-size: 1em; margin-bottom: 10px;} /* news item */ #gbt-content .gbt-news-item {margin-bottom: 20px;}/* cleared */ #gbt-content .gbt-news-item .gbt-image {width: 70px; float: left;} #gbt-content .gbt-news-item .gbt-text {width: 205px; float: right;} #gbt-content .gbt-news-item .gbt-text p.gbt-date {font-size: 0.9em;} #gbt-content .gbt-news-item .gbt-text h2 {font-size: 1.3em;} /* footer */ #gbt-footer {margin-bottom: 30px; padding: 10px 10px 0 10px;}/* cleared */ #gbt-footer ul.gbt-utility-nav {float: left; list-style: none;} #gbt-footer ul.gbt-utility-nav li {display: block; float: left; border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px;} #gbt-footer ul.gbt-utility-nav li.last {border-right: 0; margin-right: 0; padding-right: 0;} /* #gbt-footer ul.gbt-social-media {list-style: none; float: right; width: 192px;} #gbt-footer ul.gbt-social-media li {background: transparent url(../images/gbt-icons-socialmedia.gif) 0 0 no-repeat; float: left; width: 16px; height: 16px; margin-left: 16px;}/* ie6 *-/ #gbt-footer ul.gbt-social-media li.gbt-flickr {background-position: -16px;} #gbt-footer ul.gbt-social-media li.gbt-twitter {background-position: -32px;} #gbt-footer ul.gbt-social-media li.gbt-facebook {background-position: -48px;} #gbt-footer ul.gbt-social-media li.gbt-myspace {background-position: -64px;} #gbt-footer ul.gbt-social-media li.gbt-google {background-position: -80px;} #gbt-footer ul.gbt-social-media li.gbt-delicious {background: transparent url(../images/del_icio_us.gif) 0 0 no-repeat; float: left; width: 16px; height: 16px; margin-left: 16px;}/* ie6 *-/ */ #gbt-footer ul.gbt-social-media {list-style: none; float: right;} #gbt-footer ul.gbt-social-media li {background-color:transparent; background-position:0 0; background-repeat:no-repeat; float: left; width: 16px; height: 16px; margin-left: 16px;}/* ie6 */ /* #gbt-footer ul.gbt-social-media li a {display:block; float: left; text-indent: -9999px; outline:none;}*/ #gbt-footer ul.gbt-social-media li a {display:block; float: left; outline:none; text-decoration:none; width:16px; overflow:hidden;} #gbt-footer ul.gbt-social-media li a span {visibility:hidden; width:16px; overflow:hidden;} #gbt-footer ul.gbt-social-media li.gbt-flickr {background-image:url(../images/icon-flickr.gif);} #gbt-footer ul.gbt-social-media li.gbt-twitter {background-image:url(../images/icon-twitter.gif);} #gbt-footer ul.gbt-social-media li.gbt-facebook {background-image:url(../images/icon-facebook.gif);} #gbt-footer ul.gbt-social-media li.gbt-myspace {background-image:url(../images/icon-myspace.gif);} #gbt-footer ul.gbt-social-media li.gbt-google {background-image:url(../images/icon-google.gif);} #gbt-footer ul.gbt-social-media li.gbt-delicious {background-image:url(../images/icon-delicious.gif);} #gbt-footer ul.gbt-social-media li.gbt-digg {background-image:url(../images/icon-digg.gif);} /* WIDE */ #gbt-body.wide {width: 1000px;} #gbt-body.wide #gbt-content {background-image: url(../images/gbt-bg-content-wide.gif);} #gbt-body.wide #gbt-content.gbt-news {background-image: url(../images/gbt-bg-content-news-wide.gif);} #gbt-body.wide #gbt-content.gbt-news #gbt-main {width: 750px;} #gbt-body.wide #gbt-content.gbt-news #gbt-sidebar{width: 249px;} #gbt-body.wide #gbt-content.gbt-news .gbt-news-item .gbt-text {width: 275px;} #gbt-body.wide #gbt-content.gbt-news #gbt-column-a {width: 355px; float: left;} #gbt-body.wide #gbt-content.gbt-news #gbt-column-b {width: 355px; float: right;} #gbt-body.wide #gbt-a-feature {width: 807px;} #gbt-body.wide #gbt-main {width: 826px;} #gbt-body.wide #gbt-sidebar {width: 173px;} #gbt-body.wide #gbt-sub-nav {width: 189px;} #gbt-body.wide #gbt-sub-nav ul, #gbt-body.wide #gbt-sub-nav ul li {background-image: url(../images/gbt-divider-subnav-wide.gif);} #gbt-body.wide #gbt-landing .gbt-copy {width: 614px;} #gbt-body.wide #gbt-article .gbt-container {width: 614px;} #gbt-body.wide #gbt-article .gbt-copy {width: 477px;} #gbt-body.wide #gbt-footer-promo ul li {margin-right: 11px; width: 326px;} #gbt-body.wide #gbt-footer-promo ul li.last {margin-right: 0;} #gbt-body.wide #gbt-footer-promo ul li a {background-position: 295px 101px;} #gbt-body.wide #gbt-content #gbt-relevant-products {background-image: url(../images/gbt-other-products-bottom-wide.gif);} #gbt-body.wide #gbt-content #gbt-relevant-products div.gbt-inner {background-image: url(../images/gbt-other-products-top-wide.jpg);} #gbt-body.wide #gbt-product-nav ul li {width: 119px; background-image: url(../images/gbt-bg-product-nav-wide.jpg)} #gbt-body.wide #gbt-product-nav ul li#gbt-home {width: 162px; background-position: -5px 0;} #gbt-body.wide #gbt-product-nav ul li a span {width: 119px;} #gbt-body.wide #gbt-product-nav ul li#gbt-home a span {width: 162px;} #gbt-body.wide #gbt-product-nav ul li#gbt-bamboo {background-position: -179px 0;} #gbt-body.wide #gbt-product-nav ul li#gbt-bamboo-pen {background-position: -309px 0;} #gbt-body.wide #gbt-product-nav ul li#gbt-bamboo-touch {background-position: -439px 0;} #gbt-body.wide #gbt-product-nav ul li#gbt-bamboo-fun {background-position: -569px 0;} #gbt-body.wide #gbt-product-nav ul li#gbt-bamboo-craft {background-position: -699px 0; margin-right: 0;}