@charset "UTF-8"; /* CSS Document */ /*======================*/ /*------ standard ------*/ /*======================*/ * { padding: 0; margin: 0; } html { background:#000; color:#fff; } body { font-family: Arial, Helvetica, sans-serif; } .clearBoth { clear:both; line-height:0; } h1 { } h2 { } p { padding:0 0 12px 0; } #site { clear:both; color:#000; margin:0 auto; position:relative; width:980px; } #breadCrumb { color:#fff; position:absolute; top:250px; right:158px; } #breadCrumb a:visited, #breadCrumb a:active, #breadCrumb a { color:#fff; text-decoration:none; } #breadCrumb a:visited:hover, #breadCrumb a:hover { color:#fff; text-decoration:underline; } .purpleText { color:#6d2a79; } .purpleText a:visited, .purpleText a:active, .purpleText a { color:#6d2a79; } .purpleText a:visited:hover, .purpleText a:hover { color:#6d2a79; } .redText { color:#e00027; } .redText a:visited, .redText a:active, .redText a { color:#e00027; } .redText a:visited:hover, .redText a:hover { color:#e00027; } .greenText { color:#00894a; } .greenText a:visited, .greenText a:active, .greenText a { color:#00894a; } .greenText a:visited:hover, .greenText a:hover { color:#00894a; } .blueText { color:#0090d2; } .blueText a:visited, .blueText a:active, .blueText a { color:#0090d2; } .blueText a:visited:hover, .blueText a:hover { color:#0090d2; } .redLinks a:visited, .redLinks a:active, .redLinks a { color:#e00027; text-decoration:underline; } .redLinks a:visited:hover, .redLinks a:hover { color:#e00027; text-decoration:none; } /*======================*/ /*------- home ---------*/ /*======================*/ #homeLogo { position:absolute; left:0px; top:0px; } #homeLogo a:visited, #homeLogo a:active, #homeLogo a { background:transparent url(../images/home_logo.jpg); display:block; height:234px; overflow:hidden; text-indent:-1000px; width:299px; } #homeLogo a:visited:hover, #homeLogo a:hover { } #homeTop { clear:both; padding:40px 0 0 0; height:225px; } #homeContentRight { clear:none; color:#fff; float:right; padding:0 0px 0 0 ; width:634px; } #homeContentText { clear:both; padding:12px 0 0 0; } #homeContentText p { padding:0 0 10px 0; } #homeContentRight h2 { background:transparent url(../images/welcome_to_kangarila.jpg) no-repeat 0px 0px; height:34px; overflow:hidden; text-indent:-1000px; width:384px; } .soGoOn { background:transparent url(../images/so_go_on.jpg) no-repeat 0px 10px; height:19px; overflow:hidden; padding:10px 0 0 0; text-indent:-1000px; width:238px; } .kennySigniture { background:transparent url(../images/kenny_signiture.jpg) no-repeat 0px 10px; height:45px; overflow:hidden; padding:10px 0 0 0; text-indent:-1000px; width:112px; } #otherContentMin { clear:none; float:left; height:330px; width:10px; } #buyTag { position:absolute; height:300px; width:144px; right:0px; top:0px; z-index:920; } #buyTag a:visited, #buyTag a:active, #buyTag a { background:url(../images/buytag.png) no-repeat 0px -20px; display:block; height:300px; overflow:hidden; text-indent:-1000px; width:144px; } #buyTag a:visited:hover, #buyTag a:hover { display:block; } /*======================*/ /*------ the game ------*/ /*======================*/ #sliderContentNews { clear:both; height:20px; overflow:hidden; position:relative; width:722px; } #sliderSlidesNews { clear:both; position:absolute; width:3000px; left:0; } .newsItem { clear:none; height:24px; float:left; padding:4px 0 0 0; overflow:hidden; width:722px; } /*======================*/ /*------ the game ------*/ /*======================*/ #theGameContent { clear:none; color:#fff; float:right; padding:0 20px 0 0 ; width:650px; } #theGameContent h1 { background:transparent url(../images/thegame_pagetitle.jpg) no-repeat 0px 0px; clear:both; height:38px; overflow:hidden; text-indent:-1000px; width:293px; } #homeContentText ul { margin:0 0 0 20px; } #homeContentText ul ul { margin:0 0 0 40px; } #homeContentText li { padding:9px 0 0 0; } #theGameContent h2 { padding:10px 0 10px 0; font-style:italic; } #theGameContent .purple h2{ color:#722c7f; } #theGameContent .purple strong{ color:#722c7f; } #theGameContent .red h2 { color:#e00027; } #theGameContent .red strong { color:#e00027; } #theGameContent .green h2{ color:#008961; } #theGameContent .green strong{ color:#008961; } #theGameContent .blue h2{ color:#0090d2; } #theGameContent .blue strong{ color:#0090d2; } .blue a:visited, .blue a:active, .blue a { color:#0090D2; text-decoration:underline; } .blue a:visited:hover, .blue a:hover { color:#0090D2; text-decoration:none; } #thegameBottom { background:#000 url(../images/thegame_bottomtext.jpg) no-repeat 0px 0px; clear:both; height:23px; overflow:hidden; text-indent:-1000px; width:599px; } .gameMenu { clear:both; font-weight:bold; padding:20px 0 0 0; } .gameMenu ul { list-style:none; margin:0; } .gameMenu li { display:inline; padding:0 10px 0 0; } .gameMenu a:visited, .gameMenu a:active, .gameMenu a { text-decoration:none; } .gameMenu a:visited:hover, .gameMenu a:hover { text-decoration:underline; } .gameMenu .purple a { color:#722c7f; } .gameMenu .red a { color:#e00027; } .gameMenu .green a { color:#008961; } .gameMenu .blue a { color:#0090d2; } .subSelected { } .subSelected a:visited, .subSelected a:active, .subSelected a { } .subSelected a:visited:hover, .subSelected a:hover { text-decoration:none; } /*======================*/ /*------ thank you -----*/ /*======================*/ #thankYouContent { background:url(../images/thankyou_image.jpg) no-repeat left bottom; clear:none; color:#fff; float:right; padding:30px 20px 0 0 ; width:650px; } #thankYouContent h1 { background:url(../images/pagetitle_thankyou.jpg) no-repeat 0px 0px; clear:both; display:block; height:49px; overflow:hidden; text-indent:-1000px; width:573px; } #thankYouText { clear:both; line-height:180%; padding:20px 0 159px 281px; } #thankYouContent h2 { clear:both; } #thankYouReturn { clear:both; } #thankYouReturn a:visited, #thankYouReturn a:active, #thankYouReturn a { background:url(../images/thankyou_returntohomepage.jpg) no-repeat 0px 0px; display:block; height:25px; overflow:hidden; text-indent:-1000px; width:142px; } #thankYouReturn a:visited:hover, #thankYouReturn a:hover { } #sorryContent { background:url(../images/thankyou_image.jpg) no-repeat left bottom; clear:none; color:#fff; float:right; padding:30px 20px 0 0 ; width:650px; } #sorryContent h1 { background:url(../images/thankyou_fail.jpg) no-repeat 0px 0px; clear:both; display:block; height:61px; overflow:hidden; text-indent:-1000px; width:637px; } #sorryContent h2 { clear:both; } #thankYouDownload { clear:none; float:right; padding:0 20px 0 0; width:630px; } #memberDownload { clear:none; float:right; padding:20px 20px 0 0; width:680px; } #thankYouRight { clear:none; float:right; padding:0 20px 0 0; width:630px; } /*======================*/ /*-------- shop --------*/ /*======================*/ #shopCart { background:transparent url(../images/basket.png) no-repeat 0px 0px; position:absolute; height:130px; padding:165px 0 0 0; right:20px; width:124px; top:0px; z-index:690; } #shopCartText { clear:both; height:48px; padding:23px 0 10px 0; } #shopCartNumber { clear:both; text-align:center; } #shopCartTotal { clear:both; text-align:center; } #shopCartView { clear:both; padding:0 0 0 20px; } #shopCartView a:visited, #shopCartView a:active, #shopCartView a { background:url(../images/viewcart.png) no-repeat 0px 0px; display:block; height:22px; overflow:hidden; text-indent:-1000px; width:85px; } #shopCartView a:visited:hover, #shopCartView a:hover { } #shopCartBuy { clear:both; padding:8px 0 0 20px; } #shopCartBuy a:visited, #shopCartBuy a:active, #shopCartBuy a { background:url(../images/checkout.jpg) no-repeat 0px 0px; display:block; height:42px; overflow:hidden; text-indent:-1000px; width:85px; } #shopCartBuy a:visited:hover, #shopCartBuy a:hover { } #shopContent { clear:none; color:#fff; float:right; padding:35px 0 0 0; width:715px; } #shopContent h1 { background:transparent url(../images/theshop.jpg) no-repeat 0px 0px; clear:both; height:33px; overflow:hidden; text-indent:-1000px; width:107px; } /*---- large item */ #purpleLarge { } #purpleLarge .largeItem { background:#000 url(../images/shop_largeitem_middle_purple.jpg) repeat-y 0px 0px; clear:both; position:relative; width:685px; } #purpleLarge .largeItemTop{ background:transparent url(../images/shop_largeitem_top_purple.jpg) no-repeat 0px 0px; clear:both; width:685px; } #purpleLarge .largeItemBottom{ background:transparent url(../images/shop_largeitem_bottom_purple.jpg) no-repeat 0px 0px; clear:both; height:20px; width:685px; } #purpleLarge .largeItemMin{ clear:none; float:right; height:200px; width:10px; } #purpleLarge .largeItemContent{ clear:none; float:left; width:670px; } #purpleLarge .largeItemAdd a{ background:transparent url(../images/shop_largeitem_addtocart_purple.png) no-repeat 0px 0px; } #redLarge { } #redLarge .largeItem { background:#000 url(../images/shop_largeitem_middle_red.jpg) repeat-y 0px 0px; clear:both; position:relative; width:685px; } #redLarge .largeItemTop { background:transparent url(../images/shop_largeitem_top_red.jpg) no-repeat 0px 0px; clear:both; width:685px; } #redLarge .largeItemBottom{ background:transparent url(../images/shop_largeitem_bottom_red.jpg) no-repeat 0px 0px; clear:both; height:20px; width:685px; } #redLarge .largeItemMin{ clear:none; float:right; height:200px; width:10px; } #redLarge .largeItemContent{ clear:none; float:left; width:670px; } #redLarge .largeItemAdd a{ background:transparent url(../images/shop_largeitem_addtocart_red.png) no-repeat 0px 0px; } #blueLarge { } #blueLarge .largeItem { background:#000 url(../images/shop_largeitem_middle.jpg) repeat-y 0px 0px; clear:both; position:relative; width:685px; } #blueLarge .largeItemTop{ background:transparent url(../images/shop_largeitem_top.jpg) no-repeat 0px 0px; clear:both; width:685px; } #blueLarge .largeItemBottom{ background:transparent url(../images/shop_largeitem_bottom.jpg) no-repeat 0px 0px; clear:both; height:20px; width:685px; } #blueLarge .largeItemMin{ clear:none; float:right; height:200px; width:10px; } #blueLarge .largeItemContent{ clear:none; float:left; width:670px; } #blueLarge .largeItemAdd a{ background:transparent url(../images/shop_largeitem_addtocart.png) no-repeat 0px 0px; } #greenLarge { } #greenLarge .largeItem { background:#000 url(../images/shop_largeitem_middle_green.jpg) repeat-y 0px 0px; clear:both; position:relative; width:685px; } #greenLarge .largeItemTop{ background:transparent url(../images/shop_largeitem_top_green.jpg) no-repeat 0px 0px; clear:both; width:685px; } #greenLarge .largeItemBottom{ background:transparent url(../images/shop_largeitem_bottom_green.jpg) no-repeat 0px 0px; clear:both; height:20px; width:685px; } #greenLarge .largeItemMin{ clear:none; float:right; height:200px; width:10px; } #greenLarge .largeItemContent{ clear:none; float:left; width:670px; } #greenLarge .largeItemAdd a{ background:transparent url(../images/shop_largeitem_addtocart_green.png) no-repeat 0px 0px; } .largeItemLeft { clear:none; float:left; padding:26px 0 0 17px; width:265px; } .largeItemTitle { clear:both; font-weight:bold; } .largeItemSubtitle { clear:both; font-style:italic; padding:5px 0 0 0; } .largeItemText { clear:both; color:#797979; padding:8px 0 0 0; } .largeItemButton { clear:both; padding:10px 0 0 0; } .largeItemImage { clear:none; float:right; padding:23px 16px 0 0; } .largeItemAdd { position:absolute; right:-10px; top:-30px; } .largeItemAdd a:visited, .largeItemAdd a:active, .largeItemAdd a { display:block; height:93px; overflow:hidden; text-indent:-1000px; width:94px; } .largeItemAdd a:visited:hover, .largeItemAdd a:hover { } /*---- small item */ .smallItem { clear:none; float:left; padding:20px 0 0 0; position:relative; width:170px; } .smallItemTop { clear:both; height:170px; position:relative; } .smallItemMask { height:170px; position:absolute; width:167px; z-index:180; } .smallItemMask img { border:0; } .smallItemUnder { background:#fff; height:170px; position:absolute; left:2px; width:164px; z-index:179; } .smallItemImage { clear:both; height:94px; padding:22px 0 0 18px; } .smallItemAdd { clear:both; height:50px; } .smallItemBottom { clear:both; width:165px; } .smallItemTitle { clear:both; text-align:center; font-weight:bold; } .smallItemTitle a:visited, .smallItemTitle a:active, .smallItemTitle a { color:#fff; text-decoration:none; } .smallItemTitle a:visited:hover, .smallItemTitle a:hover { color:#fff; text-decoration:underline; } .smallItemSubtitle { clear:both; text-align:center; font-style:italic; } .smallItemSubtitle a:visited, .smallItemSubtitle a:active, .smallItemSubtitle a { color:#fff; text-decoration:none; } .smallItemSubtitle a:visited:hover, .smallItemSubtitle a:hover{ color:#fff; text-decoration:underline; } .smallItemPrice { clear:both; text-align:center; font-weight:bold; } .smallItemPrice a:visited, .smallItemPrice a:active, .smallItemPrice a { color:#fff; text-decoration:none; } .smallItemPrice a:visited:hover, .smallItemPrice a:hover { color:#fff; text-decoration:underline; } .backgroundpurple { background:#6d2a79; } .backgroundred { background:#e00027; } .backgroundgreen { background:#00894a; } .backgroundblue { background:#0090d2; } .backgroundmulti { background:url(../images/multicolourstar.jpg) no-repeat 0px 0px; } /*---- purple */ .smallItemButtonmulti { position:absolute; left:38px; top:140px; z-index:181; } .smallItemButtonmulti a:visited, .smallItemButtonmulti a:active, .smallItemButtonmulti a{ background:url(../images/addtocart_multi.jpg) no-repeat 0px 0px; display:block; height:19px; overflow:hidden; text-indent:-1000px; width:87px; } .smallItemButtonmulti a:visited:hover, .smallItemButtonmulti a:hover{ } /*---- purple */ .smallItemButtonpurple { position:absolute; left:38px; top:140px; z-index:181; } .smallItemButtonpurple a:visited, .smallItemButtonpurple a:active, .smallItemButtonpurple a{ background:url(../images/addtocart_purple.jpg) no-repeat 0px 0px; display:block; height:19px; overflow:hidden; text-indent:-1000px; width:87px; } .smallItemButtonpurple a:visited:hover, .smallItemButtonpurple a:hover{ } /*---- red */ .smallItemButtonred { position:absolute; left:38px; top:140px; z-index:181; } .smallItemButtonred a:visited, .smallItemButtonred a:active, .smallItemButtonred a { background:url(../images/addtocart_red.jpg) no-repeat 0px 0px; display:block; height:19px; overflow:hidden; text-indent:-1000px; width:87px; } .smallItemButtonred a:visited:hover, .smallItemButtonred a:hover{ } /*---- green */ .smallItemButtongreen { position:absolute; left:38px; top:140px; z-index:181; } .smallItemButtongreen a:visited, .smallItemButtongreen a:active, .smallItemButtongreen a { background:url(../images/addtocart_green.jpg) no-repeat 0px 0px; display:block; height:19px; overflow:hidden; text-indent:-1000px; width:87px; } .smallItemButtongreen a:visited:hover, .smallItemButtongreen a:hover{ } /*---- blue */ .smallItemButtonblue { position:absolute; left:38px; top:140px; z-index:181; } .smallItemButtonblue a:visited, .smallItemButtonblue a:active, .smallItemButtonblue a { background:url(../images/addtocart_blue.jpg) no-repeat 0px 0px; display:block; height:19px; overflow:hidden; text-indent:-1000px; width:87px; } .smallItemButtonblue a:visited:hover, .smallItemButtonblue a:hover{ } .smallItemOutpurple { background:transparent url(../images/outofstock_purple.jpg) no-repeat 0px 0px; height:19px; left:38px; overflow:hidden; position:absolute; text-indent:-1000px; top:140px; width:87px; z-index:181; } .smallItemOutred { background:transparent url(../images/outofstock_red.jpg) no-repeat 0px 0px; height:19px; left:38px; overflow:hidden; position:absolute; text-indent:-1000px; top:140px; width:87px; z-index:181; } .smallItemOutgreen { background:transparent url(../images/outofstock_green.jpg) no-repeat 0px 0px; height:19px; left:38px; overflow:hidden; position:absolute; text-indent:-1000px; top:140px; width:87px; z-index:181; } .smallItemOutblue { background:transparent url(../images/outofstock_blue.jpg) no-repeat 0px 0px; height:19px; left:38px; overflow:hidden; position:absolute; text-indent:-1000px; top:140px; width:87px; z-index:181; } /*======================*/ /*------- cart ---------*/ /*======================*/ #cartContent { clear:none; float:right; width:715px; } #cartContent h1 { background:url(../images/your_shopping_cart.jpg) no-repeat; clear:both; height:32px; overflow:hidden; text-indent:-1000px; width:239px; } #cartFull { clear:both; padding:20px 0 0 22px; width:693px; } #cartTopMenu { clear:both; padding:10px 25px 0 0; } #cartTopMenu button { background:transparent url(../images/button_updatecart.jpg) no-repeat; border:0; color:#000; display:block; height:26px; overflow:hidden; text-indent:-1000px; width:107px; } #cartTopMenu a:visited, #cartTopMenu a:active, #cartTopMenu a { background:url(../images/button_continueshopping.jpg) no-repeat 0px 0px; color:#fff; display:block; height:26px; overflow:hidden; text-indent:-1000px; width:141px; } #cartTopMenu a:visited:hover, #cartTopMenu a:hover { } .cartTopButton { clear:none; float:right; } #cartTop { border-bottom:3px solid #000; clear:both; padding:11px 0 5px 30px; width:655px; } #cartTopItem { background:url(../images/cartfull_item.jpg) no-repeat 0px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:238px; } #cartTopUnit { background:url(../images/cartfull_unitprice.png) no-repeat 0px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:102px; } #cartTopQuantity { background:url(../images/cartfull_quantity.jpg) no-repeat 0px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:74px; } #cartTopPrice { background:url(../images/cartfull_price.jpg) no-repeat 38px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:115px; } #cartTopRemove { background:url(../images/cartfull_remove.jpg) no-repeat 0px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:96px; } #cartItems { clear:both; padding:4px 0 0 0; } .cartItem { border-bottom:1px solid #000; clear:both; padding:0 0 0 30px; width:655px; } .cartItemTitle { clear:none; float:left; padding:14px 0 12px 0; width:247px; } .cartItemUnit { clear:none; float:left; padding:14px 40px 12px 0; text-align:right; width:64px; } .cartItemQuantity { clear:none; float:left; padding:12px 0 12px 0; width:66px; } .cartItemPrice { clear:none; float:left; padding:12px 39px 0 0; text-align:right; width:80px; } .cartItemRemove { clear:none; float:left; padding:12px 0 12px 29px; width:50px; } .cartItemRemove a:visited, .cartItemRemove a:active, .cartItemRemove a { background:url(../images/cartfull_removex.gif) no-repeat 0px 0px; display:block; height:22px; overflow:hidden; text-indent:-1000px; width:18px; } .cartItemRemove a:visited:hover, .cartItemRemove a:hover { } #cartDelivery { clear:both; padding:40px 0 0 30px; } #cartDelivery select { margin:3px 0 0 6px; } #cartDeliveryCountry { clear:none; float:left; padding:0 40px 0 0; } #cartDeliveryCountry label{ background:url(../images/cartfull_deliverycountry.jpg) no-repeat 0px 0px; clear:none; display:block; float:left; height:24px; overflow:hidden; text-indent:-1000px; width:123px; } #cartDeliveryOptions { clear:none; float:left; } #cartDeliveryOptions label{ background:url(../images/cartfull_deliveryoptions.jpg) no-repeat 0px 0px; clear:none; display:block; float:left; height:23px; overflow:hidden; text-indent:-1000px; width:116px; } #cartBottom { clear:both; padding:13px 0 0 30px; } #cartBottomTotal { clear:none; float:left; } #cartBottomTotalTitle { background:url(../images/cartfull_totalorder.jpg) no-repeat 0px 3px; clear:none; float:left; height:29px; overflow:hidden; text-indent:-1000px; width:166px; } #cartBottomTotalAmount { clear:none; float:left; padding:5px 0 0 10px; } #cartBottomCheckOut { clear:none; float:right; padding:0 30px 0 0; } #cartBottomCheckOut button{ background:url(../images/cartfull_checkout.jpg) no-repeat 0px 3px; border:0; display:block; height:29px; overflow:hidden; text-indent:-1000px; width:154px; } #cartDeliveryInfo { font-style:italic; } #cartEmpty { clear:both; padding:30px 0 0 0; text-align:center; width:100%; } /*======================*/ /*------ confirm -------*/ /*======================*/ #confirmContent { clear:none; float:right; padding:35px 0 0 0; width:715px; } #confirmBox { clear:both; padding:40px 0 0 30px; width:685px; } #confirmContent h1 { background:url(../images/pagetitle_checkout.jpg) no-repeat 0px 0px; clear:both; height:32px; overflow:hidden; text-indent:-1000px; width:594px; } #confirmContent h2 { background:url(../images/title_orderdetails.jpg) no-repeat 28px 0px; border-bottom:3px solid #000; clear:both; height:44px; overflow:hidden; text-indent:-1300px; width:670px; } .confirmItem { border-bottom:1px solid #000; clear:both; padding:8px 0 8px 30px; width:640px; } #confirmPrices { border-bottom:3px solid #000; border-top:2px solid #000; clear:both; padding:10px 0 10px 30px; width:640px; } #confirmDelivery { border-bottom:3px solid #000; clear:both; padding:10px 0 10px 30px; width:640px; } #confirmDelivery a:visited, #confirmDelivery a:active, #confirmDelivery a { color:#000; font-weight:bold; text-decoration:none; } #confirmDelivery a:visited:hover, #confirmDelivery a:hover{ color:#000; text-decoration:underline; } #confirmDelivery button { background:0; border:0; margin:0; padding:0; font-weight:bold; } #confirmDeliveryLeft { clear:none; float:left; width:300px; } #confirmDeliveryRight { clear:none; float:right; line-height:150%; width:300px; } #confirmBottom { clear:both; padding:10px 0 0 30px; width:640px; } #confirmBottomLeft { clear:none; float:left; width:300px; } #confirmBottomLeftTitle { background:url(../images/confirm_totalorderamount.png) no-repeat 0px 6px; clear:none; float:left; height:37px; overflow:hidden; text-indent:-1000px; width:164px; } #confirmBottomLeftAmount{ clear:none; float:left; padding:0 0 0 5px; } #confirmBottomRight { clear:none; float:right; height:28px; width:89px; } #confirmBottomRight button{ background:url(../images/confirm_paynow.png) no-repeat 0px 0px; border:0; display:block; height:28px; overflow:hidden; text-indent:-1000px; width:89px; } /*======================*/ /*---- member area -----*/ /*======================*/ #memberContent { clear:none; float:right; padding:35px 0 0 0; width:680px; } #memberContent h1 { background:url(../images/pagetitle_membersarea.jpg) no-repeat 0px 0px; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:173px; } #memberContentText { clear:both; color:#fff; padding:20px 0 0 0; } #memberContentText strong{ color:#0090d2; } #memberContentText ul { padding:0 0 0 20px; } /*======================*/ /*------- profile ------*/ /*======================*/ #profileContent { clear:none; float:right; padding:35px 0 0 0; width:680px; } #profileContent h1 { background:url(../images/pagetitle_editprofile.jpg) no-repeat 0px 0px; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:150px; } #profilePassword { background:url(../images/profile_changepassword.png) no-repeat 0px 0px; clear:both; height:41px; overflow:hidden; text-indent:-1000px; width:683px; } #profileUpdate { background:url(../images/profile_updateinformation.png) no-repeat 0px 0px; clear:both; height:41px; overflow:hidden; text-indent:-1000px; width:683px; } /*======================*/ /*- signin / register --*/ /*======================*/ #loginMessage { color:#fff; position:absolute; right:158px; top:213px; } #loginMessage a:visited, #loginMessage a:active, #loginMessage a { color:#fff; text-decoration:underline; } #loginMessage a:visited:hover, #loginMessage a:hover { color:#fff; text-decoration:none; } #registerReminder { clear:both; padding:6px 0 0 206px; } #registerReminderLink { clear:none; float:left; padding:8px 15px 0 0; } #registerReminder a:visited, #registerReminder a:active, #registerReminder a { color:#000; text-decoration:none; } #registerReminder a:visited:hover, #registerReminder a:hover{ color:#000; text-decoration:underline; } #signinContent { clear:none; float:right; padding:35px 0 0 0; width:715px; } #signinContent h1 { background:url(../images/pagetitle_signupregister.jpg) no-repeat 0px 0px; clear:both; display:block; height:36px; overflow:hidden; text-indent:-1000px; width:469px; } #signinForm { clear:both; padding:53px 0 0 23px; } #registerForm { clear:both; padding:6px 0 0 23px; } #registerTitle { background:url(../images/register_title.jpg) no-repeat 0px 0px; height:55px; overflow:hidden; text-indent:-1000px; width:677px; } .registerField { clear:both; padding:10px 0 0 0; } .registerField label { clear:none; color:#000; float:left; padding:4px 0 0 0; width:155px; } .registerField input { border:0; clear:none; float:left; height:20px; padding:4px 0 0 4px; width:255px; } .registerField select { clear:none; float:left; margin:0 5px 0 0; } .registerField .error { clear:none; color:#EF0000; float:left; padding:0 0 0 5px; } .registerCheck .error { color:#EF0000; padding:0 0 0 5px; } .registerCheck { clear:both; padding:10px 61px 0 0; } .registerCheck a:visited, .registerCheck a:active, .registerCheck a { color:#000; } .registerCheck a:visited:hover, .registerCheck a:hover { color:#000; } .registerFieldNormal { background:url(../images/register_field_normal.jpg) no-repeat 0px 0px; } .registerFieldPass { background:url(../images/register_field_normal.jpg) no-repeat 0px 0px; } .registerFieldFail { background:url(../images/register_field_fail.jpg) no-repeat 0px 0px; } .formInfo { clear:both; font-style:italic; padding:4px 0 8px 155px; } #signinButton { clear:none; float:left; } #signinButton button { border:0; background:url(../images/button_signin.png) no-repeat 0px 0px; display:block; height:25px; overflow:hidden; text-indent:-1000px; width:74px; } #registerButton { clear:both; padding:10px 0 0 320px; } #registerButton button { border:0; background:url(../images/button_register.png) no-repeat 0px 0px; display:block; height:28px; overflow:hidden; text-indent:-1000px; width:94px; } .registerReminder { clear:both; padding:4px 0 0 155px; } .registerReminder a:visited, .registerReminder a:active, .registerReminder a { color:#000; text-decoration:none; } .registerReminder a:visited:hover, .registerReminder a:hover{ color:#000; text-decoration:underline; } /*======================*/ /*-------- terms -------*/ /*======================*/ #termsContent { clear:none; float:right; width:690px; } #termsContent h1 { background:url(../images/pagetitle_termsandconditions.jpg) no-repeat; clear:both; height:32px; overflow:hidden; text-indent:-1000px; width:258px; } #termsContentText { clear:both; color:#fff; padding:20px 0 0 0; } /*======================*/ /*------ privacy -------*/ /*======================*/ #privacyContent { clear:none; float:right; width:690px; } #privacyContent h1 { background:url(../images/pagetitle_privacypolicy.jpg) no-repeat; clear:both; height:32px; overflow:hidden; text-indent:-1000px; width:167px; } /*======================*/ /*---- contact us ------*/ /*======================*/ #contactContent { clear:none; float:right; width:715px; } #contactContent h1 { background:url(../images/pagetitle_contactus.jpg) no-repeat; clear:both; height:32px; overflow:hidden; text-indent:-1000px; width:239px; } .contactSmallBox { background:transparent url(../images/contact_smallbox.jpg) no-repeat 0px 0px; color:#fff; clear:both; position:relative; width:682px; } .contactSmallBoxMin { clear:none; float:right; height:165px; width:10px; } .contactSmallContent { clear:none; float:left; padding:20px 0 0 20px; width:600px; } .contactSmallBox a:visited, .contactSmallBox a:active, .contactSmallBox a { color:#fff; text-decoration:none; } .contactSmallBox a:visited:hover, .contactSmallBox a:hover{ color:#fff; text-decoration:underline; } .contactLargeBox { background:transparent url(../images/contact_largebox.jpg) no-repeat 0px 0px; color:#fff; clear:both; position:relative; width:682px; } .contactLargeBoxMin { clear:none; float:right; height:420px; width:10px; } .contactLargeContent { clear:none; float:left; padding:20px 0 0 20px; width:600px; } .contactField { clear:both; padding:10px 0 0 0; } .contactField label { clear:none; float:left; padding:5px 0 0 0; width:140px; } .contactField input { border:0; clear:none; float:left; height:20px; padding:4px 0 2px 3px; width:252px; } .contactField textarea { border:0; clear:none; float:left; font-family:arial; height:119px; padding:4px; width:246px; } .contactField .error { clear:none; color:#ff0808; float:left; padding:3px 0 0 10px; } .contactFieldNormal { background:url(../images/contact_field_normal.jpg) no-repeat 0px 0px; } .contactFieldPass { background:url(../images/contact_field_pass.jpg) no-repeat 0px 0px; } .contactFieldFail { background:url(../images/contact_field_fail.jpg) no-repeat 0px 0px; } .contactTextNormal { background:#fff; } .contactTextPass { background:url(../images/contact_text_pass.jpg) no-repeat 0px 0px; } .contactTextFail { background:url(../images/contact_text_fail.jpg) no-repeat 0px 0px; } .contactButton { background:url(../images/contact_button_background.jpg) no-repeat 0px 19px; clear:both; padding:10px 0 0 259px; } .contactButton button { background:url(../images/contact_button.jpg) no-repeat 0px 0px; border:0; height:25px; overflow:hidden; text-indent:-1000px; width:105px; } #contactFormTitle { background:url(../images/contact_form_title.jpg) no-repeat 0px 10px; clear:both; height:33px; overflow:hidden; padding:10px 0 0 0; text-indent:-1000px; width:372px; } #titleGeneralContact { background:url(../images/contact_generalcontact.jpg) no-repeat 0px 0px; height:21px; position:absolute; overflow:hidden; right:15px; text-indent:-1000px; top:6px; width:129px; } #titleEnquiries { background:url(../images/contact_enquiries.jpg) no-repeat 0px 0px; height:21px; position:absolute; overflow:hidden; right:15px; text-indent:-1000px; top:6px; width:129px; } #titleForm { background:url(../images/contact_contactform.jpg) no-repeat 0px 0px; height:21px; position:absolute; overflow:hidden; right:15px; text-indent:-1000px; top:6px; width:129px; } #contactMessage { background:url(../images/contact_message.jpg) no-repeat 100px 50px; display:block; height:109px; overflow:hidden; padding:50px 0 0 100px; text-indent:-1000px; width:428px; } /*======================*/ /*------- popup --------*/ /*======================*/ /*---- purple */ #popupPurple { z-index:982; position: absolute; left: 200px; top:100px; background:url(../images/popup_purple.png) no-repeat 0px 0px; visibility:hidden; } #popupBackPurple { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentPurple { clear:both; padding:8px 0 0 0; height:713px; width:723px; } #popupClosePurple { position:absolute; right:70px; top:30px; } #popupClosePurple a:visited, #popupClosePurple a:active, #popupClosePurple a { background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupClosePurple a:visited:hover, #popupClosePurple a:hover{ } #popupPurple #popupPrice{ color:#6D2A79; } #popupPurple #popupImage{ } #popupPurple #popupTitle{ color:#6D2A79; } #popupPurple #popupSubtitle{ color:#6D2A79; } #popupPurple #popupContent{ color:#6D2A79; } #popupPurple #popupAdd { clear:both; padding:0 0 0 288px; } #popupPurple #popupAdd a:visited, #popupPurple #popupAdd a:active, #popupPurple #popupAdd a{ background:url(../images/popup_addtocart_purple.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } #popupPurple #popupAdd a:visited:hover, #popupPurple #popupAdd a:hover{ } #popupPurple button { border:0; background:url(../images/popup_addtocart_purple.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } /*---- multi */ #popupMulti { z-index:982; position: absolute; left: 200px; top:100px; background:url(../images/popup_multi.png) no-repeat 0px 0px; visibility:hidden; } #popupBackMulti { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentMulti { clear:both; padding:8px 0 0 0; height:713px; width:723px; } #popupCloseMulti { position:absolute; right:70px; top:30px; } #popupCloseMulti a:visited, #popupCloseMulti a:active, #popupCloseMulti a { background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseMulti a:visited:hover, #popupCloseMulti a:hover{ } #popupMulti #popupPrice{ color:#6D2A79; } #popupMulti #popupImage{ } #popupMulti #popupTitle{ color:#6D2A79; } #popupMulti #popupSubtitle{ color:#6D2A79; } #popupMulti #popupContent{ color:#6D2A79; } #popupMulti #popupAdd { clear:both; padding:0 0 0 288px; } #popupMulti #popupAdd a:visited, #popupMulti #popupAdd a:active, #popupMulti #popupAdd a{ background:url(../images/popup_addtocart_purple.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } #popupMulti #popupAdd a:visited:hover, #popupMulti #popupAdd a:hover{ } #popupMulti button { border:0; background:url(../images/popup_addtocart_purple.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } /*---- green */ #popupGreen { z-index:982; position: absolute; left: 200px; top:100px; background:url(../images/popup_green.png) no-repeat 0px 0px; visibility:hidden; } #popupBackGreen { z-index:980; position:absolute; left:0; top:0; background:#000; width:100%; height:100%; visibility:hidden; } #popupContentGreen { clear:both; padding:8px 0 0 0; height:713px; width:723px; } #popupCloseGreen { position:absolute; right:70px; top:30px; } #popupCloseGreen a:visited, #popupCloseGreen a:active, #popupCloseGreen a { background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseGreen a:visited:hover, #popupCloseGreen a:hover{ } #popupGreen #popupPrice{ color:#00894A; } #popupGreen #popupImage{ } #popupGreen #popupTitle{ color:#00894A; } #popupGreen #popupSubtitle{ color:#00894A; } #popupGreen #popupContent{ color:#00894A; } #popupGreen #popupAdd { clear:both; padding:0 0 0 288px; } #popupGreen #popupAdd a:visited, #popupGreen #popupAdd a:active, #popupGreen #popupAdd a{ background:url(../images/popup_addtocart_green.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } #popupGreen #popupAdd a:visited:hover, #popupGreen #popupAdd a:hover{ } #popupGreen button { border:0; background:url(../images/popup_addtocart_green.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } /*---- blue */ #popupBlue { z-index:982; position: absolute; left: 200px; top:100px; background:url(../images/popup_blue.png) no-repeat 0px 0px; visibility:hidden; } #popupBackBlue { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentBlue { clear:both; padding:8px 0 0 0; height:713px; width:723px; } #popupCloseBlue { position:absolute; right:70px; top:30px; } #popupCloseBlue a:visited, #popupCloseBlue a:active, #popupCloseBlue a { background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseBlue a:visited:hover, #popupCloseBlue a:hover { } #popupBlue #popupPrice { color:#0090D2; } #popupBlue #popupImage { } #popupBlue #popupTitle { color:#0090D2; } #popupBlue #popupSubtitle{ color:#0090D2; } #popupBlue #popupContent{ color:#0090D2; } #popupBlue #popupAdd { clear:both; padding:0 0 0 288px; } #popupBlue #popupAdd a:visited, #popupBlue #popupAdd a:active, #popupBlue #popupAdd a{ background:url(../images/popup_addtocart_blue.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } #popupBlue #popupAdd a:visited:hover, #popupBlue #popupAdd a:hover{ } #popupBlue button { border:0; background:url(../images/popup_addtocart_blue.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } /*---- red */ #popupRed { z-index:982; position: absolute; left: 200px; top:100px; background:url(../images/popup_red.png) no-repeat 0px 0px; visibility:hidden; } #popupBackRed { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentRed { clear:both; padding:8px 0 0 0; height:713px; width:723px; } #popupCloseRed { position:absolute; right:70px; top:30px; } #popupCloseRed a:visited, #popupCloseRed a:active, #popupCloseRed a { background:transparent url(../images/popup_close.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseRed a:visited:hover, #popupCloseRed a:hover { } #popupRed #popupPrice { color:#e00027; } #popupRed #popupImage { } #popupRed #popupTitle { color:#e00027; } #popupRed #popupSubtitle{ color:#e00027; } #popupRed #popupContent { color:#e00027; } #popupRed #popupAdd { clear:both; padding:0 0 0 288px; } #popupRed #popupAdd a:visited, #popupRed #popupAdd a:active, #popupRed #popupAdd a { background:url(../images/popup_addtocart_red.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } #popupRed #popupAdd a:visited:hover, #popupRed #popupAdd a:hover{ } #popupRed button { border:0; background:url(../images/popup_addtocart_red.jpg) no-repeat 0px 0px; display:block; height:71px; overflow:hidden; text-indent:-1000px; width:133px; } /*---- */ #popupPrice { clear:both; font-weight:bold; padding:10px; text-align:center; } #popupImage { clear:both; text-align:center; } #popupImage img { border:1px solid #000; } #popupTitle { clear:both; font-weight:bold; text-align:center; } #popupSubtitle { clear:both; font-style:italic; text-align:center; } #popupContent { clear:both; color:#000; padding:0 147px; text-align:center; } #popupAdd { clear:both; } #popupSelect { clear:both; text-align:center; } /*======================*/ /*------ reminder ------*/ /*======================*/ #reminderContent { clear:none; float:right; width:690px; } #reminderContent h1 { background:url(../images/pagetitle_passwordreminder.jpg) no-repeat 0px 0px; clear:both; height:31px; overflow:hidden; text-indent:-1000px; width:241px; } #reminderContentText { clear:both; padding:40px 37px 0 39px; } #reminderForm { clear:both; padding:6px 0 0 39px; } #reminderButton { clear:both; padding:7px 0 46px 280px; } #reminderButton button { background:url(../images/button_reminder.png) no-repeat 0px 0px; border:0; clear:both; display:block; height:29px; overflow:hidden; text-indent:-1000px; width:133px; } #reminderMessage { clear:both; font-weight:bold; padding:20px 0 10px 39px; } #submitButton { clear:both; padding:7px 0 46px 336px; } #submitButton button { background:url(../images/button_submit.png) no-repeat 0px 0px; border:0; clear:both; display:block; height:26px; overflow:hidden; text-indent:-1000px; width:76px; } #resetContent { clear:none; float:right; width:690px; } #resetContent h1 { background:url(../images/pagetitle_resetpassword.jpg) no-repeat 0px 0px; clear:both; height:31px; overflow:hidden; text-indent:-1000px; width:241px; } /*======================*/ /*------ download ------*/ /*======================*/ #downloadBoxes { clear:both; color:#fff; list-style:none; padding:20px 0 0 0; } #downloadBoxes li { clear:none; float:left; height:93px; padding:0 5px 0 5px; position:relative; width:200px; } .downloadBoxTop { position:absolute; display:block; z-index:402; height:93px; width:200px; } .downloadBoxTop a:visited, .downloadBoxTop a:active, .downloadBoxTop a, .downloadBoxTop a:visited:hover, .downloadBoxTop a:hover { background:url(../images/download_mask.png) no-repeat 0px 0px; display:block; height:95px; overflow:hidden; text-indent:-1000px; width:200px; } .downloadBoxBottom { position:absolute; z-index:400; height:93px; width:200px; } .downloadBoxClick { color:#fff; position:absolute; bottom:6px; right:16px; z-index:401; } .downloadBoxImage { clear:none; float:left; } .downloadBoxTitle { clear:none; float:left; text-align:right; height:85px; padding:8px 8px 0 0; width:97px; } .purple .downloadBoxTitle{ background:url(../images/download_purple.jpg) no-repeat 0px 0px; display:block; } .green .downloadBoxTitle{ background:url(../images/download_green.jpg) no-repeat 0px 0px; display:block; } .red .downloadBoxTitle{ background:url(../images/download_red.jpg) no-repeat 0px 0px; display:block; } .blue .downloadBoxTitle{ background:url(../images/download_blue.jpg) no-repeat 0px 0px; display:block; } .mixed .downloadBoxTitle{ background:url(../images/download_mixed.jpg) no-repeat 0px 0px; display:block; } /*======================*/ /*------- pagebox ------*/ /*======================*/ .pageBox { background:url(../images/pageboxcenter.jpg) repeat-y 0px 0px; clear:both; width:723px; } .pageBoxMain { background:url(../images/pagebox_top.jpg) no-repeat 0px 0px; clear:both; } .pageBoxBottom { background:url(../images/pagebox_bottom.jpg) no-repeat 0px 0px; clear:both; height:136px; width:723px; } /*======================*/ /*--- manage address ---*/ /*======================*/ #addressContent { clear:none; float:right; padding:35px 0 0 0; width:715px; } #titleAddAddress { background:url(../images/pagetitle_addaddress.jpg) no-repeat 0px 0px; height:32px; overflow:hidden; text-indent:-1000px; width:152px; } #titleEditAddress { background:url(../images/pagetitle_editaddress.jpg) no-repeat 0px 0px; height:32px; overflow:hidden; text-indent:-1000px; width:156px; } #addressForm { clear:both; padding:31px 0 0 43px; } #saveButton { clear:both; padding:10px 0 0 350px; } #saveButton button { background:url(../images/button_save.jpg) no-repeat 0px 0px; border:0; display:block; height:26px; overflow:hidden; text-indent:-1000px; width:62px; } /*======================*/ /*--------- faq --------*/ /*======================*/ #faqContent { clear:none; float:right; width:690px; } #faqContent h1 { background:url(../images/pagetitle_faq.jpg) no-repeat; clear:both; height:31px; overflow:hidden; text-indent:-1000px; width:324px; } #faqs { clear:both; color:#fff; padding:20px 0 0 0; } .faq { border-bottom:1px solid #fff; clear:both; padding:10px 0 10px 0; } .faqQuestion { clear:both; font-weight:bold; padding:0 0 8px 0; } .red .faqQuestion { color:#E00027; } .blue .faqQuestion { color:#0090d2; } .green .faqQuestion { color:#007743; } .purple .faqQuestion { color:#722c7f; } .faqAnswer { clear:both; line-height:150%; } /*======================*/ /*------ footer -------*/ /*======================*/ #homeFooter { background:transparent url(../images/home_footer.jpg) no-repeat center 0px; clear:both; } #homeFooterContent { clear:both; margin:0 auto; padding:150px 0 30px 0; width:980px; } #otherFooter { background:transparent url(../images/otherfooter.jpg) no-repeat center 118px; clear:both; } #otherFooterContent { clear:both; margin:0 auto; padding:80px 0 30px 0; width:980px; } #socialIcons { clear:both; } #socialIcons a:visited, #socialIcons a:active, #socialIcons a { clear:none; float:left; margin:0 10px 0 0; } #socialIcons a:visited:hover, #socialIcons a:hover { } #socialIcons img { border:0; } #otherFooterCredits { clear:both; color:#fff; padding:20px 0 0 0; } #otherFooterCredits a:visited, #otherFooterCredits a:active, #otherFooterCredits a { color:#fff; padding:0; margin:0; text-decoration:underline; } #otherFooterCredits a:visited:hover, #otherFooterCredits a:hover{ color:#fff; text-decoration:none; } #footerCredits { clear:none; float:right; color:#fff; padding:10px 0 0 0; width:550px; text-align:right; } #footerCredits a:visited, #footerCredits a:active, #footerCredits a { clear:none; float:right; color:#fff; padding:0; margin:0; text-decoration:underline; } #footerCredits a:visited:hover, #footerCredits a:hover { color:#fff; text-decoration:none; } #footerNews { background:transparent url(../images/footer_news.png) no-repeat 0px 0px; clear:both; height:58px; padding:31px 0 0 22px; width:980px; } #footerLinks { clear:both; padding:20px 0 0 0;} #footerLinks ul { clear:none; float:left; list-style:none; padding:0 20px 0 0; } #footerLinks li { color:#fff; font-weight:bold; } #footerLinks a:visited, #footerLinks a:active, #footerLinks a { color:#fff; font-weight:normal; text-decoration:none; } #footerLinks a:visited:hover, #footerLinks a:hover { color:#fff; font-weight:normal; text-decoration:underline; } #footerNews { color:#fff; } #tickerNews { color:#fff; height:20px; position:relative; overflow:hidden; width:722px; } #tickerTextNews { position:absolute; } /*======================*/ /*------- flash --------*/ /*======================*/ #flash { color:#fff; height:264px; position:absolute; top:0; left:300px; width:370px; } .flashTitle { clear:both; font-weight:bold; line-height:100%; padding:30px 70px 0 70px; } .flashSubtitle { clear:both; padding:6px 70px 0 70px; } .flashContent { clear:both; padding:6px 70px 0 70px; } .flashContent p { padding:0 0 10px 0; } .flashContent a:visited, .flashContent a:active, .flashContent a { color:#fff; text-decoration:underline; } .flashContent a:visited:hover, .flashContent a:hover { color:#fff; text-decoration:none; } /*---- purple */ #flash .purple { background:transparent url(../images/flash_purple.jpg) no-repeat 0px 0px; height:264px; } /*---- blue */ #flash .blue { background:transparent url(../images/flash_blue.jpg) no-repeat 0px 0px; height:264px; } /*---- red */ #flash .red { background:transparent url(../images/flash_red.jpg) no-repeat 0px 0px; height:264px; } /*---- red killer */ #flash .redkiller { background:transparent url(../images/flash_red_killer.jpg) no-repeat 0px 0px; height:264px; } /*---- green */ #flash .green { background:transparent url(../images/flash_green.jpg) no-repeat 0px 0px; height:264px; } /*======================*/ /*----- side menu ------*/ /*======================*/ .sideMenu { position:absolute; width:270px; } .sideMenu ul { list-style:none; } .sideMenu li { clear:both; } .sideMenu a:visited, .sideMenu a:active, .sideMenu a { background:transparent; display:block; color:#fff; height:35px; padding:6px 0 0 20px; width:245px; text-decoration:none; } .sideMenu a:visited:hover, .sideMenu a:hover { background-repeat:no-repeat; color:#fff; text-decoration:none; } .sideMenuLarge { font-weight:bold; } .sideMenuSmall { font-style:italic; } a .sideMenuSmall { color:#fff; } /*---- purple */ .sideMenu .purple a:visited, .sideMenu .purple a:active, .sideMenu .purple a { } .sideMenu .purple a:visited:hover, .sideMenu .purple a:hover{ background-image:url(../images/sidemenu_purple.png); color:#722c7f; } .sideMenu .purple .selected{ background-image:url(../images/sidemenu_purple.png); color:#722c7f; } /*---- blue */ .sideMenu .blue a:visited, .sideMenu .blue a:active, .sideMenu .blue a { } .sideMenu .blue a:visited:hover, .sideMenu .blue a:hover { background-image:url(../images/sidemenu_blue.png); color:#0090d2; } .sideMenu .blue .selected{ background-image:url(../images/sidemenu_blue.png); color:#0090d2; } /*---- red */ .sideMenu .red a:visited, .sideMenu .red a:active, .sideMenu .red a { } .sideMenu .red a:visited:hover, .sideMenu .red a:hover { background-image:url(../images/sidemenu_red.png); color:#e60004; } .sideMenu .red .selected{ background-image:url(../images/sidemenu_red.png); color:#e60004; } /*---- green */ .sideMenu .green a:visited, .sideMenu .green a:active, .sideMenu .green a { } .sideMenu .green a:visited:hover, .sideMenu .green a:hover{ background-image:url(../images/sidemenu_green.png); color:#007743; } .sideMenu .green .selected{ background-image:url(../images/sidemenu_green.png); color:#007743; } /*======================*/ /*------- menu ---------*/ /*======================*/ .menu { clear:none; float:right; position:relative; width:340px; } .menu a:visited, .menu a:active, .menu a { background-position:0px 0px; background-repeat:no-repeat; color:#fff; display:block; height:36px; margin:0 0 0 20px; padding:20px 0 0 40px; position:absolute; text-decoration:none; width:198px; z-index:20; } .menu a:visited:hover, .menu a:hover { background-position:0px 0px; color:#fff; padding:20px 0 0 40px; margin:0 0 0 0px; position:absolute; text-decoration:none; width:238px; z-index:21; } /*---- purple */ .menu .purple { } .menu .purple :visited, .menu .purple :active, .menu .purple , .menu .purple :visited:hover, .menu .purple :hover { background-image:url(../images/menu_purple.png); } /*---- blue */ .menu .blue { } .menu .blue :visited, .menu .blue :active, .menu .blue , .menu .blue :visited:hover, .menu .blue :hover { background-image:url(../images/menu_blue.png); } /*---- red */ .menu .red { } .menu .red :visited, .menu .red :active, .menu .red , .menu .red :visited:hover, .menu .red :hover { background-image:url(../images/menu_red.png); } /*---- green */ .menu .green { } .menu .green :visited, .menu .green :active, .menu .green , .menu .green :visited:hover, .menu .green :hover { background-image:url(../images/menu_green.png); } /*======================*/ /*---- partners --------*/ /*======================*/ #partContent { clear:none; float:right; width:695px; } #partContent h1 { background: url(../images/partnersTitle.jpg) no-repeat; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:112px; } #titleCoursesForm { background: url(../images/coursesForm.jpg) no-repeat 0px 0px; height:19px; position:absolute; overflow:hidden; right:31px; text-indent:-1000px; top:6px; width:105px; } .smallPartText { border-bottom:1px solid #FFF; color:#FFF; font-style:italic; font-size:12px; } #partLogos { background:#FFF; clear:both; margin-top:5px; } #partLogos img { border:0;} .partLogo { clear:none; float:left; height:75px; padding:2px 13px; width:119px; } #partDownload { clear:both; padding:18px 0 38px 18px; } .partContent { color:#FFF; padding:10px 0 0 0; width:675px; } .blue .partContent strong { color:#0090d2; } .red .partContent strong { color:#e60004; } .purple .partContent strong { color:#722c7f; } .green .partContent strong { color:#007743; } .partLargeBox { background:transparent url(../images/contact_largebox.jpg) no-repeat 0px 0px; color:#fff; clear:both; position:relative; width:682px; } .partLargeContent { clear:none; float:left; padding:20px 0 0 20px; width:600px; } #partnersMessage { background:url(../images/partners_form_message.jpg) no-repeat 100px 50px; display:block; height:157px; overflow:hidden; padding:50px 0 0 100px; text-indent:-1000px; width:431px; } /*======================*/ /*--- corporate days ---*/ /*======================*/ #corpContent { clear:none; float:right; width:715px; } #corpContent h1 { background: url(../images/pagetitle_corporatedays.jpg) no-repeat; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:319px; } #titleCorporateForm { background: url(../images/corporate_form.jpg) no-repeat 0px 0px; height:19px; position:absolute; overflow:hidden; right:31px; text-indent:-1000px; top:6px; width:126px; } #coporateMessage { background:url(../images/corporate_form_message.jpg) no-repeat 100px 50px; display:block; height:194px; overflow:hidden; padding:50px 0 0 100px; text-indent:-1000px; width:431px; } /*======================*/ /*-- event organisers --*/ /*======================*/ #eventOrganisersContent { clear:none; float:right; width:715px; } #eventOrganisersContent h1{ background: url(../images/pagetitle_eventorganisers.jpg) no-repeat; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:197px; } #titleEventForm { background: url(../images/eventsform.jpg) no-repeat 0px 0px; height:19px; position:absolute; overflow:hidden; right:31px; text-indent:-1000px; top:6px; width:105px; } .eventLargeBox { background:transparent url(../images/contact_largebox.jpg) no-repeat 0px 0px; color:#fff; clear:both; position:relative; width:682px; } .eventLargeContent { clear:none; float:left; padding:20px 0 0 20px; width:600px; } .eventContent { } #noEvents { clear:both; color:#fff; font-style:italic; padding:10px 0 0 0; } /*======================*/ /*---- events --------*/ /*======================*/ #eventsContent { clear:none; float:right; width:672px; } #eventsContent h1 { background:transparent url(../images/pagetitle_event.jpg) no-repeat 0px 0px; clear:both; height:36px; overflow:hidden; text-indent:-1000px; width:216px; } #eventTitle { background:url(../images/eventlist.jpg) no-repeat 0px 0px; clear:both; float:right; height:20px; overflow:hidden; padding:0px 0 10px 0; text-indent:-1000px; width:672px; } .eventMain { color:#FFF; clear:both; padding:12px 0 0 0; } .blue .eventMain strong { color:#0090d2; } .red .eventMain strong { color:#e60004; } .purple .eventMain strong { color:#722c7f; } .green .eventMain strong { color:#007743; } .eventRecord { color:#FFF; clear:both; width:715px; } .eventLeft { clear:none; float:left; width:520px; } .eventSubLeft { color:#FFF; clear:none; font-size:11px; float:left; padding:9px 0 0 3px; width:115px; } .eventSubRight { clear:none; float:left; width:400px; } .eventText { color: #FFF; clear:both; font-size:13px; padding-top:8px; } .eventText a:visited, .eventText a:active, .eventText a { color: #FFF; text-decoration:none; } .eventText a:visited:hover, .eventText a:hover { color:#FFF; text-decoration:underline; } .eventStatusText { clear:both; font-size:15px; font-weight:bold; padding-top:7px; } .purple .eventStatusText { color:#722c7f; } .green .eventStatusText { color:#007743; } .blue .eventStatusText { color:#0090d2; } .red .eventStatusText { color:#e60004; } .eventHeader { clear:both; font-size:20px; font-weight:bold; padding-left:3px; } .purple .eventHeader { color:#722c7f; } .green .eventHeader { color:#007743; } .blue .eventHeader { color:#0090d2; } .red .eventHeader { color:#e60004; } .eventRight { clear:none; float:left; width:150px; } .eventImage { clear:none; float:right; height:146px; width:146px; } .purple .eventImage { border:2px solid #722c7f; } .green .eventImage { border:2px solid #007743; } .blue .eventImage { border:2px solid #0090d2; } .red .eventImage { border:2px solid #e60004; } .eventTicketsLink { clear:both; font-size:13px; font-style:italic; padding:14px 0 0 3px; } .eventTicketsLink a:visited, .eventTicketsLink a:active, .eventTicketsLink a { text-decoration:none; } .eventTicketsLink a:visited:hover, .eventTicketsLink a:hover { text-decoration:underline; } .purple .eventTicketsLink a { color:#722c7f; } .green .eventTicketsLink a { color:#007743; } .blue .eventTicketsLink a { color:#0090d2; } .red .eventTicketsLink a { color:#e60004; } .eventSeparator { background:url(../images/eventseparator.jpg) no-repeat 0px 0px; height:18px; overflow:hidden; text-indent:-1000px; width:671px; } #deliveryError { clear:both; color:#FF0000; padding:10px 0; text-align:center; } /*======================*/ /*---- 404 --------*/ /*======================*/ #errorContent { clear:both; } #errorHeader { background:url(../images/404Header.jpg) no-repeat 0px 0px; clear:both; display:block; height:90px; margin:0 auto; overflow:hidden; text-indent:-1000px; width:368px; } #insideErrorContent { float:right; padding-right:250px; width:400px; } .errorText { color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:10px 18px; } #errorLogo { background:url(../images/kangarilaLine.jpg) no-repeat 0px 0px; clear:both; height:31px; margin:0 auto; overflow:hidden; text-indent:-1000px; width:369px; } #errorSuggested { background:url(../images/suggestedlinks.jpg) no-repeat 18px 0px; clear:both; height:23px; overflow:hidden; text-indent:-1000px; width:138px; } .errorLinks { color:#FFF; clear:both; font-style:italic; padding:5px 0 0 18px; } .errorLinks a:visited, .errorLinks a:active, .errorLinks a { clear:both; color:#FFF; text-decoration:none; } .errorLinks a:visited:hover, .errorLinks a:hover { clear:both; color:#FFF; text-decoration:underline; }