@charset "UTF-8";

/* CSS Document */

/*
    RESET, BASICS, and TOOLBOX
*/
* { margin: 0; padding: 0; }

/* html { overflow-y: scroll; } */

.floatLeft { float: left; }

.floatRight { float: right; }

.clear { clear: both; }

p { line-height: 14px; margin-top: 0px; margin-bottom: 10px; }

p.centre { text-align: center; }

p.strapline { font-size: 14px; color: #000; }

p.alt { margin-bottom: 0px; }

p strong { font-weight: bolder; color: #000; }

h1, h2, h3, h4 { font-family: Verdana, Geneva, sans-serif; margin-top: 0px; margin-bottom: 10px; }

a { text-decoration: none; color: #6b3d98; }

a:hover { color: #3e1566; }

a img { border: none; }

.replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden;/* */ }

.replace span { display:block; position:absolute; top:0px; left:0px; /*for Opera 5 and 6*/ }

#tooltip { position:absolute; background:#6b3d98; padding:0px 5px 2px; color:#FFF; display:none; font-weight: bolder; z-index: 20; }

.rolloverImage {}

a.backLink { padding-left: 20px; background-image: url(../images/back-arrow1_off.gif); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-bottom: 3px; }

a.backLink:hover { background-image: url(../images/back-arrow1_on.gif); }

body { margin: 0px; background-color: #b8a0cc; background-image: url(../images/splash/bg_repeat.jpg); background-repeat: repeat; background-position: left top; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #535353; }

.alert { color: #C00; background-image: url(../images/alert-icon.gif); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; padding-bottom: 3px; }

.alert2 { color: #C00; background-image: url(../images/alert-icon2.gif); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; padding-bottom: 3px; }

.tick2 { color: #7b3e8c; background-image: url(../images/tick-icon2.gif); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; padding-bottom: 3px; }

/* SITE CONTAINER */

#siteContainer { width: 940px; margin-right: auto; margin-left: auto; }

/* HEADER */

#header { background-image: url(../images/header_bg.png); background-repeat: no-repeat; background-position: left top; height: 113px; width: 880px; padding-top: 20px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; text-align: left; position: relative; color: #6b3d98; z-index: 1; overflow: hidden; }

* html #header { background-image: url(../images/header_bg.gif); }

#header h1, #header h1 span { height:104px; width:222px; background-image: url(../images/sugarplum_logo.gif); background-repeat: no-repeat; float: left; z-index: 10; margin: 0px; padding: 0px; }

#header h1 a { display: block; cursor:pointer;}

#CategoryIcons { height: 70px; width: 629px; position: absolute; left: 281px; top: 54px; }

.LargeIcon { }

#SearchBox { height: 30px; width: 335px; position: absolute; left: 291px; top: 20px; }

.SearchField1 { width: 206px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; height: 12px; margin-right: 9px; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; }

.SubmitBtn1 { vertical-align: middle; }

#BasketSummary { height: 18px; width: 242px; position: absolute; left: 668px; top: 20px; text-align: right; }

#BasketSummary img { vertical-align: middle; }

#BasketSummary a.basket { padding-right: 15px; background-image: url(../images/basket_icon.gif); background-repeat: no-repeat; background-position: left center; line-height: 18px; padding-top: 1px; padding-bottom: 1px; padding-left: 22px; }

/* MIDDLE CONTAINERS */

#middleContainer1 { background-image: url(../images/mainContent_bg.png); background-repeat: repeat-y; background-position: left top; width: 900px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; text-align: left; margin: 0px; }

* html #middleContainer1 { background-image: url(../images/mainContent_bg.gif); }

#middleContainer2 { background-image: url(../images/sideBar_bg.gif); background-repeat: no-repeat; padding: 0px 0px 20px; margin: 0px; }

/* SIDEBAR */

#sideBar { float: left; width: 156px; background-color: #FFF; background-image: url(../images/sideBar_bg.gif); background-repeat: no-repeat; }

#signInBox { background-color: #dcd0e6; padding: 20px 20px 10px; color: #000; }

#signInBox p { margin-bottom: 10px; }

#sideBar ul { list-style-type: none; margin-bottom: 36px; }

#sideBar li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; background-color: #ece6f2; padding-right: 3px; }

#sideBar li a { color: #6b3d98; padding-top: 12px; padding-bottom: 12px; display: block; margin-left: 20px; background-repeat: no-repeat; background-position: right center; width: 133px; }

#sideBar li a:hover { color: #FFF; }

#sideBar li a.shoes { background-image: url(../images/nav_shoes_icon_off.png); }

#sideBar li a.shoes:hover { background-image: url(../images/nav_shoes_icon_on.png); }

#sideBar li a.leotards { background-image: url(../images/nav_leotards_icon_off.png); }

#sideBar li a.leotards:hover { background-image: url(../images/nav_leotards_icon_on.png); }

#sideBar li a.skirts { background-image: url(../images/nav_skirts_icon_off.png); }

#sideBar li a.skirts:hover { background-image: url(../images/nav_skirts_icon_on.png); }

#sideBar li a.keepingWarm { background-image: url(../images/nav_keeping-warm_icon_off.png); }

#sideBar li a.keepingWarm:hover { background-image: url(../images/nav_keeping-warm_icon_on.png); }

#sideBar li a.boys { background-image: url(../images/nav_boys_icon_off.png); }

#sideBar li a.boys:hover { background-image: url(../images/nav_boys_icon_on.png); }

#sideBar li a.accessories { background-image: url(../images/nav_accessories_icon_off.png); }

#sideBar li a.accessories:hover { background-image: url(../images/nav_accessories_icon_on.png); }

#sideBar li a.gifts { background-image: url(../images/nav_gifts_icon_off.png); }

#sideBar li a.gifts:hover { background-image: url(../images/nav_gifts_icon_on.png); }

#sideBar li a.fun { background-image: url(../images/nav_fun_icon_off.png); }

#sideBar li a.fun:hover { background-image: url(../images/nav_fun_icon_on.png); }

* html #sideBar li a:hover { color: #FFF; }

* html #sideBar li a.shoes { background-image: none; }

* html #sideBar li a.shoes:hover { background-image: none; }

* html #sideBar li a.leotards { background-image: none; }

* html #sideBar li a.leotards:hover { background-image: none; }

* html #sideBar li a.skirts { background-image: none; }

* html #sideBar li a.skirts:hover { background-image: none; }

* html #sideBar li a.keepingWarm { background-image: none; }

* html #sideBar li a.keepingWarm:hover { background-image: none; }

* html #sideBar li a.boys { background-image: none; }

* html #sideBar li a.boys:hover { background-image: none; }

* html #sideBar li a.accessories { background-image: none; }

* html #sideBar li a.accessories:hover { background-image: none; }

* html #sideBar li a.gifts { background-image: none; }

* html #sideBar li a.gifts:hover { background-image: none; }

* html #sideBar li a.fun { background-image: none; }

* html #sideBar li a.fun:hover { background-image: none; }


/* CURRENT PAGE MARKERS */

#sideBar li.currentPage { background-color: #cfbae0; }

#sideBar li a.shoesCurrentPage { background-image: url(../images/nav_shoes_icon_on.png); color: #000; }

#sideBar li a.leotardsCurrentPage { background-image: url(../images/nav_leotards_icon_on.png); color: #000; }

#sideBar li a.skirtsCurrentPage { background-image: url(../images/nav_skirts_icon_on.png); color: #000; }

#sideBar li a.keepingWarmCurrentPage { background-image: url(../images/nav_keeping-warm_icon_on.png); color: #000; }

#sideBar li a.boysCurrentPage { background-image: url(../images/nav_boys_icon_on.png); color: #000; }

#sideBar li a.accessoriesCurrentPage { background-image: url(../images/nav_accessories_icon_on.png); color: #000; }

#sideBar li a.giftsCurrentPage { background-image: url(../images/nav_gifts_icon_on.png); color: #000; }

#sideBar li a.funCurrentPage { background-image: url(../images/nav_fun_icon_on.png); color: #000; }

* html #sideBar li a.shoesCurrentPage { background-image: none; }

* html #sideBar li a.leotardsCurrentPage { background-image: none; }

* html #sideBar li a.skirtsCurrentPage { background-image: none; }

* html #sideBar li a.keepingWarmCurrentPage { background-image: none; }

* html #sideBar li a.boysCurrentPage { background-image: none; }

* html #sideBar li a.accessoriesCurrentPage { background-image: none; }

* html #sideBar li a.giftsCurrentPage { background-image: none; }

* html #sideBar li a.funCurrentPage { background-image: none; }



/* MAIN CONTENT */

#mainContent { padding-top: 20px; margin-left: 176px; margin-bottom: 0px; }

* html #mainContent { margin-left: 173px; }

#mainContent h2 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; }

/* HOMEPAGE */

#homepageContent { margin-right: 20px; }

#homepagePromoArea { height: 356px; overflow: hidden; padding-bottom: 20px; }

#homepageSlideshow { height: 356px; width: 535px; }

#homepagePromos { float: right; height: 356px; width: 149px; }

.homepagePromoImage { height: 110px; width: 147px; border: 1px solid #d2c4e0; position: relative; margin-bottom: 10px; overflow: hidden; text-align: center; }

.homepagePromoRollover { background-color: #efeaf4; height: 94px; width: 131px; position: absolute; left: 0px; top: 0px; padding: 8px; color: #000; text-align: left; }

.homepagePromoRollover a { display: block; height: 92px; width: 129px; }

/* RANGE PAGE */

#rangePageContent {}

#rangePageContent h2 { margin-right: 20px; }

#rangePageContent p { margin-right: 20px; }

#rangeThumbsContainer { padding-bottom: 20px; }

#rangeThumbsContainer .productContainer { height: 225px; width: 161px; float: left; margin-right: 19px; display: inline; }

#rangeThumbsContainer .imageContainer { text-align: center; height: 161px; width: 161px; padding-bottom: 5px; }

/* DETAIL PAGE */

#detailPageContent { }

#detailPageContent .leftCol { float: left; width: 285px; }

#detailPageContent .leftCol .largeImageContainer { text-align: right; color: #000; margin-bottom: 15px; }

#detailPageContent .leftCol .largeImageContainer p { margin: 0px; padding: 0px 0px 5px; }

#detailPageContent .leftCol .largeImageContainer .largeImage { position: relative; width: 285px; text-align: center; }

#detailPageContent .leftCol .largeImageContainer .largeImage .zoomIcon { position: absolute; left: 5px; bottom: 10px; background-image: url(../images/zoom_icon.png); background-repeat: no-repeat; background-position: left top; height: 20px; width: 23px; z-index: 100; }

* html #detailPageContent .leftCol .largeImageContainer .largeImage .zoomIcon { background-image: url(../images/zoom_icon.gif); }

#detailPageContent .leftCol .colourOptions { color: #000; padding-bottom: 15px; }

#detailPageContent .leftCol .colourOptions p { margin-bottom: 5px; }

#detailPageContent .leftCol .colourOptions ul { list-style-type: none; }

#detailPageContent .leftCol .colourOptions li { display: inline; padding-right: 10px; }

#detailPageContent .leftCol .colourOptions img { border: 1px solid #6b3d98; }

#tellAFriend { padding-bottom: 25px; }

#tellAFriend .CollapsiblePanel { }

#tellAFriend .CollapsiblePanel form.userFormBox { background-color: #efeaf4; padding: 10px; border: 1px solid #d2c4e0; }

#tellAFriend .CollapsiblePanel ul { list-style-type: none; }

#tellAFriend .CollapsiblePanel li { padding-bottom: 8px; }

#tellAFriend .CollapsiblePanel li.textField label { width: 100px; float: left; font-size: 11px; color: #000; }

#tellAFriend .CollapsiblePanel li.textField2 label { width: 200px; font-size: 11px; color: #000; display: block; height: 20px; }

#tellAFriend .CollapsiblePanel li.textField input { width: 150px; }

#tellAFriend .CollapsiblePanel li.textField2 textarea { width: 250px; }

#tellAFriend .CollapsiblePanel li.remember { margin-left: 100px; font-size: 9px; }

#tellAFriend .CollapsiblePanel li.submit { margin-left: 100px; }

#detailPageContent .rightCol { margin-left: 306px; }

* html #detailPageContent .rightCol { margin-left: 303px; }

#detailPageContent .rightCol .description { margin-right: 20px; }

#detailPageContent .rightCol .description h2 { margin-bottom: 0px; }

#detailPageContent .rightCol .description h3 { font-weight: normal; color: #000; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }

#detailPageContent .rightCol .description h4 { font-size: 12px; font-weight: normal; margin-top: 0px; color: #000; margin-bottom: 0px; }

#detailPageContent .rightCol .description h5 { margin-top: 0px; margin-bottom: 10px; color: #535353; font-size: 9px; font-weight: normal; }

#detailPageContent .rightCol .fittingGuide { height: 112px; width: 127px; float: right; margin-right: 20px; display: inline; }

#detailPageContent .rightCol .fittingGuide button { background-color: #efeaf4; margin: 0px; padding: 0px; height: 111px; width: 126px; cursor:pointer; border: 1px solid #c7b6d8; }

#detailPageContent .rightCol .purchase { width: 229px; padding: 10px 10px 0px; border: 1px solid #c7b6d8; height: 100px; overflow: hidden; }

#detailPageContent .rightCol .purchase ul { list-style-type: none; }

#detailPageContent .rightCol .purchase li { padding-bottom: 10px; }

#detailPageContent .rightCol .purchase label { color: #000; font-size: 11px; }

#detailPageContent .rightCol .purchase .selectList { width: 200px; }

#detailPageContent .rightCol .relatedProducts { padding-top: 30px; }

#detailPageContent .rightCol .relatedProducts h3 { font-size: 16px; font-weight: normal; color: #000; }

.relatedProductThumbnail { height: 90px; width: 90px; border: 1px solid #d2c4e0; position: relative; margin-bottom: 10px; float: left; margin-right: 10px; display: inline; overflow: hidden; text-align: center; }

.relatedProductThumbnail a { height: 88px; width: 88px; display: block; }

.relatedProductCaption { background-color: #efeaf4; height: 80px; width: 80px; position: absolute; left: 0px; top: 0px; padding: 5px; color: #000; text-align: left; }

/* USER PROFILE PAGES */

#userProfilePage { margin-right: 20px; }

#userProfilePage .leftCol { float: left; width: 342px; }

#userProfilePage .rightCol { margin-left: 362px; }

* html #userProfilePage .rightCol { margin-left: 359px; }

#userProfilePage form.userFormBox { margin-bottom: 30px; background-color: #efeaf4; padding: 10px; border: 1px solid #d2c4e0; }

#userProfilePage ul { list-style-type: none; }

#userProfilePage li { padding-bottom: 15px; }

#userProfilePage li.textField label { width: 100px; float: left; font-size: 11px; color: #000; }

#userProfilePage li.textField input { width: 200px; }

#userProfilePage li.remember { margin-left: 100px; font-size: 9px; }

#userProfilePage li.submit { margin-left: 100px; }

.requiredField { color: #C00; }

#userProfilePage h2 { margin-bottom: 30px; }

#userProfilePage h3 { font-size: 14px; font-weight: normal; color: #000; margin-top: 15px; }

/* CHECKOUT PAGES */

#checkoutPage { margin-right: 20px; }

#checkoutPage .leftCol { float: left; width: 342px; }

#checkoutPage .rightCol { margin-left: 362px; }

* html #checkoutPage .rightCol { margin-left: 359px; }

#checkoutPage h2 { font-size: 20px; font-weight: normal; color: #000; margin-top: 0px; margin-bottom: 20px; }

#checkoutPage h3 { font-size: 14px; font-weight: normal; color: #000; margin-top: 0px; margin-bottom: 20px; }

#checkoutPage .userFormBox { margin-bottom: 12px; background-color: #efeaf4; padding: 10px; border: 1px solid #d2c4e0; }

#checkoutPage ul { list-style-type: none; }

#checkoutPage li { padding-bottom: 15px; }

#checkoutPage li.textField label { width: 100px; float: left; font-size: 11px; color: #000; }

#checkoutPage li.textField input { width: 200px; }

#checkoutPage li.textField2 label { width: 140px; float: left; font-size: 11px; color: #000; }

#checkoutPage li.textField2 input { width: 200px; }

#checkoutPage li.remember { margin-left: 100px; font-size: 9px; }

#checkoutPage li.submit { margin-left: 100px; }

#checkoutPage .checkoutBtns { }

#checkoutPage .checkoutBtns .leftCol { text-align: left; }

#checkoutPage .checkoutBtns .leftCol input { margin-right: 10px; }

#checkoutPage .checkoutBtns .rightCol { text-align: right; }

#checkoutPage .checkoutBtns .rightCol  input { margin-left: 10px; }

#checkoutPage .addressBox { border: 1px solid #c7b6d8; padding: 5px; margin-bottom: 12px; }

/* INFO PAGES */

#infoPage { margin-right: 20px; }

#infoPage .leftCol { margin-right: 248px; }

#infoPage .rightCol { float: right; width: 228px; }

.introPara { font-size: 13px; color: #000; }

.endPara { padding-bottom: 20px; }

#infoPage a { text-decoration: none; }

#infoPage h3 { font-size: 16px; font-weight: normal; color: #000; padding-top: 20px; }

#infoPage h4 { font-size: 12px; font-weight: normal; color: #000; }

#infoPage h5 { font-size: 12px; font-weight: normal; color: #000; }

#infoPage h6 { font-size: 11px; font-weight: normal; color: #000; }

#infoPage ul { list-style-type: none; padding-bottom: 10px; }

#infoPage ul li { padding-left: 12px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: left center; margin-left: 5px; }

#infoPage ol { margin-bottom: 10px; }

#infoPage ol li { margin-left: 25px; }

#infoPage ol p { font-size: 9px; }


/* FITTING GUIDES */

.fittingGuideExamples { padding-bottom: 15px; }

.fittingGuideExamples h4 { margin-bottom: 0px; }

.fittingGuideExampleBox { float: left; margin-right: 19px; display: inline; border: 1px solid #c7b6d8; padding: 5px; width: 161px; height: 171px; background-color: #efeaf4; }

.fittingGuideExampleBox2 { float: left; display: inline; border: 1px solid #c7b6d8; padding: 5px; width: 300px; height: 171px; background-color: #efeaf4; }

.fittingGuideExampleBox2 img { padding-right: 5px; }

.fittingGuideImage { text-align: center; background-color: #FFF; margin-bottom: 5px; }

.fittingGuideExampleBox3 { float: left; display: inline; border: 1px solid #c7b6d8; padding: 5px; width: 300px; height: 300px; background-color: #efeaf4; }

/* FUN */

.funDownloadsContainer { padding-bottom: 35px; height: 161px; }

.funDownloadsContainer h3 { margin-bottom: 0px; }

.funDownloadsBox { margin-right: 19px; display: inline; border: 1px solid #c7b6d8; padding: 5px; width: 161px; height: 161px; background-color: #efeaf4; float: left; }

.funDownloadsImage { text-align: center; background-color: #FFF; margin-bottom: 5px; }

.pdfDownload { padding-top: 7px; }

/* FOOTER */

#footer { background-image: url(../images/footer_bg.png); background-repeat: no-repeat; background-position: left top; width: 900px; text-align: left; padding: 0px 20px; height: 83px; }

* html #footer { background-image: url(../images/footer_bg.gif); }

#footerBar { background-image: url(../images/footer_bar_bg.gif); background-repeat: no-repeat; height: 31px; color: #FFF; }

#footerBar ul { list-style-type: none; margin-left: 20px; }

#footerBar li { display: inline; line-height: 26px; padding-right: 20px; font-size: 10px; }

#footerBar a { color: #FFF; }

#footerBar a:hover { color: #3e1566; }

#siteCredit { height: 31px; width: 100px; background-image: url(../images/be_logo_on.gif); float: right; background-repeat: no-repeat; background-position: right top; font-size: 9px; position: relative; overflow: hidden; }

#siteCredit img.off { vertical-align: middle; position: absolute; top: 0px; right: 0px; z-index: 32; }

#siteCredit img.on { vertical-align: middle; position: absolute; top: 0px; right: 0px; z-index: 31; }

#siteCredit p { margin: 0px; padding: 0px; line-height: 10px; width: 60px; position: absolute; top: 4px; left: 100px; z-index: 30; color: #ece3f3; }