@charset "utf-8";
/* CSS Document */
.BannersArea {float:left; width:945px; height:auto; background-color:#eeeeee;}
.Banners {float:left; width:945px; padding:0; margin:0 0 0 0; position:relative;}
.Banner1 {float:left; width:434px; height:225px; display:block;  font-weight:normal; color:#ffffff; text-align:left; text-decoration:none; margin:15px 0 0 20px;}
.Banner2 {float:left; width:435px; height:225px; display:block; font-weight:normal; color:#ffffff; text-align:left; text-decoration:none; margin:15px 20px 0 36px; }
.Banner3 {float:left; width:434px; height:225px; display:block; font-weight:normal; color:#444444; text-align:left; text-decoration:none;  margin:20px 0 0 20px; }
.Banner4 {float:left; width:435px; height:225px; display:block; font-weight:normal; color:#ffffff; text-align:left; text-decoration:none; margin:20px 20px 0 36px; }
.hubContainer {float:left; width:945px; height:auto; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:12px;}
.hubHeading {float:left; width:935px; height:26px; background:url('http://www.idealworld.tv/common/images/categories/garden/headingbg.jpg'); padding:5px 0 0 10px; font-weight:bold; color:#444444; font-size:16px;}

.slide {position:absolute; left:0; top:30px; height:352px; width:945px;}
.slideshow {height:352px; width:945px; float:left;}
.slideshow .buttons {display:none;}
.slideshow .buttons {display:block;	position:absolute; z-index:100;	left:780px; top:340px; margin:0; width:150px;}
.slideshow .buttons li {float:left; display:inline;	width:30px;	height:30px; margin:0; padding-left:11px; line-height:30px; background-image:url('http://www.idealworld.tv/common/images/categories/garden/buttonBg.png'); background-repeat:no-repeat;}
.slideshow .buttons li a {float:left; text-decoration:none;	width:30px;	height:30px; color:#fff; outline:0;}
.slideshow ul.buttons li a:hover {text-decoration:none; color:#0a0a0a;}
.slideshow ul.buttons li.active a:hover, .slideshow ul.buttons li.active a {color:#666666;}
.whitepodlinks {color:#fff; font-size:16px; font-weight:bold;}

.hubAdvert {list-style:none; margin:0; padding:0; width:945px; height:352px;}
.hubAdvert1 {visibility:hidden; width:315px; height:232px; background:url('http://www.idealworld.tv/common/images/categories/fashion/advert-summer.jpg'); color:#fff; padding:120px 605px 0 25px;}
.hubAdvert2 {visibility:hidden; width:275px; height:212px; background:url('http://www.idealworld.tv/common/images/categories/fashion/advert-yours.jpg'); color:#111; padding:140px 645px 0 25px;}
.hubAdvert3 {visibility:hidden; width:920px; height:52px; background:url('http://www.idealworld.tv/common/images/categories/fashion/advert4.jpg'); color:#fff; padding:300px 0 0 25px;}
.hubAdvertLadeaPOD {visibility:hidden; width:345px; height:282px; background:url('http://www.idealworld.tv/common/images/categories/fashion/advert3.jpg'); color:#ffffff; padding:70px 280px 0 320px;}
.hubAdvertPicOnly {visibility:hidden; width:945px; height:372px; color:#fff; }
.hubAdvertPicOnly img {position:relative; top:0px;}
.advertYours {width:945px; height:460px; display:block;}
.hubAdvertTextLinks {color:#fff; font-weight:bold;}
.hubAdvertTextLinks:hover, .hubAdvertTextLinksBlack:hover {text-decoration:underline;}
.hubAdvertTextLinksBlack {color:#111; text-decoration:none; font-weight:bold;}
.hubGreyArea {float:left; width:945px; height:auto; background-color:#eeeeee; padding-bottom:15px;}
.hubCategories {float:left; width:945px; height:auto; margin:15px 0 10px 0;}
.hubCategory1 {float:left; width:173px; height:auto; margin-left:20px; text-align:center;}
.hubCategory2 {float:left; width:173px; height:auto; margin-left:10px; text-align:center;}
.hubCategory3 {float:left; width:173px; height:auto; margin-left:10px; text-align:center;}
.hubCategory4 {float:left; width:173px; height:auto; margin-left:10px; text-align:center;}
.hubCategory5 {float:left; width:173px; height:auto; margin-left:10px; text-align:center;}
.hubCategoryA {float:left; width:215px; height:auto; margin:15px 0 0 20px; text-align:center;}
.hubCategoryB {float:left; width:215px; height:auto; margin:15px 0 0 15px; text-align:center;}
.hubCategoryC {float:left; width:215px; height:auto; margin:15px 0 0 15px; text-align:center;}
.hubCategoryD {float:left; width:215px; height:auto; margin:15px 0 0 15px; text-align:center;}
.hubCategoryText {margin:5px 0 0 0; padding:0;}
.hubCategoryText a {font-weight:bold; text-decoration:none; color:#444444;}
.hubCategoryText a:hover {text-decoration:underline;}
.hubKarcherLink {width:530px; height:352px; display:block; position:absolute; top:0px; left:415px;}

.hubCarouselArea {float:left; width:945px; height:250px; background-color:#ffffff; text-align:center;}
.previousbtn, .nextbtn {text-decoration:none; color:#444; cursor:pointer;}
.hubPrevious {margin-top:15px; float:left; font-size:14px; margin-left:20px; background:url('http://www.idealworld.tv/common/images/categories/home/previous.png') no-repeat; padding:3px 0 0 25px; height:20px;}
.hubNext {margin-top:15px; float:right; font-size:14px; margin-right:20px; background:url('http://www.idealworld.tv/common/images/categories/home/next.png') no-repeat; padding:3px 25px 0 0; height:20px; text-align:right; background-position:right;}
.hubCarousel {float:left; width:905px !important; margin:0 20px 0 20px; padding:0; overflow:hidden; visibility:visible; position:relative; z-index:2; height:193px;}
.hubCarousel ul {list-style:none; margin:0; padding:0; height:193px; z-index:1; width:925px;}
.hubCarousel li {height:193px; width:199px; float:left; overflow:hidden; margin-right:36px; margin-top:4px;}
.hubCarousel li img {border:none;}

/* Styling for the unordered list and list items */
.brandsRight {border-right:none !important;}
.brandsBrandName {font-size:14px; color:#2794f1; text-decoration:none;}
.brandsUl {width:945px; height:auto; margin:10px 0 10px 0; padding:0; float:left;}
.brandsUl img {border:none;}
.brandsUl li {float:left; height:158px; width:168px; list-style:none; text-align:center; font-size:12px; padding:5px 20px 10px 20px;}

.bodyshapes {float:left; width:945px; background-color:#FFFFFF; height:auto; margin:15px 0 15px 0;}
.bodyshape {float:left; width:157px; height:195; text-align:center;}
.bodyshapesText {margin:5px 0 0 0; padding:0;}
.bodyshapesText a {font-weight:bold; text-decoration:none; color:#444444;}
.bodyshapesText a:hover {text-decoration:underline;}
.big-shape {float:left; width:251px; background-color:#eeeeee; height:570; margin:15px 0 0 0;}
.shape-copyarea {float:left; width:664px; height:auto; text-align:left; margin:15px 15px 15px 15px;}
.shapecopy-header {float:left; font-weight:bold; color:#cc3366; font-size:18px;}
.shape-categories {float:left; width:945px; background-color:#eeeeee; height:auto; margin:15px 0 15px 0;}
.shape-category {float:left; width:230px; height:195; margin:20px 0 0 5px; text-align:center;}
.tips-number {float:left; width:31px;}
.tips-text {float:left; text-align:left; padding-left:10px; width:623px;}
.shape-intro {float:left; width:850px; height:auto; color:#666666; font-size:16px; text-align:left; margin:15px 80px 15px 15px;}

.hubBannerLeft {float:left; width:434px; height:auto; padding:20px 0 0 20px; text-align:center;}
.hubBannerRight {float:right; width:434px; height:auto; padding:20px 20px 0 0; text-align:center;}
