/* CSS Document */ /*# Begin Typography & Colors #*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight:inherit; font-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1.5; } ol, ul {list-style: none;} /* remember to define focus styles! */ :focus {outline: 0;} a{text-decoration:none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} html { -webkit-font-smoothing: antialiased;} /* hand cursor on clickable input elements */ /*label,*/ input[type=button], input[type=submit], button { cursor: pointer; } ::-moz-selection{ background: #927CBA; color:#fff; text-shadow: none; } ::selection { background:#927CBA; color:#fff; text-shadow: none; } .clearFix { clear:both;} /*******************/ /* micro clearfix */ /*******************/ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { *zoom:1; } /* _____________________ End reset css ______________________*/ /*# Font *#/ /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 1.125em; /* 1 */ -webkit-text-size-adjust: 1.125em; /* 2 */ -ms-text-size-adjust: 1.125em; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, label, input, select, textarea { font-family: 'Gill Sans W01 Medium', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; color:#666666;/*#7a777d;*/ font-style:normal; } label, .formLabel, .EditingFormLabel, .dropDownField, textarea { font-size:0.875em; float:left;} label, .formLabel, .EditingFormLabel { margin-right:10px;} .AddressErrorLabel { color: red; } fieldset { border: 0 none; margin: 0; padding: 0;} ol li input[type="text"], ol li textarea, tr td input[type="text"], tr td textarea, ol li input[type="password"] {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #666666;/*#7a777d;*/ /*margin-bottom: 5px;*/ padding: 2px 3px; font-size:0.938em;} ol li input[type="text"]:hover, ol li textarea:hover, tr td input[type="text"]:hover, tr td textarea:hover ol li input[type="password"]:hover {background: #fbf7f2} ol li span.EditingFormErrorLabel, .ErrorLabel, ol li .errorMsg { color: #d5813d; /*padding-right:33px; */text-align: right; display:block; clear:both; font-size:0.75em;} .ErrorLabel { margin-right:20px;} ol li.mid span.EditingFormErrorLabel { width:365px; float:left;} input.long, form .form3Col ol li .EditingFormControlNestedControl input.TextBoxField { width:300px;} textarea.long, form .form3Col ol li .EditingFormControlNestedControl textarea.TextAreaField { width:300px; height:120px;} input.mid, form .form3Col ol li.mid .EditingFormControlNestedControl input.TextBoxField { width:215px;} input.mid170 { width:170px;} input.mid130 { width:130px;} textarea.mid130 { width:130px;height:120px;} input.short50 { width:50px;} input.short70 { width:70px;} /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted;} /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a img, a:hover, a:active { outline: 0; } a, a:visited { color:#666666;/*#7a777d;*/} a:hover{ color:#d5813d; /*#f4af60; light orange*/} a.readMore, a.readMore:visited { background:url("/SummerInfant/img/arrow-orange.png") right 3px no-repeat; padding-right:12px; color:#d5813d; text-decoration:none; font-size:0.8em; text-transform:capitalize;} a.readMore:hover { text-decoration:underline;} /* ============================================================================= Image ========================================================================== */ img { padding:1px; } /* /* ============================================================================= Typography ========================================================================== */ h1 {font-size: 1.684em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif;} h2 {font-size: 1.5em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-weight:300;} h3 {font-size: 1.17em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-weight:300;} h4 {font-size: 1em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-weight:300;} h5 {font-size: 0.83em;} h6 {font-size: 0.75em; /*2.33*/} .italic { font-style:italic;} .italicLight {font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif;} .bold { font-weight:700;} /* _____________________ End Font css ______________________*/ /*# base layout #*/ body {} .page {background:url("/SummerInfant/img/footer-bar.png") left bottom repeat-x; padding-bottom:9px;} header#global {font-family: Arial, Helvetica, sans-serif; font-size:.6em; background:url("/SummerInfant/img/bkgNavGlobal.png") left bottom repeat-x #d2d2d2; padding-top:4px;} header#global #globalInner {position:relative;} ul#navGlobal {margin-left:10px; position:absolute; bottom:0;} ul#navGlobal li {float:left; background-color:#eaeaea; background-repeat:no-repeat; background-position:7px center; margin:0 4px 0 0; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;} ul#navGlobal li.current {background-color:#ffffff;} ul#navGlobal li.summer {background-image: url("/SummerInfant/img/iconSummer24_on.png");} ul#navGlobal li.bornfree {background-image: url("/SummerInfant/img/iconBornFree24_off.png");} ul#navGlobal li.kiddo {background-image: url("/SummerInfant/img/iconKiddo24_off.png");} ul#navGlobal li a {display:block; color:#666666; height:24px; padding: 8px 12px 0 35px;} #globalShoppingCart {float:right; margin:3px 10px 3px 0;;} #globalShoppingCart ul#consumerLinks, #globalShoppingCart ul#signOutLink {text-transform:uppercase; float:left; margin-top:7px;} #globalShoppingCart ul#consumerLinks li, #globalShoppingCart ul#signOutLink li {float:left; } #globalShoppingCart ul#consumerLinks li a, #globalShoppingCart ul#signOutLink li a {color:#636363; border-left:1px solid #636363; padding:0 7px;} #globalShoppingCart ul#consumerLinks li a:hover, #globalShoppingCart ul#signOutLink li a:hover {color:#292929;} #globalShoppingCart ul#consumerLinks li.first a {border:none;} #globalShoppingCart #headerShoppingCart {text-align:right; float:left;} #globalShoppingCart #headerShoppingCart #cartItemCount {background:url("/SummerInfant/img/bkgCartItemCount.png") left top repeat-x #bbbbbb; -moz-border-radius-topleft:5px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border:1px solid #d8d8d8; height:27px; float:left;} #globalShoppingCart #headerShoppingCart #cartItemCount a {display:block; padding:6px 20px 0 27px; background:url("/SummerInfant/img/iconShoppingCart.png") no-repeat scroll 9px 8px transparent;} #globalShoppingCart #headerShoppingCart #cartItemCount a:hover {color:#292929;} #globalShoppingCart #headerShoppingCart #checkoutLink {background:url("/SummerInfant/img/bkgCartCheckoutLink.png") left top repeat-x #a3a3a3; -moz-border-radius-topleft:0px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:0px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border:1px solid #d8d8d8; border-left:none; height:27px; float:left;} #globalShoppingCart #headerShoppingCart #checkoutLink:hover {background-position:left bottom; background-color:#78757b;} #globalShoppingCart #headerShoppingCart #checkoutLink a {display:block; padding:6px 8px 0 8px; color:#ffffff; text-transform:uppercase; font-weight:bold; } #globalShoppingCart #headerShoppingCart #checkoutLink:hover {background-position:left bottom; background-color:#78757b;} header.branding { min-height:136px; /* border-bottom:1px solid #E9E5F0; */ background:url("/SummerInfant/img/bkgHeader.png") bottom repeat-x; z-index:1000; position:relative;} .logo {height:115px;} .logo img { /* margin-top:16px; margin-left:-2px; */margin-top:21px; margin-left:-3px;} #headerUtils {text-align:right; } #headerUtils ul#navUtility {font-size:.6em; width:auto; display:inline-block; text-transform:uppercase; float:right; margin:12px 0 0 0;} #headerUtils ul#navUtility li {float:left;} #headerUtils ul#navUtility li a {border-left:1px solid #636363; padding:0 7px;} #headerUtils ul#navUtility li.first a {border:none;} #headerUtils ul#navUtility li.last a { border-right: 1px solid #636363; border-left:none; margin-right:7px;} #headerUtils #headerSearchBox { font-size:.7em; overflow: hidden; z-index: 100; width:auto; display:inline-block; float:right; margin:9px 0 0 0; position:relative;} #headerUtils #headerSearchBox input[type="text"] {width:202px; height:19px; padding-left:8px; padding-right:20px;} #headerUtils #headerSearchBox input[type="image"] {position:absolute; right:0px; top:3px; padding: 3px 4px 3px 6px;} #headerUtils #headerSearchBox label { padding-top:3px;} #headerUtils #headerTxtBox {clear:both; font-size:.8em; float:right; padding:10px; /* height:35px */; overflow:hidden; margin:10px 0; background:#f5f3f8; } #navMain { z-index:999; position:relative; height:27px; } #navMain li.level1 { float:left; text-transform:uppercase; position:relative; background:url("/SummerInfant/img/bkgNavMainDivider.png") left bottom no-repeat; font-size:.7em; } #navMain li.level1 a { display:block; padding:0 16px; height:23px; margin-bottom:0; margin-left:2px; } #navMain li.level1:hover a.level1, #navMain li.level1.open a.level1, #navMain li.level1.selected a.level1 { border-bottom:4px solid #f4af60; } /* PANEL */ #navMain .panel { display:none; position:absolute; top:27px; left:1px; border-left:1px solid #e9e6f1; border-bottom:1px solid #e9e6f1; border-right:1px solid #e9e6f1; background:url("/SummerInfant/img/bkgNavPanelBottomBorder.png") repeat-x left bottom #ffffff; width:180px; height:270px; padding-top:20px; } #navMain .row6 .panel {right:-2px; left:auto;} #navMain .panel.cols2 {width:362px;} #navMain .panel.cols3 {width:543px;} /* panel display with js enabled */ .js #navMain li.level1:hover .panel, .js #navMain li.level1.open .panel { display:none; } /* panel display without js enabled */ #navMain li.level1:hover .panel, #navMain li.level1.open .panel { display:block; } /* SECTIONS */ #navMain .panel ul { width:160px; float:left; padding:0 0 0 20px; border-right:1px solid #E8E5F0; height:245px; } #navMain .panel ul:last-child {border-right:none;} /* separate line for IE8 bug: */ #navMain .panel ul.last {border-right:none;} #navMain .panel li {text-transform:capitalize; margin: 0 0 1em 0;} #navMain .panel li a {padding-left:0; margin-left:0; height:auto; font-size:1.1em; line-height:1.1em;} /* SUBSECTIONS */ #navMain .panel ul ul { float:none; padding:0; width:157px; height:auto; border:none; } #navMain .panel ul ul li {margin:1.1em 0 0 0;} #navMain .panel ul ul a { display:block; min-height:1px; margin:0; padding-left:14px; background:url("/SummerInfant/img/iconNavArrow.png") no-repeat scroll 0 .1em transparent; font-size:1em; } #navMain .panel ul ul a:hover {background-image: url("/SummerInfant/img/iconNavArrowOrangeOn.png");} /*.row6 .panel {display:block !important;}*/ .wrap { background:url("/SummerInfant/img/footer-butterfly.png") center bottom no-repeat; display:block; width:100%; position:relative; min-height:600px; padding-bottom:40px; font-size:0.842em; margin-top:0px;} /*# footer #*/ footer { background:url("/SummerInfant/img/footer-bg.png") left top repeat-x; border-top:1px solid #E9E5F0; /*height:178px;*/ margin-bottom:18px; /*position:relative;*/ } .footerNav { padding-top:10px;} .footerNav ul li { line-height:1.1;} .footerNav ul li a { font-size:0.677em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-weight:300; text-transform:uppercase; color:#666666;/*#7a777d;*/ } /* social links */ .socialLinks { float:left;} .socialLinks a /*.st_facebook_custom, .socialLinks .st_twitter_custom, .socialLinks .st_youtube_large */ { float:left; display: block; margin-top:3px; width:24px; height:24px; text-indent:-999em;} /* .st_facebook_custom */a.facebook { background: url(../img/icon-fb.png) no-repeat scroll left top transparent; margin-right:3px;} /* .st_twitter_custom */a.twitter { background: url(../img/icon-tw.png) no-repeat scroll left top transparent; margin-right:3px; } /* .st_youtube_large .stNativeButton { top:0px;}*/ /* .st_youtube_large .stNativeButton a, .socialLinks span a */ a.youTube { background: url(../img/icon-yt.png) no-repeat scroll left top transparent; } a.pinterest { background: url(../img/icon-pinterest.png) no-repeat scroll left top transparent; margin-right:3px; } a.instagram { background: url(../img/icon-instagram.png) no-repeat scroll left top transparent; margin-right:3px; } /* .socialLinks span a { display:block; } */ /* .socialLinks .st_youtube_large .stNativeButton a img, /* .socialLinks span a img { display: none;}*/ /* .st_facebook_custom:hover, .st_twitter_custom:hover, .st_youtube_large:hover, .socialLinks span a:hover */a.facebook:hover, a.twitter:hover, a.youTube:hover,a.pinterest:hover, a.instagram:hover { cursor:pointer; background-position: left bottom;} /* newsletter sign up form */ .newsletterForm { /*width:220px; margin-left:-10px;*/ float:left; margin-left:-10px;} .newsletterForm h6 { text-transform:uppercase; margin:0 0 5px 0; font-size:0.70em; font-weight:300; /*fix for ie9*/ } .newsletterForm .newsletterFormControl { overflow:hidden; } .newsletterForm .signupLabel {float:left; color:#666666;/*#7a777d;*/ padding:6px 4px; font-size:0.7em; display:none; } .newsletterFormControl input.signupBox { width:216px; border:1px solid #CCC; padding:2px 3px; margin-bottom:2px; color:#666666;/*#7a777d;*/ background:#FFF;} .newsletterFormControl input.signupBox:hover{ background: #fbf7f2;} .newsletterForm input.signupSubmit{ float:right; border:none; color:#666666;/*#7a777d;*/ width:70px; background:url("/SummerInfant/img/btn-newsletter-form-off.png") right center no-repeat; text-transform:capitalize;} .newsletterForm input.signupSubmit:hover { color:#ad9ccb; background:url("/SummerInfant/img/btn-newsletter-form-on.png") right center no-repeat;} .newsletterForm .ErrorMessage, .newsletterForm .InfoMessage {display:block; width:216px; color: #D5813D; font-size:0.75em;} /* footer tagline */ .footerTag { margin-top:30px; } .footerTag .tagline { font-size:1.7em; font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif; color:#d4d0dc; float:right;} .footerTag .tagline sup { font-size:0.5em; top:-10px;} /*# content #*/ .pageTitle { /*width:100%;height:50px;*/ display:block; background-color:/*#666666;*/#7a777d;} .pageTitle h1 { color:#FFF; font-weight:300; line-height:1.1em; padding:10px; /*margin-left:10px;*/} .pageTitle .sectionTagLine { text-align:right; color:#f4af60; font-size:1.158em; font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif; margin-top:12px; padding-right:20px;} .breadCrumb { margin-top:5px; margin-bottom:0px; font-size:0.778em; color:#aca8b0;} .breadCrumb a.bCHome { background:url("/SummerInfant/img/arrow-breadcrumb.png") right bottom no-repeat; padding-right:12px;} /*.breadCrumb .CMSBreadCrumbsCurrentItem { padding:2px 0px; margin-left:-8px;}*/ .breadCrumb img { position:relative; top:3px;} /*.breadCrumb a, .breadCrumb a:visited { color:#7a777d;} .breadCrumb a:hover{ color:#f4af60;}*/ /*# left nav #*/ /* .leftMenu { font-size:1.063em; margin:17px 0 0 -10px; background:#FFF;} .leftMenu ul#menuElem { width:190px;} .leftMenu ul#menuElem li { border-bottom:1px solid #e6e5e7; padding-left:10px; background-color:#FFF; float:left; width:100%; text-transform:capitalize; font-family: 'Gill Sans W01 Light',Gill Sans,sans-serif; font-size:0.944em; line-height:1.8em; font-weight:300; } .leftMenu ul#menuElem li a { display:block; } .leftMenu ul#menuElem li:hover {background:url("/SummerInfant/img/highlighted-menu-bg.png") left 1px repeat-x; } .leftMenu ul#menuElem li.CMSListMenuHighlightedLI { background:url("/SummerInfant/img/highlighted-menu-bg.png") left 1px repeat-x; display:block; } .leftMenu ul#menuElem li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted {color:#d5813d;} .leftMenu ul#menuElem li ul { width:200px; margin-left:-10px; border-top:1px solid #e6e5e7; padding-top:1px;} .leftMenu ul#menuElem li ul li { border-bottom:none; width:190px; } .leftMenu ul#menuElem li ul li:first-child { border-top:3px solid #f8f7fa; padding-top:5px;} .leftMenu ul#menuElem li ul li:last-child { padding-bottom:5px;} .leftMenu ul#menuElem li ul li a { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px 6px; padding-left:18px; } .leftMenu .extranetLeftNav ul#menuElem li ul li a { padding-left:0px; } .leftMenu ul#menuElem li ul li a:hover { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px -48px; padding-left:18px; } .leftMenu ul#menuElem li ul li:hover { background:none;} .leftMenu ul#menuElem li ul li a.Level1CMSListMenuLinkHighlighted, .leftMenu ul#menuElem li ul li.HighLighted a { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px -48px; padding-left:18px; color:#d5813d; } */ .leftMenu { font-size:1.063em; margin:17px 0 0 -10px; background:#FFF;} /* Level 1 */ .leftMenu ul { width:190px;} .leftMenu ul li { border-bottom:1px solid #e6e5e7; padding-left:10px; background-color:#FFF; float:left; width:100%; text-transform:capitalize; font-family: 'Gill Sans W01 Light',Gill Sans,sans-serif; font-size:0.944em; line-height:1.8em; font-weight:300;} .leftMenu ul li:hover {background:url("/SummerInfant/img/highlighted-menu-bg.png") left 1px repeat-x transparent; } .leftMenu ul li a { display:block; } .leftMenu ul li.CMSListMenuHighlightedLI { background:url("/SummerInfant/img/highlighted-menu-bg.png") repeat-x scroll left 1px transparent; display:block; } .leftMenu ul li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted {color:#d5813d;} /* Level 2 */ .leftMenu ul ul { width:200px; margin-left:-10px; border-top:1px solid #e6e5e7; padding-top:1px; font-size:.875em;} .leftMenu ul ul li, .leftMenu ul ul li.CMSListMenuHighlightedLI { border-bottom:none; width:190px; background:none; line-height:1.7em;} .leftMenu ul ul li:first-child { border-top:3px solid #f8f7fa; padding-top:5px;} .leftMenu ul ul li:last-child { padding-bottom:5px;} .leftMenu ul ul li:hover { background:none;} .leftMenu ul ul li a { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px 6px; padding-left:18px; } /* .leftMenu .extranetLeftNav ul#menuElem li ul li a { padding-left:0px; } */ .leftMenu ul ul li a:hover { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px -48px; padding-left:18px; } .leftMenu ul ul li a.CMSListMenuLinkHighlighted { background:url("/SummerInfant/img/left-nav-dot4.png") no-repeat; background-position:0px -48px; padding-left:18px; color:#d5813d; } /* Level 3 */ .leftMenu ul ul ul {border:none; margin-left:7px; width:180px; font-size:1em;} .leftMenu ul ul ul li:first-child {border:none; padding-top:0;} .leftMenu ul ul ul li a.CMSListMenuLinkHighlighted {background-position:0 -49px; padding-left:16px;} /*# pagination #*/ .pager { /*width:100%; margin-right:-10px;*/ text-align:right; /*overflow:hidden;*/ font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-size:0.813em; margin:-3px -2px 5px 0; clear:both; } .pager .pageCount { /*font-style:italic;*/} .pager ol { float:right; margin-left:15px;} .pager ol li { display:inline; } a.pp, a.np, a.ppDisabled, a.npDisabled { border: 0 none; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em;} .pageLinks ol li.prevPage a { background:url("/SummerInfant/img/pager-prev.png") left no-repeat; background-position:0px 4px; float:left; width:10px;} .pageLinks ol li.prevPage a:hover { background:url("/SummerInfant/img/pager-prev.png") left no-repeat; background-position:0px -18px;} .pageLinks ol li.prevPage a.ppDisabled:hover {background-position:0px 4px; cursor:default; } .pageLinks ol li.nextPage a { background:url("/SummerInfant/img/pager-next.png") left no-repeat; background-position:0px 4px; float:left; width:10px; margin-left:3px;} .pageLinks ol li.nextPage a:hover { background:url("/SummerInfant/img/pager-next.png") left no-repeat; background-position:0px -18px;} .pageLinks ol li.nextPage a.npDisabled:hover {background-position:0px 4px; cursor:default;} .pageLinks ol li span, .pageLinks ol li a { float:left; padding: 0 2px; display:block; } .pageLinks ol li span {color:#d5813d;} /* Kentico pager fix up */ .pager .PagerResults { display:inline; font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif; font-weight:normal!important; margin: -3px 10px 5px 0;} .pager .PagerNumberArea { display:inline;} .PagerNumberArea .SelectedPrev, .PagerNumberArea a.UnselectedPrev { background:url("/SummerInfant/img/pager-prev.png") left no-repeat; background-position:0px 4px; width:12px; text-indent:999em; position:absolute; overflow:hidden;} .PagerNumberArea a.UnselectedPrev:hover {background:url("/SummerInfant/img/pager-prev.png") left no-repeat; background-position:0px -18px;} .PagerNumberArea .SelectedNext, .PagerNumberArea a.UnselectedNext {background:url("/SummerInfant/img/pager-next.png") left no-repeat; background-position:0px 4px; width:12px; text-indent:999em; position:absolute; overflow:hidden; margin-left:-5px;} .PagerNumberArea a.UnselectedNext:hover {background:url("/SummerInfant/img/pager-next.png") left no-repeat; background-position:0px -18px;} .PagerNumberArea .SelectedPage {color:#d5813d;} .PagerNumberArea span.pp { margin-left:12px!important; } .PagerNumberArea span span.pp, .PagerNumberArea span span.np { margin:auto!important;} .PagerNumberArea span.np { margin-left:5px!important;} .faq .pager.pagerBtm { margin-top:15px;} /*# Rich Text Editor style #*/ .contentMiddle .rtEditor h2, .contentRight .rtEditor h2 { margin:0px 0 10px 0; text-transform:capitalize; border-bottom:none; background:url("/SummerInfant/img/h2-border-bottom.png") left bottom repeat-x; padding-bottom:5px;} .contentMiddle .rtEditor h3, .contentMiddle .rtEditor h3 a { color:#5a575d;} .contentMiddle .rtEditor h3 a { text-decoration:underline;} /*.contentMiddle .rtEditor hr {border:0; height:5px; background:url("/SummerInfant/img/h2-border-bottom.png") left top repeat-x; }*/ hr {border: 0; height: 1px; background: #E6E5E7;} .rtEditor a, .contentMiddle .rtEditor a:visited { color: #927CBA; text-decoration: underline;} .rtEditor a:hover {color:#d5813d; } .rtEditor a.readMore, .contentMiddle .rtEditor a.readMore:visited {color:#d5813d; text-decoration:none;} .rtEditor a.readMore:hover { text-decoration:underline;} .rtEditor img { padding:1px; border:1px solid #e6e5e7; margin-top: 5px; } .rtEditor img.imgLeft { margin-right:10px;} .rtEditor ul { margin:0 0 10px 10px;} .rtEditor ul li {background: url("/SummerInfant/img/arrow-breadcrumb.png") no-repeat scroll 0 5px transparent; padding: 0 0 1px 15px; line-height:1.3em; } .rtEditor ol {margin:0 0 10px 30px; } .rtEditor ol li { list-style-type:decimal; line-height:1.3em;} /*# grid layout #*/ .gridLayout { /*background: #FC9; overflow:hidden; margin-right:-10px;*/} .productBox { width:228px; float:left; margin:0 20px 10px -10px; border:1px solid #e6e5e7; padding:1px; background:#FFF;} .last { margin-right:0px;} .productBox img { margin:1px;} .productBox h2 { font-size:0.938em; padding-left:10px; border-top:1px solid #e6e5e7; line-height:3em; background-color: #f8f7fa; /* background-image: url(images/fallback-gradient.png); */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */ } .productBox a { text-decoration:underline;} /* grid layout list format */ .gridLayout ul li { width:226px; float:left; margin:0 10px 10px 0px; /*margin:0 20px 10px -10px;*/ border:1px solid #e6e5e7; padding:1px; background:#FFF; } .gridLayout ul li.lineWrap {clear:both;} .gridLayout ul li img {/* margin:1px;*/ padding:0px; } .gridLayout ul li h3 { font-size:0.938em; margin-top:-5px; padding-left:10px; border-top:1px solid #e6e5e7; line-height:3em; background-color: #f8f7fa; /* background-image: url(images/fallback-gradient.png); */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */ } .gridLayout ul li a { text-decoration:underline;} .gridLayout ul li.last { margin-right:0px; padding:0;} .gridLayout ul.productList li a.img {min-height:166px; display:block; padding:1px; min-height:172px;} .gridLayout ul.productList li img {width:222px; height:166px;} .gridLayout ul.productList li h3 {font-size:.85em; padding:9px 10px; line-height:1.5em; min-height:3em;} /*# 3 col style #*/ .contentMiddle { margin-left:-20px; width:470px;} /* align with footer 2-col links */ .contentLeft { margin-left:-10px; width:700px;} /* used in 2-col layout with wider left content part */ .contentRight { margin-left:-10px; width:710px; margin-top:19px;} /* used in 2-col layout with wider right content part */ .contentLeft { margin-top:20px;} .contentMiddle, .sidebar { margin-top: 16px; /*21px;*/} .contentHalf { margin-top:28px;} .contentMiddle h2, .contentLeft h2, .contentRight h2, .sidebar h2, .contentHalf h2, .homepageGrid h2, .homepageGrid h4 { font-size:1.222em; font-weight:300; border-bottom:3px solid #f8f7fa; line-height:1.5em; margin-bottom: 15px; text-transform:capitalize;} .contentHalf h1 {font-size:1.563em; font-weight:300; border-bottom:3px solid #f8f7fa; line-height:1.1em; margin-bottom: 15px;} .contentMiddle .pager { margin-right:0px;} .contentLeft P, .contentLeft ul, .contentMiddle P, .productDetails P, .productDetails ul { padding-bottom:15px;} .contentLeft ul li, .productDetails ul li { padding:0 0 5px 15px; margin-left:15px; background:url("/SummerInfant/img/arrow-breadcrumb.png") 0 5px no-repeat; } .bottomBorder { border-bottom:1px solid #e6e5e7; display:block; margin-bottom:1px;} .topBorder3px { border-top:3px solid #F8F7FA; display:block; margin-top:1px;} .bottomBorder3px { border-bottom:3px solid #F8F7FA; display:block; margin-bottom:1px;} .titleWidth { width:70%; display:block;} /* use to control of blog title width */ .selectionGroup { margin-bottom:5px; min-height:130px; display:block;} fieldset ol li { /*margin-bottom:15px;*/ padding-top:15px; display:block; float:left; width: 448px;} .formLabel /* , .EditingFormLabel */{ width:65px; text-align:right; padding: 2px 0px;} .dropDownField { width:170px;} /* customized drop down */ div.selector { background: url(../img/dropdown-bg-170.png) no-repeat -1px 1px; border:1px solid #CCCCCC; font-size:0.833em; padding-left:2px; width: 168px; /*display:none;*/ } div.selector span { background-position: right 0px; padding: 0px 25px 0px 2px; cursor: pointer; width: 158px; } div.selector select {/* change these to adjust positioning of select element */ top: 0px; left: 0px; font-size: 1em; border: solid 1px #e9e5f0; /*width:170px;*/} div.selector.disabled span { color: #bbb;} div.selector select.focus:active { color:#3C0} .pnlProductList .productSortByContainer{ float:left; padding:0px 0px; margin-top:0px; margin-bottom:15px; overflow:hidden ; } .pnlProductList .productSortByContainer div { float:left; margin-right:10px; } .pnlProductList .pager { margin-top:0px; float:right; } .pnlProductList .pager div { float:right; } .pnlProductList div.selector span { width:165px;} .pnlProductList div.selector select { width:165px;} a.backLink { float:right; margin-top:-42px; } fieldset { display:none;} .selectionGroup div.selector { width:178px; background-position:9px 1px;} .selectionGroup .dropDownField { width:180px;} fieldset ol li.buttons {text-align:right;} fieldset.joinOurCircleForm ol li { width:448px; } fieldset.joinOurCircleForm label, fieldset.joinOurCircleForm input{ float:left; } fieldset.joinOurCircleForm input.cancelBtn, fieldset.joinOurCircleForm input.submitBtn { float:none;} .IE8 fieldset ol li.buttons, .IE7 fieldset ol li.buttons {width:448px;} fieldset.joinOurCircleForm ol li.buttons {width:433px;} fieldset.joinOurCircleForm li.ageOfChild label {height:50px;} fieldset.joinOurCircleForm ol li .errorMsg div {margin-right:15px;} fieldset.joinOurCircleForm ol li.radioBtn .errorMsg div {margin-right:200px; margin-top:-1.5em;} fieldset.joinOurCircleForm ol li.terms .errorMsg div {text-align:left;} .Safari fieldset.joinOurCircleForm li.ageOfChild label, .Safari fieldset.joinOurCircleForm li.ageOfChild select {border:1px solid transparent;} /*.Safari fieldset.joinOurCircleForm select {border:1px solid red;} */ .faqSearchBox { margin-left:50px; margin-bottom:20px; } .faqSearchBox input[type=text] { width:348px; } .faqSearchInfo { } /* faq selection form */ #faqFilter.selectionGroup { margin-bottom:5px; min-height:130px; display:block;} #faqFilter fieldset ol li { /*margin-bottom:15px;*/ padding-top:15px; display:block; float:left; width: 448px;} #faqFilter .formLabel,/* .EditingFormLabel*/ { width:65px; text-align:right; padding: 2px 0px;} #faqFilter .dropDownField { width:170px;} /* customized drop down */ #faqFilter div.selector { background: url(../img/dropdown-bg-360.png) no-repeat -1px 1px; border:1px solid #CCCCCC; font-size:0.833em; padding-left:2px; width: 168px; /*display:none;*/ } #faqFilter div.selector span { background-position: right 0px; padding: 0px 25px 0px 2px; cursor: pointer; /* width: 158px; */ width:338px; } #faqFilter div.selector select {/* change these to adjust positioning of select element */ top: 0px; left: 0px; font-size: 1em; border: solid 1px #e9e5f0; /*width:170px;*/} #faqFilter div.selector.disabled span { color: #bbb;} #faqFilter div.selector select.focus:active { color:#3C0} #faqFilter fieldset { display:none;} #faqFilter.selectionGroup div.selector { /* width:178px; */width: 358px;} #faqFilter.selectionGroup .dropDownField { /* width:180px; */ width: 360px;} /* #faqFilter div.selector {background: url("../img/dropdown-bg-170.png") no-repeat scroll -1px 1px transparent;} #faqFilter div.selector span {width: 338px;} #faqFilter.selectionGroup div.selector {background-position: 9px 1px; width: 358px;} #faqFilter.selectionGroup .dropDownField {width: 360px;} */ /* faq */ .faq { margin-bottom:10px;} .faq h3 { font-weight:300; padding:10px; border-top:3px solid #F8F7FA; /*border-bottom:1px solid #e6e5e7;*/ line-height:1.333em; cursor:pointer;} .faqSummary { padding:15px;} .faq .expandableContent { border-top:1px solid #e6e5e7; padding-top:1px} .faq .expandableContent:last-child h3, .faq .expandableContent.lastChild h3, h3.ui-state-active {border-bottom:1px solid #e6e5e7;} .faq .expandableContent:last-child .faqSummary, .faq .expandableContent.lastChild .faqSummary { border-bottom:1px solid #e6e5e7;} h3.ui-state-active { background-color: #f8f7fa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */} h3.ui-state-active .faqQ { background:url("/SummerInfant/img/faq-close.png") no-repeat right bottom; cursor: pointer; } h3.ui-state-active .faqQ:hover { background:url(../img/faq-close-over.png) no-repeat right bottom; cursor: pointer; } h3 .faqQ{background:url("/SummerInfant/img/faq-open.png") no-repeat right bottom; padding-right: 25px; display:block; } h3 .faqQ:hover { background:url("/SummerInfant/img/faq-open-over.png") no-repeat right bottom; } .sidebar { margin-left:30px;} .sidebar p, .sidebar ul { font-size:0.875em; /*0.938em;*/ line-height:1.3em;} .sidebar h2 { margin:15px 0 10px 0; text-transform:capitalize; border-bottom:none; background:url("/SummerInfant/img/h2-border-bottom.png") left bottom repeat-x; padding-bottom:5px;} .sidebar a, .sidebar a:visited { color:#927cba; text-decoration:underline; /*display: block;*/} .sidebar a.readMore { float:right; margin-right: 8px; background-position:right 4px; color:#d5813d; text-decoration:none;} .sidebar a.readMore:hover { text-decoration:underline;} .sidebar a:hover{color:#d5813d;} .sidebar ul li { padding:0 0 15px 15px; background:url("/SummerInfant/img/arrow-breadcrumb.png") 0 3px no-repeat; } .sidebar .cta img {max-width:186px;} /*# Submission form #*/ .form3Col { margin-top:10px;} .form3Col .formLabel, .form3Col .EditingFormLabel { /* width:130px; */ width:129px;} .form3Col div.selector { width:218px; background-position: 49px 1px; } .form3Col .dropDownField, form ol li .EditingFormControlNestedControl div.selector select { width:221px; overflow:hidden; } form ol li .EditingFormControlNestedControl div.selector select option { width:192px; overflow:hidden; } /*#p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zoneMiddleContent_SIContactUsForm_viewBiz_ctl00_Country_uniSelectorCountry_drpSingleSelect option{ width:190px;}*/ /*# Recall form #*/ fieldset ol.recallForm li {width: 540px;} fieldset ol.recallForm li input, form .form3Col ol.recallForm li .EditingFormControlNestedControl input.TextBoxField {width:355px;} .form3Col ol.recallForm div.selector {background-position:-1px 1px;} .recallForm .CheckBoxField input {width:auto;} ol.recallForm .qMark {margin-left:520px;} .recallForm td {padding-bottom:20px;} .recallForm .EditingFormLabel {width:120px;} .recallForm .EditingFormValueCell {width:365px;} .recallForm input {width:355px;} .recallForm div.selector {width:358px; background-image:url("../img/dropdown-bg-360.png");} .recallForm div.selector select, .form3Col ol.recallForm .dropDownField, form ol.recallForm li .EditingFormControlNestedControl div.selector select{ width:360px;} .recallForm input[type="image"] {width:auto; float:right;} ol.recallForm li span.EditingFormErrorLabel, ol.recallForm li .ErrorLabel, ol.recallForm li .errorMsg {margin-right:45px;} ol.recallForm li.mid span.EditingFormErrorLabel {float:right} .EditMode .qMark {display:block !important;} /*************************************************************/ /***** COMMENTED OUT TO BE REPLACED BY NEW BUTTON STYLES *****/ /*************************************************************/ /* .form3Col li .cancelBtn { margin-left:300px; background:none; border:none; color:#d5813d; text-transform:capitalize; margin: 7px 11px 0 277px; font-size:1em;} .form3Col li .cancelBtn:hover {color:#d5813d; text-decoration:underline;} .form3Col li .submitBtn, .form3Col li input.FormButton, fieldset ol li input.submitBtn { background:url("/SummerInfant/img/btn-submission.png") top left no-repeat; width:95px; height:32px; border:none; color:#FFF; text-transform:capitalize; padding:0 10px 3px 0; font-size:1em;} .form3Col li input.FormButton { float:right;} .form3Col li .submitBtn:hover, .form3Col li input.FormButton:hover, fieldset ol li input.submitBtn:hover { background-position:bottom left;} */ .EditingFormLabel, .EditingFormControlNestedControl { float:left;} .formNote {font-size:0.7em; margin-left:140px; width:300px;} .qMark { /*float:left;*/ margin-left:370px; width:24px; height:23px; background:url(../img/q-mark.png) left top no-repeat;} .qMark:hover { background-position:left -22px; cursor:pointer;} hr.hrForm { border: 0; height: 1px; background: #e6e5e7; background-image: -webkit-linear-gradient(left, #f7f7f7, #e6e5e7, #f7f7f7); background-image: -moz-linear-gradient(left, #f7f7f7, #e6e5e7, #f7f7f7); background-image: -ms-linear-gradient(left, #f7f7f7, #e6e5e7, #f7f7f7); background-image: -o-linear-gradient(left, #f7f7f7, #e6e5e7, #f7f7f7); } /*# CTA #*/ .cta { width:188px; border:1px solid #e6e5e7; margin-bottom:10px; padding-bottom:10px; float:left;background-color: #ffffff;} .cta h4 { font-size: 0.875em; line-height:1.2em; text-transform: capitalize; border-bottom:1px solid #e6e5e7; margin-bottom:3px; background-color:#FFF; padding:1px; } .cta h4 .spacer, .cta h2 .spacer {/*margin-bottom:1px;*/ display:block; padding:4px 8px; /*padding:3px 8px 2px 8px;*/ background-color: #fefefe; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f4f8)); background-image: -webkit-linear-gradient(top, #fefefe, #f5f4f8); background-image: -moz-linear-gradient(top, #fefefe, #f5f4f8); background-image: -ms-linear-gradient(top, #fefefe, #f5f4f8); background-image: -o-linear-gradient(top, #fefefe, #f5f4f8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8')"; /* IE8 */} .cta p { padding:3px 8px;} .sidebar .cta a { word-wrap: break-word; } .sidebar .cta h3, .sidebar .cta ul {padding:0 8px;} /*.cta a:hover { text-decoration:underline;}*/ /*# Demo #*/ .demoSelectionGroup { margin-top:25px; margin-bottom:25px; position: relative; border-bottom: 3px solid #F8F7FA;} .demoSelectionGroup .bottomBorderDemo { border-bottom:1px solid #e6e5e7; display:block; margin-bottom:1px; padding-bottom:20px;} .allDemoLink { position: absolute; right:0; top:10px; font-size:0.785em; font-weight:500; text-transform:capitalize; background:#FFF; border:1px solid #cccccc; padding:1px;} .allDemoLink .buttonBg { padding:0px 8px; background-color: #f8f7fa; /* background-image: url(images/fallback-gradient.png); */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */; border:none !important;} .allDemoLink:hover {background-color: #F4AF60; border: 1px solid #D5813D; cursor:pointer; } .allDemoLink:hover a{color:#FFF;} .allDemoLink:hover .buttonBg { cursor:pointer; background-color: #e59b4b; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd8a46), to(#e59b4b)); background-image: -webkit-linear-gradient(top, #dd8a46, #e59b4b); background-image: -moz-linear-gradient(top, #dd8a46, #e59b4b); background-image: -ms-linear-gradient(top, #dd8a46, #e59b4b); background-image: -o-linear-gradient(top, #dd8a46, #e59b4b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b')"; /* IE8 */} .demoSelectionGroup .selectionGroup { margin-top:-15px; min-height: 60px;} .demoSelectionGroup .selectionGroup ol li { float:left; width:148px; margin-right:10px;} .demoSelectionGroup .selectionGroup ol li.right { margin-right:0px;} .demoSelectionGroup .selectionGroup .formLabel { text-align:left; width:auto; display:block;} .demoSelectionGroup .selectionGroup div.selector { width:148px; background-position: -21px 1px;} .demoSelectionGroup .selectionGroup div.selector span { width:138px;} .demoSelectionGroup .selectionGroup .dropDownField { width:150px;} .demoList {} .demoList ul li { border-bottom:1px solid #e6e5e7; margin-bottom:10px; padding-bottom:10px;} .demoList ul li h3 a { text-decoration:underline; cursor:pointer;} .demoList ul li a { display:block;} .demoList ul li a.demoPDF, .demoList ul li a.demoPlay {padding-left:18px; color:#d5813d;} .demoList ul li a.demoPDF { background:url("/SummerInfant/img/btn-demo-pdf.png") left 3px no-repeat; } .demoList ul li a.demoPlay { background:url("/SummerInfant/img/btn-demo-play.png") left 3px no-repeat;} .demoList ul li a.demoPlay:hover { background-position:left -28px; color: #927CBA; text-decoration:underline;} .demoList ul li a.demoPDF:hover { background:url("/SummerInfant/img/btn-demo-pdf-hover.png") left 3px no-repeat; color: #927CBA; text-decoration:underline;} .gradientBg, .tabNav nav .CMSListMenuLink { background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */} /*# Expert Advice #*/ .tabNav { border-bottom: 3px solid #F8F7FA; padding-bottom:3px 0 1px 0; margin:23px 0 25px 0; } .tabNav nav ul {border-bottom:1px solid #e9e5f0; padding-bottom:0px;} .tabNav nav ul li { display:inline; font-size:1.333em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-weight:300; text-transform:capitalize; padding:6px 0px; margin-right: 8px; margin-left:0px; border-left:1px solid #e9e5f0;border-top:1px solid #e9e5f0;border-right:1px solid #e9e5f0; background:none; background-color:#fff; padding:3px 1px; } .tabNav nav ul li .gradientBg, .tabNav nav ul li a.CMSListMenuLink, .tabNav nav ul li a.CMSListMenuLinkHighlighted { padding:2px 8px;} .tabNav nav ul li a {/*background:url(../img/tabnav-bg.png) left -2px repeat-x;*/ } .tabNav nav ul li a:hover { /*border-bottom:2px solid #f4af60; margin-bottom:2px;*/} .tabNav nav ul li.HighLighted .gradientBg, .tabNav nav ul li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted{ background:#FFF; border-bottom:5px solid #FFF; /*padding-bottom:9px;*/} .tabNav nav ul li:hover .gradientBg, .tabNav nav ul li:hover a.CMSListMenuLink, .tabNav nav ul li:hover a.CMSListMenuLinkHighlighted { border-bottom:2px solid #f4af60; /*padding-bottom:4px;*/ } .tabNav nav ul li:hover { cursor:pointer;} #blogListNav ul {list-style:none; margin-top:-8px;} #blogListNav ul li { background-color: #FFFFFF; border: 1px solid #E6E5E7; float: left; font-size: 1em; line-height: 1.2em; /* margin: -8px 0 0 5px; */ margin:0 0 .5em .5em; padding: 1px; text-align: center; } #blogListNav ul li a { background-color: #FEFEFE; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F5F4F8)); background-image: -webkit-linear-gradient(top, #FEFEFE, #F5F4F8); background-image: -moz-linear-gradient(top, #FEFEFE, #F5F4F8); background-image: -ms-linear-gradient(top, #FEFEFE, #F5F4F8); background-image: -o-linear-gradient(top, #FEFEFE, #F5F4F8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F5F4F8'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#F5F4F8')"; /* IE8 */ display: block; padding: 1px 8px; } #blogListNav ul li:hover { background-color:#e59b4b; border-color:#D5813D; } #blogListNav ul li:hover a { color:#FFF; background-color: #e59b4b; color:#FFFFFF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd8a46), to(#e59b4b)); background-image: -webkit-linear-gradient(top, #dd8a46, #e59b4b); background-image: -moz-linear-gradient(top, #dd8a46, #e59b4b); background-image: -ms-linear-gradient(top, #dd8a46, #e59b4b); background-image: -o-linear-gradient(top, #dd8a46, #e59b4b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b')"; /* IE8 */ } #blogListNav ul li.HighLighted { background-color:#b4b2b6; border-color:#7a777d; } #blogListNav ul li.HighLighted a { color:#FFF; background-color: #949297; color:#FFFFFF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#949297), to(#928f94)); background-image: -webkit-linear-gradient(top, #949297, #928f94); background-image: -moz-linear-gradient(top, #949297, #928f94); background-image: -ms-linear-gradient(top, #949297, #928f94); background-image: -o-linear-gradient(top, #949297, #928f94); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#949297', endColorstr='#928f94'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#949297', endColorstr='#928f94')"; /* IE8 */ } /*# Post List #*/ .postList ul li, .featureWrapper, .post, .postTeaser, .featureWrapper, .featureWrapper .postTeaser { float:left; display:block;} .featureWrapper { border:1px solid #e9e5f0; padding:1px; background:#FFF; display:block; margin-bottom:15px; } .socialLinksTop { float:right; position: relative; right: 0px; top: -37px;} .post { display:block; /*height:222px;*/ background-color: #f8f7fa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */} .post img { margin-right:20px; padding:0; float:left; /*ie7*/ } .featureWrapper .postSummary { position:relative; /*height:185px; padding-bottom:10px;*/ padding-left:20px;} .postSummary { margin-left:222px; padding:15px 10px 3px 0px; /*position:relative; float:left; ie7*/ } .postSummary h3 { font-size:1.056em; font-weight:300; margin-bottom:5px; border-bottom:none;} .postSummary h3 a { text-decoration:underline;} .postSummary h3 a, .postSummary h3 a:visited { color:#5A575D;} .postSummary h3 a:hover {color:#d5813d;} .postSummary a:hover { text-decoration:underline;} /*.postSummary*/ .postInfo, /*.postSummary*/ .tags { font-size:0.813em;} /*.postSummary*/ .tags { background:url("/SummerInfant/img/tag.png") left 5px no-repeat; padding-left:15px; margin-left:20px; margin-top:30px; text-transform:capitalize;} /*.postSummary*/.postDetail .tags a, .tags a { color:#d5813d; padding:0 3px 0 3px; text-decoration:none; } .postDetail .tags a:hover, .tags a:hover { text-decoration:underline;} .featureWrapper .postSummary .tags { overflow:hidden; /*position:absolute; bottom:0; margin-left:240px;left:20px;*/} /* special treatment for feature post tags in order to keep it in the bottom regardless of summary length */ .postSummary P { padding-bottom:0px;} .postList .postSummary, .postList .tags { margin-left:0px;} .postList .tags { margin-top:15px;} .postList ul { padding-bottom:0px;} .postList ul li { /*border-bottom:3px solid #f8f7fa;*/ padding:0 0 1px 0; margin:0px; background:none; width:100%;/*for shorter testing content*/} .postList ul li.first { border-bottom:none;} .postList ul li h2 { border-bottom:none;} .postList li:last-child {border-bottom:none; margin-bottom:10px;} .postList ul li .postListWrapper {border-bottom:1px solid #e6e5e7; padding-bottom:15px; width:100%;/*for shorter testing content*/} .sidebar .tcWrapper { margin-bottom:20px;} .sidebar .TagCloud { padding:2px 2px 0 5px;} .sidebar .TagCloud a { float:left; padding:0px 2px; background-color:#f4af60; color:#FFF; margin:0 3px 3px 0; text-decoration: none; font-size: 0.889em!important;} .sidebar .TagCloud a:hover { background-color:#927cba; color:#FFF;} .sidebar .bloggerList ul li { background:none; padding:0 0 20px 60px; position:relative;} .bloggerList ul { margin-top:-2px;} .bloggerList ul li img {border:1px solid #e6e5e7; left: 0; /*top: 3px;*/ position:absolute;} .bloggerList h5 { font-size:1.063em;} .bloggerList ul li p a { font-size:1.188em;} .bloggerList .italicLight { font-size:0.842em; line-height:1.3em; display:block;} .bloggerList em { font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-size:0.842em; line-height:1.3em; display:block;} .bloggerList p { margin-top:10px; clear:both;} /*# Post Detail #*/ .postDetail { margin-top:35px;} .postDetail img {border:1px solid #e6e5e7; margin-right:15px; float:left;} .postDetail h2 { margin-bottom:5px;} .postDetail .postInfo { margin-bottom:20px;} .postDetail .postContent {display:inline-block;} .postDetail .tags {clear:both; margin:10px 0px 20px 0;} .postDetail p a, .postDetail div a {color: #927CBA; text-decoration: underline;} .postDetail p a:hover, .postDetail div a:hover{ color:#d5813d; } .postDetail ul li {padding: 0 0 1px 15px;} /* Fixes for lists beside floated images: */ .postDetail ol li {position:relative; left:15px; padding-right:15px;} .postDetail ul {overflow:hidden;} .commentsList ul li { background:none; padding-left:0px; margin-left:0px; } .commentsList .commentsInfo {font-size:1.063em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; color:#5A575D;} .commentsForm .cta { width:300px; height:286px; background:#FFF; /*this is right position setting - width:230px; height:286px; margin-left:-10px;*/} .commentsForm h2 {border-bottom:1px solid #e6e5e7; margin-bottom:0px;} .commentsForm .cta ol { margin-left: 5px; width:290px;} .commentsForm .cta ol li { padding-top:10px;} .commentsForm .formLabel, .commentsForm label { width:75px;} .commentsForm input.commentsSubmit{ float:right; margin-right:25px; margin-left:145px; padding-right:15px; border:none; color:#666666;/*#7a777d;*/ width:120px; background:url("/SummerInfant/img/btn-newsletter-form-off.png") right center no-repeat;} .commentsForm input.commentsSubmit:hover { color:#ad9ccb; background:url("/SummerInfant/img/btn-newsletter-form-on.png") right center no-repeat;} .commentsForm textarea { height:120px;} /* default comment view generated mark up style update */ .BlogCommentsTitle { display:block; width:100%; margin:15px 0 10px 0; text-transform:capitalize; border-bottom:none; background:url("/SummerInfant/img/h2-border-bottom.png") left bottom repeat-x; padding-bottom:5px; font-size:1.222em; font-weight:300; line-height:1.5em; margin-bottom: 15px; text-transform:capitalize; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; } .CommentDetail { margin-bottom:15px;} .CommentDetail .CommentUserName, .CommentDetail .CommentDate {font-size:1.063em; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; color:#5A575D;} hr.PostCommentSeparatorLine { display:none;} table.BlogPanel { width:300px; border:1px solid #e6e5e7; margin:10px 0px; padding-bottom:5px; float:left; background:#fff;} table.BlogPanel .BlogLeaveComment {display:block; padding:4px 8px; border-bottom: 1px solid #E6E5E7; font-size: 1.222em; line-height: 1.5em; text-transform: capitalize; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; background-color: #fefefe; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f4f8)); background-image: -webkit-linear-gradient(top, #fefefe, #f5f4f8); background-image: -moz-linear-gradient(top, #fefefe, #f5f4f8); background-image: -ms-linear-gradient(top, #fefefe, #f5f4f8); background-image: -o-linear-gradient(top, #fefefe, #f5f4f8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8')"; /* IE8 */} .CommentFormContainer { padding-top:10px;} table.CommentForm {} table.CommentForm tr td { padding-bottom:10px;} table.CommentForm div label {width: 75px; padding: 2px 0; text-align: right; margin-right: 10px;} table.CommentForm .TextBoxField {width: 170px;} table.CommentForm .TextAreaField {width:170px; height:120px;} table.CommentForm input.SubmitButton {float:right; margin-right:28px; /*margin-left:145px;*/ padding-right:15px; border:none; color:#666666;/*#7a777d;*/ /*width:120px;*/ background:url("/SummerInfant/img/btn-newsletter-form-off.png") right center no-repeat;} table.CommentForm input.SubmitButton:hover { color:#ad9ccb; background:url("/SummerInfant/img/btn-newsletter-form-on.png") right center no-repeat;} .BlogRequiredValidator .CMSValidator span { font-size:0.75em; color: #D5813D; float:right; margin-right:35px;} .CommentFormContainer .InfoLabel { margin-left:85px; color:#D5813D; } .recentPosts { margin-top:27px;} .linkList ul li { padding-bottom:5px; margin-left:3px;} h2.topicList { border-bottom:none; background:url("/SummerInfant/img/h2-border-bottom.png") left bottom repeat-x; padding-bottom:5px; margin-top:25px;} h2.topicList .bottomBorder {border-bottom:none; padding-left:10px; margin-top:10px; } /*# Our Products #*/ .landingImages { margin-bottom:10px; /*5px for feature image*/} .contentRight .landingImages { height:260px;} .landingImages img {border:1px solid #e6e5e7; padding:0px;} /* Flexslider style override -- Moved to flexslider.css due to it's included after site.css */ /*.flex-caption { background-color:#7a777d; bottom: 13%; top:13%; left:auto; right: 1px; width: 22%; color: #FFFFFF; text-shadow:none; font-weight:300; margin: 0; padding: 2%; position: absolute;} .flex-control-nav { position: absolute; bottom: 2%; right:15px; text-align: right; width: 30%; } .flex-control-nav li a {text-indent: 1999em; overflow:hidden;}*/ .whiteHeader {color:#FFF; font-size:1.25em; line-height:1.3em; display:block; /*margin-bottom:5px;*/} .orangeHeader {color:#f4af60; font-size:1.25em; /*1.188em;*/ line-height:1.2em; display:block; margin-bottom:20px;} .italicHeader { color:#FFF; font-style:italic; font-size:1em; line-height:1em; display:block;} .thirdHeader{ color:#FFF; font-size:1em; line-height:1em; display:block;} .buttonLink { position: absolute; bottom:14px; width:83%} .flex-caption .buttonBg { padding:2px 5px 2px 5px;} .flex-caption .buttonWrap { text-align:left;} .flex-caption .buttonWrap.buttonLink a { font-size:0.938em; line-height:1.5em; display:block; background-position:right 6px;} .productLandingIntro {margin-bottom:10px; font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif;} .gridLayout .cta { width:228px; margin: 0 10px 10px 0px; padding-bottom:0px; min-height:190px; background:#ffffff;} .gridLayout .cta:last-child, .gridLayout .cta.right { margin-right:0px;} .gridLayout .cta h2 {font-size:1.33em; font-weight:300; /*margin-top:-5px; padding-left:10px;*/ border-bottom:1px solid #e6e5e7; /*line-height:1.8em;*/ padding:1px; background: #fff; margin-bottom: 0px; } .gridLayout .cta h2 a { display:block; padding-left:7px; text-align:left;} .gridLayout .cta h2 .gradientBg { padding:0px; display:block; border-bottom:2px solid #f8f7fa;} .gridLayout .cta:hover h2 a{color:#d5813d} .gridLayout .cta:hover .gradientBg {border-bottom:2px solid #f4af60; margin-bottom:0px; padding-bottom:0px;} .gridLayout .cta a {display:block; text-align:center;} .gridLayout .cta img {max-width:226px;} .productLanding { margin-bottom:9px; float:left;} .productLanding.gridLayout .alpha { clear: both; } .relatedPost .postList { margin-top:-15px;} .relatedPost .postList ul li .postListWrapper, .relatedPost .postList ul li { border-bottom:none;} /*Award Winners grid*/ .gridSmall { float:left;} .gridSmall .itemIcon { background:url("/SummerInfant/img/ribbon.png") left top no-repeat; display:block; height:36px; width:30px; position:relative; top:37px; left:0px; text-indent:-999px; } h2.ribbon { text-indent:35px; margin-top:-40px; } .ribbonWrapper {border-bottom:3px solid #f8f7fa;} /* Award winnder and relate products */ .gridSmall ul { margin-top:3px;} .gridSmall ul li { width:148px; float:left; margin:0 9px 10px 0px; /*margin:0 10px 10px 0px; margin:0 20px 10px -10px;*/ border:1px solid #e6e5e7; /*padding:1px;*/ background:#FFF; } .gridSmall ul li.lineWrap {clear:both;} .gridSmall ul li a.img {display:block; min-height:110px;} .gridSmall ul li img {margin-left:5px; padding:0px; width:140px; height:103px;} /* 140xx100 */ .gridSmall ul li h3 { font-size:0.889em; border-top:1px solid #e6e5e7; line-height:1.2em; padding:1px; background:#FFF;} .gridSmall ul li h3 .gradientBg { display:block; padding:5px 10px 10px 10px; /* min-height:32px; */ min-height:4em;} .gridSmall ul li a { text-decoration:underline; outline:none;} .gridSmall ul li:hover a{color:#d5813d} .gridSmall ul li:last-child { margin-right:0px;} /*# Product detail flexslider styles #*/ /* Browser Resets */ .flex-container a:active, .slider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .slider, .productSlider {width: 100%; margin: 0; padding: 0;} .slider .slides > li, .productSlider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .slider .slides img, .productSlider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block !important;} /* FlexSlider *********************************/ .slider {background: transparent; border: none; position: relative; zoom: 1; overflow:hidden;} .slider .slides { float: left; /*width: 720px; height:334px;*/ zoom: 1; margin:0; padding:0;} .slider .slides > li {position: relative; padding:0; margin:0;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} .slider .slider-controls {float:left; width:240px; padding:0; list-style:none; margin:0;} .oldie .slider .slider-controls { width:238px; } .slider .slider-controls li { background:url("/SummerInfant/img/bkg-banner-nav.jpg") no-repeat scroll left top transparent; border-top:1px solid #ebeae7; border-top:1px solid #ebeae7; border-bottom:1px solid #ffffff; position:relative; margin:0;} .slider .slider-controls li.active {background-position:left bottom;} .slider .slider-controls li.dropshadow {background-position:left center;} .slider .slider-controls li.first { border-top:none; -moz-border-radius-topleft:0px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px;} .slider .slider-controls li.last { border-bottom:none} .slider .slider-controls li a {text-decoration:none; width:185px; padding:20px 35px 20px 20px; height:42px; display:block;} .slider .slider-controls li a:focus { outline: none; } .slider .slider-controls li.active span.active-arrow {display:block;} .slider .slider-controls li span.active-arrow {width:0px; height:84px; display:none; position:absolute; top:0; left:0; top:-1px; background:url("/SummerInfant/img/bkg-banner-nav-arrow.png") no-repeat scroll 0px 30px transparent;} .slider .slider-controls li span.active-arrow span { width:0px; height:85px; display:block; background-color:#bcd157; -moz-border-radius-topleft:5px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; float:right;} .productSlider {background: transparent; border: none; position: relative; zoom: 1; overflow:hidden; margin-left:-10px; width:470px;} .productSlider .slides { /*float: left;*/ width: 467px; min-height:302px; zoom: 1;} .productSlider .slides > li {position: relative; margin:0;} /* Elastislide Styles, next and previous navigation*/ .es-nav .esNavPrevWrapper, .es-nav .esNavNextWrapper {position:absolute; top:0; left:0px; width:20px; height:91px; text-indent:-9000px; cursor:pointer; /*opacity:0.8;*/ background-color: #f8f7fa; /* background-image: url(images/fallback-gradient.png); */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */ } .es-nav .esNavNextWrapper { border-left:1px solid #e6e5e7;} .es-nav .esNavPrevWrapper { border-right:1px solid #e6e5e7;} .es-nav span.es-nav-prev {background:transparent url(../img/arrows-slidshow3.png) no-repeat left top; margin-top:38px; margin-left:3px; width:14px; height:14px; display:block;} .es-nav span.es-nav-next {background:transparent url(../img/arrows-slidshow3.png) no-repeat right top; margin-top:38px; margin-left:3px; width:14px; height:14px; display:block;} .es-nav .esNavPrevWrapper:hover span.es-nav-prev {background-position: left bottom; } .es-nav .esNavNextWrapper:hover span.es-nav-next {background-position: right bottom; } /*.es-nav span.es-nav-next, */.es-nav .esNavNextWrapper {right:0px; left:auto;/*background-position:-30px 38px;*/} .es-nav span:hover{ opacity:1.0;} .es-nav .esNavPrevWrapper.disable, .es-nav .esNavPrevWrapper.disable:hover span.es-nav-prev, .es-nav .esNavNextWrapper.disable, .es-nav .esNavNextWrapper.disable:hover span.es-nav-next { cursor: default; background-position:left top;} .disable .es-nav-prev, .disable .ex-nav-next {background-image:none;} .es-nav .disable span.es-nav-next, .es-nav .disable span.es-nav-prev {background-image:none;} /*# Product details slideshow image #*/ .productSlider { margin-bottom:45px;} .productImageSlider {border:1px solid #e6e5e7; } .productControls { position:relative; margin:10px 0 10px 0;/*padding:10px 0; width:99.5%;*/ border:1px solid #e6e5e7;} .productControls .es-carousel { overflow:hidden; width:435px; height:91px; margin:0 25px;} .productControls ul {padding:0; margin:0; width:410px;} .productControls ul li {display:block; float:left; list-style:none; /*margin:0 0 10px;*/width:141px; padding:0 2px;} .productControls ul li.active a, .productControls ul li.active a:hover {/*border-color:#7134ae;*/} .productControls ul li a {display:block; background-color: #FFF; /*border: 1px solid #C7C5BB;*/ border-left: 1px solid #e6e5e7; border-right: 1px solid #e6e5e7; float: right; margin: 0 0px; padding: 0px; /* opacity:0.3; */ opacity:1.0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .productControls ul li a img {width:141px; height:91px;} .productControls ul li.active a {/* opacity:1.0; */opacity:0.3;} .productControls ul li a:hover {opacity:0.9;} .zoomIn { position:absolute; right:9px; bottom:9px; width:24px; height:23px; background:url("/SummerInfant/img/zoom-in.png") top center; text-indent:-999px;} .productImageSlider ul li:hover .zoomIn { background-position:bottom left;} /*# Related product grid list #*/ .relatedProducts { margin-left:-10px; /*width:470px;*/} .relatedProducts .gridSmall ul li { padding:0px;} .relatedProducts .gridSmall ul li.right { margin-right:0px;} /*.relatedProducts .gridSmall ul li:nth-child(3n) { margin-right:0px;} not working in IE7/8 */ .productDetails { padding-left:30px;} .productDetails .bottomBorder {padding-bottom: 3px;} /* .productDetails .itemIcon { background:url("/SummerInfant/img/ribbon-award.png") left top no-repeat; display:block; height:68px; width:56px; position:relative; top:68px; left:-2px; text-indent:-999px; } .productDetails h2.ribbon { margin:-70px 0 30px 0; text-indent:0px; line-height:1.2em; } .titleIndent { position:relative; margin-left:62px; display:block;} .productNumber { font-size:0.667em; font-style:italic;} */ .productST {display:inline-block; float:right; margin-top:8px;} .social span {display:block; width:19px; height:17px; background:url("/SummerInfant/img/st-sprite.png") left top no-repeat; float:left; cursor:pointer;} .social span.st_email_custom {} .social span.st_pinterest_custom {background-position:-20px top;} .social span.st_googleplus_custom {background-position:-40px top;} .social span.st_twitter_custom {background-position:-60px top;} .social span.st_facebook_custom {background-position:-80px top;} .social span.st_sharethis_custom {background-position:-100px top;} .social span.st_linkedin_custom {background-position:-120px top;} .social span.st_email_custom:hover {background-position:left bottom;} .social span.st_pinterest_custom:hover {background-position:-20px bottom;} .social span.st_googleplus_custom:hover {background-position:-40px bottom;} .social span.st_twitter_custom:hover {background-position:-60px bottom;} .social span.st_facebook_custom:hover {background-position:-80px bottom;} .social span.st_sharethis_custom:hover {background-position:-100px bottom;} .social span.st_linkedin_custom:hover {background-position:-120px bottom;} .productDetails .productTitle {background: url("/SummerInfant/img/shoppingCartTableBorder.png") repeat-x scroll left bottom transparent; position:relative;} .productTitle img {position:absolute; bottom:-11px; left:-5px;} .productTitle h2 {line-height:1.3em; padding-bottom:0.2em;} .productTitle h2.awardWinner {margin-left:68px;} .productTitle .productNumber { font-size:0.667em; font-style:italic;} .productDetails P, .productDetails ul { font-size:1em;} .productDetails ul li { padding:0 0 1px 15px;} .styleOption { clear:both; /* padding:0 0 15px 0; display:inline-block; */} .styleOption h3 { font-size:1.111em; font-weight:300; line-height:1.5em; padding:9px 9px 9px 0;} .styleOption ul li { float:left; background:none; width:45px; padding:0px; margin:0 10px 0 0;} .styleOption ul li img {border:1px solid #e6e5e7; display:block;} .styleOption ul li img:hover {border:1px solid #F4AF60;} .styleOption ul li.right { margin-right:0px;} .styleOption ul li img.here { border:1px solid #F4AF60;} #productDemos {/*width:100%; display:inline-block; margin:0 0 20px 0; */ width:100px; float:right;} .productDemo {position:relative; display:inline-block;} .IE7 .productDemo {width:102px; float:left; margin:0 10px 0 0;} .productDemo .cta { width:100px; margin: 0 10px 0 0; padding-bottom:0px; } .btnPlay { position:absolute; right:38%; bottom:22px; width:24px; height:23px; background:url("/SummerInfant/img/productDemoImg-off.png") top center; text-indent:-2999px;} .productDemo .cta a { background:url("/SummerInfant/img/productDemoImg-off.png") no-repeat; display:block; width:98px; height:68px; text-indent:-2999px; } .productDemo .cta a:hover { background:url("/SummerInfant/img/productDemoImg-on.png");} .productDemo a {display:block;} #productPurchaseInfo {border:1px solid #f0eef5; display:inline-block; /* margin:20px 0 35px 0; */ margin:20px 0 0 0;} .productPrice { /* text-align:right; margin:0 13px 23px 0;*/ font-size:1.7em; color:#e79e56; /*width:152px;*/ width:151px; float:left; text-align:center; margin:12px 0 0 0;} .productPrice .onSale {display:block; font-size:.7em; line-height:.7em;} .productBuy {width:275px; float:left; border-left:1px solid #f0eef5; } .productBuy .productStock {border-bottom:1px solid #f0eef5;} .productBuy .productStock span {background:url("/SummerInfant/img/iconCheck.png") no-repeat 7px; center; margin:0; padding: 0 0 0 26px; color:#e79e56; display:block; border:1px solid #ffffff;} .productBuy.noStock .productStock span {background:none; color:#666666;/*#7a777d;*/ font-style:italic; padding-left:8px;} #productPurchaseInfo .productSpecifyQty, #productPurchaseInfo #productAdd {float:left; height:54px;} #productPurchaseInfo .productSpecifyQty {/* width: 121px; */ width:120px;} .productSpecifyQty label, .productSpecifyQty span {margin:17px 5px 0 4px;} .productBuy.noStock .productSpecifyQty label {color:#bab8bc;} .productSpecifyQty input[type="text"] {width:30px; margin:17px 0 0 0;} .productSpecifyQty input[disabled="disabled"] {background:#f3f2f4; border:1px solid #e4e4e4;} #productPurchaseInfo #productAdd {border-left:1px solid #f0eef5; width:153px;} #productPurchaseInfo #productAdd .buttonWrap {margin:11px 0 0 10px;} .noStock .outOfStock{ font-style: italic;color: #666666;} .IE7 .productPrice {width:142px;} .IE7 .productBuy {} .IE7 #productPurchaseInfo #productAdd {} .IE7 #productPurchaseInfo #productAdd .buttonWrap {} .IE7 #productPurchaseInfo #productAdd .buttonBg {} .IE7 #productPurchaseInfo #productAdd .buttonBg input {padding:0 5px 0 0;} #productPurchaseInfo .productSpecifyQty, #productPurchaseInfo #productCantAdd {float:left; height:54px;} #productPurchaseInfo #productCantAdd {border-left:1px solid #f0eef5; width:153px;} #productPurchaseInfo #productCantAdd .buttonWrap {margin:11px 0 0 10px;} .IE7 #productPurchaseInfo #productCantAdd {} .IE7 #productPurchaseInfo #productCantAdd .buttonWrap {} .IE7 #productPurchaseInfo #productCantAdd .buttonBg {} .IE7 #productPurchaseInfo #productCantAdd .buttonBg input {padding:0 5px 0 0;} .productDescription { /*float:left; width:300px; padding-right:135px; background: url("/SummerInfant/img/shoppingCartTableBorder.png") repeat-x scroll left top transparent; padding:18px 0 0 0;*/} .productDescription.hasDemos {width:310px; float:left;} .productDescExtra { float:right; width:102px; position: relative;} .buttonBuy { width:98px; /*height:32px;*/ } .buttonWrap { border:1px solid #d5813d; text-align:center; padding:1px; background-color:#f4af60; } .buttonWrap a { background:url("/SummerInfant/img/arrow-white-dot.png") right 3px no-repeat; padding-right:26px; color:#FFF; } .buttonBg { display:block; padding:3px 5px; background-color: #df914f; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eea85c), to(#df914f)); background-image: -webkit-linear-gradient(top, #eea85c, #df914f); background-image: -moz-linear-gradient(top, #eea85c, #df914f); background-image: -ms-linear-gradient(top, #eea85c, #df914f); background-image: -o-linear-gradient(top, #eea85c, #df914f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eea85c', endColorstr='#df914f'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eea85c', endColorstr='#df914f')"; /* IE8 */} .buttonBg:hover { cursor:pointer; background-color: #e59b4b; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd8a46), to(#e59b4b)); background-image: -webkit-linear-gradient(top, #dd8a46, #e59b4b); background-image: -moz-linear-gradient(top, #dd8a46, #e59b4b); background-image: -ms-linear-gradient(top, #dd8a46, #e59b4b); background-image: -o-linear-gradient(top, #dd8a46, #e59b4b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b')"; /* IE8 */} .buttonBuy { text-transform: capitalize; font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-size: 1em;} .whereToBuy {clear:both; border-top: 1px solid #E6E5E7; margin-top:20px;} .whereToBuy h3 {border-top: 3px solid #F8F7FA; padding:4px 0 0 0;} a.productShowMore {color:#d5813d; background: url("/SummerInfant/img/arrowDown.png") no-repeat scroll right center; padding-right:10px; font-size:.8em;} a.productShowMore:focus {outline:none;} a.productShowMore:hover {text-decoration:underline;} a.productShowMore.open {background-image: url("/SummerInfant/img/arrowUp.png")} .productWhereToBuy.short {height:68px; overflow:hidden;} .productWhereToBuy.tall {min-height: 145px; height:auto; overflow:visible;} .IE7 .productWhereToBuy {width:440px;} .IE7 .productWhereToBuy a {/* padding-bottom:20px; */ height:78px; margin:0 10px 10px 0; display:block; width:98px; float:left;} .IE7 .productWhereToBuy a.last {margin-right:0;} /* Bundle CTA button style*/ .buttonWrap.bundleCTA { margin:8px 0 4px 8px; } /* Accordion content */ .productInfo { clear:both; padding-top:30px;} .productInfo h3 { font-weight:300; font-size:1.111em; border-top:1px solid #e6e5e7; /*border-bottom:1px solid #e6e5e7;*/ line-height:1.5em; cursor:pointer;} .productInfoText { padding:15px; } .productInfo .productInfoTitle { padding:6px 9px; margin-right:10px;} .productInfo h3 span { /*padding-left:10px;*/ } .productInfo .expandableContent:last-child h3, h3.ui-state-active {border-bottom:1px solid #e6e5e7;} h3.ui-state-active { background-color: #f8f7fa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */} h3.ui-state-active .productInfoTitle { background:url("/SummerInfant/img/faq-close.png") no-repeat 400px 9px; cursor: pointer; } h3.ui-state-active .productInfoTitle:hover { background:url("/SummerInfant/img/faq-close-over.png") no-repeat 400px 9px; cursor: pointer; } h3 .productInfoTitle{background:url("/SummerInfant/img/faq-open.png") no-repeat 400px 9px; padding-right: 25px; display:block; } h3 .productInfoTitle:hover { background:url("/SummerInfant/img/faq-open-over.png") no-repeat 400px 9px; } .productInfo .expandableContent:last-child h3, h3.ui-state-active {border-bottom:1px solid #e6e5e7;} .productInfo h3 span { display:block;} .productInfoText ul li a { color:#E79E56;} .productInfoText ul li a:hover { text-decoration:underline;color:#927CBA;} .productInfoText a { display: block;} .productInfoText a.demoPDF { background: url("/SummerInfant/img/btn-demo-pdf.png") no-repeat scroll left 5px transparent;padding-left: 18px;color: #E79E56;} .productInfoText a.demoPDF:hover { background:url("/SummerInfant/img/btn-demo-pdf-hover.png") left 5px no-repeat; color: #927CBA; text-decoration:underline;} .productInfoText a.demoPlay { background: url("/SummerInfant/img/btn-demo-play.png") no-repeat scroll left 5px transparent; padding-left: 18px;color: #E79E56;} .productInfoText a.demoPlay:hover { background-position: left -26px ; color: #927CBA; text-decoration: underline;} .productAwards { padding-bottom: 15px; padding-top: 15px;} .productAwards img { margin-right: 7px; border: 1px solid #e9e7f2;} .productAwards a:hover img { border: 1px solid #E79E56;} .productAwards img.last { margin-right: 0;} .IE8 .productInfo .expandableContent h3, .IE7 .productInfo .expandableContent h3 {border-top:none;} .IE8 .productInfo .expandableContent h3 span.productInfoTitle, .IE7 .productInfo .expandableContent h3 span.productInfoTitle {display:inline-block;} .productWhereToBuy { padding-bottom: 15px; padding-top: 15px;} .productWhereToBuy img { margin-right: 7px; border: 1px solid #e9e7f2;} .IE8 .productWhereToBuy img, .IE7 .productWhereToBuy img {margin-right:5px;} .last img { margin-right:0px;} .productWhereToBuy a:hover img { border: 1px solid #E79E56;} .productWhereToBuy img.last { margin-right: 0;} .quote{ font-weight:300; font-size: 1em; padding:40px; position:relative; } .quote p {font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif; margin-bottom:0px; padding-bottom:0px;} .quote p:before { content: open-quote; background:url("/SummerInfant/img/quote-open.png") no-repeat; width:17px; height:12px; display:block; position:absolute; left:17px; text-indent:-1999px; } .quote p:after { content: close-quote; background:url("/SummerInfant/img/quote-close.png") no-repeat; padding:1px 9px; margin: 5px 3px; position:absolute; text-indent:-1999px;} .quoteSource { font-style:normal; font-weight:500; font-size:0.938em; padding-top:5px;} /* override ShareThis detaul buttons */ .socialLinksProduct { text-align:right; margin-top: 4px;} .socialLinksProduct .stButton { margin-right:0px;} .socialLinksProduct .stButton .email, .socialLinksProduct .stButton .pinterest, .socialLinksProduct .stButton .googleplus, .socialLinksProduct .stButton .twitter, .socialLinksProduct .stButton .facebook, .socialLinksProduct .stButton .sharethis { background:none;} .socialLinksProduct .st_email, .socialLinksProduct .st_pinterest, .socialLinksProduct .st_googleplus, .socialLinksProduct .st_twitter, .socialLinksProduct .st_facebook, .socialLinksProduct .st_sharethis { width:17px; height:17px; padding-bottom:0px;} .socialLinksProduct .st_email { background: url(../img/st-email.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_pinterest { background: url(../img/st-pin.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_googleplus { background: url(../img/st-gplus.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_twitter { background: url(../img/st-tweet.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_facebook { background: url(../img/st-fb.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_sharethis { background: url(../img/st-share.png) no-repeat scroll left top transparent; } .socialLinksProduct .st_email:hover, .socialLinksProduct .st_pinterest:hover, .socialLinksProduct .st_googleplus:hover, .socialLinksProduct .st_twitter:hover, .socialLinksProduct .st_facebook:hover, .socialLinksProduct .st_sharethis:hover { background-position:left bottom;} /*# Product List Intro and shopping cart #*/ .productListIntro {font-family: 'GillSansW01-LightItalic', Gill Sans, sans-serif; border-bottom: 3px solid #F8F7FA; margin-bottom:15px; } .productListIntro p {padding-bottom:15px;} .gridLayout ul li {position: relative;} .cart { /*position:absolute;*/ /* right:9px; top:140px;*/ width:24px; height:23px; background:no-repeat url("/SummerInfant/img/shopping-cart.png") top center; text-indent:-999em;display:block;float:right;} .gridLayout ul li:hover { cursor:pointer;} .gridLayout ul li:hover .cart { background-position:bottom left;} .gridLayout ul li:hover a {color:#d5813d;} /*# Store locator #*/ .storeLocator {} .storeLocator .sidebar { margin-left:-10px; width:310px;} .storeLocator .contentLeft { width:auto; padding-right: 40px;} .storeLocator .contentLeft p { padding-top:7px;} .retailerSearch { border-top:1px solid #e6e5e7; /*border-bottom:3px solid #F8F7FA; */ position:relative;} .doubleBorder {display:block; border-top: 3px solid #F8F7FA; margin-top:1px; /*border-bottom:1px solid #e6e5e7; margin-bottom:1px;*/} .retailerSearch h2 { padding-top:5px; line-height:2em;} .retailerSearch h2 .bottomBorder { padding-bottom:5px;} .zipSearch { position: absolute; right:0; bottom:12px; } .zipSearch .formLabel { width:auto; margin-right:5px; padding:2px 1px;} .zipSearch ol li input[type="text"] { float:left; padding:2px 3px 1px 3px; height:24px; margin:0 5px 0 0;} /* .zipSearch .submitBtn { background:url("/SummerInfant/img/btn-zip-search.png") top left no-repeat; width:55px; height:21px; border:none; color:#FFF; text-transform:capitalize; padding:0 22px 2px 0; float:left; margin-left:5px; text-transform: uppercase;} .zipSearch .submitBtn:hover { background-position:bottom left;} */ /* Chrome fix for Go btn margin top */ @media screen and (-webkit-min-device-pixel-ratio:0) { .zipSearch .submitBtn { margin-top:2px;} } .zipSearch .buttonBg {padding:0;} .retailerSearchResult {} .retailerInfo { float:left; width:100%; margin-bottom:20px;} .retailerInfo img { width:97px; border:1px solid #e6e5e7; margin-left: 10px; float:right; } .retailerLocation { float:left; width:475px; } .retailerLocation a { color: #927CBA; text-decoration: underline;} .retailerLocation a:hover { color:#d5813d;} .distance { font-size:1.111em; font-style:italic; margin:-3px 0 3px 0;} .retailerList {} .retailerList ul li { float:left; width:148px; height:108px; margin:0 5px 5px 0; border:1px solid #e6e5e7; padding:0px; background:none;} .retailerList ul li.right { margin-right:0px;} .retailerList ul li img {border:1px solid #fff} .retailerList ul li:hover, .retailerList ul li:hover img { border:1px solid #d5813d;} /*# Homepage #*/ .homepageFeature .landingImages { margin-top:-1px; margin-bottom:30px; height:347px;} .homepageFeature .flex-caption { width:18%; right:0px;} .homepageFeature .landingImages img { padding:0px; } .homepageFeature .whiteHeader, .homepageFeature .orangeHeader { font-size:1.4em; line-height:1.2em;} .homepageFeature .whiteHeader { } .homepageFeature .orangeHeader { } .homepageFeature .thirdHeader { line-height:1.3em;font-size:1em; display:block;} .homepageFeature .flex-control-nav { bottom:2.5%;} .homepagePostList,.homepagePoll { margin-left:-10px;} .homepageCTA { margin-left:-20px;} .homepageCTA.poll { margin-left:-10px;} .homepageCTA.poll .PollAnswer label {float:none;} .homepageGrid h3 a { color:#5a575d; text-decoration:underline;} .homepageGrid h3 a:hover { color:#d5813d;} .homepagePostList { width:195px; margin-top:3px;} .homepagePostList h2 {font-size:1.278em; margin-bottom:10px;} .homepagePostList h3, .homepageCTA h3 { font-family: 'Gill Sans W01 Medium','Gill Sans','Gill Sans MT',Calibri,sans-serif; font-size: 1.056em; line-height: 1.2em; margin-bottom:5px; } .homepagePostList ul li { border-bottom:1px solid #e6e5e7; padding-bottom:10px; margin-bottom:10px; } .homepagePostList ul li p { /*font-size:0.889em; line-height:1.3em; */} .homepagePostList ul li, .homepageCTA .txt { font-size: 0.889em; line-height: 1.3em; } .homepagePostList ul li p, .homepageCTA p { font-size: 1em; line-height: auto; } .homepagePostList .bottomBorder { padding-bottom:3px;} .blogLink { text-align:right; margin-top:-10px;} .homepageCTA { width:230px; background:url("/SummerInfant/img/cta-homepage-bg.png") top left no-repeat;} .homepageCTA h2, .homepageCTA h4 {font-size:1.278em; font-weight:300; /*margin-top:-5px; padding-left:10px;*/ border:1px solid #e6e5e7; /*line-height:1.8em;*/ padding:1px; background: #fff; margin-bottom: 0px; } .homepageCTA h2, .homepageCTA h4 { display:block; margin:0px;} .homepageCTA h2 .gradientBg, .homepageCTA h4 .gradientBg { padding:1px 0px 0px 7px; display:block; border-bottom:2px solid #f8f7fa;} .homepageCTA img { margin:0 0 5px 1px; max-width:226px; height:158px;} .homepageCTA .txt {margin: 0 10px;} .homepageCTA .txt p {margin:0 0 5px 0;} .homepageCTA a:hover { color:#d5813d;} .homepageCTA a.readMore {text-align:right; font-size:0.8em; text-decoration:none;} .gradientBgPoll { padding-top:1px; margin-left:1px; width:228px; background: url(../img/poll-gd-background.png) top left repeat-x;} .PollControl { margin:10px; font-size:0.889em;} .PollQuestion { line-height:1.3em; display:block;} .PollAnswers { margin:5px 0;} .PollAnswerRadio { padding:0px; margin-left:-3px;} .PollAnswerRadio label { font-size:0.9em; float:none;} .PollAnswerRadio input { margin:4px; vertical-align:top;} .PollGraph { border:1px solid #e6e5e7; background-color: #FFF; height: 9px; margin-bottom: 10px; margin-top: 3px;} .PollGraph div { background: url(../img/bg-poll-line.png) repeat-x scroll 100% 0 transparent; font-size: 0; height: 9px; line-height: 0;} .PollFooter { text-align:right;} .PollFooter input.PollVoteButton {font-family: 'Gill Sans W01 Light', Gill Sans, sans-serif; font-size:1.2em; border:none; width:65px; height:23px; background:url("/SummerInfant/img/btn-poll.png") left top; color:#FFF;padding-bottom: 2px;} .PollFooter input.PollVoteButton:hover { background-position:left bottom;} /*# TipTip CSS - Version 1.2 #*/ #tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;} #tiptip_holder.tip_top {padding-bottom: 5px;} #tiptip_holder.tip_bottom { padding-top: 5px;} #tiptip_holder.tip_right { padding-left: 5px;} #tiptip_holder.tip_left {padding-right: 5px;} #tiptip_content { font-size: 0.675em; color: #666666;/*#7a777d;*/ padding: 4px 8px; border: 1px solid #e6e5e7; background-color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 2px #555; -webkit-box-shadow: 0 0 2px #555; -moz-box-shadow: 0 0 2px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow {border-top-color: #e6e5e7;} #tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #e6e5e7;} #tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;} #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff;} #tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px; border-top-color: #fff;} #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px;margin-left: -6px;border-top-color: #fff;} #tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-top-color: #fff;} #tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px; margin-left: -7px; border-top-color: #fff;} /*# Blogger bio link buttons #*/ .linkBtn, .allDemoLink { border:1px solid #E6E5E7; text-align:center; padding:1px; background-color:#FFFFFF; font-size: 0.875em; line-height: 1.2em; margin:-8px 0 0 5px; float:left;} .linkBtnBg {display:block; padding:1px 8px; background-color: #fefefe; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f4f8)); background-image: -webkit-linear-gradient(top, #fefefe, #f5f4f8); background-image: -moz-linear-gradient(top, #fefefe, #f5f4f8); background-image: -ms-linear-gradient(top, #fefefe, #f5f4f8); background-image: -o-linear-gradient(top, #fefefe, #f5f4f8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f5f4f8')"; /* IE8 */} .linkBtn:hover .linkBtnBg{ background-color: #e59b4b; color:#FFFFFF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd8a46), to(#e59b4b)); background-image: -webkit-linear-gradient(top, #dd8a46, #e59b4b); background-image: -moz-linear-gradient(top, #dd8a46, #e59b4b); background-image: -ms-linear-gradient(top, #dd8a46, #e59b4b); background-image: -o-linear-gradient(top, #dd8a46, #e59b4b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd8a46', endColorstr='#e59b4b')"; /* IE8 */} .linkBtn:hover {background-color:#e59b4b; border:1px solid #e59b4b; cursor:pointer; color:#FFF;} .linkBtn:hover a { color:#FFF;} /*# News and Jobs Landing and Details #*/ .news ul li .postListWrapper { float:left;} /* .news ul li .postListWrapper img { float:right; margin-top:20px; border: 1px solid #E6E5E7; width:100px;} .news ul li .postListWrapper .postSummary { padding: 15px 110px 3px 0;} */ .news ul li .postListWrapper a.postImg {display:block; float:right; margin:20px 0 15px 15px; width:104px;} .news ul li .postListWrapper a.postImg img {width:100px; border: 1px solid #E6E5E7;} .news ul li .postListWrapper .postSummary {width:351px;} .IE7 .news ul li .postListWrapper .postSummary {width:340px;} .news ul li .postListWrapper .postSummary.full {width:470px;} .news .postDetail, .jobs .postDetail { margin-top:0px; } .jobs .postDetail ul li, .news .postDetail ul li { border-bottom:none; background: url("/SummerInfant/img/arrow-breadcrumb.png") no-repeat scroll 0 8px transparent; margin-left:15px; width:100%;} .jobs .postDetail .jobInfo P, .jobs .postDetail .jobInfo span { float:left; } .jobs .postDetail .jobInfo P { padding-bottom:0px; margin-bottom:5px; } .jobs .postDetail .jobInfo span {clear:both; padding:0 10px 15px 0;} .jobs .postDetail .jobInfo .attachment { width:100%;} .jobInfoItem { float:left; width:100%; margin-top:1em;} /*# Search Results #*/ .searchResultsTop {background: url("/SummerInfant/img/h2-border-bottom.png") repeat-x scroll left bottom transparent; padding-bottom: 10px; float:left; position: relative;margin-bottom:15px;} .searchResultsFilter { float:left; width:700px;} .searchResultsFilter P { float:left; padding-bottom:0px;} .searchResultsFilter .filterPart { /* float:right;*/ position: absolute; right:0; bottom:0; margin-bottom:10px; width:200px; top:0;} .searchResultsFilter .rightPush { /*float:right; margin-right:10px;*/} .searchResultsFilter select { } .searchResultsFilter div.selector { background-position:-68px 1px; width:101px;} .searchResultsFilter div.selector span {padding: 0 10px 0 2px; width:91px;} .DidYouMean { clear:both; width:490px; } .DidYouMean a { color: #927CBA; text-decoration:underline;} .DidYouMean a:hover{color:#d5813d;} .searchResults { clear:both;} .searchRelLeftCol { width:480px; } .search-result-image { width:152px; display:inline;float:right; padding-right:15px; } .news ul li .postListWrapper.search .postSummary.search { width:500px; float:left; } .postList ul li .postListWrapper.search { margin-bottom:10px; } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content {padding: 4px 8px 5px 8px; background-color: #FFF;} #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #e6e5e7;} #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #e6e5e7; } } /*# Misc #*/ .sb { padding:0 3px;} img.attachedIcon {border:none;} pre { font-size:0.78em;} .leftPush { float:left;} a.forgotPassword:hover, /* a.signoutLink:hover, */ a.InlineAbuseLink:hover { text-decoration:underline;} /*# Product Registration tool tips #*/ /* new tooltip styling for image */ .tooltipGeneralDateCode, .tooltipGeneralModel { display:none; padding:1px; border:1px solid #e6e5e7; background:#fff; } .tooltipCarSeatDateCode, .tooltipCarSeatModel { display:none; padding:1px;} /*# Join Our Circle. styles formerly inline on page. #*/ .formLabel.wide { width:135px; } .formLabelRight{margin-left:137px;display:block;} .formLabelRight input{float:left;} .formLabelRight label{float:left; /*width:280px; */ width:279px;} .submissionBox.formInputMedium{width:280px;} /*# Join Our Circle form styles #*/ #uniform-p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zonePostList_SI_JoinOurCircle_ddlAgeOfChildMonth select, #uniform-p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zonePostList_SI_JoinOurCircle_ddlAgeOfChildYear select {width:168px; background-position:-1px 1px;} #p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zonePostList_SI_JoinOurCircle_btnOk {display:inline;} fieldset ol li.btns {text-align:right;} /*# Extranet Log Out Button #*/ #logOutBtn {clear:both; padding:40px 0 0 0;} .page-links ol li { width:auto; } /* My Account Page */ #My-Account h2, #My-Account h2 span {background: url("/SummerInfant/img/shoppingCartTableBorder.png") repeat-x scroll left top transparent;} #My-Account h2 {font-family: 'Gill Sans W01 Light',Gill Sans,sans-serif; font-size: 1.2em; font-weight: normal; margin-bottom: 1em;} #My-Account h2 span {background-position: left bottom; display: block; padding: 6px 4px;} #My-Account #customerInfo label {float:left; text-align:right;} #My-Account #customerInfo label {font-size:1em; width:129px;} #My-Account #customerInfo #keepLoggedIn span {width:300px;} #My-Account #customerInfo .forgotPassword {position:relative; top:-50px; color:#D5813D;} #My-Account #customerInfo .errorMsg {float:right; margin-right:15px;} #My-Account #customerInfo #p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zoneRight_registrationform_passStrength_rfvPassword {float:right; color:#D5813D; font-size:.875em;} #My-Account .LoginPanelPasswordRetrieval .box {margin-top:-50px; font-size:.8em;} #My-Account #customerInfo .LoginPanelPasswordRetrieval .box label {text-align:left; float:none; width:280px;} #My-Account #customerInfo .LoginPanelPasswordRetrieval .box .buttonWrap {margin-top:15px;} #My-Account table td {border-top:none;} #My-Account table.TabControlTable {border-bottom: 1px solid #E9E5F0;} #My-Account .TabControlRow td.TabControl {background-color: #FFFFFF; background-image: -moz-linear-gradient(center top , #FFFFFF, #F8F7FA); border-left: 1px solid #E9E5F0; border-right: 1px solid #E9E5F0; border-top: 1px solid #E9E5F0;} #My-Account .TabControlRow td.TabControlSelected {border-left: 1px solid #E9E5F0; border-right: 1px solid #E9E5F0; border-top: 1px solid #E9E5F0;} #My-Account .TabControlRow td.TabControlLeft, #My-Account .TabControlRow td.TabControlRight, #My-Account .TabControlRow td.TabControlSelectedLeft, #My-Account .TabControlRow td.TabControlSelectedRight { width:3px; padding:0; } #My-Account .TabControlRow a {} #My-Account .TabsContent table {width:600px;} #My-Account td.EditingFormLabelCell {text-align:right;} #My-Account table.EditingFormTable td label, #My-Account table.EditingFormTable td.EditingFormLabelCell span { width:150px; float:left; text-align:right; } #My-Account table.EditingFormTable td.EditingFormValueCell {} #My-Account .RadioButtonList {} #My-Account .RadioButtonList td {display:block; float:left;} #My-Account .RadioButtonList td label {width:auto !important;} #My-Account .selector select {min-width:170px;} .bundleItemCTA{ width:226px; float:left; margin:0 10px 10px 0px; /*margin:0 20px 10px -10px;*/ border:1px solid #e6e5e7; padding:1px; background:#FFF; } #My-Account #passwordResetPage td.FieldLabel {text-align:right; padding-right:10px;} #My-Account #passwordResetPage td.FieldLabel .PasswordStrengthText {text-align:left;} #My-Account #passwordResetPage #p_lt_zonePagePlaceholder_pageplaceholder_pageplaceholder_lt_zoneLeft_ResetPassword_resetPassitem_lblConfirmPassword {padding-right:10px;} #My-Account #passwordResetPage input, #My-Account #passwordResetPage .PasswStrenghtIndicator {margin:0 0 10px 0;} #My-Account #passwordResetPage .SubmitButton {height: 32px; background:url("/SummerInfant/img/btnResetPassword.png") no-repeat scroll left top; width:136px; text-indent:-9999em; border:none;} #My-Account #passwordResetPage .SubmitButton:hover {background-position:left bottom;} #My-Account #passwordResetPage .ErrorLabel, #My-Account #passwordResetPage .InfoLabel {text-align:left; font-size:1em; color:#D5813D;} #My-Account #passwordResetPage .CMSValidator {display:block; color:red; font-size:.75em; } .MyProfilePanel label.EditingFormLabel, .MyProfilePanel span.EditingFormLabel { font-size: 1em; width:125px; text-align:left;} .MyProfilePanel .TextBoxField { font-size: 1em;} .MyProfilePanel .EditingFormControlNestedControl span { font-size: 1em;} .RadioButtonList label { font-size: 1em;} #My-Account table.RadioButtonList { width:auto;} #My-Account .selector select {font-size: 1em;} /*#My-Account table td { padding: 8px; }*/ #My-Account table.RadioButtonList{ margin-bottom:0;} #My-Account table.RadioButtonList td { padding-top: 2px;} .FieldLabel label { font-size: 1em;} .TabsContent .TextBoxField { font-size: 1em;} .TabsContent .selector { font-size: 1em;} .TabsHeader { margin-top: 1em;} td.TabControlSelected { font-size: 1.333em; border-bottom:1px solid #fff;font-family:'Gill Sans W01 Light',​Gill Sans,​sans-serif;} td.TabControl {font-size: 1.333em;font-family:'Gill Sans W01 Light',​Gill Sans,​sans-serif;color: #666666;} /* Bundle Item CTA */ .bundleItemCTA img {/* margin:1px;*/ padding:0px; } .bundleItemCTA h3 { font-size:0.938em; margin-top:-5px; padding-left:10px; border-top:1px solid #e6e5e7; line-height:3em; background-color: #f8f7fa; /* background-image: url(images/fallback-gradient.png); */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f7fa)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f7fa); background-image: -moz-linear-gradient(top, #ffffff, #f8f7fa); background-image: -ms-linear-gradient(top, #ffffff, #f8f7fa); background-image: -o-linear-gradient(top, #ffffff, #f8f7fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa'); /*IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f7fa')"; /* IE8 */ } .bundleItemCTA a { text-decoration:underline;} .bundleItemCTA a.img {min-height:166px; display:block; padding:1px; min-height:172px;} a.bundleCTALink {display: block; height: 166px; width: 226px; } .bundleItemCTA img {width:222px; height:166px;} .bundleItemCTA h3 {font-size:.85em; padding:9px 10px; line-height:1.5em; min-height:3em;} .rowend { margin:0;} sup {font-size:0.5em; top:-0.85em;} span.sup { font-size:0.75em; vertical-align:super;} /* optional button styles for single input w/o wrapper */ .btnFwdArrow { height:auto; color:#FFF; text-transform:capitalize; font-size:1em; float:right; background: url("/SummerInfant/img/btnFwdBkg.png") no-repeat scroll right top #DF904E; outline: 1px solid #D5813D; border:1px solid #e59b4b; padding:0 30px 3px 10px; } .btnFwdArrow:hover { background-position:right -30px; background-color:#eeaa5c; color:#fff; outline: 1px solid #D5813D; } .btnBackArrow { height:auto; color:#FFF; text-transform:capitalize; font-size:1em; float:left; text-align:left; background: url("/SummerInfant/img/btnBackBkg.png") no-repeat scroll left top #DF904E; outline: 1px solid #D5813D; border:1px solid #f4af60; padding:0 10px 3px 30px; } .btnBackArrow:hover { background-position:left -30px; background-color:#eeaa5c; color:#fff; outline: 1px solid #D5813D; } /* Join Our Circle Right Rail Newsletter Sign up*/ input.signupSubmit { background-color: transparent; background-image: url("/SummerInfant/img/btn-newsletter-form-off.png"); background-position: right center; background-repeat: no-repeat; background-size: auto auto; border: none; color: #666666; float: right; text-transform: capitalize; width: 70px; } #Join-Our-Circle-Container { padding-top:1em; } #Join-Our-Circle-Container h2, #Join-Our-Circle-Container h2 span { background: url("/SummerInfant/img/shoppingCartTableBorder.png") repeat-x scroll left top transparent; } #Join-Our-Circle-Container h2 { font-family: 'Gill Sans W01 Light',Gill Sans,sans-serif; font-size: 1.2em; font-weight: normal; margin-bottom: 1em; } #Join-Our-Circle-Container h2 span { background-position: left bottom; display: block; padding: 6px 4px; } #Join-Our-Circle-Container hr { margin-bottom: 7px; margin-left: 0; margin-right: 0; margin-top: 7px; } #Join-Our-Circle-Container .Subscription { margin-top:15px; } #Join-Our-Circle-Container .buttons { text-align:right; } #Join-Our-Circle-Container .newsletterFormControl { padding-bottom:15px; } .oneColumn { margin-top:20px; } /* Shopping Cart content styles added*/ .BlockContent p { padding-bottom:15px; } .cartEmpty { font-size:1.5em;font-weight:bold; } /* Generic Form Styles so they can create forms without us */ table.EditingFormTable td.EditingFormLabelCell, table.EditingFormTable td.EditingFormValueCell { padding-top: 15px; } .HiddenButton { display:none; } /* Peek FAQ List Template Styles */ .back2top { margin:1.5em 0; text-align:right; font-size:0.8em; } .back2top a { text-decoration:none; } #faqs.contentMiddle .rtEditor h2 { background:none;margin:0; border-bottom:0; color:#D5813D; } .anchormenu { margin:30px 0 40px 10px; } #faqs .faq h3 { margin-left:0;padding:10px 0; font-size:1em; } .sidebar .cta h3 { padding:8px 8px; }