.componentFAQ .searchKeywords:after, .componentMedia .featuredMedia:after, .componentMedia .mediaList li:after, .componentMedia .mediaList .socialSharing:after, .componentProductDisplay .tabs:after, .viewOtherPacks:after, .screen:after, .productDetails:after, .componentProductDisplay .reviewList li:after,.componentCartUpdated:after,.componentUpgrade:after, .rte:after {content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;} .componentFAQ .searchKeywords, .componentMedia .featuredMedia, .componentMedia .mediaList li, .componentMedia .mediaList .socialSharing, .componentProductDisplay .tabs, .viewOtherPacks, .screen, .productDetails, .componentProductDisplay .reviewList li,.componentCartUpdated,.componentUpgrade, .rte {display: inline-block;} /*\*/ .componentFAQ .searchKeywords, .componentMedia .featuredMedia, .componentMedia .mediaList li, .componentMedia .mediaList .socialSharing, .componentProductDisplay .tabs, .viewOtherPacks, .screen, .productDetails, .componentProductDisplay .reviewList li,.componentCartUpdated,.componentUpgrade, .rte {display: block;} /*scrollable*/ .scrollable {position:relative; float:left; display:inline; overflow:hidden; padding:0px; z-index:10; } .scrollable .items {width:20000em; position:absolute; z-index:1000; clear:both; padding:0px; margin:0px;} .scrollable .items li {float:left; display:inline; cursor:pointer; text-align:center;list-style:none; margin:0px 5px;} .screen a.prevPage, .screen a.nextPage {float:left; display:inline; cursor:pointer;} .screen a.nextPage {clear:right;} .screen a.prevPage:hover, .screen a.nextPage:hover {background-position:0px -100px;} .screen a.disabled, .screen a.disabled:hover {visibility:hidden;} .scrollable .itemThumb,.scrollable .itemName {display:block; text-align:center;} /*shadeGuarantee*/ .shadeGuarantee {border-top:1px solid #e5e5e5; position:relative; padding-top:15px;margin-top:10px; } .shadeGuarantee h2 {height:32px; text-indent:-999em; cursor:pointer; } /*shadeGuaranteeExtraInfo*/ .shadeGuaranteeExtraInfo {width:305px; top:47px; left:0px; } .shadeGuaranteeExtraInfo .top {width:100%; height:11px; font-size:0.1em;} .shadeGuaranteeExtraInfo ul {padding:20px 20px 10px 20px;} .shadeGuaranteeExtraInfo li {list-style:none; margin:0px; padding-bottom:10px;} /*rte*/ .rte {line-height:1.4em;} .rte h1 {font-size:2.15em; font-weight:normal; line-height:normal;} .rte h2 {font-size:1.5em; font-weight:normal; line-height:normal;} .rte h2.subtle {font-size:1.4em; line-height:1.2em;} .rte h2.sectionHeading {padding:12px; margin-bottom:20px; background:white url('../images/bg/sectionHeadingH2.png') repeat-x 0px bottom;} .rte h3 {font-size:1.15em; line-height:1.3em; font-weight:bold; } .rte li, .rte ol ul li {list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 30px;} .rte li.noListType {list-style-type:none;} .rte ol li, .rte ol ol li {list-style-type:decimal;} .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte ul,.rte ol,.rte dl,.rte fieldset,.rte table {margin-bottom:15px;} .rte table table {margin-bottom:0px;} .rte p.intro {font-size:1.15em; line-height:1.3em;} .rte .center {text-align:center;} .rte .centerLatestInfo {text-align:center;padding:10px 20px 0 10px;} .rte .noMargin {margin-bottom:5px;} .rte .borderBottom {padding-bottom:15px; border-bottom:1px solid #e5e5e5;} .rte td {vertical-align:top;} .rte ul ul, .rte ol ul {margin:5px 0px;} .rte a:hover {text-decoration:underline;} /*--------------------------------------------------------------------------*/ /*****COMPONENT RTE*****/ /*--------------------------------------------------------------------------*/ .componentRTE {margin-bottom:20px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT HOMEPAGE FLASH*****/ /*--------------------------------------------------------------------------*/ .componentHomeHero {width:950px; overflow:hidden; position:relative;} .componentHomeHero h1 {margin:0px; position:relative; } .componentHomeHero h1 a {position:absolute; bottom:0px; left:0px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT HOMEPAGE NEWS*****/ /*--------------------------------------------------------------------------*/ .componentHomeNews h2 {margin-bottom:15px;} .componentHomeNews h3 {margin-bottom:15px;} .componentHomeNews li {float:left; display:inline; margin:0px; list-style:none;} .componentHomeNews li.featured .thumb {display:block; margin-bottom:20px;} .componentHomeNews p.mediaDate {font-size:0.85em; margin-bottom:0px;} /*.componentHomeNews h3 {font-size:1.6em; font-weight:normal; line-height:1.1em; margin-bottom:0px; padding-bottom: 5px; }*/ .componentHomeNews h4 {margin-bottom:0px;} .componentHomeNews p {line-height:1.4em; margin-bottom:0px;} .componentHomeNews a.more {display:block; padding-bottom:10px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT HOMEPAGE SUBSCRIBE*****/ /*--------------------------------------------------------------------------*/ .componentHomeSubscribe p {font-size:0.95em;} .componentHomeSubscribe fieldset ul {margin-bottom:0px;} .componentHomeSubscribe fieldset li {list-style-type:none; margin:0px;} .componentHomeSubscribe fieldset input.text {border:0px; margin-bottom:5px;} .componentHomeSubscribe .validationSummary ul.show {padding-bottom:10px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT TELL A FRIEND*****/ /*--------------------------------------------------------------------------*/ .componentTellAFriend {margin-bottom:20px;} .componentTellAFriend .tellAFriendForm {margin-bottom:20px;} .componentTellAFriend .tellAFriendForm fieldset {padding-top:15px; border-top:1px solid #E5E5E5;} .componentTellAFriend .tellAFriendForm fieldset ul {margin-bottom:0px;} .componentTellAFriend .tellAFriendForm fieldset li {padding-bottom:10px;} .componentTellAFriend .tellAFriendForm .cta {width:500px;} .componentTellAFriend .tellAFriendForm .cta .btnSubmit {width:113px; height:41px; margin:0px auto; display:block;} /*step 1: your friend info and step 3 : your info*/ .componentTellAFriend .tellAFriendForm .fieldsetYourFriendInfo li, .componentTellAFriend .tellAFriendForm .fieldsetYourInfo li {float:left; display:inline; width:250px;} .componentTellAFriend .tellAFriendForm .fieldsetYourFriendInfo label, .componentTellAFriend .tellAFriendForm .fieldsetYourInfo label {display:block; padding-bottom:3px;} .componentTellAFriend .tellAFriendForm .fieldsetYourFriendInfo input.text, .componentTellAFriend .tellAFriendForm .fieldsetYourInfo li input.text {width:210px;} /*step 2: select a message*/ .componentTellAFriend .tellAFriendForm .fieldsetMessageInfo li input, .componentTellAFriend .tellAFriendForm .fieldsetMessageInfo li label {float:left; display:inline;} .componentTellAFriend .tellAFriendForm .fieldsetMessageInfo li label {width:500px; margin-left:10px; line-height:1.4em;} .componentTellAFriend .tellAFriendForm .fieldsetMessageInfo textarea {width:460px; height:125px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT MGM*****/ /*--------------------------------------------------------------------------*/ .componentMGM {margin-bottom:20px;} .componentMGM .MGMForm {padding-bottom:20px;} .componentMGM .MGMForm table {width: 390px; margin-left:143px;} .componentMGM .MGMForm table tr {height: 29px;} .componentMGM .MGMForm table tr .title { color: white; font-size:16px; font-weight:bold;} .componentMGM .MGMForm table tr .emailLook a { font-size: 14px; color: White; } .componentMGM .MGMForm table td input {height: 21px;} .componentMGM .MGMForm table td .friendName{width: 145px; margin-right:10px; } .componentMGM .MGMForm table td .friendEmail{width: 200px;} .componentMGM .MGMForm table td .btnSubmit {width: 104px; height: 33px; margin:0px auto; display:block; margin-top: 7px; } .componentMGM .MGMForm fieldset {padding-top:15px; border-top:1px solid #E5E5E5;} .componentMGM .MGMForm fieldset ul {margin-bottom:0px;} .componentMGM .MGMForm fieldset li {padding-bottom:10px;} .componentMGM .MGMForm .cta {width:500px;} .componentMGM .MGMForm .fieldsetMGMInfo li, .componentMGM .MGMForm .fieldsetYourInfo li {float:left; display:inline; width:250px;} .componentMGM .MGMForm .fieldsetMGMInfo label, .componentMGM .MGMForm .fieldsetYourInfo label {display:block; padding-bottom:3px;} .componentMGM .MGMForm .fieldsetMGMInfo input.text, .componentMGM .MGMForm .fieldsetYourInfo li input.text {width:210px;} .componentMGM .MGMForm .fieldsetMessageInfo li input, .componentMGM .MGMForm .fieldsetMessageInfo li label {float:left; display:inline;} .componentMGM .MGMForm .fieldsetMessageInfo li label {width:500px; margin-left:10px; line-height:1.4em;} .componentMGM .MGMForm .fieldsetMessageInfo textarea {width:460px; height:125px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT SEND YOUR STORY*****/ /*--------------------------------------------------------------------------*/ .componentSendStory {margin-bottom:20px;} .componentSendStory p {line-height:1.4em;} .componentSendStory p.short {width:400px; } .componentSendStory p.thankyou {text-align: center; font-size: 1.4em;} .componentSendStory .clearer {border-bottom:1px solid #E5E5E5; padding-bottom:20px; margin-bottom:20px;} .componentSendStory .clearer p {font-size:1.16em;} .componentSendStory .clearer img.imageRight {float:right; margin:10px 0px 0px 20px;} /*fieldset*/ .componentSendStory fieldset .clearer {padding-bottom:10px; margin-bottom:5px;} .componentSendStory fieldset .clearer li {list-style-type:none; margin:0px;float:left; display:inline; } /*your information*/ .componentSendStory .fieldsetYourInfo li {width:255px; padding-bottom:10px;} .componentSendStory .fieldsetYourInfo li label {display:block; padding:0px 0px 3px 0px;} .componentSendStory .fieldsetYourInfo li select {height:22px; border:1px solid #CCCCCC;} .componentSendStory .fieldsetYourInfo li input.text {width:215px;} .componentSendStory .fieldsetYourInfo li.infoTitle {width:100%;} .componentSendStory .fieldsetYourInfo li.infoEmail {position:relative;} .componentSendStory .fieldsetYourInfo li.infoEmail .help {position:absolute; top:0px; left:225px;} .componentSendStory .fieldsetYourInfo li.infoEmail div.show {display:block;} .componentSendStory .fieldsetYourInfo li.infoPhone {width:175px; position:relative;} .componentSendStory .fieldsetYourInfo li.infoPhone .help {position:absolute; top:0px; left:145px;} .componentSendStory .fieldsetYourInfo li.infoPhone div.show {display:block;} .componentSendStory .fieldsetYourInfo li.infoPhone input.text {width:135px;} .componentSendStory .fieldsetYourInfo li.infoAge {width:120px;} .componentSendStory .fieldsetYourInfo li.infoAge input.text {width:40px;} .componentSendStory .fieldsetYourInfo li.infoGender label.gender {display:block; padding:0px 0px 3px 0px;} .componentSendStory .fieldsetYourInfo li.infoGender span {display:inline;} .componentSendStory .fieldsetYourInfo li.infoGender span label {display:inline; line-height:22px; padding:0px 15px 0px 5px;} .componentSendStory .fieldsetYourInfo li.infoStory {width:510px;} .componentSendStory .fieldsetYourInfo li.infoStory textarea {width:465px; height:135px;} /*file upload*/ .componentSendStory .fieldsetYourPhotos li {width:100%; padding-bottom:3px;} .componentSendStory .fieldsetYourPhotos li.last {padding-bottom:15px;} .componentSendStory .fieldsetYourPhotos li label {font-size:1.16em; width:100px; line-height:31px;} .componentSendStory .fieldsetYourPhotos li .input_file_holder {width:340px; height:31px; float:left; display:inline; position:relative; z-index:0 !important;} .componentSendStory .fieldsetYourPhotos li .input_file_holder input.file { width:215px; height:18px; padding:2px; border:1px solid #cccccc; margin:4px 15px 0px 0px; background:transparent url('../images/bg/inputText.gif') repeat 0px 0px;} .componentSendStory .fieldsetYourPhotos li .input_file_holder div {z-index:0 !important;} .componentSendStory .fieldsetYourPhotos li.datePhoto {padding-bottom:15px;} .componentSendStory .fieldsetYourPhotos li.datePhoto label {width:auto; float:none; display:block; margin-bottom:3px;} .componentSendStory .fieldsetYourPhotos li.datePhoto input {width:215px;} /*cta*/ .componentSendStory .cta {padding-bottom:30px; margin-bottom:20px;} .componentSendStory .cta .btnSubmit {width:113px; height:41px; border:0px; cursor:pointer; margin:0px auto; display:block; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;} /*address*/ .componentSendStory address {font-style:normal; font-weight:bold;} /*--------------------------------------------------------------------------*/ /*****COMPONENT MEDIA *****/ /*--------------------------------------------------------------------------*/ .componentMedia {margin-bottom:20px;} .componentMedia h2.sectionHeading {padding:12px; margin-bottom:20px; color:#0096d6; background:white url('../images/bg/sectionHeadingH2.png') repeat-x 0px bottom;} .componentMedia .mediaDate {font-size:0.95em; color:#999;} .componentMedia .cta {display:block;} /*current media / video playing*/ .componentMedia .featuredMedia {padding-bottom:20px; } .componentMedia .featuredMediaLeftColumn {float:left; display:inline; width:380px;} .componentMedia .featuredMediaRightColumn {float:right; display:inline; width:255px; line-height:1.4em;} .componentMedia .featuredMediaRightColumnTyeNone {float:right; display:inline; line-height:1.4em;width:655px;} .componentMedia .featuredMedia h1 {line-height:1.1em;} .componentMedia .featuredMedia .media {width:380px; height:250px; overflow:hidden;} /*detailedMedia*/ .componentMedia .detailedMedia .clearer div {float:right; display:inline; width:150px;} .componentMedia .detailedMedia .clearer div.mediaTitle {float:left; width:495px; } .componentMedia .detailedMedia .clearer h1 {margin-bottom:3px;} .componentMedia .detailedMedia .rte {padding-bottom:20px;} .componentMedia .detailedMediaVideo {padding-bottom:25px;} .componentMedia .detailedMediaVideo .media {width:380px; height:280px; overflow:hidden; margin:0px auto;} /*news / celebrity listing*/ .componentMedia .mediaList li {list-style:none; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; border-bottom:1px solid #E5E5E5;} .componentMedia .mediaList .mediaListRightColumn {float:right; display:inline; width:465px; line-height:1.4em;} .componentMedia .mediaList .mediaListLeftColumn {float:left; display:inline; width:185px;} .componentMedia .mediaList h3 {margin-bottom:3px; font-size:1.5em; font-weight:normal;} .componentMedia .mediaList .thumb {border:1px solid #E5E5E5; margin-bottom:10px;} /*social sharing*/ .componentMedia dl.socialSharing, .componentMedia dl.socialSharing ul{margin:0px;} .componentMedia dl.socialSharing dt, .componentMedia dl.socialSharing dd {float:left; display:inline; height:26px;} .componentMedia dl.socialSharing dt {width:auto; padding-right:5px; line-height:26px;} .componentMedia dl.socialSharing dd {padding-left:20px; background:transparent url('../images/bg/socialSharing.png') no-repeat 0px 0px;} .componentMedia dl.socialSharing li {float:left; display:inline; width:22px; height:21px; padding:5px 0px 0px 0px; margin:0px; border-bottom:none; background:transparent url('../images/bg/socialSharingLi.png') no-repeat 0px 0px;} .componentMedia dl.socialSharing li.last {padding-right:5px; background-position:right 0px;} .componentMedia dl.socialSharing img {border:none; margin-bottom:0px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT FAQ*****/ /*--------------------------------------------------------------------------*/ .componentFAQ {margin-bottom:20px;} /*.searchKeywords*/ .componentFAQ .searchKeywords {padding:0px 0px 25px 0px; margin-bottom:0px;} .componentFAQ .searchKeywords label, .componentFAQ .searchKeywords input {float:left; display:inline; margin-right:10px;} .componentFAQ .searchKeywords input.text {width:150px;} .componentFAQ .searchKeywords input.filterBtn {width:21px; height:21px; border:0px; cursor:pointer;} .componentFAQ .searchKeywords label {line-height:22px; color:#999;} /*qa listing*/ .componentFAQ dl {line-height:1.4em;} .componentFAQ dt {font-size:1.16em; padding:10px 10px; cursor:pointer; margin-bottom:0px;} .componentFAQ dt span {display:block; font-size:0.8em; padding:2px 0px 0px 15px;} .componentFAQ dt.selected span {display:none;} .componentFAQ dd {padding:15px 25px 15px 25px; display:none;} .componentFAQ dd.show {display:block;} .componentFAQ dd fieldset {text-align:right; padding:5px 0px; margin-bottom:0px; margin-top:15px; border-top:1px solid #E5E5E5;} .componentFAQ dd fieldset label {padding-right:10px;} .componentFAQ dd fieldset input {width:45px; height:18px; cursor:pointer; border:0px; margin:0px 5px 0px 0px; padding:0px 0px 0px 11px; } .componentFAQ dd fieldset input.no {width:40px; background-position:0px -47px;} .componentFAQ .show ul { margin-left: 10px;} .componentFAQ .show ul li { list-style-type: disc; margin-left: 10px;} /*.formSubmitQuestion*/ .componentFAQ .formSubmitQuestion fieldset {display:block; margin:0px;} .componentFAQ .formSubmitQuestion fieldset ul {margin-bottom:15px;} .componentFAQ .formSubmitQuestion fieldset li {float:left; display:inline; list-style:none; margin:0px 10px 10px 0px;} .componentFAQ .formSubmitQuestion fieldset li.name, .componentFAQ .formSubmitQuestion fieldset li.email {width:200px;} .componentFAQ .formSubmitQuestion fieldset li input, .componentFAQ .formSubmitQuestion fieldset li textarea {width:160px;} .componentFAQ .formSubmitQuestion fieldset li.required { padding-top:5px; width:90px; text-align:right; margin-right:0px;} .componentFAQ .formSubmitQuestion fieldset li.question {margin:0px;} .componentFAQ .formSubmitQuestion fieldset li.question textarea {width:500px; height:80px;} .componentFAQ .formSubmitQuestion .cta {width:500px; padding-bottom:30px;} .componentFAQ .formSubmitQuestion .cta .submitBtn {width:101px; height:31px; display:block; margin:0px auto; border:0px; cursor:pointer;} /*--------------------------------------------------------------------------*/ /*****COMPONENT PRODUCT DISPLAY*****/ /*--------------------------------------------------------------------------*/ .componentProductDisplay {margin-bottom:20px;} /*---------------------*/ /*---Product Details---*/ /*---------------------*/ .componentProductDisplay .productDetails {margin-bottom:15px;} .componentProductDisplay .productDetailsLeftCol {float:left; display:inline; width:330px;} .componentProductDisplay .productDetailsRightCol {float:right; display:inline; width:305px; padding:0px 0px 0px 20px;} .componentProductDisplay h1 {font-size:1.95em; margin-bottom:15px; line-height:1.3em;} .componentProductDisplay h2 {font-size:1.25em; font-weight:bold;} .componentProductDisplay h3 {font-size:1.15em; font-weight:bold; margin-bottom:10px;} .componentProductDisplay .rte {padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #e5e5e5;} .componentProductDisplay .rte h3 {margin-top:20px;} .componentProductDisplay .rte .packIncludes li {list-style:none; margin:0px;cursor:pointer;} /*packIncludesExtraInfo*/ .componentProductDisplay .packIncludesExtraInfo {width:535px; top:275px; } /*paymentOptions*/ .componentProductDisplay .paymentOptions {padding-bottom:0px; margin-bottom:0px;} .componentProductDisplay .paymentOptions ul {margin-bottom:0px;} .componentProductDisplay .paymentOptions li {float:left; display:inline; width:100%; list-style:none; margin:0px; padding:0px 0px 3px 0px;} .componentProductDisplay .paymentOptions li table {margin-bottom:0px;} .componentProductDisplay .paymentOptions li input {margin:0px 5px 0px 0px; vertical-align:middle;} .componentProductDisplay .paymentOptions li label {font-size:1.25em;font-weight:bold;} .componentProductDisplay .paymentOptions li td {padding-bottom:5px;} .componentProductDisplay .paymentOptions li.price, .componentProductDisplay .paymentOptions li.cta {text-align:center; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;} .componentProductDisplay .paymentOptions li.cta {width:160px; height:53px; padding:5px 0px 0px 14px; background-position:right top;} .componentProductDisplay .paymentOptions li.price {width:126px; /*height:62px;*/} .componentProductDisplay .paymentOptions li.price.noShow {display:none;} .componentProductDisplay .paymentOptions li.price span.spanPrice {text-align:left;font-size:2.2em; font-weight:bold; line-height:0.65em;display:block;padding-left:16px;} .componentProductDisplay .paymentOptions li.price span.spanTotal{text-align:left;display:block;font-size:1.0em;padding:0px 0px 4px 18px;font-weight:bold;} .componentProductDisplay .paymentOptions div.rblPaymentOptions{padding:0 0 0 20px;font-size:0.95em;padding:0 0 0 25px;} .componentProductDisplay .paymentOptions li.price span.spanPnH {display:block; font-size:0.95em; font-weight:normal;padding:2px 0 0 18px;text-align:left;} .componentProductDisplay .paymentOptions li.price span.spanPnH span {font-size:1.4em; padding-bottom:2px; vertical-align:middle;} /*orderNow*/ .componentProductDisplay .orderNow ul {margin:0px;} .componentProductDisplay .orderNow li {float:left; display:inline; list-style:none; margin:0px; padding:0px; } .componentProductDisplay .orderNow li.productPrice {width:127px; height:35px; padding-top:11px; text-align:center; } .componentProductDisplay .orderNow li.productPrice.noShow {display:none;} .componentProductDisplay .orderNow .spanStdPrice {display:block; font-size:2.2em;font-weight:bold; line-height:1em; } .componentProductDisplay .orderNow .spanPnH {display:block; font-size:0.9em; font-weight:normal;} .componentProductDisplay .orderNow .spanPnH span {font-size:1.2em; padding-bottom:2px; vertical-align:middle;} .componentProductDisplay .orderNow .spanMemberPrice {display:block; font-size:2.9em; line-height:0.95em; font-weight:bold; padding-top:2px;} .componentProductDisplay .orderNow li.cta {width:160px; height:41px; padding:5px 0px 0px 18px;} .componentProductDisplay .orderNow li.memberPrice {width:120px; height:60px; padding:20px 0px 0px 5px; margin-top:20px; font-size:2.4em; line-height:1.1em; text-align:center; background-color:transparent; background-repeat:no-repeat; background-position:0px -400px;} .componentProductDisplay .orderNow li.memberPrice strong {display:block; font-size:0.35em; line-height:0.95em;} .componentProductDisplay .orderNow li.memberDesc {width:170px; height:68px; margin-top:20px; text-align:center; padding:12px 5px 0px 5px; font-size:1.1em; background-color:transparent; background-repeat:no-repeat; background-position:right -400px;} .componentProductDisplay .orderNow li.memberDesc a {display:block; font-size:0.8em;} /*clubMember*/ .componentProductDisplay .orderNow li.rrpPrice {width:305px; font-size:1.6em; padding-bottom:10px;} .componentProductDisplay .orderNow li.rrpPrice span {font-size:1.3em; padding-left:5px; vertical-align:middle;} .componentProductDisplay .orderNow .clubMember li.productPrice {height:73px; padding-top:7px; background-color:transparent; background-repeat:no-repeat; background-position:0px -400px;} .componentProductDisplay .orderNow .clubMember li.cta {height:60px; padding-top:20px; background-color:transparent; background-repeat:no-repeat; background-position:right -400px;} /*viewOtherPacks*/ .componentProductDisplay .viewOtherPacks {padding:0px 15px; margin-top:15px;} .componentProductDisplay .viewOtherPacks h2 {float:right; display:inline; width:155px; margin:5px 0px 5px 0px; font-size:1.1em;} .componentProductDisplay .viewOtherPacks a {float:right; display:inline; text-align:left; font-size:0.95em;} .componentProductDisplay .viewOtherPacks img {float:left; display:inline;} /*productShot*/ .componentProductDisplay .productShot {position:relative; height:250px; } .componentProductDisplay .productShot img {display:block; margin:0px;} .componentProductDisplay .productShot .media {position:absolute; bottom:0px; left:90px; width:136px; height:68px; overflow:hidden;} .componentProductDisplay .productShot .media a {visibility:hidden;} .componentProductDisplay .productShot .zoom {position:absolute; bottom:20px; right:20px;} /*zoomExtraInfo*/ .componentProductDisplay .zoomExtraInfo {width:768px; height:609px;} .componentProductDisplay .zoomExtraInfo .top {background-image:url('../images/bg/zoomExtraInfoTop.png');} .componentProductDisplay .zoomExtraInfo .middle {background-image:url('../images/bg/zoomExtraInfoMiddle.png');} .componentProductDisplay .zoomExtraInfo .bottom {background-image:url('../images/bg/zoomExtraInfoBottom.png');} .componentProductDisplay .zoomExtraInfo .closeExtraInfo {float:right; display:inline; padding:10px 20px 0px 0px;} .componentProductDisplay .zoomExtraInfo h3 {width:595px; padding:25px 25px 10px 85px; margin-bottom:0px; font-size:1.3em; text-align:center;} /*zoom scrollable*/ .componentProductDisplay .zoomExtraInfo .screen {padding:25px 19px; height:400px; overflow:hidden;} .componentProductDisplay .zoomExtraInfo .scrollable {width:630px; height:400px; } .componentProductDisplay .zoomExtraInfo .scrollable .items li {width:620px; height:400px;} .componentProductDisplay .zoomExtraInfo .scrollable .items li img {margin:0px; padding:0px;} .componentProductDisplay .zoomExtraInfo a.prevPage, .componentProductDisplay .zoomExtraInfo a.nextPage {width:50px; height:35px; margin-top:150px; background:white url('../images/bg/scrollLeft.gif') no-repeat 0px 0px;} .componentProductDisplay .zoomExtraInfo a.nextPage {background-image:url('../images/bg/scrollRight.gif');} .componentProductDisplay .zoomExtraInfo a.prevPage:hover, .componentProductDisplay .zoomExtraInfo a.nextPage:hover {background-position:0px -100px;} /*freeGifts*/ .componentProductDisplay .freeGifts {position:relative; height:120px; padding-top:15px; margin-bottom:15px; border-top:1px solid #e5e5e5; } .componentProductDisplay .freeGifts h2 {text-align:center; margin-bottom:0px; padding-bottom:15px;} .componentProductDisplay .freeGiftsScreenArea {position:absolute; top:15px; left:-20px; width:350px; height:107px; z-index:5; } .componentProductDisplay .freeGiftsPopUpArea {position:absolute; top:115px; top:135px; left:0px; display:none; z-index:5; width:520px; height:0px; background:#fff; } /*freeGiftsExtraInfo*/ .componentProductDisplay .freeGiftsExtraInfo {width:535px; top:130px; left:-5px;} /*freeGifts scrollable*/ .componentProductDisplay .freeGifts .screen {position:absolute; width:330px; z-index:10;} .componentProductDisplay .freeGifts .scrollable {width:230px; height:75px;} .componentProductDisplay .freeGifts .scrollable .items li {width:66px; height:73px; border:1px solid #dedede; background:#fff;} .componentProductDisplay .freeGifts a.prevPage, .componentProductDisplay .freeGifts a.nextPage {width:6px; height:8px; height:45px; padding:30px 5px 0px 0px; background-color:white; background-repeat:no-repeat; background-position:0px 30px;} .componentProductDisplay .freeGifts a.nextPage {margin-left:5px;} .componentProductDisplay .freeGifts a.prevPage:hover, .componentProductDisplay .freeGifts a.nextPage:hover {background-position:0px -70px;} .componentProductDisplay .freeGifts .screen .instruction {float:left; display:inline; width:70px; height:70px; padding:15px 0px 0px 0px; font-size:0.95em; text-align:center;} .componentProductDisplay .freeGifts .chooseFreeGiftsScreen .instruction {padding-top:10px;} /*chooseFreeGiftsExtraInfo*/ .componentProductDisplay .chooseFreeGiftsExtraInfo {top:275px; width:auto; height:394px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .left, .componentProductDisplay .chooseFreeGiftsExtraInfo .middle, .componentProductDisplay .chooseFreeGiftsExtraInfo .right {float:left; display:inline; height:394px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .left, .componentProductDisplay .chooseFreeGiftsExtraInfo .right {font-size:0.1em; width:10px; background:transparent url('../images/bg/productsExtraInfoLeft.png') no-repeat 0px 0px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .right {background-image:url('../images/bg/productsExtraInfoRight.png');} .componentProductDisplay .chooseFreeGiftsExtraInfo .middle { background:transparent url('../images/bg/chooseFreeGiftsExtraInfoMiddle.png') repeat-x 0px 0px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .size {height:394px; width:auto;} .componentProductDisplay .chooseFreeGiftsExtraInfo .size .limitedOffer { width:184px; height:184px; position:absolute; right:4px; top:4px; background:transparent url('../images/bg/limitedOffer.gif') no-repeat 0px 0px; display: none;} .componentProductDisplay .chooseFreeGiftsExtraInfo .size .price {display: none;} .componentProductDisplay .chooseFreeGiftsExtraInfo .middle li {float:left; display:inline; width:180px; border-top:1px solid #e5e5e5; padding:15px 0px; text-align:center; list-style-type:none; margin:0px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .middle li .thumb {float:none; display:block; width:auto; height:140px; overflow:hidden; padding-bottom:20px;} .componentProductDisplay .chooseFreeGiftsExtraInfo .middle li h4 {font-size:1.2em; font-weight:bold; height:55px; margin:0px 0px 15px; padding:0px 10px;border-bottom:1px solid #e5e5e5;} .componentProductDisplay .chooseFreeGiftsExtraInfo .closeExtraInfo {float:right; display:inline; padding:15px 10px 0px 0px;} .componentProductDisplay .chooseFreeGiftsExtraInfo h3 {padding:40px 0px 0px 30px; height:30px; margin-bottom:0px; font-size:2.1em; font-weight:normal; text-align:center; width:auto;} /*gwpExtraInfoProactiv*/ .componentProductDisplay .gwpExtraInfoProactiv {top:250px; width:648px; height:auto;} .componentProductDisplay .gwpExtraInfoProactiv .top {background-image:url('../images/bg/gwpExtraInfoTop.png');} .componentProductDisplay .gwpExtraInfoProactiv .middle {background-image:url('../images/bg/gwpExtraInfoMiddle.png'); position:relative;} .componentProductDisplay .gwpExtraInfoProactiv .bottom {background-image:url('../images/bg/gwpExtraInfoBottom.png');} .componentProductDisplay .gwpExtraInfoProactiv .limitedOffer {width:184px; height:184px; position:absolute; right:4px; top:-6px; background:transparent url('../images/bg/limitedOffer.gif') no-repeat 0px 0px;} .componentProductDisplay .gwpExtraInfoProactiv .closeExtraInfo {position:absolute; right:20px; top:10px;} .componentProductDisplay .gwpExtraInfoProactiv h2 {padding:15px 29px 0px 29px; font-size:2.15em; font-weight:normal;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul {padding:0px 29px 15px 29px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li {float:left; display:inline; width:127px; height:auto; margin:0px 9px; border:1px solid #e5e5e5; padding-bottom:5px; background:white url('../images/bg/gwpExtraInfoLi.png') repeat-x left bottom;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li .imageHolder {display:block; width:127px; height:124px; overflow:hidden; text-align:center; border-bottom:1px solid #e5e5e5;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li .imageHolder img {display:inline; margin:0px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 { height:45px; font-size:1em; padding-left:20px; margin:5px 5px 5px 5px; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px; overflow:hidden;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li h3 span {display:block;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li input {margin-left:20px; width:53px; height:26px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li.leadGift {width:590px; margin:0px 0px 15px 0px; border:0px; border-bottom:1px solid #e5e5e5; padding:15px 0px; background:white url('../images/bg/gwpExtraInfoLeadGift.png') repeat-x 0px 0px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li.leadGift .clearer {padding:0px 10px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li.leadGift .imageHolder {float:right; display:inline; width:375px; height:auto; border-bottom:0px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li.leadGift h3 { font-size:1.5em; font-weight:normal; margin:15px 0px 5px 0px; float:left; display:block; background-position:0px -500px; padding-left:30px; height:auto; width: 165px;} .componentProductDisplay .gwpExtraInfoProactiv .middle ul li.leadGift input {margin-left:30px; width:63px; height:28px;} /*automaticMembership*/ .componentProductDisplay .automaticMembership {height:70px; padding:0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:15px;} .componentProductDisplay .automaticMembership .hoverArea {height:60px; padding:6px 20px 0px 0px; cursor:pointer;} .componentProductDisplay .automaticMembership h2 {height:37px; margin:3px 0px; text-indent:-999em;} .componentProductDisplay .automaticMembership .instruction {font-size:0.95em; text-align:right;} /*automaticMembershipExtraInfo*/ .componentProductDisplay .automaticMembershipExtraInfo {width:331px; top:70px; left:0px; } .componentProductDisplay .automaticMembershipExtraInfo .top {width:100%; height:11px; font-size:0.1em; } .componentProductDisplay .automaticMembershipExtraInfo ul {padding:20px 20px 10px 20px;} .componentProductDisplay .automaticMembershipExtraInfo li {list-style:none; margin:0px; padding-bottom:10px;} /*welcomeMembership*/ .componentProductDisplay .welcomeMembership {height:110px; padding:0px; text-indent:-999em; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:15px;} /*learnMembership*/ .componentProductDisplay .learnMembership {height:110px; padding:0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:15px;} .componentProductDisplay .learnMembership h2 {height:86px; margin:0px; text-indent:-999em;} .componentProductDisplay .learnMembership .instruction {font-size:1.15em; padding-left:125px; } /*freeGiftBanner*/ .componentProductDisplay .freeGiftBanner {height:110px; padding:0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:15px;} .componentProductDisplay .freeGiftBanner h2 {height:86px; margin:0px; text-indent:-999em;} .componentProductDisplay .freeGiftBanner .instruction {font-size:1.15em; padding-left:125px; } /*------------------*/ /*---Product Tabs---*/ /*------------------*/ .componentProductDisplay .productTabs {margin-bottom:25px;} .componentProductDisplay .productTabsLink {width:655px; height:52px;} .componentProductDisplay .productTabsLink li {float:left; display:inline; list-style:none; margin:0px; padding:0px 0px 0px 5px;} .componentProductDisplay .productTabsLink a {font-size:1.15em; display:block; height:37px; padding:15px 25px 0px 20px;} .componentProductDisplay .productTabsLink li.selected, .componentProductDisplay .productTabsLink li.selected a { background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;} .componentProductDisplay .productTabsLink li.selected a {font-weight:bold; background-position:right 0px;} .componentProductDisplay .productTabsLink li.selected a span {display:block; height:37px;} .componentProductDisplay .tabContent {display:none; line-height:1.4em;} .componentProductDisplay .show {display:inline-block;} .componentProductDisplay .tabContent h2 {margin:10px 0px 10px 0px;} .componentProductDisplay .tabContent h3 {margin:10px 0px 5px 0px;} .componentProductDisplay .tabContent li {list-style-type:disc; list-style-position:outside; margin:0px 0px 2px 30px;} /*productTabs userReview*/ .componentProductDisplay .userReview h3 {font-weight:normal; padding-bottom:10px; border-bottom:1px solid #e5e5e5; text-align:center;} .componentProductDisplay .userReview fieldset {display:none;} .componentProductDisplay .userReview fieldset ul {margin-bottom:0px; padding:10px 0 10px 20px; border-bottom:1px solid #e5e5e5;} .componentProductDisplay .userReview fieldset li {float:left; display:inline; list-style:none; margin:0px 10px 10px 0px;} .componentProductDisplay .userReview fieldset li.name, .componentProductDisplay .userReview fieldset li.email {width:200px;} .componentProductDisplay .userReview fieldset li input, .componentProductDisplay .userReview fieldset li textarea {width:160px; height:20px; padding:5px 5px 0px 5px; border:1px solid #cccccc; background:transparent url('../images/bg/inputText.gif') repeat 0px 0px;} .componentProductDisplay .userReview fieldset li.age {width:125px;margin:0;} .componentProductDisplay .userReview fieldset li.age input {width:45px;} .componentProductDisplay .userReview fieldset li.age select {border:1px solid #CCCCCC; height:27px; padding:4px; width:100px;} .componentProductDisplay .userReview fieldset li.required { padding-top:5px; width:90px; float:right; text-align:right; margin-right:0px;} .componentProductDisplay .userReview fieldset li.comment {margin-right:0px;} .componentProductDisplay .userReview fieldset li.comment textarea {width:575px; height:100px; } .componentProductDisplay .userReview fieldset li.cta {width:100%; text-align:center; margin:0px;} .componentProductDisplay .userReview fieldset li.cta input {width:76px; height:31px; padding:0px; border:none; background:none;} .componentProductDisplay .userReview fieldset .validationSummary ul {border-bottom:0px; padding:0px 0px;} .componentProductDisplay .userReview fieldset .validationSummary ul li {float:none; display:none; width:auto; list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 30px; line-height:normal; color:#cc3333; padding:0px 0px 2px 0px;} .componentProductDisplay .userReview fieldset .validationSummary ul.show {padding-bottom:15px;} .componentProductDisplay .userReview fieldset .validationSummary li.show {display:list-item;} .componentProductDisplay .reviewList {padding:0px 10px 10px 20px;} .componentProductDisplay .reviewList li {list-style:none; margin:0px 0px 10px 0px;} .componentProductDisplay .reviewList li .customer {float:left; display:inline; width:145px; font-size:0.95em; padding-top:15px;} .componentProductDisplay .reviewList li .customer .name {font-size:1.05em;} .componentProductDisplay .reviewList li .blockquoteTop, .componentProductDisplay .reviewList li .blockquoteBottom {float:right; display:inline; width:465px; height:15px; background:white url('../images/bg/blockquoteTopBottom.png') no-repeat 0px 0px;} .componentProductDisplay .reviewList li .blockquoteBottom {background-position:right 0px;} .componentProductDisplay .reviewList li blockquote {float:right; display:inline; width:433px; padding:0px 15px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;} /*--------------------------------------------------------------------------*/ /*****COMPONENT PRODUCT UPSELL*****/ /*--------------------------------------------------------------------------*/ .componentProductUpsell {position:relative; margin-bottom:20px;} .componentProductUpsell h2 {padding:12px; background:white url('../images/bg/sectionHeadingH2.png') repeat-x 0px bottom;} /*upsellProductsExtraInfo*/ .componentProductUpsell .upsellProductsExtraInfo {width:535px; top:-300px; left:60px; } .componentProductUpsell .upsellProductsExtraInfo li .thumb {margin:35px 0px 0px 0px;} /*ProductUpsell scrollable*/ .componentProductUpsell .scrollable {width:600px; height:180px;} .componentProductUpsell .scrollable .items li {width:90px; height:180px;} .componentProductUpsell a.prevPage, .componentProductUpsell a.nextPage {width:27px; height:54px; margin-top:40px; background-color:white; background-repeat:no-repeat; background-position:0px 0px;} .componentProductUpsell a.prevPage:hover, .componentProductUpsell a.nextPage:hover {background-position:0px -100px;} .componentProductUpsell .scrollable .itemThumb {height:106px; padding:10px 0px 0px 0px;} .componentProductUpsell .scrollable .hover .itemThumb, .componentProductUpsell .scrollable .click .itemThumb { background-color:white; background-repeat:no-repeat; background-position:center 0px;} .componentProductUpsell .scrollable .itemName {padding:5px 0px 3px 0px; font-size:0.95em; line-height:1.1em;} /*--------------------------------------------------------------------------*/ /*****COMPONENT CART UPDATED*****/ /*--------------------------------------------------------------------------*/ .componentCartUpdated {margin-bottom:20px; padding:5px 20px 15px 140px;} .componentCartUpdated h1, .componentCartUpdated p {width:250px; float:left; display:inline; } .componentCartUpdated .cta {float:right; display:inline; margin-top:35px;} .componentCartUpdated h1 {font-size:2.7em; margin-bottom:10px;} .componentCartUpdated p {font-size:1.3em;} .componentCartUpdated p strong {display:block; font-size:1.3em; font-weight:normal;} /*--------------------------------------------------------------------------*/ /*****COMPONENT UPGRADE *****/ /*--------------------------------------------------------------------------*/ .componentUpgrade{height:auto;margin:0 auto 20px;width:646px;} .componentUpgrade .defaultInner{margin-top:12px;margin-left:20px;} .componentUpgrade .componentUpgradeMiddle {background:white url(../images/bg/componentUpgrade.gif) no-repeat scroll 0 0;padding:0px 30px 0 0px;height:108px;} .componentUpgrade .rte {display:inline;float:left;width:455px;} .componentUpgrade .thumb,.componentUpgrade .desc,.componentUpgrade .cta {float:left; display:inline;} .componentUpgrade .desc {width:200px; padding-left:60px;} .componentUpgrade h2 {margin-bottom:5px; font-size:2em;} .componentUpgrade p {font-size:1.15em;} .componentUpgrade .cta {float:right; margin-top:40px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT PRODUCT / CATEGORY TILES*****/ /*--------------------------------------------------------------------------*/ .componentTiles {margin-bottom:20px;} .componentTiles h2 {padding:12px; width:628px; margin-bottom:0px; background:white url('../images/bg/sectionHeadingH2.png') repeat-x 0px bottom;} .componentTiles ul {width:654px; margin-top:0px; border-left:1px solid #e5e5e5;} .componentTiles li {float:left; display:inline; width:187px; position:relative; padding:10px 15px; text-align:center; border-bottom:1px solid #e5e5e5; overflow:hidden; list-style:none; margin:-1px 0px 0px 0px; background:white url('../images/bg/componentTilesLi.gif') no-repeat right top;} .componentTiles li h3 {font-size:1em; font-weight:normal; padding-bottom:5px; height:30px; overflow:hidden; margin-bottom:0px;} .componentTiles li p {font-size:0.95em; height:75px; overflow:hidden; } .componentTiles li .thumb {display:block; height:145px; overflow:hidden;} /*price list*/ .componentTiles li ul {width:auto; height:62px; overflow:hidden; padding:10px 0px; margin-top:0px; margin-bottom:10px; border-left:none; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;} .componentTiles li li {float:none; display:block; width:auto; height:auto; border:none; padding:0px; margin:0px; background:none;} .componentTiles span.sale, .componentTiles li li.sale {position:absolute; top:0px; left:0px; width:89px; height:89px; text-indent:-999em; background:transparent url('../images/bg/relatedProductsSale.png') no-repeat 0px 0px;} .componentTiles li li.stdPrice, .componentTiles li li.memberPrice, .componentTiles li li.savePrice {font-size:1.15em;} .componentTiles li li.memberPrice span, .componentTiles li li.savePrice span {font-size:1.4em;} /*non member price list*/ .componentTiles li .nonMember li.stdPrice {font-size:1.15em; padding-bottom:5px;} .componentTiles li .nonMember li.stdPrice span {font-size:1.4em;} .componentTiles li .nonMember li.memberPrice span {font-size:1.05em; font-weight:bold;} .componentTiles li .nonMember li.savePrice {font-size:1em; padding-top:2px;} .componentTiles li .nonMember li.savePrice span {font-size:1em;} /*--------------------------------------------------------------------------*/ /*****COMPONENT CONTACT US*****/ /*--------------------------------------------------------------------------*/ .componentContactUs {margin-bottom:20px;} .componentContactUs .rte {border-bottom:1px solid #e5e5e5; margin-bottom:0px;} .componentContactUs fieldset {margin-bottom:0px; } .componentContactUs ul.clearer {padding:20px 0px 0px 0px; margin-bottom:0px;} .componentContactUs li {list-style-type:none; margin:0px; width:255px; padding-bottom:10px; float:left; display:inline; } .componentContactUs li label {display:block; padding:0px 0px 3px 0px;} .componentContactUs li input.text {width:215px;} .componentContactUs li select {width:75px; padding:2px; height:24px; border:1px solid #ccc;} .componentContactUs li.infoTitle {width:105px;} .componentContactUs li.infoFirstName, .componentContactUs li.infoLastName {width:200px;} .componentContactUs li.infoFirstName .text, .componentContactUs li.infoLastName .text {width:165px;} .componentContactUs li.infoCompany, .componentContactUs li.infoCountry, .componentContactUs li.infoAddr {width:510px;} .componentContactUs li.infoAddr .text {width:470px; margin-bottom:5px;} .componentContactUs li.infoSuburb {width:255px;} .componentContactUs li.infoPostcode {width:140px;} .componentContactUs li.infoPostcode .text {width:90px;} .componentContactUs li.infoState {width:120px;} .componentContactUs li.infoState select {width:80px;} .componentContactUs li.hover {position:relative;} .componentContactUs li .help {position:absolute; top:0px; left:225px;} .componentContactUs li div.show {display:block;} .componentContactUs li.query {width:480px; padding-bottom:5px;} .componentContactUs li.queryQ {padding-left:0px; padding-top:10px; padding-bottom:10px;} .componentContactUs li.query label {display:inline; padding:0px 20px 0px 5px;} .componentContactUs li.query select {width:221px;} .componentContactUs li.comments {width:510px; padding-top:10px;} .componentContactUs li.comments textarea {width:465px; height:135px;} /*cta*/ .componentContactUs .cta {padding-bottom:30px; width:510px;} .componentContactUs .cta .btnSubmit {width:113px; height:41px; display:block; margin:0px auto; } /*--------------------------------------------------------------------------*/ /*****COMPONENT SUB NAVIGATIONS*****/ /*--------------------------------------------------------------------------*/ .componentSubNav {margin-bottom:20px;} .componentSubNav .bottom {height:5px; font-size:0.1em;} .componentSubNav ul {margin-bottom:0px;} .componentSubNav li {list-style:none; margin:0px; font-size:1.15em;} .componentSubNav li.section {font-size:1em; font-weight:bold; padding:9px 20px 7px 20px;} .componentSubNav li a {display:block; width:202px; height:auto; padding:7px 10px 7px 30px; margin:0px 1px; line-height:1.4em;} .componentSubNav li a:hover {text-decoration:none;} .componentSubNav li.selected a, .componentSubNav li.selectedTwoLines a {width:225px; font-weight:bold; margin:0px; height:38px; padding:18px 10px 0px 30px; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px;} .componentSubNav li.selectedTwoLines a {height:48px; padding:8px 10px 0px 30px;} .fashionImage { padding-bottom: 20px; } /*--------------------------------------------------------------------------*/ /*COMPONENT MONEY BACK - two columns template*/ /*--------------------------------------------------------------------------*/ .componentMoneyBack {width:244px; height:108px; position:relative; margin-bottom:20px;} .componentMoneyBack h2 {text-indent:-999em; margin-bottom:0px;} .componentMoneyBack .instruction {text-align:right; padding-right:20px;} /*moneyBackExtraInfo*/ .componentMoneyBack .moneyBackExtraInfo {width:244px; top:107px; left:0px;} /*automaticMembershipExtraInfo*/ .componentMoneyBack .moneyBackExtraInfo .top {width:100%; height:11px; font-size:0.1em;} .componentMoneyBack .moneyBackExtraInfo ul {padding:20px 20px 10px 20px;} .componentMoneyBack .moneyBackExtraInfo li {list-style:none; margin:0px; padding-bottom:10px;} /*--------------------------------------------------------------------------*/ /*COMPONENT SUBSCRIBE*/ /*--------------------------------------------------------------------------*/ .componentSubscribe {width:244px; margin-bottom:20px;} .componentSubscribe h2 {height:51px; margin-bottom:0px; font-size:1em; text-indent:-999em;} .componentSubscribe ul.clearer {padding:0px 0px 0px 25px; margin-bottom:0px;} .componentSubscribe .clearer li {list-style-type:none; margin:0px; padding-bottom:5px;} .componentSubscribe .clearer li.email .text {width:170px;} .componentSubscribe .validationSummary ul {border-bottom:0px; padding:0px 0px;margin-bottom:0px;} .componentSubscribe .validationSummary ul li {float:none; display:none; width:auto; list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 30px; line-height:normal; color:#cc3333; padding:0px 0px 2px 0px;} .componentSubscribe .validationSummary ul.show {padding-bottom:10px;} .componentSubscribe .validationSummary li.show {display:list-item;} .componentSubscribe .cta {text-align:center;} .componentSubscribe .bottom {font-size:0.1em; height:5px;} /*--------------------------------------------------------------------------*/ /*COMPONENT CLICK TO CALL*/ /*--------------------------------------------------------------------------*/ .componentHelp {height:auto; padding:0px; margin-bottom:15px;display:block;position:relative;} .componentHelp h2 {height:22px; font-size:1em; padding:0px 15px 0px 15px; margin:0px; text-indent:-999em;} .componentHelp li {float:left; display:inline; list-style:none; margin:0px; padding:0px;} /*callBackExtraInfo*/ .componentHelp .callBackExtraInfo {width:535px; top:-50px; left:235px; position: absolute;} .componentHelp .callBackExtraInfo .formHolder {padding:10px 20px 10px 30px;} .componentHelp .callBackExtraInfo .closeExtraInfo {float:right; display:block;} .componentHelp .callBackExtraInfo h2 {display:block; height:30px; margin:15px 0px; background-position:0px -100px;} .componentHelp .callBackExtraInfo h2.callBackExtraInfoThankYou {background-position:0px -180px;} .componentHelp .callBackExtraInfo h2.callBackExtraInfoNeedHelp {background-position:0px -280px;} .componentHelp .callBackExtraInfo fieldset {margin:0px; padding:0px 10px 10px 0px;} .componentHelp .callBackExtraInfo ul {background:none;padding:0px;} .componentHelp .callBackExtraInfo ul li {display:inline; width:250px; padding-bottom:15px;} .componentHelp .callBackExtraInfo ul li.date {float:right; width:212px; padding-bottom:0px; } .componentHelp .callBackExtraInfo ul li.phone {width:160px;} .componentHelp .callBackExtraInfo ul li.time {width:90px;} .componentHelp .callBackExtraInfo ul li label {display:block; padding:0px 0px 3px 0px;} .componentHelp .callBackExtraInfo ul li select {height:24px; padding:2px; border:1px solid #ccc;} .componentHelp .callBackExtraInfo ul li.urgent label {display:inline; padding:0px 0px 0px 10px;} .componentHelp .callBackExtraInfo ul li.name input.text {width:200px;} .componentHelp .callBackExtraInfo ul li.phone input.text {width:115px;} .componentHelp .callBackExtraInfo ul li .validate img {display:none;} .componentHelp .callBackExtraInfo ul li .validate img.show {display:inline;} .componentHelp .callBackExtraInfo .cta {float:none; display:block; text-align:center; padding-bottom:10px;} .componentHelp .callBackExtraInfo .validationSummary li {width:auto; display:none; padding:0 0 2px;} .componentHelp .callBackExtraInfo .validationSummary li.show {display:list-item;} .componentHelp .ui-datepicker {border:1px solid #CCCCCC;} /*datepicker*/ .ui-datepicker { background:white url('../images/bg/datepickerCalendar.png') repeat-x left bottom; } .ui-datepicker .ui-datepicker-header {position:relative; height:25px; background:white url('../images/bg/datepickerTitle.png') repeat-x left bottom;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0px; width:30px; height:25px; text-indent:-999em; background:white url('../images/bg/datepickerPrevNext.png') no-repeat 0px 0px; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:0px;} .ui-datepicker .ui-datepicker-next {right:0px; background-position:0px -100px;} .ui-datepicker .ui-datepicker-title {text-align:center; line-height:25px; padding:0px 30px; font-size:1.15em;} .ui-datepicker .ui-datepicker-calendar {} .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {text-align:center; vertical-align:middle; padding:0px; width:30px;} .ui-datepicker .ui-datepicker-calendar th {font-weight:bold; } .ui-datepicker .ui-datepicker-calendar td {height:20px; background:transparent url('../images/bg/datepickerCalendarTd.gif') no-repeat center center;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {background:none;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day { background:transparent url('../images/bg/datepickerCalendarTdCurrentDay.gif') no-repeat center center;} .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {color:#777; display:block; line-height:20px; text-decoration: none; } .ui-datepicker .ui-datepicker-calendar th span {line-height:23px; color:#666666; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {} /*--------------------------------------------------------------------------*/ /*PAGE NOT FOUND*/ /*--------------------------------------------------------------------------*/ .componentPageNotFound {margin-bottom:20px;} .componentPageNotFound .blurb {width:635px; height:102px; padding: 22px 0px 30px 20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5;} .componentPageNotFound .sitemap404 {background: transparent url('../images/bg/componentPageNotFoundSitemap404.gif') repeat-y top left;} .componentPageNotFound .sitemap404 .column {float:left; display:inline; width:198px; padding:0px 10px; margin-top:-10px; } .componentPageNotFound .sitemap404 .column li {padding-bottom:2px;} .componentPageNotFound .sitemap404 .column li strong {display:block; padding-top:10px;}