/* Orange = F49300 */ @charset "utf-8"; body { font-size: 62.6%; font-family:Arial, Helvetica, Verdana, sans-serif; background: #E5E5E5; width: 950px; margin: 0 auto 0 auto; position:relative; padding: 0; color: #555; } caption{font-weight: bold; text-align:left;} fieldset{padding: 5px; border: none;} form {margin: 0;} label{display:block;} label span {width: 11em; float:left; font-weight: bold; } a, label, button{cursor: pointer;} h1{font-size:1.6em; padding: 0; margin: 0;} h2{font-size: 1.4em; margin: 0; padding:0; } h3{font-size: 1.3em; font-weight:bold; margin-bottom: 0.4em; margin-top: 0; } h4{font-size: 16px; margin: 0; padding:0; color: #4B9E42;} h5{font-size: 1em; font-weight: bold; } h6{font-size: 0.8em; font-weight:bold; } input, textarea{font-size: 1.2em; color: #000000; font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 1em; } legend{margin: 0 0 0 -5px;} ul{margin: 0 0 0 0; padding: 0; font-size:1.2em;} li{margin: 0 0 0.2em 17px; padding: 0; line-height:1.3em;} ol{margin: 0 0 1em 0; padding:0; font-size:1.2em;} p{font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em 0; width: auto;} select {font-size: 1.2em;} img { border: none; padding: 0; margin: 0; } table{} td, th{font-size: 1.1em} th{} tr{} a:link, a:visited, a:active { color: #F49300; text-decoration: none; } a:hover { color: #768b8d; text-decoration: none; } /******************* Main Styles *******************/ #access { display: none; } #banner { position:relative; height: 204px; background-color: #fff; padding: 0; margin:0;} #login { margin: 0; padding: 0; position: absolute; top: 25px; right: 10px; z-index: 3; width: 250px; text-align: right; } #login p { margin: 0; padding: 0 0 0 8px; color: #048101; } #login input { /*border: 1px solid #4B9E42; background-color: #FFFFFF; */margin: 3px 0 0 0; } #login .loginButton { /*color: #F49300;*/ margin: 3px 0 0 0; } #login .loginField { width: 100px; } #login .signIn { font-size: 1.5em; font-weight: bold; margin: 0 55px 0 0; } #logo { position: absolute; top: 50px; left: 25px; margin: 0; width: 200px; padding: 0; } #logo a {display:block; width:200px; height: 110px; background: url("../pics/spacer.gif") no-repeat; z-index:30;} #logo a:hover {background:url("../pics/spacer.gif") no-repeat;} #branding { position: absolute; top:0; left:200px; width: 531px; margin: 0; padding: 0; } #utilities { position: absolute; top:180px; right:20px; margin: 0; padding: 0; width: 650px; text-align: right; z-index: 5; color: #F49300; } #utilities p { padding: 0; margin: 0; } #utilities ul { } #utilities li { display: inline; padding: 0; margin: 0; } #section-navigation { position: relative; height: 0px; padding: 0; margin:0; z-index: 100; display: none; } #section-navigation ul { margin: 0 0 0 190px; padding: 0; } #section-navigation li { display: inline; list-style-type: none; margin: 0; padding: 0 10px 0 0; } #middle { background: #fff url("../pics/public-middle-bg.jpg") bottom no-repeat; position: relative; margin: 0; padding: 0; width:950px; } #search { margin: 0; padding: 0; position: absolute; top: -15px; left: 0; z-index: 6; } #search p { margin: 0; padding: 0 0 0 8px; } /*#search input { border: 1px solid #4B9E42; background-color: #FFFFFF; } #search .searchButton { color: #F49300; margin: 3px 0 0 0; }*/ #search .searchField { width: 130px; } #menu { background: url("../pics/search-curve.jpg") no-repeat; position: relative; margin: 0; width: 190px; float: left; padding: 15px 0 0 0; border: none; z-index: 2; } #menu-inner { margin: 80px 0 0 0; } .menu-level-1{list-style-type:disc; border-bottom: 1px dotted #fff; } .menu-level-2{list-style-type:circle; margin-left: 1em;} .menu-level-3{list-style-type:square; margin-left: 2em; background-image: url(../pics/bullet.gif); background-repeat: no-repeat; background-position: 2em 7px;} .menu-level-4{list-style-type:lower-roman; margin-left: 3em; background-image: url(../pics/bullet.gif); background-repeat: no-repeat; background-position: 3em 7px; } .menu-level-5{list-style-type:none; margin-left: 4em; background-image: url(../pics/bullet.gif); background-repeat: no-repeat; background-position: 4em 7px;} #story { margin: 0 10px 0 0; } #ecommerce, #gallery { border: none; position: relative; float: left; margin: 0; width: 716px; padding: 0; background-color: #00CC66; } #ecommerce-inner { padding: 20px 10px 010px; margin: 0;} #ecommerce p { padding: 2px 0 2px 0; margin: 0; } #ecommerce .productPics{width: 160px; margin-right: 20px; float: left;} #ecommerce .productDetails{width:260px; float:left; padding: 0 50px 0 0; font-size: 1.2em; } #ecommerce .productDetails p { font-size: 1em; padding: 0 0 0 0; } #ecommerce .productDetails ul { font-size: 1em; } #ecommerce .productDetails select { font-size: 1em; } #ecommerce .productBuy{width:190px; float:right; padding:0 10px 0 0;} #ecommerce .productBuyInfo {border: 1px #7D9BA6 solid; background-color: #F7F9F8; } #ecommerce .productBuyInfo p {padding: 0 0 0 5px; margin: 0; } #ecommerce .productBuyInfo .line{border-bottom: 1px solid #7D9BA6; padding: 1px 0 2px 0; margin: 0 0 3px 0; } #ecommerce .recommended{width:440px; float:left; padding: 0 25px 0 0;} #ecommerce .recommendedBasket{width:200px; float:right; padding:0 10px 0 0;} #ecommerce .thumbView { float: left; margin: 0 8px 0 0; } /********** LAYOUT 2 **********/ #ecommerce .productPics2{width: 260px; float: left;} #ecommerce .productDetails2{width:410px; float:left; padding: 0; font-size: 1.2em; } #ecommerce .productDetails2 input{font-size: 1em; } #ecommerce .productDetails2 p { font-size: 1em; padding: 0; margin: 0; } #ecommerce .productDetails2 ul { font-size: 1em; } #ecommerce .productDetails2 select { font-size: 1em; } #ecommerce .mainImage { float: left; margin: 0 8px 0 0; } #ecommerce .thumbContainer { float: left; width: 100px; } #ecommerce .thumbView2 { float: left; margin: 0 8px 8px 0; } #ecommerce .mainProduct { padding: 5px; background-color: #EFEFEF; border: 1px solid #E8E8E8; } #ecommerce .variations { padding: 5px; background-color: #EFEFEF; border: 1px solid #E8E8E8; } #ecommerce .productExtras { padding: 0 15px 0 15px; background-color: #7D9BA6; border: 1px solid #7D9BA6; color: #FFFFFF; text-align: right; } #ecommerce .productExtras a { text-decoration: none; color: #F4F4F4; } #ecommerce .productExtras a:hover { text-decoration: underline; color: #006699; } #ecommerce .productBuy2{width:190px; float:right; padding:0 10px 0 0;} #ecommerce .productBuyInfo2 {border: 1px #7D9BA6 solid; background-color: #F7F9F8; } #ecommerce .productBuyInfo2 p {padding: 0 0 0 5px; margin: 0; } #ecommerce .productBuyInfo2 .line {border-bottom: 1px solid #7D9BA6; padding: 1px 0 2px 0; margin: 0 0 3px 0; } #ecommerce .recommended2 {width:440px; float:left; padding: 0 25px 0 0;} #ecommerce .recommendedBasket2 {width:200px; float:right; padding:0 10px 0 0;} /*****************************/ #ecommerce .rowProd { border-bottom: 1px solid #E5EBF9; margin: 0 0 10px 0; } #ecommerce .rowProdPic { float: left; width: 80px; } #ecommerce .rowProdInfo { float: left; width: 650px; } #ecommerce .rowProdInfo p { padding: 0; margin: 0; } #ecommerce .productPictureContainer { float: left; width: 50px; margin: 0 20px 0 0; } #ecommerce .productInfoContainer { float: left; width: 400px; margin: 0 20px 0 0; } #ecommerce .productPriceContainer { float: left; width: 150px; } #ecommerce .recommendedPictureContainer { float: left; width: 50px; margin: 0 20px 0 0; } #ecommerce .recommendedInfoContainer { float: left; width: 290px; margin: 0 20px 0 0; } #ecommerce .recommendedPriceContainer { float: left; width: 60px; } #ecommerce .rowCat { border-bottom: 1px solid #E5EBF9; margin: 0 0 10px 0; } #ecommerce .rowCatPic { float: left; width: 160px; } #ecommerce .rowCatInfo { float: left; width: 550px; } #ecommerce .rowCatInfo p { padding: 0; margin: 0; } #editorial { border: none; position: relative; float: left; margin: 0; width: 528px; padding: 0; } #editorial-inner { padding: 0; margin: 0;} #editorial form { } #editorial h1 { } #editorial h2 { } #editorial p { padding: 0; margin: 0; } #editorial-content { border: none; position: relative; float: left; margin: 0; width: 759px; padding: 0;} #editorial-content-inner { padding: 0; margin: 0;} #editorial-content p { padding: 0; margin: 0; } #editorial-content form p { padding: 0; margin: 0 0 3px 0; } #editorial-home { border: none; position: relative; float: left; margin: 0; width: 528px; padding: 0; } #editorial-home-inner { padding: 0; margin: 0;} #editorial-home p { padding: 0; } #editorial-home #panel-divider-a { float: left; width: 240px; margin-right: 20px; } #editorial-home #panel-divider-b { float: left; width: 240px; } #editorial-home .panel-a { width: 240px; float: left; } #editorial-home .panel-a p { margin: 0; padding: 0; } #editorial-home .panel-a-top { height: 15px; background: url("../pics/panel-a-top.jpg") no-repeat; } #editorial-home .panel-a-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-a-inner { background: url("../pics/panel-a-tree.jpg") top no-repeat; width: 240px; } #editorial-home .panel-a-inner .panel-a-figure { position: absolute; top: 10px; left: 185px; width: 21px; height: 17px; } #editorial-home .panel-a .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-a .panel-a-pic { float: left; width: 52px; height: 52px; margin-right: 5px; } #editorial-home .panel-a .panel-a-text { float: left; width: 160px; } #editorial-home .panel-a-bottom { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } #editorial-home .panel-b { width: 240px; float: left; } #editorial-home .panel-b p { margin: 0; padding: 0; } #editorial-home .panel-b-top { height: 15px; background: url("../pics/panel-b-top.jpg") no-repeat; } #editorial-home .panel-b-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-b-inner { background: url("../pics/panel-b-tree.jpg") bottom no-repeat; width: 240px; } #editorial-home .panel-b-inner .panel-b-figure { position: absolute; top: 12px; left: 445px; width: 21px; height: 17px; } #editorial-home .panel-b .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-b .panel-b-pic { float: left; width: 52px; height: 52px; margin-right: 5px; } #editorial-home .panel-b .panel-b-text { float: left; width: 160px; } #editorial-home .panel-b-bottom { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } #editorial-home .panel-c { width: 240px; float: left; margin-top: 20px; } #editorial-home .panel-c p { margin: 0; padding: 0 30px 0 10px; } #editorial-home .panel-c-top { height: 15px; background: url("../pics/panel-c-top.jpg") no-repeat; } #editorial-home .panel-c-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-c-inner { background: url("../pics/panel-c-tree.jpg") top no-repeat; width: 240px; } #editorial-home .panel-c-inner .panel-c-figure { position: absolute; left: 185px; width: 21px; height: 17px; } #editorial-home .panel-c .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-c-bottom { height: 20px; background: url("../pics/panel-c-bottom.jpg") no-repeat; } #editorial-home .panel-d { width: 240px; float: left; margin-top: 20px; } #editorial-home .panel-d p { margin: 0; padding: 0; } #editorial-home .panel-d-top { height: 15px; background: url("../pics/panel-b-top.jpg") no-repeat; } #editorial-home .panel-d-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-d-inner { background: url("../pics/panel-d-tree.jpg") bottom no-repeat; width: 240px; } #editorial-home .panel-d-inner .panel-d-figure { position: absolute; left: 455px; width: 21px; height: 17px; } #editorial-home .panel-d .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-d input { /*border: 1px solid #4B9E42; background-color: #FFFFFF;*/ } #editorial-home .panel-d select { border: 1px solid #4B9E42; background-color: #FFFFFF; } #editorial-home .panel-d .datingButton { /*color: #F49300; */} #editorial-home .panel-d-bottom { height: 20px; background: url("../pics/panel-d-bottom.jpg") no-repeat; } #editorial-home .panel-e { width: 240px; float: left; margin-top: 20px; } #editorial-home .panel-e p { margin: 0; padding: 0 10px 0 10px; } #editorial-home .panel-e-top { height: 15px; background: url("../pics/panel-a-top.jpg") no-repeat; } #editorial-home .panel-e-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-e-inner { background: url("../pics/panel-a-tree.jpg") top no-repeat; width: 240px; } #editorial-home .panel-e-inner .panel-e-figure { position: absolute; left: 200px; width: 21px; height: 17px; } #editorial-home .panel-e .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-e .latestDates { color: #999999; font-weight: bold; } #editorial-home .panel-e-bottom { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } #editorial-home .panel-f { width: 240px; float: left; margin-top: 20px; } #editorial-home .panel-f p { margin: 0; padding: 0; } #editorial-home .panel-f-top { height: 15px; background: url("../pics/panel-b-top.jpg") no-repeat; } #editorial-home .panel-f-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } #editorial-home .panel-f-inner { background: url("../pics/panel-b-tree.jpg") bottom no-repeat; width: 240px; } #editorial-home .panel-f-inner .panel-f-figure { position: absolute; left: 445px; width: 21px; height: 17px; } #editorial-home .panel-f .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #editorial-home .panel-f .panel-f-pic { float: left; width: 52px; margin-right: 5px; } #editorial-home .panel-f .panel-f-text { float: left; width: 160px; } #editorial-home .panel-f-bottom { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } #actions { border: none; position: relative; margin: 0; width: 219px; float: left; padding: 0; } #actions-inner { margin: 0; padding: 0; } #actions p { margin: 0; padding: 0; } #actions .actionPanel { width: 219px; padding-bottom: 10px; } #actions .actionPanelTop { height: 24px; background: url("../pics/actions-top-green.jpg") no-repeat; color: #FFFFFF; font-weight: bold; font-size: 1.2em; } #actions .actionPanelTop p { padding: 0 0 0 10px; } #actions .actionPanelContent { background: url("../pics/actions-bg.jpg") repeat-y; } #actions .actionPanelContent p { padding: 10px 15px 0 15px; } #actions .actionPanelBottom { height: 21px; background: url("../pics/actions-bottom.jpg") no-repeat; } #actions .ad { float: left; width: 100px; margin: 10px 0 0 0; } #actions-home { border: none; position: relative; margin: 0; width: 219px; float: left; padding: 0; } #actions-home-inner { margin: 0; padding: 0; } #actions-home p { margin: 0; padding: 0; } #actions-home .actionPanel { width: 219px; padding-bottom: 10px; } #actions-home .actionPanelTop { height: 24px; background: url("../pics/actions-top-green.jpg") no-repeat; color: #FFFFFF; font-weight: bold; font-size: 1.2em; } #actions-home .actionPanelTop p { padding: 0 0 0 10px; } #actions-home .actionPanelContent { background: url("../pics/actions-bg.jpg") repeat-y; } #actions-home .actionPanelContent p { padding: 10px 15px 0 15px; } #actions-home .actionPanelBottom { height: 21px; background: url("../pics/actions-bottom.jpg") no-repeat; } #actions-home .ad { float: left; width: 100px; margin: 10px 0 0 0; } #footer { height: 25px; position: relative; margin: 0; padding: 0; background-color: #90BF4B; color: #fff; text-align: center; } #footer ul { padding: 4px 0 0 0 ; margin: 0; } #footer li { display: inline; padding: 0; margin: 0; } #footer p { padding: 0; margin: 0; } #footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: none; } #footer a:hover { color: #ccc; text-decoration: none; } #author { display: none; } /******************* Panels for listing etc ******************/ .listing-panel-a { width: 240px; float: left; margin: 0 10px 10px 0;} .listing-panel-a p { margin: 0; padding: 0 0 0 0; } .listing-panel-a-top { height: 15px; background: url("../pics/panel-a-top.jpg") no-repeat; } .listing-panel-a-content { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } .listing-panel-a-inner { background: url("../pics/panel-a-tree.jpg") top no-repeat; width: 240px; } .listing-panel-a-inner-content { margin: 0 0 0 11px; padding: 0; width: 212px; } .listing-panel-a-bottom { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } .listing-panel-a .listRow1 { float: left; width: 96px; padding: 0; margin: 1px 0 0 0; background-color: #EDF7DB; font-weight: bold; } .listing-panel-a .listRow2 { float: left; width: 116px; padding: 0; margin: 1px 0 0 0; background-color: #DEEDCC; font-weight: bold; } .listing-panel-a .listRow1left { float: left; width: 86px; padding: 0; margin: 1px 0 0 0; background-color: #EDF7DB; font-weight: bold; } .listing-panel-a .listRow1right { float: left; width: 126px; padding: 0; margin: 1px 0 0 0; background-color: #EDF7DB; font-weight: bold; } .listing-panel-a .listRow2left { float: left; width: 86px; padding: 0; margin: 1px 0 0 0; background-color: #DEEDCC; font-weight: bold; } .listing-panel-a .listRow2right { float: left; width: 126px; padding: 0; margin: 1px 0 0 0; background-color: #DEEDCC; font-weight: bold; } /* old .listing-panel-a-friends { width: 240px; float: left; margin: 0 10px 10px 0; height: 225px;} */ .listing-panel-a-friends { width: 240px; float: left; margin: 0 10px 0 0; border: solid 0px;} .listing-panel-a-friends p { margin: 0; padding: 0 0 0 0; } .listing-panel-a-top-friends { height: 15px; background: url("../pics/panel-a-top.jpg") no-repeat; } .listing-panel-a-content-friends { background: url("../pics/panel-a-bg.jpg") repeat-y; width: 240px; } .listing-panel-a-inner-friends { background: url("../pics/panel-a-tree.jpg") top no-repeat; width: 240px; } .listing-panel-a-inner-content-friends { margin: 0 0 0 11px; padding: 0; width: 212px; } .listing-panel-a-bottom-friends { height: 20px; background: url("../pics/panel-a-bottom.jpg") no-repeat; } .listing-panel-a-friends .listRow1 { float: left; width: 106px; padding: 0; margin: 1px 0 0 0; background-color: #EDF7DB; font-weight: bold; } .listing-panel-a-friends .listRow2 { float: left; width: 106px; padding: 0; margin: 1px 0 0 0; background-color: #DEEDCC; font-weight: bold; } .nl-panel-a { width: 664px; height: 380px; margin: 45px 0 0 40px; background:url("../pics/nl-panel.jpg") no-repeat; z-index: 1; } .nl-panel-a .nl-panel-a-left { width: 275px; margin: 15px 0 0 0; z-index: 3; position: absolute; left: 55px; } .nl-panel-a .nl-panel-a-right { width: 275px; margin: 15px 0 0 0; z-index: 3; position: absolute; right: 75px; } .nl-panel-a p { margin: 0; padding: 0 0 0 0; } .nl-panel-a .panel-section-dating { top: 219px; left: 326px; width: 211px; margin: 0; height: 172px; background: url("../pics/nl-panel-dating.jpg") no-repeat; z-index: 2; position: absolute; } .nl-panel-a .panel-section-me { top: 219px; left: 326px; width: 211px; margin: 0; height: 172px; background: url("../pics/nl-panel-me.jpg") no-repeat; z-index: 2; position: absolute; } .nl-panel-a .panel-section-clubs { top: 219px; left: 326px; width: 211px; margin: 0; height: 172px; background: url("../pics/nl-panel-clubs.jpg") no-repeat; z-index: 2; position: absolute; } .nl-panel-a .panel-section-activities { top: 219px; left: 326px; width: 211px; margin: 0; height: 172px; background: url("../pics/nl-panel-activities.jpg") no-repeat; z-index: 2; position: absolute; } .nl-panel-a .panel-section-friends { top: 219px; left: 326px; width: 211px; margin: 0; height: 172px; background: url("../pics/nl-panel-friends.jpg") no-repeat; z-index: 2; position: absolute; } .nl-panel-a .nl-panel-a-left h1 { color: #4B9E42; font-size: 1.6em; margin-bottom: 10px; z-index: 3; } .nl-panel-a .panel-section-buttons { top: 300px; right: 0; width: 211px; margin: 0; height: 172px; z-index: 2; position: absolute; } .panel-section-buttons a.button:link { font-size: 1.1em; padding-top: 8px; width: 148px; height: 34px; display: block; background: url("../pics/button-a.gif") no-repeat; color:#fff; font-weight: bold; text-align: center; text-decoration:none; } .panel-section-buttons a.button:visited { font-size: 1.1em; padding-top: 8px; width: 148px; height: 34px; display: block; background: url("../pics/button-a.gif") no-repeat; color:#fff; font-weight: bold; text-align: center; text-decoration:none; } .panel-section-buttons a.button:active { font-size: 1.1em; padding-top: 8px; width: 148px; height: 34px; display: block; background: url("../pics/button-a.gif") no-repeat; color:#fff; font-weight: bold; text-align: center; text-decoration:none; } .nl-panel-a a.button:hover{ background: url("../pics/button-a-over.gif") no-repeat; } #tool-information { width: 741px; } #tool .panel-full { width: 741px; } #tool .panel-full p { margin: 0; padding: 0; } #tool .panel-full-top { height: 15px; background: url("../pics/panel-full-top.jpg") no-repeat; } #tool .panel-full-content { background: url("../pics/panel-full-bg.jpg") repeat-y; width: 741px; } #tool .panel-full-inner { background: url("../pics/panel-full-tree.jpg") bottom no-repeat; width: 741px; } #tool .panel-full-inner .panel-full-figure { position: absolute; left: 690px; width: 21px; height: 17px; } #tool .panel-full .heading { color: #4B9E42; font-weight: bold; padding: 0 0 10px 15px; font-size: 1.3em; } #tool .panel-full input { /*border: 1px solid #4B9E42; background-color: #FFFFFF;*/ } #tool .panel-full select { border: 1px solid #4B9E42; background-color: #FFFFFF; } #tool .panel-full .datingButton { /*color: #F49300;*/ } #tool .panel-full-bottom { height: 20px; background: url("../pics/panel-full-bottom.jpg") no-repeat; } .memberList { width: 40%; float: left; margin: 0 10px 10px 0; } .listImg { float: left; padding: 0 8px 2px 0; } .listImgRight { float: right; padding: 0 0 2px 8px; } /******************* styles for club page ******************/ .clubPicture { float: left; width: 170px; } .clubInformation { float: left; width: 350px; } .clubInformation .detailsRowLeft { float: left; width: 100px; padding: 0; margin: 1px 0 0 0; } .clubInformation .detailsRowRight { float: left; width: 250px; padding: 0; margin: 1px 0 0 0; } .boxB .detailsRowLeft { float: left; width: 100px; padding: 0; margin: 1px 0 0 0; } .boxB .detailsRowRight { float: left; width: 250px; padding: 0; margin: 1px 0 0 0; } /******************* pm styles ********************/ .pmHeader { margin-bottom: 10px; border-bottom: 1px solid #DEEDCC; width: 742px; } .pmContainer {} .pmPoster { float: left; width: 100px; } .pmArrow { position:absolute; left: 80px; margin-top: 30px;} .pmMessage { float: left; width: 627px; padding: 0; margin: 0; } .pmMessage textarea { border: 1px solid #fff; background-color: #FFFFFF; padding: 3px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; } .pmTop { width: 627px; padding: 0; margin: 0; background: #FFFFFF url(../pics/speach-bubble-top.jpg) no-repeat; height: 13px; } .pmBg { width: 627px; padding: 0; margin: 0; background: #FFFFFF url(../pics/speach-bubble-bg.jpg) repeat-y; } .pmText { padding: 0 10px 0 10px; margin: 0; } .pmBottom { width: 627px; padding: 0; margin: 0; background: #FFFFFF url(../pics/speach-bubble-bottom.jpg) no-repeat; height: 13px; } /******************* Menu Style *******************/ #menu ul { list-style: none; margin: 0; padding: 0; color: #999; } #menu li { list-style: none; margin: 0; padding: 0; display:block; line-height: 1.2em; } #menu ul a { padding: 0; margin: 0; color: #F49300; text-decoration:none; line-height: 1.2em;} #menu ul a:hover { color: #768b8d; } #menu ul li ul { font-size: 1em; padding: 5px 0 5px 18px; } #menu .menuHeader { font-weight: bold; font-size: 1.2em; } #menu .menuDivider { border-bottom: 2px solid #90BF4B; } #menu .selected { font-weight: bold; } /******************* Form Styles *******************/ .inputLarge { width: 400px; } .inputMedium { width: 250px; } .inputSmall { width: 100px; } .units { width: 15px; } .textareaLarge { width: 400px; height: 150px; } .textareaMedium { width: 250px; height: 100px; } .textareaSmall { width: 100px; height: 50px; } /******************* Basket Styles ********************/ .order {border:1px solid #7D9BA6; width: 100%;} .order th {background: #E5EFF0; padding: 2px 5px 2px 5px; margin: 0; text-align:left;} .order td {padding: 0 5px 0 5px; margin: 0; text-align:left;} /******************* Mini Basket **********************/ .minBasket {border:1px solid #7D9BA6; width: 100%;} .minBasket th {background: #F7F9F8; padding: 2px 5px 2px 5px; margin: 0; text-align:left; border-top: 1px solid #7D9BA6; border-bottom: 1px solid #7D9BA6;} .minBasket td {background: #F7F9F8; padding: 5px 5px 5px 5px; margin: 0; text-align:left; border-bottom: 1px solid #7D9BA6;} .minBasketHeader {background: #7D9BA6; } /****************** Order Details *********************/ .details {border:1px solid #DEEDCC; width: 98%; font-size: 1.1em; } .details th {padding:3px 5px 3px 5px; background-color: #DEEDCC;} .details td {padding:3px 5px 3px 5px;} .row1 { background-color: #F1F9E3; } .row2 { background-color: #F5FBF0; } .row3 { background-color: #EDF7DB; } .row4 { background-color: #F8FCEF; } /**************** Tab Menu For Profiles ********************/ #profileTabs { width: 98%; margin: 0; padding: 0; background: url("../pics/tab-bg.jpg") repeat-x bottom left; } .profileTabNormal { width: 80px; float: right; text-align: center; margin: 0 0 0 5px; cursor: pointer; border-bottom: 1px solid #DEEDCC; border-left: 1px solid #DEEDCC; border-top: 1px solid #DEEDCC; border-right: 1px solid #DEEDCC; background-color: #EDF7DB; } .profileTabNormal:hover { cursor: pointer; border-bottom: 1px solid #DEEDCC; border-left: 1px solid #DEEDCC; border-top: 1px solid #DEEDCC; border-right: 1px solid #DEEDCC; background-color: #E9EDDF; } .profileTabCurrent { width: 90px; float: right; text-align: center; margin: 0 0 0 5px; cursor: pointer; border-bottom: 1px solid #fff; border-left: 1px solid #DEEDCC; border-top: 1px solid #DEEDCC; border-right: 1px solid #DEEDCC; background-color: #fff; } /****************** Tab Menu ***************************/ #tabs { width: 100%; text-align: right; margin: 0 0 -1px 0; z-index: 100; } .tabNormal { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #E5EFF0; } .tabNormal:hover { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #F4F5F7; } .tabCurrent { cursor: pointer; border-bottom: 1px solid #7D9BA6; border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #C9D7DA; } /******************* GuestBook Styles *******************/ .guestbookBy { float: left; width: 49%; } .guestbookInfo { float: right; width: 45%; color: #5CA300; text-align: right; margin: 0 10px 0 0; } .guestbookOptions { text-align: right; border-top: 1px dashed #ccc; margin: 10px 0 0 0; } .guestbookOptions p { font-size: 1.1em;} /******************* PM Styles *******************/ .pmContainerV2 { border:1px solid #DEEDCC; padding: 0; background-color: #EDF7DB; margin: 0 10px 20px 0; } .pmByV2 { border-bottom: 1px solid #DEEDCC; padding: 5px; background-color: #EDF7DB; margin: 0; } .pmMessageV2 { padding: 5px; background-color: #F5FBF0; margin: 0; } /******************* Forum Styles *******************/ .postContainer { border:1px solid #DEEDCC; padding: 0; background-color: #EDF7DB; margin: 0 10px 20px 0; } .postBy { border-bottom: 1px solid #DEEDCC; padding: 5px; background-color: #EDF7DB; margin: 0; } .postMessage { padding: 5px; background-color: #F5FBF0; margin: 0; } /******************* Useful Styles *******************/ .box{border:1px solid #DEEDCC; padding:10px; background-color: #EDF7DB; } .boxB{border:1px solid #DEEDCC; padding:5px; background-color: #EDF7DB; margin: 0 10px 0 0; } .boxB input { /*border: 1px solid #4B9E42; background-color: #FFFFFF;*/} .boxB textarea { border: 1px solid #4B9E42; background-color: #FFFFFF; padding: 3px; } .boxB .textButton {/* color: #F49300; */margin: 3px 0 0 0; } .boxB .textField { width: 190px;} .boxB select { border: 1px solid #4B9E42; background-color: #FFFFFF; } .inline { display: inline; } .toolBar { margin: 30px 0 5px 0; } .drillbar { font-weight: bold; color: #5CA300; float: left; width: 49%;} .drillbar p { margin: 0; padding: 0; } .sectionSearch { color: #5CA300; float: left; width: 49%; font-weight: bold; text-align: right; } .sectionSearch p { margin: 0; padding: 0; } /*.sectionSearch input { border: 1px solid #4B9E42; background-color: #FFFFFF; } .sectionSearch .searchButton { color: #F49300; margin: 3px 0 0 0; }*/ .sectionSearch .searchField { width: 130px; } .sectionSearch select { /*border: 1px solid #4B9E42; background-color: #FFFFFF;*/ } .sort { font-weight: bold; color: #5CA300; width: 49%; float: left; } .greyout {color:#999999;} .promo{text-transform: capitalize; font-weight:bold; color:#FFF; background-color:#FF0000; font-size:0.9em; padding: 0 5px 0 5px} .line{border-bottom: 1px solid #777777;} .thumbnailCat{float:left; margin:0 15px 10px 0; width: 155px; height: 265px;} .thumbnailProd{float:left; margin:0 10px 10px 0; width: 160px; height: 280px; overflow:hidden; display:block;} .recommendedProd{float:left; margin:0 15px 30px 0; width: 170px; overflow:hidden;} .terms { overflow: auto; width: 500px; height: 150px; border: 1px solid #C7D1EC; padding: 5px; } .clear { clear: both; } .mediumInput { width: 355px; } .errorMsg { color: #FF0000; } .floatLeft { float: left; } .floatRight { float: right; } .left { text-align: left; } .centre { text-align: center; } .right { text-align: right; } a.callYou:link, a.callYou:visited, a.callYou:active { font-size: 1.1em; padding-top: 2px; width: 112px; height: 19px; display: block; background: url("../pics/button-normal.jpg") no-repeat; color:#fff; font-weight: bold; text-align: center; text-decoration:none; } a.callYou:hover{ background: url("../pics/button-over.jpg") no-repeat; } .picLeft { float: left; margin: 5px 5px 5px 0; } .picRight { float: right; margin: 5px 0 5px 5px; } .friendPic { width: 62px; margin: 0 10px 0 0; text-align: center; float: left; } /* ********* CALENDAR ********** */ #diary table {color: #000000; background-color: #CEE4F9; border: 1px solid #0665A5; width: 100%; text-align:center; } #diary th {border:#0665A5 1px solid; background-color:#0665A5; color: #FFFFFF; } #diary th.days {border:#0665A5 1px solid; background-color:#0665A5; height: 25px; color: #FFFFFF; } #diary td.today {color:#FF0000; font-weight:bold;} #diary td.calWid {width: 24px; height: 24px; } #diary td.calDates {border: 1px solid #0665A5; text-align: center; } #diary td.calBooked {border: 1px solid #ff0000; background-color: #CCCCCC; font-weight: bold; text-align: center; } #diary td a:link, #diary td a:active, #diary td a:visited {color:#FF0000; text-decoration: none; font-weight:bold;} #diary td a:hover {color:#000066; text-decoration: none; font-weight:bold;} .todayL:link, .todayL:active, .todayL:visited {color:#009900; text-decoration:underline; font-weight:bold;} .todayL:hover {color:#000066; text-decoration: none; font-weight:bold;} .notToday:link, .notToday:active, .notToday:visited {color:#000000; text-decoration:underline;} .notToday:hover {color:#000066; text-decoration: none;} /******************* CALENDAR VIEW STYLES ********************/ .diaryDetails {border:1px solid #7D9BA6; width: 100%;} .diaryDetails th {background: #E5EFF0; padding: 2px 5px 2px 5px; margin: 0; text-align:left;} .diaryDetails td {padding: 0 5px 0 5px; margin: 0; text-align:left;} /******************* BLOG STYLES ********************/ /*.blog { } .blog ul { list-style: none; padding: 0; margin: 0; font-size: 1.2em; } .blog li { list-style: none; padding: 0; margin: 0; } .blog ul li ul { font-size: 1em; } .blog ul li ul li ul { font-size: 1em; }*/ .blogs {border:1px solid #7D9BA6; width: 100%;} .blogs th {padding:3px 5px 3px 5px; background-color: #E5EFF0; text-align: left; } .blogs td {padding:3px 5px 3px 5px;} .blogDate { font-size: 1.3em; font-weight: bold; margin: 10px 10px 5px 0; border-bottom: 1px dashed #DEEDCC; } .blogTitle { font-size: 1.5em; } .blogDesc { font-size: 1.1em; color: #666666; margin: 0 0 3px 0; line-height: 1em; } .blogContainer { margin: 0 0 15px 0; } .blogHeading { font-size: 1.5em; border-bottom: 1px dashed #768b8d; margin: 0 0 5px 0; } .blogVote { float: left; width: 48%; } .blogInfo { float: right; width: 48%; text-align: right; } .blogCommentsHeading { border-bottom: 1px dashed #768b8d; margin: 0 10px 5px 0; } .blogCommentsHeading p { margin: 0; padding: 0; } .blogCommentDate { float: left; width: 48%; } .blogCommentInfo { float: right; width: 48%; text-align: right; } .blogComment { margin-bottom: 10px; } /***************************** GALLERY **********************************/ #galleryMovie { padding: 10px 10px 8px 10px; } #galleryNav { text-align: center; width: 100%; } .flashView { text-align: center; width: 100%; } .imgView { width: 100%; text-align: center; } .imgView img { padding: 10px 10px 8px 10px; } .imgThumb { background-color:#f3f3f3; float: left; width: 120px; height: 125px; border: 1px solid #999999; margin: 0 20px 20px 0; padding: 0; text-align: center; } .imgThumb img { padding: 10px 10px 4px 10px; } .imgThumb p { padding: 0; margin: 0; } .imgThumb .imgOptions { font-size: 1em; } .galleryInfo { background-color:#f3f3f3; border: 1px solid #ccc; margin: 0; padding: 0 5px 0 5px; } .galleryTitle { width: 45%; float: left; font-size: 0.9em; } .galleryDetails { width: 45%; float: right; text-align: right; font-size: 0.9em; } .galleryDescription { background-color:#f3f3f3; border: 1px solid #ccc; margin: 0; padding: 0 5px 0 5px; } /************************** Profile tab *************************************/ .profileTabActive { border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #DDD; padding: 2px 5px 2px 5px; margin-right: 5px; float: left; } .profileTabActive p { padding: 0; margin: 0; font-size: 1.1em; } .profileTab { border-left: 1px solid #7D9BA6; border-top: 1px solid #7D9BA6; border-right: 1px solid #7D9BA6; background-color: #F7F9F8; padding: 2px 5px 2px 5px; margin-right: 5px; float: left; z-index: 10; } .profileTab p { padding: 0; margin: 0; font-size: 1.1em; } ************************** PAGINATION *************************************/ /*.page_numbers { width: 49%; padding: 0 10px 0 0; margin:0; text-align: right; float: right; } .page_numbers ul { margin: 0; list-style-type: none; padding: 0; text-align: center; float: right; } .page_numbers li { display: inline; float: left; margin:1px; background: #EDF7DB; width:25px; color: #FFF; } .page_numbers li.current{ width: 50px; } .page_numbers li a { background: #EDF7DB; border: 1px solid #434C5D; padding: 1px; text-decoration: none; color: #000; font-weight: bold; font-size: smaller; display:block;} .page_numbers a.current, #innerContentFull .page_numbers li a:hover { background: #DEEDCC; color: #000;}*/ .page_numbers { width: 49%; padding: 0; margin: 0 20px 0 0; text-align: right; float: right; } .page_numbers ul { margin: 0; list-style-type: none; padding: 0; margin: 0 15px 0 0; text-align: center; float: right; } .page_numbers li { display: inline; float: left; margin:1px; background: #EDF7DB; width:15px; padding: 0; color: #F49300; } .page_numbers li.current{ width: 35px; padding: 0; } .page_numbers li a { background: #FFDEB3; border: 1px solid #cc8800; border-color: #ffcc00 #dd8844 #dd8844 #ffcc00; padding: 0; text-decoration: none; color: #996600; font-weight: bold; display:block; font-size: 0.9em; line-height:1.1em;} .page_numbers li a.current { background: #eecda3; border-color: #996600 #ffcc00 #ffcc00 #996600; } .page_numbers li a:hover { background: #F49300; color: #fff; border-color: #dd8844 #ffcc00 #ffcc00 #dd8844; } /* secondary menu items */ #menu-inner ul { margin:0; } /* deal with the doubles */ #menu #menu-inner ul li ul li{ padding-left: 0; } #menu li ul li.menuBg { border-bottom:none; padding:0; margin: 5px 0 0 -20px;} #menu #menu-inner li.menu-level-1{list-style-type:none; font-weight: bold; font-size: 1.2em;} #menu #menu-inner li.menu-level-2{list-style-type:none; padding-left: 1.5em;} #menu #menu-inner li.menu-level-3{list-style-type:none; padding-left: 2.5em; } #menu #menu-inner li.menu-level-4{list-style-type:none;padding-left: 3.5em;} #menu #menu-inner li.menu-level-5{list-style-type:none; padding-left: 4.5em;} #menu #menu-inner li.menu-selected {color: #333; font-weight:bold;} #menu #menu-inner li.menuDivider { border-top: 2px solid #90BF4B; } #menu #menu-inner li a:link, #menu #menu-inner ul a:visited, #menu #menu-inner ul a:active { padding: 0; margin: 0; color: #F49300; text-decoration:none; line-height: 1.2em;} #menu #menu-inner li a:hover { color: #666666; } #menu #menu-inner li.menu-selected a:link, #menu #menu-inner li.menu-selected a:visited, #menu #menu-inner li.menu-selected a:active { font-weight: bold; color: #666666; } #menu #menu-inner li.menu-selected a:hover { color: #768b8d; } /************************* NEW BLOG STYLES ***************************/ /* secondary menu items */ #blogIt ul { margin:0; } /* deal with the doubles */ #blogIt ul li ul li{ padding-left: 0; } #blogIt li ul li.menuBg { border-bottom:none; padding:0; margin: 5px 0 0 -20px;} #blogIt td.menu-level-1{list-style-type:none; font-weight: bold; font-size: 1.2em;} #blogIt td.menu-level-2{list-style-type:none; padding-left: 1.5em;} #blogIt td.menu-level-3{list-style-type:none; padding-left: 2.5em; } #blogIt td.menu-level-4{list-style-type:none;padding-left: 3.5em;} #blogIt td.menu-level-5{list-style-type:none; padding-left: 4.5em;} #blogIt td a { padding: 0; margin: 0; color: #F49300; text-decoration:none; line-height: 1.2em;} #blogIt td a:hover { color: #768b8d; } /* ********* CALENDAR ********** */ #calendar { background-color: #fff; border: 1px solid #B3D6AC; width: 98%; margin: 0; } #calendar th { border: #B3D6AC 1px solid; background-color:#F1F7E9; } #calendar th.days { border:#B3D6AC 1px solid; background-color:#F1F7E9; } #calendar td { width: 14%; height: 52px; text-align: center; } #calendar td.today { color:#FF0000; font-weight:bold; background-color: #F1F7E9; } #calendar td.calDates { border: 1px solid #B3D6AC; background-color:#222; background-color: #F1F7E9; } #calendar td.calDatesActive { border: 1px solid #FDBC00; background-color:#FCE4C0; } #calendar td.calBooked { border: 1px solid #B3D6AC; background-color: #F1F7E9; font-weight: bold; } #calendar td a:link, #calendar td a:active, #calendar td a:visited { text-decoration: none; font-weight:bold; } #calendar td a:hover { text-decoration: none; font-weight:bold; } .todayL:link, .todayL:active, .todayL:visited { color:#23940A; text-decoration:underline; font-weight:bold; } .todayL:hover { color:#FF9933; text-decoration: none; font-weight:bold; } .bookedToday:link, .bookedToday:active, .bookedToday:visited { color:#23940A; text-decoration:underline; } .bookedToday:hover { color:#FF9933; text-decoration: none; } /************************* PARENT SELECTOR STYLES ***************************/ .parentSelect{ overflow-y: auto; height: 200px; width: 100%; background:#fff; border: 1px solid #ccc; padding: 0; margin: 0;} .parentSelect ul {padding: 0; margin: 0;} .parentSelect li.menu-level-1{list-style-type:none; font-weight: bold;} .parentSelect li.menu-level-2{list-style-type:none; padding-left: 1.5em;} .parentSelect li.menu-level-3{list-style-type:none; padding-left: 2.5em; } .parentSelect li.menu-level-4{list-style-type:none; padding-left: 3.5em;} .parentSelect li.menu-level-5{list-style-type:none; padding-left: 4.5em;} /************************* NEWS **********************************************/ .newsDate { color: #999999; font-weight: bold; border-bottom: 1px dashed #999; width: 95%; margin: 10px 0 10px 0; } .newsTime { font-size: 0.8em; width: 95%; } .newsSubject { font-size: 1.2em; width: 95%; } .newsContent { margin: 0 0 10px 0; width: 95%; } /************************* Ajax Pop Ups **************************************/ #searchTerms { margin: 0; padding: 5px; width: 194px; font-size: 12px; text-align: left; position: absolute; display: none; right: 15px; } #siteSearchTerms { border: 1px solid #4B9E42; background-color: #FFFFFF; margin: 0; padding: 5px; width: 150px; font-size: 12px; text-align: left; position: absolute; display: none; left: 8px; top: -70px; z-index: 250; } #searchTermsActivities { border: 1px solid #4B9E42; background-color: #FFFFFF; margin: 0; padding: 5px; width: 331px; font-size: 12px; text-align: left; position: absolute; display: none; right: 8px; top: 25px; } #alertPopup { position: absolute; width: 304px; height: 151px; display: none; z-index: 500; top: 5px; right: 176px; padding: 0; margin: 0; background: url(../pics/alerts-popup.jpg); } #alertPopupInner { display: none; z-index: 501; padding: 15px 15px 30px 20px; } #alertPopupInner p { padding: 0; margin: 0; } /******************** BLOG ************************/ .addPost{ border: solid 1px; padding: 10px; width: 496px; background: #FFD99F; } .date{ font-weight: bold; color: #F49300; } .blogPost { border-bottom: dashed 1px; padding: 0 0 10px 0; width: 515px;} /** AJAX POPUP **/ #ajax_tooltipObj{ z-index:1000000; text-align:left; } #ajax_tooltipObj div{ position:relative; } /* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */ #ajax_tooltipObj{ z-index:1000000; text-align:left; } #ajax_tooltipObj div{ position:relative; } /* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */ #ajax_tooltipObj .ajax_tooltip_arrow{ /* Left div for the small arrow */ background-image:url('../images/arrow.gif'); width:20px; position:absolute; left:0px; top:0px; background-repeat:no-repeat; background-position:center left; z-index:1000005; height:60px; } #ajax_tooltipObj .ajax_tooltip_content{ border:2px solid #317082; /* Border width */ left:18px; /* Same as border thickness */ top:0px; position:absolute; width:150px; /* Width of tooltip content */ height:200px; /* Height of tooltip content */ background-color:#FFF; /* Background color */ padding:5px; /* Space between border and content */ font-size:0.8em; /* Font size of content */ overflow:auto; /* Hide overflow content */ z-index:1000001; }