/* Surfing Australia Online Shop Style Sheet created by 2Creative */ * { margin: 0; padding: 0; } body { color: #004684; font: 75%/1.4em Arial, Helvetica, sans-serif; background: #113B66 url(../images/mainsite/waves-tile.jpg) repeat-x 1601px top; } h1, h2, h3, h4, h5, h6 { color: #004684; } h1 { font-size: 200%; font-weight: normal; margin-bottom: 20px; } h2 { font-size: 160%; font-weight: normal; margin-bottom: 20px; } h3 { font-size: 140%; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 120%; margin-bottom: 15px; } p { padding-bottom: 15px; } img { border: none; } a { color: #004684; text-decoration: underline; } a:hover { text-decoration: none; } ul, ol { padding-left: 20px; margin-bottom: 15px; } ol { margin-left: 15px; } ul li, ol li { margin-bottom: 2px; } ul li { list-style: square; } #background { background: url(../images/mainsite/surf-wave.jpg) no-repeat left top; min-height: 781px; } #wrapper { width: 1000px; margin: 0 auto; } #header { height: 68px; background: url(../images/mainsite/navbar.jpg) no-repeat left top; } #topbanner { float: left; width: 444px; margin-right: 70px; padding-top: 2px; } #topbanner-one { float: left; width: 220px; margin-right: 2px; } #topbanner-two { float: left; width: 220px; } #topbanner-single { float: left; width: 442px; } #topnav { float: left; width: 486px; height: 34px; } #topnav a { float: left; height: 34px; } a.nav-asp { width: 36px; background: url(../images/mainsite/nav-asp.jpg) no-repeat left top; margin-right: 23px; } a.nav-asp:hover { background: url(../images/mainsite/nav-asp.jpg) no-repeat left center; } a.nav-asp-on { background: url(../images/mainsite/nav-asp.jpg) no-repeat left bottom; } a.nav-isa { width: 34px; background: url(../images/mainsite/nav-isa.jpg) no-repeat left top; margin-right: 25px; } a.nav-isa:hover { background: url(../images/mainsite/nav-isa.jpg) no-repeat left center; } a.nav-isa-on { background: url(../images/mainsite/nav-isa.jpg) no-repeat left bottom; } a.nav-qld { width: 37px; background: url(../images/mainsite/nav-qld.jpg) no-repeat left top; margin-right: 25px; } a.nav-qld:hover { background: url(../images/mainsite/nav-qld.jpg) no-repeat left center; } a.nav-qld-on { background: url(../images/mainsite/nav-qld.jpg) no-repeat left bottom; } a.nav-nsw { width: 48px; background: url(../images/mainsite/nav-nsw.jpg) no-repeat left top; margin-right: 20px; } a.nav-nsw:hover { background: url(../images/mainsite/nav-nsw.jpg) no-repeat left center; } a.nav-nsw-on { background: url(../images/mainsite/nav-nsw.jpg) no-repeat left bottom; } a.nav-wa { width: 38px; background: url(../images/mainsite/nav-wa.jpg) no-repeat left top; margin-right: 25px; } a.nav-wa:hover { background: url(../images/mainsite/nav-wa.jpg) no-repeat left center; } a.nav-wa-on { background: url(../images/mainsite/nav-wa.jpg) no-repeat left bottom; } a.nav-vic { width: 37px; background: url(../images/mainsite/nav-vic.jpg) no-repeat left top; margin-right: 20px; } a.nav-vic:hover { background: url(../images/mainsite/nav-vic.jpg) no-repeat left center; } a.nav-vic-on { background: url(../images/mainsite/nav-vic.jpg) no-repeat left bottom; } a.nav-sa { width: 30px; background: url(../images/mainsite/nav-sa.jpg) no-repeat left top; margin-right: 25px; } a.nav-sa:hover { background: url(../images/mainsite/nav-sa.jpg) no-repeat left center; } a.nav-sa-on { background: url(../images/mainsite/nav-sa.jpg) no-repeat left bottom; } a.nav-tas { width: 39px; background: url(../images/mainsite/nav-tas.jpg) no-repeat left top; } a.nav-tas:hover { background: url(../images/mainsite/nav-tas.jpg) no-repeat left center; } a.nav-tas-on { background: url(../images/mainsite/nav-tas.jpg) no-repeat left bottom; } #mainnav { height: 34px; margin-top: 0 !important; margin-top: -8px; } #mainnav a { float: left; height: 34px; margin-right: 23px; } a.nav-home { width: 54px; background: url(../images/mainsite/nav-home.jpg) no-repeat left top; } a.nav-home:hover { background: url(../images/mainsite/nav-home.jpg) no-repeat left center; } a.nav-home-on { width: 54px; background: url(../images/mainsite/nav-home.jpg) no-repeat left bottom; } a.nav-news { width: 48px; background: url(../images/mainsite/nav-news.jpg) no-repeat left top;} a.nav-news:hover { background: url(../images/mainsite/nav-news.jpg) no-repeat left center; } a.nav-news-on { width: 48px; background: url(../images/mainsite/nav-news.jpg) no-repeat left bottom; } a.nav-events { width: 52px; background: url(../images/mainsite/nav-events.jpg) no-repeat left top; } a.nav-events:hover { background: url(../images/mainsite/nav-events.jpg) no-repeat left center; } a.nav-events-on { width: 52px; background: url(../images/mainsite/nav-events.jpg) no-repeat left bottom; } a.nav-surfschools { width: 83px; background: url(../images/mainsite/nav-surfschools.jpg) no-repeat left top; } a.nav-surfschools:hover { background: url(../images/mainsite/nav-surfschools.jpg) no-repeat left center; } a.nav-surfschools-on { width: 83px; background: url(../images/mainsite/nav-surfschools.jpg) no-repeat left bottom; } a.nav-education { width: 71px; background: url(../images/mainsite/nav-education.jpg) no-repeat left top; } a.nav-education:hover { background: url(../images/mainsite/nav-education.jpg) no-repeat left center; } a.nav-education-on { width: 71px; background: url(../images/mainsite/nav-education.jpg) no-repeat left bottom; } a.nav-shop { width: 47px; background: url(../images/mainsite/nav-shop.jpg) no-repeat left top; margin-right: 23px; } a.nav-shop:hover { background: url(../images/mainsite/nav-shop.jpg) no-repeat left center; } a.nav-shop-on { width: 47px; background: url(../images/mainsite/nav-shop.jpg) no-repeat left bottom; } a.nav-hpc { width: 38px; background: url(../images/mainsite/nav-hpc.jpg) no-repeat left top; } a.nav-hpc:hover { background: url(../images/mainsite/nav-hpc.jpg) no-repeat left center; } a.nav-hpc-on { width: 38px; background: url(../images/mainsite/nav-hpc.jpg) no-repeat left bottom; } a.nav-teamaust { width: 69px; background: url(../images/mainsite/nav-teamaust.jpg) no-repeat left top; } a.nav-teamaust:hover { background: url(../images/mainsite/nav-teamaust.jpg) no-repeat left center; } a.nav-teamaust-on { width: 69px; background: url(../images/mainsite/nav-teamaust.jpg) no-repeat left bottom; } a.nav-clubs { width: 47px; background: url(../images/mainsite/nav-clubs.jpg) no-repeat left top; } a.nav-clubs:hover { background: url(../images/mainsite/nav-clubs.jpg) no-repeat left center; } a.nav-clubs-on { width: 47px; background: url(../images/mainsite/nav-clubs.jpg) no-repeat left bottom; } a.nav-surfreports { width: 86px; background: url(../images/mainsite/nav-surfreports.jpg) no-repeat left top; } a.nav-surfreports:hover { background: url(../images/mainsite/nav-surfreports.jpg) no-repeat left center; } a.nav-surfreports-on { width: 86px; background: url(../images/mainsite/nav-surfreports.jpg) no-repeat left bottom; } a.nav-awards { width: 57px; background: url(../images/mainsite/nav-awards.jpg) no-repeat left top; } a.nav-awards:hover { background: url(../images/mainsite/nav-awards.jpg) no-repeat left center; } a.nav-awards-on { width: 57px; background: url(../images/mainsite/nav-awards.jpg) no-repeat left bottom; } a.nav-about { width: 69px; background: url(../images/mainsite/nav-about.jpg) no-repeat left top; } a.nav-about:hover { background: url(../images/mainsite/nav-about.jpg) no-repeat left center; } a.nav-about-on { width: 69px; background: url(../images/mainsite/nav-about.jpg) no-repeat left bottom; } #content { } #main-content { float: left; width: 767px; margin-right: 12px; } #page-content { background: #FFF; margin-bottom: 10px; min-height: 1116px; } html:not([dummy]) #page-content { background: #FFF; margin-bottom: 10px; min-height: 1107px; } #page-main-content { float: left; width: 536px; } .page-menu { height: 34px; } .page-menu a { float: left; height: 34px; margin-right: 20px; } #page-menu-shop { background: url(images/shop-nav-bg.jpg) no-repeat left top; } a.page-nav-education { width: 88px; background: url(images/shop-nav-education.jpg) no-repeat left top; } a.page-nav-education:hover { background: url(images/shop-nav-education.jpg) no-repeat left center; } a.page-nav-education-on { width: 88px; background: url(images/shop-nav-education.jpg) no-repeat left bottom; } a.page-nav-merchandise { width: 88px; background: url(images/shop-nav-merchandise.jpg) no-repeat left top; } a.page-nav-merchandise:hover { background: url(images/shop-nav-merchandise.jpg) no-repeat left center; } a.page-nav-merchandise-on { width: 88px; background: url(images/shop-nav-merchandise.jpg) no-repeat left bottom; } a.page-nav-memorabilia { width: 86px; background: url(images/shop-nav-memorabilia.jpg) no-repeat left top; } a.page-nav-memorabilia:hover { background: url(images/shop-nav-memorabilia.jpg) no-repeat left center; } a.page-nav-memorabilia-on { width: 86px; background: url(images/shop-nav-memorabilia.jpg) no-repeat left bottom; } a.page-nav-books-cds-dvds { width: 124px; background: url(images/shop-nav-books-cds-dvds.jpg) no-repeat left top; } a.page-nav-books-cds-dvds:hover { background: url(images/shop-nav-books-cds-dvds.jpg) no-repeat left center; } a.page-nav-books-cds-dvds-on { width: 124px; background: url(images/shop-nav-books-cds-dvds.jpg) no-repeat left bottom; } a.page-nav-event-equip { width: 114px; background: url(images/shop-nav-event-equip.jpg) no-repeat left top; } a.page-nav-event-equip:hover { background: url(images/shop-nav-event-equip.jpg) no-repeat left center; } a.page-nav-event-equip-on { width: 114px; background: url(images/shop-nav-event-equip.jpg) no-repeat left bottom; } a.page-nav-view-cart { width: 85px; background: url(images/shop-nav-view-cart.jpg) no-repeat left top; margin-left: 50px; } a.page-nav-view-cart:hover { background: url(images/shop-nav-view-cart.jpg) no-repeat left center; } a.page-nav-view-cart-on { width: 85px; background: url(images/shop-nav-view-cart.jpg) no-repeat left bottom; } #category { margin: 0 10px 0; min-height: 1065px; background: url(images/shop-surfer.jpg) no-repeat left bottom; } #category h2 { margin-top: 10px; } #category img { margin-bottom: 5px; } #shop-category-menu a { display: block; width: 745px; height: 96px; margin-top: 5px; margin-bottom: 10px; } a.shop-surfstitch { background: url(images/shop-surf-stitch-menu.jpg) no-repeat left top; } a.shop-surfstitch:hover { background: url(images/shop-surf-stitch-menu.jpg) no-repeat left bottom; } a.shop-surfstitch-on { background: url(images/shop-surf-stitch-menu.jpg) no-repeat left bottom; } a.shop-education { background: url(images/shop-education-menu.jpg) no-repeat left top; } a.shop-education:hover { background: url(images/shop-education-menu.jpg) no-repeat left bottom; } a.shop-education-on { background: url(images/shop-education-menu.jpg) no-repeat left bottom; } a.shop-merchandise { background: url(images/shop-merchandise-menu.jpg) no-repeat left top; } a.shop-merchandise:hover { background: url(images/shop-merchandise-menu.jpg) no-repeat left bottom; } a.shop-merchandise-on { background: url(images/shop-merchandise-menu.jpg) no-repeat left bottom; } a.shop-memorabilia { background: url(images/shop-memorabilia-menu.jpg) no-repeat left top; } a.shop-memorabilia:hover { background: url(images/shop-memorabilia-menu.jpg) no-repeat left bottom; } a.shop-memorabilia-on { background: url(images/shop-memorabilia-menu.jpg) no-repeat left bottom; } a.shop-books { background: url(images/shop-books-cd-dvd-menu.jpg) no-repeat left top; } a.shop-books:hover { background: url(images/shop-books-cd-dvd-menu.jpg) no-repeat left bottom; } a.shop-books-on { background: url(images/shop-books-cd-dvd-menu.jpg) no-repeat left bottom; } a.shop-event-equip { background: url(images/shop-event-equipment-menu.jpg) no-repeat left top; } a.shop-event-equip:hover { background: url(images/shop-event-equipment-menu.jpg) no-repeat left bottom; } a.shop-event-equip-on { background: url(images/shop-event-equipment-menu.jpg) no-repeat left bottom; } #category-cart { margin: 0 10px 0; } #category-cart h2 { margin-top: 10px; } .page-side-content { float: right; width: 219px; padding-top: 25px; } #page-side-content-text { padding-top: 10px; padding-right: 12px; } .page-image-wrapper { background: #CCC; margin-bottom: 20px; } .page-image-wrapper p { font-size: 11px; padding: 4px; color: #666; text-align: center; } #one-page-content { color: #333; } /* html:not([dummy]) #one-page-content { padding: 20px 20px 0 20px; color: #333; } */ html:not([dummy]) #one-page-content { padding: 0; color: #333; } #one-page-content h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #004684; } #one-page-content h3 { font-size: 120%; font-weight: normal; margin-bottom: 10px; } .product-listing, .product-listing-last { float: left; width: 150px; text-align: center; margin-right: 49px; margin-top: 20px; } .product-listing-last { margin-right: 0; } #products h3 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } #products p { padding-bottom: 0; } #products a { text-decoration: none; } #products a:hover { text-decoration: underline; } .product-details { margin-top: 20px; } .product-details-image { float: left; width: 150px; margin-right: 20px; margin-bottom: 15px; } .product-details-text { float: left; width: 550px; } a.shop-button { padding: 4px 0; width: 120px; display: block; background: #004684; color: #FFF; text-decoration: none; text-align: center; font-weight: bold; } a.shop-button:hover { color: #CCC; } #leftColumn { float: left; width: 350px;} #rightColumn { float: right; width: 350px; } #side-content{ float: left; width: 210px; } #watch-this-space { background: #FFF url(../images/mainsite/watch-this-space.jpg) no-repeat left top; } #watch-this-space img { padding: 34px 9px 0 ; margin-bottom: 8px; } #watchspace { margin: 34px 9px 0 ; margin-bottom: 8px; } #event-partners { background: #FFF url(../images/mainsite/whats-on.jpg) no-repeat left top; margin-bottom: 11px; } #event-partner-wrapper { padding-top: 34px; padding-bottom: 9px; } html:not([dummy]) #event-partner-wrapper { padding-top: 34px; padding-bottom: 0; } .event-partner-logo { width: 192px; margin-bottom: 5px; } .event-partner-logo img { padding-left: 9px; } /*.event-partner-flash { width: 192px; margin-left: 9px; margin-bottom: 5px; }*/ #event-partner-flash1, #event-partner-flash2, #event-partner-flash3, #event-partner-flash4, #event-partner-flash5 { width: 192px; margin-left: 9px; margin-bottom: 5px; } #event-partner-asc { width: 192px; margin-left: 9px; margin-bottom: 5px; } #newsletter { background: #FFF; padding: 9px; margin-bottom: 11px; } html:not([dummy]) #newsletter { background: #FFF; padding: 11px; margin-bottom: 11px; } #newsletter .title-heading { margin-bottom: 5px; } #newsletter h3 { font-size: 110%; font-weight: bold; margin-bottom: 5px; } #logos { margin-top: -8px; margin-bottom: 5px; } html:not([dummy]) #logos { margin-top: 0; margin-bottom: 5px; } .logo-wrapper { float: left; width: 189px; height: 151px; margin-right: 11px; margin-bottom: 9px; } .logo-wrapper-last { float: left; width: 189px; height: 151px; margin-right: 0; margin-bottom: 9px; } #footer { border-top: 1px dotted #FFF; padding-bottom: 10px; } #footer p { padding-top: 10px; padding-bottom: 0; text-align: center; font-size: 11px; color: #FFF; } #footer a { color: #FFF; text-decoration: none; } #footer a:hover { color: #66CCFF; text-decoration: none; } /************************ MISC ********************/ .clearFloat { clear: both; line-height: 0; height: 0;} .warning { color: #FF0000; font-weight: bold; padding-bottom: 0; } .notice { font-size: 95%; font-style: italic; } .invisible { display: none; } .title-heading { margin-bottom: 10px; } .no-margin { margin-bottom: 0px; } .linkRed { font-weight: bold; color: #CC0000; } .textBlue, .textBlueBold { color: #004684; } .textGreyBold { color: #333; } .textBlueBold, .textGreyBold { font-weight: bold; } a.pdflink { font-size: 11px; font-weight: bold; padding: 15px 0 10px 40px; background: url(../images/mainsite/pdf-icon.jpg) no-repeat left center; } .floatedRightImage { float: right; margin-left: 10px; margin-bottom: 10px; } /************************* FORM **********************/ form p { padding-bottom: 5px; } form br { clear: left; } label { border: none; width: 150px; } label, input, select, textarea { font: 95% small Arial, Helvetica, sans-serif; padding: 2px; width: 160px; color: #333; } label { text-align: left; width: 80px; padding-right: 5px; border: none; display: block; } input.hidden { display: none; } .tinyInput { width: 20px; } .smallInput { width: 120px; } .floatedTinyInput { float: left; width: 20px; } .floatedSmallInput { float: left; width: 60px; } .floatedSeparator { float: left; width: 10px; margin-left: 5px; } .mediumInput { width: 200px; } .largeInput { width: 400px; } .wideLabel { width: 260px; } .dropDownBox { width: 206px; } .sendButton { cursor: pointer; color: #071F34; font-weight: bold; border: none; float: left; display: block; margin-top: 10px; background: #99CC00; width: 100px; } .addtocartButton { cursor: pointer; color: #FFF; font-size: 12px; font-weight: bold; border: none; display: block; margin-top: 10px; background: #990000; width: 120px; text-decoration: none; } .updateButton { float: left; cursor: pointer; color: #FFF; font-size: 11px; font-weight: bold; border: none; display: block; background: #0278C3; width: 60px; margin-left: 10px; } .deleteButton { float: left; cursor: pointer; color: #FFF; font-size: 11px; font-weight: bold; border: none; display: block; background: #0278C3; width: 60px; margin-left: 10px; } .cartButton { float: left; cursor: pointer; color: #FFF; font-size: 11px; font-weight: bold; border: none; display: block; background: #0278C3; width: 60px; margin-left: 10px; } .processButton { cursor: pointer; font-size: 12px; width: 200px; padding: 3px 0; color: #FFF; font-weight: bold; border: none; display: block; margin-top: 10px; background: #990000; } .checkboxLabel { text-align: left; width: 200px; } input.checkBox { width: 15px; height: 15px; margin: 0; } .backButton { display: block; background: #004684; width: 200px; line-height: 1.8em; color: #FFF; border: 1px solid #004684; font-weight: bold; text-align: center; cursor: pointer; } /************************* TABLE **********************/ table { width: 100%; border-collapse: collapse; padding-bottom: 10px; } th { background: #004684; color: #FFFFFF; padding: 5px; } td { padding: 2px; vertical-align: middle; } #logo-table td { padding: 0;} #logo-table td img { margin-bottom: 10px; } #register-table { width: 100%; font-size: 11px; margin-top: 3px; margin-bottom: 20px; } #register-table tr.hilite { background: #EBEBEB; } #register-table tr.nohilite { background: #FFFFFF; } #listTable { width: 100%; font-size: 95%; } #listTable td { padding: 5px; } .tr-body { padding-bottom: 10px; } .td-heading { padding-bottom: 0; }